/* ═══════════════════════════════════════════════════
   ABOUT PAGE — perfectly matches home.html theme
   prefix: .aci-about-pg  (no conflict with anything)
   Colors: navy #1a1a6e · orange #ff6600 · dark #0c0c2e
═══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Nunito+Sans:wght@300;400;600;700;800&display=swap');

:root{
  --pg-navy:   #1a1a6e;
  --pg-dark:   #0c0c2e;
  --pg-navy2:  #252590;
  --pg-orange: #ff6600;
  --pg-org2:   #ff8c33;
  --pg-white:  #ffffff;
  --pg-off:    #f7f7fb;
  --pg-slate:  #e8e8f4;
  --pg-muted:  #6b6b9a;
  --pg-text:   #2a2a52;
  --pg-ease:   cubic-bezier(.16,1,.3,1);
  --pg-disp:   'Rajdhani', sans-serif;
  --pg-body:   'Nunito Sans', sans-serif;
}

.aci-about-pg{ font-family:var(--pg-body); color:var(--pg-text); background:var(--pg-white); overflow-x:hidden; }
.aci-about-pg *,.aci-about-pg *::before,.aci-about-pg *::after{ box-sizing:border-box; margin:0; padding:0; }
.aci-about-pg a{ text-decoration:none; color:inherit; }
.aci-about-pg img{ display:block; }

/* SCROLL PROGRESS */
.apg-bar{
  position:fixed; top:0; left:0; height:3px; z-index:9999;
  background:linear-gradient(90deg, var(--pg-navy), var(--pg-orange));
  width:0; transition:width .1s linear; pointer-events:none;
}

/* ── SHARED ── */
.apg-label{
  display:inline-block;
  background:rgba(255,102,0,.1);
  color:var(--pg-orange);
  font-size:11px; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase;
  padding:5px 14px; border-radius:20px; margin-bottom:12px;
}
.apg-title{
  font-family:var(--pg-disp);
  font-size:clamp(34px,4.5vw,58px);
  font-weight:700; line-height:1.1;
  color:var(--pg-navy); margin-bottom:14px;
}
.apg-title em{ color:var(--pg-orange); font-style:normal; }
.apg-title.light{ color:var(--pg-white); }
.apg-title.light em{ color:var(--pg-org2); }
.apg-sub{ font-size:15px; font-weight:300; line-height:1.8; color:var(--pg-muted); }
.apg-sub strong{ color:var(--pg-navy); font-weight:600; }
.apg-wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }
.apg-divider{ width:100%; height:1px; background:linear-gradient(90deg,transparent,var(--pg-slate),transparent); border:none; }

