/*@font-face{
  font-family: 'Poppins';
  src: url("./fonts/Poppins-Regular.ttf");
  font-weight: 400;
  font-style: normal; 
}

@font-face{
  font-family: 'Poppins';
  src: url("./fonts/Poppins-Light.ttf");
  font-weight: 300;
  font-style: normal; 
}

@font-face{
  font-family: 'Poppins';
  src: url("./fonts/Poppins-ExtraLight.ttf");
  font-weight: 275;
  font-style: normal; 
}*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/**{ box-sizing:border-box; }*/
 body {
             
            
            min-height: 100vh; 
            margin: 0; 
            box-sizing: border-box; 
           /* color: #f0f0f0; */

          /*  background: radial-gradient(circle,#222326 0%, rgba(11, 12, 16, 1) 35%);
            background-position-y:-500px;
            background-repeat: no-repeat;*/
            background-color: rgba(11, 12, 16, 1);/*rgba(0, 0, 0, 1);*/
            -webkit-font-smoothing: antialiased;
        }


a {
  user-select: none;
  -webkit-user-select: none; /* For WebKit browsers like Chrome, Safari */
  -moz-user-select: none; /* For Firefox */
  -ms-user-select: none; /* For Internet Explorer/Edge */
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

*{margin: 0;padding: 0;line-height: 150%;font-family: "Poppins", sans-serif;-webkit-font-smoothing: antialiased;}
img{display: block;width: 100%;}
header{display: flex;padding: 40px 10%;/*position: sticky;top: 20px;*/z-index: 4;justify-content: center;align-items: center;}
header img{/*height: 50px;*/width: 100px;padding-right: 20px;}
nav{display: flex;gap: 40px;align-items: left;justify-content: left;}
nav h4{font-size: 12px;font-weight: 800;color: rgba(87, 86, 86, 1);}
nav a{text-decoration: none;color: rgba(151, 151, 151, 1);padding:12px 0;flex-basis: 33%;border-bottom: 1px solid rgba(255, 255, 255, 0.16);position: relative;min-width: 126px;font-weight: 400;font-size: 14px;}

nav a span{position: absolute;right: 0;transform: rotate(0deg);color: rgba(255, 255, 255, 0.16);}

header .col{flex-basis: 33%;}

header #nav_booknow1{text-align: right;}
/*header .col:nth-child(4){display: none;}*/
#mob_nav_links{display: none;}

#but_nav_book_now, #but_nav_book_now_mobile{text-decoration: none; display: inline-block;padding: 12px 24px;border-radius: 100px;background: #fff;color: #000;background: linear-gradient(to right, #fff, rgba(151, 151, 151, 1));cursor: pointer;font-size: 14px;
  font-weight: 400;}
#but_nav_book_now_mobile, .mobile_nav_title{display: none;}
/*#col_menu_but {
  display: none;
}*/


#footer_wrap{/*background-color: #f7f7f7;*/background-image: url("./img/footer_bg_glow.webp");background-repeat: no-repeat;background-position: center bottom;background-size: contain;}



#footer_social_media_links_wrap{display: flex;padding:0 10%;gap: 20px;border: 1px solid rgba(255, 255, 255, 0.08);border-left: none;border-right: none;border-radius: 20px 20px 0 0;/*background-color: rgba(11, 12, 16, 1);*/}
#footer_social_media_links_wrap div{flex-basis: 25%;color: #fff;font-weight: 200;padding: 30px 0;}
#footer_social_media_links_wrap div a{text-decoration: none;color: #fff;position: relative;display: block;}
#footer_social_media_links_wrap div a span{margin-left: 40px;position: absolute;right: 40px;transform: rotate(45deg);}


#footer_cols{display: flex;padding:0 10%;gap: 20px;/*background-color: rgba(11, 12, 16, 1);*/}
#footer_cols div{flex-basis: 25%;color: #fff;font-weight: 200;padding: 40px 0;border-right: 1px solid rgba(255, 255, 255, 0.08);}
#footer_cols div:nth-child(4){border-right: none;}
#footer_cols div h4{margin: 20px 0;font-size: 14px;font-weight: 300;color: rgba(151, 151, 151, 1);}
#footer_cols ul{list-style-type: none;}
#footer_cols ul li{padding: 8px 0;}
#footer_cols ul a{color: inherit;text-decoration: none;display: block;}


#footer_cols div:nth-child(1){display: flex;align-items: center;}
#footer_cols div:nth-child(1) img{width: 70%;}

#footer_copyrights{padding:30px 10%;color: #fff;border-top: 1px solid rgba(255, 255, 255, 0.08);/*background-color: rgba(11, 12, 16, 1);*/}

#fixed_icon_whatsapp{position: fixed;bottom: 100px;right: 30px;z-index: 9;}

#header_col_logo2, #header_menu_back{display: none;opacity: 0;}

