/* -------------- Base adjustments -------------- */ 
:root{ 
    --navy:#002F6C; 
    --accent:#C41230; 
    --muted:#f4f6fb; 
    --glass: rgba(255,255,255,0.06); 
    --card-shadow: 0 10px 28px rgba(2,20,55,0.08); 
    --radius:14px; 
    --max-width:1200px; 
} 

*{box-sizing:border-box} 
a{color:inherit} 
.container{width:90%;max-width:var(--max-width);margin:0 auto} 

/* ================= PREMIUM AVIATION HERO ================= */ 
.vata-hero{ 
    position:relative; 
    height:90vh; 
    overflow:hidden; 
    display:flex; 
    align-items:center; 
    background:#0b2545; 
} 

.hero-video{ 
    position:absolute; 
    inset:0; 
    width:100%; 
    height:100%; 
    object-fit:cover; 
    z-index:0; 
    opacity: 0;
    transition: opacity 0.8s ease;
} 

.hero-video.is-playing {
  opacity: 1;
}

.hero-overlay{ 
    inset:0; 
    background:rgba(11,37,69,.55); 
    z-index:1; 
} 

.hero-inner{ 
    position:relative; 
    z-index:2; 
    width:90%; 
    max-width:1200px; 
    margin:auto; 
} 

/* TEXT */ 
.hero-text-block{ 
    color:#fff; 
} 

.vata-logo{ 
    width:190px; 
    margin-bottom:26px; 
} 

.hero-title{ 
    font-size:52px; 
    font-weight:900; 
    line-height:1.05; 
    letter-spacing:-0.5px; 
} 

.hero-title span{ 
    color:#C41230; 
} 

.hero-subtitle{ 
    font-size:19px; 
    color:#d8e2ff; 
    max-width:520px; 
    margin:18px 0 26px; 
    line-height:1.6; 
} 

.hero-points li{ 
    font-size:15.5px; 
    margin:12px 0; 
    color:#eef3ff; 
} 

.hero-points i{ 
    color:#C41230; 
    margin-right:10px; 
} 

/* CTA GROUP */ 
.hero-cta-group{ 
    margin-top:34px; 
    display:flex; 
    align-items:center; 
    gap:26px; 
} 

.hero-btn{ 
    padding:16px 42px; 
    border-radius:10px; 
    font-weight:800; 
    background:linear-gradient(135deg,#C41230,#8e0f24); 
    box-shadow:0 18px 40px rgba(0,0,0,.45); 
    transition:all .25s ease; 
} 

.hero-btn:hover{ 
    transform:translateY(-3px); 
    box-shadow:0 26px 55px rgba(0,0,0,.6); 
} 

.hero-link{ 
    color:#d8e2ff; 
    font-weight:600; 
    text-decoration:none; 
    opacity:.85; 
} 

.hero-link:hover{ 
    opacity:1; 
} 

/* IMAGE */ 
.hero-image-block{ 
    height:520px; 
    border-radius:18px; 
    background:url("assets/images/vata-runway.jpg") center/cover no-repeat; 
    position:relative; 
    box-shadow: 
        0 45px 90px rgba(0,0,0,.55), 
        inset 0 0 0 1px rgba(255,255,255,.12); 
} 

.hero-image-block::after{ 
    content:""; 
    position:absolute; 
    inset:0; 
    background:linear-gradient(to left, rgba(6,26,54,.65), transparent 60%); 
} 

.hero-media{ 
    height:520px; 
    border-radius:14px; 
    overflow:hidden; 
    box-shadow:0 40px 80px rgba(0,0,0,.55); 
    position:relative; 
} 

.hero-media video{ 
    width:100%; 
    height:100%; 
    object-fit:cover; 
} 

.hero-media::after{ 
    content:""; 
    position:absolute; 
    inset:0; 
    background:linear-gradient( 
        to left, 
        rgba(6,28,58,.75), 
        rgba(6,28,58,.35), 
        transparent 65% ); 
} 

/* MOBILE → IMAGE ONLY */ 
@media(max-width:900px){ 
    .hero-media video{display:none;} 
    .hero-media{ 
        background:url("assets/images/vata-runway.jpg") center/cover no-repeat; 
        height:320px; 
    } 
} 

/* MOBILE */ 
@media(max-width:900px){ 
    .hero-inner{ 
        grid-template-columns:1fr; 
        text-align:center; 
        gap:40px; 
    } 
    .hero-title{font-size:36px} 
    
    .hero-cta-group{ 
        justify-content:center; 
        flex-wrap:wrap; 
    } 
    
    .hero-image-block{ 
        height:340px; 
    } 
} 

/* ===== AVIATION EXCELLENCE SECTION ===== */ 
.excellence{
    display: flex;
    gap: 42px;
    align-items: flex-start;
}

.excellence img{
    height: 404px;
    border-radius: 18px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18);
    transition: transform 0.4s ease;
    margin-top: -112px;
}

