/* ==========================================================================
   NEW — PAGE-SPECIFIC CSS FOR THE ABOUT PAGE (uses the tokens above only)
   ========================================================================== */
.section{padding:90px 0;position:relative;overflow:hidden;}
@media (max-width:768px){.section{padding:56px 0;}}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;color:var(--blue);background:var(--blue-soft);border:1px solid #d7e3f7;padding:6px 16px;border-radius:50px;}
.eyebrow img{width:14px;height:14px;}
.eyebrow.light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28);}
.lead-p{font-size:1.06rem;color:var(--muted);}
.text-muted-2{color:var(--muted);}
.sec-head{max-width:680px;}
.sec-head.mx-auto{margin-left:auto;margin-right:auto;text-align:center;}

.abs-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.abs-dots{position:absolute;inset:-10%;background-image:radial-gradient(rgba(20,60,110,.06) 1.3px,transparent 1.3px);background-size:26px 26px;}
.abs-dots.on-dark{background-image:radial-gradient(rgba(255,255,255,.12) 1.3px,transparent 1.3px);animation:dotsDrift 40s linear infinite;}
@keyframes dotsDrift{from{transform:translate(0,0);}to{transform:translate(-26px,-26px);}}
.abs-blob{position:absolute;border-radius:50%;filter:blur(70px);}
.pattern-diagonal{position:absolute;inset:-20%;background-image:repeating-linear-gradient(135deg,rgba(30,79,163,.035) 0px,rgba(30,79,163,.035) 1px,transparent 1px,transparent 26px);}
.pattern-diagonal.on-dark{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,transparent 1px,transparent 26px);}
.blob-blue{background:radial-gradient(circle,rgba(30,79,163,.18),transparent 70%);}