@media only screen and (max-width : 922px) {





/*#banner, .stats{display: none !important;}    */

/*header{width: 96%;margin:unset;border-radius: 0;top: 0;display: block;overflow: auto;box-shadow: none;position: fixed;padding: 2%;background-color: none;z-index: 4;}
header #menu_but{float: right;}*/
header img{height: 40px;width: auto;padding-right: 20px;}
header{display: block;/*position: fixed;top: 0; width: 90%;*/padding: 25px 5%;background-color: rgba(11, 12, 16, 1);position: relative;z-index: 8;min-height: 50px;}



nav{display: none;margin-top: 70px;/*height: 0;*/transition: height 2s;z-index: 8;width: 90%;
  display: block;
  position: absolute;
  left: 0;
  padding: 5%;}
nav a{display: block;padding: 10px 0%;/*opacity: 0;*//*transition: opacity 3s;*/padding-top: 35px;/*animation: fadeIn 0.5s ease-in-out forwards;*/}

nav a:nth-child(1) {
  animation-delay: 0.1s;
}

nav a:nth-child(2) {
  animation-delay: 0.3s;
}

nav a:nth-child(3) {
  animation-delay: 0.5s;
}

nav a:nth-child(4) {
    animation-delay: 0.7s;
}

nav a:nth-child(5) {
    animation-delay: 0.9s;
}

@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translateY(0); 
  }
}


.bar1 {width: 20px;height: 2px;background-color: rgba(87, 86, 86, 1);margin: 4px 0;transition: 0.4s;float: right;}
.bar2 {width: 26px;height: 2px;background-color: rgba(87, 86, 86, 1);margin: 4px 0;transition: 0.4s;float: right;}
.bar3 {width: 16px;height: 2px;background-color: rgba(87, 86, 86, 1);margin: 4px 0;transition: 0.4s;float: right;}

 
/*.bar1 {width: 20px;height: 2px;background-color: #fff;margin: 4px 0;transition: 0.4s;float: right;}
.bar2 {width: 26px;height: 2px;background-color: #fff;margin: 4px 0;transition: 0.4s;float: right;}
.bar3 {width: 16px;height: 2px;background-color: #fff;margin: 4px 0;transition: 0.4s;float: right;}*/

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-4px, 6px);
  transform: rotate(-45deg) translate(-4px, 6px);
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -8px);
  transform: rotate(45deg) translate(-6px, -8px);
  width: 20px;
  margin: 1px 0;
}


.fixHeader{background: rgba(11, 12, 16, 1);
  top: 0;bottom: 0;
  position: fixed;
  width: 90%;
  overflow-y: scroll;padding-bottom: 50px;}


#but_nav_book_now, .nav_noshow {
    display: none;
  }

.mobile_nav_title{display: unset;}  

#but_nav_book_now_mobile{display: inline-block;
  margin-top: 60px;
  text-align: center;}

header #header_col_logo{float: left;}
header #col_menu_but{float: right;}

.header_col_logo2_display{display: block !important;float: right;animation: appear_nav 1s ease-in-out forwards;}
.header_col_logo2_display img{padding-right: 0;}

.header_col_logo_hide, .menu_but_hide{display: none;}
.header_menu_back_display{display: block !important;color: rgba(87, 86, 86, 1);float: left;font-size: 30px;cursor: pointer;animation: appear_nav 1s ease-in-out forwards;outline: none;}
/*header .col:nth-child(4){display: block;}*/

#mob_nav_links h4{margin-bottom: 30px;display: block;font-size: 14px;
    font-weight: 300;}
#mob_nav_links{display: block;border-top: 1px solid rgba(255, 255, 255, 0.05);margin-top: 100px;padding-top: 40px;}
#mob_nav_links a{border-bottom: none;padding-top: unset;padding-bottom: 30px;}


 #col_menu_but{display: unset;padding: 5px 2%;width: 30px;} 

  .room_desc h3{
        font-size: 16px;
      }

  @keyframes appear_nav {
    from {
      opacity: 0;
      height: 0;
    }

    to {
      opacity: 1;
      height: 320px;
    }
  }

  .nav_show {
    display: block;
    /*animation-name: appear_nav;
    animation-duration: 1s;
    animation-direction: forwards;*/
    animation: appear_nav 1s ease-in-out forwards;
  }

#footer_wrap{background-image: none;}
#footer_social_media_links_wrap div a span{margin-left: 40px;position: absolute;right: 0;transform: rotate(45deg);}
#footer_social_media_links_wrap{flex-direction: column;padding: 0 0;gap: unset;}
#footer_social_media_links_wrap div{padding: 30px 5%;border-bottom: 1px solid rgba(255, 255, 255, 0.08);}

#footer_cols{flex-direction: column;padding: 30px 5%;}
#footer_cols div{border: none;padding: 10px 0;}


#footer_cols div:nth-child(1) img {
  width: 70%;
  max-width: 200px;
}


  #footer_cols div:nth-child(1) img{
position: relative;
    left: -5%;}


#fixed_icon_whatsapp{bottom: 50px;right: 5%;}


}


#backdrop1{position: fixed;
  top: 0;
  bottom: 0;
  background-color:rgba(11, 12, 16, 1);
  z-index: 0;
  width: 100%;opacity: 0;
  transition: height 1s, opacity 1s;
  z-index: 1;
  display: none;
}


.show_backdrop{
  display: block;
  height: 100vh !important;
  opacity: 1 !important;
}

#backdrop2{position: fixed;
  top: 0;
  height: 100vh;
  background-color: rgba(11, 12, 16, 1);
  z-index: 0;
  width: 100%;}