/* ========================================================================
   COMPREHENSIVE RESPONSIVE FIX FOR ALL PAGES - TABLET & MOBILE
   Pages: Home, About, Contact, Group Booking, Surat, and All Others
   ======================================================================== */

/* ==========================================================================
   BOOTSTRAP CONTAINER FIXES FOR LAPTOP SCREENS
   ========================================================================== */

/* Laptop Screens - Ensure Bootstrap Container has proper side spacing */
@media (min-width: 1200px) {
    /* Bootstrap Container - Standard Laptop */
    .container {
        max-width: 1140px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Container Fluid - Full width with padding */
    .container-fluid {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
}

@media (min-width: 1400px) {
    /* Bootstrap Container - Large Laptop */
    .container {
        max-width: 1320px !important;
    }

    .container-fluid {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}

@media (min-width: 1600px) {
    /* Bootstrap Container - Extra Large Screens */
    .container {
        max-width: 1520px !important;
    }

    .container-fluid {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
}

/* ==========================================================================
   GLOBAL FIXES FOR ALL PAGES
   ========================================================================== */

/* iPad & Tablet - General Layout Fixes (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    /* Container & Spacing */
    .container-fluid {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /* Section Padding */
    section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    /* Typography Adjustments */
    h1 { font-size: 48px !important; }
    h2 { font-size: 38px !important; }
    h3 { font-size: 28px !important; }
    h4 { font-size: 22px !important; }

    /* Grid Layouts */
    .row > [class*="col-"] {
        margin-bottom: 30px !important;
    }

    /* Images */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* ==========================================================================
   HOMEPAGE SPECIFIC FIXES
   ========================================================================== */

/* Critical Fix: 500px to 1000px Range - Upcoming Movies Slider */
@media (min-width: 500px) and (max-width: 1000px) {
    /* Hero Section - Force Vertical Stack */
    .hero-1 {
        padding-top: 150px !important;
        padding-bottom: 40px !important;
        min-height: 75vh !important;
    }

    /* Hero Wrapper - Stack Layout */
    .hero-1 .hero-content .hero-wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 25px !important;
        min-height: auto !important;
    }

    /* Left Content - Title */
    .hero-1 .hero-content .hero-wrapper .hero-left-content {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
        text-align: center !important;
        padding: 0 20px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-left-content h1 {
        font-size: 38px !important;
        line-height: 1.15 !important;
        margin-bottom: 10px !important;
    }

    /* Right Content - Upcoming Movies Slider Container */
    .hero-1 .hero-content .hero-wrapper .hero-right-content {
        position: static !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* Hero Box - Slider Panel */
    .hero-1 .hero-content .hero-wrapper .hero-box {
        width: 85% !important;
        max-width: 480px !important;
        padding: 22px !important;
        margin: 0 auto !important;
        border-radius: 24px !important;
    }

    /* Top Item - Header */
    .hero-1 .hero-content .hero-wrapper .hero-box .top-item {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 18px !important;
        gap: 10px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .top-item h4 {
        font-size: 10px !important;
        letter-spacing: 0.3em !important;
        margin: 0 !important;
    }

    /* Slider Images */
    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item {
        border-radius: 18px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image {
        height: 260px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image img {
        height: 260px !important;
        width: 100% !important;
        object-fit: cover !important;
        border-radius: 18px !important;
    }

    /* Swiper Pagination */
    .swiper-dot-1.upcoming-movies-pagination {
        margin-top: 12px !important;
    }

    .swiper-dot-1.upcoming-movies-pagination .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
    }

    .swiper-dot-1.upcoming-movies-pagination .swiper-pagination-bullet-active {
        width: 10px !important;
        height: 10px !important;
    }
}

/* Tablet Portrait & Landscape (768px - 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
    /* Hero Section Adjustments */
    .hero-1 {
        padding-top: 160px !important;
        padding-bottom: 40px !important;
        min-height: 80vh !important;
    }

    /* Hero Content Wrapper */
    .hero-1 .hero-content .hero-wrapper {
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
    }

    /* Left Content - Title Section */
    .hero-1 .hero-content .hero-wrapper .hero-left-content {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-left-content h1 {
        font-size: 42px !important;
        line-height: 1.1 !important;
        margin-bottom: 15px !important;
    }

    /* Right Content - Upcoming Movies Slider */
    .hero-1 .hero-content .hero-wrapper .hero-right-content {
        position: static !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* Hero Box - Slider Container */
    .hero-1 .hero-content .hero-wrapper .hero-box {
        width: 90% !important;
        max-width: 600px !important;
        padding: 25px !important;
        margin: 0 auto !important;
    }

    /* Top Item - Title and Pagination */
    .hero-1 .hero-content .hero-wrapper .hero-box .top-item {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px !important;
        margin-bottom: 20px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .top-item h4 {
        font-size: 12px !important;
        letter-spacing: 0.3em !important;
    }

    /* Hero Slider Images */
    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image {
        height: 280px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image img {
        height: 280px !important;
        object-fit: cover !important;
    }

    /* Swiper Pagination */
    .swiper-dot-1.upcoming-movies-pagination {
        margin-top: 15px !important;
    }
}

/* Mobile Landscape (576px - 767px) */
@media (min-width: 576px) and (max-width: 767px) {
    .hero-1 {
        padding-top: 140px !important;
        padding-bottom: 30px !important;
        min-height: 70vh !important;
    }

    .hero-1 .hero-content .hero-wrapper {
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 25px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-left-content {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        text-align: center !important;
        padding: 0 20px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-left-content h1 {
        font-size: 36px !important;
        line-height: 1.1 !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-right-content {
        position: static !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box {
        width: 88% !important;
        max-width: 500px !important;
        padding: 20px !important;
        margin: 0 auto !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image {
        height: 240px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image img {
        height: 240px !important;
    }
}

/* Small Mobile (400px - 575px) */
@media (min-width: 400px) and (max-width: 575px) {
    .hero-1 .hero-content .hero-wrapper .hero-box {
        width: 90% !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image {
        height: 220px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image img {
        height: 220px !important;
    }
}

/* Mobile Portrait (320px - 575px) */
@media (max-width: 575px) {
    .hero-1 {
        padding-top: 120px !important;
        padding-bottom: 20px !important;
        min-height: 65vh !important;
    }

    .hero-1 .hero-content .hero-wrapper {
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-left-content {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        margin-bottom: 10px !important;
        text-align: center !important;
        padding: 0 15px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-left-content h1 {
        font-size: 30px !important;
        line-height: 1.2 !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-right-content {
        position: static !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box {
        width: 92% !important;
        max-width: 100% !important;
        padding: 18px !important;
        border-radius: 20px !important;
        margin: 0 auto !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .top-item {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
        margin-bottom: 15px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .top-item h4 {
        font-size: 9px !important;
        letter-spacing: 0.25em !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image {
        height: 200px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image img {
        height: 200px !important;
    }
}

/* Extra Small Mobile (below 375px) */
@media (max-width: 374px) {
    .hero-1 .hero-content .hero-wrapper .hero-left-content h1 {
        font-size: 26px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box {
        padding: 15px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image {
        height: 180px !important;
    }

    .hero-1 .hero-content .hero-wrapper .hero-box .hero-item .hero-image img {
        height: 180px !important;
    }
}

/* ========================================================================
   ADDITIONAL RESPONSIVE FIXES FOR OTHER SECTIONS
   ======================================================================== */

/* About Section - Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    .lux-about-section .lux-about-v2__content {
        margin-left: 0 !important;
        margin-top: 30px !important;
    }

    .lux-about-v2__stats {
        flex-wrap: wrap !important;
        gap: 20px !important;
    }

    .lux-about-v2__stat {
        flex: 1 1 45% !important;
    }
}

/* Services Section - Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    .csvc__grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 25px !important;
    }
}

/* Services Section - Mobile */
@media (max-width: 767px) {
    .csvc__grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

/* Location Slider - Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    .lux-location-section .room-slider {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Gallery Section - Tablet */
@media (min-width: 768px) and (max-width: 991px) {
    .lux-gallery-section .lux-gallery-left {
        margin-bottom: 30px !important;
    }

    .lux-gallery-right {
        margin-top: 0 !important;
    }
}

/* Testimonial Section - Tablet */
@media (min-width: 768px) and (max-width: 991px) {
    .lux-testi-section .lux-testi-top-row {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .lux-testi-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

/* Testimonial Section - Mobile */
@media (max-width: 767px) {
    .lux-testi-stats-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}

/* Container Padding Adjustments */
@media (min-width: 768px) and (max-width: 1199px) {
    .container-fluid {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 767px) {
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* ==========================================================================
   ABOUT PAGE - iPad & Tablet Fixes
   ========================================================================== */

@media (min-width: 768px) and (max-width: 991px) {
    /* About Hero Section */
    .breadcrumb-wrapper .page-heading {
        padding: 200px 0 100px !important;
    }

    .breadcrumb-wrapper .page-heading h1 {
        font-size: 52px !important;
    }

    /* About Content Sections */
    .lux-about-section {
        padding: 60px 0 !important;
    }

    .lux-about-v2__content {
        margin-left: 0 !important;
        margin-top: 30px !important;
        padding: 0 20px !important;
    }

    .lux-about-v2__img-side {
        margin-bottom: 30px !important;
    }

    /* Stats Grid */
    .lux-about-v2__stats {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    .lux-about-v2__stat-sep {
        display: none !important;
    }

    /* Features List */
    .lux-about-v2__features {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    /* CTA Buttons */
    .lux-about-v2__cta {
        flex-direction: row !important;
        gap: 25px !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }

    .lux-about-v2__btn-primary,
    .lux-about-v2__btn-ghost {
        width: auto !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }
}

/* ==========================================================================
   CONTACT PAGE - iPad & Tablet Fixes
   ========================================================================== */

@media (min-width: 768px) and (max-width: 991px) {
    /* Contact Hero */
    .breadcrumb-wrapper .page-heading {
        padding: 180px 0 90px !important;
    }

    /* Contact Form & Info */
    .contact-wrapper {
        padding: 60px 0 !important;
    }

    .contact-left-items {
        margin-right: 0 !important;
        margin-bottom: 30px !important;
    }

    .contact-right-items {
        padding: 30px !important;
    }

    /* Contact List Items */
    .contact-list li {
        padding: 25px !important;
        display: block !important;
    }

    .contact-list li .icon {
        margin-bottom: 15px !important;
    }

    /* Form Fields */
    .contact-form-box .form-clt input,
    .contact-form-box .form-clt textarea {
        padding: 18px 20px !important;
        font-size: 15px !important;
    }

    /* Map Section */
    .map-items .googpemap iframe {
        height: 400px !important;
    }
}

/* ==========================================================================
   GROUP BOOKING PAGE - iPad & Tablet Fixes
   ========================================================================== */

@media (min-width: 768px) and (max-width: 991px) {
    /* Group Booking Hero */
    .group-hero-wrapper {
        padding: 150px 0 60px !important;
    }

    .group-hero-content h1 {
        font-size: 46px !important;
        line-height: 1.2 !important;
    }

    /* Booking Form */
    .hotel-booking-wrapper .hotel-booking-box {
        max-width: 100% !important;
        padding: 30px !important;
        margin-bottom: 30px !important;
    }

    .hotel-booking-wrapper .from-box {
        max-width: 100% !important;
        margin-left: 0 !important;
        padding: 30px !important;
    }

    /* Form Layout */
    .hotel-booking-wrapper .contact-item {
        flex-direction: column !important;
        gap: 20px !important;
        margin-top: 30px !important;
    }

    .hotel-booking-wrapper .call-item {
        width: 100% !important;
    }

    /* Amenities Section */
    .our-facilities-wrapper {
        padding-top: 40px !important;
    }

    .our-facilities-item {
        padding: 25px 15px !important;
    }

    /* Pricing Cards */
    .pricing-card {
        margin-bottom: 30px !important;
    }
}

/* ==========================================================================
   SURAT PAGE - iPad & Tablet Fixes
   ========================================================================== */

@media (min-width: 768px) and (max-width: 991px) {
    /* Surat Hero Section */
    .hero-3 {
        padding: 150px 0 60px !important;
        margin: 0 20px !important;
    }

    .hero-3 .hero-content h1 {
        font-size: 48px !important;
        margin-bottom: 30px !important;
    }

    .hero-3 .hero-button {
        flex-direction: column !important;
        gap: 15px !important;
    }

    .hero-3 .hero-button .theme-btn {
        width: 100% !important;
        justify-content: center !important;
    }

    /* Location Details */
    .lux-location-section {
        padding: 60px 0 !important;
    }

    .loc-desc {
        font-size: 16px !important;
        padding: 0 20px !important;
    }

    /* Location Cards */
    .lux-loc-card {
        margin-bottom: 30px !important;
    }

    .lux-loc-body {
        padding: 25px !important;
    }

    /* Facilities Grid */
    .csvc__grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    /* Gallery Section */
    .lux-gallery-section .row {
        flex-direction: column !important;
    }

    .lux-gallery-left,
    .lux-gallery-right {
        width: 100% !important;
        max-width: 100% !important;
    }

    .lux-gallery-left {
        margin-bottom: 30px !important;
    }
}

/* ==========================================================================
   MOBILE FIXES FOR ALL PAGES (Below 768px)
   ========================================================================== */

@media (max-width: 767px) {
    /* Global Mobile Adjustments */
    section {
        padding: 40px 0 !important;
    }

    h1 { font-size: 32px !important; }
    h2 { font-size: 28px !important; }
    h3 { font-size: 22px !important; }
    h4 { font-size: 18px !important; }

    /* Breadcrumb */
    .breadcrumb-wrapper .page-heading {
        padding: 140px 0 80px !important;
    }

    .breadcrumb-wrapper .page-heading h1 {
        font-size: 36px !important;
    }

    /* Buttons */
    .theme-btn {
        padding: 14px 20px !important;
        font-size: 14px !important;
        width: 100% !important;
        justify-content: center !important;
    }

    /* Stats & Features */
    .lux-about-v2__stats,
    .lux-testi-stats-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    /* Services Grid */
    .csvc__grid {
        grid-template-columns: 1fr !important;
    }

    /* Contact Form */
    .contact-right-items {
        padding: 20px !important;
    }

    /* Group Booking */
    .hotel-booking-wrapper .hotel-booking-box,
    .hotel-booking-wrapper .from-box {
        padding: 20px !important;
    }

    /* Location Cards */
    .lux-loc-card {
        margin-bottom: 20px !important;
    }

    /* Gallery Thumbnails */
    .lux-gallery-thumbs {
        display: none !important;
    }

    /* Testimonial Cards */
    .lux-testi-card {
        padding: 20px !important;
    }

    /* Footer */
    .footer-widget-wrapper {
        padding: 20px 0 30px !important;
    }

    .single-footer-widget {
        margin-bottom: 30px !important;
    }
}

/* ==========================================================================
   SMALL MOBILE FIXES (Below 576px)
   ========================================================================== */

@media (max-width: 575px) {
    /* Extra Small Adjustments */
    h1 { font-size: 28px !important; }
    h2 { font-size: 24px !important; }
    h3 { font-size: 20px !important; }

    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Hero Sections */
    .hero-1,
    .hero-2,
    .hero-3 {
        padding-top: 120px !important;
    }

    /* Cards & Boxes */
    .lux-loc-card {
        padding: 0 !important;
    }
    .csvc__card,
    .lux-testi-card {
        padding: 15px !important;
    }


    /* Form Elements */
    input,
    textarea,
    select {
        font-size: 14px !important;
        padding: 12px 15px !important;
    }

    /* Navigation */
    .lux-gallery-nav button,
    .lux-testi-nav button {
        width: 40px !important;
        height: 40px !important;
        font-size: 14px !important;
    }
}

/* ==========================================================================
   LANDSCAPE ORIENTATION FIXES
   ========================================================================== */

@media (max-height: 600px) and (orientation: landscape) {
    /* Reduce vertical padding in landscape */
    .hero-1,
    .hero-2,
    .hero-3 {
        padding-top: 100px !important;
        padding-bottom: 30px !important;
        min-height: auto !important;
    }

    section {
        padding: 40px 0 !important;
    }

    .breadcrumb-wrapper .page-heading {
        padding: 120px 0 60px !important;
    }
}

/* ==========================================================================
   IPAD PRO & LARGE TABLETS (1024px - 1366px)
   ========================================================================== */

@media (min-width: 1024px) and (max-width: 1366px) {
    .container-fluid {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    /* Adjust large elements */
    .hero-1 .hero-content .hero-wrapper .hero-box {
        max-width: 550px !important;
    }

    .lux-about-v2__content {
        padding: 0 30px !important;
    }

    /* Strengths Section - 1024px Padding Fix */
    .strengths-section .strength-card {
        padding: 24px 20px !important;
    }

    .strengths-section .strength-card h3 {
        font-size: 1.25rem !important;
    }

    .strengths-section .strength-card p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .strengths-section .strength-card .w-24 {
        width: 4.5rem !important;
        height: 4.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .strengths-section .strength-card i {
        font-size: 1.75rem !important;
    }

    .strengths-section .strength-card .watermark {
        font-size: 4rem !important;
        right: 10px !important;
        bottom: 5px !important;
    }

    /* Directors Section - 1024px Adjustment */
    .directors-section .director-card {
        padding: 24px 20px !important;
    }

    .directors-section .director-img-wrapper {
        width: 180px !important;
        height: 180px !important;
    }
}

/* ==========================================================================
   FIX FOR OVERLAPPING CONTENT
   ========================================================================== */

@media (max-width: 991px) {
    /* Prevent absolute positioning issues */
    [style*="position: absolute"] {
        position: relative !important;
    }

    /* Keep decorative/background layers out of the document flow on the home page. */
    .index-theme-override .loc-bg-img,
    .index-theme-override .loc-bg-overlay,
    .index-theme-override .loc-glow,
    .index-theme-override .csvc__glow,
    .index-theme-override .lux-about-v2__bg-line {
        position: absolute !important;
    }

    /* Clear floats */
    .clearfix::after {
        content: "" !important;
        display: table !important;
        clear: both !important;
    }

    /* Ensure proper stacking */
    .row {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    /* Fix overflow issues */
    body,
    html {
        overflow-x: hidden !important;
    }
}

/* ==========================================================================
   CONTACT PAGE - KEEP DESKTOP FORM FIELD LOOK ON SMALL SCREENS
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1035px) {
    .contact-page-luxury {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    .contact-page-luxury .contact-form-box h4 {
        font-size: 12px !important;
        letter-spacing: 0.03em !important;
        line-height: 1.35 !important;
        margin-bottom: 8px !important;
    }

    .contact-page-luxury .contact-side-panels {
        gap: 16px !important;
    }

    .contact-page-luxury .contact-info-card {
        padding: 20px !important;
    }

    .contact-page-luxury .luxury-panel-kicker {
        padding: 5px 12px !important;
        font-size: 9px !important;
        letter-spacing: 0.12em !important;
    }

    .contact-page-luxury .luxury-panel-title {
        font-size: 1.18rem !important;
        line-height: 1.25 !important;
    }

    .contact-page-luxury .luxury-panel-desc {
        font-size: 12px !important;
        line-height: 1.55 !important;
        margin-bottom: 12px !important;
    }

    .contact-page-luxury .office-section {
        padding: 14px !important;
    }

    .contact-page-luxury .office-section-title {
        gap: 7px !important;
        margin-bottom: 10px !important;
        font-size: 10px !important;
        letter-spacing: 0.08em !important;
        line-height: 1.3 !important;
    }

    .contact-page-luxury .office-section-title i {
        width: 26px !important;
        height: 26px !important;
        font-size: 9px !important;
    }

    .contact-page-luxury .office-details {
        padding-left: 0 !important;
    }

    .contact-page-luxury .office-details strong {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .contact-page-luxury .office-details small {
        font-size: 10px !important;
        line-height: 1.4 !important;
    }

    .contact-page-luxury .contact-detail-item {
        gap: 10px !important;
        padding: 12px !important;
        border-radius: 16px !important;
    }

    .contact-page-luxury .contact-detail-item i {
        width: 32px !important;
        height: 32px !important;
        font-size: 11px !important;
    }

    .contact-page-luxury .contact-detail-info span {
        font-size: 9px !important;
        letter-spacing: 0.08em !important;
        margin-bottom: 3px !important;
    }

    .contact-page-luxury .contact-detail-info a,
    .contact-page-luxury .contact-detail-info strong {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    /* FIX: Force row layout for form inputs on iPad to prevent full-width icon stacking */
    .contact-page-luxury .inquiry-field-shell {
        flex-direction: row !important;
        align-items: stretch !important;
        height: 64px !important;
    }

    .contact-page-luxury .inquiry-field-icon {
        display: inline-flex !important;
        flex: 0 0 54px !important;
        width: 54px !important;
        min-width: 54px !important;
        height: 64px !important;
        margin-right: 0 !important;
        border-radius: 22px 0 0 22px !important;
        border-bottom: none !important;
    }

    .contact-page-luxury .inquiry-field-shell input,
    .contact-page-luxury .contact-form-box .form-clt input {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: 64px !important;
        padding: 0 16px !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        border-radius: 0 22px 22px 0 !important;
        border-left: none !important;
    }

    .contact-page-luxury .contact-form-box .form-clt textarea {
        padding: 18px 18px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* Primary Hub Address Fix */
    .contact-story-meta {
        max-width: 680px !important;
        grid-template-columns: 1.4fr 1fr !important;
    }
    
    .contact-story-meta-value {
        white-space: nowrap !important;
    }
}

@media (max-width: 767px) {
    .contact-page-luxury {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    .contact-page-luxury .contact-side-panels {
        gap: 14px !important;
    }

    .contact-page-luxury .contact-info-card {
        padding: 18px !important;
    }

    .contact-page-luxury .luxury-panel-header {
        margin-bottom: 12px !important;
    }

    .contact-page-luxury .luxury-icon-wrapper {
        width: 44px !important;
        height: 44px !important;
        margin-bottom: 8px !important;
        font-size: 16px !important;
    }

    .contact-page-luxury .luxury-panel-kicker {
        padding: 5px 12px !important;
        font-size: 9px !important;
        letter-spacing: 0.12em !important;
    }

    .contact-page-luxury .luxury-panel-title {
        font-size: 1.15rem !important;
        line-height: 1.25 !important;
    }

    .contact-page-luxury .luxury-panel-desc {
        font-size: 12px !important;
        line-height: 1.55 !important;
        margin-bottom: 12px !important;
    }

    .contact-page-luxury .office-section {
        padding: 14px !important;
    }

    .contact-page-luxury .office-section-title {
        gap: 7px !important;
        margin-bottom: 10px !important;
        font-size: 10px !important;
        letter-spacing: 0.08em !important;
        line-height: 1.3 !important;
    }

    .contact-page-luxury .office-section-title i {
        width: 26px !important;
        height: 26px !important;
        font-size: 9px !important;
    }

    .contact-page-luxury .office-details {
        padding-left: 0 !important;
    }

    .contact-page-luxury .office-details strong {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .contact-page-luxury .office-details small {
        font-size: 10px !important;
        line-height: 1.4 !important;
    }

    .contact-page-luxury .contact-detail-item {
        gap: 10px !important;
        padding: 12px !important;
        border-radius: 16px !important;
    }

    .contact-page-luxury .contact-detail-item i {
        width: 32px !important;
        height: 32px !important;
        font-size: 11px !important;
    }

    .contact-page-luxury .contact-detail-info span {
        font-size: 9px !important;
        letter-spacing: 0.08em !important;
        margin-bottom: 3px !important;
    }

    .contact-page-luxury .contact-detail-info a,
    .contact-page-luxury .contact-detail-info strong {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .contact-page-luxury .inquiry-field-shell {
        flex-direction: row !important;
        align-items: stretch !important;
        height: 64px !important;
    }

    .contact-page-luxury .inquiry-field-icon {
        display: inline-flex !important;
        flex: 0 0 54px !important;
        width: 54px !important;
        min-width: 54px !important;
        height: 64px !important;
        margin-right: 0 !important;
        border-radius: 22px 0 0 22px !important;
        border-bottom: none !important;
    }

    .contact-page-luxury .inquiry-field-shell input,
    .contact-page-luxury .contact-form-box .form-clt input {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: 64px !important;
        padding: 0 16px !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        border-radius: 0 22px 22px 0 !important;
        border-left: none !important;
    }

    .contact-page-luxury .contact-form-box .form-clt textarea {
        padding: 18px 18px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .contact-page-luxury .contact-form-box .form-clt input::placeholder,
    .contact-page-luxury .contact-form-box .form-clt textarea::placeholder {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    .contact-page-luxury .contact-form-box h4 {
        font-size: 12px !important;
        letter-spacing: 0.03em !important;
        line-height: 1.35 !important;
        margin-bottom: 8px !important;
    }
}

@media (max-width: 480px) {
    .contact-page-luxury .contact-info-card {
        padding: 16px !important;
    }

    .contact-page-luxury .luxury-panel-kicker {
        font-size: 8px !important;
    }

    .contact-page-luxury .luxury-panel-title {
        font-size: 1.05rem !important;
    }

    .contact-page-luxury .luxury-panel-desc {
        font-size: 11px !important;
    }

    .contact-page-luxury .office-section-title {
        font-size: 9px !important;
    }

    .contact-page-luxury .office-details strong,
    .contact-page-luxury .contact-detail-info a,
    .contact-page-luxury .contact-detail-info strong {
        font-size: 11px !important;
    }

    .contact-page-luxury .office-details small,
    .contact-page-luxury .contact-detail-info span {
        font-size: 9px !important;
    }

    .contact-page-luxury .contact-form-box h4 {
        font-size: 11px !important;
    }

    .contact-page-luxury .inquiry-field-icon {
        flex-basis: 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        font-size: 13px !important;
    }

    .contact-page-luxury .inquiry-field-shell input,
    .contact-page-luxury .contact-form-box .form-clt input,
    .contact-page-luxury .contact-form-box .form-clt textarea {
        font-size: 13px !important;
    }

    .contact-page-luxury .contact-form-box .form-clt input::placeholder,
    .contact-page-luxury .contact-form-box .form-clt textarea::placeholder {
        font-size: 12px !important;
    }
}

/* ==========================================================================
   GROUP BOOKING HERO - FINAL FIT + LIGHTER OVERLAY
   ========================================================================== */

.group-hero-container,
#heroCarousel.group-hero-carousel,
#heroCarousel.group-hero-carousel .carousel-inner,
#heroCarousel.group-hero-carousel .carousel-item {
    height: 100% !important;
}

#heroCarousel.group-hero-carousel .carousel-item {
    overflow: hidden;
}

#heroCarousel.group-hero-carousel .carousel-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.group-hero-overlay {
    background:
        linear-gradient(to top, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.18) 40%, rgba(0, 0, 0, 0.03) 100%),
        linear-gradient(to right, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 58%) !important;
}

#heroCarousel.group-hero-carousel .carousel-item img.ken-burns {
    animation: groupbook-ken-burns-soft 22s ease-in-out infinite alternate !important;
    transform-origin: center center;
}

@keyframes groupbook-ken-burns-soft {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.05);
    }
}

@media (min-width: 768px) and (max-width: 1180px) {
    .group-hero-wrapper {
        height: clamp(420px, 58vh, 620px) !important;
        max-height: 620px !important;
        padding: 0 !important;
    }

    #heroCarousel.group-hero-carousel .carousel-item img {
        object-position: center top;
    }

    .group-hero-carousel .carousel-indicators {
        bottom: 30px !important;
    }
}

@media (max-width: 767px) {
    .group-hero-wrapper {
        height: min(78vh, 620px) !important;
    }

    .group-hero-carousel .carousel-indicators {
        bottom: 20px !important;
    }
}

/* ==========================================================================
   GROUP BOOKING FORM - CUSTOM CITY DROPDOWN
   ========================================================================== */

#contact-us .lux-city-select {
    position: relative;
}

#contact-us .lux-city-select > .clean-lux-select {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    pointer-events: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#contact-us .lux-city-select > .nice-select,
#contact-us .lux-city-select > .lux-select-icon {
    display: none !important;
}

.groupbook-lux #contact-us .lux-city-select::after,
#contact-us .lux-city-select::after,
.groupbook-lux #contact-us .lux-city-select:hover::after,
#contact-us .lux-city-select:hover::after,
.groupbook-lux #contact-us .lux-city-dropdown__icon::before,
.groupbook-lux #contact-us .lux-city-dropdown__icon::after,
#contact-us .lux-city-dropdown__icon::before,
#contact-us .lux-city-dropdown__icon::after {
    content: none !important;
    display: none !important;
}

.groupbook-lux #contact-us .lux-city-dropdown,
#contact-us .lux-city-dropdown {
    width: 100%;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 15px 16px 15px 18px;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px;
    background: #17171f !important;
    background-image: none !important;
    color: #ffffff !important;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, transform 0.25s ease;
}

.groupbook-lux #contact-us .lux-city-dropdown:hover,
.groupbook-lux #contact-us .lux-city-select.is-open .lux-city-dropdown,
.groupbook-lux #contact-us .lux-city-dropdown:focus-visible,
#contact-us .lux-city-dropdown:hover,
#contact-us .lux-city-select.is-open .lux-city-dropdown,
#contact-us .lux-city-dropdown:focus-visible {
    border-color: rgba(230, 120, 23, 0.28) !important;
    background: #1b1b24 !important;
    background-image: none !important;
    box-shadow: 0 0 0 3px rgba(230, 120, 23, 0.05), 0 14px 30px rgba(0, 0, 0, 0.2);
    transform: translateY(-1px);
}

#contact-us .lux-city-dropdown__label {
    flex: 1;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.groupbook-lux #contact-us .lux-city-dropdown__icon,
#contact-us .lux-city-dropdown__icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    overflow: hidden;
    transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

#contact-us .lux-city-dropdown__icon svg {
    width: 14px;
    height: 14px;
    display: block;
}

.groupbook-lux #contact-us .lux-city-select.is-open .lux-city-dropdown__icon,
#contact-us .lux-city-select.is-open .lux-city-dropdown__icon {
    color: #e67817;
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(230, 120, 23, 0.22) !important;
    transform: rotate(180deg);
}

.groupbook-lux #contact-us .lux-city-dropdown__menu,
#contact-us .lux-city-dropdown__menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    right: 0;
    z-index: 999;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #111118 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.42);
    max-height: 250px;
    overflow-y: auto;
}

.groupbook-lux #contact-us .lux-city-dropdown__menu[hidden],
#contact-us .lux-city-dropdown__menu[hidden] {
    display: none !important;
}

/* Custom premium scrollbar for locations dropdown menu */
.groupbook-lux #contact-us .lux-city-dropdown__menu::-webkit-scrollbar,
#contact-us .lux-city-dropdown__menu::-webkit-scrollbar {
    width: 6px;
}
.groupbook-lux #contact-us .lux-city-dropdown__menu::-webkit-scrollbar-track,
#contact-us .lux-city-dropdown__menu::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 10px;
}
.groupbook-lux #contact-us .lux-city-dropdown__menu::-webkit-scrollbar-thumb,
#contact-us .lux-city-dropdown__menu::-webkit-scrollbar-thumb {
    background: rgba(230, 120, 23, 0.35);
    border-radius: 10px;
}
.groupbook-lux #contact-us .lux-city-dropdown__menu::-webkit-scrollbar-thumb:hover,
#contact-us .lux-city-dropdown__menu::-webkit-scrollbar-thumb:hover {
    background: rgba(230, 120, 23, 0.65);
}


.groupbook-lux #contact-us .lux-city-dropdown__option,
#contact-us .lux-city-dropdown__option {
    width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px;
    background: #181821 !important;
    background-image: none !important;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.groupbook-lux #contact-us .lux-city-dropdown__option:hover,
.groupbook-lux #contact-us .lux-city-dropdown__option:focus-visible,
#contact-us .lux-city-dropdown__option:hover,
#contact-us .lux-city-dropdown__option:focus-visible {
    background: #20202a !important;
    border-color: rgba(230, 120, 23, 0.16) !important;
    color: #ffffff !important;
    transform: translateX(2px);
}

.groupbook-lux #contact-us .lux-city-dropdown__option.is-selected,
#contact-us .lux-city-dropdown__option.is-selected {
    background: #1f1f28 !important;
    border-color: rgba(230, 120, 23, 0.24) !important;
    color: #ffffff !important;
    font-weight: 700;
}

/* ==========================================================================
   SURAT PAGE - ULTRA SMALL MOBILE CONTACT HUB FIX
   ========================================================================== */

@media (max-width: 380px) {
    .surat-luxury-page .contact-hub-wrapper {
        border-radius: 22px !important;
    }

    .surat-luxury-page .contact-hub-info {
        padding: 24px 18px !important;
    }

    .surat-luxury-page .contact-hub-label {
        font-size: 9px !important;
        letter-spacing: 0.22em !important;
        margin-bottom: 8px !important;
    }

    .surat-luxury-page .contact-hub-title {
        font-size: clamp(1.6rem, 7vw, 1.95rem) !important;
        line-height: 1.15 !important;
        margin-bottom: 16px !important;
    }

    .surat-luxury-page .contact-hub-items {
        gap: 14px !important;
        margin-bottom: 20px !important;
    }

    .surat-luxury-page .contact-hub-items .group {
        display: flex !important;
        align-items: flex-start !important;
        gap: 12px !important;
        margin-bottom: 0 !important;
        padding: 15px 14px !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, 0.025) !important;
        border: 1px solid rgba(255, 255, 255, 0.06) !important;
    }

    .surat-luxury-page .contact-hub-items .group > .pt-1 {
        margin-left: 0 !important;
        padding-top: 0 !important;
        min-width: 0 !important;
    }

    .surat-luxury-page .contact-hub-icon {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        margin-right: 0 !important;
        border-radius: 14px !important;
    }

    .surat-luxury-page .contact-hub-icon i {
        font-size: 18px !important;
    }

    .surat-luxury-page .contact-hub-item-title,
    .surat-luxury-page .surat-mini-title {
        font-size: 17px !important;
        line-height: 1.2 !important;
        margin-bottom: 6px !important;
    }

    .surat-luxury-page .contact-hub-item-text,
    .surat-luxury-page .surat-muted-copy {
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    .surat-luxury-page .surat-accent-copy {
        font-size: 15px !important;
        line-height: 1.4 !important;
        word-break: break-word !important;
    }

    .surat-luxury-page .contact-hub-buttons {
        gap: 10px !important;
    }

    .surat-luxury-page .contact-hub-buttons .theme-btn {
        width: 100% !important;
        padding: 13px 16px !important;
        font-size: 12px !important;
    }

    .surat-luxury-page .katargam-map-container {
        min-height: 220px !important;
        margin-top: 16px !important;
    }

    .surat-luxury-page .contact-hub-map {
        height: 220px !important;
        border-radius: 22px !important;
    }
}

/* ==========================================================================
   GROUP BOOKING - MEDIUM WINDOW BENEFITS GRID FIX
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1180px) {
    .group-benefits-lux .container {
        max-width: 1120px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .group-benefits-lux .row {
        --bs-gutter-x: 1.1rem !important;
        --bs-gutter-y: 1.1rem !important;
    }

    .group-benefits-lux .col-md-6,
    .group-benefits-lux .col-lg-4 {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .group-benefits-lux .ultra-lux-card {
        padding: 44px 24px 36px !important;
        border-radius: 30px !important;
    }

    .group-benefits-lux .ultra-lux-badge {
        top: 22px !important;
        right: 22px !important;
    }

    .group-benefits-lux .ultra-lux-icon {
        margin-bottom: 26px !important;
    }

    .group-benefits-lux .ultra-lux-title {
        font-size: 24px !important;
        line-height: 1.15 !important;
        margin-bottom: 14px !important;
    }

    .group-benefits-lux .ultra-lux-desc {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }
}

/* ==========================================================================
   GROUP BOOKING - ULTRA SMALL MOBILE BENEFITS CARD FIX
   ========================================================================== */

@media (max-width: 380px) {
    .group-benefits-lux {
        padding: 32px 0 40px !important;
    }

    .group-benefits-lux .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .group-benefits-lux .row {
        --bs-gutter-x: 0.85rem !important;
        --bs-gutter-y: 1rem !important;
    }

    .group-benefits-lux .text-center.mb-24 {
        margin-bottom: 26px !important;
    }

    .ultra-lux-card {
        padding: 34px 24px 30px !important;
        border-radius: 28px !important;
    }

    .ultra-lux-badge {
        top: 18px !important;
        right: 18px !important;
        padding: 5px 12px !important;
        font-size: 9px !important;
        letter-spacing: 1.1px !important;
    }

    .ultra-lux-icon {
        width: 86px !important;
        height: 86px !important;
        margin-bottom: 24px !important;
    }

    .ultra-lux-icon i {
        font-size: 44px !important;
    }

    .ultra-lux-title {
        font-size: 24px !important;
        margin-bottom: 16px !important;
        line-height: 1.15 !important;
    }

    .ultra-lux-desc {
        max-width: 100% !important;
        font-size: 15px !important;
        line-height: 1.7 !important;
    }
}

/* ==========================================================================
   GROUP BOOKING - ULTRA SMALL MOBILE CONCIERGE FIX
   ========================================================================== */

@media (max-width: 380px) {
    .contact-hub-lux-section {
        padding: 36px 0 42px !important;
    }

    #contact-us .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    #contact-us .text-center.mb-16 {
        margin-bottom: 22px !important;
    }

    #contact-us .clean-lux-container {
        border-radius: 24px !important;
    }

    #contact-us .clean-lux-info-panel,
    #contact-us .clean-lux-form-panel {
        padding: 24px 18px !important;
    }

    #contact-us .clean-lux-info-panel {
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    }

    #contact-us .ultra-lux-title {
        font-size: 18px !important;
        line-height: 1.15 !important;
        margin-bottom: 12px !important;
    }

    #contact-us .lux-intro-para {
        font-size: 13px !important;
        line-height: 1.7 !important;
        margin-bottom: 20px !important;
    }

    #contact-us .clean-lux-item {
        gap: 12px !important;
        align-items: flex-start !important;
        padding: 14px !important;
        margin-bottom: 12px !important;
        border-radius: 16px !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) !important;
    }

    #contact-us .clean-lux-item:hover {
        transform: none !important;
    }

    #contact-us .clean-lux-icon {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        border-radius: 12px !important;
        font-size: 17px !important;
        box-shadow: 0 6px 16px rgba(230, 120, 23, 0.22) !important;
        justify-self: start !important;
    }

    #contact-us .clean-lux-item > div {
        min-width: 0 !important;
        flex: 1 1 auto;
        width: 100% !important;
    }

    #contact-us .clean-lux-item > div span:first-child {
        font-size: 9px !important;
        letter-spacing: 1.4px !important;
        margin-bottom: 4px !important;
    }

    #contact-us .clean-lux-item > div span:last-child {
        font-size: 14px !important;
        line-height: 1.45 !important;
        word-break: break-word !important;
    }

    #contact-us .clean-lux-form-panel {
        background: rgba(255, 255, 255, 0.01) !important;
    }

    #contact-us .clean-lux-form-panel .row {
        --bs-gutter-x: 0.8rem !important;
        --bs-gutter-y: 0.9rem !important;
    }

    #contact-us .lux-input-label-elite {
        font-size: 9px !important;
        letter-spacing: 1.4px !important;
        margin-bottom: 8px !important;
    }

    #contact-us .clean-lux-input,
    #contact-us .lux-city-dropdown {
        min-height: 50px !important;
        font-size: 14px !important;
    }

    #contact-us textarea.clean-lux-input {
        min-height: 112px !important;
        padding: 16px !important;
    }

    #contact-us .concierge-btn-wrapper {
        margin-top: 4px !important;
    }

    #contact-us .theme-btn {
        width: 100% !important;
        padding: 14px 18px !important;
        font-size: 12px !important;
    }

body.groupbook-lux .back-to-top {
        right: 12px !important;
        bottom: 12px !important;
        width: 42px !important;
        height: 42px !important;
        line-height: 42px !important;
    }
}

/* ==========================================================================
   GROUP BOOKING - MOBILE FORM TOP/BOTTOM SPACE TIGHTEN
   ========================================================================== */

@media (max-width: 767px) {
    #contact-us .clean-lux-form-panel {
        padding: 28px 18px 24px !important;
    }

    #contact-us .clean-lux-info-panel {
        padding: 28px 18px !important;
    }

    #contact-us .clean-lux-form-panel .row {
        --bs-gutter-y: 0.85rem !important;
    }

    #contact-us .concierge-btn-wrapper {
        margin-top: 2px !important;
        padding-top: 4px !important;
    }
}