.btn{border-radius:10px;font-weight:600;letter-spacing:.03em;padding:.72rem 1.6rem;transition:all .35s var(--ease);border:none;}
.btn-primary-c{background:linear-gradient(135deg,var(--blue),var(--navy-3));color:#fff;}
.btn-primary-c:hover{transform:translateY(-3px);box-shadow:0 14px 28px -8px rgba(30,79,163,.5);color:#fff;}
.btn-outline-c{border:1.5px solid var(--navy);color:var(--navy);background:transparent;}
.btn-outline-c:hover{background:var(--navy);color:#fff;transform:translateY(-3px);}

/* ---- page heading banner ---- */

.page-breadcrumb{display:flex;justify-content:center;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;color:#a9bde0;font-size:.9rem;margin-top:18px;position:relative;z-index:2;}
.page-breadcrumb a{color:#cddcf3;text-decoration:none;transition:color .3s var(--ease);}
.page-breadcrumb a:hover{color:#fff;}
.page-breadcrumb img{width:12px;height:12px;opacity:.7;}
@media (max-width:576px){.page-hero{padding:110px 0 54px;}}

/* ---- featured partners strip ---- */
.partner-strip{background:var(--navy);padding:38px 0;position:relative;overflow:hidden;}
.partner-strip .abs-dots{opacity:.5;}
.partner-label{text-align:center;color:#a9bde0;font-family:'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;margin-bottom:26px;position:relative;z-index:2;}
.partner-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 44px;position:relative;z-index:2;}
.partner-logo{display:flex;align-items:center;gap:9px;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.98rem;letter-spacing:.02em;opacity:.55;filter:grayscale(1);transition:all .35s var(--ease);}
.partner-logo img{width:24px;height:24px;flex:none;}
.partner-logo:hover{opacity:1;filter:grayscale(0);transform:translateY(-3px);}

/* ---- illustrated "photo" system (no stock images required) ---- */
.photo-box{position:relative;overflow:hidden;border-radius:var(--radius);}
.photo-base,.photo-hover{position:absolute;inset:0;transition:opacity .6s var(--ease),transform .8s var(--ease);}
.photo-base img,.photo-hover img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}
.photo-hover{opacity:0;transform:scale(1.12);}
.photo-box:hover .photo-base{transform:scale(1.06);}
.photo-box:hover .photo-hover{opacity:1;transform:scale(1);}
.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,36,64,.15) 0%, rgba(10,36,64,.78) 100%);z-index:2;}
.hero-badge-chip{display:flex;align-items:center;gap:8px;background:var(--glass-bg);border:1px solid var(--glass-brd);backdrop-filter:blur(10px);padding:8px 14px;border-radius:50px;font-size:.85rem;font-weight:600;font-family:'Inter',sans-serif;color:#fff;}
.hero-badge-chip img{width:16px;height:16px;color:#fff;}

/* ---- about intro collage ---- */
.collage-tall{height:426px;}
.collage-wide{height:205px;}
.collage-badge-card{background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#fff;border-radius:16px;padding:22px 24px;margin-top:18px;position:relative;overflow:hidden;}
.collage-badge-card .num{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.6rem;color:#fff;}
.collage-badge-card p{color:#cddcf3;font-size:.86rem;margin:2px 0 0;}
.video-panel{position:relative;height:280px;border-radius:20px;overflow:hidden;margin-top:10px;}
.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 32px -10px rgba(0,0,0,.4);transition:all .4s var(--ease);z-index:3;cursor:pointer;}
.video-play-btn:hover{transform:translate(-50%,-50%) scale(1.1);background:#fff;}
.video-play-btn img{width:26px;height:26px;color:var(--blue);margin-left:3px;}
.video-ring{position:absolute;top:50%;left:50%;width:74px;height:74px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.6);animation:ringPulse 2.2s ease-out infinite;z-index:2;}
@keyframes ringPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8;}100%{transform:translate(-50%,-50%) scale(1.7);opacity:0;}}

/* ---- vision split ---- */
.vision-feature{display:flex;gap:14px;margin-bottom:22px;}
.vision-feature-ico{width:42px;height:42px;border-radius:11px;background:var(--blue-soft);display:flex;align-items:center;justify-content:center;flex:none;transition:all .35s var(--ease);}
.vision-feature:hover .vision-feature-ico{background:var(--blue);}
.vision-feature-ico img{width:20px;height:20px;color:var(--blue);transition:color .35s var(--ease);}
.vision-feature:hover .vision-feature-ico img{color:#fff;}
.vision-feature h4{font-size:1rem;margin-bottom:2px;}
.vision-feature p{font-size:.86rem;color:var(--muted);margin:0;}
.vision-dark-card{background:linear-gradient(160deg,var(--navy),var(--navy-3));color:#fff;border-radius:18px;padding:30px 26px;height:100%;position:relative;overflow:hidden;}
.vision-dark-card .abs-dots{opacity:.4;}
.vision-dark-card p{color:#cddcf3;font-size:.92rem;position:relative;z-index:2;}
.vision-checklist{list-style:none;padding:0;margin:16px 0 0;position:relative;z-index:2;}
.vision-checklist li{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;font-size:.9rem;color:#fff;font-weight:500;}
.vision-checklist img{width:18px;height:18px;color:#7fd4a0;flex:none;margin-top:1px;}
.vision-image{height:100%;min-height:420px;}

/* ---- mission & vision cards ---- */
.mv-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px;height:100%;transition:all .4s var(--ease);}
.mv-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px -18px rgba(10,36,64,.2);border-color:transparent;}
.mv-ico{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--navy-3));display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.mv-ico img{width:24px;height:24px;color:#fff;}

/* ---- core values ---- */
.value-card{position:relative;border-radius:16px;overflow:hidden;height:170px;display:flex;align-items:flex-end;transition:transform .4s var(--ease);}
.value-card:hover{transform:translateY(-6px);}
.value-card .photo-shade{background:linear-gradient(180deg,rgba(10,36,64,.05) 20%,rgba(10,36,64,.86) 100%);}
.value-card-content{position:relative;z-index:3;padding:16px;color:#fff;}
.value-card-content h4{color:#fff;font-size:1rem;margin-bottom:2px;}
.value-card-content p{color:#cddcf3;font-size:.78rem;margin:0;opacity:0;max-height:0;transition:all .4s var(--ease);}
.value-card:hover .value-card-content p{opacity:1;max-height:60px;margin-top:4px;}

/* ---- our stories + milestones (2x2 year grid) ---- */
.story-image{height:520px;}
.milestone-grid-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 20px;height:100%;transition:all .4s var(--ease);}
.milestone-grid-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px -18px rgba(10,36,64,.2);border-color:transparent;}
.milestone-grid-card.dark{background:linear-gradient(150deg,var(--navy),var(--navy-3));border-color:transparent;}
.milestone-grid-card .yr{font-family:'Poppins',sans-serif;font-weight:800;color:var(--blue);font-size:1.5rem;}
.milestone-grid-card.dark .yr{color:#fff;}
.milestone-grid-card h5{font-size:.98rem;margin:8px 0 4px;}
.milestone-grid-card.dark h5{color:#fff;}
.milestone-grid-card p{font-size:.84rem;color:var(--muted);margin:0;}
.milestone-grid-card.dark p{color:#cddcf3;}

/* ---- stats bar ---- */
.stats-strip{background:linear-gradient(120deg,var(--navy),var(--blue) 120%);position:relative;overflow:hidden;padding:60px 0;}
.stats-strip .abs-dots{opacity:.5;}
.stat-box{position:relative;z-index:2;text-align:center;color:#fff;}
.stat-icon-wrap{width:52px;height:52px;border-radius:14px;margin:0 auto 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;}
.stat-icon-wrap img{width:24px;height:24px;color:#fff;}
.stat-num{font-family:'Poppins',sans-serif;font-weight:800;font-size:2.3rem;color:#fff;}
.stat-label{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#cddcf3;font-weight:600;}

/* ---- leadership / director cards ---- */
.director-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;height:100%;position:relative;transition:all .4s var(--ease);overflow:hidden;}
.director-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--blue-2),var(--navy));}
.director-card:hover{transform:translateY(-8px);box-shadow:0 28px 46px -20px rgba(10,36,64,.22);border-color:transparent;}
.director-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.director-avatar{position:relative;width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--navy-3));display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:1.2rem;flex:none;}
.director-ring{position:absolute;inset:-6px;border-radius:50%;border:2px dashed var(--blue-2);opacity:.6;animation:spin 16s linear infinite;}
.director-quote-ico{width:38px;height:38px;border-radius:10px;background:var(--blue-soft);display:flex;align-items:center;justify-content:center;color:var(--blue);flex:none;}
.director-quote-ico img{width:18px;height:18px;}
.director-role{font-family:'Barlow Condensed',sans-serif;color:var(--blue);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;}
.director-tags{display:flex;gap:8px;flex-wrap:wrap;}
.director-tags span{background:var(--bg);border:1px solid var(--line);border-radius:50px;padding:4px 12px;font-size:.75rem;font-family:'Barlow Condensed',sans-serif;font-weight:600;color:var(--muted);}

/* ---- CTA banner ---- */
.cta-banner{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-3) 60%,#0c2f57 100%);padding:90px 0;text-align:center;}
.cta-banner .abs-dots{opacity:.4;}
.cta-banner-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.3;}
.cta-banner-blob.c1{width:380px;height:380px;background:radial-gradient(circle,var(--blue) 0%,transparent 70%);top:-120px;left:10%;}
.cta-banner-blob.c2{width:340px;height:340px;background:radial-gradient(circle,var(--blue-2) 0%,transparent 70%);bottom:-120px;right:10%;}
.cta-banner h2{color:#fff;position:relative;z-index:2;font-size:clamp(1.7rem,3.4vw,2.4rem);}
.cta-banner p{color:#cddcf3;position:relative;z-index:2;max-width:520px;margin:12px auto 26px;}
.cta-banner .btn{position:relative;z-index:2;}

@media (max-width:991px){
  .collage-tall{height:320px;}
  .collage-wide{height:180px;}
  .story-image{height:360px;}
  .vision-image{min-height:300px;margin-top:24px;}
}


  .certification-section{
    background:#f7f9fc;
    position:relative;
    overflow:hidden;
}

.certification-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle,#d9e3ef 1px,transparent 1px);
    background-size:16px 16px;
    opacity:.25;
    pointer-events:none;
}

.cert-badge{
    background:#e9f1ff;
    color:#0d4eb3;
    font-weight:600;
    border-radius:50px;
    letter-spacing:1px;
}

.title-line{
    width:70px;
    height:4px;
    background:#0d4eb3;
    border-radius:20px;
}

.certificate-card{
    background:#fff;
    border-radius:18px;
    padding:18px;
    transition:.35s;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    height:100%;
}

.certificate-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 35px rgba(0,0,0,.15);
}

.certificate-card img{
    width:100%;
    /* max-height:270px; */
    /* object-fit:contain; */
    height: 24rem;
        border-radius: 0.8rem;
}

.certificate-card small{
    display:block;
    margin-top:15px;
    color:#666;
    font-size:.72rem;
    font-weight:600;
}

.certificate-card h6{
    color:#123b7c;
    font-weight:700;
    margin-top:6px;
}

.feature-box{
    background:linear-gradient(90deg,#0a2f74,#133f8f);
    border-radius:22px;
    padding:25px;
    color:#fff;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.feature-item{
    border-right:1px solid rgba(255,255,255,.18);
    padding:0 15px;
    height:100%;
}

.feature-item i{
    font-size:2rem;
    margin-bottom:18px;
    display:block;
}

.feature-item h6{
    font-weight:500;
    line-height:1.6;
    margin-bottom:0;
}

@media(max-width:991px){

.feature-item{
    border-right:none;
}

}

@media(max-width:768px){

.certification-section{
    padding:70px 0;
}

.display-6{
    font-size:2rem;
}

.certificate-card{
    padding:14px;
}

.certificate-card img{
    max-height:220px;
}

.feature-box{
    padding:18px;
}

.feature-item{
    padding:15px 8px;
}

.feature-item i{
    font-size:1.8rem;
}

.feature-item h6{
    font-size:.92rem;
}

}

@media(max-width:576px){

.display-6{
    font-size:1.7rem;
}

.cert-badge{
    font-size:.75rem;
}

.certificate-card img{
    max-height:180px;
}

.certificate-card small{
    font-size:.65rem;
}

.certificate-card h6{
    font-size:.9rem;
}

.feature-item h6{
    font-size:.82rem;
}

}