@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Gilda+Display&display=swap');
:root{--primary:#00c9fa;--secondary:#996533;--white:#fff;--black:#111}
body{margin:0;padding:0!important;font-family: "Comfortaa", sans-serif;scroll-behavior:smooth;overflow:inherit!important;font-size:14px}
input[type=text],input[type=email],input[type=tel],input[type=date],textarea,select{line-height:normal;margin:0 0 12px;width:100%;outline:0;font-family: "Comfortaa", sans-serif;}
input[type=submit] {
    text-transform: uppercase;
    letter-spacing: .8px;
    outline: none;
    border-radius: 12px;
    font-family: "Comfortaa", sans-serif;
    width: 100%;
    border: none;
    background: var(--secondary) !important;
    color: var(--white);
    font-size: 14px;
    font-weight: 700;
    margin: 5px 0 0;
}
input[type=submit]:hover{background:var(--secondary)!important;color:var(--white);transition:.8s}
textarea{height:100px;margin-bottom:0}
h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-family: "Gilda Display", serif;color:var(--black);text-transform:inherit;line-height:normal}
h1{font-size:28px}
h2{font-size:24px}
h3{font-size:22px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
p{padding:0;margin:0 0 10px;color:#444;font-weight:400;font-family: "Comfortaa", sans-serif;font-size: 14px;line-height:1.6}
ul,li,a{list-style-type:none;font-family: "Comfortaa", sans-serif;color:#333;font-size:14px;line-height:25px}
a:hover{transition:.8s;text-decoration:none}
.heading,.leftheading{margin-bottom: 35px;font-size: 38px;color:#0e1422;text-align:center;position:relative;}
.leftheading{text-align:left}
.heading:before{}
.subheading{line-height: .5;display: inline-flex;align-items: center;margin-bottom: 15px;border-radius:50px;text-transform: capitalize;font-weight: 600;gap: 8px;font-size: 16px;color: var(--secondary);}
p.description{font-size:17px;line-height:1.7;max-width:750px;margin:0 auto 35px;font-weight:300}




ul.slick-dots{display:flex;justify-content:center;gap:10px;margin-top:25px}
ul.slick-dots li{line-height:1}
ul.slick-dots li button{width:12px;height:12px;padding:0;overflow:hidden;text-indent:100px;line-height:1;background: #99653321;border:0;border-radius:50px;transition:.5s}
ul.slick-dots li.slick-active button{width:20px;background: var(--secondary);}
button.slick-prev.slick-arrow{left:10%}
button.slick-next.slick-arrow{right:10%}
.slider-nav{position:absolute;top:55%;left:0;z-index:2;width:100%;transform:translateY(-45%); pointer-events: none;}
.slider-arrows{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0}
.slider-arrows button.slick-arrow,.rvslider-arrows button.slick-arrow,.restaurantslider-arrows button.slick-arrow{position:static;width: 3rem;height: 3rem;overflow:hidden;font-size:20px;line-height:.5;color:var(--white);background: var(--secondary);border: none;border-radius:50%;transform:none;transition:.5s;pointer-events: auto;}
.slider-arrows button.slick-arrow:after{display:none}
.slider-arrows button.slick-arrow:hover,.rvslider-arrows button.slick-arrow:hover,.restaurantslider-arrows button.slick-arrow:hover{color:var(--white);background:var(--primary);border-color:var(--white);opacity:1}

.section-padding{padding:60px 0}

/* TOPBAR SECTION CSS */

.topbar {
  background: var(--secondary);
  padding: 8px 0;
}
.topbar ul li,
.topbar ul li a {
  color: var(--white);
}

.topbar ul li i {
  color: var(--white);
}

.topbar ul.topbar-info li i {
  margin-right: 6px;
  font-size: 16px;
  color: var(--primary);
  line-height: .5;
  display: inline-block;
}

.topbar ul.topbar-info li:not(:last-child) {
    margin-right: 20px;
    padding-right: 20px;
    line-height: 1;
    position: relative;
}
.topbar ul.topbar-info li:not(:last-child):after {
    position: absolute;
    content: '';
    padding: 5px;
    background: var(--white);
    border-radius: 50%;
    right: -5px;
    top: 6px;
    opacity: .2;
}
header {
    top: 0;
    z-index: 6;
    background: var(--white);
}
body.home header {
    background: transparent;
}
.header-smo {
    gap: 5px;
}
.header-smo li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    background: var(--white);
    border-radius: 8px 0;
    font-size: 14px;
}
.header-smo li a i {
    color: var(--secondary);
}
.menubar>a img {
    height: 50px;
}
.menubar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--white);
  position: relative;
  z-index: 2;
  border-radius: 0 0 20px 20px;
}
body.home .menubar {
padding: 0 20px;
}
header ul.header-cntct {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

header ul.header-cntct li a:not(.btn) {
  font-size: 16px;
  font-weight: 500;
}

header .header-cntct a i {
  font-size: 22px;
  margin-left: 8px;
  line-height: .5;
}

/* BANNER SECTION CSS */

.mainslider {
  position: relative;
  margin-top: -78px;
}

.mainslider #carouselExampleFade .carousel-item>img {
    aspect-ratio: 12/6;
    width: 100%;
    object-fit: cover;
    height: auto;
    filter: brightness(0.7);
}

.mainslider .carousel-caption h1 {
    max-width: 780px;
    font-size: 52px;
    line-height: 1.1;
    margin: 0 auto;
    display: block;
    color: var(--white);
    text-transform: capitalize;
}

.mainslider .carousel-caption h1 span {
  color: transparent;
  -webkit-text-stroke: .8px #ffffff;
}

.carousel-caption-info p {
    max-width: 760px;
    margin: 15px auto 22px;
    color: #f9f9f9;
    font-size: 17px;
    line-height: 1.7;
}

.carousel-caption-info h4 {
    font-family: "Comfortaa", sans-serif;
    font-size: 16px;
    color: #2cd6ff;
    width: fit-content;
    line-height: 1;
    margin: 0 auto 30px;
    padding: 10px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #0000006b;
    border: 1px solid #de944d8f;
}
.carousel-caption-info h4 img {
    width: 45px;
    height: auto;
}


.banner-form {
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 9;
  width: 100%;
}

.banner-form .be-main {
    background: var(--primary) !important;
    padding: 30px !important;
    border-radius: 6px !important;
}

.banner-form .be-main .be-box {
    max-width: 100% !important;
    box-shadow: none !important;
    width: 100% !important;
    padding: 0 !important;
    background: none !important;
}
.banner-form .be-btn.br-cmn-div.br-0 {
    background: none !important;
}

.banner-form .be-main .be-box .be-checkIn-checkOut.br-cmn-div,
.banner-form .be-main .be-box .be-promocode.br-cmn-div,
.banner-form .be-main .be-box .be-guest.br-cmn-div {
  width: 25% !important;
  max-width: 25% !important;
}
.banner-form .be-main .be-box .be-guest-menu, .banner-form .be-guest.br-cmn-div.br-0 label.guest-menu-btn>span {
    width: 100%;
}
.banner-form .be-main .be-box .be-checkIn-checkOut.br-cmn-div, .banner-form .be-main .be-box .be-promocode.br-cmn-div, .banner-form .be-main .be-box .be-guest.br-cmn-div {
    width: 25% !important;
    max-width: 25% !important;
    border: 1px solid #1f4a4a4a !important;
    border-radius: 7px !important;
}

.be-main .be-box .guest-menu-btn i.fa.fa-angle-down {
  margin-left: auto !important;
  float: right !important;
}

.be-btn.br-cmn-div {
  width: 24% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.br-cmn-div {
  border-right: none !important;
  background: #f1f1f1 !important;
  margin-right: 12px !important;
}

.be-main .be-box .be-promocode .be-promo-code-input {
  border: none !important;
}

.be-main .be-box .be-btn .availBtn {
  padding: 11px !important;
  background: var(--secondary) !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
}

.be-main .be-box .be-btn .availBtn:hover {
  background: var(--primary) !important;
}

/* ABOUT US SECTION CSS */

.aboutus{background:#fbf9f7;}
.about-image img {
    width: 100%;
    height: auto;
    border-radius: 20px 0;
    aspect-ratio: 1 / 1.01;
    object-fit: cover;
    outline: 2px solid var(--white);
    outline-offset: -9px;
}
.aboutus h3 {
    margin: 20px 0;
    color: var(--secondary);
}
.aboutus-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.aboutus-featuresitem {
    width: calc(48% + 5px);
    background: var(--white);
    border: 1px solid #99653330;
    border-radius: 20px 0;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: .5s;
}
.aboutus-featuresitem:hover {
    background: var(--secondary);
}
.aboutus-featuresitem h4 {
    margin: 0;
    font-size: 18px;
    font-family: "Comfortaa", sans-serif;
    transition: .5s;
}
.aboutus-featuresitem:hover h4 {
    color: var(--white);
}
.aboutus-featuresitem i {
    font-size: 20px;
    color: var(--secondary);
    transition: .5s;
}
.aboutus-featuresitem:hover i {
    color: var(--primary);
}

/* ROOMS SECTION CSS */

.rooms_slider button.slick-arrow, .hmfacilities_slider button.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 45px;
    width: 45px;
    border: none;
    background: var(--secondary);
    color: var(--white);
    font-size: 16px;
    border-radius: 50%;
    line-height: .5;
    z-index: 1;
}

.rooms_slider button.slick-prev, .hmfacilities_slider button.slick-prev.slick-arrow {
    left: -12px;
}

.rooms_slider button.slick-next, .hmfacilities_slider button.slick-next.slick-arrow {
    right: -12px;
}
.roomsitem {
    border: 1px solid #9965332e;
    background: #fbf9f7;
    border-radius: 20px;
}
.roomsitem.slick-slide {
    margin: 0 10px;
}
.roomsitem-info{padding:20px;position:relative;}
.roomsitem-info h3{margin-bottom:15px!important;font-weight:500;font-size: 22px;}
.roomsitem figure{border-radius: 15px 15px 0 0;}
.roomsitem figure img{aspect-ratio: 3 / 2;object-fit: cover;}
.roomsitem-info a.btn.btn-success{padding:13px 26px;line-height:1;border-radius:50px;border:none;background:#0fa517;box-shadow:none!important;outline:none!important}
.roomsitem-info a.btn.btn-success i{margin-right:5px}
.roomsitem-info a.btn.btn-success:hover{background:#051829}

.room-price .price-label {display:block;font-size:0.8rem;color:#6c757d;margin-bottom:2px;}
.room-price .price-value {font-size: 1.3rem;font-weight:700;color: var(--secondary);margin: 0 3px;}
.room-features {display: flex;flex-wrap: wrap;gap: 10px;}
.room-feature-item {line-height: 1;font-size: 0.8rem;padding: 8px 16px;background: #99653312;border-radius:50px;}
.room-feature-item i {font-size: 1rem;color: var(--secondary);line-height: .5;margin-right: 5px;}
.roomsitem-info a.btn-primary, .productsitem-info a.btn-primary {padding:10px 24px;border-radius:50px;}
.roomsitem-info a.btn-outline-primary, .productsitem-info a.btn-outline-primary {padding:10px 24px;border-radius:50px;}

.productspage .productsitem, .roomspage .productsitem {background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.06);transition:transform .25s ease;}
.productspage .productsitem:hover, .roomspage .productsitem:hover {transform:translateY(-4px);}
.productspage .productsitem-info, .roomspage .productsitem-info {padding:20px;text-align:center;}
.productspage .productsitem-info h3, .roomspage .productsitem-info h3 {font-size:1.1rem;font-weight:600;margin-bottom:10px;}

.room-price {
    line-height: 1;
    padding: 10px 20px;
    background: #fbf9f7;
    border-radius: 0 18px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

a.roomsbooking-btn {
    position: absolute;
    padding: 5px;
    line-height: 1.5;
    bottom: 15px;
    right: 15px;
    height: 75px;
    width: 75px;
    text-align: center;
    background: var(--secondary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--white);
}

a.roomsbooking-btn:hover {
    background: var(--primary);
}


/* RESTAURANTS SECTION CSS */

.restaurant-grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(12, 1fr);
        gap: 20px;
    }

    .restaurant-griditem1 {
        grid-column: span 2 / span 2;
        grid-row: span 3 / span 3;
    }

    .restaurant-griditem2 {
        grid-column: span 4 / span 4;
        grid-row: span 4 / span 4;
        grid-column-start: 3;
    }

    .restaurant-griditem3 {
        grid-column: span 2 / span 2;
        grid-row: span 5 / span 5;
        grid-row-start: 4;
    }

    .restaurant-griditem4 {
        grid-column: span 2 / span 2;
        grid-row: span 4 / span 4;
        grid-column-start: 3;
        grid-row-start: 5;
    }

    .restaurant-griditem5 {
        grid-column: span 4 / span 4;
        grid-row: span 4 / span 4;
        grid-column-start: 1;
        grid-row-start: 9;
    }

    .restaurant-griditem6 {
        grid-column: span 2 / span 2;
        grid-row: span 5 / span 5;
        grid-column-start: 5;
        grid-row-start: 5;
    }

    .restaurant-griditem7 {
        grid-column: span 2 / span 2;
        grid-row: span 3 / span 3;
        grid-column-start: 5;
        grid-row-start: 10;
    }

    .restaurant-griditem {
        border-radius: 20px;
        overflow: hidden;
        min-height: 220px;
    }

    .restaurant-gridimage {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        transition: transform .4s ease;
    }

    .restaurant-lightbox:hover .restaurant-gridimage {
        transform: scale(1.05);
    }

    .restaurant-zoom {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(5,24,41,0.45);
        font-size: 1.3rem;
        opacity: 0;
        transition: opacity .3s ease;
    }

    .restaurant-lightbox:hover .restaurant-zoom {
        opacity: 1;
    }

    .restaurant-gridimage img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    .restaurant-zoom i {
    height: 50px;
    width: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--white);
    background: var(--secondary);
}

/* DIRECTORY SECTION CSS */

.directory {
    background: linear-gradient(225deg, #271504, #0b1214, #1b0f03);
}

.directory p.lede {
    color: #9fa4af;
}
    .directory-grid {
        margin: 2.75rem 0;
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid #9fa4af26;
        border-left: 1px solid #9fa4af26;
    }

    .directoryitem {
        border-right: 1px solid #9fa4af26;
        border-bottom: 1px solid #9fa4af26;
        padding: 1.9rem;
        position: relative;
        overflow: hidden;
        transition: .5s ease;
    }


    .directoryitem::before {
        content: "";
        position: absolute;
        inset: 0;
        background: var(--secondary);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: transform .45s cubic-bezier(.65,0,.35,1);
        z-index: 0;
    }

    .directoryitem:hover::before {
        transform: scaleY(1);
    }

    .directoryitem-inner {
        position: relative;
        z-index: 1;
    }

    .icon-tile {
        width: 65px;
        height: 65px;
        border: 2px solid rgba(241,234,217,0.28);
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.6rem;
        transition: border-color .4s ease;
    }

    .directoryitem:hover .icon-tile {
        border-color: var(--white);
    }

    .icon-tile svg {
        width: 35px;
        height: 35px;
        stroke: var(--secondary);
        fill: none;
        stroke-width: 1.3;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: stroke .4s ease;
    }

    .directoryitem:hover .icon-tile svg {
        stroke: var(--white);
    }

    .directoryitem h3 {
        font-size: 1.3rem;
        color: var(--white);
        transition: color .4s ease;
    }

    .directoryitem:hover h3 {
        color: var(--white);
    }

    .directoryitem p {
        font-size: .85rem;
        line-height: 1.65;
        color: #9fa4af;
        margin: 0;
        transition: color .4s ease;
    }

    .directoryitem:hover p {
        color: var(--white);
    }

    @media (max-width: 991.98px) {
        .directory-grid {
            grid-template-columns:repeat(2, 1fr);
        }
    }

    @media (max-width: 575.98px) {
        .directory-grid {
            grid-template-columns:1fr;
        }

        .directoryitem {
            padding: 1.5rem;
        }
        .icon-tile {
    width: 55px;
    height: 55px;
}
.icon-tile svg {
    width: 28px;
    height: 28px;
}
.directoryitem h3 {
    font-size: 1.2rem;
}

    }

    /* ---------- Foot ---------- */
    .directory-foot {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.5rem;
        flex-wrap: wrap;
    }

    .directory-foot p {
        margin: 0;
        color: #9fa4af;
    }

    .btn-brass-outline {
        border: 1px solid var(--secondary);
        color: var(--secondary);
        line-height: 1;
        font-size: .75rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        padding: .8rem 1.4rem .7rem;
        border-radius: 2px;
        background: transparent;
        transition: all .3s ease;
        white-space: nowrap;
        font-weight: 700;
    }

    .btn-brass-outline:hover {
        background: var(--secondary);
        color: var(--white);
    }

    @media (prefers-reduced-motion: reduce) {
        .directoryitem, .directoryitem::before, .icon-tile, .icon-tile svg, h3, p {
            transition: none !important;
        }
    }




/* GALLERY SECTION CSS */

.ourgallery .arrowbutton.prev{left:8%!important}
.ourgallery .arrowbutton.next{right:8%!important}
.ourgallery .slick-track{display:flex;align-items:center}
.gallery-item figure img{height:280px;width:100%!important;border-radius:6px;transition:all ease-in-out .5s}
.gallery-item figure{overflow:hidden;border-radius:6px}
.gallery-item:hover figure img{transform:scale(1.1) rotate(3deg);filter:grayscale(1)}
.gallery-item{overflow:hidden;filter:grayscale(1);opacity:.5;transition:.5s;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center}
.slick-slide.slick-current.slick-active.slick-center a.gallery-item{filter:none;opacity:1}
.slick-slide.slick-current.slick-active.slick-center a.gallery-item .gallerylightboxlist{aspect-ratio:2/3}
.gallerylightboxlist{background-size:cover;transition:all 300ms ease;position:relative;background-position:center;aspect-ratio:2/2.2;width:100%}
.ourgallery .slick-slide{margin:0 10px!important}



/* FACILITIES SECTION CSS */

.hmfacilities {
    background: #fbf9f7;
}

.hmfacilitiesitem img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / .8;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
}

.hmfacilitiesitem {
    margin: 0 10px;
    overflow: hidden;
    padding: 12px;
    background: #99653312;
    border-radius: 20px;
    border: 2px solid #9965332b;
}

.hmfacilitiesitem-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 10px 20px;
    background: var(--white);
    border-radius: 0 0 15px 15px;
}

.hmfacilitiesitem-inner h3 {
    margin: 0;
    font-weight: 600;
}

.hmfacilitiesitem-inner .hmfacilities-btn {
    background: var(--secondary);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: 16px;
    transform: rotate(-45deg);
    transition: .5s;
}

.hmfacilitiesitem-inner .hmfacilities-btn:hover {
    background: var(--primary);
    color: var(--black);
    transform: none;
}


/* HOME CONTACT SECTION CSS  */

.homecontact.section-padding{background: linear-gradient(#000000bf, #4c2a09ed), url(../images/homecontact-bg.webp) no-repeat center center / cover;background-attachment: fixed;}
.contact-card{background: #00000040;border-radius:20px;padding:30px;border: 1px solid #ffd6ae3b;backdrop-filter: blur(5px);}
.contact-row{display:flex;gap:1rem;align-items:center}
.contact-row:not(:last-child){padding-bottom:16px;margin-bottom:16px;border-bottom: 1px dashed #ffffff29;}
.contact-row i{font-size:1.15rem;transition:.5s;min-width: 48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background: var(--secondary);color: var(--white);}
.contact-row .ct{font-weight:600;font-size:15px;color: var(--white);}
.contact-row .cs {
    color: #9fa4af;
}
.contact-card form label{width:100%;font-weight:500;color: var(--white);}
.contact-card form input[type=text],.contact-card form input[type=tel],.contact-card form input[type=email],.contact-card form textarea{margin: 10px 0 0;background: #00000054;border: 1px solid #ffffff26;padding:13px 20px;resize:none;font-size: 13px;border-radius: 12px;}

.contact-card form input[type=text]::placeholder, .contact-card form input[type=tel]::placeholder, .contact-card form input[type=email]::placeholder, .contact-card form textarea::placeholder {
    color: #9fa4af;
}
.contact-card form span.wpcf7-spinner{position:absolute;margin:15px 0}
.contact-card form input[type=submit]{margin-top: 10px;padding:14px;font-size: 15px;letter-spacing:.5px;font-weight:500;background: var(--secondary) !important;color: var(--white);}
.contact-card form input[type=submit]:hover{color:var(--white)}



/* TESTIMONIALS SECTION CSS */

.testimonials{position:relative;z-index:0;background-attachment:fixed}
.testimonials:before{position:absolute;inset:0;z-index:-1;content:"";backdrop-filter:blur(3px)}
.testimonials h4.subheading{color:#f1a590}
.testimonials h2.heading{padding-bottom:30px}
.testimonials h2.heading:after{position:absolute;bottom:0;left:0;width:80px;height:3px;content:"";background:var(--primary);border-radius:50px;opacity:.7}
.testimonials-counter{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ffffff24}
.testimonials-counter h3{margin-bottom:6px;font-size:40px;color:var(--primary)}
.testimonials-counter p{margin:0;font-size:16px;color:#c3c3c3}
.testimonials-rating i{font-size:17px;color:#f5ac3a}
.testimonials-item p{display:-webkit-box;overflow:hidden;margin:10px 0 20px;font-size: 15px;line-height: 1.7;-webkit-line-clamp:6;-webkit-box-orient:vertical;transition:.5s}
.testimonialsitem-btm{display:flex;align-items:center;justify-content:space-between;gap:12px}
.testimonialsitem-btm span h3{margin:0;font-size:20px;transition:.5s;font-weight: 700;}
.testimonialsitem-btm span h3 span{margin-top:5px;color: var(--secondary);font-family: "Comfortaa", sans-serif;font-size: 14px;}
.testimonials-item {
    position: relative;
    padding: 30px 30px 25px 110px;
    background: var(--white);
    border-radius: 25px;
    transition: .5s;
    border: 1px solid #996533;
}
.testimonials_slider .slick-slide{margin:0 12px}
.testimonials-item.slick-slide.slick-current.slick-active.slick-center{background: var(--secondary);}
.testimonials-item figure {
    position: absolute;
    left: 25px;
    border: 2px solid var(--white);
    border-radius: 50%;
}
.testimonials-item.slick-slide.slick-current.slick-active.slick-center h3, .testimonials-item.slick-slide.slick-current.slick-active.slick-center p{color:var(--white)}
.testimonials-item.slick-slide.slick-current.slick-active.slick-center h3 span {
    color: var(--primary);
}
.testimonials-item.slick-slide.slick-current.slick-active.slick-center img.quotation {
    filter: brightness(0) invert(1);
    opacity: .5;
}

/* BLOG SECTION CSS */

.homeblog {
    background: #fbf9f7;
}
.homebloglist{position:relative;overflow:hidden;background:var(--white);border-radius:20px;box-shadow: 3px 3px 35px #00000014;}
.homebloglist>img{position:relative;z-index:-1;width:100%;height:auto;aspect-ratio:1/1.2;object-fit:cover;transition:.5s}
.homebloglist figure{position:relative}
.homebloglist figure img{width:100%;height:auto;aspect-ratio:3/1.8;object-fit:cover;transition:.5s}
.homebloglist figure .date-tag{position:absolute;top:10px;right:10px;padding: 8px 16px;font-size:13px;line-height:1;background: var(--secondary);border-radius:25px;color: var(--white);}
.homebloglist figure .date-tag i{margin-right:2px}
.homebloglist-info{padding:20px 20px 15px;line-height: 1.6;}
.homebloglist-info h3{margin-bottom: 12px;}
.homebloglist-info h3 a{line-height: 1.5;font-size: 19px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight: 500;padding-left: 15px;border-left: 2px solid var(--secondary);}
.homebloglist-btminfo{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-top:1px solid #e7e6e5}
.homebloglist-btminfo p{line-height:1;font-size: 13px;}
.homebloglist-btminfo p i{margin-right:6px;font-size:15px;color: var(--secondary);}
.homebloglist-btminfo a.btn{font-size: 13px;border-radius: 50px;padding: 10px 20px !important;background: var(--secondary);color: var(--white);}
.homebloglist:hover img{transform:scale(1.1) rotate(-4deg)}

/* FOOTER SECTION CSS CODE */

footer{background: #0b1214;position:relative;overflow:hidden}
footer p,footer li,footer a{color: #9fa4af;font-size: 13px;}

.footer-top iframe {
    aspect-ratio: 3 / 1.2;
    margin-bottom: -6px;
    height: 100%;
}
.ft-topitems {
    height: 100%;
    background: #11181a;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.ft-topitems.ftcnt-phone {
    background: var(--secondary);
}
.ft-topitems h3 {
    font-size: 24px;
    color: var(--white);
    margin: 30px 0 20px;
    font-weight: 500;
}
.ft-topitems img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.ft-topitems.ftcnt-phone p {
    color: var(--white);
}
.ft-topitems p {
    font-size: 15px;
    margin-bottom: 5px;
}
.ft-topitems h4 {
    margin: 50px 0 0;
    font-size: 15px;
    font-family: "Comfortaa", sans-serif;
    color: var(--white);
    width: 100%;
    padding-left: 10px;
    border-left: 1px solid;
}

.footermenu-item.footer-info {
    background: var(--white);
    padding: 40px;
}

.footermenu-item {
    padding: 30px;
    height: 100%;
}

.footermenu-item p.jq-desc {
    color: #4d5058;
    line-height: 1.7;
}

.ft-title {
    font-size: 16px;
    color: var(--white);
    font-weight: 600;
    margin-bottom: 20px;
}

.footermenu-item {
    border-right: 1px solid #ffffff0f;
}


.jq-brand{
    margin-bottom: 25px;
}
.jq-brand a img{height: 60px;}
footer .menu{list-style:none;padding:0;margin:0}
footer .menu li:not(:last-child){margin-bottom: .5rem;padding-bottom: .5rem;border-bottom: 1px solid #ffffff0f;}
footer .menu a{text-decoration:none;transition:.2s;display: flex;align-items:center;gap:.5rem;position: relative;}
footer .menu a:after {
    position: absolute;
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    right: 0;
    transform: rotate(-45deg);
}
footer .menu a:hover{color: var(--primary);padding-left:3px}
.social-btn{width:38px;height:38px;font-size: 15px;border-radius: 12px;background: var(--secondary);display:inline-flex;align-items:center;justify-content:center;color: var(--white);text-decoration:none;transition:.25s}
.social-btn:hover{background: var(--primary);color:#101a35;transform:translateY(-4px) rotate(-4deg);border-color:transparent}



.copyright {
    padding: 15px 0;
    border-top: 1px solid #ffffff0f;
}
.copyright span.visitor-count-number {
    background: var(--white);
    padding: 5px 10px 3px;
    color: var(--black);
    display: inline-block;
    line-height: 1;
    margin-left: 5px;
    border-radius: 4px;
}


#GoToTop{display:none;position:fixed;justify-content:center;align-items:center;bottom:40px;right:30px;border-radius:50%;z-index:99999999;background:var(--primary);width:48px;height:48px;text-align:center;cursor:pointer;font-size:17px;text-decoration:none}
#GoToTop .fa{display:block;padding-bottom:3px}
#GoToTop:hover{background:var(--secondary);color:var(--white)}
#GoToTop.show{display:flex}
#whatsappbtn{cursor:pointer;position:fixed;bottom: 40px;left: 30px;z-index: 99;border-radius:50%;text-align:center;z-index: 0;}
#whatsappbtn:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:50%;background:#4fcc5d;box-shadow:0 0 10px #4fcc5d;animation:whtsbtn 2s linear infinite forwards}
#whatsappbtn img{
    display: block;
    width: 55px;
}
@keyframes whtsbtn{from{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}

/* Breadcrumbs */

.breadcrumb{padding: 110px 0;background: url(../images/breadcrumb-image.webp) no-repeat center center / cover;position: relative;z-index: 1;}
.breadcrumb:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 90%;
    height: 100%;
    background: linear-gradient(90deg, transparent, #7a3c01e0, #996533);
    z-index: -1;
}
.breadcrumb .row{align-items:center;display:flex}
.breadcrumb h1{color: var(--white);line-height: .9;font-size: 46px;letter-spacing: .5px;margin: 20px 0 18px;border-left: 3px solid;padding-left: 15px;}
.breadcrumb p{margin:0;}
.breadcrumb h1 p{text-align:left}
.breadcrumb p,.breadcrumb span,.breadcrumb p a{font-weight:400;color: #e5e5e5;}
.breadcrumb p a{padding-right:18px;margin-right:5px;position:relative;color:var(--white)}
.breadcrumb h1 span{font-size:25px;font-weight:500;letter-spacing:.5px;color:var(--white);text-transform:uppercase;line-height:normal}
.breadcrumb h1 .breadcrumbs_last{font-size:28px;margin:0 0 15px;font-weight:800}
p#breadcrumbs {
    width: fit-content;
    padding: 3px 18px;
    border-radius: 8px;
    background: var(--white);
}
.breadcrumb h1 span a{display:none}
.breadcrumb a:after{position:absolute;content:"\f101"!important;font-size: 12px!important;font-weight:600;font-family:"Font Awesome 5 Free"!important;color: var(--secondary);right:0;top: 1px;line-height: 1;}

p#breadcrumbs a, p#breadcrumbs span {
    color: var(--secondary);
}

/* ABOUTUS PAGE CSS */

.secondary-container.aboutus .story-copy {
        column-count: 1;
        padding-left: 30px;
        border-left: 1px solid var(--secondary);
    }

    .secondary-container.aboutus .story-copy p {
        font-size: .9rem;
        line-height: 1.75;
        margin-bottom: 20px;
    }

    .secondary-container.aboutus .story-photo {
        aspect-ratio: 5 / 4;
        overflow: hidden;
    }

    .secondary-container.aboutus .story-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px 0;
    }

    .secondary-container.aboutus .story-copy ul {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .secondary-container.aboutus .story-copy ul li {
        font-size: .9rem;
        line-height: 1.75;
        background: #9965330f;
        padding: 10px 25px 10px 10px;
        width: fit-content;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        border-radius: 14px;
    }

    .secondary-container.aboutus .story-copy ul li i {
        font-size: 20px;
        line-height: .1;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: var(--white);
        height: 40px;
        width: 40px;
        background: var(--secondary);
        border-radius: 50%;
    }

    .secondary-container.aboutus .why {
        background: #102a2f;
        color: var(--white);
    }

    .secondary-container.aboutus .bento {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 1px;
    background: #ffffff24;
    border: 1px solid #ffffff24;
}

    .secondary-container.aboutus .bento > div {
        background: #102a2f;
        padding: 2rem;
    }

    .secondary-container.aboutus .bento-photo {
        grid-row: 1 / 3;
        padding: 0 !important;
        position: relative;
        min-height: 280px;
    }

    .secondary-container.aboutus .bento-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    transform: scale(.97);
}

    .secondary-container.aboutus .bento h3 {
    font-size: 1.4rem;
    margin: .8rem 0 .6rem;
}

    .secondary-container.aboutus .bento p {
        color: #9fa4af;
        margin: 0;
    }

    .secondary-container.aboutus .bento > div span {
    background: var(--secondary);
    height: 80px;
    width: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 34px;
    border-radius: 50%;
}

.secondary-container.aboutus .bento > div span i {
    display: inline-block;
    line-height: 0;
}

    @media (max-width: 767.98px) {
        .secondary-container.aboutus .bento {
            grid-template-columns:1fr;
        }

        .secondary-container.aboutus .bento-photo {
            grid-row: auto;
            min-height: 220px;
        }
    }

    /* ---------- Team ---------- */
    .secondary-container.aboutus .team-head {
        font-size: clamp(1.8rem,3vw,2.4rem);
        max-width: 16ch;
        margin-bottom: 3rem;
    }

    .secondary-container.aboutus .team-photo {
        aspect-ratio: 4/5;
        overflow: hidden;
    }

    .secondary-container.aboutus .team-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .5s ease;
    }

    .secondary-container.aboutus .team-card:hover .team-photo img {
        transform: scale(1.04);
    }

    .secondary-container.aboutus .team-name {
        font-weight: 600;
        font-size: 1.05rem;
        margin: 1rem 0 .1rem;
    }

    .secondary-container.aboutus .team-role {
        font-size: .85rem;
        color: #5E6F73;
    }

    .secondary-container.aboutus .t-offset-1 {
        margin-top: 0;
    }

    .secondary-container.aboutus .t-offset-2 {
        margin-top: 2.5rem;
    }

    .secondary-container.aboutus .t-offset-3 {
        margin-top: 1rem;
    }

    .secondary-container.aboutus .t-offset-4 {
        margin-top: 3rem;
    }

    @media (max-width: 767.98px) {
        .secondary-container.aboutus .team-photo {
            margin-top:0 !important;
        }
    }

    /* ---------- Closing numbers ---------- */
    .secondary-container.aboutus .closing {
        background: #0b1214;
    }

    .secondary-container.aboutus .closing-title {
        font-size: clamp(2.6rem,7vw,5rem);
        color: var(--white);
    }

    .secondary-container.aboutus .closing-title span {
        display: block;
        font-size: 1rem;
        font-weight: 500;
        color: #9fa4af;
        margin-top: .6rem;
    }

    .secondary-container.aboutus .closing-stats {
        border-top: 1px solid rgb(98 108 110 / 25%);
        margin-top: 2rem;
        padding-top: 2rem;
    }

    .secondary-container.aboutus .closing-stats .n {
        font-weight: 700;
        font-size: 2.2rem;
        color: var(--secondary);
    }

    .secondary-container.aboutus .closing-stats .c {
        font-size: .85rem;
        color: #9fa4af;
    }

/* POLICY PAGE CSS */

.policy-title{padding: 14px 25px 12px;border: 1px solid #9965331f;border-radius: 15px 15px 0 0;background: #99653308;}
.policy-title h1.heading{font-size:26px;text-align:left;font-weight:500;color: var(--secondary);}
.policy-content{padding: 22px 25px;border: 1px solid #11181a1f;border-top:0;border-radius: 0 0 15px 15px;}
.policy-title h1.heading:before{display:none}
.policy-content h3{margin:18px 0 12px;font-size:17px;font-weight:500}
.policy-content h3:first-child{margin-top:0}
.policy-content ul{margin-bottom:15px;padding-left:15px}
.policy-content ul li{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:7px;padding-left:20px;color:#484848}
.policy-content ul li strong{font-weight:500}
.policy-content ul li:before{position:absolute;top:5px;left:0;font:600 12px "Font Awesome 5 Free";content:"\f0a4";color:#4d5953}
.policy-content p:last-child{margin:0}

/* CONTACT US PAGE CSS */

.secondary-container.contactus .ct-hero {
    position: relative;
    height: 60vh;
    min-height: 420px;
    overflow: hidden;
}

.secondary-container.contactus .ct-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(16, 42, 47, .85) 0%, rgba(16, 42, 47, .15) 60%, transparent 100%);
}

.secondary-container.contactus .ct-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.secondary-container.contactus .ct-hero-text .subheading {
    background: var(--secondary);
    line-height: 1;
    color: var(--white);
    font-size: 13px;
    padding: 10px 14px 7px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 8px;
}

.secondary-container.contactus .ct-hero-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6rem;
    z-index: 2;
    color: var(--white);
}
.secondary-container.contactus .ct-title {
    font-size: 3.2rem;
    max-width: 18ch;
    color: var(--white);
    margin: 0;
}

/* Floating card */
.secondary-container.contactus .ct-card {
    position: relative;
    z-index: 3;
    background: var(--white);
    margin: -3.5rem auto 0;
    box-shadow: 0 20px 50px rgba(16, 42, 47, .16);
    border-radius: 4px;
}

.secondary-container.contactus .ct-card-item {
    padding: 1.7rem 1.8rem;
    border-left: 1px solid rgba(16, 42, 47, .14);
}

.secondary-container.contactus .ct-card-item:first-child {
    border-left: 0;
}

@media (max-width: 767.98px) {
    .secondary-container.contactus .ct-card-item {
        border-left: 0;
        border-top: 1px solid rgba(16, 42, 47, .14);
    }

    .secondary-container.contactus .ct-card-item:first-child {
        border-top: 0;
    }
}

.secondary-container.contactus .ct-card-label {
    font-size: .76rem;
    color: var(--secondary);
    margin-bottom: .3rem;
}

.secondary-container.contactus .ct-card-value {
    font-weight: 600;
    color: #102A2F;
    text-decoration: none;
    display: block;
    font-size: 1.02rem;
}

.secondary-container.contactus a.ct-card-value:hover {
    color: var(--secondary);
}

.secondary-container.contactus .ct-form-head {
    font-size: clamp(1.7rem, 3vw, 2.2rem);
    text-align: center;
}

.secondary-container.contactus .ct-form-sub {
    text-align: center;
    max-width: 45ch;
    margin: .8rem auto 0;
}

.secondary-container.contactus .ct-form form {
    max-width: 600px;
    margin: 3rem auto 0;
}

.secondary-container.contactus .form-label {
    font-weight: 500;
    width: 100%;
}

.secondary-container.contactus .form-control,
.secondary-container.contactus .form-select {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(16, 42, 47, .14);
    border-radius: 0;
    padding: .6rem .1rem;
    font-size: 14px;
    min-height: 45px;
}

.secondary-container.contactus .form-control,
.secondary-container.contactus .form-control::placeholder {
    color: #afafaf;
}

.secondary-container.contactus .form-control:focus,
.secondary-container.contactus .form-select:focus {
    box-shadow: none;
    border-color: var(--secondary);
}


.secondary-container.contactus .ct-hours {
    text-align: center;
    margin-top: 2rem;
    font-size: 1rem;
    font-weight: 600;
}

.secondary-container.contactus .ct-hours b {
    color: var(--secondary);
}

/* Map */
.secondary-container.contactus .ct-map-cap {
    background: #102a2f;
    color: var(--white);
    padding: 1rem 0;
}

.secondary-container.contactus .ct-map-cap .row>div {
    font-size: .9rem;
}

.secondary-container.contactus .ct-map-cap a {
    color: var(--primary);
    text-decoration: none;
    font-weight: 500;
}

.secondary-container.contactus .map-strip iframe {
    width: 100%;
    height: 360px;
    border: 0;
    display: block;
}

/* Follow band */
.secondary-container.contactus .ct-follow {
    background: #0b1214;
    color: var(--white);
    text-align: center;
}

.secondary-container.contactus .ct-follow p {
    color: #9fa4af;
    max-width: 47ch;
    margin: .7rem auto 1.6rem;
}

.secondary-container.contactus .ct-social a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .25);
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 .35rem;
    transition: all .2s ease;
}

.secondary-container.contactus .ct-social a:hover {
    background: var(--secondary);
    border-color: var(--secondary);
    color: #102A2F;
}

.secondary-container.contactus .ct-social svg {
    width: 16px;
    height: 16px;
}


/* SINGLE ROOM PAGE CSS */


.roomgallery-slider .slick-slide {
  margin: 0 12px;
}

.roomgallery-slider .slick-slide img {
  width: 100%;
  display: inline-block;
  height: auto;
  aspect-ratio: 4 / 2.4;
  object-fit: cover;
  border-radius: 15px;
}
.roomgallery-nav .slick-track {
    margin-left: 0;
}
.roomgallery-nav .slick-slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / .7;
  object-fit: cover;
  border-radius: 15px;
  cursor: pointer;
}

.roomgallery-slider .slick-slide {
  margin: 0 5px !important;
}

.roomgallery-nav .slick-slide {
  margin: 0 5px !important;
}

.roomgallery-nav {
  margin-top: 10px;
}

.roomgallery-img img {width: 100%;height: auto;aspect-ratio: 5 / 3;border-radius: 20px;}

.room-types {
  padding: 30px;
  background: var(--secondary);
  border-radius: 15px;
}

.room-types .col {
  border-right: 1px solid #ffffff4d;
}

.room-types .col:last-child {
  border: none;
}


.overview-sec p:last-child {
  margin: 0;
}

.singleroom-content p,
.singleroom-content li {
  line-height: 1.7;
}

.singleroom-content h2 {
  font-size: 24px;
  margin-bottom: 12px;
  font-weight: 600;
}


.singleroom-content h1.leftheading {
  margin: 18px 0 20px !important;
  font-size: 34px;
  font-weight: 600;
}

.singleroom-content ul.room-features {position: absolute;top: 10px;right: 10px;gap: 5px !important;margin: 0 !important;}


span.singleroom-pricing {
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--secondary);
  z-index: 9;
  padding: 14px 20px;
  border-radius: 0 18px;
  line-height: 1;
  color: #ebebeb;
  font-size: 14px;
}

span.singleroom-pricing span {
  font-size: 22px;
  color: var(--white);
  font-weight: 600;
}

.room-titlesec i {
  transform: translateY(1px);
}

.roomtype-item>i {
  font-size: 33px !important;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dfba8f;
}

.room-price p span {
  font-size: 35px;
  color: #dfba8f;
  font-family: "Gilda Display", serif;
  font-weight: 600;
}

.roomtype-item p {
  color: #e5e5e5;
  line-height: 1;
}

.roomplan-sec .accordion-item {
  background: #ebe7e4;
  border-radius: 8px !important;
  overflow: hidden;
  border: 1px solid #e3e3e3;
}

.roomplan-sec .accordion-button {
  background-color: #faf8f6;
  padding: 14px 20px;
  font-size: 18px;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  position: relative;
}

.roomplan-sec .accordion-button:not(.collapsed) {
  background-color: #f8f9fa;
  color: var(--primary);
}

.roomplan-sec .accordion-button:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-size: 1rem;
  width: 1.1rem;
  height: 1.1rem;
  margin-left: auto;
}

.roomplan-sec .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff6b6b'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  filter: brightness(0) invert(1);
}

.roomplan-sec .accordion-body {
  padding: 15px 20px;
  background-color: #faf8f6;
  line-height: 1.7;
  color: #555;
}

.roomplan-sec .accordion-body p:last-child {
  margin: 0;
}

.room-plan-title {
  text-align: left;
  flex-grow: 1;
}

.roomplan-sec .accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}

.roomplan-sec .accordion-button:not(.collapsed) {
  color: var(--white);
  background-color: var(--primary);
}


.roomgallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 12px;
}
.roomgalleryitem {
    overflow: hidden;
    transition: .5s;
    aspect-ratio: 1 / .8;
    border-radius: 15px;
    position: relative;
}

.roomgalleryitem a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.singleroom-sidebar {
  position: sticky;
  top: 50px;
  background: #fbf9f7;
  padding: 25px;
  border-radius: 15px;
  border: 1px solid #3a19191f;
}

.singleroom-sidebar a.btn.btn-success {
    margin-top: 12px;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    padding: 15px;
    line-height: .5;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    letter-spacing: .5px;
    font-weight: 500;
    border-radius: 10px;
    background: #34ab48;
}


.singleroom-sidebar h3 {
  line-height: 1;
  margin-bottom: 20px;
  font-weight: 600;
}

.singleroom-sidebar form input, .singleroom-sidebar form input[type="number"], .singleroom-sidebar form textarea {
  padding: 14px 18px;
  border-radius: 10px !important;
  resize: none;
  background: #ffffff;
  border: 1px solid #cbcbcb80;
  color: #323232;
  font-weight: 400;
  width: 100%;
  margin-bottom: 8px;
  font-size: 13px;
}

.singleroom-sidebar form p {
  margin: 0;
}

.singleroom-sidebar form input[type="submit"] {
  padding: 12px 26px;
  border: none;
  background: var(--secondary) !important;
  color: var(--white);
  font-size: 14px;
  font-weight: 700;
  margin: 5px 0 0;
}
.singleroom-sidebar form span.wpcf7-spinner {
    position: absolute;
}
.singleroom-sidebar form input[type="submit"]:hover {
  background: var(--primary) !important;
  color: var(--black);
}

.singleroom-sidebar form input::placeholder,
.singleroom-sidebar form textarea::placeholder {
  font-size: 13px;
  color: #4b4b4b;
}



.singleroom-content ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fbf9f7;
  padding: 9px 18px;
  border-radius: 10px;
  color: var(--black);
  font-size: 15px;
  white-space: nowrap;
  line-height: 1;
}

.singleroom-content ul li i {
  color: var(--secondary);
  line-height: .5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px !important;
}


.amenity-group {
    background: #fbf9f7;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #3a19191f;
}
.amenity-group-header h3 {
    color: var(--secondary);
    font-size: 20px;
    font-weight: 600;
}
.amenities-sec ul li i {
  font-size: 12px;
  transform: translateY(2px);
}


.amenities-wrapper .amenity-item {
  gap: 0 11px !important;
  background: var(--white);
  padding: 9px 18px;
  border-radius: 10px;
  border: 1px solid #3a19191c;
  width: fit-content;
}

.amenities-wrapper .amenity-item p {
  font-weight: 500;
  line-height: 1.3;
}

.amenities-wrapper .amenity-item i {
	font-size: 17px;
	color: var(--secondary);
	line-height: .5;
}


.roomstravelslist {
  background: #b9946a14;
  border-radius: 8px !important;
  overflow: hidden;
  border: 1px solid #b9946a29;
}

.roomstravels-info {
  padding: 20px;
  text-align: center;
}

.roomstravelslist figure {
  margin: 0;
}

.roomstravels-info h4 {
  font-size: 22px;
}





.related-rooms {
  background: #fbf9f7;
}

/* RESTAURANTS PAGE CSS */

.secondary-container.section-padding.restaurants a.restaurant-lightbox {
    aspect-ratio: 1;
    overflow: hidden;
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}

/* BANQUETHALL PAGE CSS */

.secondary-container.banquethall .mosaic {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-auto-rows: 280px;
    gap: .6rem;
}
  .secondary-container.banquethall .mosaic .m1{grid-column:1/3;grid-row:1/3;}
  .secondary-container.banquethall .mosaic .m2{grid-column:3/5;grid-row:1/2;}
  .secondary-container.banquethall .mosaic .m3{grid-column:3/4;grid-row:2/3;}
  .secondary-container.banquethall .mosaic .m4{grid-column:4/5;grid-row:2/3;}
  .secondary-container.banquethall .mosaic .m5{grid-column:1/2;grid-row:3/4;}
  .secondary-container.banquethall .mosaic .m6{grid-column:2/4;grid-row:3/4;}
  .secondary-container.banquethall .mosaic .m7{grid-column:4/5;grid-row:3/4;}
  .secondary-container.banquethall .mosaic figure{margin:0;overflow:hidden;border-radius:4px;}
  .secondary-container.banquethall .mosaic img {
    transition: transform .5s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
  .secondary-container.banquethall .mosaic figure:hover img{transform:scale(1.05);}
  @media (max-width:767.98px){
    .secondary-container.banquethall .mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:160px;}
    .secondary-container.banquethall .mosaic .m1,.secondary-container.banquethall .mosaic .m2,.secondary-container.banquethall .mosaic .m3,.secondary-container.banquethall .mosaic .m4,.secondary-container.banquethall .mosaic .m5,.secondary-container.banquethall .mosaic .m6,.secondary-container.banquethall .mosaic .m7{grid-column:auto;grid-row:auto;}
  }

  /* Detail split */
  .secondary-container.banquethall .detail{background:#0b1214;color:var(--white);}
  .secondary-container.banquethall .detail figure{margin:0;aspect-ratio:5/3;overflow:hidden;border-radius:4px;}
  .secondary-container.banquethall .detail figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
  .secondary-container.banquethall .detail h3{margin:1.2rem 0 .4rem;}
  .secondary-container.banquethall .detail p {
    color: rgba(255,255,255,.68);
    margin: 0;
}

/* BAR PAGE CSS */

.secondary-container.bar .bar-intro figure {
    margin: 0;
    aspect-ratio: 4/2.5;
    overflow: hidden;
    border-radius: 20px;
}

.secondary-container.bar .bar-intro figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Detail split */
.secondary-container.bar .bar-detail {
    background: #fbf9f7;
}

.secondary-container.bar .bar-detail figure {
    margin: 0;
    aspect-ratio: 4 / 2.5;
    overflow: hidden;
    border-radius: 20px;
}

.secondary-container.bar .bar-detail figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.secondary-container.bar .bar-mark {
    color: var(--secondary);
    font-size: .85rem;
    margin-bottom: .6rem;
    display: block;
}

/* Gallery mosaic */
.secondary-container.bar .bar-gallery-head {
    font-size: clamp(1.7rem, 3vw, 2.2rem);
    max-width: 20ch;
    margin-bottom: 2.5rem;
}

.secondary-container.bar .mosaic {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 270px;
    gap: .6rem;
}

.secondary-container.bar .mosaic .m1 {
    grid-column: 1/3;
    grid-row: 1/3;
}

.secondary-container.bar .mosaic .m2 {
    grid-column: 3/5;
    grid-row: 1/2;
}

.secondary-container.bar .mosaic .m3 {
    grid-column: 3/4;
    grid-row: 2/3;
}

.secondary-container.bar .mosaic .m4 {
    grid-column: 4/5;
    grid-row: 2/3;
}

.secondary-container.bar .mosaic figure {
    margin: 0;
    overflow: hidden;
    border-radius: 20px;
}

.secondary-container.bar .mosaic img {
    transition: transform .5s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.secondary-container.bar .mosaic figure:hover img {
    transform: scale(1.05);
}

@media (max-width: 767.98px) {
    .secondary-container.bar .mosaic {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 160px;
    }

    .secondary-container.bar .mosaic .m1,
    .secondary-container.bar .mosaic .m2,
    .secondary-container.bar .mosaic .m3,
    .secondary-container.bar .mosaic .m4 {
        grid-column: auto;
        grid-row: auto;
    }
}

/* Info strip */
.secondary-container.bar .bar-info {
    background: #0b1214;
    color: var(--white);
}

.secondary-container.bar .bar-info-item {
    padding: 0 3.5rem;
    border-left: 1px solid rgba(255, 255, 255, .18);
}

.secondary-container.bar .bar-info-item:first-child {
    border-left: 0;
    padding-left: 12px;
}

@media (max-width: 767.98px) {
    .secondary-container.bar .bar-info-item {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .18);
        padding: 1.2rem 0;
    }

    .secondary-container.bar .bar-info-item:first-child {
        border-top: 0;
        padding-top: 0;
    }
}

.secondary-container.bar .bar-info-label {
    color: var(--secondary);
    margin-bottom: .3rem;
}

.secondary-container.bar .bar-info-value,
.secondary-container.bar .bar-info-value a {
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--white);
}


/* COFFEE SHOP PAGE CSS */

.secondary-container.coffeeshop .cf-intro figure {
        margin: 0;
        aspect-ratio: 4/3;
        overflow: hidden;
        border-radius: 4px;
    }

    .secondary-container.coffeeshop .cf-intro figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .secondary-container.coffeeshop .cf-menu {
        background: #0b1214;
        color: var(--white);
    }

    .secondary-container.coffeeshop .cf-menu-head {
        font-size: clamp(1.7rem,3vw,2.2rem);
        max-width: 20ch;
        margin-bottom: 2.5rem;
    }

    .secondary-container.coffeeshop .bento {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 1px;
        background: #35494e;
    }

    .secondary-container.coffeeshop .bento>div {
        background: #141c1e;
        padding: 1.9rem;
    }

    .secondary-container.coffeeshop .bento .cfmenu-icon {
        color: var(--secondary);
        font-size: 1.8rem;
        height: 65px;
        width: 65px;
        background: #ffecda;
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        line-height: .5;
    }

    .secondary-container.coffeeshop .bento h3 {
        margin: 1rem 0 .7rem;
    }

    .secondary-container.coffeeshop .bento p {
        color: #9fa4af;
        margin: 0;
    }

    @media (max-width: 767.98px) {
        .secondary-container.coffeeshop .bento {
            grid-template-columns:1fr;
        }
    }



/* FACILITIES PAGE CSS */

.secondary-container.facilities .fac-intro h1.leftheading {
        margin-left: -4px;
    }
.secondary-container.facilities .fac-intro p {
    margin: 0;
}
    .secondary-container.facilities .amenities {
        background: #0b1214;
    }

    .secondary-container.facilities .chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: .7rem;
    }

    .secondary-container.facilities .chip {
        display: inline-flex;
        align-items: center;
        gap: .55rem;
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.16);
        color: var(--white);
        padding: .6rem 1.1rem;
        border-radius: 100px;
        font-size: .92rem;
    }

    .secondary-container.facilities .chip svg {
        width: 25px;
        height: 25px;
        color: var(--secondary);
        flex: 0 0 auto;
    }

    /* Disclosure list */
    .secondary-container.facilities .fac-list-head {
        font-size: clamp(1.7rem,3vw,2.2rem);
        max-width: 22ch;
        margin-bottom: 2.5rem;
    }

    .secondary-container.facilities details.fac-item {
        border-top: 1px solid rgba(16,42,47,.18);
    }

    .secondary-container.facilities details.fac-item:last-of-type {
        border-bottom: 1px solid rgba(16,42,47,.18);
    }

    .secondary-container.facilities details.fac-item summary {
        list-style: none;
        cursor: pointer;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1rem;
        padding: 1.2rem 0;
    }

    .secondary-container.facilities details.fac-item summary::-webkit-details-marker {
        display: none;
    }

    .secondary-container.facilities .fac-item-name {
        font-size: 1.5rem;
        font-family: "Gilda Display", serif;
    }

    .secondary-container.facilities .fac-item-right {
        display: flex;
        align-items: center;
        gap: 1rem;
        flex: 0 0 auto;
    }

    .secondary-container.facilities .fac-item-floor {
        color: var(--secondary);
        font-size: .85rem;
        white-space: nowrap;
    }

    .secondary-container.facilities .fac-item-icon {
        width: 26px;
        height: 26px;
        position: relative;
        flex: 0 0 auto;
    }

    .secondary-container.facilities .fac-item-icon::before,.fac-item-icon::after {
        content: "";
        position: absolute;
        background: var(--secondary);
        transition: transform .25s ease;
    }

    .secondary-container.facilities .fac-item-icon::before {
        left: 0;
        top: 50%;
        width: 100%;
        height: 2px;
        transform: translateY(-50%);
    }

    .secondary-container.facilities .fac-item-icon::after {
        top: 0;
        left: 50%;
        width: 2px;
        height: 100%;
        transform: translateX(-50%);
    }

    .secondary-container.facilities details.fac-item[open] .fac-item-icon::after {
        transform: translateX(-50%) scaleY(0);
    }

    .secondary-container.facilities .fac-item-body {
    padding: 0 0 1.5rem;
}

    .secondary-container.facilities .fac-item-body figure {
        margin: 0 0 1.2rem;
        aspect-ratio: 16/7;
        overflow: hidden;
        border-radius: 4px;
    }

    .secondary-container.facilities .fac-item-body figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .secondary-container.facilities .fac-item-body p {
    margin: 0;
}


/* GALLERY PAGE CSS */


.photogallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .6rem;
}


.photogallery-gridimage {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    aspect-ratio: 5 / 4;
    border-radius: 8px;
    overflow: hidden;
}

span.photogallery-zoom {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000073;
    opacity: 0;
    transition: .5s;
}

a.photogallery-griditem:hover span.photogallery-zoom {
    opacity: 1;
}
.photogallery-zoom i {
    height: 50px;
    width: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--white);
    background: var(--secondary);
    font-size: 20px;
}

.secondary-container.video-gallery .photogallery-grid {
    grid-template-columns: repeat(3, 1fr);
}

.secondary-container.video-gallery .photogallery-gridimage.video-thumb {
    background-position: center;
}










/* RESPONSIVENESS CSS CODE */




@media only screen and (max-width:1399px) {
.menutop li a {
    padding: 26px 12px !important;
    font-size: 13px !important;
}
.menutop li.menu-item-has-children:after {
    top: 27px;
}
.header-cntct .btn {
    font-size: 13px;
    padding: 11px 18px !important;
    border-radius: 12px 0;
}
.topbar ul li, .topbar ul li i, .topbar ul li a {
    font-size: 13px !important;
    text-align: center;
}
}


@media only screen and (max-width:1280px){
    .menucontainer {
        display: none !important;
    }
    .menubar {
    padding: 10px 0 !important;
}
body.home header {
    background: var(--white);
}
.carousel-caption {
    top: 50% !important;
}
.mainslider {
    margin-top: 0;
}
.menubar>a img {
    height: 45px;
}
.topbar ul.topbar-info li:not(:last-child) {
    margin-right: 0;
    padding-right: 0;
}
.topbar ul.topbar-info li:not(:last-child):after {
    display: none;
}
}




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

.heading, .leftheading {
    font-size: 28px;
}
.section-padding {
    padding: 40px 0;
}

.mainslider #carouselExampleFade .carousel-item>img {
    aspect-ratio: 8/5;
}
.carousel-caption-info h4 {
    font-size: 14px;
    margin: 0 auto 18px;
    padding: 8px;

}
.mainslider .carousel-caption h1 {
    font-size: 38px;
}
.carousel-caption-info p {
    margin: 12px auto 18px;
    font-size: 14px;
}

.aboutus-featuresitem i, .aboutus-featuresitem h4 {
    font-size: 16px;
}
.roomsitem.slick-slide {
    margin: 0;
}
.directory-grid {
    margin: 1.5rem 0;
}

.restaurant-grid {
    gap: 5px;
}
.restaurant-griditem {
    min-height: 120px;
}
.hmfacilitiesitem {
    margin: 0;
}


.ft-topitems {
    padding: 30px 12px;
}
.ft-topitems img {
    width: 40px;
    height: 40px;
}
.ft-topitems h3 {
    font-size: 22px;
    margin: 20px 0 15px;
}
.ft-topitems h4 {
    margin: 20px 0 0;
}


.footermenu-item {
    border-right: 0;
    padding: 30px 0;
}
.footermenu-item.footer-info {
    padding: 30px;
}
.footermenu-item.ft-information {
    padding-top: 0;
}
}

@media only screen and (max-width:768px) {
.heading, .leftheading {
    margin-bottom: 25px;
    font-size: 26px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    padding: 12px;
}
.carousel-control-next, .carousel-control-prev {
    height: 32px;
    width: 32px;
}
.mainslider .carousel-caption h1 {
    font-size: 30px;
}
.carousel-caption-info p {
    margin: 12px auto 18px;
    font-size: 13px;
}
.btn-primary {
    font-size: 13px;
    padding: 11px 21px !important;
    border-radius: 12px 0;
}
.aboutus-featuresitem {
    border-radius: 12px 0;
    padding: 12px 18px;
    gap: 5px;
}
.aboutus-featuresitem i, .aboutus-featuresitem h4 {
    font-size: 13px;
}


.breadcrumb {
    padding: 40px 0;
}
.breadcrumb h1 {
    font-size: 28px;
}
.breadcrumb p, .breadcrumb span, .breadcrumb p a {
    font-size: 13px;
}
.breadcrumb:after {
    width: 100%;
    background: linear-gradient(90deg, #66380cb3, #6e4319e6, #7c4815d6);
}
p#breadcrumbs {
    padding: 3px 14px 2px;
}

.secondary-container.aboutus .story-copy {
    padding-left: 20px;
}
.secondary-container.aboutus .story-copy ul li i {
    font-size: 16px;
    min-width: 40px;
}
.secondary-container.aboutus .bento > div span {
    height: 50px;
    width: 50px;
    font-size: 22px;
}
.secondary-container.aboutus .bento > div {
    padding: 1.5rem;
}
.secondary-container.aboutus .closing-stats {
    border-top: 1px solid rgb(98 108 110 / 25%);
    margin-top: 1.5rem;
    padding-top: 1.2rem;
}
.secondary-container.aboutus .closing-stats .n {
    font-size: 1.5rem;
}
.secondary-container.aboutus .bento h3 {
    font-size: 1.2rem;
}

footer .container {
    max-width: 100%;
}
#GoToTop {
    bottom: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
    font-size: 14px;
}
}

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