/* ==========================================================================
   HOME PAGE - ULTRA SMALL MOBILE HERO SPACING FIX
   ========================================================================== */

@media (max-width: 380px) {
    body.index-theme-override .ix-hero__content {
        padding: 112px 5% 32px !important;
        gap: 18px !important;
        align-items: flex-start !important;
    }

    body.index-theme-override .ix-hero__left {
        margin-bottom: 6px !important;
    }

    body.index-theme-override .ix-hero__kicker {
        margin-bottom: 16px !important;
    }

    body.index-theme-override .ix-hero__title {
        margin-bottom: 0 !important;
        line-height: 1.06 !important;
    }

    body.index-theme-override .ix-hero__title-dynamic {
        margin-top: 6px !important;
    }

    body.index-theme-override .ix-hero__right {
        margin-top: 8px !important;
        width: 100% !important;
    }

    body.index-theme-override .ix-hero__slider-panel {
        width: 100% !important;
        margin-top: 0 !important;
        padding: 16px !important;
    }

    body.index-theme-override .lux-about-v2__stats {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    body.index-theme-override .lux-about-v2__stat {
        min-width: 0 !important;
        width: 100% !important;
    }

    body.index-theme-override .lux-about-v2__stat-sep {
        display: none !important;
    }
}

/* ==========================================================================
   ABOUT PAGE - ULTRA SMALL MOBILE IMAGE HEIGHT FIX
   ========================================================================== */

/* ==========================================================================
   HOME HERO - 770px TO 1299px UPCOMING SLIDER STABILITY FIX
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1199px) {
    body.index-theme-override .ix-hero {
        height: auto !important;
        min-height: clamp(760px, 92vh, 920px) !important;
    }

    body.index-theme-override .ix-hero__content {
        min-height: 0 !important;
        height: auto !important;
        justify-content: flex-start !important;
        padding: 140px 5% 56px !important;
        gap: 28px !important;
    }

    body.index-theme-override .ix-hero__left {
        max-width: 700px !important;
        margin-bottom: 0 !important;
    }

    body.index-theme-override .ix-hero__right {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
        align-items: flex-start !important;
    }

    body.index-theme-override .ix-hero__slider-panel {
        width: min(100%, 760px) !important;
        max-width: 760px !important;
        margin: 0 auto !important;
        padding: 20px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.index-theme-override .ix-hero__slider-panel .hero-image {
        height: 200px !important;
        min-height: 200px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.index-theme-override .ix-hero__slider-panel .hero-image {
        height: 220px !important;
        min-height: 220px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    body.index-theme-override .ix-hero__content {
        align-items: flex-end !important;
        gap: 24px !important;
        padding: 130px 32px 52px !important;
    }

    body.index-theme-override .ix-hero__left {
        width: min(48%, 560px) !important;
        max-width: 48% !important;
    }

    body.index-theme-override .ix-hero__right {
        flex: 0 0 52% !important;
        max-width: 52% !important;
        justify-content: flex-end !important;
    }

    body.index-theme-override .ix-hero__slider-panel {
        width: min(100%, 720px) !important;
        max-width: 720px !important;
        padding: 20px 20px 22px !important;
    }

    body.index-theme-override .ix-hero__slider-panel .hero-image {
        height: 165px !important;
        min-height: 165px !important;
    }
}

body.about-page-theme .about-luxe-desc {
    text-align: justify !important;
    text-justify: inter-word;
}

@media (max-width: 380px) {
    body.about-page-theme .about-luxe-section {
        padding: 42px 0 !important;
    }

    body.about-page-theme .about-luxe-row {
        gap: 18px !important;
    }

    body.about-page-theme .about-luxe-card-base,
    body.about-page-theme .about-luxe-left-card {
        min-height: auto !important;
        height: auto !important;
    }

    body.about-page-theme .about-luxe-left-card {
        padding: 16px !important;
    }

    body.about-page-theme .about-luxe-img-container {
        height: auto !important;
        aspect-ratio: 4 / 4.9;
        border-radius: 24px !important;
    }

    body.about-page-theme .about-luxe-img-container img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
}

/* ==========================================================================
   CONTACT PAGE - ULTRA SMALL MOBILE HEADING SCALE FIX
   ========================================================================== */

@media (max-width: 380px) {
    body.contact-page-luxury .breadcrumb-sub-title h1,
    body.contact-page-luxury .page-heading h1 {
        font-size: clamp(1.75rem, 9vw, 2.25rem) !important;
        line-height: 1.08 !important;
    }

    body.contact-page-luxury .contact-luxury-section {
        padding-top: 42px !important;
    }

    body.contact-page-luxury .contact-story-card--hero {
        padding: 18px !important;
    }

    body.contact-page-luxury .luxury-badge {
        max-width: 100% !important;
        padding: 8px 14px !important;
        font-size: 9px !important;
        line-height: 1.35 !important;
        letter-spacing: 0.12em !important;
        white-space: normal !important;
    }

    body.contact-page-luxury .contact-story-title {
        max-width: 100% !important;
        font-size: clamp(2rem, 10.2vw, 2.35rem) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.02em !important;
        margin-bottom: 16px !important;
    }

    body.contact-page-luxury .contact-story-title-line {
        display: block !important;
        width: 100% !important;
        white-space: normal !important;
    }

    body.contact-page-luxury .contact-story-lead {
        max-width: 100% !important;
        margin-bottom: 18px !important;
        font-size: 13px !important;
        line-height: 1.7 !important;
    }
}

/* ==========================================================================
   GROUP BOOKING - SECTION GAP REDUCTION
   ========================================================================== */

.groupbook-lux .group-benefits-lux {
    padding-top: 88px !important;
    padding-bottom: 48px !important;
}

.groupbook-lux .contact-hub-lux-section {
    padding-top: 56px !important;
}

/* ==========================================================================
   IPAD LANDSCAPE / 1024px - GALLERY & REVIEWS FIX
   ========================================================================== */

@media (min-width: 992px) {
    /* Force Reviews header and content to left align like desktop */
    .lux-testi-section .lux-testi-top-row {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: flex-end !important;
        display: flex !important;
    }
    
    .lux-testi-top-row .lux-testi-header {
        text-align: left !important;
        flex: 1 !important;
        width: auto !important;
    }
    
    .lux-testi-header .surat-section-head {
        text-align: left !important;
        margin-bottom: 0 !important;
    }
    
    .lux-testi-header .surat-divider {
        justify-content: flex-start !important;
    }
    
    .lux-testi-header .surat-desc {
        margin: 0 0 16px !important;
        max-width: 700px !important;
    }

    /* Force Gallery back to side-by-side layout like desktop */
    .lux-gallery-section .row {
        flex-direction: row !important;
        display: flex !important;
        align-items: stretch !important;
    }
    
    .lux-gallery-section .col-lg-5 {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
        display: block !important;
    }
    
    .lux-gallery-section .col-lg-7 {
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
        display: block !important;
    }

    .lux-gallery-left {
        height: 100% !important;
        margin-bottom: 0 !important;
    }

    .lux-gallery-right {
        height: 100% !important;
        margin-top: 0 !important;
    }
}

/* ==========================================================================
   HOME PAGE: REMOVE TOP-LEFT BLACK DECORATIVE BLOCKS
   ========================================================================== */

body.index-theme-override #our-gallery::before,
body.index-theme-override #our-gallery::after,
body.index-theme-override .lux-gallery-section::before,
body.index-theme-override .lux-gallery-section::after,
body.index-theme-override .lux-testi-section::before,
body.index-theme-override .lux-testi-section::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: none !important;
    box-shadow: none !important;
}

