/**
 * Abroad — BIGS Dubai global management landing.
 * Premium navy / teal / gold theme with Dubai skyline accents.
 * Scoped via .sc-abroad. Larger type, denser layout, alternating sections.
 */

body.sc-page-abroad .main-banner {
  display: none !important;
}

.sc-abroad {
  --sc-ab-navy: #050f2e;
  --sc-ab-navy-mid: #0c1f4d;
  --sc-ab-navy-soft: #142a63;
  --sc-ab-navy-line: rgba(12, 31, 77, 0.12);
  --sc-ab-teal: #16d5c0;
  --sc-ab-teal-deep: #12b8c8;
  --sc-ab-teal-ink: #0a8f87;
  --sc-ab-gold: #d4a853;
  --sc-ab-gold-deep: #b8892f;
  --sc-ab-ink: #0b1226;
  --sc-ab-text: #101935;
  --sc-ab-muted: #545d76;
  --sc-ab-line: rgba(12, 31, 77, 0.1);
  --sc-ab-soft: #f4f6fb;
  --sc-ab-ivory: #fbf8f1;
  --sc-ab-grey: #eef1f7;
  --sc-ab-radius: 18px;

  font-family: "Outfit", "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--sc-ab-text);
  background: #ffffff;
  font-size: 17px;
  line-height: 1.6;
}

.sc-abroad p,
.sc-abroad li {
  font-size: 1rem;
  line-height: 1.65;
}

.sc-abroad-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 32px);
}

/* Reveal-on-scroll */
.sc-abroad-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.sc-abroad-reveal.is-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .sc-abroad-reveal,
  .sc-abroad-reveal.is-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Skyline SVG sits flush at the bottom of dark hero / final */
.sc-abroad-skyline {
  display: block;
  width: 100%;
  height: 100%;
}

/* Eyebrow + labels */
.sc-abroad-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sc-ab-teal-ink);
}

.sc-abroad-eyebrow--dark {
  color: var(--sc-ab-navy-mid);
}

.sc-abroad-eyebrow--light {
  color: var(--sc-ab-teal);
}

.sc-abroad-eyebrow--hero {
  background: rgba(22, 213, 192, 0.12);
  border: 1px solid rgba(22, 213, 192, 0.32);
  padding: 7px 14px;
  border-radius: 999px;
  color: #aff5ec;
  letter-spacing: 0.12em;
}

.sc-abroad-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sc-ab-teal);
  box-shadow: 0 0 0 4px rgba(22, 213, 192, 0.18);
}

/* Buttons */
.sc-abroad-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 14px 26px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 1.02rem;
  letter-spacing: 0.01em;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.22s ease, filter 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
}

