:root {
      
      --text: #0f172a;
      --muted: #5b6b83;
      --bg: #ffffff;
    }
    
     :root{
      --blue-start:#0283F7; /* requested */
      --blue-end:#002241;   /* requested */
      --card-bg: rgba(255,255,255,0.06);
      --card-border: rgba(255,255,255,0.18);
      --text:#F8FAFC;
      --muted:#D9E3F0;
      --white:#fff;
      --shadow: 0 10px 30px rgba(0,0,0,.25);
        --footer-mid:#0b2d6b;           /* footer gradient mid */
      --footer-end:#0a1b3c;   
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji','Segoe UI Emoji'; color: var(--text); background: #f7f8fb; }
    a { color: inherit; text-decoration: none; }
    
.logo-img {
  height: 90px;   /* Adjust size */
  width: 200px;
  padding: 0;
  margin: 0;
margin-left: -15vh;
margin-top: 5vh;
}


    /* ===== Top Contact Bar ===== */
    .topbar { background:  #0283F7; color: #fff; font-size: 14px; }
    .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
    .topbar .container { display: flex; align-items: center; justify-content: space-between; height: 42px; }
    .contact-left, .contact-right { display: flex; align-items: center; gap: 10px; }
    .contact-item { display: inline-flex; align-items: center; gap: 8px; }
    .contact-icon { width: 16px; height: 16px; display: inline-block; }

  
    /* ===== Hero with slider ===== */
    .hero { position: relative; height: 520px; overflow: hidden; }
    .slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0;  transition: opacity 1s ease-in-out; }
    .slide.active { opacity: 1; }
    /* Blue gradient overlay requested (#0283F7) */
    .hero::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(135deg, rgba(2,131,247,.86) 0%, rgba(2,131,247,.66) 40%, rgba(2,131,247,.45) 100%); mix-blend-mode: multiply; }

    .hero-inner { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; }
    .hero-copy { color: #fff; max-width: 820px; }
    .eyebrow { font-size: 14px; opacity: .95; margin-bottom: 8px; }
    .hero h1 { font-size: 40px; line-height: 1.15; font-weight: 800; margin-bottom: 14px; }
    .subtext { font-size: 14.5px; opacity: .95; max-width: 880px; }
    .cta { margin-top: 22px; display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; border-radius: 30px; border: 1.5px solid #fff; background: rgba(0,0,0,.45); color: #fff; font-weight: 700; letter-spacing: .2px; }
    .cta:hover { background: rgba(0,0,0,.6); }

    /* ===== Section: Elevating Aviation Excellence ===== */
    section.excellence { background: #fff; position: relative; }
    .excellence .container { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; padding: 48px 24px; }

    .section-title { font-size: 34px; font-weight: 800; letter-spacing: .2px; margin-bottom: 18px; position: relative; display: inline-block; }
    .section-title::after { content: ''; display: block; width: 72px; height: 4px; background: var(--brand); margin-top: 12px; border-radius: 999px; }

    .lead { color: black; font-size: 16px; line-height: 1.9; }
    .learn-btn { margin-top: 18px; padding: 11px 18px; background: #0283F7; color: #fff; border: 0; border-radius: 8px; font-weight: 700; box-shadow: 0 6px 18px rgba(2,131,247,.25); cursor: pointer; }
    .learn-btn:hover { filter: brightness(.95); }

    .img-card { position: relative; border-radius: 22px; overflow: hidden; background: #eef3fb; box-shadow: 0 10px 28px rgba(2, 25, 63, .1); }
    .img-card img { width: 100%; height: 100%; object-fit: cover; }

    /* ===== Responsive ===== */
    @media (max-width: 1024px) {
      .excellence .container { grid-template-columns: 1fr; }
    }
    @media (max-width: 800px) {
      .hero { height: 520px; }
      .hero h1 { font-size: 32px; }
      .nav ul { gap: 16px; }
    }
    @media (max-width: 640px) {
      .topbar .container { padding: 0 14px; }
      .nav { height: 66px; }
      .brand .name { font-size: 18px; }
      .nav ul { display: none; } /* keeping it simple per request; can add hamburger if wanted */
      .hero h1 { font-size: 28px; }
      .hero { height: 500px; }
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:#ffffff;color:#0b1b2b}

    /* ---------- WHY CHOOSE US HERO ---------- */
    .why-choose{
      background: linear-gradient(90deg, var(--blue-start) 0%, var(--blue-end) 100%);
      color: var(--text);
      position: relative;
      overflow: hidden;
    }
    .why-choose .container{
      width: min(1200px, 92vw);
      margin: 0 auto;
      padding: 48px 0 42px;
      display: grid;
      grid-template-columns: 1.05fr 1fr;
      gap: 22px 30px;
      align-items: stretch;
    }

    /* left column */
    .wcus-intro h2{
      font-size: clamp(26px, 3.2vw, 34px);
      font-weight: 800;
      margin: 0 0 16px;
      letter-spacing:.2px;
    }
    .wcus-intro p{
      line-height: 1.7;
      font-size: clamp(14px, 1.6vw, 16px);
      color: var(--muted);
      margin: 0 0 22px;
    }
    .cta-btn{
      display:inline-flex;align-items:center;justify-content:center;
      background: radial-gradient(100% 100% at 50% 0%, rgba(255,255,255,.15) 0%, rgba(255,255,255,.05) 60%),
                  linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.05));
      color:#fff;border:1px solid rgba(255,255,255,.35);
      padding: 14px 22px;border-radius:14px;
      font-weight:700;letter-spacing:.2px;box-shadow: var(--shadow);
      backdrop-filter: blur(3px);
      transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
    }
    .cta-btn:hover{ transform: translateY(-1px); box-shadow: 0 12px 26px rgba(0,0,0,.35); }

    /* right column cards */
    .wcus-cards{
      display:grid;gap:18px;grid-template-columns: repeat(2, 1fr);
    }
    .wcus-card{
      background: var(--card-bg);
      border:1px solid var(--card-border);
      border-radius:14px; padding:18px 16px 16px; box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
      display:flex; flex-direction:column; gap:8px; min-height:134px;
    }.wcus-card .icon {
      display: none;
  width: 28px;
  height: 28px;
  margin-bottom: 6px;
  display: block;
  margin: 0 auto;
}
    .wcus-card h3{ font-size:14.5px; margin:0 0 6px; font-weight:800; color:#fff; text-align: center; }
    .wcus-card p{ margin:0; font-size:12.75px; line-height:1.55; color:var(--muted); }

    /* Subtle decorative glow */
    .why-choose::after{
      content:""; position:absolute; inset:auto -10% -30% -10%; height:260px; background:radial-gradient(50% 60% at 50% 50%, rgba(255,255,255,.08), transparent 70%);
      pointer-events:none;
    }

    /* ---------- STATS STRIP ---------- */
    .stats-wrapper{
      position:relative;
      background: transparent;
      border-top: 1px solid transparent;
      padding: 32px 0 38px;
      margin-top: 90px;
    }
    .stats{
      width:min(1100px,92vw); margin:0 auto; display:flex; align-items:center; justify-content:center; gap:28px;
      color:#0c2238;
    }

    .stat{
      display:flex; flex-direction:column; align-items:center; text-align:center; min-width:180px;
    }
    .stat .value{ font-size: clamp(34px, 5.6vw, 44px); font-weight: 800; line-height: 1; letter-spacing:.5px; }
    .stat .label{ margin-top:8px; font-size:13px; color:#5a6b7d; }

    .plus-sep{ font-size: clamp(28px, 5vw, 42px); font-weight:800; opacity:.35; user-select:none; }

    /* dot grids */
    .dot-grid{ position:absolute; display:grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; gap:10px; width:120px; height:72px; }
    .dot-grid .dot{ width:16px; height:16px; border-radius:50%; background:#014D91; opacity:.9; }
    .dot-grid.left{ left:16px; top:50%; transform: translateY(-50%); }
    .dot-grid.right{ right:16px; top:50%; transform: translateY(-50%); }

    /* Responsive tweaks */
    @media (max-width: 980px){
      .why-choose .container{ grid-template-columns: 1fr; gap: 26px; }
      .wcus-cards{ grid-template-columns: 1fr 1fr; }
      .stats{ flex-wrap:wrap; row-gap:24px; }
      .plus-sep{ display:none; }
      .dot-grid.left{ left:8px; }
      .dot-grid.right{ right:8px; }
    }
    @media (max-width: 560px){
      .wcus-cards{ grid-template-columns: 1fr; }
      .stat{ min-width: 140px; }
      .dot-grid{ width:96px; height:64px; gap:10px; }
      .dot-grid .dot{ width:14px; height:14px; }
    }
    
      *{box-sizing:border-box}
    body{margin:0; font-family:Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; color:#0b1b35; background: linear-gradient(180deg,#eef4f9 0%, #e3edf6 100%);}  
    a{color:var(--ink-dim); text-decoration:none}
    a:hover{text-decoration:underline}

    /* ============ TOP CARDS ============ */
    .section-shell{max-width:1200px; padding:40px 20px 0; margin-inline:auto;}
    .cta-cards{display:grid; grid-template-columns:1fr 1fr; gap:36px; margin-bottom:40px;}

    .cta-card{position:relative; background:#336ba4; color:#fff; border-radius:28px; padding:30px 36px 16px; box-shadow:var(--shadow); overflow:hidden; border:1px solid rgba(255,255,255,.18);}  
    .cta-card:before{ /* soft highlight */
      content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
      background: radial-gradient(120% 120% at 0% 0%, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 55%);
    }
   
    /* place icon ABOVE the heading, centered */
    .cta-card .icon{
      
      width:84px; height:84px; margin:0 auto 14px; display:grid; place-items:center; border-radius:18px;
      background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
      backdrop-filter: blur(2px); border:1px solid rgba(255,255,255,.09);
      transition:transform .28s cubic-bezier(.2,.9,.3,1), box-shadow .28s ease;
      color: white;
    }
    .cta-card:hover .icon{transform:translateY(-4px) scale(1.03); box-shadow:0 10px 24px rgba(0,0,0,.18)}
    .cta-card .icon i{
      font-size: 28px;}
    .cta-card h3{margin:0; font-weight:800; font-size:28px; letter-spacing:.2px; text-align: center;}

    .cta-card hr{height:1px; border:0; background:linear-gradient(90deg, rgba(255,255,255,.75), rgba(255,255,255,.45)); margin:18px -36px 0;}

    .cta-card .cta-row{display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:800; padding:18px 0 6px;}
    .cta-card .cta-row i{margin-left:10px}

    .cta-card:hover{transform:translateY(-2px); box-shadow:0 18px 38px rgba(0,0,0,.32), 0 8px 16px rgba(0,0,0,.18);}  

    /* ============ FOOTER ============ */
    footer.site-footer{position:relative; color:#E6EFFA; background: radial-gradient(120% 100% at 70% 0%, #0a4b8f 0%, var(--footer-mid) 42%, var(--footer-end) 100%); padding:56px 20px 22px; overflow:hidden;}
    footer.site-footer:before{ /* bright lip at the top edge */
      content:""; position:absolute; top:-30px; left:0; right:0; height:60px; 
      background: radial-gradient(55% 85% at 50% 0%, rgba(255,255,255,.75) 0, rgba(255,255,255,0) 70%);
      filter: blur(18px);
    }
    .footer-inner{max-width:1200px; margin-inline:auto;}

    .brand1-row{display:flex; align-items:center; gap:16px; margin-bottom:22px;}
    .brand1-logo{display:grid; place-items:center; width:56px; height:56px;}
    .brand1-name{color:#fff; font-size:28px; font-weight:800; letter-spacing:.8px;}

    /* simple triple-stripe S logo to match the feel */
    .brand1-logo img {
        width: 250px;
        height: 150px;
        margin-left: -15vh;
        margin-top: -4vh;
      
        padding: 0;
    }

    .top-row{display:flex; gap:40px; align-items:flex-start; justify-content:space-between; margin-bottom:22px;}

    .signup{max-width:520px}
    .signup h4{margin:0 0 8px; color:#fff; font-weight:700; font-size:18px}
    .signup p{margin:0 0 18px; font-size:14px; line-height:1.55; opacity:.95}
    .signup .form{display:flex; gap:12px}
    .signup input{flex:1; min-width:240px; background:#edf2fa; border:1px solid rgba(0,0,0,.06); border-radius:24px; padding:12px 16px; font-size:14px; color:#0a1b3c; outline:none}
    .signup input::placeholder{color:#6c7a96}
    .signup button{border:0; padding:12px 20px; border-radius:24px; font-weight:700; font-size:14px; color:#fff; cursor:pointer; box-shadow: 0 8px 18px rgba(83,56,238,.35);}  
    .signup button{background: linear-gradient(135deg,#5b2ff2 0%, #6c46ff 100%);} /* violet pill */
    .signup button:active{transform:translateY(1px)}

    .links-row{display:grid; grid-template-columns: 1fr 1fr 1.8fr; gap:40px; margin-top:24px}

    .footer-col h5{margin:0 0 12px; color:#fff; font-weight:700; font-size:18px}
    .footer-col ul{list-style:none; padding:0; margin:0}
    .footer-col li{margin:8px 0; font-size:14px}

    .contact p{margin:6px 0; font-size:14px; line-height:1.55}

    .copyright{margin-top:26px; padding-top:16px; font-size:12px; border-top:1px solid rgba(255,255,255,.18); opacity:.9}

    /* ============ RESPONSIVE ============ */
    @media (max-width: 980px){
      .cta-cards{grid-template-columns:1fr}
      .top-row{flex-direction:column; gap:16px}
      .brand-row{margin-bottom:8px}
      .links-row{grid-template-columns:1fr; gap:24px}
      .signup .form{flex-wrap:wrap}
      .signup input{min-width:unset; width:100%}
      .signup button{width:max-content}
    }
    a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: inherit; /* optional – makes links match text color */
}
a,
a:link,
a:visited {
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: none;  /* remove underline */

}