body.index-theme-override #our-gallery .gallery-glow {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

body.index-theme-override #our-gallery,
body.index-theme-override .lux-testi-section {
    background-image: none !important;
    background: #06060a !important;
}

body.index-theme-override #our-gallery > .container,
body.index-theme-override .lux-testi-section > .container {
    position: relative !important;
    z-index: 2 !important;
}

/* ==========================================================================
   HOME - ELITE EXPERIENCE GRID FIX
   Mobile: 1 column
   Tablet and above: always 3 columns
   ========================================================================== */

@media (max-width: 767px) {
    body.index-theme-override #our-services .csvc__grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

@media (min-width: 768px) {
    body.index-theme-override #our-services .csvc__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    body.index-theme-override #our-services .csvc__card {
        min-width: 0 !important;
    }

    body.index-theme-override #our-services .csvc__img {
        height: 220px !important;
    }

    body.index-theme-override #our-services .csvc__body {
        padding: 20px 16px 18px !important;
    }

    body.index-theme-override #our-services .csvc__name {
        font-size: 1.15rem !important;
        line-height: 1.25 !important;
    }

    body.index-theme-override #our-services .csvc__desc {
        font-size: 13px !important;
        line-height: 1.7 !important;
    }
}

@media (min-width: 1200px) {
    body.index-theme-override #our-services .csvc__grid {
        gap: 24px !important;
    }

    body.index-theme-override #our-services .csvc__img {
        height: 280px !important;
    }

    body.index-theme-override #our-services .csvc__body {
        padding: 24px 20px 22px !important;
    }

    body.index-theme-override #our-services .csvc__name {
        font-size: 1.3rem !important;
    }
}