.sc-abroad-btn--primary {
  background: linear-gradient(135deg, #2ee0c8 0%, var(--sc-ab-teal) 50%, var(--sc-ab-teal-deep) 100%);
  color: #062a2d;
  box-shadow:
    0 10px 26px rgba(22, 213, 192, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
  border-color: rgba(255, 255, 255, 0.45);
}

.sc-abroad-btn--primary:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  box-shadow:
    0 14px 34px rgba(22, 213, 192, 0.34),
    0 0 0 1px rgba(22, 213, 192, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
  color: #062a2d;
}

.sc-abroad-btn--whatsapp,
.sc-abroad-btn--whatsapp-outline {
  background: #25d366;
  color: #ffffff;
  box-shadow: 0 10px 26px rgba(37, 211, 102, 0.26);
}

.sc-abroad-btn--whatsapp-outline {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.30);
  box-shadow:
    0 10px 26px rgba(8, 22, 55, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.sc-abroad-btn--whatsapp:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  color: #ffffff;
  box-shadow: 0 14px 34px rgba(37, 211, 102, 0.34);
}

.sc-abroad-btn--whatsapp-outline:hover {
  transform: translateY(-2px);
  color: #ffffff;
  background: rgba(37, 211, 102, 0.22);
  border-color: rgba(37, 211, 102, 0.55);
  box-shadow:
    0 14px 34px rgba(37, 211, 102, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.sc-abroad-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-top: clamp(22px, 3vw, 32px);
}

.sc-abroad-cta-row--left {
  justify-content: flex-start;
}

/* ===== 1.5 CAMPUS TOUR / VIDEO SECTION ===== */
.sc-abroad-section--video {
  position: relative;
  background:
    radial-gradient(ellipse at 82% 14%, rgba(22, 213, 192, 0.2) 0%, transparent 58%),
    radial-gradient(ellipse at 18% 88%, rgba(84, 219, 255, 0.17) 0%, transparent 60%),
    linear-gradient(135deg, #061b3a 0%, #0b3f5f 52%, #06213f 100%);
  color: #f4f7ff;
  overflow: hidden;
  padding: clamp(42px, 5vw, 62px) 0;
}

.sc-abroad-video-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.sc-abroad-video-bg__glow {
  position: absolute;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  filter: blur(92px);
  opacity: 0.45;
}

.sc-abroad-video-bg__glow--teal {
  top: -180px;
  right: -120px;
  background: radial-gradient(circle, rgba(22, 213, 192, 0.72) 0%, transparent 70%);
}

.sc-abroad-video-bg__glow--cyan {
  bottom: -200px;
  left: -140px;
  background: radial-gradient(circle, rgba(84, 219, 255, 0.62) 0%, transparent 70%);
}

.sc-abroad-video-bg__particles {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(rgba(179, 252, 245, 0.58) 1px, transparent 1.4px),
    radial-gradient(rgba(122, 223, 255, 0.36) 1px, transparent 1.5px);
  background-size: 28px 28px, 18px 18px;
  background-position: 0 0, 9px 9px;
  opacity: 0.22;
  mask-image: radial-gradient(ellipse at 55% 42%, #000 34%, transparent 82%);
  -webkit-mask-image: radial-gradient(ellipse at 55% 42%, #000 34%, transparent 82%);
  animation: sc-abroad-video-particles 16s linear infinite;
}

.sc-abroad-video-bg__skyline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(120px, 18vw, 220px);
  opacity: 0.2;
  filter: brightness(1.2) saturate(0.8);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 42%, #000 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 42%, #000 100%);
}

.sc-abroad-video {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(0, 0.84fr);
  gap: clamp(18px, 2.4vw, 34px);
  align-items: center;
  max-width: 1220px;
  margin: 0 auto;
  overflow: hidden;
}

.sc-abroad-video__copy .sc-abroad-section__title {
  margin-bottom: 12px;
  color: #fff;
}

.sc-abroad-video__copy .sc-abroad-section__lead {
  margin: 0 0 18px;
  max-width: 650px;
  color: rgba(236, 247, 255, 0.88);
}

.sc-abroad-video-tags {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sc-abroad-video-tags li {
  padding: 9px 14px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #e4f7ff;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(137, 234, 255, 0.38);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

.sc-abroad-video__media {
  display: grid;
  gap: 14px;
}

.sc-abroad-video-card {
  position: relative;
  padding: 10px;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid rgba(148, 238, 255, 0.36);
  box-shadow:
    0 24px 56px rgba(3, 12, 38, 0.45),
    0 0 0 1px rgba(22, 213, 192, 0.18),
    0 0 30px rgba(22, 213, 192, 0.2);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.sc-abroad-video-card:hover {
  transform: translateY(-4px);
  border-color: rgba(148, 238, 255, 0.6);
  box-shadow:
    0 30px 64px rgba(3, 12, 38, 0.55),
    0 0 0 1px rgba(22, 213, 192, 0.34),
    0 0 44px rgba(84, 219, 255, 0.3);
}

.sc-abroad-video-card__embed {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  background: #061438;
  aspect-ratio: 16 / 9;
  min-height: 0;
}

.sc-abroad-video-card__embed iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.sc-abroad-video-card__pulse {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: 76px;
  height: 76px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid rgba(177, 244, 255, 0.62);
  box-shadow: 0 0 0 0 rgba(84, 219, 255, 0.42);
  animation: sc-abroad-video-pulse 2.5s ease-out infinite;
  pointer-events: none;
}

.sc-abroad-video-stats {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.sc-abroad-video-stats li {
  text-align: center;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ebf8ff;
  padding: 11px 8px;
  border-radius: 10px;
  border: 1px solid rgba(148, 238, 255, 0.26);
  background: rgba(255, 255, 255, 0.05);
}

@keyframes sc-abroad-video-pulse {
  0% { box-shadow: 0 0 0 0 rgba(84, 219, 255, 0.45); opacity: 0.95; }
  70% { box-shadow: 0 0 0 16px rgba(84, 219, 255, 0); opacity: 0.75; }
  100% { box-shadow: 0 0 0 0 rgba(84, 219, 255, 0); opacity: 0.95; }
}

@keyframes sc-abroad-video-particles {
  0% { transform: translateY(0); }
  100% { transform: translateY(-18px); }
}

/* ===== HERO ===== */
.sc-abroad-hero {
  position: relative;
  isolation: isolate;
  color: #fff;
  background:
    radial-gradient(ellipse at 78% 8%, rgba(22, 213, 192, 0.22) 0%, transparent 55%),
    radial-gradient(ellipse at 12% 100%, rgba(212, 168, 83, 0.2) 0%, transparent 55%),
    linear-gradient(160deg, #02091f 0%, var(--sc-ab-navy) 30%, var(--sc-ab-navy-mid) 60%, var(--sc-ab-navy-soft) 100%);
  padding: clamp(64px, 9vw, 120px) 0 clamp(180px, 18vw, 260px);
  overflow: hidden;
}

.sc-abroad-hero__bg,
.sc-abroad-hero__skyline,
.sc-abroad-hero__flight {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.sc-abroad-hero__skyline {
  inset: auto 0 0 0;
  height: clamp(180px, 24vw, 280px);
  opacity: 0.96;
}

.sc-abroad-hero__flight {
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  mask-image: linear-gradient(180deg, #000 0%, #000 60%, transparent 95%);
}

.sc-abroad-hero__glow {
  position: absolute;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  filter: blur(160px);
  opacity: 0.55;
}

.sc-abroad-hero__glow--teal {
  background: var(--sc-ab-teal);
  top: -200px;
  right: -140px;
}

.sc-abroad-hero__glow--gold {
  background: var(--sc-ab-gold);
  bottom: -220px;
  left: -180px;
  opacity: 0.36;
}

.sc-abroad-hero__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(ellipse at 50% 30%, #000 35%, transparent 78%);
}

/* World-map dot field hint */
.sc-abroad-hero__dots {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(rgba(22, 213, 192, 0.55) 1px, transparent 1.5px),
    radial-gradient(rgba(255, 255, 255, 0.16) 1px, transparent 1.5px);
  background-size: 36px 36px, 18px 18px;
  background-position: 0 0, 9px 9px;
  opacity: 0.45;
  mask-image:
    radial-gradient(ellipse at 22% 38%, #000 0%, rgba(0, 0, 0, 0.65) 35%, transparent 70%),
    radial-gradient(ellipse at 78% 32%, #000 0%, rgba(0, 0, 0, 0.55) 30%, transparent 65%);
  -webkit-mask-image:
    radial-gradient(ellipse at 22% 38%, #000 0%, rgba(0, 0, 0, 0.65) 35%, transparent 70%),
    radial-gradient(ellipse at 78% 32%, #000 0%, rgba(0, 0, 0, 0.55) 30%, transparent 65%);
}

/* Floating glow orbs */
.sc-abroad-hero__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(40px);
  opacity: 0.55;
  animation: sc-abroad-float 14s ease-in-out infinite;
  will-change: transform;
}

.sc-abroad-hero__orb--a {
  width: 220px;
  height: 220px;
  top: 14%;
  left: 8%;
  background: radial-gradient(circle, rgba(22, 213, 192, 0.85) 0%, transparent 70%);
}

.sc-abroad-hero__orb--b {
  width: 160px;
  height: 160px;
  top: 60%;
  right: 22%;
  background: radial-gradient(circle, rgba(212, 168, 83, 0.7) 0%, transparent 70%);
  opacity: 0.45;
  animation-duration: 17s;
  animation-delay: -3s;
}

.sc-abroad-hero__orb--c {
  width: 140px;
  height: 140px;
  top: 32%;
  right: 8%;
  background: radial-gradient(circle, rgba(126, 220, 255, 0.6) 0%, transparent 70%);
  opacity: 0.42;
  animation-duration: 13s;
  animation-delay: -7s;
}

@keyframes sc-abroad-float {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(12px, -18px, 0); }
}

@keyframes sc-abroad-twinkle {
  0%, 100% { opacity: 0.85; }
  50% { opacity: 0.35; }
}

.sc-abroad-skyline__lights {
  animation: sc-abroad-twinkle 3.8s ease-in-out infinite;
}

.sc-abroad-skyline__lights--gold {
  animation-duration: 5.2s;
  animation-delay: -1.4s;
}

@media (prefers-reduced-motion: reduce) {
  .sc-abroad-hero__orb,
  .sc-abroad-skyline__lights,
  .sc-abroad-skyline__lights--gold {
    animation: none;
  }
}

.sc-abroad-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
}

@media (max-width: 980px) {
  .sc-abroad-hero__inner {
    grid-template-columns: 1fr;
  }

  .sc-abroad-video {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .sc-abroad-video__media {
    order: 1;
  }

  .sc-abroad-video__copy {
    order: 2;
  }

  .sc-abroad-video-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sc-abroad-section--video {
    padding: 48px 0;
    min-height: 0;
  }
}

.sc-abroad-hero__title {
  margin: 0 0 20px;
  font-size: clamp(2.2rem, 5.4vw, 3.8rem);
  line-height: 1.05;
  letter-spacing: -0.032em;
  font-weight: 800;
  color: #ffffff;
}

.sc-abroad-hero__sub {
  margin: 0 0 24px;
  max-width: 640px;
  font-size: clamp(1.05rem, 1.7vw, 1.2rem);
  line-height: 1.62;
  color: rgba(244, 249, 255, 0.92);
}

.sc-abroad-hero__badges {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sc-abroad-hero__badges li {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 8px 14px;
  border-radius: 999px;
  color: #f4f9ff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10);
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.sc-abroad-hero__badges li:hover {
  transform: translateY(-2px);
  background: rgba(140, 220, 220, 0.18);
  border-color: rgba(140, 220, 220, 0.5);
  box-shadow:
    0 8px 20px rgba(8, 22, 55, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.sc-abroad-hero__actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* =========================================================================
   Hero right card — compact "Global Journey" route map
   Smaller, lighter glassmorphism. Replaces the previous stat-box layout.
   ========================================================================= */
.sc-abroad-hero__card {
  position: relative;
  max-width: 520px;
  margin-left: auto;
  padding: 30px 34px 26px;
  border-radius: 26px;
  background: rgba(8, 22, 50, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
  box-shadow:
    0 22px 54px rgba(5, 14, 38, 0.45),
    0 0 0 1px rgba(22, 213, 192, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  overflow: hidden;
}

.sc-abroad-hero__card-glow {
  position: absolute;
  inset: auto -30% -40% auto;
  width: 280px;
  height: 280px;
  background:
    radial-gradient(circle at 35% 35%, rgba(22, 213, 192, 0.30), transparent 60%),
    radial-gradient(circle at 70% 70%, rgba(212, 168, 83, 0.20), transparent 60%);
  filter: blur(42px);
  opacity: 0.85;
  pointer-events: none;
}

/* Faint world-style grid texture behind the route */
.sc-abroad-hero__card-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse at 50% 50%, #000 30%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%, #000 30%, transparent 80%);
}

.sc-abroad-hero__card-eyebrow {
  position: relative;
  margin: 0 0 18px;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--sc-ab-teal);
}

/* The map block: SVG route + labels under each dot */
.sc-abroad-journey-map {
  position: relative;
  z-index: 1;
}

.sc-abroad-journey-map__svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 130px;
  filter: drop-shadow(0 4px 14px rgba(22, 213, 192, 0.22));
}

.sc-abroad-journey-map__dots circle {
  transition: r 0.25s ease;
}

/* Subtle airplane that drifts along the route */
.sc-abroad-journey-map__plane {
  transform-box: fill-box;
  transform-origin: center;
  animation: sc-jm-fly 9s ease-in-out infinite;
  offset-rotate: auto;
}
@keyframes sc-jm-fly {
  0%   { transform: translate(40px, 80px)  rotate(-20deg); opacity: 0; }
  10%  { opacity: 1; }
  30%  { transform: translate(170px, 55px) rotate(-5deg); }
  55%  { transform: translate(300px, 68px) rotate(8deg); }
  85%  { transform: translate(420px, 78px) rotate(-2deg); opacity: 1; }
  100% { transform: translate(425px, 78px) rotate(0deg);  opacity: 0; }
}

/* Country labels under the route */
.sc-abroad-journey-map__labels {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.sc-abroad-journey-map__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
}

.sc-abroad-journey-map__flag {
  font-size: 1.05rem;
  line-height: 1;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

.sc-abroad-journey-map__name {
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #f4f7ff;
  white-space: nowrap;
}

.sc-abroad-journey-map__label[data-stop="4"] .sc-abroad-journey-map__name {
  /* Final stop highlighted in gold to match the gold dot on the route */
  color: #f0d9a5;
}

@media (max-width: 820px) {
  .sc-abroad-hero__card {
    max-width: none;
    margin-left: 0;
    margin-top: 24px;
    padding: 24px 22px 22px;
  }
  .sc-abroad-journey-map__name {
    font-size: 0.78rem;
  }
}

@media (max-width: 420px) {
  .sc-abroad-journey-map__labels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .sc-abroad-journey-map__label {
    flex-direction: row;
    justify-content: center;
    gap: 6px;
  }
  .sc-abroad-journey-map__name {
    white-space: nowrap;
  }

  .sc-abroad-video-tags {
    gap: 8px;
  }

  .sc-abroad-video-tags li {
    font-size: 0.76rem;
    padding: 8px 12px;
  }

  .sc-abroad-video-stats {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .sc-abroad-section--video {
    background: linear-gradient(135deg, #061b3a 0%, #0b3f5f 52%, #06213f 100%);
    padding: 48px 0;
    min-height: 0;
  }

  .sc-abroad-video {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .sc-abroad-video__media {
    order: 1;
    width: 100%;
  }

  .sc-abroad-video__copy {
    order: 2;
    width: 100%;
  }

  .sc-abroad-video__copy .sc-abroad-section__title {
    font-size: clamp(1.75rem, 7vw, 2rem); /* ~28-32px */
    line-height: 1.14;
    margin-bottom: 10px;
  }

  .sc-abroad-video__copy .sc-abroad-section__lead {
    font-size: 0.98rem; /* ~15-16px */
    line-height: 1.6;
    margin-bottom: 14px;
    max-width: none;
  }

  .sc-abroad-video-tags {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .sc-abroad-video-tags li {
    text-align: center;
    width: 100%;
    white-space: normal;
  }

  .sc-abroad-video-card {
    border-radius: 18px;
    padding: 8px;
  }

  .sc-abroad-video-card__embed {
    aspect-ratio: 16 / 9;
  }

  .sc-abroad-video-card__pulse {
    width: 64px;
    height: 64px;
  }

  .sc-abroad-video-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2x2 */
    gap: 8px;
  }

  .sc-abroad-video-stats li {
    font-size: 0.74rem;
    padding: 10px 8px;
  }

  .sc-abroad-section--video .sc-abroad-hero__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }

  .sc-abroad-section--video .sc-abroad-hero__actions .sc-abroad-btn {
    width: 100%;
    justify-content: center;
    min-height: 50px;
  }

  .sc-abroad-video-bg__particles,
  .sc-abroad-video-bg__glow {
    display: none;
  }

  .sc-abroad-video-bg__skyline {
    opacity: 0.1;
    height: 110px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sc-abroad-journey-map__plane {
    animation: none;
    opacity: 0;
  }

  .sc-abroad-video-card__pulse,
  .sc-abroad-video-bg__particles {
    animation: none;
  }
}

/* ===========================================================
 * HERO — PHOTO VARIANT
 * Activated when assets/images/abroad/dubai-skyline-hero.jpg exists.
 * Layers (back → front):
 *   1. .sc-abroad-hero__photo          (real Dubai photograph)
 *   2. .sc-abroad-hero__overlay-dark   (90deg dark navy gradient for readability)
 *   3. .sc-abroad-hero__overlay-glow   (subtle gold/teal radial glow)
 *   4. .sc-abroad-hero__flight         (kept at very low opacity)
 *   5. content
 * Illustrated layers (dots, grid, orbs, SVG skyline) are hidden via CSS in
 * this mode but remain in the DOM so the page degrades gracefully if the
 * image fails to load (the inline `onerror` removes the photo wrapper and
 * also removes the --photo modifier class, which re-shows them).
 * =========================================================== */

.sc-abroad-hero--photo {
  min-height: clamp(640px, 78vh, 760px);
  padding: clamp(72px, 9vw, 120px) 0 clamp(72px, 9vw, 110px);
  background:
    linear-gradient(160deg, #0a1a3e 0%, #0e2a55 55%, #154168 100%);
}

.sc-abroad-hero__photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.sc-abroad-hero__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
  transform: scale(1.02);
  transition: transform 12s ease-out;
  will-change: transform;
  filter: saturate(1.05) brightness(1.06) contrast(1.02);
}

.sc-abroad-hero--photo:hover .sc-abroad-hero__photo img {
  transform: scale(1.06);
}

/* Lighter, more luxury dark veil — preserves text contrast on the left,
   reveals more of the Dubai skyline on the right */
.sc-abroad-hero__overlay-dark {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(
    96deg,
    rgba(8, 22, 55, 0.78) 0%,
    rgba(10, 28, 65, 0.55) 38%,
    rgba(14, 38, 72, 0.28) 68%,
    rgba(14, 38, 72, 0.14) 100%
  );
}

/* Warm ivory + soft teal + muted gold atmospheric lighting */
.sc-abroad-hero__overlay-glow {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 55% at 12% 100%, rgba(232, 200, 138, 0.22) 0%, transparent 60%),
    radial-gradient(ellipse 55% 50% at 88% 8%, rgba(140, 220, 220, 0.18) 0%, transparent 62%),
    radial-gradient(ellipse 75% 40% at 50% 0%, rgba(255, 245, 225, 0.10) 0%, transparent 65%),
    linear-gradient(180deg, transparent 62%, rgba(10, 28, 65, 0.40) 100%);
  mix-blend-mode: screen;
}

/* Hide / soften the illustrated decorations when the photo is active */
.sc-abroad-hero--photo .sc-abroad-hero__bg,
.sc-abroad-hero--photo .sc-abroad-hero__skyline,
.sc-abroad-hero--photo .sc-abroad-hero__grid,
.sc-abroad-hero--photo .sc-abroad-hero__dots,
.sc-abroad-hero--photo .sc-abroad-hero__orb {
  display: none;
}

.sc-abroad-hero--photo .sc-abroad-hero__flight {
  opacity: 0.22;
  mix-blend-mode: screen;
}

.sc-abroad-hero--photo .sc-abroad-hero__inner {
  position: relative;
  z-index: 2;
}

/* Softer text shadow + slight backdrop wash to keep contrast crisp
   while the overall hero stays lighter and more luxurious */
.sc-abroad-hero--photo .sc-abroad-hero__title,
.sc-abroad-hero--photo .sc-abroad-hero__sub {
  text-shadow:
    0 2px 18px rgba(8, 22, 55, 0.42),
    0 1px 2px rgba(8, 22, 55, 0.35);
}

/* ===========================================================
 * RESPONSIVE — hero photo background (right-side card unchanged)
 * =========================================================== */
@media (max-width: 1024px) {
  .sc-abroad-hero--photo {
    min-height: 0;
    padding: clamp(60px, 9vw, 96px) 0 clamp(60px, 8vw, 88px);
  }
  /* Vertical-bias veil for stacked mobile/tablet layout — kept lighter than before */
  .sc-abroad-hero--photo .sc-abroad-hero__overlay-dark {
    background: linear-gradient(
      180deg,
      rgba(8, 22, 55, 0.62) 0%,
      rgba(10, 28, 65, 0.36) 38%,
      rgba(10, 28, 65, 0.58) 100%
    );
  }
}

@media (prefers-reduced-motion: reduce) {
  .sc-abroad-hero__photo img {
    transition: none;
    transform: none;
  }
}

/* ===== SECTION SCAFFOLD ===== */
.sc-abroad-section {
  padding: clamp(44px, 5.4vw, 70px) 0;
  position: relative;
  overflow: hidden;
}

/* Subtle skyline accent overlay used in select light sections */
.sc-abroad-section__skyline-accent {
  position: absolute;
  inset: auto 0 0 0;
  height: clamp(110px, 16vw, 200px);
  pointer-events: none;
  z-index: 0;
  opacity: 0.06;
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.6) 30%, #000 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.6) 30%, #000 100%);
}

.sc-abroad-section__skyline-accent svg {
  width: 100%;
  height: 100%;
}

.sc-abroad-section__skyline-accent--dark {
  opacity: 0.22;
}

.sc-abroad-section__skyline-accent--corner {
  inset: auto -40px -20px auto;
  width: clamp(420px, 50vw, 720px);
  height: clamp(130px, 18vw, 220px);
  opacity: 0.07;
  mask-image: linear-gradient(180deg, transparent 0%, #000 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 100%);
}

/* Floating glow orbs for section atmosphere */
.sc-abroad-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(70px);
  opacity: 0.45;
  pointer-events: none;
  z-index: 0;
  animation: sc-abroad-float 16s ease-in-out infinite;
}

.sc-abroad-orb--teal {
  width: 320px;
  height: 320px;
  background: rgba(22, 213, 192, 0.5);
  top: -80px;
  right: -60px;
}

.sc-abroad-orb--gold {
  width: 280px;
  height: 280px;
  background: rgba(212, 168, 83, 0.45);
  bottom: -100px;
  left: -80px;
  animation-delay: -4s;
}

.sc-abroad-section--journey .sc-abroad-orb--teal {
  opacity: 0.32;
}

.sc-abroad-section--journey .sc-abroad-orb--gold {
  opacity: 0.22;
}

/* Restore stacking so content sits above accents */
.sc-abroad-section > .sc-abroad-container {
  position: relative;
  z-index: 1;
}

@media (max-width: 720px) {
  .sc-abroad-section {
    padding: 42px 0;
  }
}

/* Slightly tighter rhythm for the bottom-of-page cluster */
.sc-abroad-section--mba + .sc-abroad-section--career,
.sc-abroad-section--career + .sc-abroad-section--placement,
.sc-abroad-section--placement + .sc-abroad-section--fees,
.sc-abroad-section--fees + .sc-abroad-section--elig,
.sc-abroad-section--elig + .sc-abroad-section--faq {
  padding-top: clamp(36px, 4.4vw, 58px);
}

.sc-abroad-section__head {
  text-align: center;
  max-width: 880px;
  margin: 0 auto clamp(32px, 4vw, 52px);
}

.sc-abroad-section__head--light p,
.sc-abroad-section__head--light h2 {
  color: #fff;
}

.sc-abroad-section__title {
  margin: 0 0 14px;
  font-size: clamp(1.7rem, 3.6vw, 2.55rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--sc-ab-navy);
  line-height: 1.18;
}

.sc-abroad-section__title--light {
  color: #fff;
}

.sc-abroad-section__lead {
  margin: 0 auto;
  max-width: 720px;
  font-size: clamp(1.02rem, 1.7vw, 1.12rem);
  line-height: 1.7;
  color: var(--sc-ab-muted);
}

.sc-abroad-section__head--light .sc-abroad-section__lead {
  color: rgba(255, 255, 255, 0.78);
}

/* ===== 3. ABOUT BIGS ===== */
.sc-abroad-section--about {
  background: linear-gradient(180deg, #ffffff 0%, var(--sc-ab-soft) 100%);
}

.sc-abroad-quote {
  margin: 0 auto clamp(28px, 4vw, 44px);
  max-width: 760px;
  text-align: center;
  position: relative;
  padding: 24px 36px;
  background: linear-gradient(135deg, rgba(22, 213, 192, 0.08) 0%, rgba(212, 168, 83, 0.08) 100%);
  border: 1px solid var(--sc-ab-line);
  border-radius: 18px;
}

.sc-abroad-quote__mark {
  display: block;
  font-size: 3rem;
  color: var(--sc-ab-gold);
  line-height: 0.8;
  margin-bottom: 4px;
  font-family: Georgia, "Times New Roman", serif;
}

.sc-abroad-quote p {
  margin: 0;
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  font-weight: 700;
  color: var(--sc-ab-navy);
  letter-spacing: -0.005em;
}

.sc-abroad-grid {
  display: grid;
  gap: clamp(16px, 2.2vw, 26px);
}

.sc-abroad-grid--about {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Feature / mini card base */
.sc-abroad-card {
  position: relative;
  background: #fff;
  border-radius: var(--sc-ab-radius);
  border: 1px solid var(--sc-ab-line);
  padding: 26px 26px 28px;
  box-shadow: 0 14px 38px rgba(5, 15, 46, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.sc-abroad-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 52px rgba(5, 15, 46, 0.12);
  border-color: rgba(22, 213, 192, 0.4);
}

.sc-abroad-card--feature {
  border-top: 3px solid var(--sc-ab-teal);
}

.sc-abroad-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(22, 213, 192, 0.16), rgba(212, 168, 83, 0.16));
  margin-bottom: 16px;
  position: relative;
  color: var(--sc-ab-navy-mid);
  font-weight: 800;
  font-size: 1.05rem;
}

.sc-abroad-card__icon::before {
  font-family: "Outfit", system-ui, sans-serif;
  font-weight: 800;
  font-size: 1.05rem;
  color: var(--sc-ab-navy-mid);
}

/* Icon labels (text glyphs so no asset needed) */
.sc-abroad-card__icon--globe::before { content: "GL"; }
.sc-abroad-card__icon--briefcase::before { content: "BZ"; }
.sc-abroad-card__icon--spark::before { content: "GR"; }
.sc-abroad-card__icon--plane::before { content: "TR"; }
.sc-abroad-card__icon--home::before { content: "LV"; }
.sc-abroad-card__icon--book::before { content: "AC"; }
.sc-abroad-card__icon--building::before { content: "IN"; }
.sc-abroad-card__icon--rise::before { content: "CA"; }

.sc-abroad-card__title {
  margin: 0 0 10px;
  font-size: 1.18rem;
  font-weight: 800;
  color: var(--sc-ab-navy-mid);
  letter-spacing: -0.01em;
  line-height: 1.3;
}

.sc-abroad-card__text {
  margin: 0;
  font-size: 1rem;
  line-height: 1.65;
  color: var(--sc-ab-muted);
}

@media (max-width: 920px) {
  .sc-abroad-grid--about {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sc-abroad-grid--about {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ===== 4. GLOBAL JOURNEY ===== */
.sc-abroad-section--journey {
  background:
    radial-gradient(ellipse at 80% 0%, rgba(22, 213, 192, 0.18) 0%, transparent 55%),
    linear-gradient(135deg, var(--sc-ab-navy) 0%, var(--sc-ab-navy-mid) 100%);
  color: #fff;
}

.sc-abroad-journey {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  position: relative;
}

.sc-abroad-journey::before {
  content: "";
  position: absolute;
  top: 26px;
  left: 6%;
  right: 6%;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(212, 168, 83, 0.55) 12%, rgba(22, 213, 192, 0.55) 50%, rgba(212, 168, 83, 0.55) 88%, transparent 100%);
  z-index: 0;
}

@media (max-width: 980px) {
  .sc-abroad-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sc-abroad-journey::before {
    display: none;
  }
}

@media (max-width: 600px) {
  .sc-abroad-journey {
    grid-template-columns: minmax(0, 1fr);
  }
}

.sc-abroad-journey__item {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
}

.sc-abroad-journey__step {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 1.15rem;
  color: var(--sc-ab-navy);
  background: linear-gradient(135deg, var(--sc-ab-gold) 0%, var(--sc-ab-gold-deep) 100%);
  box-shadow: 0 0 0 6px rgba(212, 168, 83, 0.2), 0 14px 30px rgba(212, 168, 83, 0.32);
}

.sc-abroad-journey__card {
  width: 100%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  padding: 22px;
  backdrop-filter: blur(10px);
  text-align: left;
  transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

.sc-abroad-journey__card:hover {
  transform: translateY(-4px);
  border-color: rgba(22, 213, 192, 0.45);
  background: rgba(22, 213, 192, 0.08);
}

.sc-abroad-journey__region {
  margin: 0 0 4px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--sc-ab-teal);
}

.sc-abroad-journey__country {
  margin: 0 0 10px;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: #fff;
}

.sc-abroad-journey__lead {
  margin: 0 0 14px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.98rem;
  line-height: 1.55;
}

.sc-abroad-journey__points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.sc-abroad-journey__points li {
  position: relative;
  padding-left: 22px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.95rem;
}

.sc-abroad-journey__points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--sc-ab-teal);
  box-shadow: 0 0 0 4px rgba(22, 213, 192, 0.22);
}

/* ===== 5. 7-7-7 ===== */
.sc-abroad-section--seven {
  background: var(--sc-ab-ivory);
}

.sc-abroad-grid--seven {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 920px) {
  .sc-abroad-grid--seven {
    grid-template-columns: minmax(0, 1fr);
  }
}

.sc-abroad-seven-card {
  position: relative;
  padding: clamp(28px, 3.6vw, 40px);
  border-radius: 22px;
  background: #fff;
  border: 1px solid var(--sc-ab-line);
  box-shadow: 0 18px 48px rgba(5, 15, 46, 0.08);
  text-align: left;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sc-abroad-seven-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(180deg, var(--sc-ab-gold) 0%, var(--sc-ab-teal-deep) 100%);
}

.sc-abroad-seven-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 56px rgba(5, 15, 46, 0.12);
}

.sc-abroad-seven-card__num {
  font-size: clamp(3.2rem, 6vw, 4.8rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  background: linear-gradient(135deg, var(--sc-ab-gold) 0%, var(--sc-ab-gold-deep) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  line-height: 1;
  margin-bottom: 12px;
}

.sc-abroad-seven-card__unit {
  margin: 0 0 12px;
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--sc-ab-navy-mid);
  letter-spacing: -0.01em;
}

.sc-abroad-seven-card__text {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.6;
  color: var(--sc-ab-muted);
}

/* ===== 6. TRACKS ===== */
.sc-abroad-section--tracks {
  background: #ffffff;
}

.sc-abroad-grid--tracks {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1024px) {
  .sc-abroad-grid--tracks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sc-abroad-grid--tracks {
    grid-template-columns: minmax(0, 1fr);
  }
}

.sc-abroad-track {
  position: relative;
  padding: 28px 26px;
  background: #fff;
  border-radius: 18px;
  border: 1px solid var(--sc-ab-line);
  border-top: 3px solid var(--sc-ab-gold);
  box-shadow: 0 14px 36px rgba(5, 15, 46, 0.06);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sc-abroad-track:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 52px rgba(5, 15, 46, 0.12);
  border-top-color: var(--sc-ab-teal);
}

.sc-abroad-track__tag {
  position: absolute;
  top: 22px;
  right: 22px;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  padding: 6px 12px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(22, 213, 192, 0.16), rgba(212, 168, 83, 0.16));
  color: var(--sc-ab-navy);
}

.sc-abroad-track__title {
  margin: 4px 60px 4px 0;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--sc-ab-navy);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.sc-abroad-track__text {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--sc-ab-muted);
}

/* ===== 7. CERTIFICATIONS ===== */
.sc-abroad-section--certs {
  background: linear-gradient(180deg, var(--sc-ab-soft) 0%, #ffffff 100%);
}

.sc-abroad-stats {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 1024px) {
  .sc-abroad-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sc-abroad-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sc-abroad-stat {
  background: #fff;
  border: 1px solid var(--sc-ab-line);
  border-radius: 16px;
  padding: 22px 16px;
  text-align: center;
  box-shadow: 0 10px 26px rgba(5, 15, 46, 0.05);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.sc-abroad-stat:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 44px rgba(5, 15, 46, 0.1);
}

.sc-abroad-stat__num {
  font-size: clamp(2rem, 3vw, 2.6rem);
  font-weight: 900;
  color: var(--sc-ab-navy);
  line-height: 1;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--sc-ab-navy) 0%, var(--sc-ab-teal-deep) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.sc-abroad-stat__label {
  margin-top: 10px;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sc-ab-navy-mid);
}

/* ===== 8. INCLUSIONS ===== */
.sc-abroad-section--inclusions {
  background: var(--sc-ab-grey);
}

.sc-abroad-grid--inclusions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1024px) {
  .sc-abroad-grid--inclusions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sc-abroad-grid--inclusions {
    grid-template-columns: minmax(0, 1fr);
  }
}

.sc-abroad-incl {
  background: #fff;
  border-radius: 18px;
  border: 1px solid var(--sc-ab-line);
  padding: 26px 26px 24px;
  box-shadow: 0 16px 40px rgba(5, 15, 46, 0.06);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.sc-abroad-incl:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 54px rgba(5, 15, 46, 0.12);
  border-color: rgba(22, 213, 192, 0.4);
}

.sc-abroad-incl__head {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 16px;
}

.sc-abroad-incl__head .sc-abroad-card__icon {
  width: 48px;
  height: 48px;
  margin: 0;
  flex-shrink: 0;
}

.sc-abroad-incl__title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--sc-ab-navy);
  letter-spacing: -0.01em;
}

.sc-abroad-incl__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.sc-abroad-incl__list li {
  position: relative;
  padding-left: 26px;
  font-size: 0.98rem;
  line-height: 1.5;
  color: var(--sc-ab-text);
}

.sc-abroad-incl__list li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(22, 213, 192, 0.16);
  color: var(--sc-ab-teal-ink);
  font-weight: 900;
  font-size: 0.78rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ===== 10. UK MBA ===== */
.sc-abroad-section--mba {
  background: linear-gradient(180deg, var(--sc-ab-grey) 0%, #ffffff 100%);
}

.sc-abroad-mba {
  display: grid;
  grid-template-columns: minmax(220px, 0.6fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
  background: #fff;
  border-radius: 24px;
  border: 1px solid var(--sc-ab-line);
  padding: clamp(28px, 4vw, 48px);
  box-shadow: 0 24px 60px rgba(5, 15, 46, 0.1);
  position: relative;
  overflow: hidden;
}

.sc-abroad-mba::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(180deg, var(--sc-ab-gold) 0%, var(--sc-ab-teal-deep) 100%);
}

.sc-abroad-mba::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(212, 168, 83, 0.18), transparent 60%);
  filter: blur(50px);
  pointer-events: none;
}

@media (max-width: 760px) {
  .sc-abroad-mba {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .sc-abroad-mba .sc-abroad-cta-row--left {
    justify-content: center;
  }
  .sc-abroad-mba__highlights {
    text-align: left;
  }
}

.sc-abroad-mba__visual {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.sc-abroad-mba__crest {
  width: 220px;
  height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 25%, rgba(22, 213, 192, 0.38), transparent 60%),
    linear-gradient(140deg, var(--sc-ab-navy) 0%, var(--sc-ab-navy-mid) 60%, var(--sc-ab-navy-soft) 100%);
  border: 3px solid var(--sc-ab-gold);
  color: #fff;
  box-shadow:
    0 0 0 8px rgba(212, 168, 83, 0.12),
    0 22px 50px rgba(5, 15, 46, 0.32);
  position: relative;
  isolation: isolate;
}

.sc-abroad-mba__crest::after {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 50%;
  border: 1px dashed rgba(212, 168, 83, 0.45);
  pointer-events: none;
}

.sc-abroad-mba__crest-flag {
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  background: linear-gradient(135deg, #ffe2a8 0%, var(--sc-ab-gold) 60%, var(--sc-ab-gold-deep) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.sc-abroad-mba__crest-label {
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.92);
}

.sc-abroad-mba__highlights {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
}

@media (max-width: 560px) {
  .sc-abroad-mba__highlights {
    grid-template-columns: minmax(0, 1fr);
  }
}

.sc-abroad-mba__highlights li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--sc-ab-navy);
  line-height: 1.4;
}

.sc-abroad-mba__tick {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: linear-gradient(135deg, var(--sc-ab-teal) 0%, var(--sc-ab-teal-deep) 100%);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 900;
}

.sc-abroad-mba__note {
  margin: 20px 0 0;
  padding: 14px 18px;
  font-size: 0.92rem;
  background: var(--sc-ab-soft);
  color: var(--sc-ab-muted);
  border-radius: 12px;
  border-left: 3px solid var(--sc-ab-gold);
  line-height: 1.55;
}

/* ===== 11. CAREER SUPPORT ===== */
.sc-abroad-section--career {
  background: #ffffff;
}

.sc-abroad-grid--career {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 1024px) {
  .sc-abroad-grid--career {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .sc-abroad-grid--career {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 460px) {
  .sc-abroad-grid--career {
    grid-template-columns: minmax(0, 1fr);
  }
}

.sc-abroad-mini-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid var(--sc-ab-line);
  border-left: 3px solid var(--sc-ab-teal);
  border-radius: 14px;
  padding: 18px 20px;
  box-shadow: 0 8px 22px rgba(5, 15, 46, 0.04);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
  min-height: 88px;
}

.sc-abroad-mini-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(5, 15, 46, 0.1);
  border-left-color: var(--sc-ab-gold);
  background: var(--sc-ab-soft);
}

.sc-abroad-mini-card__bullet {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: linear-gradient(135deg, var(--sc-ab-teal) 0%, var(--sc-ab-teal-deep) 100%);
  box-shadow: 0 0 0 4px rgba(22, 213, 192, 0.18);
}

.sc-abroad-mini-card__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--sc-ab-navy-mid);
  letter-spacing: -0.005em;
  line-height: 1.3;
}

/* ===== 12. PLACEMENT & CORPORATE EXPOSURE ===== */
.sc-abroad-section--placement {
  position: relative;
  background:
    radial-gradient(ellipse at 100% 0%, rgba(22, 213, 192, 0.05) 0%, transparent 55%),
    radial-gradient(ellipse at 0% 100%, rgba(212, 168, 83, 0.05) 0%, transparent 55%),
    linear-gradient(180deg, #ffffff 0%, var(--sc-ab-grey) 100%);
}

/* Subtle corporate-grid watermark over the section */
.sc-abroad-section--placement::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    linear-gradient(rgba(12, 31, 77, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(12, 31, 77, 0.045) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse at 50% 40%, #000 35%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 40%, #000 35%, transparent 80%);
}

.sc-abroad-orb--placement {
  top: 30%;
  right: -120px;
  opacity: 0.12;
  filter: blur(90px);
}

/* Feature strip: 4 placement support pillars */
.sc-abroad-placement-stats {
  list-style: none;
  margin: clamp(24px, 3vw, 36px) 0 clamp(28px, 3.4vw, 44px);
  padding: clamp(18px, 2.4vw, 24px) clamp(20px, 3vw, 32px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 24px);
  background:
    radial-gradient(ellipse at 0% 0%, rgba(22, 213, 192, 0.16) 0%, transparent 55%),
    radial-gradient(ellipse at 100% 100%, rgba(212, 168, 83, 0.12) 0%, transparent 55%),
    linear-gradient(135deg, var(--sc-ab-navy) 0%, var(--sc-ab-navy-mid) 100%);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow:
    0 24px 48px rgba(5, 15, 46, 0.18),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03);
  color: #fff;
}

.sc-abroad-placement-stat {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
}

.sc-abroad-placement-stat__icon {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 30% 25%, rgba(22, 213, 192, 0.22) 0%, transparent 70%),
    rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

.sc-abroad-placement-stat__icon::before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  background-color: var(--sc-ab-teal);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.sc-abroad-placement-stat__icon--mentor::before {
  /* Person + chat (mentoring) */
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-8 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0 2c-2.7 0-8 1.3-8 4v3h10v-3c0-1 .3-1.9 1-2.7-1-.2-2-.3-3-.3Zm8 0c-.7 0-1.5.1-2.3.2 1.4.9 2.3 2.2 2.3 3.8v3h8v-3c0-2.7-5.3-4-8-4Z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-8 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0 2c-2.7 0-8 1.3-8 4v3h10v-3c0-1 .3-1.9 1-2.7-1-.2-2-.3-3-.3Zm8 0c-.7 0-1.5.1-2.3.2 1.4.9 2.3 2.2 2.3 3.8v3h8v-3c0-2.7-5.3-4-8-4Z'/></svg>");
}

.sc-abroad-placement-stat__icon--interview::before {
  /* Briefcase */
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M9 3h6a2 2 0 0 1 2 2v2h3a2 2 0 0 1 2 2v3H2V9a2 2 0 0 1 2-2h3V5a2 2 0 0 1 2-2Zm0 4h6V5H9v2ZM2 13h20v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-6Z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M9 3h6a2 2 0 0 1 2 2v2h3a2 2 0 0 1 2 2v3H2V9a2 2 0 0 1 2-2h3V5a2 2 0 0 1 2-2Zm0 4h6V5H9v2ZM2 13h20v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-6Z'/></svg>");
}

.sc-abroad-placement-stat__icon--corporate::before {
  /* Buildings */
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M3 21V7l6-4 6 4v2h6v12H3Zm2-2h4v-2H5v2Zm0-4h4v-2H5v2Zm0-4h4V9H5v2Zm6 8h4v-2h-4v2Zm0-4h4v-2h-4v2Zm0-4h4V9h-4v2Zm6 8h4v-8h-4v8Z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M3 21V7l6-4 6 4v2h6v12H3Zm2-2h4v-2H5v2Zm0-4h4v-2H5v2Zm0-4h4V9H5v2Zm6 8h4v-2h-4v2Zm0-4h4v-2h-4v2Zm0-4h4V9h-4v2Zm6 8h4v-8h-4v8Z'/></svg>");
}

.sc-abroad-placement-stat__icon--profile::before {
  /* Document with avatar */
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6Zm-2 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm-4 7c0-1.5 2.7-2.3 4-2.3s4 .8 4 2.3v1H8v-1Z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6Zm-2 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm-4 7c0-1.5 2.7-2.3 4-2.3s4 .8 4 2.3v1H8v-1Z'/></svg>");
}

.sc-abroad-placement-stat__label {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.005em;
  line-height: 1.25;
  color: #fff;
}

@media (max-width: 900px) {
  .sc-abroad-placement-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .sc-abroad-placement-stats {
    grid-template-columns: 1fr;
    padding: 18px;
  }
}

/* ===== Category filter pills ===== */
.sc-abroad-logos-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0 0 clamp(20px, 2.4vw, 28px);
}

.sc-abroad-logos-filter__pill {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(12, 31, 77, 0.12);
  background: #ffffff;
  color: var(--sc-ab-navy);
  font-family: inherit;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  padding: 10px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
  box-shadow: 0 4px 12px rgba(5, 15, 46, 0.04);
}

.sc-abroad-logos-filter__pill:hover {
  border-color: rgba(22, 213, 192, 0.5);
  color: var(--sc-ab-navy-mid);
  transform: translateY(-1px);
}

.sc-abroad-logos-filter__pill.is-active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--sc-ab-navy) 0%, var(--sc-ab-navy-mid) 100%);
  box-shadow:
    0 10px 22px rgba(5, 15, 46, 0.18),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.sc-abroad-logos-filter__pill:focus-visible {
  outline: 2px solid var(--sc-ab-teal);
  outline-offset: 3px;
}

/* ===== Carousel shell ===== */
.sc-abroad-logos-carousel {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  isolation: isolate;
}

/* Soft fade masks on the edges so cards "fade out" before the arrows */
.sc-abroad-logos-carousel::before,
.sc-abroad-logos-carousel::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.25s ease;
}

.sc-abroad-logos-carousel::before {
  left: 48px;
  background: linear-gradient(90deg, rgba(244, 247, 252, 1) 0%, rgba(244, 247, 252, 0) 100%);
}

.sc-abroad-logos-carousel::after {
  right: 48px;
  background: linear-gradient(-90deg, rgba(244, 247, 252, 1) 0%, rgba(244, 247, 252, 0) 100%);
}

.sc-abroad-logos-carousel.is-at-start::before { opacity: 0; }
.sc-abroad-logos-carousel.is-at-end::after { opacity: 0; }

/* Viewport (scrolling area) */
.sc-abroad-logos-carousel__viewport {
  flex: 1 1 auto;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(12, 31, 77, 0.25) transparent;
  padding: 12px 4px 22px;
}

.sc-abroad-logos-carousel__viewport::-webkit-scrollbar {
  height: 6px;
}

.sc-abroad-logos-carousel__viewport::-webkit-scrollbar-track {
  background: transparent;
}

.sc-abroad-logos-carousel__viewport::-webkit-scrollbar-thumb {
  background: rgba(12, 31, 77, 0.18);
  border-radius: 999px;
}

.sc-abroad-logos-carousel__viewport::-webkit-scrollbar-thumb:hover {
  background: rgba(22, 213, 192, 0.6);
}

.sc-abroad-logos-carousel__viewport:focus-visible {
  outline: 2px solid var(--sc-ab-teal);
  outline-offset: 4px;
  border-radius: 12px;
}

.sc-abroad-logos-carousel__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 16px;
}

/* ===== Carousel card (clean logo strip - no labels) ===== */
.sc-abroad-logos-card {
  flex: 0 0 auto;
  width: 200px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid rgba(12, 31, 77, 0.06);
  border-radius: 14px;
  padding: 18px 24px;
  box-shadow: 0 4px 12px rgba(5, 15, 46, 0.04);
  scroll-snap-align: start;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease,
    opacity 0.25s ease;
}

.sc-abroad-logos-card:hover {
  transform: translateY(-3px);
  border-color: rgba(22, 213, 192, 0.45);
  box-shadow:
    0 12px 24px rgba(5, 15, 46, 0.09),
    0 0 0 1px rgba(22, 213, 192, 0.25),
    0 0 24px rgba(22, 213, 192, 0.12);
  background: linear-gradient(180deg, #ffffff 0%, #f6fcfb 100%);
}

.sc-abroad-logos-card.is-hidden {
  display: none;
}

.sc-abroad-logos-card__img {
  display: block;
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 60px;
  object-fit: contain;
  filter: saturate(1.05);
}

/* ===== Carousel nav arrows ===== */
.sc-abroad-logos-carousel__nav {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(12, 31, 77, 0.1);
  background: #ffffff;
  color: var(--sc-ab-navy);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 22px rgba(5, 15, 46, 0.12);
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  z-index: 2;
}

.sc-abroad-logos-carousel__nav svg {
  width: 20px;
  height: 20px;
}

.sc-abroad-logos-carousel__nav:hover:not(:disabled) {
  background: var(--sc-ab-navy);
  color: var(--sc-ab-gold);
  border-color: transparent;
  transform: translateY(-1px);
  box-shadow:
    0 14px 28px rgba(5, 15, 46, 0.22),
    0 0 0 4px rgba(22, 213, 192, 0.12);
}

.sc-abroad-logos-carousel__nav:focus-visible {
  outline: 2px solid var(--sc-ab-teal);
  outline-offset: 3px;
}

.sc-abroad-logos-carousel__nav:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  box-shadow: none;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .sc-abroad-logos-card {
    width: 180px;
    height: 100px;
    padding: 16px 20px;
  }

  .sc-abroad-logos-card__img {
    max-width: 130px;
    max-height: 56px;
  }

  .sc-abroad-logos-carousel__nav {
    width: 38px;
    height: 38px;
  }

  .sc-abroad-logos-carousel::before { left: 42px; width: 36px; }
  .sc-abroad-logos-carousel::after { right: 42px; width: 36px; }
}

@media (max-width: 480px) {
  .sc-abroad-logos-carousel {
    flex-wrap: wrap;
    justify-content: center;
  }

  .sc-abroad-logos-carousel__viewport {
    order: 1;
    flex: 0 0 100%;
  }

  .sc-abroad-logos-carousel__nav {
    order: 2;
    margin-top: 8px;
  }

  .sc-abroad-logos-card {
    width: 160px;
    height: 95px;
    padding: 14px 18px;
  }

  .sc-abroad-logos-card__img {
    max-width: 120px;
    max-height: 52px;
  }

  .sc-abroad-logos-carousel__list {
    gap: 12px;
  }

  .sc-abroad-logos-carousel::before,
  .sc-abroad-logos-carousel::after {
    display: none;
  }
}

/* Disclaimer (compact, elegant) */
.sc-abroad-disclaimer {
  margin: 22px auto 0;
  max-width: 920px;
  padding: 12px 16px;
  font-size: 0.82rem;
  color: var(--sc-ab-muted);
  background: rgba(255, 255, 255, 0.7);
  border-left: 3px solid var(--sc-ab-gold);
  border-radius: 10px;
  line-height: 1.55;
  text-align: center;
}

.sc-abroad-disclaimer--soft {
  background: transparent;
  border-left: 0;
  font-size: 0.8rem;
  padding: 6px 12px;
  color: var(--sc-ab-muted);
  opacity: 0.85;
}

/* ===== 13. FEES ===== */
.sc-abroad-section--fees {
  background: linear-gradient(180deg, #ffffff 0%, var(--sc-ab-grey) 100%);
}

.sc-abroad-fees-card {
  max-width: 820px;
  margin: 0 auto;
  background: #fff;
  border-radius: 24px;
  border: 1px solid var(--sc-ab-line);
  border-top: 4px solid var(--sc-ab-gold);
  padding: clamp(30px, 4vw, 48px);
  box-shadow: 0 22px 56px rgba(5, 15, 46, 0.1);
  text-align: center;
}

.sc-abroad-fees-card .sc-abroad-cta-row {
  margin-top: 24px;
}

.sc-abroad-fees-note {
  margin: 20px 0 0;
  font-size: 0.88rem;
  color: var(--sc-ab-muted);
}

/* ===== 14. ELIGIBILITY ===== */
.sc-abroad-section--elig {
  background: #ffffff;
}

.sc-abroad-grid--elig {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 1024px) {
  .sc-abroad-grid--elig {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sc-abroad-grid--elig {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .sc-abroad-grid--elig {
    grid-template-columns: minmax(0, 1fr);
  }
}

.sc-abroad-elig-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: #fff;
  border-radius: 16px;
  border: 1px solid var(--sc-ab-line);
  padding: 20px 18px;
  box-shadow: 0 10px 26px rgba(5, 15, 46, 0.05);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  min-height: 130px;
}

.sc-abroad-elig-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 44px rgba(5, 15, 46, 0.1);
  border-color: rgba(22, 213, 192, 0.45);
}

.sc-abroad-elig-card__tick {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--sc-ab-teal) 0%, var(--sc-ab-teal-deep) 100%);
  color: #fff;
  font-weight: 900;
  font-size: 0.95rem;
}

.sc-abroad-elig-card p {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 600;
  color: var(--sc-ab-navy);
  line-height: 1.4;
}

/* ===== 15. FAQ ===== */
.sc-abroad-section--faq {
  background: var(--sc-ab-ivory);
}

.sc-abroad-faq {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 880px;
  display: grid;
  gap: 12px;
}

.sc-abroad-faq__item {
  background: #fff;
  border: 1px solid var(--sc-ab-line);
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(5, 15, 46, 0.05);
  overflow: hidden;
  transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.sc-abroad-faq__item:hover {
  border-color: rgba(22, 213, 192, 0.4);
  box-shadow: 0 16px 36px rgba(5, 15, 46, 0.1);
}

.sc-abroad-faq__q {
  appearance: none;
  background: transparent;
  border: 0;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 20px 26px;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--sc-ab-navy);
  cursor: pointer;
  font-family: inherit;
  line-height: 1.4;
}

.sc-abroad-faq__q:focus-visible {
  outline: 2px solid rgba(22, 213, 192, 0.6);
  outline-offset: -2px;
}

.sc-abroad-faq__icon {
  position: relative;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.sc-abroad-faq__icon::before,
.sc-abroad-faq__icon::after {
  content: "";
  position: absolute;
  background: var(--sc-ab-teal-deep);
  border-radius: 2px;
}

.sc-abroad-faq__icon::before {
  left: 0;
  top: 10px;
  width: 22px;
  height: 2px;
}

.sc-abroad-faq__icon::after {
  left: 10px;
  top: 0;
  width: 2px;
  height: 22px;
  transition: transform 0.22s ease;
}

.sc-abroad-faq__q[aria-expanded="true"] .sc-abroad-faq__icon::after {
  transform: rotate(90deg);
}

.sc-abroad-faq__a {
  padding: 0 26px 22px;
  color: var(--sc-ab-muted);
  font-size: 1rem;
  line-height: 1.7;
}

.sc-abroad-faq__a p {
  margin: 0;
}

/* ===== 16. FINAL CTA ===== */
.sc-abroad-section--final {
  padding: 0;
  overflow: visible;
}

.sc-abroad-final {
  position: relative;
  isolation: isolate;
  color: #fff;
  background:
    radial-gradient(ellipse at 18% 0%, rgba(22, 213, 192, 0.24) 0%, transparent 50%),
    radial-gradient(ellipse at 82% 100%, rgba(212, 168, 83, 0.24) 0%, transparent 60%),
    linear-gradient(160deg, #02091f 0%, var(--sc-ab-navy) 30%, var(--sc-ab-navy-mid) 60%, var(--sc-ab-navy-soft) 100%);
  padding: clamp(80px, 10vw, 140px) 0 clamp(200px, 20vw, 280px);
  overflow: hidden;
}

.sc-abroad-final__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(ellipse at 50% 35%, #000 30%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 35%, #000 30%, transparent 75%);
  z-index: 0;
}

.sc-abroad-final__dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(22, 213, 192, 0.5) 1px, transparent 1.5px);
  background-size: 32px 32px;
  opacity: 0.35;
  mask-image: radial-gradient(ellipse at 50% 30%, #000 0%, rgba(0, 0, 0, 0.55) 35%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000 0%, rgba(0, 0, 0, 0.55) 35%, transparent 70%);
  z-index: 0;
}

.sc-abroad-final .sc-abroad-hero__flight {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.55;
  mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 95%);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 95%);
}

.sc-abroad-orb--final-a {
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(22, 213, 192, 0.6) 0%, transparent 70%);
  top: -120px;
  left: -80px;
  filter: blur(80px);
  opacity: 0.55;
  z-index: 0;
}

.sc-abroad-orb--final-b {
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(212, 168, 83, 0.55) 0%, transparent 70%);
  bottom: 40px;
  right: -100px;
  filter: blur(70px);
  opacity: 0.5;
  z-index: 0;
}

.sc-abroad-final__skyline {
  position: absolute;
  inset: auto 0 0 0;
  height: clamp(190px, 26vw, 320px);
  z-index: 0;
  opacity: 1;
}

.sc-abroad-final__inner {
  position: relative;
  z-index: 1;
  text-align: center;
}

/* Glowing CTA buttons inside final */
.sc-abroad-final .sc-abroad-btn {
  position: relative;
  isolation: isolate;
}

.sc-abroad-final .sc-abroad-btn--primary {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.18),
    0 18px 40px rgba(22, 213, 192, 0.42),
    0 0 60px rgba(22, 213, 192, 0.25);
}

.sc-abroad-final .sc-abroad-btn--whatsapp {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.18),
    0 18px 40px rgba(37, 211, 102, 0.42),
    0 0 60px rgba(37, 211, 102, 0.22);
}

@media (prefers-reduced-motion: reduce) {
  .sc-abroad-orb--final-a,
  .sc-abroad-orb--final-b {
    animation: none;
  }
}

.sc-abroad-final__title {
  margin: 0 auto 18px;
  max-width: 880px;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
  line-height: 1.15;
}

.sc-abroad-final__text {
  margin: 0 auto 28px;
  max-width: 720px;
  font-size: clamp(1.05rem, 1.7vw, 1.18rem);
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.85);
}

.sc-abroad-cta-row--final {
  margin-top: 0;
}

.sc-abroad-final .sc-abroad-btn--whatsapp {
  background: #25d366;
  color: #fff;
}

/* ===========================================================
 * FINAL CTA — PHOTO VARIANT
 * Activated when assets/images/abroad/dubai-cta-night.jpg exists.
 * =========================================================== */
.sc-abroad-final--photo {
  background: #02091f;
}

.sc-abroad-final__photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.sc-abroad-final__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 55%;
  transform: scale(1.03);
  transition: transform 14s ease-out;
  filter: saturate(1.05) contrast(1.02);
  will-change: transform;
}