.aviation-excellence {
  background:
    radial-gradient(1200px 500px at bottom, rgba(120,140,180,.12), transparent),
    linear-gradient(180deg, var(--navy-deep), var(--navy-soft));
  padding: 100px 0;
  color: var(--text-main);
}

/* GRID */ 
.excellence-grid { 
    display: grid; 
    grid-template-columns: 1fr; 
    gap: 15px; 
} 

/* LEFT COLUMN */ 
.excellence-left { 
    position: relative; 
    padding-left: 36px; 
} 

.excellence-left::after {
  content: "";
  position: absolute;
  left: -17px;
  top: 15px;
  height: 375px;
  border-left: 2px dashed var(--line-neutral);
  animation: growLine 1.2s ease forwards;
}

/* pill */ 
.excellence-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 22px;
  font-size: 13px;
  border-radius: 999px;

  border: 1px dashed rgba(180,200,255,.45);
  color: var(--steel);

  background: linear-gradient(
    180deg,
    rgba(255,255,255,.06),
    rgba(255,255,255,.02)
  );

  backdrop-filter: blur(6px);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 6px 18px rgba(0,0,0,.25);

  letter-spacing: .5px;
}

/* heading */ 
.excellence-left h2 { 
    font-size: 39px; 
    font-weight: 800; 
    line-height: 1.05; 
    margin-bottom: 22px; 
    text-shadow: 0 10px 40px rgba(0,0,0,.35);
    position: relative;
    padding-bottom: 18px;
} 

.excellence-left h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90px;
  height: 3px;
  background: linear-gradient(90deg, var(--steel), transparent);
  border-radius: 2px;
}

.excellence-left h2 span {
  color: var(--steel);
}

.excellence-left p {
  font-size: 21px;
  line-height: 1.75;
  color: var(--text-muted);
  max-width: 80%;
  margin-top: 32px;
}

.excellence-left p::after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, var(--steel), transparent);
  margin-top: 26px;
}

/* RIGHT COLUMN */ 
.excellence-right { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 50px; 
    margin-top: 10px; 
} 

.excellence-right::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -80px;
  width: 140%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.12),
    transparent
  );
  pointer-events: none;
}

/* cards */ 
.excellence-card { 
    position: relative; 
    padding-left: 36px; 
} 

.excellence-card:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.025);
}

.excellence-card::before {
  content: "";
  position: absolute;
  left: -36px;
  top: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--steel-faint);
  border: 1px solid var(--steel-soft);
}


.excellence-card h4 {
  font-size: 21px;
  font-weight: 700;
  color: var(--steel);
  margin-bottom: 10px;
}

.excellence-card p {
  font-size: 15px;
  line-height: 1.65;
  color: var(--text-muted);
  max-width: 90%;
}

/* ICON BADGE */
.excellence-card .feature-icon {
  position: absolute;
  top: 28px;
  left: -18px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffffff, #dbe6ff);
  display: grid;
  place-items: center;
  color: #002f6c;
  font-size: 20px;
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}

/* Different icons per card */
.excellence-card:nth-child(1) .feature-icon::before { content: "✈︎"; }
.excellence-card:nth-child(2) .feature-icon::before { content: "⚙︎"; }
.excellence-card:nth-child(3) .feature-icon::before { content: "★"; }
 

/* ===== REVEAL ANIMATION ===== */ 
.aviation-excellence.reveal { 
    opacity: 0; 
    transform: translateY(50px); 
    transition: opacity 1s ease, transform 1s ease; 
} 

.aviation-excellence.reveal.visible { 
    opacity: 1; 
    transform: translateY(0); 
} 