/* ==========================================================================
   HOME - ELITE EXPERIENCE LUXURY UPGRADE
   ========================================================================== */

body.index-theme-override #our-services.csvc {
    position: relative !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(176, 96, 24, 0.24) 0%, transparent 34%),
        radial-gradient(circle at 82% 76%, rgba(70, 32, 18, 0.3) 0%, transparent 32%),
        linear-gradient(180deg, #090706 0%, #050507 38%, #08050a 100%) !important;
    overflow: hidden !important;
}

body.index-theme-override #our-services.csvc::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 0, rgba(255, 255, 255, 0.025) 1px, transparent 1px, transparent 33.333%),
        linear-gradient(180deg, rgba(230, 120, 23, 0.08) 0%, transparent 20%, transparent 80%, rgba(230, 120, 23, 0.04) 100%) !important;
    opacity: 0.3 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

body.index-theme-override #our-services .container {
    position: relative !important;
    z-index: 2 !important;
}

body.index-theme-override #our-services .csvc__head .surat-section-head {
    max-width: 900px !important;
    margin: 0 auto 58px !important;
}

body.index-theme-override #our-services .surat-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 22px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.02) 100%) !important;
    border: 1px solid rgba(255, 187, 110, 0.18) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

body.index-theme-override #our-services .csvc__section-title {
    margin-bottom: 18px !important;
    text-shadow: 0 12px 34px rgba(0, 0, 0, 0.35) !important;
}