.sc-abroad-final--photo:hover .sc-abroad-final__photo img {
  transform: scale(1.08);
}

.sc-abroad-final__overlay-dark {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(2, 9, 31, 0.86) 0%, rgba(2, 9, 31, 0.62) 50%, rgba(2, 9, 31, 0.92) 100%);
}

.sc-abroad-final__overlay-glow {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(ellipse at 18% 0%, rgba(22, 213, 192, 0.22) 0%, transparent 55%),
    radial-gradient(ellipse at 82% 100%, rgba(212, 168, 83, 0.22) 0%, transparent 60%);
}

/* Hide the illustrated layers when photo is on (kept in DOM for fallback) */
.sc-abroad-final--photo .sc-abroad-final__grid,
.sc-abroad-final--photo .sc-abroad-final__dots,
.sc-abroad-final--photo .sc-abroad-final__skyline,
.sc-abroad-final--photo .sc-abroad-orb--final-a,
.sc-abroad-final--photo .sc-abroad-orb--final-b {
  display: none;
}

/* Subtle flight line retained over the photo only */
.sc-abroad-final--photo .sc-abroad-hero__flight {
  opacity: 0.22;
  mix-blend-mode: screen;
}

.sc-abroad-final--photo .sc-abroad-final__inner {
  position: relative;
  z-index: 2;
}