/* ===== RESPONSIVE ===== */ 
@media (max-width: 900px) { 
    .excellence-grid { 
        grid-template-columns: 1fr; 
        gap: 50px; 
    } 
    
    .excellence-left { 
        padding-left: 0; 
    } 
    
    .excellence-left::before { 
        display: none; 
    } 
    
    .excellence-left h2 { 
        font-size: 36px; 
    } 
    
    .excellence-right { 
        padding-top: 0; 
    } 
    
    .excellence-card { 
        padding-left: 48px; 
    } 
} 

@keyframes pulse { 
    0%, 100% { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45); } 
    50% { box-shadow: 0 25px 50px rgba(196, 18, 48, 0.3); } 
} 

@keyframes shine { 
    to { transform: translateX(120%); } 
} 

/* PARALLAX SCROLL EFFECT */ 
@media (prefers-reduced-motion: no-preference) { 
    .vata-hero { 
        transform-style: preserve-3d; 
    } 
    
    .hero-video, .hero-overlay { 
        transform: translateZ(-1px) scale(1.1); /* Subtle parallax */ 
    } 
} 

/* MOBILE */ 
@media (max-width: 900px) { 
    .hero-video { 
        display: none; 
    } 
    .vata-hero { 
        background: url("assets/images/vata-runway.jpg") center/cover no-repeat; 
        animation: mobileBreathe 6s ease-in-out infinite; 
    } 
    .hero-title { 
        font-size: 36px; 
    } 
    .hero-text-block { 
        max-width: 100%; 
        padding: 0 15px; 
    } 
    .vata-logo { 
        width: 150px;
    } 
    
    .hero-btn { 
        padding: 16px 40px; 
        font-size: 14px; 
    } 
} 

@keyframes mobileBreathe { 
    0%, 100% { background-size: 100%; } 
    50% { background-size: 105%; } 
} 

@keyframes heroFade { 
    to { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    } 
} 

/* ACCESSIBILITY: Reduce motion for users who prefer it */ 
@media (prefers-reduced-motion: reduce) { 
    .hero-overlay, .hero-btn, .subtitle-icon, .vata-logo { 
        animation: none; 
    } 
    
    .hero-text-block { 
        animation: none; 
        opacity: 1; 
        transform: none; 
    } 
}



/* ===== AVIATION EXCELLENCE – DESIGN UPGRADE ===== */

.aviation-excellence {
  position: relative;
  overflow: hidden;
}

/* Soft aviation glow */
.aviation-excellence::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(600px 300px at 10% 20%, rgba(120,160,220,.12), transparent),
    radial-gradient(500px 300px at 90% 80%, rgba(196,18,48,.08), transparent);
  pointer-events: none;
}

/* LEFT COLUMN POLISH */
.excellence-left {
  background: rgba(255,255,255,0.02);
  backdrop-filter: blur(6px);
  border-radius: 18px;
  padding: 40px 40px 40px 46px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
}

/* Animated dashed line */
.excellence-left::after {
  height: 0;
  transition: height 1.2s ease;
}

/* LEFT – delayed directional reveal */
.aviation-excellence .excellence-left {
  opacity: 0;
  transform: translateX(-60px);
  transition: opacity .9s ease, transform .9s ease;
}

.aviation-excellence.visible .excellence-left {
  opacity: 1;
  transform: translateX(0);
}


.aviation-excellence.visible .excellence-left::after {
  height: 380px;
}

/* ===== RIGHT CARDS ===== */

.excellence-right {
  position: relative;
}

.excellence-card {
  padding: 34px 34px 34px 48px;
  border-radius: 18px;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.04),
    rgba(255,255,255,0.015)
  );
  backdrop-filter: blur(8px);
  box-shadow:
    0 25px 60px rgba(0,0,0,.18),
    inset 0 0 0 1px rgba(255,255,255,.06);
  transition: transform .5s ease, box-shadow .5s ease;
}

/* Hover lift */
.excellence-card:hover {
  transform: translateY(-12px);
  box-shadow:
    0 35px 80px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(255,255,255,.12);
}

.excellence-card:hover h4 {
  letter-spacing: .4px;
  transition: letter-spacing .4s ease;
}

.excellence-card:hover .feature-icon {
  transform: scale(1.12) rotate(6deg);
  transition: transform .4s ease;
}