body.index-theme-override #our-services .csvc__section-title .surat-logo-elite-lockup {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: baseline !important;
    line-height: 1 !important;
    transform: translateY(0.07em) !important;
}

body.index-theme-override #our-services .csvc__section-title .surat-logo-elite-e {
    height: 0.92em !important;
    margin-right: -0.05em !important;
    vertical-align: middle !important;
    transform: translateY(0.01em) !important;
}

body.index-theme-override #our-services .csvc__section-title .surat-logo-elite-lite {
    display: inline-block !important;
    line-height: 1 !important;
    vertical-align: baseline !important;
    transform: translateY(0.01em) !important;
}

body.index-theme-override #our-services .surat-desc {
    max-width: 760px !important;
    margin: 0 auto !important;
    color: rgba(255, 243, 231, 0.76) !important;
    font-size: 17px !important;
    line-height: 1.85 !important;
}

body.index-theme-override #our-services .surat-divider {
    margin-top: 22px !important;
}

body.index-theme-override #our-services .csvc__grid {
    align-items: start !important;
}

body.index-theme-override #our-services .csvc__card {
    position: relative !important;
    border-radius: 28px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.015) 100%),
        linear-gradient(180deg, rgba(12,10,10,0.94) 0%, rgba(9,7,8,0.98) 100%) !important;
    border: 1px solid rgba(214, 139, 56, 0.22) !important;
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.42),
        0 0 0 1px rgba(255,255,255,0.02) inset,
        inset 0 1px 0 rgba(255,255,255,0.05) !important;
    transition:
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.4s ease,
        box-shadow 0.4s ease !important;
}