.menubar>a img {
    height: 38px;
}   
.carousel-caption-info h4 img {
    display: none;
}
.carousel-caption-info h4 {
    margin: 0 auto 15px;
    padding: 7px 16px;
}
.mainslider .carousel-caption h1 {
    font-size: 25px;
}
.mainslider #carouselExampleFade .carousel-item>img {
    aspect-ratio: 8/7;
}


.contact-row i {
    font-size: 1rem;
    min-width: 38px !important;
    height: 38px;
}
.contact-row .ct {
    font-size: 14px;
}
.contact-row {
    gap: .5rem;
}
.contact-row .cs {
    font-size: 13px;
}
.contact-card form input[type=submit] {
    margin-top: 2px;
    padding: 13px;
    font-size: 13px;
}
.contact-card form label {
    font-size: 12px;
}
.contact-card form input[type=text], .contact-card form input[type=tel], .contact-card form input[type=email], .contact-card form textarea {
    margin: 5px 0 0;
}



.rooms_slider button.slick-arrow, .hmfacilities_slider button.slick-arrow {
    height: 38px;
    width: 38px;
    font-size: 14px;
}
.roomsitem-info {
    padding: 15px 18px 20px;
}
a.roomsbooking-btn {
    padding: 5px;
    bottom: auto;
    top: 10px;
    font-size: 12px;
    right: 10px;
    height: 65px;
    width: 65px;
}
.room-price {
    font-size: 13px;
}
.room-price .price-value {
    font-size: 1.1rem;
}
.roomsitem-info h3 {
    font-size: 20px;
}
.room-feature-item {
    font-size: 0.7rem;
    padding: 5px 10px;
}
.room-feature-item i {
    font-size: .9rem;
}

