*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'DM Sans', sans-serif; background: #F8FAFF; color: #0F1629; overflow-x: hidden; }
    h1, h2, h3, h4, h5 { font-family: 'Sora', sans-serif; }

    :root {
      --azure: #0061FF;
      --azure-dark: #0047C8;
      --azure-soft: #E8F0FF;
      --azure-glow: rgba(0,97,255,0.18);
      --ink: #0F1629;
      --soft: #64748b;
      --border: #E2EAF4;
      --card-bg: #FFFFFF;
      --section-alt: #F0F5FF;
    }

    /* ── Glassmorphism light ── */
    .glass-light { background: rgba(255,255,255,0.7); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.9); }
    .glass-card { background: rgba(255,255,255,0.85); backdrop-filter: blur(16px); border: 1px solid var(--border); }

    /* ── Hero ── */
    /* .hero-section { background: linear-gradient(160deg, #EEF4FF 0%, #F8FAFF 40%, #E8F0FF 100%); position: relative; overflow: hidden; }
    .hero-mesh {
      background:
        radial-gradient(ellipse 60% 50% at 80% 20%, rgba(0,97,255,0.12) 0%, transparent 70%),
        radial-gradient(ellipse 40% 40% at 10% 80%, rgba(56,189,248,0.1) 0%, transparent 60%),
        radial-gradient(ellipse 50% 60% at 50% 50%, rgba(0,97,255,0.05) 0%, transparent 80%);
    }
    .hero-circle-1 { position:absolute; width:700px; height:700px; border-radius:50%; background:radial-gradient(circle, rgba(0,97,255,0.08) 0%, transparent 70%); top:-200px; right:-200px; pointer-events:none; }
    .hero-circle-2 { position:absolute; width:400px; height:400px; border-radius:50%; background:radial-gradient(circle, rgba(56,189,248,0.1) 0%, transparent 70%); bottom:-100px; left:-100px; pointer-events:none; } */

    /* ── Nav ── */
    .navbar { background: rgba(248,250,255,0.92); backdrop-filter: blur(24px); border-bottom: 1px solid var(--border); transition: all 0.3s; }
    .navbar.scrolled { box-shadow: 0 4px 32px rgba(0,97,255,0.08); }
    .nav-link { position: relative; }
    .nav-link::after { content:''; position:absolute; bottom:-3px; left:0; width:0; height:2px; background:var(--azure); border-radius:2px; transition:width .3s ease; }
    .nav-link:hover::after { width:100%; }

    /* ── Buttons ── */
    .btn-primary {
      background: linear-gradient(135deg, #0061FF 0%, #0047C8 100%);
      color: white; font-family: 'Sora', sans-serif; font-weight: 700;
      border-radius: 14px; transition: all .3s;
      box-shadow: 0 4px 20px rgba(0,97,255,0.3);
    }
    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,97,255,0.4); }
    .btn-primary:active { transform: translateY(0); }
    .btn-outline { border: 2px solid var(--azure); color: var(--azure); border-radius: 14px; transition: all .3s; font-family:'Sora',sans-serif; font-weight:700; }
    .btn-outline:hover { background: var(--azure); color: white; box-shadow: 0 4px 20px rgba(0,97,255,0.25); }
    .btn-shimmer {
      background: linear-gradient(90deg, #0061FF, #38bdf8, #0061FF);
      background-size: 200%;
      animation: shimmer 2.5s linear infinite;
      color: white; border-radius: 14px; font-family:'Sora',sans-serif; font-weight:700;
      box-shadow: 0 4px 24px rgba(0,97,255,0.35);
    }
    @keyframes shimmer { 0%{background-position:0%} 100%{background-position:200%} }

    /* ── Search form ── */
    .search-card {
      background: white;
      border-radius: 28px;
      box-shadow: 0 24px 80px rgba(0,97,255,0.12), 0 4px 20px rgba(0,97,255,0.06);
      border: 1px solid var(--border);
    }
    .field-wrap { border: 2px solid var(--border); border-radius: 14px; background: #FAFBFF; transition: all .2s; }
    .field-wrap:focus-within { border-color: var(--azure); background: white; box-shadow: 0 0 0 4px rgba(0,97,255,0.08); }
    .field-wrap input, .field-wrap select { background: transparent; outline: none; width: 100%; font-family:'DM Sans',sans-serif; }

    /* ── Cards ── */
    .service-card {
      background: white; border-radius: 24px; border: 1px solid var(--border);
      transition: all .35s cubic-bezier(.34,1.56,.64,1);
    }
    .service-card:hover { transform: translateY(-8px); box-shadow: 0 20px 60px rgba(0,97,255,0.12); border-color: rgba(0,97,255,0.2); }
    .icon-box { background: linear-gradient(135deg, #0061FF 0%, #38bdf8 100%); border-radius: 18px; box-shadow: 0 8px 24px rgba(0,97,255,0.3); }

    /* ── Route card ── */
    .route-card { background: white; border: 2px solid var(--border); border-radius: 22px; transition: all .3s; }
    .route-card:hover { border-color: var(--azure); box-shadow: 0 12px 40px rgba(0,97,255,0.12); transform: translateY(-4px); }

    /* ── Deal card ── */
    .deal-card { border-radius: 24px; overflow: hidden; transition: all .35s cubic-bezier(.34,1.56,.64,1); }
    .deal-card:hover { transform: translateY(-6px) scale(1.01); box-shadow: 0 24px 60px rgba(0,97,255,0.18); }

    /* ── Autocomplete ── */
    .autocomplete-list { max-height:260px; overflow-y:auto; z-index:9999; border-radius:16px; box-shadow: 0 16px 48px rgba(0,97,255,0.14); border: 1px solid var(--border); }
    .autocomplete-list::-webkit-scrollbar { width:4px; }
    .autocomplete-list::-webkit-scrollbar-thumb { background:var(--azure); border-radius:4px; }
    .suggestion-item { cursor:pointer; transition:background .15s; }
    .suggestion-item:hover { background:#EEF4FF; }

    /* ── Slider ── */
    /* .slider-track { display:flex; transition:transform .6s cubic-bezier(.4,0,.2,1); }
    .slider-dot { width:8px; height:8px; border-radius:50%; background:#CBD5E1; transition:all .3s; cursor:pointer; }
    .slider-dot.active { background:var(--azure); width:24px; border-radius:4px; } */

    /* ── Scroll reveal ── */
    .reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
    .reveal.visible { opacity:1; transform:none; }

    /* ── Floating btn ── */
    .float-call { animation: pulseRing 2.5s ease-out infinite; box-shadow: 0 8px 32px rgba(0,97,255,0.4); }
    @keyframes pulseRing { 0%{box-shadow:0 0 0 0 rgba(0,97,255,0.4),0 8px 32px rgba(0,97,255,0.4)} 70%{box-shadow:0 0 0 14px rgba(0,97,255,0),0 8px 32px rgba(0,97,255,0.3)} 100%{box-shadow:0 0 0 0 rgba(0,97,255,0),0 8px 32px rgba(0,97,255,0.4)} }

    /* ── Popup ── */
    .popup-backdrop { background: rgba(15,22,41,0.55); backdrop-filter:blur(8px); }
    .popup-card { background:white; border-radius:28px; box-shadow:0 32px 100px rgba(0,97,255,0.2); border:1px solid var(--border); }

    /* ── Loader dots ── */
    @keyframes dotPulse { 0%,80%,100%{transform:scale(0);opacity:.4} 40%{transform:scale(1);opacity:1} }
    .dot1 { animation:dotPulse 1.4s ease-in-out infinite; }
    .dot2 { animation:dotPulse 1.4s ease-in-out .2s infinite; }
    .dot3 { animation:dotPulse 1.4s ease-in-out .4s infinite; }

    /* ── Plane animation ── */
    @keyframes flyPlane { 0%{transform:translateX(-8px) rotate(-3deg)} 50%{transform:translateX(8px) rotate(3deg)} 100%{transform:translateX(-8px) rotate(-3deg)} }
    .fly-plane { animation:flyPlane 2s ease-in-out infinite; }

    /* ── Scroll indicator ── */
    @keyframes scrollDown { 0%,100%{opacity:1;transform:translateY(0)} 50%{opacity:.4;transform:translateY(8px)} }
    .scroll-indicator { animation:scrollDown 2s ease-in-out infinite; }

    /* ── Stat ── */
    .stat-box { background:white; border:2px solid var(--border); border-radius:20px; transition:all .3s; }
    .stat-box:hover { border-color:rgba(0,97,255,0.3); box-shadow:0 8px 30px rgba(0,97,255,0.1); }

    /* ── Airline tab ── */
    .airline-tab { transition:all .25s; font-family:'Sora',sans-serif; }
    .airline-tab.active { background:var(--azure); color:white; border-color:var(--azure); box-shadow:0 4px 16px rgba(0,97,255,0.3); }

    /* ── Section divider ── */
    .section-alt { background: var(--section-alt); }

    /* ── Decorative line ── */
    .deco-line { height:2px; background:linear-gradient(90deg,transparent,var(--azure),transparent); }

    /* ── Badge ── */
    .badge { background:linear-gradient(135deg,#EEF4FF,#E0EDFF); border:1px solid rgba(0,97,255,0.2); color:var(--azure); border-radius:100px; }

    /* ── Swap btn ── */
    .swap-btn { border:2px solid var(--border); background:white; border-radius:12px; transition:all .3s; }
    .swap-btn:hover { background:var(--azure); border-color:var(--azure); }
    .swap-btn:hover svg { color:white; }

    /* ── Testimonial card ── */
    .testimonial { background:linear-gradient(135deg,#EEF4FF 0%,#F0F8FF 100%); border:1px solid rgba(0,97,255,0.15); border-radius:20px; }

    /* ── CTA section ── */
    .cta-section { background:linear-gradient(135deg,#0047C8 0%,#0061FF 50%,#38bdf8 100%); position:relative; overflow:hidden; }
    .cta-section::before { content:''; position:absolute; inset:0; background:url('image/footer.jpg') center/cover; opacity:.06; }

    /* ── Progress circle ── */
    #timerCircle { transition: stroke-dashoffset 1s linear; }

    /* Mobile menu */
    #mobileMenu { background:white; border-top:1px solid var(--border); }

    /* Radio custom */
    .radio-custom { width:20px; height:20px; border-radius:50%; border:2px solid #CBD5E1; transition:all .2s; display:flex; align-items:center; justify-content:center; }
    .radio-custom.checked { border-color:var(--azure); }
    .radio-dot { width:10px; height:10px; border-radius:50%; background:var(--azure); display:none; }
    .radio-custom.checked .radio-dot { display:block; }

    @media (max-width:640px) {
      .hero-circle-1, .hero-circle-2 { display:none; }
    }

    .logo1a{
      width: 185px;
    }

    @media only screen and (max-width: 768px) {
            .logo1a{
              width: 150px;
            }

           
        }