body.index-theme-override #our-services .csvc__card::after {
    content: "" !important;
    position: absolute !important;
    inset: 10px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 190, 123, 0.07) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

body.index-theme-override #our-services .csvc__card:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(255, 187, 110, 0.52) !important;
    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.52),
        0 0 24px rgba(230, 120, 23, 0.1),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

body.index-theme-override #our-services .csvc__card:nth-child(2) {
    border-color: rgba(255, 176, 103, 0.42) !important;
    box-shadow:
        0 30px 72px rgba(0, 0, 0, 0.48),
        0 0 28px rgba(230, 120, 23, 0.1),
        inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

body.index-theme-override #our-services .csvc__card:nth-child(2):hover {
    transform: translateY(-8px) !important;
}

body.index-theme-override #our-services .csvc__card:nth-child(2)::before {
    background: linear-gradient(90deg, transparent, rgba(255, 196, 131, 0.65) 20%, #ffb067 50%, rgba(255, 196, 131, 0.65) 80%, transparent) !important;
    height: 3px !important;
}

body.index-theme-override #our-services .csvc__img {
    position: relative !important;
    border-radius: 26px 26px 0 0 !important;
    overflow: hidden !important;
}

body.index-theme-override #our-services .csvc__img::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(180deg, rgba(255, 192, 128, 0.18) 0%, rgba(255, 192, 128, 0) 24%),
        radial-gradient(circle at 76% 18%, rgba(255, 193, 111, 0.26) 0%, transparent 28%),
        linear-gradient(0deg, rgba(5, 5, 7, 0.9) 0%, rgba(5, 5, 7, 0.18) 42%, rgba(5, 5, 7, 0) 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

body.index-theme-override #our-services .csvc__img::after {
    content: "" !important;
    position: absolute !important;
    top: 18px !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    border: 1px solid rgba(255, 220, 184, 0.12) !important;
    border-radius: 18px !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

body.index-theme-override #our-services .csvc__card:nth-child(1) .csvc__img {
    box-shadow: inset 0 -70px 100px rgba(9, 29, 64, 0.34) !important;
}

