/* Floating icon */
#floating-icon a.bg-orange { background: var(--uni-blue) !important; }

/* ── Page Hero ── */
#page-hero {
    background: linear-gradient(140deg, var(--uni-blue) 0%, #3a0070 100%);
    padding: 145px 0 80px;
    position: relative;
    overflow: hidden;
}
#page-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('../../images/slider-images/photo-1781038507661-06501ddcdc90.avif') center/cover no-repeat;
    opacity: .12;
}
#page-hero .inner { position:relative; z-index:1; }

/* ── Shared section helpers ── */
.section-label { display:inline-block; color:var(--uni-blue); font-weight:700; font-size:.85rem; letter-spacing:.13em; text-transform:uppercase; margin-bottom:14px; }
.section-label-light { color:var(--uni-yellow); }
.section-title { font-size:clamp(1.8rem,3.2vw,2.7rem); font-weight:900; color:#0d0028; font-family:var(--font-main); line-height:1.2; margin-bottom:16px; }
.section-title-light { color:#fff; }
.section-divider { width:48px; height:4px; background:var(--uni-blue); border-radius:2px; margin:0 0 28px; }
.section-divider-light { background:var(--uni-yellow); }
.section-divider-center { margin:0 auto 28px; }

/* ── Who We Are ── */
#section-who { padding:88px 0; background:#fff; }
.who-img { border-radius:20px; overflow:hidden; position:relative; }
.who-img img { width:100%; height:420px; object-fit:cover; display:block; border-radius:20px; }
.who-img-badge { position:absolute; bottom:24px; left:24px; background:var(--uni-blue); color:#fff; border-radius:14px; padding:16px 22px; }
.who-img-badge strong { font-size:2rem; font-weight:900; font-family:var(--font-main); display:block; line-height:1; }
.who-img-badge span { font-size:.88rem; opacity:.85; }
.who-text p { font-size:1.06rem; color:#555; line-height:1.8; margin-bottom:16px; }

/* ── Mission & Vision ── */
#section-mv { padding:88px 0; background:#f7f8fc; }
.mv-card { background:#fff; border-radius:18px; padding:40px 36px; height:360px; box-shadow:0 4px 24px rgba(41,0,151,.07); transition:transform .25s, box-shadow .25s; }
.mv-card:hover { transform:translateY(-6px); box-shadow:0 12px 40px rgba(41,0,151,.13); }
.mv-icon { width:64px; height:64px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:1.6rem; margin-bottom:22px; }
.mv-icon-blue { background:rgba(41,0,151,.1); color:var(--uni-blue); }
.mv-icon-yellow { background:rgba(245,245,54,.25); color:#a08a00; }
.mv-card h3 { font-size:1.35rem; font-weight:900; color:#0d0028; font-family:var(--font-main); margin-bottom:14px; }
.mv-card p { font-size:1rem; color:#666; line-height:1.75; margin:0; }

/* ── Why Choose — 3-col icon cards ── */
#section-why { padding:88px 0; background:#fff; }
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:52px; }
@media(max-width:991px){ .why-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .why-grid{ grid-template-columns:1fr; } }
.why-card { text-align:center; padding:36px 28px; border-radius:16px; border:1.5px solid #eef0f8; transition:border-color .2s, box-shadow .2s; }
.why-card:hover { border-color:var(--uni-blue); box-shadow:0 8px 32px rgba(41,0,151,.09); }
.why-icon-wrap { width:72px; height:72px; border-radius:50%; background:rgba(41,0,151,.07); color:var(--uni-blue); font-size:1.7rem; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; transition:background .2s; }
.why-card:hover .why-icon-wrap { background:var(--uni-blue); color:#fff; }
.why-card h4 { font-size:1.08rem; font-weight:800; color:#0d0028; font-family:var(--font-main); margin-bottom:12px; }
.why-card p { font-size:.95rem; color:#888; line-height:1.7; margin:0; }

/* ── Stats ── */
#section-stats { padding:0; background:var(--uni-blue); }
.stats-inner { padding:72px 0; }
.stat-item { text-align:center; padding:20px; }
.stat-number { font-size:clamp(2.4rem,4vw,3.6rem); font-weight:900; color:var(--uni-yellow); font-family:var(--font-main); line-height:1; margin-bottom:8px; }
.stat-label { font-size:1rem; color:rgba(255,255,255,.8); font-weight:600; }

/* ── CTA ── */
#section-cta { padding:88px 0; background:#f0f4ff; }
.cta-box { background:var(--uni-blue); border-radius:24px; padding:60px 48px; text-align:center; position:relative; overflow:hidden; }
.cta-box::before { content:''; position:absolute; inset:0; background:url('../../images/slider-images/photo-1656501383705-11211948e6e5.avif') center/cover; opacity:.07; }
.cta-box .inner { position:relative; z-index:1; }
.cta-box h2 { font-size:clamp(1.8rem,3vw,2.6rem); font-weight:900; color:#fff; font-family:var(--font-main); margin-bottom:16px; }
.cta-box p { color:rgba(255,255,255,.8); font-size:1.08rem; max-width:520px; margin:0 auto 32px; line-height:1.75; }
.btn-cta-primary { display:inline-block; background:var(--uni-yellow); color:var(--uni-blue) !important; padding:15px 44px; border-radius:10px; font-weight:800; font-size:1.05rem; font-family:var(--font-main); text-decoration:none !important; transition:opacity .2s; margin:0 8px 10px; }
.btn-cta-primary:hover { opacity:.88; }
.btn-cta-outline { display:inline-block; border:2px solid rgba(255,255,255,.5); color:#fff !important; padding:13px 36px; border-radius:10px; font-weight:700; font-size:1.05rem; font-family:var(--font-main); text-decoration:none !important; transition:border-color .2s, background .2s; margin:0 8px 10px; }
.btn-cta-outline:hover { border-color:#fff; background:rgba(255,255,255,.08); }

/* ── Responsive ── */

/* who-right-col: replaced inline style padding-left:48px */
.who-right-col { padding-left: 48px; }

/* ── Tablet (≤ 991px) ── */
@media (max-width: 991px) {
  .who-right-col { padding-left: 24px; }
  #section-who, #section-mv, #section-why, #section-cta { padding: 64px 0; }
  .mv-card { height: auto; }
}

/* ── Mobile (≤ 767px) ── */
@media (max-width: 767px) {
  .who-right-col { padding-left: 15px; padding-top: 28px; }
  #section-who, #section-mv, #section-why, #section-cta { padding: 48px 0; }
  .who-img img { height: 300px; }
  .mv-card { padding: 28px 22px; }
  .stats-inner { padding: 48px 0; }
  .cta-box { padding: 40px 24px; }
}

/* ── Tiny phone (≤ 480px) ── */
@media (max-width: 480px) {
  #section-who, #section-mv, #section-why, #section-cta { padding: 36px 0; }
  .mv-card { padding: 22px 18px; }
  .stat-number { font-size: 2rem; }
}