/* about.css — about section, stat counters, mission/plan/vision cards, feature tabs */
.about{padding:100px 0 20px;}
.count-box{
  background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);
  padding:26px 20px;text-align:center;width:100%;transition:border-color var(--dur);position:relative;overflow:hidden;
  --glow-x:50%;--glow-y:50%;
}
.count-box::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:radial-gradient(200px circle at var(--glow-x) var(--glow-y), rgba(255,213,79,.5), transparent 60%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity var(--dur-fast);
}
.count-box:hover::before{opacity:1;}
.count-box:hover{border-color:rgba(255,213,79,.3);}
.count-box i{font-size:30px;color:var(--yellow);margin-bottom:10px;display:block;}
.count-box span{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3vw,36px);color:var(--white);display:block;}
.count-box p{font-family:var(--font-label);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:8px;}

.about .video-box{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--glass-border);}
.about .video-box img{filter:saturate(.9) brightness(.85);}
.about .video-box .play-btn{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;
  background:var(--yellow);display:flex;align-items:center;justify-content:center;
}
.about .video-box .play-btn::before{content:"";border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent var(--navy-950);margin-left:4px;}
.about .content h3{font-size:clamp(22px,2.6vw,28px);margin-bottom:16px;}
.about .content ul li{display:flex;gap:10px;color:var(--text-dim);margin-bottom:12px;font-size:15px;}
.about .content ul li i{color:var(--green);flex-shrink:0;margin-top:3px;}
.about .content p.fst-italic{color:var(--yellow);font-style:italic;margin-bottom:14px;}

.about-boxes{padding:80px 0;}
.about-boxes .card{
  background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);
  overflow:hidden;transition:border-color var(--dur);width:100%;position:relative;
  --glow-x:50%;--glow-y:50%;
}
.about-boxes .card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:1;
  background:radial-gradient(220px circle at var(--glow-x) var(--glow-y), rgba(255,213,79,.5), transparent 60%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity var(--dur-fast);
}
.about-boxes .card:hover::before{opacity:1;}
.about-boxes .card:hover{border-color:rgba(255,213,79,.3);}
.about-boxes .card-img-top{height:150px;object-fit:cover;opacity:.85;}
.about-boxes .card-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,213,79,.1);display:flex;align-items:center;justify-content:center;margin:-22px 20px 0;position:relative;}
.about-boxes .card-icon i{color:var(--yellow);font-size:20px;}
.about-boxes .card-body{padding:20px;}
.about-boxes .card-title a{font-size:18px;color:var(--white);}
.about-boxes .card-text{color:var(--text-dim);font-size:13.8px;margin-top:8px;}

/* feature tabs (About / Consultancy / Partnership / Career) */
.features{padding:80px 0;}
.features .nav-tabs{border:none;gap:10px;flex-wrap:wrap;}
.features .nav-tabs .nav-link{
  border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg);color:var(--text-dim);
  text-align:center;padding:18px 10px;width:100%;transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);
}
.features .nav-tabs .nav-link i{font-size:24px;display:block;margin-bottom:8px;color:var(--yellow);}
.features .nav-tabs .nav-link.active{background:rgba(255,213,79,.12);border-color:rgba(255,213,79,.4);color:var(--white);}
.features .tab-content{margin-top:44px;}
.features .tab-pane h3{font-size:clamp(20px,2.4vw,26px);margin-bottom:16px;}
.features .tab-pane p{color:var(--text-dim);margin-bottom:14px;}
.features .tab-pane ul li{display:flex;gap:10px;color:var(--text-dim);margin-bottom:12px;font-size:14.5px;}
.features .tab-pane ul li i{color:var(--green);margin-top:3px;flex-shrink:0;}