body.index-theme-override #our-services .csvc__card:nth-child(2) .csvc__img {
    box-shadow: inset 0 -70px 100px rgba(84, 42, 16, 0.34) !important;
}

body.index-theme-override #our-services .csvc__card:nth-child(3) .csvc__img {
    box-shadow: inset 0 -70px 100px rgba(47, 20, 12, 0.34) !important;
}

body.index-theme-override #our-services .csvc__img img {
    filter: brightness(0.76) saturate(1.08) contrast(1.05) !important;
    transform: scale(1.01) !important;
}

body.index-theme-override #our-services .csvc__card:hover .csvc__img img {
    transform: scale(1.04) !important;
    filter: brightness(0.96) saturate(1.18) contrast(1.06) !important;
}

body.index-theme-override #our-services .csvc__body {
    position: relative !important;
    margin: -18px 14px 14px !important;
    padding: 24px 22px 24px !important;
    border-radius: 22px !important;
    background:
        linear-gradient(180deg, rgba(18, 15, 16, 0.92) 0%, rgba(10, 10, 12, 0.98) 100%) !important;
    border: 1px solid rgba(255, 178, 92, 0.08) !important;
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    z-index: 3 !important;
    min-height: 210px !important;
}

body.index-theme-override #our-services .csvc__body::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 22px !important;
    right: 22px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(255, 186, 98, 0.38), transparent) !important;
}

body.index-theme-override #our-services .csvc__card:nth-child(1) .csvc__body::after,
body.index-theme-override #our-services .csvc__card:nth-child(2) .csvc__body::after,
body.index-theme-override #our-services .csvc__card:nth-child(3) .csvc__body::after {
    position: absolute !important;
    top: -14px !important;
    right: 18px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: rgba(255, 219, 178, 0.92) !important;
    background: rgba(42, 28, 16, 0.86) !important;
    border: 1px solid rgba(255, 184, 100, 0.22) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

body.index-theme-override #our-services .csvc__card:nth-child(1) .csvc__body::after {
    content: "Signature Audio" !important;
}

body.index-theme-override #our-services .csvc__card:nth-child(2) .csvc__body::after {
    content: "Social Spotlight" !important;
}

body.index-theme-override #our-services .csvc__card:nth-child(3) .csvc__body::after {
    content: "Curated Dining" !important;
}

body.index-theme-override #our-services .csvc__icon {
    width: 60px !important;
    height: 60px !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(255, 166, 71, 0.18) 0%, rgba(89, 46, 16, 0.3) 100%) !important;
    border: 1px solid rgba(255, 177, 83, 0.28) !important;
    box-shadow:
        0 12px 22px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.08),
        inset 0 0 0 1px rgba(255, 145, 45, 0.08) !important;
    flex-shrink: 0 !important;
}

body.index-theme-override #our-services .csvc__icon i {
    font-size: 22px !important;
    text-shadow: 0 0 18px rgba(230, 120, 23, 0.25) !important;
    line-height: 1 !important;
}

body.index-theme-override #our-services .csvc__card:hover .csvc__icon {
    background: linear-gradient(180deg, rgba(255, 166, 71, 0.28) 0%, rgba(126, 66, 19, 0.9) 100%) !important;
    border-color: rgba(255, 187, 110, 0.42) !important;
    box-shadow:
        0 14px 26px rgba(0, 0, 0, 0.28),
        0 0 18px rgba(230, 120, 23, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.1) !important;
    transform: none !important;
}

body.index-theme-override #our-services .csvc__card:hover .csvc__icon i {
    color: #fff6ed !important;
}

body.index-theme-override #our-services .csvc__name {
    color: #fff8f1 !important;
    letter-spacing: -0.02em !important;
}

body.index-theme-override #our-services .csvc__desc {
    color: rgba(255, 237, 220, 0.67) !important;
}

body.index-theme-override #our-services .csvc__bar {
    height: 3px !important;
    width: 56px !important;
    background: linear-gradient(90deg, #e67817 0%, #ffb067 58%, rgba(255, 176, 103, 0.05) 100%) !important;
}

