@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Caveat:wght@400;700&family=Lobster&family=Monoton&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,700&display=swap');


* {

    -webkit-user-select: none;
    /* Safari */

    -ms-user-select: none;
    /* IE 10 and IE 11 */

    user-select: none;
    /* Standard syntax */

}

.wecl {
    color: black;
    font-family: "Bree Serif";
    
}

*{
    margin: 0;
    padding: 0;  
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto';
}

.loader {
    display: flex;
    min-height: 100vh;
    margin: 0;
    align-items: center;
    justify-content: center;
    background-image: url(https://res.cloudinary.com/bharathzz/image/upload/v1698820666/Restarents-asserts/first-page-images/main-first-mid.webp);
    font-family: system-ui, calibri, serif;
    background-repeat: no-repeat;
    background-size: cover;
    
    
  }
  
  @keyframes movement {
    0% {
      background-position: 0px 0px;
    }
    100% {
      background-position: 560px 0px;
    }
  }




.logo-zomato {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 230px;
    /* width: 280px; */
    /* border: 4px solid; */
    border-color: white;
    border-radius: 10px;
}

.content {
    display: none;
    flex-direction: column;
    align-items: center;
    /* padding: 20px; */
    text-align: center;
}

.hidden {
    animation: fadeIn 1s forwards;
}



@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body {
    background-color: black;
    padding: 0px;
    margin: 0px;

    width: 100%;
}

.restarent-logo-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.restarent-logo {
   
    width: 250px;
    
    /* border-radius: 21px;
    border: 3px dashed #fff; */

}

.restarent-logo-top {
   
    width: 250px;
    /* height: 150px; */
    object-fit: cover;
    border-radius: 50%;
    border: 3px dashed #fff;
    

}

.bg-containerbk {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.bg-containerbk {
    background:
        linear-gradient(0deg, rgba(0, 0, 0, 1) 9%, rgba(0, 0, 0, 0.2190126050420168) 100%),
        /* url('https://res.cloudinary.com/bharathzz/image/upload/v1695366797/food%20images/thumb__700_0_0_0_auto_idtiak.jpg'); */
        url(https://res.cloudinary.com/bharathzz/image/upload/v1698819966/Restarents-asserts/first-page-images/main-first-image_1_abj7cd.webp) center center/cover no-repeat;
    height: 79vh;
    background-size: cover;
    /* padding: 0px 20px 90px 20px; */
    padding: 0px;
    width: 100%;

}

.hotel-details-card {
    /* background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 9%, rgba(0, 0, 0, 0.2190126050420168) 100%);
     */


    border-radius: 16px;
    padding: 20px;
}

.hotel-name {
    color: #ffffff;
    font-family: "Bree Serif";
    font-size: 32px;
    text-align: center;
}

.hotel-location {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    /* font-weight: 500; */
    text-align: center;
    margin-top: 15px;
}
.hotel-location2 {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}

.hotel-location3 {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}

/* .hotel-room-price {
    color: #ffffff;
    font-family: "Bree Serif";
    font-size: 22px;
    text-align: center;
} */

.button-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    margin: 20px;
}

.button-80 {
    background-color: #ffffff;
    font-family: "Roboto";
    font-size: 15px;
    font-weight: 900;
    width: 119px;
    height: 38px;
    border-width: 0;
    border-radius: 8px;
    margin: 0px 10px 0px 10px;
    transform: translateZ(0) scale(1);
    
    touch-action: manipulation;
    backface-visibility: hidden;

}

.button-80:not(:disabled):hover {
    transform: scale(1.05);
}



.button-80:focus {
    outline: 0 solid transparent;
}

.button-80:focus:before {
    content: "";
    left: calc(-1*.375rem);
    pointer-events: none;
    position: absolute;
    top: calc(-1*.375rem);
    transition: border-radius;
    user-select: none;
}

.button-80:focus:not(:focus-visible) {
    outline: 0 solid transparent;
}