/* Pulse dot polish */
.excellence-card::before {
  background: radial-gradient(circle, #fff, var(--steel-faint));
}

.excellence-left .excellence-pill,
.excellence-left h2,
.excellence-left p {
  opacity: 0;
  transform: translateY(20px);
  transition: all .6s ease;
}

.aviation-excellence.visible .excellence-pill {
  transition-delay: .15s;
  opacity: 1;
  transform: none;
}

.aviation-excellence.visible .excellence-left h2 {
  transition-delay: .3s;
  opacity: 1;
  transform: none;
}

.aviation-excellence.visible .excellence-left p {
  transition-delay: .45s;
  opacity: 1;
  transform: none;
}

/* ===== STAGGER ANIMATION ===== */

.reveal-stagger > * { 
    opacity: 0; 
    transform: translateY(40px); 
    transition: all .8s ease; 
} 

.reveal-stagger.visible > * { 
    opacity: 1; 
    transform: translateY(0); 
}

.reveal-stagger.visible > *:nth-child(1) { transition-delay: .1s }
.reveal-stagger.visible > *:nth-child(2) { transition-delay: .25s }
.reveal-stagger.visible > *:nth-child(3) { transition-delay: .4s }

/* ===== MOBILE REFINEMENT ===== */
@media (max-width: 900px) {
  .excellence-left {
    padding: 32px 26px;
  }

  .excellence-left::after {
    display: none;
  }

  .excellence-right {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

@media (max-width: 900px) {
  .excellence-left h2 {
    font-size: 32px;
    line-height: 1.15;
  }

  .excellence-left p {
    max-width: 100%;
    font-size: 15px;
  }

  .excellence-card {
    padding-left: 56px;
  }

  .feature-icon {
    left: 12px;
  }
}



/* =============== STATS =============== */ 
.stats-section{
    padding:42px 0;
    background:var(--muted)
} 

.stats-grid{
    display:flex;
    gap:18px;
    justify-content:center;
    align-items:stretch;
    flex-wrap:wrap
} 

.stat-box{
    flex:1 1 210px;
    background:white;
    border-radius:12px;
    padding:24px;
    text-align:center;
    box-shadow:var(--card-shadow);
    min-width:180px
} 

.stat-box h3{
    font-size:30px;
    color:var(--navy);
    margin:0;
    font-weight:800
} 

.stat-box p{
    margin:6px 0 0;
    color:#555
} 

/* =============== COURSES =============== */ 
.courses-section{
    padding:60px 0;
    background:#fff
} 

/* ===== COURSES GRID ===== */ 
.course-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 
    gap: 24px; 
} 

/* ===== COURSE CARD ===== */ 
.course-card { 
    background: #ffffff; 
    border-radius: 16px; 
    padding: 28px; 
    position: relative; 
    overflow: hidden; 
    transition: transform 0.4s ease, box-shadow 0.4s ease; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.08); 
} 

/* Accent top line */ 
.course-card::before { 
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 4px; 
    width: 0; 
    background: linear-gradient(90deg, #002F6C, #C41230); 
    transition: width 0.4s ease; 
} 

/* ===== HOVER EFFECT ===== */ 
.course-card:hover { 
    transform: translateY(-10px); 
    box-shadow: 0 25px 60px rgba(0,0,0,0.15); 
} 

.course-card:hover::before { 
    width: 100%; 
} 

/* ===== TEXT ===== */ 
.course-card h4 { 
    font-size: 18px; 
    font-weight: 600; 
    margin-bottom: 12px; 
    transition: color 0.3s ease;
} 

.course-card p { 
    font-size: 14.5px; 
    color: #555; 
    line-height: 1.6; 
} 

/* Change heading color on hover */ 
.course-card:hover h4 { 
    color: #002F6C; 
} 

/* ===== CTA ===== */ 
.course-cta { 
    display: inline-block; 
    margin-top: 16px; 
    font-weight: 600; 
    color: #002F6C; 
    position: relative; 
    transition: color 0.3s ease; 
} 

.course-cta::after { 
    content: "→"; 
    margin-left: 6px; 
    opacity: 0; 
    transform: translateX(-5px); 
    transition: all 0.3s ease; 
} 

.course-card:hover .course-cta { 
    color: #C41230; 
} 

.course-card:hover .course-cta::after { 
    opacity: 1; 
    transform: translateX(0); 
} 

/* =============== FLEET (carousel) =============== */ 
.fleet-section{
    padding:50px 0;
    background:var(--muted)
} 
.fleet-wrap{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px
} 

.fleet-carousel{
    display:flex;
    gap:16px;
    overflow:hidden;
    scroll-behavior:smooth;
    padding:6px 4px
} 

.fleet-card{
    min-width:300px;
    background:#fff;
    border-radius:12px;
    padding:14px;
    box-shadow:var(--card-shadow);
    flex:0 0 auto
} 

.fleet-card img{
    width:100%;
    height:180px;
    border-radius:8px
} 

.fleet-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    display:flex;
    justify-content:space-between;
    pointer-events:none
} 

.fleet-btn{
    pointer-events:auto;
    background:rgba(255,255,255,0.92);
    padding:10px;
    border-radius:10px;
    border:none;
    cursor:pointer;
    box-shadow:0 6px 18px rgba(0,0,0,.12)
} 

/* ======== Hover Flip Animation for Fleet Cards ======== */ 
.flip-card { 
    perspective: 1200px; 
    border-radius: 12px; 
    overflow: visible; 
    background: none !important; 
    padding: 0 !important;
    transition: transform 0.3s ease;
} 

.flip-card:hover {
    transform: scale(1.02);
}

.flip-inner { 
    position: 
    relative; 
    width: 300px; 
    height: 360px; 
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1); 
    transform-style: preserve-3d; 
    border-radius: 14px;
} 