body.index-theme-override #our-services .csvc__card:hover .csvc__bar {
    width: 100% !important;
    box-shadow: 0 0 14px rgba(230, 120, 23, 0.3) !important;
}

@media (min-width: 768px) {
    body.index-theme-override #our-services .csvc__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: stretch !important;
    }

    body.index-theme-override #our-services .csvc__card,
    body.index-theme-override #our-services .csvc__card:nth-child(1),
    body.index-theme-override #our-services .csvc__card:nth-child(2),
    body.index-theme-override #our-services .csvc__card:nth-child(3) {
        margin-top: 0 !important;
        height: 100% !important;
        min-height: 100% !important;
        transform: none !important;
    }

    body.index-theme-override #our-services .csvc__img {
        height: 290px !important;
    }

    body.index-theme-override #our-services .csvc__body {
        min-height: 230px !important;
    }
}

@media (max-width: 991px) {
    body.index-theme-override #our-services .surat-desc {
        font-size: 15px !important;
        line-height: 1.75 !important;
    }

    body.index-theme-override #our-services .csvc__card:nth-child(2) {
        transform: none !important;
    }

    body.index-theme-override #our-services .csvc__img {
        height: 235px !important;
    }

    body.index-theme-override #our-services .csvc__body {
        margin: -14px 12px 12px !important;
        min-height: 200px !important;
    }
}

@media (max-width: 767px) {
    body.index-theme-override #our-services .surat-eyebrow {
        padding: 9px 16px !important;
        letter-spacing: 0.22em !important;
    }

    body.index-theme-override #our-services .surat-desc {
        font-size: 14px !important;
    }

    body.index-theme-override #our-services .csvc__card:nth-child(1),
    body.index-theme-override #our-services .csvc__card:nth-child(3) {
        margin-top: 0 !important;
    }

    body.index-theme-override #our-services .csvc__icon {
        width: 56px !important;
        height: 56px !important;
        border-radius: 18px !important;
    }

    body.index-theme-override #our-services .csvc__body::after {
        font-size: 9px !important;
        letter-spacing: 0.14em !important;
    }
}

/* ==========================================================================
   HOME - ELITE EXPERIENCE PREMIUM LUXURY UPGRADE
   ========================================================================== */

body.index-theme-override #our-services.csvc {
    position: relative !important;
    padding: 120px 0 !important;
    background: #050507 !important;
    overflow: hidden !important;
}

/* Ambient Background Glows */
body.index-theme-override #our-services.csvc::before {
    content: "" !important;
    position: absolute !important;
    top: -10% !important;
    left: -5% !important;
    width: 600px !important;
    height: 600px !important;
    background: radial-gradient(circle, rgba(230, 120, 23, 0.08) 0%, transparent 70%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

body.index-theme-override #our-services.csvc::after {
    content: "" !important;
    position: absolute !important;
    bottom: -15% !important;
    right: -10% !important;
    width: 800px !important;
    height: 800px !important;
    background: radial-gradient(circle, rgba(230, 120, 23, 0.05) 0%, transparent 70%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

body.index-theme-override #our-services .container {
    position: relative !important;
    z-index: 5 !important;
}

/* Card Grid Layout */
body.index-theme-override #our-services .csvc__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    align-items: stretch !important;
}

@media (max-width: 991px) {
    body.index-theme-override #our-services .csvc__grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px !important;
    }
}

@media (max-width: 767px) {
    body.index-theme-override #our-services .csvc__grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}

/* Premium Card Design */
body.index-theme-override #our-services .csvc__card {
    position: relative !important;
    background: rgba(15, 15, 20, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 32px !important;
    border: 1px solid rgba(230, 120, 23, 0.15) !important;
    overflow: hidden !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

body.index-theme-override #our-services .csvc__card:hover {
    transform: translateY(-12px) !important;
    border-color: rgba(230, 120, 23, 0.5) !important;
    background: rgba(20, 20, 25, 0.8) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6), 0 0 30px rgba(230, 120, 23, 0.15) !important;
}

/* Card Image Area */
body.index-theme-override #our-services .csvc__img {
    position: relative !important;
    height: 280px !important;
    overflow: hidden !important;
    border-radius: 32px 32px 0 0 !important;
}

body.index-theme-override #our-services .csvc__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

body.index-theme-override #our-services .csvc__card:hover .csvc__img img {
    transform: scale(1.06) !important;
}

/* Explicitly hide any extra overlays */
body.index-theme-override #our-services .csvc__overlay,
body.index-theme-override #our-services .csvc__shine {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Removed Gradient Overlay on Image as requested */

/* Card Body Content */
body.index-theme-override #our-services .csvc__body {
    padding: 30px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    min-height: 0 !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

body.index-theme-override #our-services .csvc__name {
    font-size: 24px !important;
    color: #ffffff !important;
    margin: 0 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
    transition: color 0.4s ease !important;
    min-height: 0 !important;
}

body.index-theme-override #our-services .csvc__card:hover .csvc__name {
    color: #e67817 !important;
}

body.index-theme-override #our-services .csvc__desc {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: rgba(255, 255, 255, 0.7) !important;
    margin: 0 !important;
    font-weight: 400 !important;
    min-height: 0 !important;
}

/* Premium Gold Bar - Refined Animation */
body.index-theme-override #our-services .csvc__bar {
    width: 24px !important;
    height: 2px !important;
    background: #e67817 !important;
    margin-top: auto !important;
    transition: width 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
    border-radius: 2px !important;
    box-shadow: 0 0 10px rgba(230, 120, 23, 0.3) !important;
}

body.index-theme-override #our-services .csvc__card:hover .csvc__bar {
    width: 100% !important;
    background: linear-gradient(90deg, #e67817 0%, #ffb067 50%, #e67817 100%) !important;
}

/* Responsive Tweaks */
@media (max-width: 1200px) {
    body.index-theme-override #our-services .csvc__img {
        height: 240px !important;
    }
    body.index-theme-override #our-services .csvc__name {
        font-size: 21px !important;
    }
}

@media (max-width: 767px) {
    body.index-theme-override #our-services.csvc {
        padding: 80px 0 !important;
    }
    body.index-theme-override #our-services .csvc__img {
        height: 220px !important;
    }
    body.index-theme-override #our-services .csvc__body {
        padding: 25px !important;
    }
}

/* ==========================================================================
   HOME - LOCATION BUTTON HOVER MATCH HEADER BUTTON
   ========================================================================== */

body.index-theme-override #our-location .lux-loc-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    overflow: hidden !important;
    background: #0b0b0f !important;
    color: #ffffff !important;
    border: 1px solid rgba(230, 120, 23, 0.55) !important;
    box-shadow: none !important;
    z-index: 1 !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease, border-color 0.35s ease !important;
}

body.index-theme-override #our-location .lux-loc-btn::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,0.25) 50%, transparent 70%) !important;
    transform: skewX(-15deg) !important;
    transition: left 0.6s ease !important;
    z-index: 2 !important;
}

body.index-theme-override #our-location .lux-loc-btn i {
    color: #ffffff !important;
    transition: transform 0.35s ease, color 0.35s ease !important;
}

body.index-theme-override #our-location .lux-loc-card:hover .lux-loc-btn {
    animation: none !important;
    background: #0b0b0f !important;
    border: 1px solid rgba(230, 120, 23, 0.55) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

body.index-theme-override #our-location .lux-loc-btn:hover,
body.index-theme-override #our-location .lux-loc-btn:focus-visible {
    background: linear-gradient(135deg, #d4700f 0%, #e67817 100%) !important;
    border-color: #e67817 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 7px 14px rgba(230, 120, 23, 0.18) !important;
    transform: translateY(-1px) !important;
}

body.index-theme-override #our-location .lux-loc-btn:hover::before,
body.index-theme-override #our-location .lux-loc-btn:focus-visible::before {
    left: 150% !important;
}

body.index-theme-override #our-location .lux-loc-btn:hover i,
body.index-theme-override #our-location .lux-loc-btn:focus-visible i {
    color: #ffffff !important;
    transform: translateX(4px) !important;
}

body.index-theme-override #our-location .lux-loc-card:hover .lux-loc-btn:hover,
body.index-theme-override #our-location .lux-loc-card:hover .lux-loc-btn:focus-visible {
    animation: none !important;
    background: linear-gradient(135deg, #d4700f 0%, #e67817 100%) !important;
    border-color: #e67817 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 7px 14px rgba(230, 120, 23, 0.18) !important;
    transform: translateY(-1px) !important;
}