.sc-abroad-final--photo .sc-abroad-final__title,
.sc-abroad-final--photo .sc-abroad-final__text {
  text-shadow: 0 2px 22px rgba(2, 9, 31, 0.55);
}

@media (prefers-reduced-motion: reduce) {
  .sc-abroad-final__photo img {
    transition: none;
    transform: none;
  }
}

/* =========================================================================
   2026-05-26 – Abroad page updates: MBA Plymouth Marjon section,
   Eligibility Assessment CTA, premium static placement logo wall, and
   small utility helpers. Appended after the original stylesheet on
   purpose so the cascade can override earlier rules if needed.
   ========================================================================= */

/* Centered section headers + centered CTA row */
.sc-abroad-section__head--center {
  text-align: center;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.sc-abroad-cta-row--center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 22px;
}

/* Premium gold CTA button */
.sc-abroad-btn--gold {
  background: linear-gradient(135deg, #f3dba2 0%, #d8af6d 55%, #b9853f 100%);
  color: #2b1c08;
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow:
    0 14px 32px rgba(201, 160, 107, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.sc-abroad-btn--gold:hover,
.sc-abroad-btn--gold:focus-visible {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow:
    0 18px 40px rgba(201, 160, 107, 0.42),
    0 0 0 1px rgba(201, 160, 107, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  color: #2b1c08;
}

/* -------------------------------------------------------------------------
   MBA section – Plymouth Marjon
   ------------------------------------------------------------------------- */

.sc-abroad-section--mba .sc-abroad-container {
  position: relative;
}

.sc-abroad-mba-brands {
  list-style: none;
  margin: 36px 0 28px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.sc-abroad-mba-brand {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px 22px 22px;
  background: #fff;
  border: 1px solid rgba(15, 41, 96, 0.10);
  border-radius: 20px;
  box-shadow:
    0 14px 38px rgba(7, 27, 77, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}

.sc-abroad-mba-brand::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #c9a06b 0%, #f0d9a5 50%, #16d5c0 100%);
  opacity: 0.85;
}

.sc-abroad-mba-brand:hover {
  transform: translateY(-2px);
  border-color: rgba(22, 213, 192, 0.45);
  box-shadow:
    0 22px 48px rgba(7, 27, 77, 0.10),
    0 0 0 1px rgba(22, 213, 192, 0.18);
}

.sc-abroad-mba-brand__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 92px;
  margin-bottom: 14px;
  padding: 0 6px;
}

.sc-abroad-mba-brand__img {
  max-height: 70px;
  max-width: 220px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.sc-abroad-mba-brand__name {
  margin: 0 0 5px;
  font-size: 0.96rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.3;
  color: #0e2a55;
  min-height: 2.6em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.sc-abroad-mba-brand__role {
  margin: 0;
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.015em;
  line-height: 1.45;
  color: #475569;
}

.sc-abroad-mba-highlights {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.sc-abroad-mba-highlight {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  background: linear-gradient(180deg, rgba(22, 213, 192, 0.08) 0%, rgba(22, 213, 192, 0.02) 100%);
  border: 1px solid rgba(22, 213, 192, 0.30);
  border-radius: 14px;
  color: #0e2a55;
  font-weight: 700;
  font-size: 0.96rem;
  line-height: 1.35;
}

.sc-abroad-mba-highlight__tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 50%;
  color: #052831;
  background: linear-gradient(135deg, #2ee0c8, #0fb6c1);
  box-shadow: 0 6px 14px rgba(15, 182, 193, 0.32);
  font-size: 0.8rem;
  font-weight: 800;
}

.sc-abroad-mba-highlight__label {
  flex: 1 1 auto;
}

.sc-abroad-mba-note {
  margin: 18px auto 0;
  max-width: 760px;
  text-align: center;
  font-size: 0.88rem;
  color: #64748b;
  line-height: 1.55;
}

@media (max-width: 880px) {
  .sc-abroad-mba-brands {
    grid-template-columns: 1fr;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
  }
  .sc-abroad-mba-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .sc-abroad-mba-highlights {
    grid-template-columns: 1fr;
  }
}

/* -------------------------------------------------------------------------
   Eligibility Assessment CTA
   ------------------------------------------------------------------------- */

.sc-abroad-elig-cta {
  position: relative;
  margin-top: 36px;
  padding: clamp(24px, 3vw, 38px) clamp(22px, 3vw, 40px);
  color: #fff;
  background:
    radial-gradient(ellipse 110% 80% at 100% 0%, rgba(22, 213, 192, 0.22) 0%, transparent 60%),
    radial-gradient(ellipse 90% 70% at 0% 100%, rgba(201, 160, 107, 0.20) 0%, transparent 60%),
    linear-gradient(135deg, #06163b 0%, #0a2466 55%, #102f74 100%);
  border-radius: 22px;
  box-shadow:
    0 22px 52px rgba(7, 27, 77, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);
  overflow: hidden;
  isolation: isolate;
}

.sc-abroad-elig-cta__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(48px);
  pointer-events: none;
  z-index: 0;
}

.sc-abroad-elig-cta__glow--a {
  width: 240px;
  height: 240px;
  right: -60px;
  top: -80px;
  background: rgba(22, 213, 192, 0.32);
}

.sc-abroad-elig-cta__glow--b {
  width: 220px;
  height: 220px;
  left: -50px;
  bottom: -90px;
  background: rgba(201, 160, 107, 0.32);
}

.sc-abroad-elig-cta__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(20px, 3vw, 38px);
}

.sc-abroad-elig-cta__copy {
  max-width: 640px;
}

.sc-abroad-elig-cta__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  padding: 6px 14px;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(232, 251, 249, 0.95);
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.sc-abroad-elig-cta__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #16d5c0;
  box-shadow: 0 0 0 4px rgba(22, 213, 192, 0.22), 0 0 14px rgba(22, 213, 192, 0.7);
}

.sc-abroad-elig-cta__title {
  margin: 0 0 10px;
  font-size: clamp(1.25rem, 2.2vw, 1.7rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
  line-height: 1.18;
}

.sc-abroad-elig-cta__text {
  margin: 0 0 16px;
  color: rgba(232, 240, 255, 0.86);
  font-size: 1rem;
  line-height: 1.6;
}

.sc-abroad-elig-cta__features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 18px;
}

.sc-abroad-elig-cta__features li {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 0.92rem;
  font-weight: 600;
  color: rgba(244, 249, 255, 0.92);
}

.sc-abroad-elig-cta__features li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(22, 213, 192, 0.20);
  color: #2ee0c8;
  font-size: 0.7rem;
  font-weight: 800;
  flex-shrink: 0;
}

.sc-abroad-elig-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  min-width: 240px;
}

.sc-abroad-elig-cta__actions .sc-abroad-btn--gold {
  width: 100%;
  justify-content: center;
  min-height: 54px;
  font-size: 1rem;
  letter-spacing: 0.005em;
}

.sc-abroad-elig-cta__hint {
  margin: 0;
  text-align: center;
  font-size: 0.78rem;
  color: rgba(232, 240, 255, 0.7);
  letter-spacing: 0.01em;
}

@media (max-width: 820px) {
  .sc-abroad-elig-cta__inner {
    grid-template-columns: 1fr;
    text-align: left;
  }
  .sc-abroad-elig-cta__actions {
    min-width: 0;
  }
  .sc-abroad-elig-cta__hint {
    text-align: left;
  }
}

@media (max-width: 480px) {
  .sc-abroad-elig-cta__features {
    grid-template-columns: 1fr;
  }
}

/* -------------------------------------------------------------------------
   Static premium placement logo wall (replaces old carousel)
   ------------------------------------------------------------------------- */

/* Flexbox so partial last rows centre naturally regardless of logo count. */
.sc-abroad-logo-wall {
  list-style: none;
  margin: 28px 0 16px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  gap: 16px;
}

.sc-abroad-logo-tile {
  flex: 0 0 calc(20% - 13px);
  max-width: calc(20% - 13px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 20px;
  height: 108px;
  background: linear-gradient(180deg, #ffffff 0%, #f6f8fc 100%);
  border: 1px solid rgba(15, 41, 96, 0.08);
  border-radius: 16px;
  box-shadow:
    0 8px 22px rgba(7, 27, 77, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition:
    transform 0.22s ease,
    box-shadow 0.25s ease,
    border-color 0.22s ease,
    background 0.22s ease;
}

.sc-abroad-logo-tile:hover {
  transform: translateY(-3px);
  border-color: rgba(22, 213, 192, 0.45);
  box-shadow:
    0 18px 36px rgba(7, 27, 77, 0.10),
    0 0 0 1px rgba(22, 213, 192, 0.18),
    0 0 22px rgba(201, 160, 107, 0.20);
  background: #ffffff;
}

.sc-abroad-logo-tile__img {
  max-height: 70px;
  max-width: 200px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: saturate(1.02);
}

@media (max-width: 1100px) {
  .sc-abroad-logo-tile {
    flex-basis: calc(25% - 12px);
    max-width: calc(25% - 12px);
  }
}

@media (max-width: 780px) {
  .sc-abroad-logo-wall {
    gap: 12px;
  }
  .sc-abroad-logo-tile {
    flex-basis: calc(33.333% - 8px);
    max-width: calc(33.333% - 8px);
    height: 96px;
    padding: 14px 16px;
  }
  .sc-abroad-logo-tile__img {
    max-height: 58px;
    max-width: 150px;
  }
}

@media (max-width: 520px) {
  .sc-abroad-logo-tile {
    flex-basis: calc(50% - 6px);
    max-width: calc(50% - 6px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sc-abroad-logo-tile,
  .sc-abroad-mba-brand,
  .sc-abroad-btn--gold {
    transition: none !important;
  }
}

/* =========================================================================
   Premium Top-MNC placement showcase (dark navy section)
   ------------------------------------------------------------------------- */

/* Override the light placement section background entirely when the dark
   modifier is present. Layered: deep navy gradient + faint diagonal grid
   + soft teal & gold glows + low-opacity skyline silhouette. */
.sc-abroad-section--placement.sc-abroad-section--placement-dark {
  position: relative;
  background:
    radial-gradient(ellipse at 12% 8%, rgba(22, 213, 192, 0.14) 0%, transparent 55%),
    radial-gradient(ellipse at 88% 90%, rgba(212, 168, 83, 0.12) 0%, transparent 58%),
    linear-gradient(180deg, #060f30 0%, #0a1a48 45%, #07153a 100%);
  color: #f4f7ff;
  overflow: hidden;
  padding-top: clamp(56px, 7vw, 96px);
  padding-bottom: clamp(56px, 7vw, 96px);
}

/* Suppress the inherited light-mode grid pattern from the base
   .sc-abroad-section--placement rule so the dark section stays clean. */
.sc-abroad-section--placement.sc-abroad-section--placement-dark::before {
  background-image:
    linear-gradient(rgba(150, 195, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(150, 195, 255, 0.05) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 50% 45%, #000 30%, transparent 78%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 45%, #000 30%, transparent 78%);
}

/* Background layer container — skyline + glow orbs */
.sc-abroad-placement-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

/* Dubai-style skyline silhouette, anchored to the bottom edge */
.sc-abroad-placement-skyline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 38%;
  opacity: 0.18;
  filter:
    brightness(1.6)
    saturate(0)
    drop-shadow(0 -6px 18px rgba(22, 213, 192, 0.18));
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 35%, #000 100%);
          mask-image: linear-gradient(180deg, transparent 0%, #000 35%, #000 100%);
}
.sc-abroad-placement-skyline svg,
.sc-abroad-placement-skyline .sc-abroad-skyline {
  width: 100%;
  height: 100%;
  display: block;
}

/* Soft floating glow orbs */
.sc-abroad-placement-glow {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  filter: blur(110px);
  opacity: 0.45;
}
.sc-abroad-placement-glow--teal {
  top: -160px;
  left: -160px;
  background: radial-gradient(circle, rgba(22, 213, 192, 0.55) 0%, transparent 70%);
}
.sc-abroad-placement-glow--gold {
  bottom: -200px;
  right: -180px;
  background: radial-gradient(circle, rgba(212, 168, 83, 0.45) 0%, transparent 70%);
}

/* Keep the container/header above the bg layers */
.sc-abroad-section--placement-dark .sc-abroad-container { position: relative; z-index: 1; }

/* Extra-large title size for this hero-like section */
.sc-abroad-section__title.sc-abroad-section__title--xl {
  font-size: clamp(2rem, 3.4vw, 2.85rem);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -0.005em;
}

/* Gold accent span for "Top MNCs" inside the title */
.sc-abroad-gold-accent {
  background: linear-gradient(135deg, #efcf8a 0%, #d4a853 55%, #b88a3a 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #d4a853; /* fallback */
  font-weight: 800;
  letter-spacing: -0.005em;
}

/* Lead paragraph on dark */
.sc-abroad-section__lead.sc-abroad-section__lead--light {
  color: rgba(244, 247, 255, 0.78);
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(1rem, 1.15vw, 1.085rem);
}

/* -------------------------------------------------------------------------
   Premium mini-strip: 4 placement pillars (compact chips, not boxy cards)
   ------------------------------------------------------------------------- */
.sc-abroad-placement-pillars {
  list-style: none;
  margin: clamp(22px, 2.8vw, 34px) 0 clamp(34px, 4vw, 52px);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(10px, 1.4vw, 18px);
}

.sc-abroad-placement-pillar {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px 10px 14px;
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.025) 100%);
  border: 1px solid rgba(22, 213, 192, 0.22);
  box-shadow:
    0 6px 16px rgba(5, 15, 46, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #f4f7ff;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.sc-abroad-placement-pillar__icon {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 30% 25%, rgba(22, 213, 192, 0.45) 0%, transparent 70%),
    rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(22, 213, 192, 0.32);
  position: relative;
}

.sc-abroad-placement-pillar__icon::before {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  background-color: #c9f7ee;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.sc-abroad-placement-pillar__icon--mentor::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-8 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0 2c-2.7 0-8 1.3-8 4v3h10v-3c0-1 .3-1.9 1-2.7-1-.2-2-.3-3-.3Zm8 0c-.7 0-1.5.1-2.3.2 1.4.9 2.3 2.2 2.3 3.8v3h8v-3c0-2.7-5.3-4-8-4Z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-8 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0 2c-2.7 0-8 1.3-8 4v3h10v-3c0-1 .3-1.9 1-2.7-1-.2-2-.3-3-.3Zm8 0c-.7 0-1.5.1-2.3.2 1.4.9 2.3 2.2 2.3 3.8v3h8v-3c0-2.7-5.3-4-8-4Z'/></svg>");
}
.sc-abroad-placement-pillar__icon--interview::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M9 3h6a2 2 0 0 1 2 2v2h3a2 2 0 0 1 2 2v3H2V9a2 2 0 0 1 2-2h3V5a2 2 0 0 1 2-2Zm0 4h6V5H9v2ZM2 13h20v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-6Z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M9 3h6a2 2 0 0 1 2 2v2h3a2 2 0 0 1 2 2v3H2V9a2 2 0 0 1 2-2h3V5a2 2 0 0 1 2-2Zm0 4h6V5H9v2ZM2 13h20v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-6Z'/></svg>");
}
.sc-abroad-placement-pillar__icon--profile::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6Zm-2 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm-4 7c0-1.5 2.7-2.3 4-2.3s4 .8 4 2.3v1H8v-1Z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6Zm-2 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm-4 7c0-1.5 2.7-2.3 4-2.3s4 .8 4 2.3v1H8v-1Z'/></svg>");
}
.sc-abroad-placement-pillar__icon--corporate::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M3 21V7l6-4 6 4v2h6v12H3Zm2-2h4v-2H5v2Zm0-4h4v-2H5v2Zm0-4h4V9H5v2Zm6 8h4v-2h-4v2Zm0-4h4v-2h-4v2Zm0-4h4V9h-4v2Zm6 8h4v-8h-4v8Z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M3 21V7l6-4 6 4v2h6v12H3Zm2-2h4v-2H5v2Zm0-4h4v-2H5v2Zm0-4h4V9H5v2Zm6 8h4v-2h-4v2Zm0-4h4v-2h-4v2Zm0-4h4V9h-4v2Zm6 8h4v-8h-4v8Z'/></svg>");
}

@media (max-width: 640px) {
  .sc-abroad-placement-pillar {
    font-size: 0.84rem;
    padding: 8px 14px 8px 12px;
  }
}

/* -------------------------------------------------------------------------
   Dark logo wall — transparent tiles, monochrome-white normalized logos
   ------------------------------------------------------------------------- */

.sc-abroad-logo-wall.sc-abroad-logo-wall--dark {
  gap: clamp(18px, 2.4vw, 32px);
  margin-top: clamp(8px, 1.4vw, 16px);
  /* Disclaimer removed — tighter bottom margin so the section ends cleanly. */
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Per-brand override: transparent placement-logo-item tiles inside the dark wall */
.sc-abroad-logo-wall--dark .placement-logo-item.sc-abroad-logo-tile {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 10px 18px;
  min-height: 80px;
  height: auto;
  flex: 0 0 calc(20% - 26px);
  max-width: calc(20% - 26px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform 0.25s ease, filter 0.25s ease;
}

.sc-abroad-logo-wall--dark .placement-logo-item.sc-abroad-logo-tile:hover {
  background: transparent;
  border: none;
  box-shadow: none;
  transform: translateY(-2px);
}

/* Logo image — base size + monochrome white normalization for visual unity */
.sc-abroad-logo-wall--dark .sc-abroad-logo-tile__img {
  max-width: 190px;
  max-height: 70px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter:
    brightness(0)
    invert(1)
    brightness(0.96);
  opacity: 0.92;
  transition: opacity 0.25s ease, filter 0.25s ease, transform 0.25s ease;
}

.sc-abroad-logo-wall--dark .placement-logo-item:hover .sc-abroad-logo-tile__img {
  opacity: 1;
  filter:
    brightness(0)
    invert(1)
    brightness(1);
}

/* Per-brand size boosts so visually smaller logos read as confidently as Google */
.sc-abroad-logo-wall--dark .logo-meta .sc-abroad-logo-tile__img,
.sc-abroad-logo-wall--dark .logo-dhl .sc-abroad-logo-tile__img,
.sc-abroad-logo-wall--dark .logo-accenture .sc-abroad-logo-tile__img,
.sc-abroad-logo-wall--dark .logo-dubai-airports .sc-abroad-logo-tile__img {
  max-width: 210px;
  max-height: 80px;
}

/* DHL has tall ascenders; give it slightly more vertical room */
.sc-abroad-logo-wall--dark .logo-dhl .sc-abroad-logo-tile__img {
  max-height: 72px;
}

/* IBM, Oracle, SAP wordmarks read better a touch larger too */
.sc-abroad-logo-wall--dark .logo-ibm .sc-abroad-logo-tile__img,
.sc-abroad-logo-wall--dark .logo-sap .sc-abroad-logo-tile__img,
.sc-abroad-logo-wall--dark .logo-oracle .sc-abroad-logo-tile__img {
  max-width: 200px;
  max-height: 74px;
}

/* Responsive logo wall */
@media (max-width: 1100px) {
  .sc-abroad-logo-wall--dark .placement-logo-item.sc-abroad-logo-tile {
    flex-basis: calc(25% - 24px);
    max-width: calc(25% - 24px);
  }
}
@media (max-width: 780px) {
  .sc-abroad-logo-wall--dark .placement-logo-item.sc-abroad-logo-tile {
    flex-basis: calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    min-height: 72px;
    padding: 8px 12px;
  }
  .sc-abroad-logo-wall--dark .sc-abroad-logo-tile__img {
    max-width: 160px;
    max-height: 60px;
  }
  .sc-abroad-logo-wall--dark .logo-meta .sc-abroad-logo-tile__img,
  .sc-abroad-logo-wall--dark .logo-dhl .sc-abroad-logo-tile__img,
  .sc-abroad-logo-wall--dark .logo-accenture .sc-abroad-logo-tile__img,
  .sc-abroad-logo-wall--dark .logo-dubai-airports .sc-abroad-logo-tile__img {
    max-width: 175px;
    max-height: 66px;
  }
}
@media (max-width: 520px) {
  .sc-abroad-logo-wall--dark .placement-logo-item.sc-abroad-logo-tile {
    flex-basis: calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sc-abroad-logo-wall--dark .placement-logo-item.sc-abroad-logo-tile,
  .sc-abroad-logo-wall--dark .sc-abroad-logo-tile__img {
    transition: none !important;
  }
}