.restaurant-grid {
    display: block;
}
.restaurant-griditem {
    width: 100%;
    aspect-ratio: 3 / 2;
    margin-top: 10px;
}
.hmfacilitiesitem-inner {
    padding: 8px 8px 8px 16px;
}
.hmfacilitiesitem-inner h3 {
    font-size: 18px;
}
.hmfacilitiesitem-inner .hmfacilities-btn {
    height: 35px;
    width: 35px;
    font-size: 14px;
}

    
.contact-card {
    padding: 20px;
}
.contact-row i {
    min-width: 48px;
}


.story-copy {
    padding-left: 20px;
}

.secondary-container.coffeeshop .bento>div {
    padding: 1.5rem;
}
.secondary-container.coffeeshop .bento h3 {
    font-size: 20px;
}
.secondary-container.coffeeshop .bento .cfmenu-icon {
    font-size: 1.5rem;
    height: 55px;
    width: 55px;
}
.footer-top iframe {
    aspect-ratio: 3 / 2;
}

.photogallery-grid {
    grid-template-columns: repeat(2, 1fr);
}
.secondary-container.video-gallery .photogallery-grid {
    grid-template-columns: repeat(2, 1fr);
}

.secondary-container.contactus .ct-title {
    font-size: 2.2rem;
}
}

@media only screen and (max-width:479px) {
.carousel-control-prev {
    left: 1% !important;
}
.carousel-control-next {
    right: 1% !important;
}

.aboutus-features {
    flex-direction: column;
}
.aboutus-featuresitem {
    width: fit-content;
}


.testimonials_slider .slick-slide {
    margin: 0 5px;
}
.testimonials-item {
    padding: 20px 20px 15px 90px;
    border-radius: 20px;
}
.testimonials-item figure {
    left: 19px;
}
.testimonials-item figure img {
    width: 50px;
    height: 50px;
}
.testimonialsitem-btm {
    gap: 12px;
    margin-top: -5px;
}
.testimonialsitem-btm span h3 {
    font-size: 16px;
}
.testimonialsitem-btm span h3 span {
    margin-top: 5px;
    font-size: 13px;
}
.testimonials-item p {
    margin: 6px 0 15px;
    font-size: 13px;
    line-height: 1.6;
}
.slider-arrows button.slick-arrow, .rvslider-arrows button.slick-arrow, .restaurantslider-arrows button.slick-arrow {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 14px;
}
.homebloglist-info h3 a {
    line-height: 1.5;
    font-size: 17px;
}
.jq-brand a img {
    height: 50px;
}
}

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