.breadcrumb-nav{
    display: none;
}
.booking-inner{
    max-width: 680px;
    border: 0;
    margin: 0 auto;
}
body .modern-search-form{
    border-radius: 0;
    box-shadow: none;
    align-items: center;
    padding: 10px;
    height: 52px;
}
body .modern-search-form .input1_inner{
    height: 52px;
}
body .modern-search-form .search-field .input1_inner{
    padding-left: 0;
}
body .modern-search-form .search-field, 
body .modern-search-form .date-field, 
body .modern-search-form .guest-field, 
body .modern-search-form .search-button{
    margin:0;
}
body .modern-search-form .guest-field{
    border:0;
}
body .modern-search-form .modern-search-btn{
    height: 35px;
    line-height: 1;
    font-weight: 400;
    
}
body .modern-search-form .search-button{
    align-items: center;
}
body .modern-search-form .input1_inner input, 
body .modern-search-form .input1_inner select{
    padding:0 0 0 8px;
}
body .search-form-section{
    padding: 10px 0;
    box-shadow: none;
}

/* ── Little Emperors–style search bar ── */
.le-search-section {
    background: #fff;
    padding: 12px 0;
    border-bottom: 1px solid #e8e8e8;
}
.le-search-bar-wrap {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 16px;
}
.le-search-bar {
    display: flex;
    align-items: center;
    height: 44px;
    overflow: visible;
    position: relative;
    gap:5px;
}
.le-field {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    flex-shrink: 0;
    position: relative;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    border:1px solid #e8e8e8;
}
.le-field-location {
    flex: 1 1 auto;
    min-width: 0;
}
.le-field-location .le-input {
    border: none;
    outline: none;
    font-size: 13px;
    color: #222;
    width: 100%;
    background: transparent;
    margin-bottom: 0;
}
.le-field-location .le-input::placeholder {
    color: #999;
}
.le-divider {
    width: 1px;
    height: 28px;
    background: #d8d8d8;
    flex-shrink: 0;
}
/* Date field */
.le-field-dates {
    gap: 4px;
    cursor: pointer;
    flex-shrink: 0;
}
.le-date-group {
    display: flex;
    align-items: center;
    gap: 2px;
}
.le-date-arrow {
    background: none;
    border: none;
    font-size: 18px;
    color: #888;
    cursor: pointer;
    padding: 0 2px;
    line-height: 1;
    transition: color 0.15s;
}
.le-date-arrow:hover { color: #222; }
.le-date-text {
    font-size: 13px;
    color: #222;
    white-space: nowrap;
    font-family: 'Lato', sans-serif;
    min-width: 80px;
    text-align: center;
}
.le-date-text.placeholder { color: #999; }
.le-date-text.active { font-weight: 400; }
.le-date-sep {
    color: #ccc;
    font-size: 16px;
    margin: 0 4px;
}
.le-nights {
    font-size: 11px;
    color: #888;
    background: #f0f0f0;
    border-radius: 10px;
    padding: 1px 6px;
}
/* Calendar dropdown */
.le-calendar-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: -60px;
    z-index: 9999;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12);
    padding: 20px;
    min-width: 580px;
}
.le-cal-header {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.le-cal-months {
    display: flex;
    gap: 28px;
    flex: 1;
}
.le-cal-nav {
    background: none;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    flex-shrink: 0;
    color: #444;
    transition: background 0.15s;
}
.le-cal-nav:hover { background: #f5f5f5; }
.le-calendar-month {
    flex: 1;
}
.le-cal-month-name {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
    color: #222;
    font-family: 'Lato', sans-serif;
    text-transform: capitalize;
}
.le-cal-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}
.le-cal-day-name {
    font-size: 10px;
    text-align: center;
    color: #999;
    padding: 4px 0;
    font-family: 'Lato', sans-serif;
}
.le-cal-cell {
    text-align: center;
    padding: 6px 2px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 50%;
    color: #333;
    font-family: 'Lato', sans-serif;
    transition: background 0.12s, color 0.12s;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.le-cal-cell.empty { cursor: default; }
.le-cal-cell.past { color: #ccc; cursor: default; }
.le-cal-cell:not(.past):not(.empty):hover,
.le-cal-cell.hovered { background: #f0f0f0; }
.le-cal-cell.in-range {
    background: #f5f0e8;
    border-radius: 0;
}
.le-cal-cell.selected {
    background: #222 !important;
    color: #fff !important;
    border-radius: 50% !important;
}
.le-cal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
}
.le-cal-clear {
    background: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 14px;
    font-size: 12px;
    cursor: pointer;
    color: #666;
    font-family: 'Lato', sans-serif;
}
.le-cal-done {
    background: #222;
    border: none;
    border-radius: 4px;
    padding: 6px 14px;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    font-family: 'Lato', sans-serif;
}
/* Guest field */
.le-field-guests {
    cursor: pointer;
    flex-shrink: 0;
}
.le-guest-display {
    display: flex;
    align-items: center;
    gap: 6px;
}
.le-guest-num {
    font-size: 13px;
    color: #222;
    font-family: 'Lato', sans-serif;
    min-width: 14px;
    text-align: center;
}
.le-guest-sep {
    width: 1px;
    height: 16px;
    background: #d0d0d0;
    display: inline-block;
    margin: 0 2px;
}
.le-guest-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 9999;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12);
    padding: 16px 20px;
    min-width: 220px;
}
.le-guest-dropdown--rooms {
    min-width: 280px;
    max-height: min(70vh, 420px);
    overflow-y: auto;
    padding-bottom: 12px;
}
.le-guest-inline-sep {
    color: #999;
    font-size: 12px;
    margin: 0 2px;
}
.le-guest-inline-suffix {
    font-size: 11px;
    color: #666;
    margin-left: 2px;
    font-family: 'Lato', sans-serif;
}
.le-room-slot {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}
.le-room-slot:last-of-type {
    border-bottom: none;
    margin-bottom: 8px;
    padding-bottom: 0;
}
.le-room-slot-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.le-room-slot-title {
    font-size: 12px;
    font-weight: 600;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-family: 'Lato', sans-serif;
}
.le-room-remove {
    background: none;
    border: none;
    padding: 0;
    font-size: 12px;
    color: #666;
    cursor: pointer;
    text-decoration: underline;
    font-family: 'Lato', sans-serif;
}
.le-room-remove:hover {
    color: #111;
}
.le-add-room {
    width: 100%;
    background: #fff;
    color: #222;
    border: 1px dashed #ccc;
    border-radius: 4px;
    padding: 10px;
    font-size: 13px;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    margin-bottom: 12px;
}
.le-add-room:hover:not(:disabled) {
    border-color: #999;
    background: #fafafa;
}
.le-add-room:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.le-guest-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    font-size: 13px;
    color: #333;
    font-family: 'Lato', sans-serif;
}
.le-counter {
    display: flex;
    align-items: center;
    gap: 12px;
}
.le-counter button {
    background: none;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    transition: background 0.15s;
}
.le-counter button:hover { background: #f5f5f5; }
.le-counter span {
    font-size: 14px;
    min-width: 20px;
    text-align: center;
}
.le-guest-done {
    width: 100%;
    background: #222;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px;
    font-size: 13px;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    margin-top: 4px;
}
/* Search button */
.le-search-btn {
    background: #1a1a1a;
    color: #fff;
    border: none;
    padding: 0 24px;
    height: 100%;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    letter-spacing: 0.5px;
    font-family: 'Lato', sans-serif;
    transition: background 0.15s;
    border-radius: 5px;
    flex-shrink: 0;
}
.le-search-btn:hover { background: #333; }

/* Responsive */
@media (max-width: 768px) {
    .le-search-bar {
        flex-wrap: wrap;
        height: auto;
        border-radius: 8px;
    }
    .le-field { padding: 10px 12px; width: 100%; border-bottom: 1px solid #f0f0f0; }
    .le-divider { display: none; }
    .le-search-btn { width: 100%; border-radius: 0 0 8px 8px; padding: 12px; height: 44px; }
    .le-calendar-dropdown { left: 0; min-width: 100vw; border-radius: 0; }
    .le-cal-months { flex-direction: column; gap: 16px; }
}
.navbar{
    position: relative;
    background-color: var(--black-200);
}
.section-cta{
    background: url('/assets/img/ctaBanner.webp');
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.section-cta::before{
    content: "";
    background: #000000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
}
.section-cta .btn{
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}
.cta-content{
    display: flex;
    justify-content: space-between;
    height: 300px;
    align-items: center;
    z-index: 1;
    position: relative;
}
.cta-content_heading h3,
.cta-content_heading p{
    color: #fff;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 1.2;
}
.cta-content_heading h3{
    font-size: 32px;
    margin-bottom: 15px;
}
.cta-content_buttons{
    display: flex;
    gap: 15px;
    align-items: baseline;
}

.section-membership{
    background: #DBE2D6;
    padding: 100px 0 30px;
}
.membership-content_heading{
    max-width: 650px;
    margin: 0 auto 150px;
}
.membership-content_heading img{
    max-width: 53px;
    margin-bottom: 20px;
}
.membership-content_heading h3{
    font-weight: 300;
    font-size: 32px;
}
.membership-content_heading .btn{
    text-transform: uppercase;
    font-size: 14px;
}
.membership-content_heading .btn:after{
    display: none;
}
.membership-content_foot p{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 0;
}
.membership-content_foot p a{
    border-bottom: 1px solid;
}
.section-quote{
    background: #fff;
}
.section-text-center .global-form .form{
    padding-top: 0;
}
textarea.form-control{
    border: 1px solid #000;
    border-radius: 0;
}
.section-quote .btn{
    min-width: 200px;
}
.section-quote .btn:after{
    display: none;
}
.footer{
    padding-top:0;
    padding-bottom: 40px;
}
.footer-wrapper{
    padding-block: 80px;
}
.footer-wrapper,
.footer-menus{
    display: flex;
}

.footer-left{
    flex: 1;
    padding-right: 200px;
    padding-left: 150px;
}
.footer-menus{
    gap:10px;
}
.footer .footer-menus ul{
    gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
    align-items: baseline;
    padding: 0;
}
.footer-menus ul li{
    line-height: 1;
}
.footer-subscribe{
    flex: 1;
    max-width: 400px;
}
.footer-subscribe p{
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
}
.footer-left h5,
.footer-subscribe h5{
    color: #fff;
    text-transform: none;
    font-weight: 600;
    font-size: 20px;
}
.footer-subscribe form{
    background: none;
    margin-block: 15px;
    padding: 0;
    gap: 15px;
}
.footer-subscribe form input{
    background: #808183;
    padding: 0 20px;
    color: #fff;
    font-size: 16px !important;
}
.footer-subscribe form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff !important;
}
.footer-subscribe form input::-moz-placeholder { /* Firefox 19+ */
    color: #fff !important;
}
.footer-subscribe form input:-ms-input-placeholder { /* IE 10+ */
    color: #fff !important;
}
.footer-subscribe form input:-moz-placeholder { /* Firefox 18- */
    color: #fff !important;
}
.footer-subscribe form .btn{
    border: 1px solid;
    height: 49px;
    font-size: 16px;
}
.footer-subscribe form .btn:hover{
    background: #808183;
    border-color: #808183;
}
.footer-subscribe form .btn:after{
    display: none;
}
.footer-social{
    flex: 1;
    justify-content: end;
}
.section-hotel-content{
    padding-top: 80px;
}
.section-hotel-content .container{
    display: flex;
    gap: 50px;
    justify-content: space-between;
}

.hotel-content_left.no-benefits{
    max-width: none;
}
.hotel-content_heading{
    border-bottom: 1px solid #0000001A;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.hotel-content_heading h1{
    font-size: 40px;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 0;
    max-width: 700px;
}
.hotel-content_heading h1 + span{
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 50px;
}
.hotel-content_heading p{
    font-size: 16px;
    margin-bottom: 0;
    padding-right: 100px;
}
.hotel-detail-page .breadcrumb-nav,
.hotel-info-list .info-card li:before,
.hotel-detail-page .section-membership{
    display: none;
}
.hotel-info-list .info-card li:not(:last-child){
    padding-bottom: 5px;
}
.hotel-detail-page .hotel-content_sidebar .section-membership{
    display: block;
}
.hotel-content_sidebar .section-membership .membership-content_heading{
    max-width: 450px;
}
.hotel-content_sidebar{
    flex: 1;
    max-width: 472px;
    min-width: 472px;
}
.hotel-benefits{
    background: #DBE2D6;
    padding: 30px;
    width: 100%;
}
.hotel-benefits_heading{
    display: flex;
    margin-bottom: 30px;
    align-items: flex-start;
}
.hotel-benefits_heading h3{
    flex: 1;
    font-size: 32px;
    font-weight: 300;
    margin: 0;
    line-height: 1;
}
.hotel-benefits_heading img{
    max-width: 26px;
}
.hotel-benefits_cont .btn{
    font-size: 14.07px;
    text-transform: uppercase;
    margin-top: 80px;
}
.hotel-benefits_cont .btn:after{
    display: none;
}
.hotel-benefits_cont ul{
    padding:0;
}
.hotel-benefits_cont ul li{
    position: relative;
    padding-left: 20px;
    line-height: 1.2;
    font-weight: 300;
    padding-bottom: 10px;
}
.hotel-benefits_cont ul li:before{
    content: "";
    background: #000;
    width:9px;
    height:9px;
    position: absolute;
    left:0;
    top: 8px;
}
.view-btn{
    position: absolute;
    width: fit-content;
    background: #00000099;
    bottom:30px;
    right: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14.07px;
    line-height: 1;
    padding: 5px 10px;
}
.gallery-modal{
    display: none;
    position: fixed;
    background: #ffffff;
    padding: 60px;
    z-index: 999;
    top: 0;
    width: 100%;
    height: 100%;
}
.gallery-modal.open{
    display: block;
}
.close-modal{
    position: absolute;
    right: 30px;
    top: 30px;
    border: 0;
    font-size: 50px;
    line-height: 1;
}
.modal-hotel-gallery .slick-slide img{
    height: auto;
    width: auto;
    max-height: calc(-50px + 85vh);
    max-width: 80vw;
    object-fit: cover;
    margin: 0 auto;
}
.modal-hotel-gallery .slick-arrow:before{
    display: none;
}
.modal-hotel-gallery .slick-arrow {
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-hotel-gallery .slick-arrow svg{
    display: block;
    width: 40px;
    height: 40px;
}

.header-image-container{
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.footnote-text{
    font-size: 14px;
}
.section-hotel-info .container{
    max-width: 1600px !important;
    border:0;
    padding-top: 0;
}

.hotel-info-list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.hotel-info-list .info-card{
    flex: 1 1 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    display: flex;
    gap: 30px;
}
.hotel-details > div{
    display: flex;
    font-size: 16px;
    gap: 5px;
    font-weight: 300;
    align-items: baseline;
    line-height: 1.2;
    padding-bottom: 10px;
}
.hotel-details div p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
}
.hotel-details div strong{
    font-weight: 700;
}
.info-card_icon{
    background: #DBE2D6;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 127px;
    min-width: 127px;
}
.info-card_icon img{
    max-height: 36px;
}
.hotel-info-list .info-card h5{
    font-size: 16px;
    font-weight: 500;
}
.hotel-info-list .info-card li,
.hotel-info-list p{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
}
.section-hotel-info h3{
    font-size: 32px;
    font-weight: 300;
    border-top: 1px solid #0000001A;
    padding-top: 80px;
    margin-top: 80px;
}
.section-related-hotels .container > h3{
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 50px;
    border-top: 1px solid #0000001A;
    padding-top: 80px;
}
.hotel-content_details{
    display: flex;
    gap: 10px;
}
.hotel-groups-logos{
    padding: 30px;
    max-width: 170px;
}

.modal-hotel-gallery,
.modal-hotel-gallery .slick-list,
.modal-hotel-gallery .slick-track{
    height: 100%;
}
.modal-hotel-gallery .slick-track{

    align-items: center;
}
.modal-hotel-gallery .thumbnail-image{
    max-height: calc(-50px + 85vh);
    display: flex;
    align-items: center;
}
.signup-page{
    background: #DBE2D6;
    padding: 150px 0 250px;
}
.auth-card_heading{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.auth-card_heading img{
    max-height: 64px;   
    width: auto;
}
.auth-card_heading h3{
    font-size: 40px;
    font-weight: 300;
}
.auth-card form{
    max-width: 465px;
    margin: 0 auto;
}
.auth-card form input:not(.form-check-input){
   background: #fff;
   border-radius: 0;
   height: 53px;
   padding-inline: 20px;
   font-size: 14.07px;
   font-weight: 300;
   line-height: 1.2;
   margin-bottom: 10px;
   color: #000;
   width: 100%;
   outline: 0;
}
.auth-card form input#password{
    margin-bottom: 0;
}
.btn.show-password-btn{
    background: none;
    position: absolute;
    right: 20px;
    top: 27px;
    transform: translateY(-50%);
    color: #000;
    height: 53px;
    border: 0;
    padding: 0;
    box-shadow: none;
}
.auth-card form button[type="submit"]{
    height: 42px;
    font-size: 14.07px;
    text-transform: uppercase;
}
.btn.show-password-btn:after,
.auth-card form button[type="submit"]:after{
    display: none;
}
.form-group.mb-3{
    margin-bottom: 10px !important;
}
.auth-card form .row{
    margin-right: -5px;
    margin-left: -5px;
}
.auth-card form .col-md-6{
    padding-right: 5px;
    padding-left: 5px;
}
.form-check{
    display: flex;
    gap: 10px;
    flex-direction: column;
    position: relative;
}
.form-check-label{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    color: #000;
}
.login-page{
    background: #DBE2D6;
}
.login-page h2{
    font-size: 40px;
    font-weight: 300;
}
.login-page .col-lg-6:first-child{
    border-right: 1px solid #0000001A;
    padding-right: 180px;
}
.login-page .col-lg-6:last-child{
    padding-left: 180px;
}
.login-page form{
   margin-left: 0;
   max-width: 100%;
}
.login-page .sidebar{
    background: #fff;
    padding: 60px;
}
.login-page .sidebar img{
    max-height: 64px;
    width: auto;
    margin-bottom: 20px;
}
.login-page .sidebar h4{
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
}
.login-page .sidebar h3{
    font-size: 32px;
    font-weight: 300;
}
.login-page .sidebar .btn{
    font-size: 14.07px;
    text-transform: uppercase;
}
.login-page .sidebar .btn:after{
    display: none;
}
.form-check-input[type="checkbox"]{
   border-radius: 0;
   position: absolute;
   top: -5px;
}
.card-image:before,
.card_content .btn:after{
    display: none;
}
.card_content .btn{
    text-transform: uppercase;
    font-size: 14.07px;
}
.card_content h4{
    font-size: 24px;
    margin-bottom: 0;
}
.card_content h4 a:hover{
    color: var(--gold) !important;
}
.card_content h6{
    text-transform: none;
}
.card_content p{
    font-size: 14px;
}
.card-description .text-link{
    color: #000;
    font-weight: 700;
}
.card-description .text-link:hover{
    color: var(--gold) !important;
}
.hotel-result-row{
    display: flex;
    flex-direction: row;
    width: 100%;
}
.hotel-result-row:not(:last-child){
    border-bottom: 1px solid #0000001A;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.hotel-card{
    display: flex;
    flex-direction: row;
    width: 100%;
}
.hotel-card img{
    max-height: 279px;
}
.hotel-result-row .card-description{
    margin-bottom: 0;
}
.hotel-card .card-image{
    width: 40%;
    max-width: 473px;
}
.card_content{
    padding: 0 100px 0 40px;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
body .results-header p{
    font-size: 14px;
    color: #000;
    line-height: 1;
}
.page-header{
    background: none;
}
.page-header-content{
    margin-bottom: 20px;
}
.page-header-content h2{
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 0;
}
.results-header h3{
    font-size: 32px;
    font-weight: 300;
}
.interests-filters,
.page-header:before, .page-header:after{
    display: none;
}

.hotel-header-gallery .slick-slide[data-slick-index="0"] .slider-overlay{
    left: 110px;
}
.ui-datepicker td span, .ui-datepicker td a{
    text-align: center;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    width: 100%;
}
.section-quote .input1_inner:after{
    display: none;
}
.section-quote .input1_wrapper,
.section-quote .input1_inner{
    height: auto;
    display: block;
}
.section-quote .input1_wrapper svg,
.section-quote .input1_inner svg{
    position: absolute;
    top: 15px;
    left: 15px;
}
.section-quote .global-form .form input.hasDatepicker,
.section-quote .global-form .form select.guest-select{
    padding-left: 40px;
}
.global-form .d-grid.form-row .form-column:not(.form-col-full){
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.form-column-inner{
    flex: 1;
}
.user-menu-dropdown ul{
    font-size: 16px;
}
.user-menu-dropdown ul li:nth-child(1),
.user-menu-dropdown ul li:nth-child(2){
   display: none !important;
}
.user-menu-dropdown > div div{
    line-height: 1.1;
}
.user-menu-dropdown ul li a{
    border-bottom: 1px solid #0000001A;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.user-menu-dropdown button{
    font-size: 16px;
    text-transform: uppercase;
    background: rgb(34 34 36) !important;
}
.invalid-feedback{
    line-height: 1.1;
    font-size: 14px;
}
/* Remove autofill blue background */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-internal-autofill-selected,
input:-internal-autofill-selected:hover,
input:-internal-autofill-selected:focus,
input:-internal-autofill-selected:active {
    background-color: #fff !important;
    background: #fff !important;
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: inherit !important;
    color: inherit !important;
    transition: background-color 5000s ease-in-out 0s;
}
.form-control:focus,
.form-check-input:focus{
    border-color: var(--gold);
    box-shadow: none;
}
.form-check-input:checked{
    background: var(--gold);
    border:0;
}
@media screen and (min-width:1024px) {
    .hotel-content_sidebar{
        margin-bottom: 50px;
    }
}
@media screen and (max-width:1200px){
    .footer-left{
        padding-right: 100px;
        padding-left: 100px;
    }
    .hotel-content_heading p{
        padding-right: 0;
    }
    .login-page .col-lg-6:first-child{
        padding-right: 100px;
    }
    .login-page .col-lg-6:last-child{
        padding-left: 100px;
    }
    .card_content{
        padding-right: 0;
    }
    .login-page .sidebar{
        padding: 60px 30px;
    }
  
}
@media screen and (max-width:1023px){
    .hotel-info-list .info-card{
        flex-direction: column;
        gap: 10px;
    }
    .login-page .row{
        flex-direction: column;
    }
    .login-page .col-lg-6{
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        border-right: 0 !important;

        width: 100%;
    }
  
}
@media screen and (max-width:1500px) and (min-width:991px){
    .logo img{
        max-width: 180px;
    }
    .navbar .navbar-nav .nav-link{
        padding: 5px 10px !important;
        font-size: 13px;
    }
}
@media screen and (min-width: 992px) {
    .mobile-nav-controls {
        display: none !important;
    }
    .mobile-auth {
        display: none !important;
    }
    .mobile-nav-auth {
        display: none !important;
    }
    .desktop-auth {
        display: revert !important;
    }
}
@media screen and (max-width:991px) {
    .footer-wrapper{
        flex-direction: column;
        padding-block: 40px;
    }
    .footer-logo{
        margin-left: 0;
    }
    .footer-left{
        padding: 30px 0;
    }
    .footer-menus{
        flex-direction: column;
    }
    .footer-subscribe{
        max-width: none;
    }
    .footer-bottom,
    .footer-bottom ul{
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
    }
    .footer a,
    .footer-subscribe p,
    .footer .copyright{
        font-size: 16px;
        color: rgba(255, 255, 255, .80);
        line-height: 1.3;
    }
    .footer .copyright,
    .footer-bottom a{
        font-size: 15px;
    }
    .cta-content_heading{
        max-width: 300px;
    }
    .section-hotel-content,
   
    .section-related-hotels .container > h3 {
        padding-top: 30px;
    }
    .section-hotel-info h3{
        padding-top: 0;
        border-top: 0;
    }
    .section-hotel-content .container{
        flex-direction: column;
        gap: 0;
        padding:0;
    }
    .hotel-content_sidebar{
        max-width: none;
        min-width: 100%;
    }
    .hotel-content_left {
        padding: 0 calc(var(--bs-gutter-x) * .75);
    }
    .navbar-collapse .nav-item:not(:last-child){
        border-bottom: 1px solid #ffffff33;
    }
    .navbar .navbar-nav .nav-link{
        width: 100%;
    }
    .navbar-collapse .nav-item.signup-btn .nav-link,
    .navbar-collapse .nav-item.login-btn .nav-link{
        text-align: center;

    }
    .navbar button.user-menu-button{
        font-size: 14px;
        margin: 0;
        color: #fff !important;
    } 
    .mobile-nav-controls {
        display: flex !important;
    }
    .mobile-auth {
        display: flex !important;
    }
    .desktop-auth:not(.mobile-nav-auth) {
        display: none !important;
    }
    .mobile-nav-auth {
        display: list-item !important;
    }
   
}

@media screen and (max-width:768px){
    .cta-content{
        flex-direction: column;
        text-align: center;
        gap: 20px;
        justify-content: center;
    }
    .cta-content_heading p{
        max-width: 200px;
        margin: 0 auto;
    }
    .hotel-info-list{
        gap:20px;
    }
    .signup-page{
        padding: 50px 0;
    }
  
    .login-page h2{
        text-align: center;
    }
    .hotel-card{
        flex-direction: column;
    }
    .hotel-card .card-image,
    .card_content {
        width: 100%;
        max-width: none;
    }
    
    .card_content{
        padding: 20px 0 0;
    }
    .results-section{
        padding-top: 0;
    }
    .booking-inner{
        max-width: 100%;
    }
    .hotel-result-row:not(:last-child){
        padding-bottom: 25px;
    margin-bottom: 25px;
    }
   
}
@media screen and (max-width:640px) {
    .hotel-content_details{
        flex-direction: column;
    }
    .hotel-groups-logos{
        margin: 0 auto;
    }
    .hotel-info-list .info-card{
        max-width: calc(50% - 10px);
    }
    .auth-card_heading h3{
        font-size: 32px;
    }
    .header-image-container img{
        height: 370px !important;
    }
    body .modern-search-form{
        height: auto;
        flex-wrap: wrap;
        padding-top: 0;
    }
    body .modern-search-form .search-field,
    body .modern-search-form .search-button{
        width: 100% !important;
    }
    body .modern-search-form .date-field{
        width: 60% !important;
    }
    body .modern-search-form .guest-field{
        width: 40% !important;
    }
    body .modern-search-form .search-field{
        border: 0;
        border-bottom: 1px solid #e0e0e0;
    }
    .modern-search-form .date-field .input1_inner{
        padding-left: 0;
    }
    .hotel-details div strong{
        min-width: 120px;
    }
    .view-btn{
        right: 15px;
    }
    body .modern-search-form .search-button{
        align-items: flex-end;
    }
    body .modern-search-form .input1_inner,
    body .modern-search-form .search-field, body .modern-search-form .date-field, body .modern-search-form .guest-field, body .modern-search-form .search-button{
        height: 45px;
    }
    body .modern-search-form .search-field{
        margin-bottom: 10px;
    }
    .global-form .d-grid.form-row .form-column:not(.form-col-full){
        flex-direction: column;
        gap: 0;
        margin-top: 0;
    }
    .navbar button.user-menu-button{
        width: 30px !important;
        height: 30px !important;
        margin-right: -10px;
    }
    .hotel-group-logo-item{
        max-width: 200px;
        margin: 0 auto 30px;
    }
    .hotel-content_heading h1{
        font-size: 30px;
        max-width: 100%;
    }
}
@media screen and (max-width:480px){
    .cta-content_buttons{
        flex-direction: column;
        width:100%;
    }
    .cta-content_buttons .btn{
        width:100%;
    }
    .section-membership{
        padding-top: 50px;
    }
    .membership-content_heading{
        margin-bottom: 20px;
    }
    .section-text-center .global-form .form .d-grid{
        justify-content: flex-start;
    }
   
    .section-text-center form .btn{
        min-width: fit-content;
    }
    .hotel-groups-logos{
        max-width: none;
        padding:0;
       
    }
    .login-page form .justify-content-between{
        flex-direction: column;
        gap: 10px;
        align-items: flex-start !important;
    }
    .login-page .auth-card form button[type="submit"]{
        width: 100%;
    }
    .login-page .sidebar h3{
        font-size: 28px;
    }
    .login-page .sidebar h4{
        font-size: 16px;
    }
    .gallery-modal{
        padding: 30px;
    }
    .close-modal{
        z-index: 999;
    }
    .logo-img{
        max-width: 180px;
    }
    .auth-card_heading h3 br{
        display: none;
    }
}

/* Slider Overlay Styles */
.slider-overlay {
    position: absolute;
    bottom: 30px;
    left: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    z-index: 2;
}
.hotel-header-gallery .hotel-header-gallery-item img{
    height: 23rem !important;
}

.slider-content {
    color: #fff;
    padding: 20px;
    background: #222224;
    max-width: 445px;
}

.slider-content h2 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #FFFFFF33;
    padding-bottom: 10px;
    line-height: 1.1;
}

.slider-content p {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.1;
}
.spinner-border{
    color: var(--gold);
}
.booking-section{
    position: relative;
    overflow: visible;
}
.booking-section .container{
    position: relative;
    overflow: visible;
}
.global-form{
    position: relative;
    overflow: visible;
}
.global-form .form{
    position: relative;
    overflow: visible;
    max-width: 750px;
}
.global-form .form .form-column[style*="gridColumn"]{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: 1rem;
}

.global-form .form .form-column[style*="gridColumn"] h5 {
    margin-top: 0;
    margin-bottom: 1rem;
}
@media screen and (min-width: 1600px) {
    .hotel-header-gallery .hotel-header-gallery-item img{
        height: 30rem !important;
    }
    
}
@media screen and (max-width: 1400px) {
    .hotel-header-gallery .hotel-header-gallery-item img{
        height: 20rem !important;
    }
    
}
@media screen and (max-width: 1200px) {
    .slider-overlay{
        left:40px;
    }
}
@media screen and (max-width: 768px) {
    .slider-content h2 {
        font-size: 20px;
    }
    
    .slider-content p {
        font-size: 15px;
    }
    .page-header-content h2{
        font-size: 28px;
    }
    .slider-overlay{
        left:15px;
    }
    /* Slick positions slides by width; margin is set in JS. Do not use flex gap on .slick-track or margin-right: 0 — that breaks mobile layout. */
    .hotel-header-gallery .slick-slide {
        min-height: 18rem;
        height: auto !important;
    }
    .slider-content{
        max-width: min(300px, calc(100vw - 2rem));
    }
    .hotel-header-gallery .slick-slide[data-slick-index="0"] .slider-overlay {
        left: 40px;
    }
}

@media screen and (max-width: 480px) {
    .hotel-header-gallery .hotel-header-gallery-item img {
        height: 16rem !important;
    }
    .hotel-header-gallery .slick-slide[data-slick-index="0"] .slider-overlay {
        left: 12px;
    }
    .slider-overlay {
        left: 8px;
    }
}


.subscription-modal-overlay{
    pointer-events: none;
}
.subscription-modal{
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    pointer-events: all;
}
.subscription-modal > div{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 90vh;
    scrollbar-width: thin;
    scrollbar-color: #c4b896 #f5f5f5;
}
.subscription-modal > div::-webkit-scrollbar{
    width: 8px;
}
.subscription-modal > div::-webkit-scrollbar-track{
    background: #f5f5f5;
    border-radius: 10px;
}
.subscription-modal > div::-webkit-scrollbar-thumb{
    background: #c4b896;
    border-radius: 10px;
    transition: background 0.2s;
}
.subscription-modal > div::-webkit-scrollbar-thumb:hover{
    background: #b8aa86;
}
.subscription-modal label{
    line-height: 1;
    color: #000 !important;
    font-weight: 400 !important;
}
.subscription-modal form input[type="text"],
.subscription-modal form input[type="email"],
.subscription-modal form input[type="password"],
.subscription-modal form input[type="tel"],
.subscription-modal form select,
.subscription-modal form textarea{
    width: 100% !important;
    border-radius: 0 !important;
    border-color: #000 !important;
    height: 53px !important;
    line-height: 1;
}
.subscription-modal form input[type="radio"]{
    accent-color: #000 !important;
}
.subscription-modal  .subscription-modal-button{
    letter-spacing: 0.703px;
    text-transform: uppercase;
    height: 48px;
    padding: 7.912px 27.253px;
    border-radius: 0 ;
    font-weight: 400;
    font-size: 14.066px;
}
.subscription-modal h4{
    font-size: 18px;
}
.subscription-modal p:not(.subscription-modal-small-text){
    font-size: 16px;
    line-height: 24px;
}
.subscription-modal-small-text{
    font-size: 12px;
}
.applyCoupon{
    height: 54px;
    text-transform: uppercase;
    font-weight: 400;
    background: #C9B896;
    font-size: 13px;
}
.global-form .d-grid .btn{
    width: 100%;
    font-size: 14.07px;
    text-transform: uppercase;
}
/* Inline actions in booking room rows (header Remove, Add Child, etc.) */
/* Note: rooms-section is on the same element as d-grid, not a child — use .global-form .rooms-section */
.global-form .rooms-section .d-flex .btn.btn-sm{
    width: auto;
}
/* Remove uses outline-secondary; global style.css uses white text for dark heroes — invisible on white room cards */
.global-form .rooms-section .btn-outline-secondary{
    --bs-btn-color: #000;
    --bs-btn-border-color: #000;
    color: #000 !important;
    border-color: #000 !important;
    background-color: transparent !important;
}
.global-form .rooms-section .btn-outline-secondary:hover{
    --bs-btn-hover-color: #fff;
    color: #fff !important;
    border-color: var(--gold) !important;
    background-color: var(--gold) !important;
}
.global-form .rooms-section .btn-outline-secondary:after{
    display: none !important;
}
.global-form .form label{
    line-height: 1;
}
.global-form .d-grid .btn.btn-outline-danger{
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
select.form-control{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.64689 4.64604C1.69334 4.59948 1.74852 4.56253 1.80926 4.53733C1.87001 4.51212 1.93513 4.49915 2.00089 4.49915C2.06666 4.49915 2.13178 4.51212 2.19253 4.53733C2.25327 4.56253 2.30845 4.59948 2.35489 4.64604L8.00089 10.293L13.6469 4.64604C13.6934 4.59955 13.7486 4.56267 13.8093 4.53752C13.87 4.51236 13.9352 4.49941 14.0009 4.49941C14.0666 4.49941 14.1317 4.51236 14.1925 4.53752C14.2532 4.56267 14.3084 4.59955 14.3549 4.64604C14.4014 4.69253 14.4383 4.74772 14.4634 4.80846C14.4886 4.86919 14.5015 4.9343 14.5015 5.00004C14.5015 5.06578 14.4886 5.13088 14.4634 5.19162C14.4383 5.25236 14.4014 5.30755 14.3549 5.35404L8.35489 11.354C8.30845 11.4006 8.25327 11.4375 8.19253 11.4628C8.13178 11.488 8.06666 11.5009 8.00089 11.5009C7.93513 11.5009 7.87001 11.488 7.80926 11.4628C7.74852 11.4375 7.69334 11.4006 7.64689 11.354L1.64689 5.35404C1.60033 5.30759 1.56339 5.25242 1.53818 5.19167C1.51297 5.13093 1.5 5.06581 1.5 5.00004C1.5 4.93427 1.51297 4.86915 1.53818 4.80841C1.56339 4.74766 1.60033 4.69248 1.64689 4.64604Z' fill='%23000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 12px;
    appearance: none;
    cursor: pointer;
    padding-inline: 20px;
    height: 53px;
    border-radius: 0;
    border: 0;
    font-weight: 300;
}
.form-control{
    color: #000;
}
.form-control::placeholder{
    color: #000;
    font-weight: 300;
    opacity: 1;
}
.form-control::-webkit-input-placeholder{
    color: #000;
    font-weight: 300;
    opacity: 1;
}
.form-control::-moz-placeholder{
    color: #000;
    font-weight: 300;
    opacity: 1;
}
.form-control:-ms-input-placeholder{
    color: #000;
    font-weight: 300;
    opacity: 1;
}
.form-control:-moz-placeholder{
    color: #000;
    font-weight: 300;
    opacity: 1;
}
.col-md-6 .form-group input{
    margin-bottom: 0 !important;
}
.form-group p{
    line-height: 1.2;
}
.signup-page input[type="radio"]{
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #000;
    border-radius: 100% !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    margin: 0 !important;
    flex-shrink: 0;
    padding: 0 !important;
}
.signup-page input[type="radio"]:checked{
    background-color: #fff !important;
}
.signup-page input[type="radio"]:checked::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    background-color: #000;
}
.signup-page input[type="radio"]:focus{
    outline: none;
    box-shadow: none;
    border-color: #000;
}
.signup-page input[type="radio"]:disabled{
    opacity: 0.5;
    cursor: not-allowed;
}
.btn.apply-btn{
    height:53px;
    background-color: rgb(170 133 83);
    border: 0;
    color: #fff;
}
.btn.apply-btn:disabled{
    opacity: 0.3;
}
.travel-card{
    text-align:center;
    background: none !important;
    border: 2px solid #ffffff42 !important;
    padding: 10px;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    max-width: 456px;
    margin: 0 auto;
}
.travel-card .card-title{
    font-weight: 300;
}
.travel-card .small{
    font-size: 12px;
    line-height: 1;

}
.currency-selector{
    max-width: 456px;
    margin: auto;
}

.settings-page{
    background: #DBE2D6;
}
.settings-page .search-form-section,
.settings-page  .form-label,
.btn[type="submit"]:after{
    display: none !important;
}

.settings-page input{
    border: 0.879px solid #FFF;
    background: #FFF;
    backdrop-filter: blur(1.7582417726516724px);
    height: 53px;
    padding-inline: 20px;
    font-size: 14.07px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #000;
    width: 100%;
    outline: 0;
    border-radius: 0;
}
.settings-page button{
    text-transform: uppercase;
}
.btn-outline-primary{
    border-color: #000 !important;
    color: #000 !important;
  
}
.btn-outline-primary:after,
.btn.btn-outline-danger:after{
    display: none !important;
}
.btn-outline-primary:hover{
    border-color: var(--gold) !important;
    color: #fff !important;
    background-color: var(--gold) !important;
}
.global-form .d-grid .children-inputs .btn.btn-outline-danger{
    width: fit-content;
    margin-right: 0;
}
.children-inputs label{
    flex:1;
}

.alert .fa{
    display: none;
}
.hotels-grid .card-description + div{
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
    margin-top:auto;
}
.alert h4{
    font-weight: 300;
    margin-bottom: 0;
}
.availability-section .global-form .form,
.booking-section .global-form .form{
    gap:0;
}
.room-types-list h6{
    margin-bottom: 0 !important;
}
small{
    font-size: 15px;
    line-height: 1.5;
}
@media screen and (max-width: 641px){
   .form .form-column-inner{margin-bottom: 10px;}
}

.hotel-price{
    margin-bottom: 10px;
    text-align: left;
    background: #dbe2d6;
    display: inline-block;
    padding: 0 10px;
}
.global-form.rooms-section .form .d-grid.form-row{
    margin-top: 40px;
    border-top: 1px solid #000;
}
.rooms-section .flex-dir-col{
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}
.text-muted.privacy{
    line-height: 1.2;
    text-align: center;
    font-size: 14px;
}
.d-grid.submit-section{
    display: flex !important;
}
.d-grid.submit-section .btn{
    background: #000;
}
.d-grid.submit-section .btn:hover{
    background: var(--gold);
}
.rooms-section .btn-primary:after{
    display: none !important;
}
#quote{
    display: none;
}