.flip-card:hover .flip-inner { 
    transform: rotateY(180deg); 
} 


/* Both sides */ 
.flip-front, .flip-back { 
    position: absolute; 
    inset: 0; 
    background: #fff; 
    border-radius: 14px; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.15); 
    backface-visibility: hidden; 
    text-align: center; 
    padding: 14px;
    transition: box-shadow 0.3s ease;
} 

.flip-card:hover .flip-front,
.flip-card:hover .flip-back {
    box-shadow: 0 25px 60px rgba(0,0,0,0.25);
}

.flip-front img, .flip-back img { 
    width: 100%; 
    height: 190px; 
    object-fit: cover; 
    border-radius: 10px;
    transition: transform 0.3s ease;
} 

.flip-card:hover .flip-front img {
    transform: scale(1.05);
}

.flip-front h4, .flip-back h4 { 
    margin: 12px 0 6px; 
    color: var(--navy); 
    font-size: 18px; 
    font-weight: 700;
    transition: color 0.3s ease;
} 

.flip-front p, .flip-back p { 
    color: #555; 
    font-size: 14px; 
    padding: 0 10px;
    transition: color 0.3s ease;
} 

/* BACK SIDE ROTATION */ 
.flip-back { 
    transform: rotateY(180deg);
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}

/* Shine effect during flip */
.flip-inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    transition: left 0.8s ease;
    pointer-events: none;
    z-index: 10;
}

.flip-card:hover .flip-inner::after {
    left: 100%;
} 

/* =============== ACCREDITATIONS =============== */ 
.acc-section{
    padding:28px 0;
    background:#fff;
    text-align:center
} 

.acc-logos{
    display:flex;
    gap:18px;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap
} 

.acc-logos img{
    height:80px;
    opacity:.95;
    margin:8px
} 

/* =============== TESTIMONIALS =============== */ 
.testi-section{
    padding:64px 0;
    background:linear-gradient(180deg,#fff,#f7fbff);
    position: relative;
} 

.testi-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:24px;
} 

.testi-card{
    background:#fff;
    padding:26px;
    border-radius:16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: 1px solid rgba(0,47,108,0.05);
    overflow: hidden;
}

.testi-card::before {
    content: '"';
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 80px;
    color: rgba(196,18,48,0.08);
    font-family: Georgia, serif;
    line-height: 1;
}

.testi-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
    border-color: rgba(0,47,108,0.1);
}

.testi-card p{
    color:#444;
    font-size:15px;
    line-height:1.7;
    position: relative;
    z-index: 1;
    font-style: italic;
} 

.testi-meta{
    display:flex;
    gap:12px;
    align-items:center;
    margin-top:18px;
    position: relative;
    z-index: 1;
} 

.testi-meta img{
    width:56px;
    height:56px;
    border-radius:50%;
    object-fit:cover;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
    border: 3px solid #fff;
    transition: transform 0.3s ease;
}

.testi-card:hover .testi-meta img {
    transform: scale(1.1);
} 

/* =============== GALLERY =============== */ 
.gallery-section{
    padding:50px 0;
    background:#fff
} 

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:12px
} 

