/* =====================================================================
   ABOUT PAGES (Profile, Achievements): extra styles only.
   Load AFTER css/services-pages.css. It reuses the same #svc-page wrapper
   and the sv- classes from that file, and adds only what is new here.
   ===================================================================== */

/* ---------- stats band ---------- */
#svc-page .pf-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;background:#fff;border:1px solid var(--sv-line);border-radius:20px;overflow:hidden}
#svc-page .pf-stat{padding:30px 18px;text-align:center;border-left:1px solid var(--sv-line)}
#svc-page .pf-stat:first-child{border-left:0}
#svc-page .pf-num{display:block;font-size:42px;line-height:1.1;font-weight:700;color:var(--sv-navy)}
#svc-page .pf-label{display:block;margin-top:8px;font-size:15px;color:var(--sv-muted)}

/* ---------- vision + mission pair ---------- */
#svc-page .pf-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:84px}
#svc-page .pf-duo .sv-feature,
#svc-page .pf-duo .sv-card{height:100%}
#svc-page .pf-duo .sv-card p{font-size:16px;line-height:1.75}
#svc-page .sv-feature .pf-quote{margin:16px 0;padding:6px 0 6px 18px;border-left:3px solid var(--sv-red);font-size:18px;line-height:1.6;font-weight:600;color:#fff}
#svc-page .sv-feature .pf-quote + p{margin-top:0}

/* ---------- two-column card grid (long service descriptions) ---------- */
#svc-page .sv-cards.pf-two{grid-template-columns:repeat(2,1fr)}

/* ---------- tile subtitle ---------- */
#svc-page .sv-tile .pf-sub{display:block;margin:-2px 0 10px;font-size:14px;line-height:1.5;font-weight:600;color:#9fc0ea}

/* ---------- animated gif icons inside .sv-ico ---------- */
#svc-page .sv-ico img{width:36px;height:36px;object-fit:contain;display:block}
#svc-page .pf-gif:hover .sv-ico{background:var(--sv-sky)}

/* ---------- team ---------- */
#svc-page .pf-team{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
#svc-page .pf-person{background:#fff;border:1px solid var(--sv-line);border-radius:18px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
#svc-page .pf-person:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(7,39,86,.5)}
#svc-page .pf-photo{aspect-ratio:4/5;background:var(--sv-sky);overflow:hidden}
#svc-page .pf-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
#svc-page .pf-person h4{margin:18px 0 4px;text-align:center;font-size:19px;font-weight:700;color:var(--sv-navy)}
#svc-page .pf-person p{margin:0 0 22px;text-align:center;font-size:15px;color:var(--sv-muted)}

/* ---------- responsive ---------- */
@media (max-width:991px){
  #svc-page .pf-duo{grid-template-columns:1fr}
  #svc-page .pf-team{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  #svc-page .pf-stats{grid-template-columns:repeat(2,1fr)}
  #svc-page .pf-stat:nth-child(odd){border-left:0}
  #svc-page .pf-stat:nth-child(n+3){border-top:1px solid var(--sv-line)}
  #svc-page .pf-num{font-size:34px}
}
@media (max-width:600px){
  #svc-page .sv-cards.pf-two{grid-template-columns:1fr}
  #svc-page .pf-team{gap:14px}
}

/* =====================================================================
   ABOUT PAGES (Profile, Achievements): extra styles only.
   Load AFTER css/services-pages.css. It reuses the same #svc-page wrapper
   and the sv- classes from that file, and adds only what is new here.
   ===================================================================== */
 
/* ---------- stats band ---------- */
#svc-page .pf-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;background:#fff;border:1px solid var(--sv-line);border-radius:20px;overflow:hidden}
#svc-page .pf-stat{padding:30px 18px;text-align:center;border-left:1px solid var(--sv-line)}
#svc-page .pf-stat:first-child{border-left:0}
#svc-page .pf-num{display:block;font-size:42px;line-height:1.1;font-weight:700;color:var(--sv-navy)}
#svc-page .pf-label{display:block;margin-top:8px;font-size:15px;color:var(--sv-muted)}
 
/* ---------- vision + mission pair ---------- */
#svc-page .pf-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:84px}
#svc-page .pf-duo .sv-feature,
#svc-page .pf-duo .sv-card{height:100%}
#svc-page .pf-duo .sv-card p{font-size:16px;line-height:1.75}
#svc-page .sv-feature .pf-quote{margin:16px 0;padding:6px 0 6px 18px;border-left:3px solid var(--sv-red);font-size:18px;line-height:1.6;font-weight:600;color:#fff}
#svc-page .sv-feature .pf-quote + p{margin-top:0}
 
