:root { --h2-size: clamp(26px, 2.8vw, 36px); }
/* ===== Scholarships (v2): split card, green/blue theme ===== */
.sch-area { position: relative; overflow: hidden; color: #fff; background-color: #0b2146; background-repeat: no-repeat; background-size: cover; background-position: center; }
.sch-area.bg-in { background-image: linear-gradient(180deg, rgba(11, 33, 70, .55), rgba(11, 33, 70, .88)), url(../img/slider_bg.webp); }
.sch-area::before, .sch-area::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.sch-area::before { width: 420px; height: 420px; top: -180px; right: -120px; background: radial-gradient(circle, rgba(47, 111, 224, .3), transparent 68%); }
.sch-area::after { width: 400px; height: 400px; bottom: -200px; left: -120px; background: radial-gradient(circle, rgba(47, 174, 102, .26), transparent 68%); }
.sch-area > .container { position: relative; z-index: 1; }
.sch-head { text-align: center; max-width: 760px; margin: 0 auto 36px; }
.sch-pill { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 16px; padding: 7px 18px; font-size: 12.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #bdf0d1; background: rgba(95, 216, 139, .12); border: 1px solid rgba(95, 216, 139, .4); border-radius: 999px; }
.sch-head h2 { margin: 0 0 12px; color: #fff; font-size: var(--h2-size); font-weight: 700; line-height: 1.25; }
.sch-head h2 span { color: #5fd88b; }
.sch-head p { margin: 0; font-size: 16px; line-height: 1.7; color: rgba(255, 255, 255, .8); text-align: center; }
.sch-grid { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 26px; align-items: start; }
.sch-list { display: grid; gap: 8px; align-content: start; }
.sch-tab { display: flex; align-items: center; gap: 11px; width: 100%; padding: 8px 12px 8px 8px; font-family: inherit; text-align: left; color: #fff; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; cursor: pointer; transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; }
.sch-tab:hover { background: rgba(255, 255, 255, .14); transform: translateX(3px); }
.sch-tab:focus-visible { outline: 3px solid #5fd88b; outline-offset: 2px; }
.sch-tab-ic { flex: 0 0 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; background: rgba(255, 255, 255, .13); border-radius: 10px; transition: background .25s ease; }
.sch-tab-name { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 600; line-height: 1.3; }
.sch-tab-go { flex: 0 0 auto; font-size: 11px; opacity: 0; transform: translateX(-4px); transition: opacity .25s ease, transform .25s ease; }
.sch-tab.is-active { color: #0b2146; background: #fff; border-color: #fff; box-shadow: 0 14px 30px -12px rgba(0, 0, 0, .55); transform: translateX(6px); }
.sch-tab.is-active .sch-tab-ic { color: #fff; background: linear-gradient(135deg, #1f9d55, #2f6fe0); }
.sch-tab.is-active .sch-tab-go { opacity: 1; transform: none; color: #2f6fe0; }
.sch-stage { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.sch-panel { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); overflow: hidden; color: #1c2f5c; background: #fff; border-radius: 28px; box-shadow: 0 30px 64px -24px rgba(0, 0, 0, .6); min-height: 500px; }
.sch-panel[hidden] { display: none; }
.sch-panel.is-in { animation: sch-in .5s cubic-bezier(.2, .7, .2, 1); }
@keyframes sch-in { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }
.sch-media { position: relative; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; background: radial-gradient(circle at 30% 20%, rgba(47, 174, 102, .22), transparent 55%), radial-gradient(circle at 80% 85%, rgba(47, 111, 224, .22), transparent 55%), linear-gradient(160deg, #e9f7f0 0%, #e5eefc 100%); }
.sch-img { display: block; width: 100%; height: 100%; max-height: 520px; object-fit: contain; object-position: bottom center; }
.sch-ring { position: absolute; left: 20px; bottom: 20px; z-index: 2; width: 126px; height: 126px; background: #fff; border-radius: 50%; box-shadow: 0 16px 34px rgba(11, 33, 70, .32), 0 0 0 5px rgba(255, 255, 255, .55); }
.sch-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); padding: 7px; }
.sch-ring circle { fill: none; stroke-width: 9; stroke-linecap: round; }
.sch-ring-bg { stroke: #e3ebf6; }
.sch-ring-fg { stroke: #2fae66; stroke-dasharray: 100; stroke-dashoffset: 100; }
.sch-panel.is-in .sch-ring-fg { animation: sch-ring 1s .1s cubic-bezier(.2, .7, .2, 1) forwards; }
@keyframes sch-ring { to { stroke-dashoffset: calc(100 - var(--pct)); } }
.sch-ring-txt { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; }
.sch-ring-txt b { font-size: 38px; font-weight: 800; color: #1c2f5c; }
.sch-ring-txt em { margin-top: 4px; font-style: normal; font-size: 11px; font-weight: 800; letter-spacing: .08em; color: #2fae66; }
.sch-info { display: flex; flex-direction: column; justify-content: center; padding: 34px 38px; min-width: 0; }
.sch-for { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #2557c2; }
.sch-info h3 { margin: 6px 0 10px; font-size: 28px; font-weight: 800; line-height: 1.2; color: #1c2f5c; }
.sch-desc { margin: 0 0 14px; font-size: 15.5px; line-height: 1.75; color: #3b4a68; text-align: left; }
.sch-who { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 16px; padding: 12px 14px; font-size: 14.5px; line-height: 1.55; color: #24407a; text-align: left; background: #eef4fd; border-radius: 14px; }
.sch-who i { margin-top: 4px; color: #2fae66; }
.sch-who strong { color: #1c2f5c; }
.sch-steps { list-style: none; display: grid; gap: 9px; margin: 0 0 16px; padding: 0; }
.sch-steps li { display: flex; align-items: center; gap: 12px; font-size: 14px; line-height: 1.5; color: #3b4a68; }
.sch-steps b { flex: 0 0 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; font-size: 12.5px; font-weight: 800; color: #fff; background: linear-gradient(135deg, #7ae6a0, #2a9a55); }
.sch-progs { list-style: none; display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 20px; padding: 0; }
.sch-progs li { padding: 4px 12px; font-size: 12px; font-weight: 700; color: #1b7d5a; background: #e2f5ec; border-radius: 999px; }
.sch-progs li:nth-child(even) { color: #2557c2; background: #e6eefc; }
.sch-cta { display: flex; flex-wrap: wrap; gap: 10px; }
.sch-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 18px; font-size: 12.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; border-radius: 11px; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease; }
.sch-btn-primary { color: #fff; background: linear-gradient(135deg, #1f9d55, #2f6fe0); box-shadow: 0 10px 20px -8px rgba(47, 111, 224, .6); }
.sch-btn-primary:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 14px 24px -8px rgba(47, 111, 224, .7); }
.sch-btn-ghost { color: #1c2f5c; background: #fff; border: 1.5px solid #cdd8ec; }
.sch-btn-ghost:hover { color: #fff; background: #1c2f5c; border-color: #1c2f5c; transform: translateY(-2px); }
.sch-note { margin: 0; font-size: 12.5px; line-height: 1.6; color: rgba(255, 255, 255, .7); text-align: left; }
.sch-note a { color: #bdf0d1; font-weight: 700; text-decoration: underline; }
@media (max-width: 1199.98px) { .sch-grid { grid-template-columns: 220px minmax(0, 1fr); } .sch-info { padding: 28px 28px; } }
@media (max-width: 991.98px) {
  .sch-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .sch-list { display: flex; gap: 8px; overflow-x: auto; margin: 0 -12px; padding: 4px 12px 8px; scroll-snap-type: x proximity; scrollbar-width: none; }
  .sch-list::-webkit-scrollbar { display: none; }
  .sch-tab { flex: 0 0 auto; width: auto; scroll-snap-align: center; padding: 7px 14px 7px 7px; }
  .sch-tab:hover, .sch-tab.is-active { transform: none; }
  .sch-tab-name { flex: 0 0 auto; white-space: nowrap; }
  .sch-tab-go { display: none; }
  .sch-panel { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .sch-media { height: 270px; }
  .sch-img { max-height: 270px; }
  .sch-ring { left: 50%; bottom: -46px; transform: translateX(-50%); }
  .sch-info { padding: 62px 24px 26px; align-items: flex-start; }
  .sch-media { overflow: visible; }
  .sch-media .sch-img { position: relative; z-index: 0; }
}
@media (max-width: 575.98px) { .sch-info h3 { font-size: 23px; } .sch-desc { font-size: 15px; } .sch-btn { flex: 1 1 auto; } .sch-head p { font-size: 15px; } .sch-info { padding: 60px 18px 22px; } }
@media (prefers-reduced-motion: reduce) { .sch-panel.is-in, .sch-panel.is-in .sch-ring-fg { animation: none; } .sch-panel .sch-ring-fg { stroke-dashoffset: calc(100 - var(--pct)); } .sch-tab, .sch-btn { transition: none; } }
/* clip (not hidden) so nothing can ever scroll the section sideways */
.sch-area { overflow: hidden; overflow: clip; }

/* section spacing (this site has no .pt-50/.pb-50 helpers) */
.sch-area { padding: 80px 0; }
@media (max-width: 767.98px) { .sch-area { padding: 56px 0; } }