.gallery-grid img{
    width:100%;
    height:150px;
    border-radius:10px;
    box-shadow:var(--card-shadow)
} 

/* =============== INSTRUCTORS =============== */ 
.instructors-section{
    padding:56px 0;
    background:var(--muted)
} 

.instructor-grid{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    justify-content:center
} 

.instructor-card{
    width:260px;
    background:#fff;
    border-radius:12px;
    padding:16px;
    text-align:center;
    box-shadow:var(--card-shadow)
} 

.instructor-card img{
    width:110px;
    height:110px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:10px
} 

/* =============== VIDEO & CTA =============== */ 
.video-section{
    padding:50px 0;
    background:linear-gradient(180deg,#001f47,#062c56);
    color:#fff;
    text-align:center
} 

.video-wrap{
    max-width:1000px;
    margin:0 auto;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(1,10,30,.5);
    background:#000
} 

.video-wrap iframe{
    width:100%;
    height:520px;
    border:0;
    display:block
} 

.cta-banner{
    padding:36px 18px;
    background:linear-gradient(90deg,var(--accent),var(--navy));
    color:#fff;
    border-radius:12px;
    margin:28px 0;
    display:flex;
    gap:18px;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap
} 

.cta-banner h3{
    margin:0;
    font-size:22px
} 

.cta-banner a{
    background:#fff;
    color:var(--navy);
    padding:12px 18px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700
} 

/* =============== CONTACT =============== */ 
.contact-section{
    padding:46px 0;
    background:#fff
} 

.contact-grid{
    display:grid;
    grid-template-columns:1fr 380px;
    gap:20px
} 

.contact-card{
    background:#fff;
    border-radius:12px;
    padding:18px;
    box-shadow:var(--card-shadow)
} 

.map-iframe{
    width:100%;
    height:360px;
    border-radius:12px;
    border:0;
    overflow:hidden
} 

/* =============== Footer spacing =============== */ 
.spacer{height:40px} 

/* =============== Animations =============== */ 
@keyframes floatPlane {0%{transform:translateY(0)}50%{transform:translateY(-14px)}100%{transform:translateY(0)}} @keyframes fadeLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}} .reveal{opacity:0;transform:translateY(30px);transition:all .7s ease-out} .reveal.visible{opacity:1;transform:none}


.daa-section { 
    padding: 80px 0; 
    background: #fff; 
} 

.daa-container { 
    max-width: 1200px; 
    margin: auto; 
    padding: 0 20px; 
    display: flex; 
    gap: 60px; 
    align-items: flex-start; 
} 

.daa-left { 
    flex: 1.1; 
    margin: 0; /* 🔥 remove hard margin */ 
} 

.daa-left h2 { 
    font-size: 32px; 
    margin-bottom: 18px; 
    color: #002859; 
} 

.daa-left p { 
    color: #555; 
    font-size: 14px; 
    line-height: 1.7; 
    margin-bottom: 30px; 
} 

.daa-points { 
    list-style: none; 
    padding: 0; 
    margin-right: 40px 
} 

.daa-points li { 
    display: flex; 
    align-items: flex-start; 
    gap: 16px; 
    margin-bottom: 26px; 
} 

.daa-points .icon { 
    background: #002859; 
    width: 56px; 
    height: 50px; 
    border-radius: 50%; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
} 

.daa-points .icon img { 
    width: 22px; 
    filter: invert(1); 
} 

.daa-points h4 { 
    margin: 0; 
    font-size: 18px; 
    font-weight: 700; 
    color: #002859; 
} 

.daa-points p { 
    margin: 5px 0 0; 
    color: #555; 
    font-size: 15px; 
} 

.daa-right { flex: 1; } 
.daa-right img { 
    width: 133%; 
    border-radius: 22px; 
    height: 868px; 
    margin-top: 40px; 
} 

/* ===== Scroll Animation Base ===== */ 
.daa-left, .daa-right { 
    opacity: 0; 
    transform: translateX(0); 
    transition: all 0.9s ease; 
} 

/* Left comes from left */ 
.daa-left { 
    transform: translateX(-80px); 
} 

/* Right comes from right */ 
.daa-right { 
    transform: translateX(80px); 
} 

/* Active state */ 
.daa-section.show .daa-left, .daa-section.show .daa-right { 
    opacity: 1; 
    transform: translateX(0); 
} 

