body{
   scroll-behavior: smooth;
}
html.lenis,
html.lenis body {
    height: auto;
}
.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}
.lenis.lenis-stopped {
    overflow: hidden;
}
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}
::-webkit-scrollbar {
    width: 0px;
}
::-webkit-scrollbar-thumb {
    background: #ca252b; 
}
::-webkit-scrollbar-thumb:hover {
    background: #ca252b; 
}
.hc-offcanvas-nav.hc-nav-1.nav-position-left .nav-container {
    transform: translate3d(-493px, 0, 0);
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.eot');
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Light.woff2') format('woff2'),
        url('../fonts/Lato-Light.woff') format('woff'),
        url('../fonts/Lato-Light.ttf') format('truetype'),
        url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular.woff') format('woff'),
        url('../fonts/Lato-Regular.ttf') format('truetype'),
        url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato-Bold.woff') format('woff'),
        url('../fonts/Lato-Bold.ttf') format('truetype'),
        url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* header */
.navbar-expand-lg .navbar-nav .nav-link{color: #000000; font-size: 16px; font-family: 'Montserrat'; font-weight: normal; padding: 8px 20px;}
.navbar-light .navbar-nav .nav-link.active{color: #F3A163;}
.navbar-light .navbar-nav .nav-link:focus{color: #F3A163;}
.navbar-light .navbar-nav .nav-link:hover{color: #F3A163;}
.navbar-expand-lg .navbar-collapse{justify-content: center;}
.navbar-brand{width: 140px;}
.booking-btn a{border: 1px solid #000000; color: #000; font-size: 15px; padding: 6px 15px; text-decoration: none; transition: 0.5s; font-family: 'Montserrat'; font-weight: 300;}
.booking-btn a:hover{background: #f3a163; transition: 0.5s; color: #fff;}
.headerRightmainAll ul{padding: 0; margin: 0;}
.headerRightmainAll li{list-style: none;}
.desk-top-menu{position: relative;}
.booking-btn{padding-right: 80px;}
header .toggle{width: auto; height: auto; right: 0; top: 26px;}
/* banner */
.banner{position: relative;}
.phone-banner{display: none;}
.banner-text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: left;}
.banner-text h2{font-size: 60px; font-family: 'Lato'; font-weight: 300; color: #fff;}
.exclisive-text h1{font-size: 165px; font-family: 'Lato'; font-weight: 300; color: #ffffff1a; margin: 0; border-bottom: 1px solid #ffffff63; display: inline-block;}
.exclisive-text{position: absolute; bottom: 100px; left: 0; width: 100%; z-index: 9; padding-left: 55px;}
.banner-box-text{position: absolute; bottom: 30px; left: 0; width: 100%; z-index: 9;}
.text-text p{text-align: center; font-size: 14px; color: #fff; margin: 0; font-family: 'Montserrat'; font-weight: normal;}
.explor-btn a{text-decoration: none; color: #fff; font-size: 16px; font-family: 'Montserrat'; font-weight: normal;}
/* our-story */
.story-heading h3{font-size: 35px; color: #274653; font-family: 'Lato'; font-weight: 300;}
.story-heading h4{color: #000000; font-size: 30px; font-family: 'Lato'; font-weight: 300; line-height: 45px; padding-bottom: 40px; margin-bottom: 0;}
.story-heading span{color: #F3A163;}
.story-heading a{color: #F3A163; text-decoration: none; font-size: 15px; font-family: 'Montserrat'; font-weight: 300; transition: 0.5s;margin-bottom: 5px; position: relative;}
.story-heading a:hover{color: #000; transition: 0.5s;}
.story-heading a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.story-sec{padding: 60px 0;}
/* RELAX & ACTIVE RETREAT */
.relax-img-3{padding-top: 30px;}
.relax-bg{padding: 60px 0;}
.relax-img{position: relative; overflow: hidden;}
.relax-img img {-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out;transition:all .3s ease-out;}
.relax-img::after {background: rgba(255, 255, 255, 0.4);content: "";height: 100%;left: -150%;position: absolute;top: 0;transition: none 0s ease 0s;width: 100%; transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-webkit-transform: rotate(360deg) scale(1.003) skew(14deg) translate(0px);-moz-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-o-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-ms-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.relax-img:hover::after {left: -50%;}
.relax-img:hover img {transform: scale(1.1);}
.relax-text h3{font-size: 40px; color: #274653; font-family: 'Lato'; font-weight: 300; opacity: 0.5; padding-right: 51px;}
.relax-text h4{font-size: 40px; font-weight: 300; color: #274653; font-family: 'Lato'}
.relax-text p{font-weight: normal; font-family: 'Montserrat'; padding-top: 20px; margin-bottom: 40px; font-size: 16px;}
.relax-text a{color: #F3A163; font-size: 15px; text-decoration: none; font-family: 'Montserrat'; font-weight: 300; transition: 0.5s; position: relative;}
.relax-text a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.relax-text a:hover{color: #000; transition: 0.5s;}
.smalle-img{padding-left: 75px;}
.din-wrap { justify-content: space-between;}
/* Background fade effect */
.rooms-sec {width: 100%;background-size: cover;background-position: center;padding: 80px 0;transition: background-image 1s ease-in-out;display: flex;align-items: center;
justify-content: center;}
/* Center content box */
.center-box {width: 55%;background: #FFF7EE;padding: 80px 40px 60px;text-align: center;box-shadow: 0px 10px 30px rgba(0,0,0,0.15);margin: auto;}
.count {font-size: 14px;letter-spacing: 2px;margin-bottom: 20px;color: #000;font-family: 'Montserrat'; font-weight: 300;}
.title {font-size: 32px;font-weight: 400;letter-spacing: 3px;margin-bottom: 35px;color: #274653;font-family: 'Lato'; font-weight: 300;}
.inner-img img {width: 100%;display: block;margin-bottom: 25px;}
.desc {font-size: 16px;line-height: 1.6;color: #000;font-family: 'Montserrat'; font-weight: normal; margin: 0;}
/* Owl center slide only */
.rooms-carousel .owl-item {display: flex;justify-content: center;}
/* services */
.services-bg{background: #F1EBE3; padding: 40px 0; }
.services-bg h3{color: #274653; font-size: 35px; font-family: 'Lato'; font-weight: 300;}
.services-bg p{font-family: 'Montserrat'; font-weight: normal; font-size: 16px; padding-right: 855px; margin-bottom: 45px;}
.services-bg a{font-size: 15px; color: #F3A163; transition: 0.5s; font-family: 'Montserrat'; font-weight: 300; position: relative; text-decoration: none;}
.services-bg a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.wellnes-img{overflow: hidden; position: relative;}
.wellnes img {-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.wellnes-img::after {background: rgba(255, 255, 255, 0.4);content: "";height: 100%;left: -150%;position: absolute;top: 0;transition: none 0s ease 0s;width: 100%;transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-webkit-transform: rotate(360deg) scale(1.003) skew(14deg) translate(0px);-moz-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-o-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-ms-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.wellnes-img:hover::after {left: -50%;}
.wellnes-img:hover img {transform: scale(1.1);}
.services-bg a:hover{color: #000; transition: 0.5s;}
.curated-services {padding: 80px 0;padding-left: 100px;margin-top: -170px;}
.services-carousel .service-row {display: flex;justify-content: center;align-items: flex-end;gap: 25px;}
.service-item {text-align: center;}
.service-item img {width: 100%;height: auto;display: block;}
.service-title::before {content: "";width: 40px;height: 1px;background: #999;position: absolute;left: 50%;transform: translateX(-264%);top: 50%;}
.other-bg{background: #F1EBE3; padding: 60px 0; padding: 140px 0; margin-top: -230px;}
.service-img{position: relative;top: -80px;left: -53px;}
.text-line h5{color: #000; font-family: 'Lato'; font-weight: normal; font-size: 18px; padding-left: 60px; padding-top: 20px; position: relative;}
.text-line h5::before{position: absolute; content: ''; background: #7070702e; width: 50px;height: 1px; left: 0;top: 32px;}
.service-img .text-line{padding-left: 50px;}
.top-img{position: relative; top: -70px;}
.wellnes img{animation: floatMove 4s ease-in-out infinite;}
@keyframes floatMove {
    0% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-18px) scale(1.02);
    }
    100% {
        transform: translateY(0) scale(1);
    }
}
/*  */
.facilities{background: #52392B; padding: 50px 0;}
.marquee {width: 100%;overflow: hidden;padding: 20px 0;}
.track {display: flex;width: max-content;animation: scroll 12s linear infinite;}
.track span {font-size: 70px;white-space: nowrap;color: #fff;padding-right: 60px;}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.faq-text p{font-size: 16px; color: #F1EBE3; margin: 0; font-family: 'Montserrat'; font-weight: normal;}
.accordion-collapse {transition: height 0.5s ease !important;}
.accordion-button {transition: background-color 0.3s ease, color 0.3s ease; font-size: 20px; font-weight: 300; font-family: 'Lato'; padding-left: 0; transition: 0.5s;}
.accordion-button:hover{background: #F1EBE3; color: #000; padding-left: 10px;}
.accordion-button:hover i{color: #F3A163;}
.accordion-button:not(.collapsed) {background-color: #f3f3f3;color: #fff; box-shadow: none;}
.accordion-button:focus {box-shadow: none;}
.accordion-item{background: transparent; border-left: none; border-right: none; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.accordion-button{background: transparent; border-radius: 0; color: #fff;}
.accordion-button:not(.collapsed){background: transparent;}
.accordion-item:first-of-type .accordion-button{border-top-left-radius:0;border-top-right-radius: 0;}
.accordion-item:first-of-type{border-top-left-radius: 0;border-top-right-radius: 0;}
.accordion-item:last-of-type .accordion-button.collapsed{ border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.accordion-item:last-of-type{border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.accordion-button span{ margin-right: 85px;}
.accordion-text{padding-top: 60px;}
.faq-text-2 p{font-size: 16px; color: #fff; font-family: 'Montserrat'; font-weight: 300;}
.faq-text-2{padding-left: 90px;}
.accordion-button:not(.collapsed)::after{background-image: url(../images/arrow-right-up-svgrepo-com.avif);transform: rotate(-180deg);}
.accordion-button::after{background-image: url(../images/arrow-right.png);display: none;}
.faq-img{padding-right: 115px;}
.accordion-button .fa-chevron-down {margin-left: auto;transition: transform 0.25s ease;font-size: 0.95rem;}
.accordion-button:not(.collapsed) .fa-chevron-down {transform: rotate(180deg);}
.acc-arrow {
    font-size: 20px;
    transition: transform 0.3s ease;
}
.accordion-button:not(.collapsed) .acc-arrow {
    transform: translateX(5px);
}
/*  */
.luxury-sec{background: url(../images/luxury-sec.avif) no-repeat; background-position: center; background-size: cover; background-attachment: fixed; height: 100vh; width: 100%; display: flex; align-items: end;}
.luxury-text h3{font-family: 'Lato'; font-weight: bold; color: #000; font-size: 35px;}
.luxury-text a{color: #000; text-decoration: none; font-size: 15px; font-family: 'Montserrat'; font-weight: 300; transition: 0.5s; position: relative;}
.luxury-text a:hover{color: #F3A163; transition: 0.5s;}
.luxury-text a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.luxury-text{margin-top: -200px;}
/*  */
.experience-bg{background: #F1EBE3; overflow: hidden;}
.experience-sec h3{color: #274653; font-size: 40px; border-bottom: 1px solid #444; font-weight: 300; font-family: 'Lato'; padding-bottom: 20px; margin-bottom: 20px;}
.experience-sec h5{color: #000; font-weight: normal; font-family: 'Lato'; font-size: 40px; padding-bottom: 10px;}
.experience-sec p{font-size: 16px; font-family: 'Montserrat'; font-weight: normal; color: #000; margin-bottom: 30px;}
.experience-sec a{font-size: 15px; color: #F3A163; transition: 0.5s; font-family: 'Montserrat'; font-weight: 300; text-decoration: none; position: relative;}
.experience-sec a:hover{color: #000; transition: 0.5s;}
.experience-sec a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.experience-sec{padding-left: 58px;}
/* offers */
.offers-sec{overflow: hidden;}
.offer-text h4{font-size: 25px; font-family: 'Lato'; font-weight: 300; color: #000;}
.offer-text h3{font-size: 35px; color: #274653; font-family: 'Lato'; font-weight: 300; padding-bottom: 20px;}
.offer-text p{font-family: 'Montserrat'; font-weight: normal; font-size: 16px; margin: 0; color: #000; opacity: 0.7;}
.offer-text{padding: 0 60px; padding-left: 60px;}
.offer-img{overflow: hidden; position: relative;}
.offer-img::after {background: rgba(255, 255, 255, 0.4);content: "";height: 100%;left: -150%;position: absolute;top: 0;transition: none 0s ease 0s;width: 100%;
transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-webkit-transform: rotate(360deg) scale(1.003) skew(14deg) translate(0px);-moz-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-o-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.offer-img:hover::after {left: -50%;}
.offer-img:hover img {transform: scale(1.1);}
.offer-img img {-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
/*  */
.silde-sec{background: #F1EBE3; padding: 60px 0; padding-left: 35px;}
.slide-img{ border: 1px solid #707070; box-shadow: 0px 3px 6px #00000029; border: 1px solid #707070; padding: 10px; overflow: hidden; position: relative; transition: 0.5s;}
.box-img-1{transition: 0.5s;}
.box-img-1::after {background: rgba(255, 255, 255, 0.4);content: "";height: 100%;left: -150%;position: absolute;top: 0;transition: none 0s ease 0s;width: 100%;
transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-webkit-transform: rotate(360deg) scale(1.003) skew(14deg) translate(0px);-moz-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-o-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.box-img-1:hover::after {left: -50%;}
/* mapp */
.location-bg{background: url(../images/mapp-bg.avif) no-repeat; background-size: cover; background-position: center; background-attachment: fixed; padding: 60px;}
.mapp-box{background: #F1EBE3; padding: 30px; margin-left: 52%;}
.mapp-box h3{color: #274653; font-size: 35px; font-weight: 300; font-family: 'Lato'; padding-bottom: 20px; margin-bottom: 0;}
.mapp-box p{font-size: 16px; opacity: 1; color: #000; font-family: 'Montserrat'; font-weight: normal; padding-right: 125px;}
.mapp-box a{color: #F3A163; font-family: 'Montserrat'; font-weight: 300; font-size: 16px; position: relative; text-decoration: none; transition: 0.5s;}
.mapp-box a:hover{color: #000; transition: 0.5s;}
.mapp-box a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.mapp-sec {padding-top: 30px;}
/* footer */
.footer-bg{background: #F1EBE3; padding: 60px 0; padding-bottom: 25px;}
.email-text ul{padding: 0; margin: 0;}
.email-text h5{color: #000 ; font-weight: 300; font-family: 'Lato'; font-size: 16px; }
.email-text h4{font-weight: normal; font-family: 'Lato'; font-size: 17px;}
.email-text li{list-style: none; padding-bottom: 10px;}
.email-text a{color: #000; font-family: 'Lato'; font-weight: normal; font-size: 14px; text-decoration: none; transition: 0.5s;}
.email-text a:hover{color: #F3A163; transition: 0.5s;}
.email-text i{margin-right: 10px;}
.right-text{text-align: right;}
.right-text p{font-family: 'Lato'; font-weight: normal; font-size: 15px;}
.border-line-1{border-bottom: 2px solid #c1c1c1; border-top: 2px solid #c1c1c1; margin: 30px 0; padding: 60px 0;}
.footer-link ul{margin: 0; padding: 0;}
.footer-link li{list-style: none; padding-bottom: 10px;}
.footer-link a{color:#000; font-family: 'Lato'; font-weight: 300; font-size: 15px; text-decoration: none; transition: 0.5s;}
.footer-link a:hover{color: #F3A163; transition: 0.5s;}
.policy-text ul{margin: 0; padding: 0;}
.policy-text li{list-style: none;padding-bottom: 10px; }
.policy-text a{color: #000; font-family: 'Lato'; font-weight: 300; font-size: 15px; text-decoration: none; transition: 0.5s;}
.policy-text a:hover{color: #F3A163; transition: 0.5s;}
.policy-text{text-align: right;}
.policy-text p{font-size: 13px;font-family: 'Lato'; font-weight: normal; color: #000; margin: 0; text-align: right; padding-top: 50px;}
.footer-lgo{text-align: center;}
.footer-link li:last-child{padding-bottom: 0;}
#button {display: inline-block;background-color: #F3A163;width: 50px;height: 50px;text-align: center;border-radius: 4px;position: fixed;bottom: 55px;right: 30px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: 0.5s;text-decoration: none; border-radius: 50%;}
#button.show {opacity: 1;visibility: visible;}
#button::after {content: "\f077";font-family: FontAwesome;font-weight: normal;font-style: normal;font-size: 20px;color: #fff;animation: bounce 1.5s infinite ease-in-out;}
@keyframes bounce {0%, 100% { transform: translateY(0); }50%{ transform: translateY(-3px); }}
/* Rooms */
.sub-banner h3{font-family: 'Lato'; font-weight: 300; font-size: 35px; margin: 0;}
.sub-banner{position: relative;}
.sub-text{position: absolute; width: 100%; left:50%; top: 50%; transform: translate(-50%, -50%); padding-top: 75px;}
.rooms-bg{text-align: center;}
.rooms-bg h1{color: #000; font-size: 150px;}
.rooms-bg h3{color: #274653; font-family: 'Lato'; font-weight: 300; font-size: 35px; margin: 0;}
.rooms-bg h4{color: #274653; opacity: 0.2; font-family: 'Lato'; font-weight: 300; font-size: 35px;}
.rooms-bg p{font-size: 16px; color: #000; font-family: 'Montserrat'; font-weight: normal; padding: 0 283px; padding-top: 30px;}
.padd-box{padding-top: 25px;}
.height-img img{height: 100%;}
.height-img{height: 100%;}
.room-image{overflow: hidden; position: relative;}
.room-image img {-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.room-image::after {background: rgba(255, 255, 255, 0.4);content: "";height: 100%;left: -150%;position: absolute;top: 0;transition: none 0s ease 0s;width: 100%;transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-webkit-transform: rotate(360deg) scale(1.003) skew(14deg) translate(0px);-moz-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-o-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-ms-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.room-image:hover::after {left: -50%;}
.room-image:hover img {transform: scale(1.1);}
.room-details-box h4{color: #274653; font-size: 35px; opacity: 1; font-family: 'Lato'; font-weight: 300; text-align:left;}
.room-details-box{text-align: left;}
.room-details-box p{padding: 0;}
.person-box {padding-left: 40px; padding-bottom: 30px;}
.deluxe-details{padding: 45px 0;}
.room-details-box a{color: #F3A163; font-family: 'Montserrat'; font-weight: 300; font-size: 16px; position: relative; text-decoration: none; transition: 0.5s;}
.room-details-box a:hover{color: #000; transition: 0.5s;}
.room-details-box a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.rooms-bg{padding: 60px 0; }
.room-detail-text{padding: 40px 0;}
.deluxe-details img{padding-right: 5px;}
.padding-box{padding-right: 50px;}
/* about us */
.about-heding h3{color: #000; font-family: 'Lato'; font-weight: bold; font-size: 40px; margin: 0;}
.about-heding{padding-top: 60px;}
.over-view-img{padding-right: 130px;}
.over-text h5{color: #2D9C8E; font-family: 'Lato'; font-weight: normal; font-size: 25px;}
.over-text h3{color: #000; font-family: 'Lato'; font-weight: normal; font-size: 40px;}
.over-text span{color: #F3A163;}
.over-text h6{color: #000; font-family: 'Lato'; font-weight: bold; font-size: 18px; padding-bottom: 15px;}
.over-text p{font-size: 16px; font-weight: normal; font-family: 'Montserrat'; margin-bottom: 45px;}
.over-text p:last-child{margin-bottom: 0;}
.over-text{padding-right: 115px;}
.over-text a{color: #000; text-decoration: none; font-weight: normal; font-family: 'Montserrat'; padding: 15px 25px; border: 1px solid #707070; border-radius: 42px; transition: 0.5s; font-size: 16px;}
.over-text i{margin-left: 5px;}
.over-text a:hover{background: #F3A163; color: #fff; transition: 0.5s;}
.vision-bg{background: #F1EBE3; padding: 60px 0;}
.vision-heading h2{text-align: center; font-size: 150px; font-family: 'Lato'; font-weight: normal; padding-bottom: 80px; margin: 0;}
.icon-box{display: flex; align-items: center; gap: 140px; padding-bottom: 55px; border-top: 1px solid #000; padding-top: 55px;}
.icon-box h3{font-family: 'Lato'; font-weight: bold; font-size: 25px; margin: 0;}
.our-vission-text p{padding: 0 80px; margin: 0; font-size: 16px;}
.our-img{padding-right: 10%; padding-left: 28%;}
.mission-line{margin-bottom: 80px;}
.over-bg{padding: 60px 0px;}
/* contact */
.contact-text h2{font-size: 165px; color: #000; font-family: 'Lato'; font-weight: normal; text-align: center; margin-bottom: 45px;}
.contact-text h4{color: #274653;font-family: 'Lato'; font-weight: 300; text-align: center; font-size: 30px;}
.contact-text p{color: #000; font-size: 16px;  font-weight: normal; font-family: 'Montserrat'; text-align: center; padding: 0 344px; margin-bottom: 80px;}
.socila-icon a{text-decoration: none;}
.socila-icon{text-align: center; position: relative; margin-bottom: 80px;}
.socila-icon::before{position: absolute; content: ''; background: #F3A163; width: 1px; height: 100%; left: 0; top: 0;}
.socila-icon i{font-size: 45px; color: #2C9E8F !important; animation: bounce 1.5s infinite ease-in-out;}
.socila-icon h5{color: #2B2F30; font-size: 25px; font-family: 'Lato'; font-weight: normal; padding-top: 20px; padding-bottom: 20px; margin: 0;}
.socila-icon h6{color: #F4A262; font-weight: 500; font-family: 'Montserrat';}
.socila-icon-2{border-right: 1px solid #F3A163;}
.location-contct p{padding: 0; font-size: 16px; font-weight: normal; margin-bottom: 0;}
.location-contct a{text-decoration: none; font-weight: 300; font-family: 'Montserrat'; font-size: 20px; color: #2B2F30;}
.location-contct img{ margin-left: 15px;border-left: 1px solid #2B2F30;padding-left: 18px;}
.location-contct{border-bottom: 2px solid #444; margin-bottom: 30px; padding-bottom: 30px;}
.form-feeild .form-control{box-shadow: none; border-left: none; border-right: none; border-top: none; border-bottom: 2px solid #444; border-radius: 0; padding-left: 0; background: transparent; padding-bottom: 20px;}
.contact-email{background: #F1EBE3; padding: 60px 115px;}
.form-feeild .form-group{margin-bottom: 30px;}
.form-feeild input{font-weight: normal; font-family: 'Montserrat';font-size: 15px; color: #000;}
.eamil-text p{font-weight: normal; font-family: 'Montserrat'; font-size: 16px; padding: 0 58px;}
.contact-email h3{color: #274653; font-size: 35px; font-family: 'Lato'; font-weight: 300; padding-bottom: 50px;}
.send-btn{padding-top: 30px;}
.send-btn a{background: #2B2F30; padding: 13px 55px; color: #E5DFD8; text-decoration: none; border-radius: 42px; transition: 0.5s; font-size: 16px; font-weight: normal; font-family: 'Montserrat';}
.send-btn a:hover{background: #F3A163; transition: 0.5s;}
.send-btn i{padding-left: 10px;}
.send-btn{padding-top: 65px;}
.contact-mapp{margin-top: 60px; margin-bottom: 60px;}
.contact-text{margin-top: -135px; z-index: 9; position: relative;}
/* FACILITIES */
.faciliti-sec{overflow: hidden; padding: 60px 0; padding-bottom: 90px;}
.faciliti-images{padding-right: 31%;}
.all-images{position: relative;}
.faciliti-images{ position: absolute; top: 155px; right: 0; width: 100%; padding-left: 0%; padding-right: 25%; z-index: -1;}
.facility-text ul{margin: 0; padding: 0;}
.facility-text li{list-style: none; padding-bottom: 20px; padding-left: 40px;}
.facility-text a{color: #2B2F30; text-decoration: none; font-family: 'Lato'; font-weight: normal; font-size: 18px; text-decoration: none; transition: 0.5;}
.facility-text a:hover{color: #F3A163;}
.faciliti-img-2{padding-left: 11%; padding-right: 7%;}
.facility-text h3{color: #274653; font-family: 'Lato'; font-weight: 300; font-size: 35px; margin-bottom: 40px;}
.facility-text p{color: #000; font-weight: normal; font-family: 'Montserrat'; font-size: 16px; padding-left: 40px; padding-right: 100px; margin-bottom: 30px;}
.heding-movement{display: flex; align-items: center; gap: 35px; padding-bottom: 35px;}
.wellness-movement-sec{overflow: hidden; padding: 60px 0;}
.heding-movement h5{color: #2B2F30; font-size: 20px; font-family: 'Lato'; font-weight: normal; margin: 0;}
.movement-text p{font-size: 16px; font-weight: normal; font-family: 'Montserrat'; margin-bottom: 40px;}
.movement-text a{color: #5A5B5C; font-weight: normal; font-family: 'Montserrat'; text-decoration: none; transition: 0.5s; position: relative;}
.movement-text a:hover{color: #F3A163; transition: 0.5s;}
.movement-text  a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.movement-text h3{color: #274653; font-family: 'Lato'; font-weight: 300; font-size: 40px;}
.movement-text{padding: 0 14%;}
.wellness-movement-sec-box{background: #F1EBE3; overflow: hidden;}
.wellnes-img-box::after {background: rgba(255, 255, 255, 0.4);content: "";height: 100%;left: -150%;position: absolute;top: 0;transition: none 0s ease 0s;width: 100%;
transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-webkit-transform: rotate(360deg) scale(1.003) skew(14deg) translate(0px);-moz-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-o-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.wellnes-img-box:hover::after {left: -50%;}
.wellnes-img-box:hover img {transform: scale(1.1);}
.wellnes-img-box img {-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.wellnes-img-box{overflow: hidden; position: relative;}
.dining-text p{font-size: 16px; font-weight: normal; font-family: 'Montserrat'; color: #000; padding-right: 275px; margin-bottom: 0;}
.dining-text h3{color: #274653; font-size: 35px; font-family: 'Lato'; font-weight: 300;}
.dinig-btn a{text-decoration: none; color: #5A5B5C; font-size: 16px; font-weight: normal; font-family: 'Montserrat'; position: relative;}
.dinig-btn a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.dinig-btn a:hover{color: #F3A163; transition: 0.5s;}
.dining-sec{padding-top: 60px; padding-bottom: 60px;}
.images-box{padding-left: 35%;}
.images-box img{padding-bottom: 20px;}
.images-box img:last-child{padding-bottom: 0;}
.dining-sec-img{position: relative;}
.images-img-2{position: absolute; top: 120px; left: 0; padding: 0 80px;}
.other-facility{background: #F1EBE3; padding: 8% 0; margin-top: -130px;}
.luxury-box{overflow: hidden; padding: 60px 0;}
.luxury-text-2{padding: 0 20%; padding-right: 6%;}
.luxury-text-2 h3{color: #274653; font-size: 35px; font-family: 'Lato'; font-weight: 300;}
.luxury-text-2 p{font-size: 16px; color: #000; font-weight: normal; font-family: 'Montserrat';}
.luxury-text-2 a{text-decoration: none; text-decoration: none; color: #5A5B5C; font-size: 16px; font-weight: normal; font-family: 'Montserrat'; transition: 0.5s; position: relative;}
.luxury-text-2 a:hover{color: #F3A163; transition: 0.5s;}
.luxury-text-2 a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.padd-top{padding-top: 80px;}
.luxury-text-3{padding-left: 0; padding-right: 26%; }
.other-img-2{padding-left: 12%; padding-top: 90px; }
.other-imgs{padding-left: 108px; padding-right: 60px; margin-top: -100px;}
.logo-sub-icon{text-align: right;}
.facility-log{text-align: center; padding-top: 220px; padding-left: 65px;}
/* reservation-from */
.reservation-box{background: #F1EBE3; padding: 50px; margin-left: 45%;}
.reservation-box h3{font-family: 'Lato'; font-weight: 300; font-size: 35px; text-align: center; padding-bottom: 50px;}
.reservation-box p{font-weight: normal; text-align: center; font-family: 'Montserrat'; color: #000; font-size: 16px; }
.other-text p{font-size: 16px; font-weight: normal; font-family: 'Montserrat'; padding: 50px 15%;}
.date-picker-wrapper {position: relative;max-width: 415px;}
.day-badge {position: absolute;top: 50%;right: 12px;transform: translateY(-50%);background: #ff2bb3;color: #fff;width: 44px;height: 44px;border-radius: 50%;font-size: 14px;font-weight: 600;display: none;align-items: center;justify-content: center;pointer-events: none; }
.stay-box{background: #F1EBE3; padding: 40px; }
.date-picker-wrapper .form-control{background: none; border: 1px solid #707070; border-radius: 12px; font-size: 14px; box-shadow: none; padding: 15px 15px;}
.date-picker-wrapper h6{font-size: 16px; font-family: 'Montserrat'; font-weight: 500; margin: 0; position: absolute; top: -10px; left: 32px; background: #F1EBE3;     padding: 0 10px;}
.stay-box h5{font-family: 'Lato'; padding-bottom: 15px; font-weight: normal; font-size: 25px; color: #000;}
.stay-box{margin-bottom: 10px;}
.other-date{padding-top: 15px;}
.other-date h6{top: 5px;}
.room-add{font-family: 'Lato'; margin: 0; font-weight: normal; font-size: 25px; color: #000; padding-top: 30px; padding-bottom: 10px;}
.iti {width: 100%;}
.iti__flag-container {padding-left: 10px;}
.phone-wrapper input[type="tel"] {height: 50px;font-size: 18px;padding-left: 90px !important;border-radius: 12px;}
.phone-wrapper{margin-top: 40px;}
.phone-wrapper h6{background: #F1EBE3 !important; z-index: 9;}
.iti--separate-dial-code .iti__selected-flag{background: transparent;}
.box-line{width: 100% !important; max-width: 100%;}
.text-text0{padding-top: 10px; font-weight: 500; font-family: 'Montserrat'; font-size: 16px;}
.custom-checkbox .form-check-input {width: 18px;height: 18px;border-radius: 3px;border: 1.5px solid #999;margin-top: 4px;cursor: pointer;background: transparent;box-shadow: none;}
.custom-checkbox .form-check-input:checked {background-color: #000;border-color: #000;}
.custom-checkbox .form-check-input:checked::before {content: "✓";color: #fff;font-size: 13px;position: absolute;left: 3px;top: -1px;}
.custom-checkbox .form-check-label {font-size: 15px;color: #333;cursor: pointer;font-weight: 600}
.send-btn-box a{color: #E5DFD8; background: #2B2F30; padding: 12px 25px; border-radius: 42px; text-decoration: none; font-family: 'Montserrat'; font-weight: normal; transition: 0.5s;}
.send-btn-box a:hover{color: #fff; background: #F3A163; transition: 0.5s;}
.send-btn-box{padding-top: 40px; padding-bottom: 30px;}
.stay-sec{padding-bottom: 60px;}
/* room details */
.room-details{overflow: hidden; padding-top: 60px;}
.details-text h3{color: #989898; font-family: 'Lato'; font-weight: normal; font-size: 35px;}
.details-text h4{color: #000; font-family: 'Lato'; font-weight: 300; font-size: 35px;}
.details-text p{color: #000000; font-weight: normal; font-family: 'Montserrat'; font-size: 16px; padding-right: 35%;}
.details-text a{color: #F3A163; font-size: 15px; font-family: 'Montserrat'; font-weight: 300; margin-right: 50px; text-decoration: none; transition: 0.5s; position: relative;}
.details-text a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.details-text a:hover{color: #000; transition: 0.5s;}
.details-text{padding-left: 17%; padding-top: 100px;}
.other-logo-2{padding-top: 120px;padding-right: 75px;}
.other-room p{padding-right: 0;}
.other-room{padding-top: 0;}
.other-room h6{color: #000; font-family: 'Lato'; font-weight: normal; font-size: 20px; padding-top: 30px; padding-bottom: 15px;}
.other-padd{padding-top: 95px; padding-bottom: 50px;}
.room-inf-bg{background: url(../images/other-bg.avif) no-repeat; background-attachment: fixed; background-position: center; background-size: cover; padding: 80px 0;}
.room-info-text h3{color: #fff; font-family: 'Lato'; font-weight: 300; font-size: 35px;}
.room-info-text p{color: #fff; font-size: 16px; font-weight: normal; font-family: 'Montserrat';}
.room-info-text a{color: #F3A163; font-size: 15px; font-family: 'Montserrat'; font-weight: 300; position: relative; text-decoration: none;}
.room-info-text a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.room-info-text a:hover{color: #fff; transition: 0.5s;}
.other-heading h3{font-family: 'Lato'; font-weight: 300; color: #274653; font-size: 35px;}
.other-phargraph ul{margin: 0; padding: 0;}
.other-phargraph li{list-style: none; position: relative; font-family: 'Montserrat'; font-weight: normal; padding-bottom: 10px; padding-left: 15px;}
.other-phargraph li::before{position: absolute; content: ''; background: #F3A163; width: 4px; height: 4px; left: 0; top: 11px;}
.other-phargraph p{color: #000; font-family: 'Montserrat'; font-weight: normal; font-size: 16px; padding-right: 205px; margin-bottom: 30px;}
.border-line-line{border-top: 1px solid #5A5B5C;}
.border-line-line .row{padding-top: 30px;}
.other-expirinces{padding: 60px 0;}
.other-phargraph a{color: #F3A163;font-family: 'Montserrat'; font-weight: 300; text-decoration: none; transition: 0.5s; position: relative;}
.other-phargraph a::before{position: absolute; bottom: -9px; width: 100%; height: 1px; background: #727272; content: '';}
.other-phargraph a:hover{color: #000; transition: 0.5s;}
.other-phargraph ul{padding-bottom: 40px;}
.room-image-box{position: relative; overflow: hidden;}
.room-image-box::after{position: absolute; content: ''; background: transparent linear-gradient(0deg, #000000 0%, #54545400 100%) 0% 0% no-repeat padding-box; width: 100%; height: 100%; bottom: 0; left: 0;}
.room-name{position: absolute; bottom: 20px; left: 0;width: 100%; z-index: 9; padding-left: 20px;}
.room-name h4{color: #fff; font-family: 'Lato'; font-weight: normal; font-size: 20px; margin: 0;}
.other-room-sec-1 h3{color: #274653; font-size: 35px; position: relative; transform: rotate(-90deg); font-family: 'Lato'; font-weight: 300; position: absolute; right: 0; top: 150px;}
.other-room-sec-1{overflow: hidden; padding: 60px 0;}
.heding-other{position: relative;}
.planig-img{text-align: right;}

.hero-carousel {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background: #000;
  color: #fff;
}

.bg-image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
  transition: background-image 0.6s ease;
}

.center-box {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 600px;
  margin: auto;
  text-align: center;
}

.box-image img {
  width: 100%;
  max-height: 260px;
  object-fit: cover;
}
.hero-carousel .center-box h2 {
  font-size: 26px;
  font-weight: 600;
  margin: 25px 0;
  line-height: 1.3;
  color: #000;
}
.hero-carousel .center-box .slide-counter {
  font-size: 14px;
  letter-spacing: 2px;
  opacity: 0.65;  color: #000;
}
.hero-carousel .center-box {
  text-align: center; color: #000;
}

.hero-carousel .floating-btn {
  position: absolute;
  z-index: 30;
  padding: 12px 28px;
  font-size: 0.8rem;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #fff;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.25);top: 70px;left: 40px;
}

.hero-carousel {
  position: relative;
}

/* 🔑 FIXED CENTER BOX */
.center-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 600px;
  text-align: center;
}
.box-image {
  height: 260px;              /* 🔥 fixed height */
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-image img {
  max-height: 100%;
  object-fit: cover;
}
#slideDesc {
  min-height: 60px;
}