/* ==========================================================
   SCEF PREMIUM THEME V7
   Persistent scroll menu + plain responsive banner + premium courses
   ========================================================== */
:root{
  --v7-navy:#05284f;
  --v7-blue:#075fbd;
  --v7-blue-2:#0a76d6;
  --v7-gold:#ffc62e;
  --v7-gold-2:#ffb815;
  --v7-ink:#0c315d;
}

/* ---------- MENU: always available while page scrolls ---------- */
.sx-nav-sentinel{height:0!important;width:100%!important;pointer-events:none!important}
.sx-nav-spacer{height:0;transition:none!important}
.sx-nav-wrap.sx-nav-fixed{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:1600!important;
  animation:sxV7MenuIn .18s ease-out both;
  box-shadow:0 10px 32px rgba(3,34,73,.26)!important;
}
.sx-nav-wrap.sx-nav-fixed .sx-nav-in{min-height:52px!important}
.sx-nav-wrap.sx-nav-fixed .sx-nav>li>a{min-height:52px!important}
@keyframes sxV7MenuIn{from{transform:translateY(-6px);opacity:.92}to{transform:translateY(0);opacity:1}}

/* ---------- HOME HERO: PLAIN BANNER ONLY ---------- */
.sx-home-page .sx-hero-v6{
  min-height:0!important;
  padding:18px 0 20px!important;
  background:linear-gradient(135deg,#06366d 0%,#075eae 55%,#074782 100%)!important;
}
.sx-home-page .sx-hero-v6 .sx-hero-bg{
  background:radial-gradient(circle at 12% 5%,rgba(255,255,255,.08),transparent 27%),radial-gradient(circle at 92% 92%,rgba(255,198,46,.09),transparent 24%)!important;
}
.sx-home-page .sx-hero-stage{
  position:relative!important;
  min-height:290px;
  height:clamp(300px,29vw,500px);
  aspect-ratio:auto!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#e9f2fb!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 24px 65px rgba(2,31,66,.24)!important;
}
.sx-home-page .sx-slide-shell-v6{inset:0!important;background:#edf5fc!important}
.sx-home-page .sx-slide-shell-v6 .sx-slide:after{display:none!important;content:none!important}
.sx-home-page .sx-slide-shell-v6 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#fff!important;
}
.sx-home-page .sx-slider-nav-v6{
  right:14px!important;
  bottom:14px!important;
  background:rgba(4,33,68,.82)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 8px 20px rgba(0,21,48,.22)!important;
}
.sx-home-page .sx-slider-nav-v6 button{color:#fff!important}
.sx-home-page .sx-slider-nav-v6 button:hover{background:var(--v7-gold)!important;color:#102f53!important}

/* ---------- POPULAR PROGRAMMES: stronger heading contrast ---------- */
.sx-courses-section{
  padding:72px 0 78px!important;
  background:linear-gradient(135deg,#052b58 0%,#0759a9 54%,#064889 100%)!important;
}
.sx-courses-section:before{
  background:radial-gradient(circle at 88% 2%,rgba(255,198,46,.15),transparent 25%),radial-gradient(circle at 4% 94%,rgba(57,171,255,.16),transparent 26%)!important;
}
.sx-courses-section .sx-section-head{
  position:relative!important;
  z-index:2!important;
  margin-bottom:30px!important;
  padding:24px 26px!important;
  border-radius:22px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(6px)!important;
}
.sx-courses-section .sx-kicker{
  color:#ffd354!important;
  background:rgba(255,198,46,.10)!important;
  border:1px solid rgba(255,198,46,.22)!important;
}
.sx-courses-section .sx-section-head h2{
  color:#fff!important;
  text-shadow:none!important;
  font-size:clamp(32px,3.2vw,46px)!important;
  line-height:1.06!important;
  letter-spacing:-1.35px!important;
  margin-top:8px!important;
}
.sx-courses-section .sx-section-head h2 .sx-course-title-accent,
.sx-courses-section .sx-section-head h2 span{
  color:#ffd04a!important;
  -webkit-text-fill-color:#ffd04a!important;
  opacity:1!important;
  text-shadow:0 2px 18px rgba(255,198,46,.12)!important;
  white-space:normal!important;
}
.sx-courses-section .sx-section-head h2 span:after{background:rgba(255,207,65,.28)!important;height:6px!important;bottom:-2px!important}
.sx-courses-section .sx-section-head p{color:#dceafa!important;font-size:10.5px!important;margin-top:9px!important;max-width:650px!important}
.sx-courses-section .sx-circle-light{
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:0 8px 22px rgba(0,26,59,.12)!important;
}
.sx-courses-section .sx-circle-light i{background:var(--v7-gold)!important;color:#163451!important}
.sx-courses-section .sx-circle-light:hover{background:#fff!important;color:#0756a2!important}

/* ---------- COURSE BOXES ---------- */
.sx-course-grid{position:relative!important;z-index:2!important;gap:18px!important}
.sx-course-card{
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.36)!important;
  box-shadow:0 18px 42px rgba(0,24,55,.22)!important;
  overflow:hidden!important;
  transform:translateZ(0)!important;
}
.sx-course-card:hover{transform:translateY(-7px)!important;box-shadow:0 27px 58px rgba(0,22,50,.30)!important}
.sx-course-top{
  height:92px!important;
  min-height:92px!important;
  padding:16px!important;
  border-bottom:1px solid rgba(11,72,132,.06)!important;
}
.sx-course-initials{
  width:58px!important;
  height:58px!important;
  border-radius:15px!important;
  font-size:22px!important;
  box-shadow:0 10px 22px rgba(11,92,183,.20)!important;
}
.sx-course-index{font-size:34px!important;right:16px!important;top:10px!important;color:rgba(8,61,113,.09)!important;font-weight:800!important}
.sx-course-code{right:15px!important;bottom:13px!important;font-size:8px!important;padding:4px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.78)!important}
.sx-course-body{padding:17px 17px 15px!important;min-height:105px!important;display:flex!important;flex-direction:column!important}
.sx-course-body h3{
  color:#0b315d!important;
  font-size:12px!important;
  line-height:1.42!important;
  min-height:35px!important;
  margin:0 0 14px!important;
  font-weight:800!important;
  letter-spacing:-.08px!important;
}
.sx-course-meta{margin-top:auto!important;padding-top:11px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}
.sx-course-meta span{font-size:8.5px!important;color:#72859b!important;white-space:nowrap!important}
.sx-course-meta span i{margin-right:5px!important;color:#e9a908!important}
.sx-course-meta b{font-size:8.5px!important;color:#075fbd!important;white-space:nowrap!important}

/* ---------- TABLET ---------- */
@media(max-width:991px) and (min-width:768px){
  .sx-home-page .sx-hero-v6{padding:14px 0 16px!important}
  .sx-home-page .sx-hero-stage{min-height:220px;height:clamp(230px,34vw,390px);border-radius:18px!important}
  .sx-courses-section .sx-section-head{padding:20px!important}
  .sx-courses-section .sx-section-head h2{font-size:34px!important}
  .sx-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ---------- MOBILE APP VIEW ---------- */
@media(max-width:767px){
  .sx-nav-wrap.sx-nav-fixed{position:relative!important;animation:none!important}
  .sx-nav-spacer{display:none!important}
  .sx-site-header{position:sticky!important;top:0!important;z-index:1600!important}

  .sx-home-page .sx-hero-v6{padding:8px 0 10px!important;background:#07539c!important}
  .sx-home-page .sx-hero-stage{
    min-height:145px;
    height:clamp(145px,44vw,300px);
    aspect-ratio:auto!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.2)!important;
    box-shadow:0 11px 26px rgba(2,30,65,.20)!important;
  }
  .sx-home-page .sx-slide-shell-v6 img{object-fit:cover!important;object-position:center!important}
  .sx-home-page .sx-slider-nav-v6{right:7px!important;bottom:7px!important;transform:scale(.78)!important;transform-origin:right bottom!important}

  .sx-courses-section{padding:44px 0 50px!important}
  .sx-courses-section .sx-section-head.sx-split-head{
    display:block!important;
    padding:17px!important;
    margin-bottom:18px!important;
    border-radius:17px!important;
  }
  .sx-courses-section .sx-section-head h2{font-size:25px!important;line-height:1.12!important;letter-spacing:-.6px!important;margin-top:7px!important}
  .sx-courses-section .sx-section-head h2 .sx-course-title-accent{display:inline!important;color:#ffd14b!important;-webkit-text-fill-color:#ffd14b!important}
  .sx-courses-section .sx-section-head p{font-size:7.5px!important;line-height:1.55!important;margin-bottom:13px!important}
  .sx-courses-section .sx-circle-light{display:inline-flex!important;margin-top:3px!important;min-height:34px!important;padding:0 11px!important;font-size:7px!important}

  .sx-course-grid{gap:12px!important}
  .sx-course-card{flex-basis:82%!important;border-radius:18px!important}
  .sx-course-top{height:82px!important;min-height:82px!important;padding:13px!important}
  .sx-course-initials{width:52px!important;height:52px!important;font-size:19px!important;border-radius:13px!important}
  .sx-course-index{font-size:29px!important}
  .sx-course-body{padding:14px!important;min-height:100px!important}
  .sx-course-body h3{font-size:10.8px!important;line-height:1.38!important;min-height:32px!important;margin-bottom:12px!important}
  .sx-course-meta span,.sx-course-meta b{font-size:7.5px!important}
}

@media(max-width:420px){
  .sx-home-page .sx-hero-stage{min-height:138px;height:clamp(138px,45vw,235px)}
  .sx-courses-section .sx-section-head h2{font-size:23px!important}
  .sx-course-card{flex-basis:86%!important}
}