/* ================= FAQ ================= */ 
.faq-section { 
    background: linear-gradient(180deg, #001f47, #062c56); 
    padding: 80px 0; 
    color: #fff; 
} 

.faq-wrapper { 
    display: grid; 
    grid-template-columns: 1fr 1.2fr; 
    gap: 60px; 
} 

/* LEFT */ 
.faq-left {
  position: relative;
  z-index: 2;
}

.faq-left h2 { 
    font-size: 32px; 
    margin-bottom: 30px; 
    font-weight: 700; 
} 

.faq-item { 
    border-bottom: 1px solid rgba(255,255,255,0.15); 
} 

.faq-question { 
    width: 100%; 
    background: none; 
    border: none; 
    color: #fff; 
    padding: 20px 0; 
    font-size: 16px; 
    font-weight: 500; 
    text-align: left; 
    cursor: pointer; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
} 

.faq-question .icon { 
    transition: transform .3s ease; 
} 

.faq-item.active .icon { 
    transform: rotate(180deg); 
} 

/* RIGHT */ 
.faq-right { 
    border-left: 1px solid rgba(255,255,255,0.15); 
    padding-left: 40px; 
    position: right;
    z-index: 1;
} 

.faq-answer { 
    display: none; 
    animation: fadeIn .4s ease; 
} 

.faq-answer.active { 
    display: block; 
} 

.faq-answer p { 
    color: #ddd; 
    line-height: 1.7; 
} 

.faq-answer ul { 
    margin-top: 16px; 
    padding-left: 18px; 
} 

.faq-answer li { 
    margin-bottom: 10px; 
    color: #ccc; 
} 

.courses-section { 
    padding: 70px 0; 
    background: #fff; 
} 

.courses-section h2 { 
    text-align: center; 
    font-size: 32px; 
    margin-bottom: 40px; 
    font-weight: 700; 
} 

/* GRID */ 
.courses-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 
    gap: 24px; 
} 

/* CARD */ 
.courses-card { 
    position: relative; 
    height: 420px; 
    border-radius: 24px; 
    overflow: hidden; 
    cursor: pointer; 
    box-shadow: 0 20px 50px rgba(0,0,0,0.15); 
    transition: transform 0.4s ease; 
} 

.courses-card:hover { 
    transform: translateY(-10px); 
} 


.courses-card img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    filter: grayscale(100%); 
    transition: filter 0.4s ease, transform 0.4s ease; 
} 

.courses-card:hover img { 
    filter: grayscale(0%); 
    transform: scale(1.05); 
} 

/* DARK GRADIENT OVERLAY */ 
.courses-card::after { 
    content: ""; 
    position: absolute; 
    inset: 0; 
    background: linear-gradient( to top, rgba(0,0,0,0.85), rgba(0,0,0,0.2), rgba(0,0,0,0) ); 
} 

/* TEXT + ICON */ 
.courses-overlay { 
    position: absolute; 
    bottom: 22px; 
    left: 22px; 
    right: 22px; 
    z-index: 2; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    color: #fff; 
} 

.courses-overlay h4 { 
    font-size: 20px; 
    font-weight: 700; 
    margin: 0; 
    max-width: 75%; 
} 

/* CIRCLE ARROW */ 
.courses-overlay .arrow { 
    width: 44px; 
    height: 44px; 
    border-radius: 50%; 
    border: 1.5px solid rgba(255,255,255,0.6); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 18px; 
    transition: background 0.3s ease, transform 0.3s ease; 
} 

.courses-card:hover .arrow { 
    background: #fff; 
    color: #000; 
    transform: rotate(45deg); 
} 

/* MOBILE */ 
@media (max-width: 600px) { 
    .course-card { 
        height: 360px; 
    } 
} 

/* Animation */ 
@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
} 

/* MOBILE */ 
@media (max-width: 900px) { 
    .faq-wrapper { 
        grid-template-columns: 1fr; 
    } 
    .faq-right { 
        border-left: none; 
        padding-left: 0; 
        margin-top: 30px; 
    } 
} 