/* ---------- two-column card grid (long service descriptions) ---------- */
#svc-page .sv-cards.pf-two{grid-template-columns:repeat(2,1fr)}
 
/* ---------- tile subtitle ---------- */
#svc-page .sv-tile .pf-sub{display:block;margin:-2px 0 10px;font-size:14px;line-height:1.5;font-weight:600;color:#9fc0ea}
 
/* ---------- animated gif icons inside .sv-ico ---------- */
#svc-page .sv-ico img{width:36px;height:36px;object-fit:contain;display:block}
#svc-page .pf-gif:hover .sv-ico{background:var(--sv-sky)}
 
/* ---------- team ---------- */
#svc-page .pf-team{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
#svc-page .pf-person{background:#fff;border:1px solid var(--sv-line);border-radius:18px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
#svc-page .pf-person:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(7,39,86,.5)}
#svc-page .pf-photo{aspect-ratio:4/5;background:var(--sv-sky);overflow:hidden}
#svc-page .pf-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
#svc-page .pf-person h4{margin:18px 0 4px;text-align:center;font-size:19px;font-weight:700;color:var(--sv-navy)}
#svc-page .pf-person p{margin:0 0 22px;text-align:center;font-size:15px;color:var(--sv-muted)}
 
/* ---------- responsive ---------- */
@media (max-width:991px){
  #svc-page .pf-duo{grid-template-columns:1fr}
  #svc-page .pf-team{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  #svc-page .pf-stats{grid-template-columns:repeat(2,1fr)}
  #svc-page .pf-stat:nth-child(odd){border-left:0}
  #svc-page .pf-stat:nth-child(n+3){border-top:1px solid var(--sv-line)}
  #svc-page .pf-num{font-size:34px}
}
@media (max-width:600px){
  #svc-page .sv-cards.pf-two{grid-template-columns:1fr}
  #svc-page .pf-team{gap:14px}
}
 
 
/* =====================================================================
   ACHIEVEMENTS PAGE (added on top of the Profile styles above)
   ===================================================================== */
 
/* ---------- airline awards ---------- */
#svc-page .ac-title{font-size:30px;line-height:1.3;font-weight:700;color:var(--sv-navy);margin-bottom:24px}
#svc-page .ac-chips{display:flex;flex-wrap:wrap;gap:10px}
#svc-page .ac-chips li{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--sv-line);border-radius:999px;font-size:14px;line-height:1.3;font-weight:600;color:var(--sv-navy)}
#svc-page .ac-chips li:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--sv-red)}
 
/* ---------- milestone figures ---------- */
#svc-page .ac-fig{display:block;font-size:40px;line-height:1.1;font-weight:700;color:var(--sv-red)}
#svc-page .ac-figlabel{display:block;margin:4px 0 16px;font-size:14px;color:var(--sv-muted)}
 
/* ---------- associated-with logos ---------- */
#svc-page .ac-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
#svc-page .ac-logo{display:flex;align-items:center;justify-content:center;height:110px;padding:18px;background:#fff;border:1px solid var(--sv-line);border-radius:18px;transition:transform .25s ease,box-shadow .25s ease}
#svc-page .ac-logo:hover{transform:translateY(-4px);box-shadow:0 18px 34px -22px rgba(7,39,86,.5)}
#svc-page .ac-logo img{display:block;max-width:100%;max-height:72px;object-fit:contain}
 
/* ---------- certificate gallery (opens in the existing lightbox) ---------- */
#svc-page .ac-certs{column-count:5;column-gap:18px}
#svc-page .ac-cert{position:relative;display:block;break-inside:avoid;margin:0 0 18px;background:#fff;border:1px solid var(--sv-line);border-radius:14px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
#svc-page .ac-cert:hover{transform:translateY(-4px);box-shadow:0 18px 34px -22px rgba(7,39,86,.5)}
#svc-page .ac-cert img{display:block;width:100%;height:auto}
#svc-page .ac-cert:after{content:"\f00e";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--sv-navy);color:#fff;font-size:14px;opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}
#svc-page .ac-cert:hover:after,#svc-page .ac-cert:focus-visible:after{opacity:1;transform:none}
 
@media (max-width:991px){
  #svc-page .ac-certs{column-count:3}
  #svc-page .ac-title{font-size:26px}
}
@media (max-width:600px){
  #svc-page .ac-certs{column-count:2;column-gap:12px}
  #svc-page .ac-cert{margin-bottom:12px}
  #svc-page .ac-logos{grid-template-columns:repeat(2,1fr);gap:12px}
  #svc-page .ac-title{font-size:23px}
}