/* Home page video play css */
       /* 1. Full Screen Video Fix (No Space on Sides) */
       /* Container jo aapne 140vh kiya hai */


       .premium-search-container {
           font-family: 'Plus Jakarta Sans', sans-serif;
           width: 100%;
           max-width: 1150px;
           margin: 0 auto;
       }

       /* Tabs Styling */
       .tabs-navigation-wrapper {
           display: flex;
           justify-content: center;
           margin-bottom: 25px;
       }

       .modern-tab-group {
           display: flex;
           background: rgba(255, 255, 255, 0.1);
           backdrop-filter: blur(15px);
           padding: 6px;
           border-radius: 40px;
           border: 1px solid rgba(255, 255, 255, 0.2);
       }

       .modern-tab-btn {
           border: none;
           background: transparent;
           color: #fff;
           padding: 10px 24px;
           font-size: 13px;
           font-weight: 700;
           border-radius: 35px;
           cursor: pointer;
           transition: 0.3s;
           display: flex;
           align-items: center;
           gap: 8px;
           opacity: 0.7;
       }

       .modern-tab-btn.active {
           background: #fff;
           color: #13357B;
           opacity: 1;
       }


       @keyframes fadeIn {
           from {
               opacity: 0;
               transform: translateY(-10px);
           }

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

       @media (max-width: 991px) {
           .glass-search-panel {
               flex-direction: column;
               padding: 20px;
               border-radius: 20px;
           }

           .input-segment {
               width: 100%;
               border-right: none;
               border-bottom: 1px solid rgba(255, 255, 255, 0.1);
               padding: 12px 0;
               margin: 0;
           }

           .btn-search-glow {
               width: 100%;
               justify-content: center;
               margin-top: 15px;
           }
       }

       /* 1. Base Setup [cite: 2025-10-17] */
       @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

       .hero-main-wrapper {
           position: relative;
           height: 100vh;
           overflow: visible !important;
           background: #000;
       }

       .video-background-container {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           overflow: hidden;
           z-index: 1;
       }

       .video-background-container iframe {
           width: 100vw;
           height: 140vh;
           min-width: 248.88vh;
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           pointer-events: none;
       }

       /* 2. Glass Search Bar [cite: 2025-10-17] */
       .premium-search-container {
           font-family: 'Plus Jakarta Sans', sans-serif;
           width: 100%;
           max-width: 1150px;
           margin: 0 auto;
           position: relative;
           z-index: 1000;
       }

       .modern-tab-group {
           display: flex;
           background: rgba(255, 255, 255, 0.1);
           backdrop-filter: blur(15px);
           padding: 6px;
           border-radius: 40px;
           border: 1px solid rgba(255, 255, 255, 0.2);
       }

       .modern-tab-btn {
           border: none;
           background: transparent;
           color: #fff;
           padding: 10px 24px;
           font-size: 13px;
           font-weight: 600;
           border-radius: 35px;
           cursor: pointer;
           display: flex;
           align-items: center;
           gap: 8px;
           opacity: 0.7;
       }

       .modern-tab-btn.active {
           background: #fff;
           color: #13357B;
           opacity: 1;
       }

       .glass-search-panel {
           background: rgba(255, 255, 255, 0.12);
           backdrop-filter: blur(30px) saturate(180%);
           border: 1px solid rgba(255, 255, 255, 0.25);
           border-radius: 30px;
           padding: 12px 12px 12px 35px;
           display: flex;
           align-items: center;
           box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
           position: relative;
       }

       .input-segment {
           flex: 1;
           display: flex;
           flex-direction: column;
           border-right: 1px solid rgba(255, 255, 255, 0.15);
           padding-right: 20px;
           margin-right: 20px;
           position: relative;
       }

       .input-segment:last-of-type {
           border-right: none;
       }

       .input-segment label {
           color: rgba(255, 255, 255, 0.6);
           font-size: 9px;
           font-weight: 700;
           text-transform: uppercase;
           letter-spacing: 1.2px;
           margin-bottom: 4px;
       }

       .input-segment input {
           background: transparent;
           border: none;
           outline: none;
           color: #fff;
           font-size: 15px;
           font-weight: 500;
           width: 100%;
       }

       .selector-wrapper {
           position: relative;
           width: 100%;
       }

       .selector-wrapper::after {
           content: '\f078';
           font-family: 'Font Awesome 5 Free';
           font-weight: 900;
           position: absolute;
           right: 0;
           top: 50%;
           transform: translateY(-50%);
           color: rgba(255, 255, 255, 0.6);
           font-size: 10px;
           pointer-events: none;
       }

       /* 3. Dropdown Styling Fixes [cite: 2025-10-17] */
       .premium-dropdown {
           position: absolute;
           top: calc(100% + 25px);
           left: 0;
           width: 320px;
           background: #fff;
           border-radius: 20px;
           box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
           z-index: 9999 !important;
           display: none;
           color: #1e293b;
           overflow: hidden;
       }

       .premium-dropdown.show {
           display: block;
           animation: fadeIn 0.3s ease;
       }

       .dropdown-scroll-area {
           max-height: 380px;
           overflow-y: auto;
           padding: 18px;
       }

       /* Sleek Typography */
       .room-block {
           border-bottom: 1px solid #f1f5f9;
           padding-bottom: 12px;
           margin-bottom: 12px;
       }

       .room-header {
           color: #13357B;
           font-weight: 700;
           font-size: 13.5px;
           margin-bottom: 10px;
           display: flex;
           justify-content: space-between;
           align-items: center;
       }

       .dropdown-row {
           display: flex;
           justify-content: space-between;
           align-items: center;
           margin-bottom: 12px;
       }

       .dropdown-row strong {
           font-size: 13px;
           font-weight: 600;
       }

       .dropdown-row small {
           font-size: 10.5px;
           color: #64748b;
       }

       .counter-ctrl {
           display: flex;
           align-items: center;
           gap: 12px;
       }

       .counter-ctrl button {
           width: 28px;
           height: 28px;
           border-radius: 50%;
           border: 1.2px solid #13357B;
           background: transparent;
           color: #13357B;
           font-weight: 600;
           cursor: pointer;
           display: flex;
           align-items: center;
           justify-content: center;
       }

       .dropdown-footer {
           background: #f8fafc;
           padding: 12px 18px;
           border-top: 1px solid #eee;
       }

       .btn-add-room {
           background: transparent;
           border: 1.2px solid #13357B;
           color: #13357B;
           width: 100%;
           padding: 8px;
           border-radius: 10px;
           font-weight: 600;
           font-size: 12px;
           margin-bottom: 8px;
           cursor: pointer;
       }

       .btn-done {
           background: #13357B;
           border: none;
           color: #fff;
           width: 100%;
           padding: 10px;
           border-radius: 10px;
           font-weight: 600;
           font-size: 13px;
           cursor: pointer;
       }

       /* Hero Text Content [cite: 2025-10-17] */
       .hero-text-content {
           text-align: center;
           color: white;
           margin-bottom: 40px;
           z-index: 5;
       }

       .hero-text-content h1 {
           font-size: 4.5rem;
           font-family: serif;
           font-style: italic;
           font-weight: 400;
           text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
           margin: 0;
       }

       .hero-text-content p {
           font-size: 0.9rem;
           text-transform: uppercase;
           letter-spacing: 5px;
           opacity: 0.9;
           margin-bottom: 5px;
       }

       @keyframes fadeIn {
           from {
               opacity: 0;
               transform: translateY(-10px);
           }

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

       /* steps css */

       :root {
           --primary-blue: #13357B;
           --success-green: #198754;
           --gray-muted: #dee2e6;
           --text-secondary: #6c757d;
       }

       .step-wrapper {
           display: flex;
           justify-content: space-between;
           position: relative;
           margin-bottom: 4rem;
           /* max-width: 1000px; */
           /* margin-left: auto; */
           /* margin-right: auto; */
       }

       /* Professional Background Line [cite: 2026-02-11] */
       .step-wrapper::before {
           content: '';
           position: absolute;
           top: 22.5px;
           /* Icon height (45px) ka exact half */
           left: 5%;
           right: 5%;
           height: 2px;
           background: var(--gray-muted);
           z-index: 1;
       }

       .step-item {
           position: relative;
           z-index: 2;
           background: #fff;
           padding: 0 15px;
           text-align: center;
           flex: 1;
       }

       .step-icon {
           width: 45px;
           height: 45px;
           border-radius: 50%;
           background: #fff;
           border: 2px solid var(--gray-muted);
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 12px;
           color: #adb5bd;
           font-weight: 800;
           font-size: 1rem;
           transition: all 0.4s ease;
           box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
       }

       /* Step 1: Completed (Green with Tick) [cite: 2026-02-11] */
       .step-item.completed .step-icon {
           background: var(--success-green);
           border-color: var(--success-green);
           color: #fff;
       }

       .step-item.completed .step-text {
           color: var(--success-green);
           font-weight: 600;
       }

       /* Step 2: Active (Blue with Shadow) */
       .step-item.active .step-icon {
           background: var(--primary-blue);
           border-color: var(--primary-blue);
           color: #fff;
           box-shadow: 0 0 0 5px rgba(19, 53, 123, 0.15);
           transform: scale(1.1);
       }

       .step-item.active .step-text {
           color: var(--primary-blue);
           font-weight: 800;
       }

       .step-text {
           font-size: 0.7rem;
           text-transform: uppercase;
           letter-spacing: 1px;
           color: var(--text-secondary);
           display: block;
       }

       @media (max-width: 576px) {
           .step-text {
               display: none;
           }

           /* Mobile par sirf icons dikhen ge */
       }

       /* end steps css */

       @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

       .search-section-wrapper * {
           box-sizing: border-box;
       }

       .search-section-wrapper {
           font-family: 'Plus Jakarta Sans', sans-serif;
           position: relative;
           margin-top: -150px;
           z-index: 1000;
           padding: 0 15px;
           width: 100%;
       }

       /* Tabs Styling */
       .nav-tabs-custom {
           display: inline-flex;
           background: rgba(19, 53, 123, 0.95);
           backdrop-filter: blur(20px);
           padding: 6px 6px 0 6px;
           border-radius: 16px 16px 0 0;
           gap: 4px;
           position: relative;
           bottom: -1px;
           z-index: 1001;
       }

       .nav-link-custom {
           border: none;
           background: transparent;
           color: #ffffff;
           padding: 12px 25px;
           font-size: 14px;
           font-weight: 700;
           border-radius: 12px 12px 0 0;
           cursor: pointer;
           transition: 0.3s;
           display: flex;
           align-items: center;
           gap: 8px;
       }

       .nav-link-custom.active {
           background: #ffffff;
           color: #13357B;
       }

       /* Main Card */
       .search-card-premium {
           background: #ffffff;
           border-radius: 0 24px 24px 24px;
           padding: 25px 30px;
           box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
           border: 1px solid rgba(0, 0, 0, 0.1);
           width: 100%;
       }

       /* --- Google Flights Style Options Bar --- */
       .options-bar {
           display: flex;
           align-items: center;
           gap: 20px;
           margin-bottom: 15px;
           flex-wrap: wrap;
       }

       .option-item {
           display: flex;
           align-items: center;
           gap: 8px;
           font-size: 14px;
           font-weight: 500;
           color: #5f6368;
           cursor: pointer;
       }

       .option-item input[type="radio"],
       .option-item input[type="checkbox"] {
           accent-color: #13357B;
           width: 16px;
           height: 16px;
           cursor: pointer;
       }

       .divider-v {
           width: 1px;
           height: 20px;
           background: #dadce0;
       }

       .inline-select {
           border: none;
           background: transparent;
           color: #13357B;
           font-weight: 600;
           font-size: 14px;
           cursor: pointer;
           outline: none;
           padding: 0 5px;
       }

       /* Search Grid */
       .search-grid-bar {
           display: grid;
           grid-template-columns: 1.2fr 1.2fr 1fr 1fr 0.9fr;
           /* ✅ 5 columns */
           background: #f8fafc;
           border: 1px solid #dee2e6;
           border-radius: 12px;
       }


       .search-field {
           padding: 12px 20px;
           border-right: 1px solid #dee2e6;
           position: relative;
       }

       .search-field:last-child {
           border-right: none;
       }

       .search-field label {
           display: block;
           font-size: 11px;
           font-weight: 800;
           color: #13357B;
           text-transform: uppercase;
           margin-bottom: 2px;
       }

       .search-field input,
       .search-field select {
           border: none;
           outline: none;
           width: 100%;
           background: transparent;
           font-size: 15px;
           font-weight: 600;
           color: #1e293b;
       }

       /* Mobile Responsive */
       @media (max-width: 767px) {
           .search-section-wrapper {
               margin-top: 20px;
               padding: 0 10px;
           }

           .nav-tabs-custom {
               display: flex;
               width: 100%;
               margin-left: 0;
           }

           .nav-link-custom {
               flex: 1;
               padding: 10px 5px;
               font-size: 12px;
           }

           .search-card-premium {
               border-radius: 0 0 15px 15px;
               padding: 20px 15px;
           }

           .options-bar {
               gap: 10px;
           }

           .search-grid-bar {
               display: block;
               border: none;
               background: transparent;
           }

           .search-field {
               border: 1px solid #dee2e6;
               border-radius: 10px;
               margin-bottom: 8px;
               background: #f8fafc;
           }

           .btn-swap-float {
               right: 15px;
               top: auto;
               bottom: -20px;
               transform: rotate(90deg) !important;
               width: 32px;
               height: 32px;
           }

           .btn-search-travela {
               width: 100%;
               margin-top: 15px;
           }
       }

       .btn-swap-float {
           position: absolute;
           right: -18px;
           top: 50%;
           transform: translateY(-50%);
           background: #ffffff;
           border: 1px solid #13357B;
           width: 36px;
           height: 36px;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           z-index: 10;
           cursor: pointer;
           color: #13357B;
           box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
       }

       .btn-search-travela {
           background: #13357B;
           color: #ffffff;
           border: none;
           padding: 12px 35px;
           border-radius: 50px;
           font-weight: 700;
           cursor: pointer;
           transition: 0.3s;
       }

       .btn-search-travela:hover {
           background: #1a49a8;
       }

       .traveler-input {
           display: flex;
           justify-content: space-between;
           align-items: center;
           cursor: pointer;
           font-weight: 600;
       }

       .traveler-box {
           position: absolute;
           top: 100%;
           left: 0;
           width: 260px;
           background: #fff;
           border-radius: 12px;
           box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
           padding: 15px;
           z-index: 99;
       }

       .traveler-row {
           display: flex;
           justify-content: space-between;
           align-items: center;
           margin-bottom: 12px;
       }

       .traveler-row small {
           display: block;
           color: #64748b;
           font-size: 11px;
       }

       .counter {
           display: flex;
           align-items: center;
           gap: 10px;
       }

       .counter button {
           width: 28px;
           height: 28px;
           border-radius: 50%;
           border: 1px solid #13357B;
           background: #fff;
           color: #13357B;
           font-weight: 700;
           cursor: pointer;
       }

       @media (max-width: 767px) {
           .search-grid-bar {
               display: block;
           }
       }


       /* steps css */

       :root {
           --primary-blue: #13357B;
           --success-green: #198754;
           --gray-muted: #dee2e6;
           --text-secondary: #6c757d;
       }

       .step-wrapper {
           display: flex;
           justify-content: space-between;
           position: relative;
           margin-bottom: 4rem;
           /* max-width: 1000px; */
           /* margin-left: auto; */
           /* margin-right: auto; */
       }

       /* Professional Background Line [cite: 2026-02-11] */
       .step-wrapper::before {
           content: '';
           position: absolute;
           top: 22.5px;
           /* Icon height (45px) ka exact half */
           left: 5%;
           right: 5%;
           height: 2px;
           background: var(--gray-muted);
           z-index: 1;
       }

       .step-item {
           position: relative;
           z-index: 2;
           background: #fff;
           padding: 0 15px;
           text-align: center;
           flex: 1;
       }

       .step-icon {
           width: 45px;
           height: 45px;
           border-radius: 50%;
           background: #fff;
           border: 2px solid var(--gray-muted);
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 0 auto 12px;
           color: #adb5bd;
           font-weight: 800;
           font-size: 1rem;
           transition: all 0.4s ease;
           box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
       }

       /* Step 1: Completed (Green with Tick) [cite: 2026-02-11] */
       .step-item.completed .step-icon {
           background: var(--success-green);
           border-color: var(--success-green);
           color: #fff;
       }

       .step-item.completed .step-text {
           color: var(--success-green);
           font-weight: 600;
       }

       /* Step 2: Active (Blue with Shadow) */
       .step-item.active .step-icon {
           background: var(--primary-blue);
           border-color: var(--primary-blue);
           color: #fff;
           box-shadow: 0 0 0 5px rgba(19, 53, 123, 0.15);
           transform: scale(1.1);
       }

       .step-item.active .step-text {
           color: var(--primary-blue);
           font-weight: 800;
       }

       .step-text {
           font-size: 0.7rem;
           text-transform: uppercase;
           letter-spacing: 1px;
           color: var(--text-secondary);
           display: block;
       }

       @media (max-width: 576px) {
           .step-text {
               display: none;
           }

           /* Mobile par sirf icons dikhen ge */
       }

       /* end steps css */


       /* review card css */
       /* 1. Overall Section Spacing [cite: 2025-11-01] */
       .testimonial-section-small {
           background: #ffffff;
           padding: 60px 0;
       }

       /* 2. Compact Card Design [cite: 2025-11-01, 2025-09-24] */
       .testimonial-item-compact {
           background: #fdfdfd;
           border: 1px solid #f1f5f9;
           border-radius: 12px;
           padding: 25px 20px 20px 20px !important;
           margin: 35px 10px 10px 10px;
           position: relative;
           transition: all 0.3s ease;
           min-height: 220px;
           /* Fixed height taake sab barabar hon */
           display: flex;
           flex-direction: column;
           justify-content: space-between;
       }

       .testimonial-item-compact:hover {
           border-color: #13357B;
           box-shadow: 0 10px 25px rgba(19, 53, 123, 0.08);
       }

       /* 3. Small Floating Image [cite: 2025-11-01] */
       .small-client-img {
           position: absolute;
           top: -30px;
           right: 20px;
           width: 60px !important;
           height: 60px !important;
           border-radius: 50%;
           border: 3px solid #fff;
           box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
           z-index: 5;
       }

       /* 4. Minimalist Text [cite: 2025-09-24] */
       .compact-comment {
           font-size: 13.5px;
           color: #64748b;
           line-height: 1.6;
           font-weight: 400;
           margin-bottom: 15px !important;
           text-align: left;
       }

       /* 5. Tight Info Section [cite: 2025-11-01] */
       .compact-client-info {
           text-align: left;
       }

       .compact-client-name {
           color: #13357B;
           font-weight: 700;
           font-size: 15px;
           margin: 0;
       }

       .compact-location {
           font-size: 11px;
           color: #94a3b8;
           text-transform: uppercase;
           letter-spacing: 0.5px;
           margin-bottom: 5px;
       }

       .compact-stars {
           color: #fbbf24;
           /* Premium Gold color stars */
           font-size: 10px;
           display: flex;
           gap: 2px;
       }

       /* Quote Icon Small */
       .small-quote {
           font-size: 20px;
           color: #13357B;
           opacity: 0.1;
           margin-bottom: 10px;
       }

       /* end review css */




       /* Flight page css */

       :root {
           --primary-blue: #13357B;
           --border-color: #dee2e6;
           --accent-orange: #ff5722;
       }

       body {
           background-color: var(--light-bg);
       }

       /* Sticky Sidebar & Filter Styling */
       @media (min-width: 992px) {
           .sticky-sidebar {
               position: sticky;
               top: 20px;
               max-height: calc(100vh - 40px);
               overflow-y: auto;
           }
       }

       .filter-sidebar {
           border-radius: 12px;
           border: 1px solid var(--border-color);
       }

       .filter-section-title {
           font-size: 0.75rem;
           letter-spacing: 1px;
           color: #888;
           margin-bottom: 15px;
       }

       /* Tabs Styling */
       .flight-filter-container {
           border-radius: 12px 12px 0 0;
           border: 1px solid var(--border-color);
           border-bottom: none;
       }

       .tab-item {
           background: #fff;
           border: none !important;
           border-bottom: 4px solid transparent !important;
           padding: 1.2rem 0.5rem !important;
           transition: 0.3s;
       }

       .tab-item.active {
           border-bottom: 4px solid var(--primary-blue) !important;
       }

       .tab-item.active span {
           color: var(--primary-blue);
       }

       /* Flight Card Styling */
       .flight-card {
           border-radius: 0 0 12px 12px;
           border: 1px solid var(--border-color);
           border-top: 1px solid #eee !important;
           transition: 0.3s;
       }

       .flight-card:hover {
           box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
           transform: translateY(-2px);
       }

       .airline-logo {
           width: 40px;
           height: 40px;
           object-fit: contain;
       }

       .duration-line {
           border-bottom: 2px solid var(--border-color);
           margin: 10px 0;
           width: 100%;
           position: relative;
       }

       .duration-line::after {
           content: '\f072';
           font-family: 'Font Awesome 5 Free';
           font-weight: 900;
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           background: white;
           padding: 0 10px;
           color: var(--primary-blue);
           font-size: 0.85rem;
       }

       .badge-deal {
           background-color: #e8f0fe;
           color: var(--primary-blue);
           font-size: 0.7rem;
           padding: 4px 12px;
           border-radius: 50px;
       }

       /* Price Section */
       .price-container {
           background-color: #f8fafc;
           border-left: 1px solid var(--border-color);
       }

       .btn-book {
           background-color: var(--primary-blue);
           color: white;
           border-radius: 8px;
           font-weight: 600;
           padding: 10px 25px;
           transition: 0.3s;
       }

       .btn-book:hover {
           background-color: #0d265a;
           color: white;
       }

       /* Custom Form Elements */
       .custom-check:checked {
           background-color: var(--primary-blue) !important;
           border-color: var(--primary-blue) !important;
       }

       .custom-range::-webkit-slider-thumb {
           background: var(--primary-blue) !important;
       }



       /* Search Section Global Settings */
       .search-section-wrapper,
       .search-section-wrapper * {
           box-sizing: border-box !important;
       }

       /* Professional Search Section Positioning */
       .search-section-wrapper {
           margin-top: -100px !important;
       }

       .search-card-premium {
           border-radius: 24px 24px 24px 24px !important;
       }

         /* Sticky Sidebar & Filter Styling */
       @media (min-width: 992px) {
           .sticky-sidebar {
               position: sticky;
               top: 20px;
               max-height: calc(100vh - 40px);
               overflow-y: auto;
           }
       }

       .filter-sidebar {
           border-radius: 12px;
           border: 1px solid var(--border-color);
       }

       .filter-section-title {
           font-size: 0.75rem;
           letter-spacing: 1px;
           color: #888;
           margin-bottom: 15px;
       }

       /* Tabs Styling */
       .flight-filter-container {
           border-radius: 12px 12px 0 0;
           border: 1px solid var(--border-color);
           border-bottom: none;
       }

       .tab-item {
           background: #fff;
           border: none !important;
           border-bottom: 4px solid transparent !important;
           padding: 1.2rem 0.5rem !important;
           transition: 0.3s;
       }

       .tab-item.active {
           border-bottom: 4px solid var(--primary-blue) !important;
       }

       .tab-item.active span {
           color: var(--primary-blue);
       }

       /* Flight Card Styling */
       .flight-card {
           border-radius: 0 0 12px 12px;
           border: 1px solid var(--border-color);
           border-top: 1px solid #eee !important;
           transition: 0.3s;
       }

       .flight-card:hover {
           box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
           transform: translateY(-2px);
       }

       .airline-logo {
           width: 40px;
           height: 40px;
           object-fit: contain;
       }

       .duration-line {
           border-bottom: 2px solid var(--border-color);
           margin: 10px 0;
           width: 100%;
           position: relative;
       }

       .duration-line::after {
           content: '\f072';
           font-family: 'Font Awesome 5 Free';
           font-weight: 900;
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           background: white;
           padding: 0 10px;
           color: var(--primary-blue);
           font-size: 0.85rem;
       }

       .badge-deal {
           background-color: #e8f0fe;
           color: var(--primary-blue);
           font-size: 0.7rem;
           padding: 4px 12px;
           border-radius: 50px;
       }

       /* Price Section */
       .price-container {
           background-color: #f8fafc;
           border-left: 1px solid var(--border-color);
       }

       .btn-book {
           background-color: var(--primary-blue);
           color: white;
           border-radius: 8px;
           font-weight: 600;
           padding: 10px 25px;
           transition: 0.3s;
       }

       .btn-book:hover {
           background-color: #0d265a;
           color: white;
       }

       /* Custom Form Elements */
       .custom-check:checked {
           background-color: var(--primary-blue) !important;
           border-color: var(--primary-blue) !important;
       }

       .custom-range::-webkit-slider-thumb {
           background: var(--primary-blue) !important;
       }



       /* Search Section Global Settings */
       .search-section-wrapper,
       .search-section-wrapper * {
           box-sizing: border-box !important;
       }

       /* Professional Search Section Positioning */
       .search-section-wrapper {
           margin-top: -100px !important;
       }

       .search-card-premium {
           border-radius: 24px 24px 24px 24px !important;
       }

       /* Flight + Hotel Css  */
    :root {
        --primary-blue: #13357B;
        /* --light-bg: #f4f7f6; */
        --border-color: #dee2e6;
        --accent-orange: #ff5722;
    }

    body {
        background-color: var(--light-bg);
    }

    /* Sticky Sidebar & Filter Styling */
    @media (min-width: 992px) {
        .sticky-sidebar {
            position: sticky;
            top: 20px;
            max-height: calc(100vh - 40px);
            overflow-y: auto;
        }
    }

    .filter-sidebar {
        border-radius: 12px;
        border: 1px solid var(--border-color);
    }

    .filter-section-title {
        font-size: 0.75rem;
        letter-spacing: 1px;
        color: #888;
        margin-bottom: 15px;
    }

    /* Tabs Styling */
    .flight-filter-container {
        border-radius: 12px 12px 0 0;
        border: 1px solid var(--border-color);
        border-bottom: none;
    }

    .tab-item {
        background: #fff;
        border: none !important;
        border-bottom: 4px solid transparent !important;
        padding: 1.2rem 0.5rem !important;
        transition: 0.3s;
    }

    .tab-item.active {
        border-bottom: 4px solid var(--primary-blue) !important;
    }

    .tab-item.active span {
        color: var(--primary-blue);
    }

    /* Flight Card Styling */
    .flight-card {
        border-radius: 0 0 12px 12px;
        border: 1px solid var(--border-color);
        border-top: 1px solid #eee !important;
        transition: 0.3s;
    }

    .flight-card:hover {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }

    .airline-logo {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .duration-line {
        border-bottom: 2px solid var(--border-color);
        margin: 10px 0;
        width: 100%;
        position: relative;
    }

    .duration-line::after {
        content: '\f072';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: white;
        padding: 0 10px;
        color: var(--primary-blue);
        font-size: 0.85rem;
    }

    .badge-deal {
        background-color: #e8f0fe;
        color: var(--primary-blue);
        font-size: 0.7rem;
        padding: 4px 12px;
        border-radius: 50px;
    }

    /* Price Section */
    .price-container {
        background-color: #f8fafc;
        border-left: 1px solid var(--border-color);
    }

    .btn-book {
        background-color: var(--primary-blue);
        color: white;
        border-radius: 8px;
        font-weight: 600;
        padding: 10px 25px;
        transition: 0.3s;
    }

    .btn-book:hover {
        background-color: #0d265a;
        color: white;
    }

    /* Custom Form Elements */
    .custom-check:checked {
        background-color: var(--primary-blue) !important;
        border-color: var(--primary-blue) !important;
    }

    .custom-range::-webkit-slider-thumb {
        background: var(--primary-blue) !important;
    }



    /* Search Section Global Settings */
    .search-section-wrapper,
    .search-section-wrapper * {
        box-sizing: border-box !important;
    }

    /* Professional Search Section Positioning */
    .search-section-wrapper {
        margin-top: -100px !important;
    }

    .search-card-premium {
        border-radius: 24px 24px 24px 24px !important;
    }
/* ============================================================
   Airport Autocomplete Dropdown - Scrollable (Homepage + Search Pages)
   ============================================================ */
.autocomplete-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    min-width: 280px;
    background: #fff;
    z-index: 10000 !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
    border-radius: 0 0 14px 14px;
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #e8ecf4;
    border-top: none;
    display: none;
    color: #1e293b;
    scrollbar-width: thin;
    scrollbar-color: #b0bdce transparent;
}

.autocomplete-dropdown::-webkit-scrollbar {
    width: 5px;
}

.autocomplete-dropdown::-webkit-scrollbar-track {
    background: transparent;
}

.autocomplete-dropdown::-webkit-scrollbar-thumb {
    background-color: #b0bdce;
    border-radius: 10px;
}

.autocomplete-dropdown.show {
    display: block !important;
    animation: fadeIn 0.2s ease;
}

.airport-item {
    padding: 10px 16px;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f8;
    font-size: 13px;
    font-weight: 500;
    color: #2d3a4d;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: background 0.15s;
}

.airport-item:last-child {
    border-bottom: none;
}

.airport-item:hover {
    background: #f0f5ff !important;
    color: #13357B;
}

.airport-item .airport-code {
    font-weight: 700;
    color: #13357B;
    font-size: 12px;
    background: #e8f0ff;
    padding: 2px 7px;
    border-radius: 6px;
    white-space: nowrap;
}