.extra-footer { 
    background: linear-gradient(180deg, #001f47, #062c56); 
    padding: 90px 0; 
    color: #e5e5e5; 
    font-family: "Inter", sans-serif; 
} 

.footer-grid { 
    display: grid; 
    grid-template-columns: 2fr 1fr 1fr 1fr; 
    gap: 60px;
    max-width: 1300px; 
    margin: auto; 
} 

/* LOGO + TEXT */ 
.footer-logo { 
    height: 90px; 
    margin-bottom: 25px; 
} 

.footer-about p { 
    font-size: 14px; 
    line-height: 1.7; 
    color: #cfcfcf; 
    max-width: 420px; 
} 

/* SOCIAL */ 
.footer-social { 
    margin-top: 25px; 
    display: flex; 
    gap: 14px; 
} 

.footer-social a { 
    width: 36px; 
    height: 36px; 
    border: 1px solid #b08d57; 
    color: #fff; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    text-decoration: none; 
    font-size: 14px; 
    transition: all 0.3s ease; 
} 

.footer-social a:hover { 
    background: #b08d57; 
    color: #000; 
} 

/* LINK COLUMNS */ 
.footer-links h4 { 
    color: #ffffff; 
    margin-bottom: 18px; 
    font-size: 18px;
} 

.footer-links ul { 
    list-style: none; 
    padding: 0; 
} 

.footer-links ul li { 
    font-size: 14px; 
    color: #cfcfcf; 
    margin-bottom: 12px; 
    cursor: pointer; 
    transition: color 0.3s ease; 
} 

.footer-links ul li:hover { 
    color: #b08d57; 
} 

/* RESPONSIVE */ 
@media (max-width: 992px) { 
    .footer-grid { 
        grid-template-columns: 1fr 1fr; 
    } 
} 

@media (max-width: 600px) { 
    .footer-grid { 
        grid-template-columns: 1fr; 
    } 
} 

/* ================= GLOBAL REVEAL SYSTEM ================= */ 
.reveal { 
    opacity: 0; 
    transform: translateY(40px); 
    transition: opacity .9s ease, transform .9s ease; 
    will-change: transform, opacity; 
} 

.reveal.visible { 
    opacity: 1; 
    transform: translateY(0); 
} 

/* stagger children */ 
.reveal-stagger > * { 
    opacity: 0; 
    transform: translateY(30px); 
} 

.reveal-stagger.visible > * { 
    opacity: 1; 
    transform: translateY(0); 
} 

.reveal-stagger.visible > *:nth-child(1) { transition-delay: .35s }
.reveal-stagger.visible > *:nth-child(2) { transition-delay: .6s }
.reveal-stagger.visible > *:nth-child(3) { transition-delay: .85s }
.reveal-stagger.visible > *:nth-child(4){transition-delay:.4s} 
.reveal-stagger.visible > *:nth-child(5){transition-delay:.5s} 

/* ================= IMAGE FLOAT (AVIATION FEEL) ================= */ 
.float-soft { 
    animation: floatSoft 6s ease-in-out infinite; 
} 

@keyframes floatSoft { 
    0% { transform: translateY(0); } 
    50% { transform: translateY(-12px); } 
    100% { transform: translateY(0); } 
} 
/* ================= CARD MICRO-INTERACTION ================= */ 
.card-hover { 
    transition: transform .4s ease, box-shadow .4s ease; 
} 

.card-hover:hover { 
    transform: translateY(-10px) scale(1.02); 
    box-shadow: 0 28px 60px rgba(0,0,0,.18); 
} 

/* ================= FAQ ANIMATION ================= */ 
.faq-answer { 
    max-height: 0; 
    overflow: hidden; 
    opacity: 0; 
    transition: max-height .45s ease, opacity .35s ease; 
} 

.faq-answer.active { 
    max-height: 1000px; 
    opacity: 1; 
} 



/* ================= AVIATION EXCELLENCE – SLOW REVEAL ================= */

/* Section fade-in slower */
.aviation-excellence.reveal {
  transition: opacity 1.6s ease, transform 1.6s ease;
}

/* Left column slides in slower */
.aviation-excellence .excellence-left {
  transition: opacity 1.4s ease, transform 1.4s ease;
}

/* Headline + text stagger slower */
.excellence-left .excellence-pill,
.excellence-left h2,
.excellence-left p {
  transition-duration: 1s;
}

/* Dashed vertical line grows slower */
.excellence-left::after {
  transition: height 1.8s ease;
}

/* Cards lift slower & heavier */
.aviation-excellence .reveal-stagger > * {
  transition-duration: 1.2s;
}