/* BUTTONS (match home exactly) */
.apg-btn-solid{
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 30px; border-radius:8px;
  font-size:14px; font-weight:700; font-family:var(--pg-body);
  background:var(--pg-orange); color:#fff;
  box-shadow:0 8px 24px rgba(255,102,0,.35);
  transition:all .2s; cursor:pointer;
}
.apg-btn-solid:hover{ background:#e05500; transform:translateY(-2px); box-shadow:0 12px 28px rgba(255,102,0,.4); }

.apg-btn-outline{
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 30px; border-radius:8px;
  font-size:14px; font-weight:700; font-family:var(--pg-body);
  border:2px solid rgba(255,255,255,.3); color:#fff;
  transition:all .2s;
}
.apg-btn-outline:hover{ border-color:#fff; background:rgba(255,255,255,.08); transform:translateY(-2px); }

.apg-btn-navy{
  display:inline-flex; align-items:center; gap:8px;
  padding:13px 28px; border-radius:8px;
  font-size:14px; font-weight:700; font-family:var(--pg-body);
  border:2px solid var(--pg-navy); color:var(--pg-navy);
  transition:all .2s;
}
.apg-btn-navy:hover{ background:var(--pg-navy); color:#fff; transform:translateY(-2px); }

/* REVEAL */
.apg-up{ opacity:0; transform:translateY(32px); transition:opacity .8s var(--pg-ease),transform .8s var(--pg-ease); }
.apg-left{ opacity:0; transform:translateX(-40px); transition:opacity .8s var(--pg-ease),transform .8s var(--pg-ease); }
.apg-right{ opacity:0; transform:translateX(40px); transition:opacity .8s var(--pg-ease),transform .8s var(--pg-ease); }
.apg-fade{ opacity:0; transform:scale(.95); transition:opacity .8s var(--pg-ease),transform .8s var(--pg-ease); }
.apg-in{ opacity:1 !important; transform:none !important; }
.apg-mv-icon{
    width: 90px;
    height: 90px;
    border-radius: 25px;
    background: linear-gradient(135deg,#0d6efd,#6ea8fe);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    box-shadow:
        0 10px 30px rgba(13,110,253,0.35),
        0 0 25px rgba(13,110,253,0.25);
    transition: 0.4s ease;
}

.apg-mv-icon i{
    font-size: 42px;
    color: #fff;
}

.apg-mv-icon:hover{
    transform: translateY(-8px) scale(1.08);
}
/* ══════════════════════════════════════
   1. HERO — matches home hero exactly
══════════════════════════════════════ */
.apg-hero{
  position:relative; min-height:100vh;
  display:flex; align-items:center; overflow:hidden;
  background:var(--pg-dark);
}
.apg-hero-canvas{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }

/* blobs identical to home */
.apg-blob{
  position:absolute; border-radius:50%;
  filter:blur(90px); opacity:.35; pointer-events:none;
}
.apg-blob1{ width:500px;height:500px;background:#1a1a9e;top:-100px;left:-100px;animation:apgBlob1 18s ease-in-out infinite alternate; }
.apg-blob2{ width:400px;height:400px;background:#ff6600;bottom:-80px;right:-80px;animation:apgBlob2 22s ease-in-out infinite alternate; }
.apg-blob3{ width:300px;height:300px;background:#5533ff;top:40%;left:50%;animation:apgBlob1 14s ease-in-out infinite alternate; }
@keyframes apgBlob1{ from{transform:translate(0,0);} to{transform:translate(60px,-50px);} }
@keyframes apgBlob2{ from{transform:translate(0,0);} to{transform:translate(-50px,40px);} }

/* grid texture */
.apg-hero::before{
  content:''; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:72px 72px; pointer-events:none;
}

.apg-hero-inner{
  position:relative; z-index:2;
  max-width:1200px; margin:0 auto;
  padding:130px 32px 90px;
  display:grid; grid-template-columns:1fr 1fr;
  gap:60px; align-items:center; width:100%;
}

/* badge pill */
.apg-hero-badge{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,102,0,.15);
  border:1px solid rgba(255,102,0,.4);
  color:#ff9955; font-size:12px; font-weight:700;
  padding:5px 14px; border-radius:20px;
  margin-bottom:20px; letter-spacing:.5px;
}
.apg-hero-badge span{
  width:7px; height:7px; background:var(--pg-orange);
  border-radius:50%; animation:apgPulse 1.5s ease-in-out infinite;
}
@keyframes apgPulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(255,102,0,.5); }
  50%{ box-shadow:0 0 0 6px rgba(255,102,0,0); }
}

.apg-hero h1{
  font-family:var(--pg-disp);
  font-size:clamp(42px,5.5vw,72px);
  font-weight:700; color:#fff; line-height:1.08; margin-bottom:18px;
}
.apg-hero h1 em{
  color:var(--pg-orange); font-style:normal;
  position:relative;
}
.apg-hero h1 em::after{
  content:''; position:absolute; left:0; bottom:-4px;
  width:100%; height:3px; background:var(--pg-orange); border-radius:2px;
}

.apg-hero p{
  font-size:16px; font-weight:300;
  color:rgba(255,255,255,.7); line-height:1.75;
  margin-bottom:32px; max-width:480px;
}
.apg-hero-btns{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:48px; }
.apg-why-icon-wrap i {
  color: #ffffff;
}
/* quick stats strip */
.apg-hero-stats{
  display:flex; gap:32px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.1);
}
.apg-hstat-num{
  font-family:var(--pg-disp);
  font-size:28px; font-weight:700; color:var(--pg-orange); line-height:1;
}
.apg-hstat-lbl{ font-size:11px; color:rgba(255,255,255,.5); margin-top:3px; }

/* RIGHT — cube + floating cards */
.apg-hero-right{ position:relative; height:420px; }

/* spinning cube */
.apg-cube-wrap{ width:88px; height:88px; perspective:340px; margin:0 auto 0; position:absolute; top:50px; left:50%; transform:translateX(-50%); }
.apg-cube3d{
  width:100%; height:100%; transform-style:preserve-3d;
  animation:apgCubeSpin 12s linear infinite; position:relative;
}
@keyframes apgCubeSpin{ from{transform:rotateX(20deg) rotateY(0deg);} to{transform:rotateX(20deg) rotateY(360deg);} }
.apg-cface{
  position:absolute; inset:0;
  border:1px solid rgba(255,102,0,.3);
  background:rgba(26,26,110,.4);
  display:flex; align-items:center; justify-content:center;
  backdrop-filter:blur(4px); overflow:hidden;
}
.apg-cface img{ width:68%; height:68%; object-fit:contain; opacity:.9; }
.apg-cface.f { transform:translateZ(44px); }
.apg-cface.bk{ transform:rotateY(180deg) translateZ(44px); }
.apg-cface.l { transform:rotateY(-90deg) translateZ(44px); }
.apg-cface.r { transform:rotateY(90deg)  translateZ(44px); }
.apg-cface.t { transform:rotateX(90deg)  translateZ(44px); }
.apg-cface.bt{ transform:rotateX(-90deg) translateZ(44px); }

/* floating info cards — identical style to home */
.apg-fcard{
  position:absolute;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.2);
  border-radius:12px; padding:12px 16px; color:#fff;
  animation:apgFloat 4s ease-in-out infinite;
}
.apg-fcard1{ top:0; left:-10px; animation-delay:0s; }
.apg-fcard2{ top:40px; right:-20px; animation-delay:1.5s; }
.apg-fcard3{ bottom:120px; right:-30px; animation-delay:.8s; }
@keyframes apgFloat{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} }
.apg-fcard-tag{ font-size:10px; color:rgba(255,255,255,.55); margin-bottom:4px; }
.apg-fcard-val{ font-family:var(--pg-disp); font-size:22px; font-weight:700; color:var(--pg-orange); }
.apg-fcard-sub{ font-size:11px; color:rgba(255,255,255,.6); }

/* laptop identical to home */
.apg-laptop{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:300px; }
.apg-laptop-screen{
  background:#1a1a3e; border-radius:14px 14px 0 0;
  border:2px solid #333; padding:14px; height:200px; overflow:hidden;
}
.apg-screen-bar{ display:flex; gap:6px; margin-bottom:12px; }
.apg-dot{ width:10px; height:10px; border-radius:50%; }
.apg-dot.r{ background:#ff5f57; } .apg-dot.y{ background:#febc2e; } .apg-dot.g{ background:#28c840; }
.apg-code-lines{ display:flex; flex-direction:column; gap:8px; }
.apg-cl{ height:8px; border-radius:4px; background:rgba(255,255,255,.08); animation:apgShimmer 2s infinite; }
@keyframes apgShimmer{ 0%,100%{opacity:.6;} 50%{opacity:1;} }
.apg-laptop-base{ background:#2a2a4e; height:14px; border-radius:0 0 6px 6px; border:2px solid #333; border-top:none; }
.apg-laptop-foot{ width:80px; height:8px; background:#222; border-radius:0 0 8px 8px; margin:0 auto; }

/* ══════════════════════════════════════
   2. WHO WE ARE
══════════════════════════════════════ */
.apg-who{ padding:100px 0; background:var(--pg-white); }
.apg-who-grid{
  display:grid; grid-template-columns:1fr 1fr;
  gap:80px; align-items:center;
}

/* monitor illustration matching home dark card style */
.apg-monitor-col{ position:relative; }
.apg-monitor-shell{
  background:var(--pg-dark);
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px; padding:22px;
  box-shadow:0 40px 80px rgba(26,26,110,.2), inset 0 1px 0 rgba(255,255,255,.05);
}
.apg-mtopbar{ display:flex; gap:7px; margin-bottom:18px; }
.apg-mdot{ width:10px; height:10px; border-radius:50%; }
.apg-mdot.rd{ background:#ff5f57; } .apg-mdot.yw{ background:#febc2e; } .apg-mdot.gn{ background:#28c840; }
.apg-mlines{ display:flex; flex-direction:column; gap:9px; }
.apg-mrow{ display:flex; align-items:center; gap:10px; }
.apg-mnum{ font-size:10px; color:rgba(255,255,255,.18); font-family:monospace; width:14px; text-align:right; flex-shrink:0; }
.apg-mbar{ height:9px; border-radius:4px; animation:apgBar 3s ease-in-out infinite; }
@keyframes apgBar{ 0%,100%{opacity:.4;} 50%{opacity:1;} }
.apg-mbar.mw{ background:rgba(255,255,255,.1); }
.apg-mbar.mo{ background:rgba(255,102,0,.3); }
.apg-mbar.mb{ background:rgba(100,140,255,.25); }
.apg-mbar.mg{ background:rgba(80,200,120,.25); }
.apg-mstand{ width:2px; height:28px; background:rgba(255,255,255,.1); margin:0 auto; }
.apg-mbase{ width:100px; height:7px; background:rgba(255,255,255,.07); border-radius:4px; margin:0 auto; }

/* floating pills */
.apg-pill{
  position:absolute;
  background:var(--pg-navy); color:#fff;
  font-size:10px; font-weight:700; letter-spacing:.6px;
  padding:6px 14px; border-radius:20px;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 8px 20px rgba(26,26,110,.25);
  animation:apgFloat 4s ease-in-out infinite;
}
.apg-pill1{ top:-14px; left:-14px; animation-delay:0s; }
.apg-pill2{ bottom:64px; right:-18px; animation-delay:1.4s; }
.apg-pill3{ bottom:0; left:24px; animation-delay:2.2s; }

/* counters — same style as home stats */
.apg-ctr-row{
  display:flex; margin-top:36px;
  border:1px solid var(--pg-slate); border-radius:8px; overflow:hidden;
}
.apg-ctr{ flex:1; padding:22px 18px; text-align:center; border-right:1px solid var(--pg-slate); }
.apg-ctr:last-child{ border-right:none; }
.apg-ctr-val{
  font-family:var(--pg-disp); font-size:30px; font-weight:700;
  color:var(--pg-navy); line-height:1; margin-bottom:5px;
}
.apg-ctr-lbl{ font-size:10px; color:var(--pg-muted); letter-spacing:.8px; text-transform:uppercase; }

/* about features */
.apg-features{
  display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:24px 0 30px;
}
.apg-feat{
  display:flex; align-items:center; gap:10px;
  font-size:13px; font-weight:600; color:var(--pg-text);
}
.apg-feat span{
  width:28px; height:28px;
  background:rgba(255,102,0,.08); border-radius:6px;
  display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0;
}

/* ══════════════════════════════════════
   3. MISSION & VISION — dark section
══════════════════════════════════════ */
.apg-mv-section{
  padding:100px 0;
  background:linear-gradient(135deg, var(--pg-dark) 0%, var(--pg-navy) 100%);
  position:relative; overflow:hidden;
}
.apg-mv-section::before{
  content:''; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:60px 60px; pointer-events:none;
}
.apg-mv-section::after{
  content:''; position:absolute; width:500px; height:500px; border-radius:50%;
  background:radial-gradient(circle,rgba(255,102,0,.08),transparent 70%);
  right:-100px; top:-100px; pointer-events:none;
}
.apg-mv-head{ text-align:center; margin-bottom:60px; position:relative; z-index:1; }
.apg-mv-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:24px;
  max-width:940px; margin:0 auto; position:relative; z-index:1;
}
.apg-mv-box{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px; padding:44px 36px;
  position:relative; overflow:hidden;
  transition:border-color .3s, transform .3s, box-shadow .3s;
}
.apg-mv-box::before{
  content:''; position:absolute; top:0; left:0;
  width:100%; height:3px;
  background:linear-gradient(90deg,transparent,var(--pg-orange),transparent);
  opacity:0; transition:opacity .3s;
}
.apg-mv-box:hover{ border-color:rgba(255,102,0,.25); transform:translateY(-5px); box-shadow:0 24px 48px rgba(0,0,0,.3); }
.apg-mv-box:hover::before{ opacity:1; }
.apg-mv-icon{ font-size:40px; margin-bottom:20px; }
.apg-mv-box h3{
  font-family:var(--pg-disp); font-size:26px; font-weight:700;
  color:#fff; margin-bottom:20px;
}
.apg-mv-box ul{ list-style:none; display:flex; flex-direction:column; gap:13px; }
.apg-mv-box li{
  display:flex; align-items:flex-start; gap:10px;
  font-size:14px; font-weight:300; color:rgba(255,255,255,.65); line-height:1.65;
}
.apg-mv-box li::before{ content:'→'; color:var(--pg-orange); font-size:12px; margin-top:2px; flex-shrink:0; }

/* ══════════════════════════════════════
   4. WHY CHOOSE US — matches home why
══════════════════════════════════════ */
.apg-why-section{ padding:100px 0; background:var(--pg-off); }
.apg-why-head{ text-align:center; margin-bottom:56px; }
.apg-why-head .apg-sub{ margin:0 auto; }
.apg-why-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.apg-why-box{
  background:var(--pg-white); border-radius:16px;
  padding:36px 28px; text-align:center;
  border:1px solid var(--pg-slate);
  transition:all .25s; cursor:default;
  position:relative; overflow:hidden;
}
.apg-why-box::before{
  content:''; position:absolute; top:0; left:0;
  width:100%; height:3px;
  background:var(--pg-orange);
  transform:scaleX(0); transform-origin:left;
  transition:transform .3s var(--pg-ease);
}
.apg-why-box:hover{ transform:translateY(-6px); box-shadow:0 16px 40px rgba(26,26,110,.12); border-color:#d0d0e8; }
.apg-why-box:hover::before{ transform:scaleX(1); }
.apg-why-icon-wrap{
  width:64px; height:64px; border-radius:16px;
  background:linear-gradient(135deg,var(--pg-navy),var(--pg-navy2));
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 18px; font-size:28px;
  box-shadow:0 6px 18px rgba(26,26,110,.25);
  transition:transform .25s;
}
.apg-why-box:hover .apg-why-icon-wrap{ transform:scale(1.08) rotate(4deg); }
.apg-why-box h3{
  font-family:var(--pg-disp); font-size:18px; font-weight:700;
  color:var(--pg-navy); margin-bottom:10px;
}
.apg-why-box p{ font-size:13px; color:var(--pg-muted); line-height:1.7; font-weight:300; }

/* ══════════════════════════════════════
   5. COURSES & SERVICES GRID
══════════════════════════════════════ */
.apg-offer-section{ padding:100px 0; background:var(--pg-white); }
.apg-offer-head{ text-align:center; margin-bottom:60px; }
.apg-offer-head .apg-sub{ margin:0 auto; }
.apg-offer-grid{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:1px; background:var(--pg-slate);
  border:1px solid var(--pg-slate); border-radius:14px; overflow:hidden;
}
.apg-offer-tile{
  background:var(--pg-white); padding:38px 28px;
  position:relative; overflow:hidden; cursor:default;
  transition:background .25s;
}
.apg-offer-tile::after{
  content:''; position:absolute; inset:0;
  background:radial-gradient(circle at 50% 0%,rgba(26,26,110,.04),transparent 65%);
  opacity:0; transition:opacity .3s;
}
.apg-offer-tile::before{
  content:''; position:absolute; top:0; left:0;
  width:3px; height:100%; background:var(--pg-orange);
  transform:scaleY(0); transform-origin:top;
  transition:transform .3s var(--pg-ease);
}
.apg-offer-tile:hover{ background:#fafaff; }
.apg-offer-tile:hover::before{ transform:scaleY(1); }
.apg-offer-tile:hover::after{ opacity:1; }
.apg-offer-icon{ font-size:30px; margin-bottom:14px; }
.apg-offer-type{
  font-size:9px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase;
  color:var(--pg-orange); margin-bottom:8px;
}
.apg-offer-type.svc{ color:var(--pg-navy2); }
.apg-offer-tile h4{
  font-family:var(--pg-disp); font-size:19px; font-weight:700;
  color:var(--pg-navy); margin-bottom:10px;
}
.apg-offer-tile p{ font-size:13px; color:var(--pg-muted); line-height:1.7; font-weight:300; }

/* ══════════════════════════════════════
   6. STATS — matches home stats exactly
══════════════════════════════════════ */
.apg-stats{
  padding:80px 0;
  background:linear-gradient(135deg, var(--pg-navy) 0%, var(--pg-dark) 100%);
  position:relative; overflow:hidden;
}
.apg-stats::before{
  content:''; position:absolute; width:500px; height:500px; border-radius:50%;
  background:radial-gradient(circle,rgba(255,102,0,.09),transparent 65%);
  right:-150px; bottom:-200px; pointer-events:none;
}
.apg-stat-row{
  display:grid; grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(255,255,255,.08); border-radius:14px; overflow:hidden;
  position:relative; z-index:1;
}
.apg-stat-cell{
  padding:56px 30px; text-align:center;
  background:rgba(255,255,255,.04);
  border-right:1px solid rgba(255,255,255,.08);
  transition:background .2s;
}
.apg-stat-cell:last-child{ border-right:none; }
.apg-stat-cell:hover{ background:rgba(255,255,255,.08); }
.apg-stat-big{
  font-family:var(--pg-disp);
  font-size:clamp(40px,4.5vw,60px); font-weight:700;
  color:var(--pg-orange); line-height:1; margin-bottom:8px;
}
.apg-stat-icon{ font-size:28px; margin-bottom:12px; }
.apg-stat-lbl{
  font-size:11px; font-weight:600; letter-spacing:1px; text-transform:uppercase;
  color:rgba(255,255,255,.45);
}

/* ══════════════════════════════════════
   7. GALLERY — institute preview
══════════════════════════════════════ */
.apg-gallery-section{ padding:100px 0; background:var(--pg-off); }
.apg-gallery-head{ text-align:center; margin-bottom:56px; }
.apg-gallery-strip{
  display:grid; grid-template-columns:repeat(5,1fr);
  gap:1px; background:var(--pg-slate);
  border:1px solid var(--pg-slate); border-radius:14px; overflow:hidden;
}
.apg-gtile{
  background:var(--pg-white); padding:52px 18px; text-align:center;
  cursor:default; position:relative; overflow:hidden; transition:background .25s;
}
.apg-gtile::after{
  content:''; position:absolute; bottom:0; left:0;
  width:100%; height:3px; background:var(--pg-navy);
  transform:scaleX(0); transition:transform .35s var(--pg-ease);
}
.apg-gtile:hover{ background:#f0f0fc; }
.apg-gtile:hover::after{ transform:scaleX(1); }
.apg-gtile-icon{ font-size:36px; margin-bottom:14px; }
.apg-gtile-lbl{ font-size:12px; font-weight:500; color:var(--pg-muted); letter-spacing:.4px; }

/* ══════════════════════════════════════
   8. TESTIMONIALS — matches home testi
══════════════════════════════════════ */
.apg-testi-section{ padding:90px 0; background:var(--pg-white); overflow:hidden; }
.apg-testi-head{ text-align:center; margin-bottom:48px; }
.apg-testi-head .apg-sub{ margin:0 auto; }
.apg-testi-wrap{
  overflow:hidden; max-width:1200px; margin:0 auto;
  -webkit-mask:linear-gradient(90deg,transparent,#fff 8%,#fff 92%,transparent);
  mask:linear-gradient(90deg,transparent,#fff 8%,#fff 92%,transparent);
}
.apg-testi-track{
  display:flex; gap:24px; width:max-content;
  animation:apgScroll 28s linear infinite;
}
.apg-testi-track:hover{ animation-play-state:paused; }
@keyframes apgScroll{ 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
.apg-tcard{
  width:296px; flex-shrink:0;
  background:var(--pg-off); border:1px solid var(--pg-slate);
  border-radius:14px; padding:24px;
  transition:all .25s;
}
.apg-tcard:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 28px rgba(26,26,110,.1);
  border-color:#c0c0dd;
}
.apg-tcard-stars{ color:#f59e0b; font-size:14px; margin-bottom:12px; }
.apg-tcard-text{
  font-size:13px; color:#444; line-height:1.75;
  margin-bottom:16px; font-style:italic;
}
.apg-tcard-author{ display:flex; align-items:center; gap:10px; }
.apg-tcard-av{
  width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:13px; font-weight:700; color:#fff; flex-shrink:0;
}
.apg-tcard-name{ font-size:13px; font-weight:700; color:var(--pg-navy); }
.apg-tcard-course{ font-size:11px; color:var(--pg-muted); }

/* ══════════════════════════════════════
   9. CTA — matches home CTA
══════════════════════════════════════ */
.apg-cta{
  padding:100px 0;
  background:linear-gradient(135deg, var(--pg-off) 0%, #fff3ec 100%);
  position:relative; overflow:hidden;
}
.apg-cta-inner{
  max-width:760px; margin:0 auto;
  background:#fff; border-radius:24px;
  padding:60px 48px; text-align:center;
  box-shadow:0 24px 64px rgba(26,26,110,.1);
  border:1px solid var(--pg-slate);
  position:relative; z-index:1;
}
.apg-cta-inner h2{
  font-family:var(--pg-disp); font-size:clamp(34px,4.5vw,54px);
  font-weight:700; color:var(--pg-navy); margin-bottom:14px;
}
.apg-cta-inner h2 em{ color:var(--pg-orange); font-style:normal; }
.apg-cta-inner p{
  font-size:15px; font-weight:300; color:var(--pg-muted);
  line-height:1.8; margin-bottom:40px;
}
.apg-cta-btns{ display:flex; justify-content:center; gap:14px; flex-wrap:wrap; }
/* ══════════════════════════════════════
   6B. CERTIFICATIONS & CAREER PATHS
════/* Certificate Section - Left Slider + Right Text */
.apg-cert-showcase{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
  width:100%;
}

/* LEFT */
.apg-cert-visual{
  flex:0 0 55%;
  min-width:0;
}

.apg-cert-slider{
  width:100%;
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(135deg,var(--pg-dark),var(--pg-navy));
  box-shadow:0 30px 60px rgba(26,26,110,.22);
  padding:14px;
  box-sizing:border-box;
}

.apg-cert-track{
  display:flex;
  transition:transform .5s var(--pg-ease);
}

.apg-cert-slide{
  min-width:100%;
  border-radius:12px;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.15);
  box-sizing:border-box;
}

.apg-cert-slide img{
  width:100%;
  height:340px;
  object-fit:cover;
  display:block;
}

/* ARROWS */
.apg-cert-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:all .2s;
  z-index:2;
}

.apg-cert-arrow:hover{
  background:var(--pg-orange);
  border-color:var(--pg-orange);
}

.apg-cert-prev{
  left:24px;
}

.apg-cert-next{
  right:24px;
}

/* DOTS */
.apg-cert-dots{
  position:absolute;
  bottom:26px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:2;
}

.apg-cert-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.35);
  cursor:pointer;
  transition:all .25s;
}

.apg-cert-dot.active{
  background:var(--pg-orange);
  width:22px;
  border-radius:5px;
}


/* RIGHT TEXT */
.apg-cert-text{
  flex:1;
  padding:20px 10px;
}

.apg-cert-text h3{
  font-size:clamp(28px,3vw,42px);
  line-height:1.15;
  margin:0 0 18px;
  color:var(--pg-dark);
}

.apg-cert-text .apg-sub{
  font-size:16px;
  line-height:1.8;
  color:#666;
  margin-bottom:22px;
}

.apg-cert-points{
  list-style:none;
  padding:0;
  margin:0;
}

.apg-cert-points li{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  font-size:15px;
  font-weight:600;
  color:#333;
}

.apg-cert-points li i{
  color:var(--pg-orange);
  font-size:18px;
}


/* MOBILE */
@media(max-width:900px){

  .apg-cert-showcase{
    flex-direction:column;
    gap:30px;
  }

  .apg-cert-visual{
    width:100%;
    flex:100%;
  }

  .apg-cert-text{
    width:100%;
    padding:10px 0;
  }

  .apg-cert-slide img{
    height:300px;
  }
}


@media(max-width:768px){

  .apg-cert-slide img{
    height:220px;
  }

  .apg-cert-arrow{
    width:32px;
    height:32px;
    font-size:13px;
  }

  .apg-cert-prev{
    left:12px;
  }

  .apg-cert-next{
    right:12px;
  }

  .apg-cert-dots{
    bottom:14px;
  }
}
/* CCC box */
.apg-ccc-box{
  display:grid; grid-template-columns:1.1fr 1fr; gap:0;
  background:linear-gradient(135deg,var(--pg-navy),var(--pg-dark));
  border-radius:20px; overflow:hidden; margin-bottom:70px;
  box-shadow:0 30px 60px rgba(26,26,110,.2);
}
.apg-ccc-left{ padding:48px 44px; }
.apg-ccc-icon{
  width:56px; height:56px; border-radius:14px;
  background:rgba(255,102,0,.18); color:var(--pg-orange);
  display:flex; align-items:center; justify-content:center;
  font-size:26px; margin-bottom:20px;
}
.apg-ccc-left h3{ font-family:var(--pg-disp); font-size:24px; font-weight:700; color:#fff; margin-bottom:14px; line-height:1.25; }
.apg-ccc-left p{ font-size:14px; font-weight:300; color:rgba(255,255,255,.65); line-height:1.8; }
.apg-ccc-right{ background:rgba(255,255,255,.05); padding:48px 40px; border-left:1px solid rgba(255,255,255,.08); }
.apg-ccc-jobtag{ font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--pg-org2); margin-bottom:16px; }
.apg-ccc-jobs{ display:flex; flex-direction:column; gap:11px; }
.apg-ccc-jobs span{ display:flex; align-items:center; font-size:13px; color:rgba(255,255,255,.8); font-weight:500; }
.apg-ccc-jobs span i{ color:var(--pg-orange); font-size:20px; }

/* Career paths */
.apg-career-head{ text-align:center; margin-bottom:36px; }
.apg-career-head h3{ font-family:var(--pg-disp); font-size:24px; font-weight:700; color:var(--pg-navy); margin-bottom:8px; }
.apg-career-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.apg-career-card{
  background:var(--pg-off); border:1px solid var(--pg-slate); border-radius:14px;
  padding:28px 22px; transition:all .25s; position:relative; overflow:hidden;
}
.apg-career-card::before{
  content:''; position:absolute; top:0; left:0; width:100%; height:3px;
  background:var(--pg-orange); transform:scaleX(0); transform-origin:left;
  transition:transform .3s var(--pg-ease);
}
.apg-career-card:hover{ transform:translateY(-5px); background:#fff; box-shadow:0 14px 32px rgba(26,26,110,.1); border-color:#d0d0e8; }
.apg-career-card:hover::before{ transform:scaleX(1); }
.apg-career-icon{
  width:48px; height:48px; border-radius:12px;
  background:linear-gradient(135deg,var(--pg-navy),var(--pg-navy2)); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:21px; margin-bottom:16px;
}
.apg-career-card h4{ font-family:var(--pg-disp); font-size:16px; font-weight:700; color:var(--pg-navy); margin-bottom:8px; }
.apg-career-card p{ font-size:12px; color:var(--pg-muted); line-height:1.65; font-weight:300; }

/* Responsive */
@media(max-width:1024px){
  .apg-cert-showcase{ grid-template-columns:1fr; gap:40px; }
  .apg-ccc-box{ grid-template-columns:1fr; }
  .apg-ccc-right{ border-left:none; border-top:1px solid rgba(255,255,255,.08); }
  .apg-career-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:768px){
  .apg-cert-section{ padding:40px 0; }
  .apg-cert-head{ margin-bottom:24px; }
  .apg-cert-showcase{ margin-bottom:36px; }
  .apg-cert-border{ padding:24px 18px; }
  .apg-cert-org{ font-size:19px; }
  .apg-cert-student{ font-size:16px; }
  .apg-cert-coursename{ font-size:14px; }
  .apg-ccc-left,.apg-ccc-right{ padding:28px 22px; }
  .apg-ccc-box{ margin-bottom:36px; }
  .apg-career-grid{ grid-template-columns:1fr 1fr; gap:12px; }
  .apg-career-card{ padding:18px 14px; }
}
@media(max-width:480px){
  .apg-career-grid{ grid-template-columns:1fr; }
}
/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:1024px){
  .apg-hero-inner{ grid-template-columns:1fr; padding:110px 24px 70px; }
  .apg-hero-right{ display:none; }
  .apg-who-grid{ grid-template-columns:1fr; gap:60px; }
  .apg-monitor-col{ max-width:520px; margin:0 auto; }
  .apg-mv-grid{ grid-template-columns:1fr; }
  .apg-why-grid{ grid-template-columns:repeat(2,1fr); }
  .apg-offer-grid{ grid-template-columns:repeat(2,1fr); }
  .apg-stat-row{ grid-template-columns:repeat(2,1fr); }
  .apg-gallery-strip{ grid-template-columns:repeat(3,1fr); }
}
@media(max-width:768px){
  .apg-why-grid{ grid-template-columns:1fr; }
  .apg-offer-grid{ grid-template-columns:1fr; }
  .apg-stat-row{ grid-template-columns:repeat(2,1fr); }
  .apg-gallery-strip{ grid-template-columns:repeat(2,1fr); }
  .apg-cta-inner{ padding:40px 24px; }
  .apg-features{ grid-template-columns:1fr; }
  .apg-hero-stats{ gap:20px; flex-wrap:wrap; }
}
@media(max-width:480px){
  .apg-stat-row{ grid-template-columns:1fr; }
  .apg-gallery-strip{ grid-template-columns:1fr; }
  .apg-ctr-row{ flex-direction:column; }
  .apg-ctr{ border-right:none; border-bottom:1px solid var(--pg-slate); }
  .apg-ctr:last-child{ border-bottom:none; }
  .apg-hero-btns{ flex-direction:column; align-items:flex-start; }
}/* ══════════════════════════════════════
   MOBILE FIXES — max-width: 768px
══════════════════════════════════════ */
@media(max-width:768px){

  /* ── HERO ── */
  .apg-hero-inner{ grid-template-columns:1fr; padding:80px 16px 40px; gap:24px; }
  .apg-hero h1{ font-size:28px; margin-bottom:12px; }
  .apg-hero p{ font-size:13px; margin-bottom:20px; }
  .apg-hero-badge{ font-size:11px; padding:4px 10px; margin-bottom:14px; }
  .apg-hero-right{ display:none; }
  .apg-hero-btns{ flex-direction:column; align-items:flex-start; gap:10px; margin-bottom:28px; }
  .apg-btn-solid, .apg-btn-outline, .apg-btn-navy{ padding:11px 20px; font-size:13px; width:100%; justify-content:center; }
  .apg-hero-stats{ gap:16px; flex-wrap:wrap; padding-top:20px; }
  .apg-hstat-num{ font-size:22px; }
  .apg-hstat-lbl{ font-size:10px; }

  /* ── WHO WE ARE ── */
  .apg-who{ padding:50px 0; }
  .apg-who-grid{ grid-template-columns:1fr; gap:32px; }
  .apg-wrap{ padding:0 16px; }
  .apg-monitor-col{ display:none; }
  .apg-title{ font-size:22px; }
  .apg-sub{ font-size:13px; }
  .apg-ctr-row{ flex-direction:row; }
  .apg-ctr{ border-right:1px solid var(--pg-slate); border-bottom:none; padding:14px 10px; }
  .apg-ctr:last-child{ border-right:none; }
  .apg-ctr-val{ font-size:20px; }
  .apg-ctr-lbl{ font-size:9px; }

  /* ── ABOUT FEATURES ── */
  .aci-about-features{ grid-template-columns:1fr 1fr; gap:10px; margin:16px 0 20px; }
  .aci-feature-item{ font-size:12px; }

  /* ── MISSION & VISION — side by side 1 row ── */
  .apg-mv-section{ padding:40px 0; }
  .apg-mv-head{ margin-bottom:24px; }
  .apg-mv-grid{ grid-template-columns:1fr 1fr; gap:12px; }
  .apg-mv-box{ padding:20px 14px; }
  .apg-mv-box h3{ font-size:15px; margin-bottom:8px; }
  .apg-mv-box li{ font-size:11px; gap:6px; line-height:1.5; }
  .apg-mv-icon{ width:44px; height:44px; border-radius:12px; margin-bottom:10px; }
  .apg-mv-icon i{ font-size:20px; }

  /* ── WHY CHOOSE US — 3 columns, 2 rows ── */
  .apg-why-section{ padding:40px 0; }
  .apg-why-head{ margin-bottom:24px; }
  .apg-why-grid{ grid-template-columns:1fr 1fr 1fr; gap:10px; }
  .apg-why-box{ padding:16px 10px; }
  .apg-why-icon-wrap{ width:40px; height:40px; border-radius:10px; font-size:18px; margin-bottom:8px; }
  .apg-why-box h3{ font-size:12px; margin-bottom:4px; }
  .apg-why-box p{ font-size:10px; line-height:1.5; }

  /* ── COURSES & SERVICES — 3 columns, 3 rows ── */
  .apg-offer-section{ padding:40px 0; }
  .apg-offer-head{ margin-bottom:24px; }
  .apg-offer-grid{ grid-template-columns:1fr 1fr 1fr; gap:1px; }
  .apg-offer-tile{ padding:18px 10px; }
  .apg-offer-icon{ font-size:20px; margin-bottom:8px; }
  .apg-offer-type{ font-size:8px; letter-spacing:1px; margin-bottom:4px; }
  .apg-offer-tile h4{ font-size:13px; margin-bottom:4px; }
  .apg-offer-tile p{ font-size:10px; line-height:1.5; }

  /* ── STATS ── */
  .apg-stats{ padding:40px 0; }
  .apg-stat-row{ grid-template-columns:1fr 1fr; }
  .apg-stat-cell{ padding:24px 12px; }
  .apg-stat-big{ font-size:28px; }
  .apg-stat-icon{ font-size:20px; margin-bottom:8px; }
  .apg-stat-lbl{ font-size:10px; }

  /* ── GALLERY ── */
  .apg-gallery-section{ padding:40px 0; }
  .apg-gallery-strip{ grid-template-columns:1fr 1fr 1fr; }
  .apg-gtile{ padding:28px 10px; }
  .apg-gtile-icon{ font-size:24px; margin-bottom:8px; }
  .apg-gtile-lbl{ font-size:10px; }

  /* ── TESTIMONIALS ── */
  .apg-testi-section{ padding:40px 0; }
  .apg-testi-head{ margin-bottom:24px; }
  .apg-tcard{ width:220px; padding:14px; }
  .apg-tcard-text{ font-size:11px; }

  /* ── CTA ── */
  .apg-cta{ padding:40px 0; }
  .apg-cta-inner{ padding:24px 16px; border-radius:14px; }
  .apg-cta-inner h2{ font-size:20px; margin-bottom:8px; }
  .apg-cta-inner p{ font-size:12px; margin-bottom:20px; }
  .apg-cta-btns{ flex-direction:column; gap:10px; }
  .apg-cta-btns .apg-btn-solid,
  .apg-cta-btns .apg-btn-navy{ width:100%; justify-content:center; }
}

/* ══════════════════════════════════════
   EXTRA SMALL — max-width: 480px
══════════════════════════════════════ */
@media(max-width:480px){
  .apg-hero h1{ font-size:22px; }
  .apg-mv-grid{ grid-template-columns:1fr 1fr; }
  .apg-why-grid{ grid-template-columns:1fr 1fr 1fr; }
  .apg-offer-grid{ grid-template-columns:1fr 1fr 1fr; }
  .apg-stat-row{ grid-template-columns:1fr 1fr; }
  .apg-gallery-strip{ grid-template-columns:1fr 1fr 1fr; }
  .aci-about-features{ grid-template-columns:1fr 1fr; }
  .apg-ctr-row{ flex-direction:row; }
}