/* ==========================================================================
   EDUJOBS — RESPONSIVE STYLESHEET
   Do NOT modify existing desktop styles. Only overrides below.
   Breakpoints: 1800 / 1600 / 1400 / 1300 / 1200 / 1100 / 991 / 767 / 480
   ========================================================================== */

/* ==========================================================================
   GLOBAL DESIGN TOKENS — fluid typography & spacing (single source of truth)
   --------------------------------------------------------------------------
   Defined ONCE here and consumed by the authoritative rules at the foot of
   this file. clamp(MIN, PREFERRED, MAX) makes every value scale smoothly on
   EVERY device — small phones (320px) through 4K — and stay identical on all
   pages, with no per-page or per-breakpoint drift. Tune a size in one place
   and it updates everywhere.

   MAX values match the desktop sizes already in main.css, so large screens
   are preserved; the curve just removes the old stepped jumps in between.
   ========================================================================== */
:root {
  /* Headings — h1…h6 */
  --fs-h1: clamp(26px, 16px + 2.4vw, 50px);
  --fs-h2: clamp(22px, 15px + 1.85vw, 42px);
  --fs-h3: clamp(18px, 14px + 0.9vw, 26px);
  --fs-h4: clamp(15px, 13.2px + 0.4vw, 18px);
  --fs-h5: clamp(13px, 11.8px + 0.28vw, 15px);
  --fs-h6: clamp(11px, 9.8px + 0.28vw, 13px);

  /* Body copy */
  --fs-body: clamp(14px, 12.6px + 0.45vw, 18px);

  /* Section-header component title (38px desktop in main.css) */
  --fs-section-title: clamp(22px, 15px + 1.75vw, 38px);

  /* Vertical section rhythm — every element using var(--section-padding)
     (main.css `section { padding: var(--section-padding); }`) scales fluidly. */
  --section-padding: clamp(48px, 2rem + 3.4vw, 100px) 0;
}

@media (min-width:1600px) {
  .container {
    max-width: 1500px
  }
}

@media (min-width:1800px) {
  .container {
    max-width: 1600px
  }
}


/* --------------------------------------------------------------------------
   STICKY HEADER STYLES
   -------------------------------------------------------------------------- */
.ej-site-header,
.site-header {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.35s ease,
    box-shadow 0.35s ease;
  will-change: transform;
}

.ej-site-header.is-sticky,
.site-header.is-sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  animation: slideDown 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.ej-site-header.is-hidden,
.site-header.is-hidden {
  transform: translateY(-100%);
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* When sticky, hide the top promo bar if present */
.site-header.is-sticky .announcement-bar,
.site-header.is-sticky .top-bar,
.site-header.is-sticky .promo-bar,
.site-header.is-sticky .header-top-bar {
  display: none;
}

/* --------------------------------------------------------------------------
   HAMBURGER BUTTON (visible ≤1199px only)
   -------------------------------------------------------------------------- */
.ej-hamburger {
  display: none;
  width: 40px;
  height: 40px;
  padding: 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 1001;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.ej-hamburger__line {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #1a1a2e;
  border-radius: 2px;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.25s ease,
    background-color 0.25s ease;
  transform-origin: center;
}

/* Hamburger → X animation */
.ej-hamburger.is-active .ej-hamburger__line:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}

.ej-hamburger.is-active .ej-hamburger__line:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}

.ej-hamburger.is-active .ej-hamburger__line:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}

/* --------------------------------------------------------------------------
   MOBILE MENU OVERLAY (reference: CN site fullscreen panel)
   -------------------------------------------------------------------------- */
.ej-mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  pointer-events: none;
  visibility: hidden;
  /* Delay visibility:hidden until slide-out animation completes */
  transition: visibility 0s 0.45s;
}

.ej-mobile-menu.is-open {
  pointer-events: auto;
  visibility: visible;
  /* No delay when opening — show immediately */
  transition: visibility 0s;
}

/* Backdrop */
.ej-mobile-menu__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.ej-mobile-menu.is-open .ej-mobile-menu__backdrop {
  opacity: 1;
}

/* Sliding Panel — full width */
.ej-mobile-menu__panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-shadow: -4px 0 30px rgba(0, 0, 0, 0.1);
}

.ej-mobile-menu.is-open .ej-mobile-menu__panel {
  transform: translateX(0);
}

/* Panel Header */
.ej-mobile-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #eee;
}

.ej-mobile-menu__logo img {
  height: 36px;
  width: auto;
}

.ej-mobile-menu__close {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: #1a1a2e;
  transition: background 0.25s ease, transform 0.25s ease;
}

.ej-mobile-menu__close:hover {
  background: #e8e8e8;
  transform: rotate(90deg);
}

/* Nav Links — staggered reveal animation */
.ej-mobile-menu__nav {
  flex: 1;
  padding: 20px 0;
}

.ej-mobile-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ej-mobile-menu__link {
  display: block;
  padding: 14px 24px;
  font-size: 17px;
  font-weight: 500;
  color: #1a1a2e;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: color 0.25s ease, background 0.25s ease, transform 0.4s ease, opacity 0.4s ease;
  transform: translateX(30px);
  opacity: 0;
}

.ej-mobile-menu.is-open .ej-mobile-menu__link {
  transform: translateX(0);
  opacity: 1;
}

/* Staggered delays for reveal animation */
.ej-mobile-menu.is-open .ej-mobile-menu__list li:nth-child(1) .ej-mobile-menu__link {
  transition-delay: 0.1s;
}

.ej-mobile-menu.is-open .ej-mobile-menu__list li:nth-child(2) .ej-mobile-menu__link {
  transition-delay: 0.15s;
}

.ej-mobile-menu.is-open .ej-mobile-menu__list li:nth-child(3) .ej-mobile-menu__link {
  transition-delay: 0.2s;
}

.ej-mobile-menu.is-open .ej-mobile-menu__list li:nth-child(4) .ej-mobile-menu__link {
  transition-delay: 0.25s;
}

.ej-mobile-menu.is-open .ej-mobile-menu__list li:nth-child(5) .ej-mobile-menu__link {
  transition-delay: 0.3s;
}

.ej-mobile-menu.is-open .ej-mobile-menu__list li:nth-child(6) .ej-mobile-menu__link {
  transition-delay: 0.35s;
}

.ej-mobile-menu.is-open .ej-mobile-menu__list li:nth-child(7) .ej-mobile-menu__link {
  transition-delay: 0.4s;
}

.ej-mobile-menu.is-open .ej-mobile-menu__list li:nth-child(8) .ej-mobile-menu__link {
  transition-delay: 0.45s;
}

.ej-mobile-menu__link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 24px;
  height: 1px;
  background: #f0f0f0;
}

.ej-mobile-menu__link:hover,
.ej-mobile-menu__link.active {
  color: #ffbc00;
  background: #ffbc0017;
}

/* Action Buttons */
.ej-mobile-menu__actions {
  padding: 20px 24px 30px;
  display: flex;
  /* flex-direction: column; */
  gap: 12px;
  border-top: 1px solid #eee;
}

.ej-mobile-menu__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--white);
  color: #1a1a2e;
  font-size: 15px;
  font-weight: 700;
  padding: 5px 22px 5px 5px;
  border-radius: 50px;
  border: 1.5px solid #e0e0e8;
  white-space: nowrap;
  transition: border-color 0.2s ease, color 0.2s ease;
  line-height: 1;
  text-decoration: none;
}

/* Icon circle */
.ej-mobile-menu__btn-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
  color: var(--white);
}

.ej-mobile-menu__btn-icon--red {
  background: var(--primary);
}

/* ── About Us Dropdown ── */
.ej-mobile-menu__has-dropdown {
  position: relative;
}

.ej-mobile-menu__dropdown-trigger {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-family: inherit;
  color: inherit;
}

.ej-mobile-menu__arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__dropdown-trigger .ej-mobile-menu__arrow,
.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__nested-trigger .ej-mobile-menu__arrow {
  transform: rotate(180deg);
}

.ej-mobile-menu__submenu {
  list-style: none;
  padding: 0;
  margin: 4px 0 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu {
  max-height: 300px;
}

/* Sublink — starts hidden, slides in when dropdown opens */
.ej-mobile-menu__sublink {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px 10px 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--paragraph);
  text-decoration: none;
  margin-left: 10px;
  border-radius: 0 6px 6px 0;
  border-bottom: 1px solid var(--border);
  opacity: 0;
  transform: translateX(16px);
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease,
    opacity 0.3s ease, transform 0.3s ease;
}

/* No divider after the last item in each submenu list */
.ej-mobile-menu__submenu>li:last-child>.ej-mobile-menu__sublink {
  border-bottom: none;
}

/* Reveal sublinks when dropdown is open */
.ej-mobile-menu__has-dropdown.open .ej-mobile-menu__sublink {
  opacity: 1;
  transform: translateX(0);
}

/* Staggered delays for each sublink. Direct-child combinators keep the
   :nth-child count scoped to the item's own submenu, so a course link inside a
   nested tab staggers by its position in that tab — not by the tab's position.
   Covers the longest list (Certification Programmes = 11 courses). */
.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu>li:nth-child(1)>.ej-mobile-menu__sublink {
  transition-delay: 0.05s;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu>li:nth-child(2)>.ej-mobile-menu__sublink {
  transition-delay: 0.10s;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu>li:nth-child(3)>.ej-mobile-menu__sublink {
  transition-delay: 0.15s;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu>li:nth-child(4)>.ej-mobile-menu__sublink {
  transition-delay: 0.20s;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu>li:nth-child(5)>.ej-mobile-menu__sublink {
  transition-delay: 0.25s;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu>li:nth-child(6)>.ej-mobile-menu__sublink {
  transition-delay: 0.30s;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu>li:nth-child(7)>.ej-mobile-menu__sublink {
  transition-delay: 0.35s;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu>li:nth-child(8)>.ej-mobile-menu__sublink {
  transition-delay: 0.40s;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu>li:nth-child(9)>.ej-mobile-menu__sublink {
  transition-delay: 0.45s;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu>li:nth-child(10)>.ej-mobile-menu__sublink {
  transition-delay: 0.50s;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu>li:nth-child(11)>.ej-mobile-menu__sublink {
  transition-delay: 0.55s;
}

/* Reset delays when closing so links hide instantly */
.ej-mobile-menu__has-dropdown:not(.open) .ej-mobile-menu__sublink {
  transition-delay: 0s;
}

.ej-mobile-menu__sublink:hover {
  color: var(--primary);
  border-color: var(--primary);
  background: #fff8f3;
}

.ej-mobile-menu__sublink.active {
  color: var(--primary);
  border-color: var(--primary);
  font-weight: 600;
}

/* ── Courses → Nested Tab Dropdowns (Industry / Certification / Degree) ── */
/* Outer "Courses" submenu holds the 3 collapsible tabs — give it room for an
   expanded nested list. The panel itself scrolls, so a tall cap never clips. */
.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu--tabs {
  max-height: 1600px;
}

/* Nested tab header (Browse by Industry / Certification / Degree) */
.ej-mobile-menu__nested-trigger {
  width: calc(100% - 20px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 6px 10px 0;
  padding: 12px 14px;
  background: #f6f6f9;
  border: none;
  border-radius: 8px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 600;
  color: #1a1a2e;
  text-align: left;
  cursor: pointer;
  opacity: 0;
  transform: translateX(16px);
  transition: background 0.2s ease, color 0.2s ease, opacity 0.3s ease,
    transform 0.3s ease;
}

/* Reveal the 3 tab headers, staggered, when the "Courses" dropdown opens */
.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu--tabs>li>.ej-mobile-menu__nested-trigger {
  opacity: 1;
  transform: translateX(0);
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu--tabs>li:nth-child(1)>.ej-mobile-menu__nested-trigger {
  transition-delay: 0.08s;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu--tabs>li:nth-child(2)>.ej-mobile-menu__nested-trigger {
  transition-delay: 0.16s;
}

.ej-mobile-menu__has-dropdown.open>.ej-mobile-menu__submenu--tabs>li:nth-child(3)>.ej-mobile-menu__nested-trigger {
  transition-delay: 0.24s;
}

/* Reset tab-header delay when Courses is closed so they hide instantly */
.ej-mobile-menu__has-dropdown:not(.open)>.ej-mobile-menu__submenu--tabs>li>.ej-mobile-menu__nested-trigger {
  transition-delay: 0s;
}

.ej-mobile-menu__nested-trigger>span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ej-mobile-menu__nested-trigger i.ph {
  font-size: 17px;
  color: var(--primary);
}

.ej-mobile-menu__nested-trigger:hover,
.ej-mobile-menu__has-dropdown--nested.open>.ej-mobile-menu__nested-trigger {
  background: #fff2ea;
  color: var(--primary);
}

/* Nested course list — expands only when its own tab is open. Cap is
   generous (only clips if content exceeds it) so it comfortably fits the
   "Browse by Industry" pane: 8 industry rows + one industry's course list. */
.ej-mobile-menu__submenu--nested {
  margin: 2px 0 0;
  padding-left: 6px;
}

.ej-mobile-menu__has-dropdown--nested.open>.ej-mobile-menu__submenu--nested {
  max-height: 2200px;
}

/* Keep a nested tab's course links hidden until that tab is open, even though
   the parent "Courses" dropdown is already open. */
.ej-mobile-menu__has-dropdown--nested:not(.open)>.ej-mobile-menu__submenu--nested .ej-mobile-menu__sublink {
  opacity: 0;
  transform: translateX(16px);
}

/* ── Industry accordion (level 3, inside "Browse by Industry") ──
   Reuses the .has-dropdown--nested / .submenu--nested / .nested-trigger
   mechanics above (open/close, arrow rotate, hide-when-closed all cascade
   automatically at any depth) — the --industry modifier styles the trigger
   as a plain list row (matching the other inner menu lists), not a
   standalone card/tab button: no fill, no shadow, no rounded corners, just
   a thin divider between rows. */
.ej-mobile-menu__nested-trigger--industry {
  width: calc(100% - 20px);
  margin: 0 10px;
  padding: 13px 17px;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  font-weight: 500;
}

/* No divider after the last industry row */
.ej-mobile-menu__has-dropdown--industry:last-child>.ej-mobile-menu__nested-trigger--industry {
  border-bottom: none;
}

/* Reveal industry rows, staggered, when the "Browse by Industry" tab opens */
.ej-mobile-menu__has-dropdown--nested.open>.ej-mobile-menu__submenu--nested>li>.ej-mobile-menu__nested-trigger {
  opacity: 1;
  transform: translateX(0);
}

.ej-mobile-menu__has-dropdown--nested.open>.ej-mobile-menu__submenu--nested>li:nth-child(1)>.ej-mobile-menu__nested-trigger {
  transition-delay: 0.05s;
}

.ej-mobile-menu__has-dropdown--nested.open>.ej-mobile-menu__submenu--nested>li:nth-child(2)>.ej-mobile-menu__nested-trigger {
  transition-delay: 0.10s;
}

.ej-mobile-menu__has-dropdown--nested.open>.ej-mobile-menu__submenu--nested>li:nth-child(3)>.ej-mobile-menu__nested-trigger {
  transition-delay: 0.15s;
}

.ej-mobile-menu__has-dropdown--nested.open>.ej-mobile-menu__submenu--nested>li:nth-child(4)>.ej-mobile-menu__nested-trigger {
  transition-delay: 0.20s;
}

.ej-mobile-menu__has-dropdown--nested.open>.ej-mobile-menu__submenu--nested>li:nth-child(5)>.ej-mobile-menu__nested-trigger {
  transition-delay: 0.25s;
}

.ej-mobile-menu__has-dropdown--nested.open>.ej-mobile-menu__submenu--nested>li:nth-child(6)>.ej-mobile-menu__nested-trigger {
  transition-delay: 0.30s;
}

.ej-mobile-menu__has-dropdown--nested.open>.ej-mobile-menu__submenu--nested>li:nth-child(7)>.ej-mobile-menu__nested-trigger {
  transition-delay: 0.35s;
}

.ej-mobile-menu__has-dropdown--nested.open>.ej-mobile-menu__submenu--nested>li:nth-child(8)>.ej-mobile-menu__nested-trigger {
  transition-delay: 0.40s;
}

/* Reset industry-row delay when the tab is closed so they hide instantly */
.ej-mobile-menu__has-dropdown--nested:not(.open)>.ej-mobile-menu__submenu--nested>li>.ej-mobile-menu__nested-trigger {
  transition-delay: 0s;
}

/* Course link (level 4) — title + duration/university meta line */
.ej-mobile-menu__sublink--course {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.ej-mobile-menu__sublink-title {
  font-size: 13.5px;
  font-weight: 600;
  color: inherit;
}

.ej-mobile-menu__sublink-meta {
  font-size: 11.5px;
  font-weight: 500;
  color: var(--paragraph);
  opacity: 0.7;
}

/* Login — matches site-header__login-btn (yellow) */
.ej-mobile-menu__btn--outline {
  background: var(--secondary);
  color: var(--white);
  border: none;
}

.ej-mobile-menu__btn--outline:hover {
  background: #f0ae00;
  color: var(--white);
  box-shadow: 0 4px 16px rgba(255, 188, 0, 0.38);
}

/* Talk to Counsellor — matches site-header__counsel-btn (white outline) */
.ej-mobile-menu__btn--solid {
  background: var(--white);
  color: #1a1a2e;
  border: 1.5px solid #e0e0e8;
}

.ej-mobile-menu__btn--solid:hover {
  border-color: var(--primary);
  color: var(--primary);
}

/* Body lock when menu is open */
body.menu-open {
  overflow: hidden;
}

/* ==========================================================================
   BREAKPOINT: 1800px — Extra Wide Monitors
   ========================================================================== */
@media only screen and (max-width: 1800px) {


  .cd-hero {
    padding: 130px 0 100px;
  }

  .why-stat__num {
    font-size: 22px;
  }

  .companies-pills-row {
    gap: 24px;
  }

  .cd-demand__wm-degree {
    position: absolute;
    top: 238px;
    right: 0;
    font-size: clamp(80px, 12vw, 180px);
  }
}

/* ==========================================================================
   BREAKPOINT: 1700px
   ========================================================================== */
@media only screen and (max-width: 1700px) {
  .hero-section {
    padding: 160px 0 140px;
  }

  .hero-visual {
    top: 60px;
    width: 55%;
  }

  .cd-hero {
    padding: 150px 0 100px;
    overflow-x: hidden;
  }

  .cd-hero__form-card {
    margin-left: 0;
    margin-right: 110px;
  }
}

/* ==========================================================================
   BREAKPOINT: 1600px
   ========================================================================== */
@media only screen and (max-width: 1600px) {
  :root {
    /* Headings — h1…h6 */
    --fs-h1: clamp(26px, 16px + 2.4vw, 45px);
    --fs-h2: clamp(22px, 15px + 1.85vw, 35px);
  }

  /* ─── Global 100px section padding ─────────────────────── */
  .features-strip-section,
  .prog-blocks-section,
  .courses-section,
  .who-for-section,
  .abroad-section,
  .careers-section,
  .companies-section,
  .gallery-section,
  .awards-section,
  .testimonials-section,
  .testimonials-section2,
  .faq-section,
  .consult-banner,
  .teams-section,
  .partnership-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .cd-section {
    padding: 80px 0;
  }

  .hero-section {
    padding: 80px 0 100px;
  }

  .prog-type-card__title {
    font-size: 20px;
  }

  .hero-visual {
    top: 60px;
    width: 55%;
  }

  .overview-padding {
    --bs-gutter-x: 2rem;
  }

  .cd-cta-band {
    padding: 80px 0;
  }

  .companies-pills-row {
    gap: 16px;
  }

  /* 3 award cards per row below 1600px */
  .awards-section .col-xl-2,
  .awards-section .col-lg-4,
  .award-card-col {
    flex: 0 0 auto;
    width: 33.333%;
    max-width: 100%;
  }

  .cd-hero.emp-hero-banner.emp-apprentice .cd-hero__h1 br {
    display: none;
  }

  .cd-advisor__info {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 7px;
  }

  .cd_advisor-img_1 img {
    width: 410px;
  }

  .cd_advisor-img img {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 310px;
  }


  .cd-advisor__left {
    padding: 36px 25px;
  }

  .journey-section__left-card {
    left: 40px;
  }

  .cd-demand__wm-degree {
    font-size: clamp(80px, 12vw, 161px);
  }

  .cd-demand__wm-skill {
    left: 0;
    font-size: clamp(80px, 12vw, 161px);
  }

  .site-footer__main {
    padding: 80px 0 80px;
  }

  .consult-banner__img {
    /* height: 115%; */
    max-height: 480px;
    object-fit: contain;
    object-position: bottom right;
    pointer-events: none;
    /* top: 0; */
    width: 95%;
    /* right: 0; */
  }

  .awards-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .teams-section {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .partnership-section {
    padding-top: 0;
    margin-top: 0;
  }

  .career-card {
    height: 410px;
  }

  .career-card__title {
    font-size: 20px;
  }

  .journey-section__badge {
    font-size: 14px;
    padding: 14px 17px;
  }

  .journey-section__badges {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 8px;
    position: absolute;
    right: 40px;
    top: 36%;
    transform: translateY(-50%);
    height: auto;
  }

  .platform-banner__visual {
    width: 64%;
  }
}

/* ==========================================================================
   BREAKPOINT: 1500px
   ========================================================================== */
@media only screen and (max-width: 1500px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 35px;
  }

  .ab-who-section {
    min-height: 680px;
  }

  .cd-curriculum__trigger {
    padding: 16px 20px;
  }

  .hero-visual {
    top: 60px;
    width: 58%;
  }

  .cd-hero__visual {
    right: -80px;
    width: 32%;
  }

  .indus-padding {
    --bs-gutter-x: 2rem;
  }

  .gateway-padding {
    --bs-gutter-x: 2rem;
  }

  .company-pill {
    padding: 18px 34px;
    min-width: 168px;
    height: 81px;
  }

  .uni-partners-row {
    gap: 20px;
  }

  .uni-partners-row .company-pill {
    flex: 0 0 calc(25% - 15px);
  }

  .skill-domains-section .cd-section-sub.cd-section-sub--white {
    max-width: 650px;
    margin-right: auto;
    margin-left: 0;
    margin-bottom: 20px;
  }
}

/* ==========================================================================
   BREAKPOINT: 1400px — Large Desktop / Small Wide
   ========================================================================== */
@media only screen and (max-width: 1400px) {

  :root {
    /* Headings — h1…h6 */
    --fs-h1: clamp(26px, 16px + 2.4vw, 42px);
    --fs-h2: clamp(22px, 15px + 1.85vw, 32px);
  }

  [data-cat-pane="cert"] .courses-grid-card,
  [data-cat-pane="degree"] .courses-grid-card {
    height: 317px;
  }

  .learners-padding {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .cd-hero__hook {
    max-width: 480px;
  }

  .cd-hero.emp-hero-banner {
    height: 600px;
  }

  .companies-pills-row {
    gap: 26px;
    margin-bottom: 35px;
  }

  .teams-rating__badge {
    font-size: 12px;
    padding: 6px 7px;
  }

  .courses-section .container {
    max-width: 1300px;
  }

  .cd_advisor-img_1 img {
    width: 300px;
    right: -46px;
  }

  .site-header__nav-link {
    padding: 8px 9px;
  }

  .site-header__nav-link,
  .btn-custom,
  .feature-white-card__desc,
  .prog-type-card__desc,
  .abroad-card__desc,
  .why-card__label,
  .courses-grid-card__link,
  .new-course-card__meta-val,
  .mm-tab-btn,
  .mm-industry-item__sub,
  .mm-prog-card__meta,
  .site-footer__link-list a,
  .courses-cat-tab,
  .hero-features li,
  .testi-slide-card__role,
  .testi-slide-card2__role {
    font-size: 14px;
  }

  .career-card {
    height: 410px;
  }

  .cd_advisor-img img {
    right: 10px;
    width: 230px;
  }

  .teams-rating__logo {
    height: 25px;
    width: 68px;
  }

  .cd-fees__tbl-right {
    padding: 9px 26px;
    font-size: 12px;
  }

  .cd-fees__easy-wrap {
    padding: 0px 23px 23px;
    gap: 28px;
  }

  .cd-fees__pay-item {
    border-radius: 9px;
    padding: 10px 15px 10px 15px;
    gap: 15px;
    font-size: 13px;
  }

  .cd-fees__pay-icon {
    width: 30px;
    height: 30px;
  }

  .cd-fees__feat-icon {
    width: 35px;
    height: 35px;
  }

  .cd-fees__feat-label {
    font-size: 13px;
  }

  .cd-fees__feat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 16px;
  }

  .cd-demand__wm-degree {
    font-size: clamp(80px, 10vw, 161px);
    top: 250px;
  }

  .cd-demand__wm-skill {
    font-size: clamp(80px, 10vw, 161px);
  }

  .cd-hero__form-card {
    margin-left: 0;
    margin-right: 20px;
  }

  .cd-hero__pill:first-child {
    flex: 1;
  }

  .cd-hero__pill:nth-child(2) {
    flex: 1;
  }

  .cd-hero__pill:last-child {
    flex: 1;
  }

  .partner-padding-home {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }

  .cd-hero__pill {
    display: block;
  }

  .cd-hero__pill span:not(.cd-hero__pill-icon) {
    display: block;
    white-space: normal;
    margin-top: 10px;
  }

  .faq-accordion .accordion-button {
    font-size: 20px;
  }

  .ab-hero-v2__desc {
    max-width: 490px;
  }

  .consult-banner__visual {
    position: absolute;
    bottom: 0;
    right: 10px;
    left: 0;
    width: 55%;
    margin-left: auto;
  }

  .ab-what-steps {
    --bs-gutter-x: 2rem;
  }

  .why-card {
    padding: 18px 18px;
  }



  .why-card__icon img {
    width: 50px;
    height: 50px;
  }

  .faq-accordion .accordion-button {
    padding: 22px 30px 22px;
  }

  .faq-accordion .accordion-item:has(.accordion-collapse.show) .accordion-button {
    padding: 22px 30px 22px;
  }

  .faq-accordion .accordion-item:has(.accordion-collapse.show) .accordion-body {
    padding: 0 30px 22px 30px;
  }

  .faq-accordion .accordion-body {
    padding: 0 30px 22px 30px;

  }

  .course-padding {
    --bs-gutter-x: 1.5rem;
  }

  .courses-layout {
    gap: 15px;
  }

  .who-for-card {
    padding: 20px 16px 20px;
  }

  /* Who For — 3 per row, last 2 centred via justify-content-center on row */
  .who-for-section .row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 33.333%;
  }

  .hero-section__subtitle {
    max-width: 530px;
    margin-bottom: 18px;
  }

  .hero-section__title {
    margin-bottom: 11px;
  }

  .hero-search {
    margin-bottom: 23px;
  }

  .hero-visual {
    top: 60px;
    width: 58%;
    right: -140px;
  }

  h2 {
    font-size: 35px;
  }

  /* Hero section */
  .hero-section h1,
  .hero-section__title,
  .banner-section h1,
  .ej-hero h1 {
    font-size: 42px;
    line-height: 1.25;
  }

  .ab-split-img {
    height: 480px;
  }

  /* Course detail banner form */
  .cd-banner-form,
  .course-detail-form {
    padding: 30px;
  }

  .site-header__login-btn {
    padding: 5px 16px 5px 5px;
  }

  .site-header__counsel-btn {
    padding: 5px 16px 5px 5px;
  }

  /* Related Programmes grid — 3 cards per row (below 1400px) */
  .related-cards-grid .col-xl-2 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
}

/* ==========================================================================
   BREAKPOINT: 1300px
   ========================================================================== */
@media only screen and (max-width: 1300px) {

  .hero-section h1,
  .hero-section__title,
  .banner-section h1,
  .ej-hero h1 {
    font-size: 38px;
  }

  .cd-sector-pill {
    gap: 8px;
    padding: 4px 13px;
    font-size: 13px;

  }

  .cd-outcomes {
    margin: 16px 0 0;
    grid-template-columns: 1fr;
  }

  .cd-section-sub {
    font-size: 16px;
  }

  .mission-padding {
    --bs-gutter-x: 1.5rem;
  }

  .cd-stat__num {
    font-size: 20px;
  }

  .cd-stat {
    padding: 13px 10px;
  }

  .indus-padding {
    --bs-gutter-x: 1.5rem;
  }

  .abroad-card__desc br {
    display: none;
  }

  .companies-pills-row {
    gap: 17px;
    margin-bottom: 24px;
  }

  .cd-section-sub {
    max-width: 570px;
    margin: 0 auto;
  }

  .Mission_section .cd-section-sub {
    margin-left: 0;
    margin-bottom: 17px;
  }

  .skill-padding {
    --bs-gutter-x: 1.5rem;
  }

  .awards-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .careers-nav-tab {
    padding: 5px 15px;
    font-size: 16px;
  }

  .partnership-card__left {
    padding: 32px 28px 32px 28px;
  }

  /* 3 cards per row below 1600px */
  .awards-section .col-xl-2,
  .awards-section .col-lg-4,
  .award-card-col {
    flex: 0 0 auto;
    width: 33.333%;
    max-width: 100%;
  }

  /* Cert & Degree sliders — 4 items visible below 1300px */
  [data-cat-pane="cert"] .courses-grid-pane .courses-grid-card,
  [data-cat-pane="degree"] .courses-grid-pane .courses-grid-card {
    flex: 0 0 calc(25% - 12px);
  }

  .approach-card__title {
    font-size: 20px;
  }

  .why-card__odometer .odometer-inside,
  .why-card__odometer .odometer-digit,
  .why-card__odometer .odometer-digit-inner,
  .why-card__odometer .odometer-digit-spacer {
    font-size: 25px !important;
  }

  .approach-card__desc {
    font-size: 14px;
    max-width: 450px;
  }

  .stats-padding-home {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }

  .journey-section__img {
    width: 61%;
  }

  .journey-section__left-title {
    font-size: 19px;
  }

  .journey-section__badge {
    font-size: 14px;
    padding: 14px 11px;
  }

  .journey-section__inner {
    padding-bottom: 308px;
  }

  .journey-section__trust-text strong {
    font-size: 14px;
  }

  .journey-section__left-card {
    top: 41%;
  }

  .journey-section__trust {
    padding: 10px 10px;
  }


  .journey-section__left-desc {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .faq-accordion .accordion-button {
    font-size: 20px;
  }

  .partner-padding-home {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }

  /* Awards grid — 3 per row (2 rows of 3 for 6 cards) */
  .awards-section .col-xl-2,
  .awards-section .col-lg-4,
  .award-card-col {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }

  .ab-who-section {
    min-height: 580px;
  }

  .ab-what-steps {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }

  .ab-split-img {
    height: 480px;
  }
}

/* ==========================================================================
   BREAKPOINT: 1199px — NAVIGATION HAMBURGER TRIGGER
   Below 1200px: show hamburger + hide desktop nav
   ========================================================================== */
@media only screen and (max-width: 1199px) {

  /* Hide inline USP list — shown separately as 3-col strip below banner */
  .hero-features {
    display: none !important;
  }

  .why_train .text-middle {
    margin-bottom: 30px;
  }


  .hero-search {
    margin-bottom: 0;
  }

  .cd-hero.emp-hero-banner {
    height: 500px;
  }

  .oc-stories-section .stories-swiper {
    overflow: hidden;
  }

  #two-models .wfc-icon {
    margin-bottom: 20px;
  }

  /* Stack banner row + USP strip vertically (container is display:flex by default) */
  .hero-section>.container {
    flex-direction: column;
  }

  /* Show hamburger button */
  .ej-hamburger {
    display: flex;
  }

  .accredation-bg,
  .partnerships-bg {
    height: 580px;
  }

  .ab-mentor-hero {
    height: 580px;
  }

  .ab-hero-v2__desc {
    max-width: 400px;
  }

  /* Hide desktop nav columns and action buttons */
  .header-nav,
  .desktop-nav,
  .navbar-nav,
  header nav ul.desktop-menu,
  .header-right-btns,
  .header-actions,
  .site-header__col--center,
  .site-header__actions {
    display: none !important;
  }
}

/* ==========================================================================
   BREAKPOINT: 1200px — Standard Laptop
   ========================================================================== */
@media only screen and (max-width: 1200px) {

  /* --section-padding is now fluid (clamp) — defined once in the :root token
     block at the top of this file, so no per-breakpoint override is needed. */

  .cd-different__img-wrap {
    margin-bottom: 30px;
  }

  .cd-stat {
    padding: 13px 20px;
  }

  .cd-stat__num {
    font-size: 20px;
  }

  .cd-sector-grid {
    gap: 7px;
  }

  .cd-sector-pill {
    padding: 4px 13px;
    font-size: 12px;
  }

  .features-cards-row {
    --bs-gutter-y: 1.5rem;
  }

  .why_train .cd-section-title {
    padding-right: 90px;
  }

  .cd-demand__wm-degree {
    top: 210px;
  }

  .cd-career__roles {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .cd_advisor-img img {
    right: 90px;
    width: 338px;
  }

  .cd_advisor-img_1 img {
    width: 360px;
    right: 84px;
  }

  .cd-advisor__inner {
    display: flex;
    min-height: auto;
    gap: 20px;
    flex-direction: column;
    padding: 0 12px;
  }

  .cd-advisor__left {
    border-radius: 20px;
  }

  .cd-advisor__right {
    border-radius: 20px;
  }

  .cd-fees__prog-amount {
    font-size: 23px;
  }

  .cd-fees__prog-emi-info {
    font-size: 14px;
    color: #000;
    margin-bottom: 18px;
    line-height: 18px;
  }

  .cd-fees__prog-cta {
    display: inline-block;
    background: var(--primary);
    color: var(--white);
    font-size: 14px;
    font-weight: 700;
    padding: 7px 18px;
    border-radius: 50px;
    text-decoration: none;
    margin-bottom: 26px;
  }

  .cd-fees__prog-emi {
    font-size: 23px;
  }

  .cd-fees__easy-title {
    font-size: 20px;
    margin-bottom: 13px;
  }

  .cd-fees__pay-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .cd-career__title {
    margin-bottom: 9px;
  }

  .cd-career__group-title {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .cd-career__content {
    margin-bottom: 30px;
  }

  .cd-demand {
    padding-bottom: 0;
  }

  .cd-gateway__card {
    padding: 30px 32px 30px;
  }

  .faq-accordion .accordion-body {
    font-size: 14px;
  }

  .cd-diff .cd-why__item-title {
    max-width: 100%;
  }

  .cd-diff .cd-why__list {
    margin: 42px 0 0 0;
  }

  .gateway-padding {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .cd-hero__pill {
    display: inline-flex;
  }

  .cd-hero__meta-value {
    font-size: 14px;
  }

  .companies-section>.companies-actions {
    padding: 0 0px 0px;
  }

  .cd-hero__pills {
    flex-direction: row;
    max-width: 100%;
  }

  .cd-hero__subtitle {
    margin-bottom: 20px;
  }

  .cd-hero__form-card {
    margin-top: 40px;
  }

  .cd-hero__pill span:not(.cd-hero__pill-icon) {
    margin-top: 0;
  }

  .cd-hero__meta {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .col-height {
    height: 430px;
  }

  .teams-section__ratings {
    justify-content: start;
    margin-top: 31px;
  }

  .companies-pills-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
  }

  .company-pill {
    border-radius: 13px;
    padding: 14px 18px;
    min-width: 135px;
    height: 72px;
  }

  .companies-marquee .company-pill {
    flex-shrink: 0;
    min-width: 130px;
    height: 65px;
  }

  .journey-section__badge--pos2 {
    align-self: flex-start;
    margin-right: 70px;
  }

  .ab-what-steps {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 0rem;
  }

  .approach-card__text {
    width: 400px;
  }

  .platform-banner {
    padding: 50px 0 50px 0;
  }

  .faq-accordion .accordion-item:has(.accordion-collapse.show) .accordion-body {
    padding: 0 23px 22px 23px;
  }

  .faq-accordion .accordion-body {
    padding: 0 23px 22px 23px;
  }

  .faq-accordion .accordion-item:has(.accordion-collapse.show) .accordion-button {
    padding: 22px 23px 22px;
  }

  .faq-accordion .accordion-button {
    padding: 22px 23px 22px;
  }

  .why-card {
    padding: 20px 18px;
  }

  .faq-accordion .accordion-button {
    font-size: 20px;
  }

  .who-padding-home {
    --bs-gutter-y: 1.5rem;
  }

  .why-card__icon img {
    width: 50px;
    height: 50px;
  }

  .stats-padding-home {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }

  .partner-col--offset {
    margin-top: 50px;
  }

  .course-padding {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }


  .bihind-line {
    display: none;
  }

  .prog-type-card {
    padding: 25px;
  }

  .site-footer__legal {
    gap: 46px;
  }

  .courses-sidebar {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    max-height: none;
    border-bottom: none;
    padding: 12px 12px 8px;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .courses-nav .nav-item {
    flex-shrink: 0;
    width: auto;
    margin-bottom: 0;
  }

  .courses-nav {
    flex-direction: row !important;
    gap: 6px;
    padding-bottom: 4px;
  }

  p {
    font-size: 14px;
  }

  .ab-hero-v2__subtitle {
    font-size: 14px;
    max-width: 350px;
  }

  .site-footer__main {
    padding: 60px 0 60px;
  }

  .footer-padding {
    --bs-gutter-y: 2rem;
  }

  .hero-section h1,
  .hero-section__title,
  .banner-section h1,
  .ej-hero h1 {
    font-size: 36px;
  }

  /* Section titles */
  .section-title h2,
  section h2 {
    font-size: 32px;
  }

  .partner-step__card {
    background: var(--white);
    border-radius: 20px;
    padding: 18px 18px 17px;
    border: 1px solid #EFEFEF;
    height: 100%;
  }

  .partner-step__title {
    font-size: 20px;
    margin-bottom: 6px;
  }

  .partner-step__icon {
    width: 44px;
    height: 44px;
    margin-bottom: 14px;
  }

  /* Stat counters */
  .stat-number,
  .counter-number,
  .stat-card__num {
    font-size: 36px;
  }

  /* Course card grid tweak */
  .course-tab-content .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* Testimonial slider */
  .testimonial-card {
    padding: 24px;
  }

  /* Course detail — two-column layout tighter */
  .course-detail-banner .row>[class*="col-lg-6"] {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .awards-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
}

/* ==========================================================================
   BREAKPOINT: 1100px
   ========================================================================== */
@media only screen and (max-width: 1100px) {

  .hero-section h1,
  .hero-section__title,
  .banner-section h1,
  .ej-hero h1 {
    font-size: 32px;
  }

  .member-padding {
    --bs-gutter-x: 1.5rem;
  }

  .skill-domains-section .cd-img-frame {
    min-height: 570px;
    margin-bottom: 30px;
  }

  .skill-padding {
    --bs-gutter-x: 1.5rem;
  }

  .journey-section__badges {
    top: 45%;
  }

  .emp-padding {
    --bs-gutter-x: 1.5rem;
  }

  .cd-stat {
    flex: 0 0 25% !important;
  }

  .wcu-padding {
    justify-content: center;
  }

  .text-middle {
    text-align: center;
    margin-bottom: 41px;
  }

  .why_train .cd-section-title {
    padding-right: 0;
  }

  .careers-nav-tab {
    padding: 9px 16px;
  }

  .journey-section__left-card {
    top: 47%;
  }

  .platform-banner__title br {
    display: none;
  }


  .approach-card__text {
    padding: 17px 20px;
  }

  /* Navigation — tighten gaps before hamburger kicks in */
  .header-nav ul li,
  .site-header__nav li {
    margin: 0 10px;
  }

  .header-nav ul li a,
  .site-header__nav-link {
    font-size: 14px;
  }

  /* Who are we for — cards */
  .who-for-card,
  .target-audience-card {
    padding: 20px;
  }

  /* Why choose edujobs — stat cards */
  .why-choose-stats .col-lg-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* Course detail — fee table */
  .fee-table-section table {
    font-size: 14px;
  }

  .ab-what-steps {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .ab-who-section {
    min-height: 520px;
  }

  .why-card {
    padding: 18px 18px;
  }

  .why-card__icon {
    width: 45px;
    height: 45px;
  }

  .site-footer__legal {
    gap: 26px;
  }

  .why-card__label {
    font-size: 14px;
    line-height: 1.38;
  }

  .stats-padding-home {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }

  .col-height {
    height: 410px;
  }

  .learning-padding {
    --bs-gutter-x: 2rem;
  }
}

/* ==========================================================================
   BREAKPOINT: 1099px
   Below 1100px: Cert & Degree sliders show 3 items
   ========================================================================== */
@media only screen and (max-width: 1099px) {

  /* Cert & Degree sliders — 3 items visible below 1100px */
  [data-cat-pane="cert"] .courses-grid-pane .courses-grid-card,
  [data-cat-pane="degree"] .courses-grid-pane .courses-grid-card {
    flex: 0 0 calc(33.333% - 11px);
  }

}

/* ==========================================================================
   BREAKPOINT: 999px — Careers tab → dropdown
   ========================================================================== */
@media only screen and (max-width: 999px) {

  /* Hide pill tabs, show dropdown */
  #careersNav {
    display: none !important;
  }

  .cd-stat {
    flex: 0 0 50% !important;
  }

  .opp-padding {
    --bs-gutter-x: 1.5rem;
  }

  .career-card {
    height: 370px;
  }

  .curri-padding {}

  .careers-tab-dropdown {
    display: block;
  }

  /* Gallery: hide filter pills, show dropdown */
  .gallery-filters {
    display: none !important;
  }

  .gallery-filter-dropdown {
    display: block;
    margin: 32px auto 32px;
  }

}

/* ==========================================================================
   BREAKPOINT: 991px — TABLET / HAMBURGER TRIGGER
   ========================================================================== */
@media only screen and (max-width: 991px) {

  /* ─── Global 100px section padding ─────────────────────── */
  .features-strip-section,
  .prog-blocks-section,
  .courses-section,
  .who-for-section,
  .abroad-section,
  .careers-section,
  .companies-section,
  .gallery-section,
  .awards-section,
  .testimonials-section,
  .testimonials-section2,
  .faq-section,
  .consult-banner,
  .teams-section,
  .partnership-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .testi-slide-card__author {
    display: block;
  }

  .cd-cta-band .contactIcon {
    margin-top: 20px;
    justify-content: start;
    align-items: start;
  }

  #cd-university .cd-section-title,
  #cd-university .cd-section-sub {
    text-align: start;
  }

  .cd-accred-row {
    justify-content: start;
    margin-bottom: 38px;
  }

  .cd-section-header {
    max-width: 100%;
    margin: 0 auto 48px;
  }

  .cd-uni-info__logo {
    margin: 0 auto 20px 0;
  }

  .cd-salary-card__roles {
    justify-content: center;
  }

  .cd-salary-card {
    flex: 0 0 100%;
    text-align: center;
  }

  .oc-stories-header {
    margin-bottom: 27px;
  }

  .oc-diff-two-section .cd-section-eyebrow {
    justify-content: start;
  }

  .oc-diff-two-section .cd-section-title,
  .oc-diff-two-section .cd-section-sub {
    text-align: start;
  }

  .oc-earn-section .cd-section-eyebrow {
    justify-content: start;
  }

  .oc-earn-section .cd-section-title,
  .oc-earn-section .cd-section-sub {
    text-align: start;
  }

  .oc-data-section .cd-section-eyebrow {
    justify-content: start;
  }

  .oc-data-section .cd-section-title,
  .oc-data-section .cd-section-sub {
    text-align: start;
  }

  .oc-sectors-section .cd-section-eyebrow {
    justify-content: start;
  }

  .oc-sectors-section .cd-section-title,
  .oc-sectors-section .cd-section-sub {
    text-align: start;
  }

  .Mission_section .col-lg-6 {
    text-align: start;
  }

  .membership .cd-section-eyebrow {
    justify-content: start;
  }

  .membership__logos {
    padding: 15px;
  }

  .membership__logo-img {
    height: 70px;
    width: auto;
    object-fit: cover;
  }

  .membership .cd-outcomes li {
    justify-content: start;
  }

  .membership .cd-section-title,
  .membership .cd-section-sub {
    text-align: start;
  }

  .Mission_section .cd-section-sub {
    text-align: start;
  }

  .Mission_section .cd-section-title {
    text-align: start;
  }

  .Mission_section .cd-section-eyebrow {
    justify-content: start;
  }

  .our_approach .cd-section-sub {
    text-align: start;
  }

  .skill-domains-section .cd-stat {
    flex: 0 0 33% !important;
  }

  .our_approach .cd-section-title {
    text-align: start;
  }

  .skill-domains-section.cd-section .cd-img-frame {
    min-height: 360px;
    margin-bottom: 40px;
  }

  .our_approach .cd-outcomes li {
    justify-content: start;
  }

  .our_approach .cd-section-eyebrow {
    justify-content: start;
  }

  .programme-catalogue .col-lg-7 {
    margin-bottom: 30px;
    text-align: start !important;
  }

  .programme-catalogue__name {
    text-align: start;
  }

  .programme-catalogue .feature-white-card__icon-wrap {
    margin: 0 auto 18px 0;
  }

  .curriculum-section .cd-section-eyebrow {
    font-size: 12px;
    line-height: 1;
    margin: 0 auto 12px auto;
    text-align: center;
    justify-content: start;
    display: flex;
  }

  .cd-section.curriculum-section.emp-curriculum-section .cd-outcomes li {
    justify-content: start;
  }

  .programme-catalogue .cd-section-title {
    text-align: start !important;
  }

  .programme-catalogue .cd-section-eyebrow {
    margin: 0 0 12px 0;
    justify-content: start;
  }

  .programme-catalogue__meta {
    text-align: start;
  }

  .programme-catalogue .cd-section-sub {
    text-align: start !important;
  }

  .curriculum-section .cd-section-title {
    text-align: start;
  }

  .curriculum-section .cd-section-sub {
    text-align: start;
  }

  .two-entry-point .prog-blocks-header__title {
    text-align: start;
  }

  .two-entry-point .cd-section-eyebrow {
    justify-content: start;
  }

  #what-makes-different .cd-section-eyebrow {
    justify-content: start;
  }

  .two-entry-point .prog-blocks-header__sub {
    text-align: start;
  }

  #what-makes-different .cd-section-title {
    text-align: start;
  }

  #what-makes-different .cd-section-sub {
    text-align: start;
  }

  .banner-emp .cd-hero__actions {
    justify-content: center;
  }

  .business-impact-section .cd-section-eyebrow {
    justify-content: start;
  }

  .ja-academy-advantage .cd-section-title,
  .ja-academy-advantage .cd-section-sub {
    text-align: start;
  }

  .why_train .cd-section-sub {
    max-width: 100%;
  }

  .ja-academy-advantage .cd-section-eyebrow {
    justify-content: start;
  }

  .cd-uni-info {
    text-align: start;
  }

  .cd-uni-info__tags {
    justify-content: start;
  }

  #cd-university .cd-section-eyebrow {
    justify-content: start;
  }

  #cd-apply .cd-section-eyebrow {
    justify-content: start;
  }

  #cd-admissions .cd-section-eyebrow {
    justify-content: start;
  }

  #cd-admissions .cd-section-h3 {
    text-align: start;
  }

  #cd-admissions .cd-section-h3-sm {
    text-align: start;
  }

  #cd-apply .cd-section-title,
  #cd-apply .cd-section-sub {
    text-align: start;
  }


  #cd-university .cd-section-title,
  #cd-university .cd-section-sub {
    text-align: start;
  }

  #cd-admissions .cd-section-title,
  #cd-admissions .cd-section-sub {
    text-align: start;
  }

  .business-impact-section .prog-blocks-header__title,
  .business-impact-section .prog-blocks-header__sub {
    text-align: start;
  }

  .hero-usp-item .wfc-icon {
    margin: 0;
  }

  .cd-uni-info__logo {
    margin: 0 auto 20px 0;
  }

  .cd-aid-card__icon {
    margin: 0 auto 14px;
  }

  .curriculum-section .cd-outcomes li {
    justify-content: start;
  }

  .curriculum-section .cd-outcomes {
    margin: 16px 0 20px;
    grid-template-columns: 1fr;
  }

  .cd-stat {
    text-align: center;
  }

  .cd-eligibility-item {
    flex-direction: column;
    align-items: start;
  }

  .cd-docs-list li {
    flex-direction: column;
    align-items: start;
  }

  .cd-section-h3-sm {
    text-align: center;
  }

  .cd-section-h3 {
    text-align: center;
  }

  .cd-offer-card {
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .cd-aid-card {
    text-align: center;
  }

  .cd-uni-info__tags {
    justify-content: start;
  }

  .cd-uni-info {
    text-align: start;
  }

  .cd-role-card__icon {
    margin: 0 auto 14px;
  }

  .oc-img-story-card:hover {
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0);
    transform: translateY(0px);
  }

  .cd-role-card {
    text-align: center;
  }

  .oc-city-stat-card__num {
    font-size: 24px;
  }

  .office-card {
    text-align: center;
  }

  #contact-form.contact-form-section {
    padding-top: 80px;
  }

  .oc-stories-section .stories-swiper {
    overflow: hidden;
  }

  .hiw-card {
    text-align: center;
  }

  .cd-offer-card__title--lg {
    font-size: 20px;
  }

  .cd-aid-card__title {
    font-size: 20px;
  }

  .consult-banner__subtitle {
    max-width: 580px;
  }

  .cd-section-sub {
    max-width: 100%;
    text-align: center;
  }

  .section-hero-bg.pogramme-structure-section .btn-custom {
    margin: 10px auto 30px;
    justify-content: center;
    display: flex;
    width: max-content;
  }

  .cd-section-eyebrow {
    margin: 0 auto 13px;
    display: flex;
    justify-content: center;
  }

  .cd-outcomes li {
    justify-content: center;
  }



  .abroad-card {
    text-align: center;
  }

  .who-for-card__title br {
    display: none;
  }

  .who-for-card {
    justify-content: center;
    align-items: center;
  }

  .prog-detail-card__desc {
    font-size: 14px;
  }

  .prog-detail-card {
    padding: 20px;
    text-align: center;
  }

  .why-benefit-item {
    padding: 20px;
    flex-direction: column;
    text-align: center;
    height: 100%;
  }

  .courses-section__subtitle,
  .who-for-section__subtitle,
  .choose-section__subtitle,
  .careers-section__subtitle,
  .partners-section__subtitle,
  .companies-section__subtitle,
  .awards-section__subtitle,
  .gallery-section__subtitle,
  .prog-blocks-header__sub,
  .features-strip-header__sub,
  .hero-section__subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #000;
  }

  .cd-offer-card__desc--lg {
    font-size: 14px;
  }

  .cd-hero.cd-hero-banner.emp-hero-banner img {
    width: 100%;
    max-width: 680px;
    height: auto;
    margin: 0 auto;
  }

  .feature-white-card__icon-wrap {
    margin: 0 auto 18px;
  }

  .feature-white-card {
    text-align: center;
  }

  .cd-hero__eyebrow {
    text-align: center;
    font-size: 12px;
    margin-top: 23px;
  }

  p {
    font-size: 16px;
  }

  .card p,
  .who-for-card p,
  .award-card p,
  .feature-white-card p,
  .prog-type-card p,
  .courses-grid-card p {
    font-size: 14px;
  }

  .platform-banner__content {
    position: relative;
    z-index: 2;
    text-align: center;
  }

  .contact_banner.emp-hero-banner {
    background-image: url(../img/ehhb.png);
    height: auto;
    padding: 120px 0 70px;
  }

  /* Abroad swiper — edge to edge, break out of container */
  .abroad-swiper,
  .academy-cards-swiper {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  .cd-section .cd-img-frame {
    min-height: 730px;
    margin-bottom: 40px;
  }

  .cd-sector-grid {
    gap: 7px;
    justify-content: center;
  }

  .cd-fee-header {
    justify-content: center;
    text-align: center;
  }

  .cd-stat:nth-child(1),
  .cd-stat:nth-child(2) {
    border-bottom: 1px solid #eee;
  }

  .cd-stat:nth-child(3) {
    border-bottom: 0px solid #eee !important;
  }

  .cd-tools-strip {
    margin-top: 32px;
    margin-bottom: 30px;
  }

  .cd-section .cd-section-eyebrow--mb {
    margin-bottom: 23px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
  }

  .cd-stats-strip--dark .cd-stat {
    text-align: center;
  }

  #cd-scope {
    padding: 80px 0;
    background-image: url(../img/large-cta-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
  }

  .courses-section__header,
  .who-for-section__header,
  .choose-section__header,
  .careers-section__header,
  .section-header,
  .prog-blocks-header,
  .features-strip-header,
  .testimonials-header,
  .testimonials-header2,
  .courses-section__header {
    margin-bottom: 40px;
    text-align: center;
  }

  .partnership-logos {
    width: 100%;
  }

  .teams-section__ratings {
    justify-content: center;
    margin-top: 31px;
  }

  .teams-section .row.mb-5 {
    margin-bottom: 0;
    justify-content: center;
    text-align: center;
  }

  /* Left/right breathing room for the single full-width card — Swiper
     subtracts container padding when sizing slides, so this shrinks the
     slide itself rather than causing it to overflow the viewport */
  .abroad-swiper {
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .section-title h2,
  section h2 {
    font-size: 30px;
    text-align: center;
  }

  .skill-domains-section .cd-section-sub.cd-section-sub--white {
    max-width: 650px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    text-align: center;
  }

  .feature-white-card__title {
    font-size: 20px;
  }

  .cd-detils .cd-hero__features li {
    margin: 0 auto;
    justify-content: start;
    align-items: start;
    text-align: start;
  }

  .cd-detils .cd-hero__features {
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    display: flex;
    flex-direction: row;
    gap: 12px;
  }

  /* ── Prog-type cards: collapsible below 992px ── */
  .prog-type-card {
    height: auto;
    padding: 11px 16px;
    border-radius: 9px;
  }

  .cd-process-steps::after {
    display: none;
  }

  .partnership-card__desc {
    margin-bottom: 19px;
  }

  .related-section .new-course-card__img-wrap {
    height: auto;
    border-radius: 10px;
  }

  .member-padding {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .cd-hero.cd-hero-banner {
    height: auto !important;
    text-align: center;
  }

  /* Course detail banner: image before content below 991px */
  .cd-hero-banner .col-lg-5 {
    order: -1;
  }



  .row.contact-padding.align-items-center {
    --bs-gutter-y: 1.5rem;
  }

  /* Home page hero banner: image before content below 991px */
  .hero-mobile-img {
    order: -1;
  }

  /* Employer/About-style inner-page hero banners: image before content below 991px */
  .emp-hero-banner .row>.col-lg-6.text-center {
    order: -1;
  }

  .cd-uni-highlights {
    margin-top: 30px;
  }

  .cd-uni-highlights {
    padding: 24px;
  }

  .mission-padding {
    --bs-gutter-y: 1.5rem;
  }

  .cd-hero__hook {
    max-width: 550px;
    margin: 0 auto 28px;
    text-align: center;
  }

  .tab-spacing {
    margin-bottom: 30px;
  }

  .emp-padding {
    --bs-gutter-y: 1.5rem;
  }

  .cd-hero.emp-hero-banner {
    height: auto;
    text-align: center;
  }

  .prog-type-card__heading {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
  }

  .prog-type-card__desc {
    margin-bottom: 13px;
  }

  [data-cat-pane="industry"] .courses-grid-pane {
    padding-bottom: 41px;
  }

  .career-card {
    height: 470px;
  }

  [data-cat-pane="industry"] .courses-panel {
    padding: 16px 0 0;
  }

  .prog-type-card__chevron {
    display: block;
  }

  .prog-type-card.is-open .prog-type-card__chevron {
    transform: rotate(180deg);
  }

  .prog-type-card__body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }

  .prog-type-card.is-open .prog-type-card__body {
    max-height: 700px !important;
  }

  .prog-type-card__body-inner {
    padding-top: 0px;
  }

  /* ── Courses slider (cert/degree panes): hide arrows, pin scrollbar to bottom ── */
  .courses-slider-arrow {
    display: none;
  }

  .courses-slider-wrap {
    align-items: flex-end;
  }

  /* ── Who For: 2 columns at mobile (overrides 33.333% set in 1400px block) ── */
  .who-for-section .row-cols-xl-5>* {
    width: 50%;
  }

  /* ── Hero banner: no vh height, stacked order: content → USPs → image ── */
  .hero-section {
    min-height: unset !important;
    height: auto !important;
    overflow: visible !important;
    padding-top: 100px;
    padding-bottom: 48px;
    align-items: flex-start;
  }

  .platform-banner__visual {
    width: 100%;
  }

  .cd-faq-body {
    font-size: 14px;
  }

  .abroad-card__img-wrap {
    height: 330px;
  }

  .courses-nav {
    flex-direction: column !important;
    gap: 6px;
    padding-bottom: 4px;
  }

  .hero-section>.container {
    padding-top: 0;
    padding-bottom: 60px;
  }

  /* Center-align all hero content */
  .hero-section__content {
    text-align: center;
  }

  .hero-actions {
    justify-content: center;
  }

  .hero-search {
    margin-left: auto;
    margin-right: auto;
  }

  /* USP strip — force row layout (overrides .hero-section .row { flex-direction: column }) */
  .hero-usp-strip {
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: center;
    margin-top: 24px;
  }

  .hero-usp-item {
    justify-content: center;
    flex-direction: row;
    text-align: start;
    gap: 8px;
  }


  .hero-actions .btn-custom {
    font-size: 14px;
  }

  .wfc-icon .ph,
  .feature-white-card__icon-wrap .ph,
  .why-card__icon .ph,
  .prog-type-card__icon .ph,
  .abroad-card__icon .ph,
  .hero-features .wfc-icon .ph {
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
  }

  .wfc-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 18px;
  }

  /* Mobile banner image — below USPs */
  .hero-mobile-img {
    margin-bottom: 28px;
    text-align: center;
    margin-top: 0;
  }

  .hero-mobile-img__img {
    width: 100%;
    max-width: 680px;
    height: auto;
    border-radius: 16px;
    display: inline-block;
  }

  .hero-usp-strip {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0 !important;
  }

  /* --- SECTION PADDING: 100px → 60px --- */
  section,
  .section,
  .hero-section,
  .banner-section,
  .course-section,
  .who-for-section,
  .why-choose-section,
  .fastest-growing-section,
  .career-section,
  .partners-section,
  .testimonials-section,
  .testimonials-section2,
  .partnership-section,
  .companies-section,
  .awards-section,
  .trusted-section,
  .faq-section,
  .cta-section,
  .footer-section,
  .gateway-section,
  .shortcut-section,
  .global-logistics-section,
  .why-logistics-section,
  .edujobs-stats-section,
  .employment-mission-section,
  .who-can-apply-section,
  .course-fees-section,
  .campus-life-section,
  .video-consultation-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .journey-section__left-card {
    display: none;
  }

  .cd-curriculum__header {
    margin-bottom: 25px;
  }

  .cd_advisor-img_1 img {
    width: 320px;
    right: 24px;
  }

  .prog-cards-row {
    --bs-gutter-y: 1.5rem;
  }

  .cd-demand__wm-degree {
    top: 170px;
  }

  .cd-fees__easy-content {
    flex: 1;
    min-width: 0;
    padding-top: 0;
  }

  .cd-curriculum__list li {
    padding: 10px 0;
    font-size: 14px;

  }

  .cd-hero__content {
    padding-right: 0;
  }

  .cd-different__img-wrap {
    margin-bottom: 30px;
  }

  .cd-gateway__icon {
    width: 50px;
    height: 50px;
    margin-bottom: 9px;
  }

  .cd-overview__title {
    margin-top: 40px;
  }

  .cd-hero__form-card {
    margin-left: 0;
    margin-right: 0;
    padding: 32px 20px 24px;

  }

  .cd-otp-btn {
    padding: 13px 18px;
    font-size: 13px;
  }

  .overview-padding {
    --bs-gutter-x: 1.5rem;
  }

  .ab-awards-table th {
    min-width: 330px;
  }

  .cd-hero {
    padding: 120px 0 70px;
  }

  .cd-hero__meta {
    grid-template-columns: 1fr 1fr;
    gap: 14px 26px;
  }

  .cd-hero__h1 {
    max-width: 510px;
    margin: 0 auto 16px;
    text-align: center;
  }

  .cd-hero__actions {
    margin-bottom: 0;
    justify-content: center;
  }

  .ab-hero-v2 {
    height: auto;
  }

  .consult-banner__subtitle {
    margin: 0 auto 20px;
  }

  .site-footer__main {
    padding: 40px 0 40px;
  }

  .consult-banner__visual {
    margin: 0 auto;
    width: 70%;
  }

  .consult-banner {
    padding: 60px 0 420px 0;
  }

  .journey-section__img {
    width: 89%;
  }

  .cd-aid-card__desc {
    font-size: 14px;
  }

  .model-card {
    text-align: center;
  }

  .testi-slide-card__quote,
  .testi-slide-card2__quote {
    font-size: 18px;
    padding-right: 0;
  }

  .testi-slide-card__num,
  .testi-slide-card2__num {
    font-size: 35px;
    bottom: 29px;
    right: 28px;
    display: none;
  }

  section.teams-section {
    padding-bottom: 0;
  }

  section.partnership-section {
    padding-top: 0;
  }

  .testi-slide-card__stars,
  .testi-slide-card2__stars {
    padding: 5px 12px;
  }

  .testi-slide-card,
  .testi-slide-card2 {
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    min-height: 370px;
    height: 810px;
    padding: 32px 24px 32px;
    gap: 17px;
    flex-direction: column;
  }

  /* Card 2 has no photo to stack above the text — stretch to match the tallest slide instead */
  .testi-slide-card2 {
    height: 100%;
  }

  .journey-section__curve {
    bottom: -110px;
  }

  .mentor-padding {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 3rem;
  }

  .journey-section__badges {
    display: none;
  }

  .course-padding {
    --bs-gutter-x: 1.5rem;
    gap: 0;
  }

  .col-height {
    height: auto;
    margin-top: 37px;
  }

  .stats-padding-home {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  h1 {
    font-size: 40px;
  }

  .emp-hero-banner .cd-hero__h1 br {
    display: none;
  }

  .approach-card__text {
    width: 470px;
  }

  .ab-approach-section .partner-step__card img {
    width: 100%;
  }

  .partner-col--offset {
    margin-top: 18px;
  }

  .awards-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .why-card__icon img {
    width: 50px;
    height: 50px;
  }

  .who-padding-home {
    --bs-gutter-y: 1.5rem;
  }

  .courses-nav__link {
    padding: 8px 16px;
  }

  .site-footer__copyright p {
    text-align: center;
  }

  .site-footer__bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-direction: column-reverse;
  }

  .hero-section__subtitle {
    font-size: 16px;
    color: var(--paragraph);
    line-height: 1.75;
    margin-bottom: 30px;
    max-width: 600px;
    margin: 0 auto 30px;
  }

  .hero-search {
    margin: 0 auto 34px;
  }

  .col-height {
    height: auto;
    margin-top: 37px;
  }


  .ab-logo-box {
    flex: 0 0 calc(50% - 8px);
  }

  .hero-visual {
    position: unset;
    width: 80%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    bottom: 0;
    margin: 40px auto 0 auto;
  }




  .platform-banner {
    min-height: 620px;
  }

  .who-for-card__title {
    font-size: 18px;
  }

  .new-course-card__body {
    padding-left: 0;
  }

  .courses-panel {
    padding: 30px 20px 20px 20px;
  }

  .hero-section {
    /* background: url(../img/hero-bg.jpg) center center / cover no-repeat; */
    background: url(../img/ehhb.png) center center / cover no-repeat;
    padding: 120px 0 60px;
    position: relative;
    overflow: hidden;
  }

  .new-course-card__meta-icon {
    width: 40px;
    height: 40px;
  }

  .new-course-card__meta-svg {
    width: 18px;
    height: 18px;
    display: block;
  }

  /* --- HERO SECTION --- */
  .hero-section .row,
  .banner-section .row {
    flex-direction: column;
  }

  .hero-section h1,
  .hero-section__title,
  .banner-section h1,
  .ej-hero h1 {
    font-size: 40px;
    line-height: 1.3;
    text-align: center;
  }

  .hero-section p,
  .hero-section__subtitle,
  .banner-section p {
    text-align: center;
  }

  .hero-section .hero-btns,
  .banner-section .hero-btns,
  .hero-cta-wrap,
  .hero-actions {
    justify-content: center;
    flex-wrap: wrap;
  }

  /* Hero feature badges row */
  .hero-features,
  .hero-badges,
  .banner-features {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .hero-section .hero-image,
  .banner-section .banner-image {
    text-align: center;
    margin-top: 30px;
  }

  .hero-section .hero-image img,
  .banner-section .banner-image img {
    max-width: 80%;
    margin: 0 auto;
  }

  /* --- COURSE DETAIL BANNER — Stack form below content --- */
  .course-detail-banner .row,
  .cd-hero .row {
    flex-direction: column;
  }

  .course-detail-banner .row>[class*="col-"],
  .cd-hero .row>[class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .cd-banner-form,
  .course-detail-form {
    margin-top: 30px;
  }

  /* --- COURSE TABS (Index) --- */
  .course-tab-list,
  .course-category-tabs {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
  }

  .course-tab-list li,
  .course-category-tabs li {
    flex: 0 0 auto;
  }

  /* --- SECTION TITLES --- */


  .courses-section__header {
    text-align: center;
    margin: 0 auto 40px;
  }

  .partner-padding-home {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .bihind-line {
    display: none;
  }

  /* --- WHO ARE WE FOR — 2 columns --- */
  .who-for-section .col-lg-4,
  .who-for-section [class*="col-lg"] {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* --- WHY CHOOSE EDUJOBS (Stats row) --- */
  .why-choose-stats .row>[class*="col"] {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
  }

  /* --- FASTEST GROWING SECTION — stack --- */
  .fastest-growing-section .row {
    flex-direction: column;
  }

  .fastest-growing-section .row>[class*="col"] {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }

  .fastest-growing-section img {
    max-width: 70%;
    margin: 30px auto 0;
  }

  /* --- CAREER FILTER TABS --- */
  .career-filter-tabs,
  .career-category-tabs {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
  }

  /* --- CAREER CARDS GRID --- */
  .career-cards-grid .col-lg-4,
  .career-cards .col-lg-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* --- TRAIN-ASSESS-PLACE-UPSKILL (Process Steps) --- */
  .process-steps-section .row,
  .global-logistics-section .row {
    flex-wrap: wrap;
  }

  .process-steps-section .col-lg-3,
  .process-step-col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 24px;
  }

  /* --- TESTIMONIALS SLIDER --- */
  .testimonial-card {
    padding: 20px;
  }

  /* --- PARTNERSHIP CARD: stack left on top, right below --- */
  .partnership-card {
    flex-direction: column;
  }

  .partnership-card__left {
    flex: 0 0 auto;
    width: 100%;
    padding: 32px 28px 28px;
    justify-content: center;
    align-items: center;
  }

  .cd-hero__banner-img {
    width: 100%;
    max-width: 680px;
    margin: 0 auto 20px auto;
  }

  .courses-section__header,
  .who-for-section__header,
  .choose-section__header,
  .careers-section__header,
  .section-header,
  .prog-blocks-header,
  .features-strip-header,
  .testimonials-header,
  .testimonials-header2,
  .courses-section__header {
    margin-bottom: 40px;
    text-align: center;
    justify-content: center;
  }

  .partnership-card__right {
    flex: 0 0 auto;
    width: auto;
    margin: 0 16px 16px;
    border-radius: 16px;
  }

  /* --- PARTNERSHIP TABS (Sector Skills, Govt, Other) --- */
  .partnership-tabs,
  .sector-tabs {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
  }

  /* --- COMPANY LOGOS GRID --- */
  .companies-grid .col-lg-2,
  .companies-grid [class*="col-lg"] {
    flex: 0 0 25%;
    max-width: 25%;
  }

  /* --- AWARDS GRID --- */
  .awards-section .col-lg-4,
  .award-card-col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 24px;
  }

  /* --- TRUSTED EXPERTISE (Testimonial cards) --- */
  .trusted-section .row {
    flex-wrap: wrap;
  }

  .trusted-section .col-lg-3,
  .trusted-card-col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 24px;
  }

  /* --- FAQ SECTION (Course Detail + Index) --- */
  .faq-section .row {
    flex-direction: column;
  }

  .faq-section .faq-image-col,
  .faq-section .row>[class*="col-lg-5"],
  .faq-section .row>[class*="col-lg-4"] {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }

  .faq-section .faq-image-col img {
    max-width: 60%;
  }

  .faq-section .row>[class*="col-lg-7"],
  .faq-section .row>[class*="col-lg-8"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* --- CTA / VIDEO CONSULTATION SECTION --- */
  .cta-section .row,
  .video-consultation-section .row,
  .consult-banner .row {
    flex-direction: column;
    text-align: center;
  }

  .cta-section img,
  .video-consultation-section img {
    max-width: 70%;
    margin: 20px auto 0;
  }

  /* --- FOOTER --- */
  .footer-section .row>[class*="col-lg"] {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 24px;
  }

  /* --- COURSE DETAIL: Why Logistics Section --- */
  .why-logistics-section .row {
    flex-direction: column;
  }

  .why-logistics-section .row>[class*="col-lg"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .why-logistics-section img {
    max-width: 80%;
    margin: 30px auto 0;
    display: block;
  }

  /* --- COURSE DETAIL: Who Can Apply --- */
  .who-can-apply-section .row {
    flex-direction: column;
  }

  /* --- COURSE DETAIL: Course Fees --- */
  .course-fees-section .row {
    flex-direction: column;
  }

  .course-fees-section .row>[class*="col"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* --- COURSE DETAIL: Fee Image --- */
  .fee-image-col img {
    max-width: 80%;
    margin: 20px auto 0;
    display: block;
  }

  /* --- COURSE DETAIL: Payment Modes --- */
  .payment-modes {
    flex-wrap: wrap;
    gap: 12px;
  }

  /* --- COURSE DETAIL: Employment Mission --- */
  .employment-mission-section .row {
    flex-direction: column;
    text-align: center;
  }

  .employment-mission-section img {
    max-width: 70%;
    margin: 20px auto 0;
  }

  /* --- COURSE DETAIL: Campus Life Slider --- */
  .campus-life-section .swiper-slide {
    width: 260px !important;
  }

  /* --- COURSE DETAIL: Stats (Apprentices, Careers, Awards) --- */
  .edujobs-stats-section .row>[class*="col"] {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
  }

  /* --- COURSE DETAIL: Skill Grid (Degree/Skill tabs content) --- */
  .shortcut-section .skill-grid,
  .skill-cards-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }

  /* --- COURSE DETAIL: Gateway Cards --- */
  .gateway-section .row>[class*="col-lg"] {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

}


@media only screen and (max-width: 800px) {
  .platform-banner {
    min-height: auto;
    padding: 60px 0 260px 0;
  }

  .consult-banner {
    padding: 60px 0 360px 0;
  }

  .platform-banner__visual {
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 100%;
    left: 0;
    margin: 0 auto;
  }
}

/* ==========================================================================
   QUICK-FACTS STRIP → AUTOPLAY MARQUEE (below 1500px)
   ========================================================================== */
@media only screen and (max-width: 1500px) {
  .cd-quickfacts .why-stats-strip {
    display: none;
  }

  .cd-quickfacts__marquee {
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 14px 0;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 7%, #000 93%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, #000 7%, #000 93%, transparent 100%);
  }

  .cd-quickfacts__track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: cdQuickfactsMarquee 26s linear infinite;
  }

  .cd-quickfacts__track:hover {
    animation-play-state: paused;
  }

  .cd-quickfacts__marquee .why-stat {
    flex: 0 0 auto;
    min-width: 188px;
    padding: 4px 22px;
  }

  @keyframes cdQuickfactsMarquee {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-50%);
    }
  }
}

/* ==========================================================================
   BREAKPOINT: 1000px — NAV DROPDOWN
   ========================================================================== */
@media (max-width: 1000px) {

  /* Hide scrolling tabs, show dropdown */
  .cd-nav .cd-nav__inner {
    display: none;
  }

  .cd-nav-dropdown {
    display: block;
  }

  /* Stick flush under the 61px mobile header (overrides JS inline top) */
  .cd-nav {
    top: 61px !important;
  }

  .cd-nav .container {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .cd-nav-dropdown__trigger {
    line-height: 1;
  }
}

/* ==========================================================================
   BREAKPOINT: 767px — MOBILE
   ========================================================================== */
@media only screen and (max-width: 767px) {
  :root {
    /* Headings — h1…h6 */
    --fs-h1: clamp(26px, 16px + 2.4vw, 50px);
    --fs-h2: clamp(22px, 15px + 1.85vw, 42px);
  }

  .footer-newsletter__input-wrap {
    flex: 1;
  }

  .testi-slide-card2__author-info {
    text-align: start;
  }

  .cd-detils .cd-hero__features li {
    margin: 0 auto 0 0;
    justify-content: start;
    align-items: center;
    text-align: start;
    width: 100%;
  }

  .cd-detils .cd-hero__features {
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  #cd-scope {
    padding: 44px 0;
    text-align: center;
    background-position: center;
    background-size: cover;
  }

  #cd-admissions .cd-section-eyebrow {
    justify-content: center;
  }

  #cd-admissions .cd-section-h3-sm {
    text-align: center;
  }

  #cd-admissions .cd-section-h3 {
    text-align: center;
  }

  .cd-docs-list li {
    flex-direction: column;
    align-items: center;
  }

  .cd-eligibility-item {
    align-items: center;
  }

  #cd-admissions .cd-section-title,
  #cd-admissions .cd-section-sub {
    text-align: center;
  }

  #cd-placements .cd-stat {
    flex: 0 0 50% !important;
  }

  .business-impact-section .cd-section-eyebrow {
    justify-content: start;
  }

  .business-impact-section .prog-blocks-header__title,
  .business-impact-section .prog-blocks-header__sub {
    text-align: start;
  }

  .membership__logo-img {
    height: 70px;
    width: auto;
    object-fit: cover;
  }

  .membership .cd-section-eyebrow {
    justify-content: start;
  }

  .membership .cd-outcomes li {
    justify-content: start;
  }

  .membership .cd-outcomes {
    margin: 16px 0 5px;
    grid-template-columns: 1fr;
  }

  .membership .cd-section-title,
  .membership .cd-section-sub {
    text-align: start;
  }



  .skill-domains-section .cd-stat {
    flex: 0 0 50% !important;
  }

  .skill-domains-section .cd-stat:nth-child(1) {
    border-right: 1px solid #eee;
  }

  .skill-domains-section .cd-stats-strip--dark .cd-stat:nth-child(1):nth-child(1) {
    border-right: 1px solid #eee;
    border-right-color: rgba(255, 255, 255, 0.1);
  }

  .skill-domains-section .cd-stat:nth-child(3) {
    border-right: 1px solid #eee;
  }

  .skill-domains-section .cd-stats-strip--dark .cd-stat:nth-child(3):nth-child(3) {
    border-right: 0px solid #eee;
    border-right-color: rgba(255, 255, 255, 0.1);
  }


  .cd-step:nth-child(4) {
    margin-bottom: 0;
  }

  .cd-section.curriculum-section.emp-curriculum-section .cd-outcomes li {
    justify-content: start;
  }

  .why_train .cd-section-sub {
    max-width: 100%;
  }

  .two-entry-point .prog-type-card__desc {
    margin-top: 20px;
  }

  .ja-academy-advantage .cd-section-title,
  .ja-academy-advantage .cd-section-sub {
    text-align: start;
  }

  .ja-academy-advantage .cd-section-eyebrow {
    justify-content: start;
  }

  .cd-uni-info {
    text-align: start;
  }

  .cd-uni-info__tags {
    justify-content: start;
  }

  #cd-university .cd-section-eyebrow {
    justify-content: start;
  }

  #cd-apply .cd-section-eyebrow {
    justify-content: start;
  }

  #cd-apply .cd-section-title,
  #cd-apply .cd-section-sub {
    text-align: start;
  }


  #cd-university .cd-section-title,
  #cd-university .cd-section-sub {
    text-align: start;
  }

  .cd-uni-info__logo {
    margin: 0 auto 20px 0;
  }

  .cd-faq-btn {
    padding: 18px 12px;
    gap: 30px;
  }

  .testi-slide-card__author {
    gap: 0;
    display: block;
  }

  .partnership-nav {
    justify-content: center;
  }

  .partnership-logos--center {
    flex-wrap: nowrap;
  }

  .prog-type-card__heading {
    margin-bottom: 0px;
  }

  .courses-grid-pane .courses-grid-card.who-for-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .cd-hero__actions {
    margin-bottom: 0;
  }

  .cd-section .cd-img-frame {
    min-height: 340px;
  }

  .cd-role-card__desc {
    font-size: 14px;
  }

  .cd-role-card__icon {
    margin: 0 auto 14px;
  }

  .cd-role-card__title {
    font-size: 20px;
  }

  .consult-banner__title br {
    display: none;
  }

  .cd-sector-grid {
    gap: 7px;
    justify-content: center;
  }

  /* Course-detail "Where the Jobs Are": marquee replaces the static grid below 767px */
  #cd-scope .cd-sector-grid {
    display: none !important;
  }

  /* Employers-upskill "Areas We Cover": marquee replaces the static grid below 767px */
  .skill-domains-section .cd-sector-grid {
    display: none !important;
  }

  /* Related Programmes: single-card slider replaces the static grid below 767px */
  .related-cards-grid {
    display: none !important;
  }

  .related-swiper {
    display: block !important;
    margin-top: 30px;
  }

  .cd-sector-marquee {
    display: flex !important;
  }

  .cd-outcomes li {
    font-size: 14px;
  }

  .cd-stat {
    text-align: center !important;
  }

  .related-section .new-course-card__body {
    padding: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
  }


  #cd-scope .cd-stats-strip--dark .cd-stat:nth-child(3) {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  }

  [data-cat-pane="industry"] .courses-panel {
    padding: 0;
  }

  .cd-fee-badge {
    padding: 6px 11px;
  }

  .related-section .who-for-card {
    padding: 14px;
  }

  .related-section .new-course-card__img-wrap {
    height: auto;
    border-radius: 10px;
  }

  .partnership-form__title {
    font-size: 23px;
    text-align: start;
  }

  .cd-form__trust {
    text-align: start;
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 6px;
  }

  .contactIcon {
    margin-top: 20px;
  }

  .cd-form {
    padding: 20px 20px;
  }

  .cd-stats-strip--mt-48 {
    margin-top: 0;
  }

  .cd-cta-band {
    padding: 60px 0;
  }

  .hero-mobile-img {
    margin-bottom: 28px;
    margin-top: 0;
  }

  .cd-step__desc {
    color: #000000;
    max-width: 100%;
    margin: 0 auto;
    font-size: 14px;
  }

  .oc-sectors-section {
    padding: 60px 0;
  }

  .earn-card__salary {
    font-size: 25px;
  }

  .earn-footer-note {
    margin-top: 32px;
    text-align: start;
    color: #888;
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 6px;
  }

  .cd-process-steps::after {
    display: none;
  }

  .cd-step {
    text-align: center;
    padding: 0 12px;
    margin-bottom: 30px;
  }

  .cd-uni-highlights__grid {
    grid-template-columns: 1fr;
  }

  .cd-accred-badge {
    padding: 12px 15px;
    min-width: 100%;
  }

  .cd-uni-highlights {
    padding: 20px;
    height: auto;
  }

  .cd-uni-info {
    padding: 20px;
  }

  .cd-uni-badge {
    padding: 4px 7px;
  }

  .cd-fee-table tbody td {
    padding: 14px 11px;
    font-size: 14px;
  }

  .cd-fee-header {
    align-items: center;
    text-align: center;
  }

  .cd-section .cd-section-title br {
    display: none;
  }

  .cd-accordion__body {
    padding: 14px 16px;
    font-size: 14px;
  }

  .curriculum-section .cd-section-eyebrow {
    font-size: 12px;
    line-height: 1;
    margin: 0 auto 12px auto;
    text-align: center;
    justify-content: start;
    display: flex;
  }

  .cd-aid-card {
    text-align: center;
  }

  .cd-aid-card__icon {
    margin: 0 auto 14px;
  }

  .cd-outcomes {
    margin: 16px 0 30px;
    grid-template-columns: 1fr;
  }

  .cd-section.fee-section .cd-section-eyebrow {
    margin: 0 auto 12px;
    display: flex;
    text-align: center;
    justify-content: center;
  }

  .cd-section.fee-section .cd-section-title {
    margin: 0 auto 12px;
    display: flex;
    text-align: center;
    justify-content: center;
  }

  .cd-cmp-yes__badge {
    width: 22px;
    height: 22px;
    font-size: 12px;
  }

  .cd-cmp-acc__head {
    padding: 10px 17px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
  }

  .cd-offer-card {
    align-items: center;
  }

  .cd-offer-card__title--lg {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .cd-offer-card__desc {
    text-align: center;
  }

  .cd-cmp-acc__body {
    padding: 14px 14px;
  }

  .cd-section.fee-section .cd-section-sub {
    margin: 0 auto 12px;
    display: flex;
    text-align: center;
    justify-content: center;
  }

  .cd-aid-card__title {
    font-size: 20px;
  }

  .curriculum-section .cd-section-title {
    text-align: start;
  }

  .curriculum-section .cd-section-sub {
    text-align: start;
  }

  .two-entry-point .prog-blocks-header__title {
    text-align: start;
  }

  .two-entry-point .cd-section-eyebrow {
    justify-content: start;
  }

  .two-entry-point .prog-blocks-header__sub {
    text-align: start;
  }

  .cd-tools-strip {
    margin-top: 11px;
    margin-bottom: 25px;
  }

  .cd-process-steps {
    gap: 15px;
  }

  .cd-salary-card__lpa {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .cd-salary-card {
    padding: 20px 20px;
    text-align: center;
  }

  .cd-section-h3-sm {
    text-align: center;
  }

  .programme-catalogue .col-lg-7 {
    margin-bottom: 30px;
    text-align: start !important;
  }

  .programme-catalogue__name {
    text-align: start;
  }

  .programme-catalogue .cd-section-title {
    text-align: start !important;
  }

  .programme-catalogue .cd-section-eyebrow {
    margin: 0 0 12px 0;
    justify-content: start;
  }

  .programme-catalogue__meta {
    text-align: start;
  }

  .programme-catalogue .cd-section-sub {
    text-align: start !important;
  }

  .cd-hero__h1 {
    max-width: 100%;
    margin: 0 auto 16px;
    text-align: center;
    font-size: 35px;
  }

  .cd-section {
    padding: 60px 0;
  }

  .cd-hero__features .wfc-icon {
    margin: 0 auto 0px;
  }

  .cd-detils .cd-hero__features .wfc-icon {
    margin: 0;
  }

  .cd-section-sub {
    text-align: center;
  }

  .cd-stats-strip--dark .cd-stat {
    border-right-color: rgb(255 255 255 / 0%);
  }

  .cd-hero__features li {
    display: flex;
    text-align: start;
    max-width: 100%;
    margin: 0 auto 0 0;
    align-items: center;
    /* padding-bottom: 20px; */
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border);
    justify-content: start;
  }

  .cd-hero__features li:last-child {
    padding-bottom: 0px;
    border-bottom: 0px solid var(--border);
  }

  .cd-stat:nth-child(3) {
    border-bottom: 0px solid #eee !important;
  }

  #cd-scope .cd-stat:nth-child(3) {
    border-bottom: 1px solid #eee !important;
  }

  .cd-stats-strip--dark .cd-stat:nth-child(3) {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  }

  .cd-fee-badges {
    justify-content: center;
  }

  .cd-eligibility-item {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  #cd-placements .cd-stats-strip.cd-stats-strip--mt-48 {
    margin-top: 25px;
  }

  #cd-placements .cd-step {
    margin-bottom: 12px;
  }

  .cd-cta-band .contactIcon {
    margin-top: 20px;
    justify-content: start;
    align-items: start;
  }

  .cd-hero__eyebrow {
    text-align: center;
    font-size: 12px;
    margin-top: 23px;
  }

  .cd-detils .cd-hero__eyebrow {
    text-align: start;
    display: block;
  }

  .cd-detils .cd-hero__h1 {
    text-align: start;
  }

  .cd-detils .cd-hero__hook {
    text-align: start;
  }

  .cd-detils .cd-hero__actions {
    flex-direction: row;
    gap: 10px;
    justify-content: start;
  }

  .cd-detils .cd-hero__actions .btn-custom {
    justify-content: start;
    margin-right: 0;
    margin-left: 0;
  }

  .model-card {
    text-align: center;
  }

  #two-models .wfc-icon {
    margin: 0 auto 20px;
  }

  .wfc-icon {
    margin: 0 auto 0;
  }

  .feature-white-card {
    text-align: center;
  }

  .feature-white-card__icon-wrap {
    margin: 0 auto 18px;
  }

  .programme-catalogue .feature-white-card__icon-wrap {
    margin: 0 auto 18px 0;
  }

  .why-benefit-item {
    flex-direction: column;
    text-align: center;
  }

  .pogramme-structure-section .btn {
    margin: 16px auto 30px auto;
    justify-content: center;
    align-items: center;
    display: flex;
    width: max-content;
  }

  .prog-detail-card {
    text-align: center;
  }

  .features-strip-section,
  .prog-blocks-section,
  .courses-section,
  .who-for-section,
  .abroad-section,
  .careers-section,
  .companies-section,
  .gallery-section,
  .awards-section,
  .testimonials-section,
  .testimonials-section2,
  .faq-section,
  .consult-banner,
  .teams-section,
  .partnership-section {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  section.consult-banner {
    padding: 60px 0 270px 0;
  }

  .abroad-card {
    text-align: center;
  }

  .prog-detail-card__value {
    font-size: 20px;
  }



  .prog-detail-card__desc {
    font-size: 14px;
  }

  .hiw-card {
    text-align: center;
  }

  .cd-aid-card__desc {
    font-size: 14px;
  }

  .cd-hero__hook {
    max-width: 100%;
    margin: 0 auto 28px;
    text-align: center;
  }

  /* ── Logo strip: hide single row, show two-row marquee ── */
  .hero-logo-strip {
    flex-direction: column;
    gap: 8px;
    padding: 14px 0;
  }

  .cd-hero.cd-hero-banner {
    height: auto !important;
  }

  .hero-logo-strip__label {
    display: none;
  }

  .our_approach .cd-img-frame {
    aspect-ratio: 4 / 3;
  }

  .our_approach .cd-outcomes {
    margin: 16px 0 0px;
  }

  .news-grid {
    --bs-gutter-y: 2rem;
  }

  .pogramme-structure-section p.cd-section-sub br {
    display: none;
  }

  .hero-logo-strip__track-wrap {
    display: none !important;
  }

  .skill-img-col .cd-img-frame {
    min-height: 461px !important;
  }

  .prog-blocks-section .prog-type-card__desc {
    margin-top: 20px;
  }

  .cd-stat {
    flex: 0 0 100% !important;
  }

  .emp-hero-banner .cd-hero__h1 br {
    display: none;
  }

  .cd-hero.emp-hero-banner {
    height: auto;
  }

  .hero-logo-strip__mobile {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    overflow: hidden;
  }

  .hero-logo-strip__mob-row {
    overflow: hidden;
  }

  .hero-logo-strip__mob-track {
    display: flex;
    align-items: center;
    gap: 16px;
    width: max-content;
  }

  .hero-logo-strip__mob-row--rtl .hero-logo-strip__mob-track {
    animation: mobLogoRTL 14s linear infinite;
  }

  .hero-logo-strip__mob-row--ltr .hero-logo-strip__mob-track {
    animation: mobLogoLTR 14s linear infinite;
  }

  @keyframes mobLogoRTL {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-50%);
    }
  }

  @keyframes mobLogoLTR {
    0% {
      transform: translateX(-50%);
    }

    100% {
      transform: translateX(0);
    }
  }

  /* ── Companies marquee: hide single row, show three-row below 767px ── */
  .companies-marquee__track {
    display: none !important;
  }

  .companies-marquee {
    mask-image: none;
    -webkit-mask-image: none;
    padding: 0px 0;
  }

  /* "comp-partners" university section — show the logo marquee before the
     CTA buttons on mobile only (desktop/tablet keep buttons-then-marquee). */
  .companies-section.comp-partners {
    display: flex;
    flex-direction: column;
  }

  .companies-section.comp-partners .companies-marquee {
    order: 1;
  }

  .companies-section.comp-partners .comp-partners__actions-wrap {
    order: 2;
  }

  .awards-section .col-lg-4,
  .award-card-col {
    margin-bottom: 0;
  }

  .companies-marquee__mobile {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    overflow: hidden;
  }

  .companies-marquee__mob-row {
    overflow: hidden;
    padding: 12px 0;
  }

  .companies-marquee__mob-track {
    display: flex;
    align-items: center;
    gap: 16px;
    width: max-content;
  }

  .fp-tab-btn {
    padding: 11px 12px;
  }

  .fp-tab-body {
    padding: 32px 17px 36px;
  }

  .oc-city-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .companies-marquee__mob-row--rtl .companies-marquee__mob-track {
    animation: companiesRTL 14s linear infinite;
  }

  .companies-marquee__mob-row--ltr .companies-marquee__mob-track {
    animation: companiesLTR 30s linear infinite;
  }

  @keyframes companiesRTL {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-50%);
    }
  }

  @keyframes companiesLTR {
    0% {
      transform: translateX(-50%);
    }

    100% {
      transform: translateX(0);
    }
  }

  .companies-marquee__mobile .company-pill {
    width: 180px;
    max-width: 180px;
    height: 65px;
    padding: 6px 12px;
    border-radius: 13px;
    flex-shrink: 0;

  }

  .companies-marquee__mobile .company-pill img {
    height: 40px;
  }

  /* ── JobsAcademy Advantage: swap table for per-column accordions below 767px ── */
  .cd-compare-table.cd-compare-table--featured {
    display: none;
  }

  .cd-cmp-acc {
    display: block;
    margin-bottom: 40px;
  }

  .who-for-card__title {
    font-size: 18px;
    text-align: center;
  }

  .platform-banner__subtitle br {
    display: none;
  }

  .oc-stories-section .stories-swiper {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .fp-mix-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .testi-slide-card__num,
  .testi-slide-card2__num {
    display: none;
  }

  .testi-slide-card__img {
    width: 100%;
  }

  .oc-img-story-card:hover {
    box-shadow: 0 12px 36px rgb(0 0 0 / 0%);
    transform: translateY(0px);
  }

  .office-card {
    text-align: center;
  }

  .office-card__title {
    font-size: 18px;
  }

  .contact-details .contact-info-card__title {
    font-size: 20px;
    margin-bottom: 4px;
  }

  .oc-city-stat-card__num {
    font-size: 24px;
  }

  /* Separate image slot for mobile — swap in the mobile img, hide desktop img */
  .testi-slide-card__img--desktop {
    display: none;
  }

  .testi-slide-card__img--mobile {
    display: block;
  }


  /* Abroad swiper — edge to edge, break out of container */
  .abroad-swiper,
  .academy-cards-swiper {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  /* Industry pane: hide sidebar, show dropdown, full-width content */
  .courses-industry-dropdown {
    display: block;
    margin-bottom: 16px;
  }

  [data-cat-pane="industry"] .courses-sidebar {
    display: none !important;
  }

  [data-cat-pane="industry"] .courses-content {
    width: 100%;
    flex: 1;
    min-width: 0;
  }

  /* 1 card visible per view in industry pane at mobile — no next-card peek */
  [data-cat-pane="industry"] .courses-grid-pane .courses-grid-card {
    flex: 0 0 100%;
  }

  /* Remove overflow-x:hidden from courses-panel so padding-left is visible */
  [data-cat-pane="industry"] .courses-panel {
    overflow: visible;
  }

  [data-cat-pane="industry"] .courses-grid-pane {
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 0 !important;
    padding-bottom: 0px !important;
  }

  [data-cat-pane="industry"] .courses-grid-pane .courses-grid-card {
    margin-right: 0;
  }

  [data-cat-pane="industry"] .courses-grid-pane .ind-spacer {
    display: none !important;
  }

  /* Who For — last card full width */
  .who-for-section .row-cols-xl-5>.col:last-child {
    width: 100%;
  }

  /* Gallery: keep dropdown, hide grid, show mobile swiper */
  .teams-section__ratings {
    justify-content: center;
    margin-top: 31px;
  }

  .testimonials-header,
  .testimonials-header2 {
    justify-content: center;
    text-align: center;
  }

  .gallery-grid-clean {
    display: none !important;
  }

  .gallery-mobile-swiper {
    display: block;
  }

  .gallery-mobile-swiper .gallery-clean-tile {
    height: 321px;
    margin-bottom: 0;
  }

  /* Cert & Degree sliders — 1 card visible below 767px, no next-card peek */
  [data-cat-pane="cert"] .courses-grid-pane,
  [data-cat-pane="degree"] .courses-grid-pane {
    gap: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [data-cat-pane="cert"] .courses-grid-pane .courses-grid-card,
  [data-cat-pane="degree"] .courses-grid-pane .courses-grid-card {
    flex: 0 0 100%;
    margin-right: 0;
  }

  /* --- FOOTER BOTTOM: legal first, copyright second --- */
  .site-footer__bottom-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
  }

  .career-card__hover-title {
    font-size: 20px;
  }

  #coursesTabContent .courses-grid-card__img-wrap,
  [data-cat-pane="cert"] .courses-grid-card__img-wrap,
  [data-cat-pane="degree"] .courses-grid-card__img-wrap {
    height: 160px;
  }

  .prog-type-card__heading .prog-type-card__title {
    margin: 0;
    text-align: start;
  }

  [data-cat-pane="cert"] .courses-grid-card,
  [data-cat-pane="degree"] .courses-grid-card {
    height: auto;
  }

  .cd-fees__tbl-row--head .cd-fees__tbl-right {
    font-size: 17px;
  }

  .prog-type-card__title {
    font-size: 16px;
  }

  .hero-usp-item {
    justify-content: start;
  }

  .partnership-logos {
    width: 100%;
  }

  .hero-usp-strip {
    gap: 8px;
    padding: 0;
  }

  /* Divider between each stacked USP item (mobile only). The .col-12 keeps
     specificity above the `.hero-usp-strip .col-md-4.col-12 { padding: 0 }`
     rule so the breathing room around the line is preserved. */
  .hero-usp-strip>div.col-12:not(:last-child) {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border);
  }

  .cd_advisor-img img {
    right: 20px;
    width: 288px;
  }

  .cd_advisor-img_1 img {
    width: 260px;
    right: -16px;
  }

  .cd-fees__tbl-row--head .cd-fees__tbl-left {
    font-size: 17px;
  }

  .different-padding {
    --bs-gutter-x: 1.5rem;
  }

  .cd-fees__tbl-left {
    padding: 12px 15px;
    min-width: 300px;
  }

  .cd-fees__table-card {
    overflow-x: scroll;
  }

  .cd-fees__tbl-row--head .cd-fees__tbl-left {
    min-width: 300px;
  }

  .programm-padding {
    --bs-gutter-x: 1.5rem;
    margin-bottom: 30px;
    --bs-gutter-y: 1.5rem;
  }

  .cd-fees__tbl-right {
    width: 220px;
    min-width: 190px;
  }

  .cd-career__content {
    padding-left: 0;
    text-align: start;
  }

  .cd-fees__tbl-row--total .cd-fees__tbl-right {
    font-size: 12px;
  }

  .cd-curriculum__list li {
    align-items: start;
    flex-direction: column;
  }

  .cd-program-structure__header {
    margin-bottom: 30px;
    text-align: center;
  }

  .cd-eligibility__header {
    margin-bottom: 30px;
  }

  .cd-batch__header {
    margin-bottom: 30px;
  }

  .cd-program-structure__title {
    margin-bottom: 0;
    text-align: start;
  }

  .cd-program-structure__table tbody td {
    padding: 13px 24px;
    font-size: 14px;
    line-height: 1;
  }

  .cd-demand__header {
    text-align: center;
    margin-bottom: 23px;
  }

  .gts-card {
    padding: 25px;
  }

  .gts-card-content h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .cd-diff .cd-why__list {
    margin: 22px 0 0 0;
  }

  .cd-gateway__title {
    font-size: 18px;
  }

  .careers-nav-tab {
    padding: 5px 10px;
    font-size: 13px;
  }

  .cd-gateway__card {
    padding: 22px 32px 22px;
  }

  .cd-hero__pills {
    flex-direction: column;
    max-width: 100%;
  }

  .cd-hero__visual {
    right: -80px;
    width: 32%;
    display: none;
  }

  .testi-slide-card__photo {
    width: 100px;
    height: 100px;
    margin: 0 auto 12px;
  }

  .testi-slide-card,
  .testi-slide-card2 {
    padding: 32px 26px 32px;
  }

  .testi-slide-card__num,
  .testi-slide-card2__num {
    font-size: 46px;
  }

  .testi-slide-card__stars,
  .testi-slide-card2__stars {
    margin: 0 auto 12px;
  }

  .testi-slide-card__quote,
  .testi-slide-card2__quote {
    margin-bottom: 14px;
  }

  .testi-slide-card__body,
  .testi-slide-card2__body {
    align-items: center;
  }

  .testi-slide-card,
  .testi-slide-card2 {
    padding: 24px 20px;
    gap: 20px;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 510px;
  }

  /* Card 2 has no photo to stack above the text — stretch to match the tallest slide instead */
  .testi-slide-card2 {
    height: 100%;
  }

  .testi-slide-card__quote,
  .testi-slide-card2__quote {
    font-size: 18px;
    padding-right: 0;
  }

  .ab-hero-v2 {
    height: auto;
  }

  .partner-step__title {
    font-size: 18px;
    margin-bottom: 6px;
  }

  .ab-hero__tick {
    font-size: 12px;
    text-align: start;
  }

  .course-padding {
    --bs-gutter-x: 1.5rem;
    gap: 0;
  }

  .mentor-padding {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .learner-support-padding {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .journey-section__inner {
    padding-bottom: 248px;
  }

  .learning-padding {
    --bs-gutter-x: 1.5rem;
  }

  .site-footer__legal {
    order: -1;
    gap: 4px 12px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .new-course-card__title {
    font-size: 18px;
  }

  .site-footer__copyright {
    order: 1;
  }

  /* --- PARTNERSHIP CARD mobile --- */
  .partnership-card__left {
    padding: 24px 20px 20px;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .partnership-logo {
    padding: 14px 0;
  }

  .hero-section {
    padding: 120px 0 50px;
  }

  .site-footer__main {
    padding: 60px 0 60px;
  }

  .faq-padding {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .footer-padding {
    --bs-gutter-y: 2rem;
  }

  .site-footer__link-list li:last-child {
    margin-bottom: 0px;
  }

  .who-padding-home {
    --bs-gutter-y: 1.5rem;
  }

  .platform-banner {
    min-height: auto;
    padding: 60px 0 270px 0;
  }

  .faq-accordion .accordion-item:has(.accordion-collapse.show) .accordion-body {
    padding: 0 20px 22px 20px;
  }

  .faq-accordion .accordion-item:has(.accordion-collapse.show) .accordion-button {
    padding: 20px 20px 20px;
  }

  .faq-accordion .accordion-button {
    font-size: 20px;
    padding: 20px 20px 20px;
    line-height: 28px;
  }

  .faq-accordion .accordion-body {
    font-size: 14px;
    padding: 0 20px 22px 20px;
  }

  .awards-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .platform-banner__visual {
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    pointer-events: none;
    left: 0;
    margin: 0 auto;
  }


  .partnership-card__right {
    margin: 0 12px 12px;
    border-radius: 14px;
  }

  /* --- HERO SECTION --- */
  .hero-section h1,
  .hero-section__title,
  .banner-section h1,
  .ej-hero h1 {
    font-size: 35px;
    line-height: 1.35;
  }

  .hero-section .hero-section__title {
    text-align: start;
  }

  .hero-section .hero-section__subtitle {
    text-align: start;
  }

  .cd-salary-card__roles {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    justify-content: center;
  }

  .hero-section .hero-actions {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }

  .why-card__icon img {
    width: 50px;
    height: 50px;
  }

  .stats-padding-home {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .partner-padding-home {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .partner-col--offset {
    margin-top: 0;
  }

  .hero-visual {
    position: unset;
    width: 100%;
    margin-top: 40px;
    padding: 0 12px;
  }

  .hero-section p,
  .hero-section__subtitle,
  .banner-section p {
    font-size: 16px;
    line-height: 1.6;
  }

  .hero-section .hero-image img,
  .banner-section .banner-image img {
    max-width: 100%;
  }

  /* Hero feature badges — stack vertically */
  .hero-features li,
  .hero-badges li,
  .banner-features li {
    flex: 0 0 100%;
  }

  /* --- SECTION TITLES --- */
  .section-title h2,
  section h2 {
    font-size: 30px;
    line-height: 1.35;
    text-align: center;
  }

  .courses-panel__title {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .section-title p,
  section>p {
    font-size: 14px;
  }

  /* --- CTA BUTTONS --- */
  .btn,
  a.btn {
    font-size: 14px;
  }

  /* --- COURSE TABS (Index) — Horizontal scroll --- */
  .course-tab-list,
  .course-category-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 8px;
  }

  .course-tab-list::-webkit-scrollbar,
  .course-category-tabs::-webkit-scrollbar {
    display: none;
  }

  .course-tab-list li,
  .course-category-tabs li {
    white-space: nowrap;
    flex-shrink: 0;
  }

  /* --- COURSE CARDS — full width --- */
  .course-tab-content .col-lg-6,
  .course-tab-content .col-md-6,
  .course-tab-content [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 16px;
  }

  /* --- WHO ARE WE FOR — single column --- */
  .who-for-section .col-lg-4,
  .who-for-section [class*="col-lg"],
  .who-for-section [class*="col-md"] {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 16px;
  }

  /* --- WHY CHOOSE EDUJOBS (Stats) — single column --- */
  .why-choose-stats .row>[class*="col"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .stat-number,
  .counter-number,
  .stat-card__num {
    font-size: 32px;
  }

  /* --- CAREER CARDS — full width --- */
  .career-cards-grid .col-lg-4,
  .career-cards .col-lg-4,
  .career-cards [class*="col-md"] {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 16px;
  }

  /* Career filter tabs — horizontal scroll */
  .career-filter-tabs,
  .career-category-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 6px;
  }

  .career-filter-tabs::-webkit-scrollbar,
  .career-category-tabs::-webkit-scrollbar {
    display: none;
  }

  /* --- PROCESS STEPS — single column --- */
  .process-steps-section .col-lg-3,
  .process-step-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Process step connecting line — hide on mobile */
  .process-line,
  .process-steps-line,
  .steps-connector-line {
    display: none !important;
  }

  /* --- TESTIMONIALS SLIDER --- */
  .testimonial-card {
    padding: 16px;
  }

  /* --- PARTNERSHIP TABS — horizontal scroll --- */
  .partnership-tabs,
  .sector-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 6px;
  }

  .partnership-tabs::-webkit-scrollbar,
  .sector-tabs::-webkit-scrollbar {
    display: none;
  }

  /* --- COMPANY LOGOS — 3 per row --- */
  .companies-grid .col-lg-2,
  .companies-grid [class*="col-lg"],
  .companies-grid [class*="col-md"] {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }

  /* --- AWARDS — 2 per row at mobile --- */
  .awards-section .col-xl-2,
  .awards-section .col-lg-4,
  .award-card-col {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* --- TRUSTED EXPERTISE — single column --- */
  .trusted-section .col-lg-3,
  .trusted-card-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* --- FAQ IMAGE --- */
  .faq-section .faq-image-col img {
    max-width: 80%;
  }

  /* --- CTA / VIDEO CONSULTATION --- */
  .cta-section h2,
  .video-consultation-section h2 {
    font-size: 22px;
  }

  .cta-section img,
  .video-consultation-section img {
    max-width: 90%;
  }

  /* --- FOOTER — single column --- */
  .footer-section .row>[class*="col-lg"],
  .footer-section .row>[class*="col-md"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Footer newsletter input */
  .footer-newsletter input {
    font-size: 14px;
  }

  /* Footer bottom bar */
  .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }

  .footer-bottom-links {
    justify-content: center;
    flex-wrap: wrap;
  }

  /* --- COURSE DETAIL PAGE SPECIFICS --- */

  /* Banner highlights row (Duration, Placement, Training Mode) */
  .cd-banner-highlights,
  .course-highlights-row {
    flex-wrap: wrap;
    gap: 12px;
  }

  .cd-banner-highlights>div,
  .course-highlights-row>div {
    flex: 0 0 100%;
  }

  /* Banner mini-cards (Start Earning, Learn While, Guaranteed Stipend) */
  .cd-banner-mini-cards,
  .banner-mini-cards {
    flex-wrap: wrap;
    gap: 10px;
  }

  .cd-banner-mini-cards>div,
  .banner-mini-cards>div {
    flex: 0 0 100%;
  }

  /* Course detail form */
  .cd-banner-form,
  .course-detail-form {
    padding: 20px;
    margin-top: 24px;
  }

  /* Banner right image */
  .cd-banner-image img,
  .course-detail-banner img.banner-right-img {
    max-width: 100%;
  }

  /* Gateway cards — stack */
  .gateway-section .row>[class*="col"] {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 16px;
  }

  /* Skill grid — 2 columns */
  .shortcut-section .skill-grid,
  .skill-cards-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  /* Why Logistics list items */
  .why-logistics-section ul li {
    padding: 16px;
    margin-bottom: 12px;
  }

  /* Edujobs stats (Course Detail) */
  .edujobs-stats-section .row>[class*="col"] {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* Fee table — make scrollable */
  .fee-table-wrap,
  .fee-table-section .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .fee-table-section table {
    min-width: 500px;
    font-size: 13px;
  }

  /* Payment modes — 2 per row */
  .payment-modes>div,
  .payment-mode-item {
    flex: 0 0 48%;
  }

  /* What makes it easy — 2 per row */
  .easy-for-you-grid>div,
  .easy-grid-item {
    flex: 0 0 48%;
  }

  /* Campus life slider */
  .campus-life-section .swiper-slide {
    width: 220px !important;
  }

  /* Who Can Apply */
  .who-can-apply-section ul li {
    font-size: 14px;
    line-height: 1.6;
  }

  /* Employment Mission image */
  .employment-mission-section img {
    max-width: 90%;
  }



  /* Review/rating badges (testimonials section top) */
  .review-badges-row,
  .testimonials-rating-row {
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }

  /* Consultation CTA full-width button */
  .free-consultation-section .btn,
  .video-consultation-section .btn {
    width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width: 700px) {
  .platform-banner {
    min-height: auto;
    padding: 60px 0 270px 0;
  }

  .consult-banner {
    padding: 60px 0 250px 0;
  }

  .journey-section__inner {
    padding-bottom: 208px;
  }

  .cd_advisor-img img {
    right: -40px;
    width: 218px;
  }

  .cd_advisor-img_1 img {
    width: 260px;
    right: -16px;
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .platform-banner {
    min-height: auto;
    padding: 60px 0 200px 0;
  }

  .hero-usp-item {
    font-size: 14px;
  }

  .hero-usp-strip .col-md-4.col-12 {
    padding: 0;
  }

  .hero-section>.container {
    padding-bottom: 65px !important;
  }

  .consult-banner {
    padding: 60px 0 280px 0;
  }

  .career-card {
    height: auto;
    min-height: 350px !important;
  }

  .abroad-card__img-wrap {
    height: 230px;
  }

  /* Course cards: 1 item per screen below 600px — full width, no peek */
  [data-cat-pane="cert"] .courses-grid-pane .courses-grid-card,
  [data-cat-pane="degree"] .courses-grid-pane .courses-grid-card,
  [data-cat-pane="industry"] .courses-grid-pane .courses-grid-card {
    flex: 0 0 100%;
    margin-right: 0;
  }

  .consult-banner__visual {
    width: 84%;
  }

  .ab-approach-section .ab-col--offset-up {
    margin-top: 0;
  }

  .approach-card__text {
    width: auto;
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@media only screen and (max-width: 500px) {

  /* Who For: 1 column below 500px */
  .who-for-section .row-cols-xl-5>* {
    width: 100% !important;
  }

  .oc-city-stat-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }

  /* Awards: 1 column below 500px */
  .awards-section .col-xl-2,
  .awards-section .col-lg-4,
  .award-card-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Section header wrappers — consistent bottom margin */
  .courses-section__header,
  .who-for-section__header,
  .choose-section__header,
  .careers-section__header,
  .section-header,
  .prog-blocks-header,
  .features-strip-header,
  .testimonials-header,
  .testimonials-header2,
  .courses-section__header {
    margin-bottom: 25px;
    text-align: center;
  }

  .career-card {
    height: auto;
    min-height: 470px !important;
  }

  section.teams-section {
    text-align: center;
  }

  .teams-section__title br {
    display: none !important;
  }

  .platform-banner {
    min-height: auto;
    padding: 60px 0 170px 0;
  }

  .hero-section__title br {
    display: none !important;
  }

  .hero-section__title {
    white-space: normal;
  }

  .cd-advisor__actions {
    flex-direction: row;
    /* align-items: flex-start; */
    flex-wrap: wrap;
  }

  .teams-section__ratings {
    gap: 6px;
  }

  .teams-rating__badge i {
    font-size: 9px;
  }

  .teams-rating__logo {
    height: 25px;
    width: 58px;
  }

  .career-card {
    height: 440px;
  }

  .consult-banner__visual {
    width: 100%;
  }

  .journey-section__img {
    width: 100%;
  }

  .mentor-section .ab-split-img {
    height: 350px;
  }

  .ab-split-img {
    height: 360px;
  }

  .learner-support-section .ab-split-img {
    height: 340px;
  }

  .journey-section__curve {
    bottom: -50px;
  }

  .approach-card__title {
    font-size: 18px;
  }

  .ab-approach-section .ab-col--offset-up {
    margin-top: 0;
  }

  .journey-section__inner {
    padding-bottom: 168px;
  }

  .approach-card__text {
    width: auto;
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@media only screen and (max-width: 400px) {
  section.consult-banner {
    padding: 60px 0 260px 0;
  }

  .skill-img-col .cd-img-frame {
    min-height: 331px !important;
  }

  .skill-domains-section .cd-stat {
    flex: 0 0 100% !important;
  }

  .career-card {
    height: auto;
    min-height: 420px !important;
  }
}




/* ==========================================================================
   BREAKPOINT: 480px — Small Mobile
   ========================================================================== */
@media only screen and (max-width: 480px) {


  .ab-mentor-swiper {
    overflow: hidden;
    padding: 16px 4px;
    margin: 0;
  }

  .consult-banner {
    padding: 60px 0 260px 0;
  }

  .cd-diff .cd-why__visual-img {
    height: 340px;
  }

  .ab-mentor-card {
    padding: 28px 47px;
  }


  .new-course-card__meta-svg {
    width: 17px;
    height: 17px;
    display: block;
  }

  .ab-mentor-carousel-wrap {
    position: relative;
    padding: 0 0px;
    overflow-x: clip;
  }

  .new-course-card__meta-icon {
    width: 42px;
    height: 42px;
  }

  .new-course-card__meta {
    gap: 12px;
  }


  .stat-number,
  .counter-number,
  .stat-card__num {
    font-size: 28px;
  }

  /* Skill grid — single column */
  .shortcut-section .skill-grid,
  .skill-cards-grid {
    grid-template-columns: 1fr;
  }

  /* Edujobs stats — single column */
  .edujobs-stats-section .row>[class*="col"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Company logos — 2 per row */
  .companies-grid .col-lg-2,
  .companies-grid [class*="col"] {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* Mobile menu panel — full width */
  .ej-mobile-menu__panel {
    width: 100%;
    max-width: 100%;
  }
}

/* --------------------------------------------------------------------------
   SCROLL REVEAL ANIMATIONS (used with data-reveal attribute)
   -------------------------------------------------------------------------- */
[data-reveal] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-reveal].is-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Variants — add attribute: data-reveal="fade-left" etc. */
[data-reveal="fade-left"] {
  transform: translateX(-30px);
}

[data-reveal="fade-left"].is-revealed {
  transform: translateX(0);
}

[data-reveal="fade-right"] {
  transform: translateX(30px);
}

[data-reveal="fade-right"].is-revealed {
  transform: translateX(0);
}

[data-reveal="zoom-in"] {
  transform: scale(0.9);
}

[data-reveal="zoom-in"].is-revealed {
  transform: scale(1);
}

/* --------------------------------------------------------------------------
   ABOUT PAGES — RESPONSIVE
   -------------------------------------------------------------------------- */

/* Hide dropdown on mobile (≤1199px), show sub-links directly in mobile menu */
@media (max-width: 1199px) {
  .site-header__dropdown {
    display: none !important;
  }


  .ab-hero__subhead {
    font-size: 16px;
  }

  .ab-stat-card__number {
    font-size: 36px;
  }
}


@media (max-width: 767px) {


  .ab-hero--img-bg {
    padding-top: 130px;
    padding-bottom: 60px;
  }

  .who-for-card__btn {
    width: max-content;
    margin: 0 auto;
  }

  .who-for-card__title br {
    display: none;
  }

  .cd-faq-body {
    font-size: 14px;
  }

  .who-for-card {
    align-items: center;
  }

  .partnership-form__row {
    flex-direction: row;
  }

  .courses-grid-card {
    box-shadow: none;
  }

  .courses-grid-card:hover {
    /* transform: translateY(-4px); */
    box-shadow: 0 12px 32px rgb(15 15 18 / 0%);
  }

  .platform-banner {
    text-align: center;
  }

  .abroad-section__footer {
    margin-top: 18px;
  }

  .courses-layout {
    display: flex;
    align-items: stretch;
    gap: 28px;
    background-color: rgb(206 206 206 / 0%);
    border-radius: 20px;
    border: 0px solid rgb(59 59 59 / 0%);
  }

  .partnership-form__input {
    padding: 9px 18px;
    font-size: 13px;
  }

  .courses-section__subtitle,
  .who-for-section__subtitle,
  .choose-section__subtitle,
  .careers-section__subtitle,
  .partners-section__subtitle,
  .companies-section__subtitle,
  .awards-section__subtitle,
  .gallery-section__subtitle,
  .prog-blocks-header__sub,
  .features-strip-header__sub,
  .hero-section__subtitle {
    font-size: 16px;
  }

  .feature-white-card__title {
    font-size: 20px;
  }

  .gts-steps li p span {
    min-width: auto;
  }

  .cd-diff .cd-why__item-body {
    flex: 1;
    padding-top: 0;
  }

  .gts-steps li span.number {
    margin-right: 10px;
    font-size: 12px;
  }

  .gts-steps.org-steps li span.number {
    margin-right: 10px;
    font-size: 12px;
  }

  .ab-pullquote {
    font-size: 16px;
  }

  .gts-steps li p {
    font-size: 13px;
    line-height: 15px;
  }

  .partnership-section {
    background: #fff;
    padding-top: 0;
  }

  .ab-info-block {
    padding: 24px 20px;
  }

  .ab-awards-table th,
  .ab-awards-table td {
    padding: 12px 14px;
    font-size: 13px;
    min-width: 280px;
  }

  .ab-logo-box {
    flex: 0 0 calc(50% - 8px);
  }
}

/* ── Outcomes page new sections ── */
@media (max-width: 991px) {
  .diff-dual-panel {
    grid-template-columns: 1fr;
  }

  .diff-panel--them {
    border-radius: 20px 20px 0 0;
  }

  .diff-panel--us {
    border-radius: 0 0 20px 20px;
  }

  .diff-vs-circle {
    top: auto;
    bottom: calc(50% - 22px);
    left: 50%;
    transform: translateX(-50%);
  }

  .oc-diff-two-section .cd-section-title {
    white-space: normal;
  }

  .earn-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .data-dive-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cities-v2-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .city-v2-card--hero {
    grid-column: span 2;
  }
}

@media (max-width: 991px) {
  .oc-stories-split {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .oc-stories-img-col {
    min-height: 380px;
  }

  .oc-stories-stats-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .oc-stories-content-col {
    padding: 48px 32px;
  }
}

@media (max-width: 767px) {
  .story-slide {
    padding: 28px 28px;
    min-height: auto;
  }

  .story-slide__quote {
    font-size: 15px;
  }

  .cd-hero__placeholder {
    margin-bottom: 28px;
  }

  .oc-stories-stats-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .cd-section-eyebrow {
    font-size: 12px;
    line-height: 1;
    margin: 0 auto 12px;
    text-align: center;
    justify-content: center;
    display: flex;
  }

  .cd-section-h3 {
    text-align: center;
  }

  .cd-adm-step {
    display: flex;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
    align-items: flex-start;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .oc-stories-content-col {
    padding: 40px 20px;
  }

  .oc-stories-slider__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .cd-gap {
    --bs-gutter-y: 3rem;
  }

  .diff-panel__value {
    font-size: 15px;
    white-space: normal;
  }

  .diff-panel__sub {
    white-space: normal;
  }

  .earn-grid {
    grid-template-columns: 1fr;
  }

  .data-dive-grid {
    grid-template-columns: 1fr;
  }

  .cities-v2-grid {
    grid-template-columns: 1fr;
  }

  .city-v2-card--hero {
    grid-column: span 1;
  }

  .city-v2-card--hero .city-v2-card__num {
    font-size: 36px;
  }

  .data-dive-card__num {
    font-size: 36px;
  }

  .story-v2-card__top {
    height: 90px;
  }
}


/* ==========================================================================
   GLOBAL RESPONSIVE SCALE
   Covers every page: typography (h1–h6), section spacing, section-header
   component, announcement bar, buttons, forms, and layout polish.
   These additions fill gaps in the per-component rules above.
   ========================================================================== */

/* --------------------------------------------------------------------------
   CSS CUSTOM-PROPERTY UPDATES — now handled by the fluid :root tokens at the
   top of this file. --section-padding uses clamp(), so it scales continuously
   across every screen size instead of jumping at discrete breakpoints. No
   per-breakpoint :root overrides needed here.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   ANNOUNCEMENT BAR — mobile treatment
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .announcement-bar {
    font-size: 12px;
    /* No horizontal padding so the marquee runs edge-to-edge */
    padding: 9px 0;
    line-height: 1.5;
  }

  /* Swap the single rotating message for a continuous marquee of all items */
  .announcement-bar .ab-text {
    display: none;
  }

  .announcement-bar .ab-marquee {
    display: block;
  }
}

@media (max-width: 480px) {
  .announcement-bar {
    font-size: 11.5px;
    padding: 8px 0;
  }

  .announcement-bar a {
    display: inline;
  }
}

/* --------------------------------------------------------------------------
   GLOBAL FLUID TYPOGRAPHY — h1…h6 + body (the single source of truth)
   --------------------------------------------------------------------------
   Every heading on every page resolves to ONE fluid clamp() token, so a given
   level (e.g. h2) is the exact same size on Home, About, Course-detail,
   Employers and Contact at any viewport width — and scales smoothly between
   phone and desktop with no stepped jumps.

   The alias selectors fold each page's bespoke hero / section-title classes
   into the same scale:
     • .hero-section__title / .cd-hero__h1  → behave as the global h1
     • .cd-section-title and the *__title h2 variants → behave as the global h2
   This block is deliberately the LAST word on heading sizes in this file, so
   it supersedes any earlier per-breakpoint h1/h2 values further up.
   -------------------------------------------------------------------------- */

/* h1,
.hero-section h1,
.hero-section__title,
.banner-section h1,
.ej-hero h1,
.cd-hero__h1 {
  font-size: var(--fs-h1);
} */

/* h2,
section h2,
.section-title h2,
.cd-section-title,
.consult-banner__title,
.teams-section__title,
.abroad-section__title,
.cta-section h2,
.video-consultation-section h2 {
  font-size: var(--fs-h2);
} */

h3 {
  font-size: var(--fs-h3);
}

h4 {
  font-size: var(--fs-h4);
}

h5 {
  font-size: var(--fs-h5);
}

h6 {
  font-size: var(--fs-h6);
}


/* --------------------------------------------------------------------------
   SECTION HEADER COMPONENT — global across all pages
   Title uses the fluid --fs-section-title token (38px desktop → 22px phone),
   so it scales in sync with the rest of the type system. Only spacing /
   sub-element sizes step per breakpoint below.
   -------------------------------------------------------------------------- */

.section-header__title {
  font-size: var(--fs-section-title);
}

@media (max-width: 1200px) {
  .section-header {
    margin-bottom: 32px;
  }

  .section-header--flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .section-header__subtitle {
    font-size: 15px;
  }
}

@media (max-width: 991px) {
  .section-header__subtitle {
    font-size: 15px;
  }

  .section-header {
    margin-bottom: 28px;
  }

  .section-header__eyebrow {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .section-header__subtitle {
    font-size: 14px;
  }

  .section-header {
    margin-bottom: 24px;
    text-align: center;
  }

  .section-header--center .section-header__subtitle {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .section-header {
    margin-bottom: 30px;
  }
}

/* --------------------------------------------------------------------------
   SECTION PADDING — explicit overrides at 767px and 480px
   The per-component class list from the 991px block stops there;
   these rules extend that coverage down to smaller screens.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {

  section,
  .section,
  .hero-section,
  .banner-section,
  .course-section,
  .who-for-section,
  .why-choose-section,
  .fastest-growing-section,
  .career-section,
  .partners-section,
  .testimonials-section,
  .testimonials-section2,
  .partnership-section,
  .companies-section,
  .awards-section,
  .trusted-section,
  .faq-section,
  .cta-section,
  .footer-section,
  .gateway-section,
  .shortcut-section,
  .global-logistics-section,
  .why-logistics-section,
  .edujobs-stats-section,
  .employment-mission-section,
  .who-can-apply-section,
  .course-fees-section,
  .campus-life-section,
  .video-consultation-section,
  .cd-demand,
  .cd-overview,
  .cd-curriculum,
  .cd-career,
  .cd-gateway,
  .cd-fees,
  .cd-advisor,
  .cd-different,
  .ab-who-section,
  .ab-approach-section,
  .contact-section,
  .emp-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media (max-width: 480px) {

  section,
  .section,
  .hero-section,
  .banner-section,
  .course-section,
  .who-for-section,
  .why-choose-section,
  .fastest-growing-section,
  .career-section,
  .partners-section,
  .testimonials-section,
  .testimonials-section2,
  .partnership-section,
  .companies-section,
  .awards-section,
  .trusted-section,
  .faq-section,
  .cta-section,
  .footer-section,
  .gateway-section,
  .shortcut-section,
  .global-logistics-section,
  .why-logistics-section,
  .edujobs-stats-section,
  .employment-mission-section,
  .who-can-apply-section,
  .course-fees-section,
  .campus-life-section,
  .video-consultation-section,
  .cd-demand,
  .cd-overview,
  .cd-curriculum,
  .cd-career,
  .cd-gateway,
  .cd-fees,
  .cd-advisor,
  .cd-different,
  .ab-who-section,
  .ab-approach-section,
  .contact-section,
  .emp-section {
    padding-top: 44px;
    padding-bottom: 44px;
  }
}

/* --------------------------------------------------------------------------
   HEADER — logo & bar sizing on very small screens
   -------------------------------------------------------------------------- */

@media (max-width: 480px) {
  .site-header {
    padding: 12px 0;
  }

  .site-header__bar {
    padding: 6px 0;
    border-radius: 14px;
  }

  .site-header__logo-img {
    height: 32px;
    width: auto;
  }

  .ej-hamburger {
    width: 36px;
    height: 36px;
  }
}

/* --------------------------------------------------------------------------
   BUTTONS — touch-friendly sizing on mobile
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .btn-custom {
    font-size: 14px;
    gap: 8px;
  }

  .btn-custom .btn-icon {
    width: 30px;
    height: 30px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .btn-custom {
    font-size: 13px;
  }

  .btn-custom .btn-icon {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }
}

/* --------------------------------------------------------------------------
   FORM INPUTS — consistent touch targets
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .form-input {
    font-size: 15px;
    padding: 13px 16px;
  }
}

@media (max-width: 480px) {
  .form-input {
    font-size: 14px;
    padding: 12px 14px;
  }
}

/* --------------------------------------------------------------------------
   HERO SECTION — additional mobile polish
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .hero-section__content {
    text-align: center;
    max-width: 100%;
  }

  .hero-section__subtitle {
    font-size: 15px;
  }

  .cd-salary-card__roles span {
    padding: 4px 12px;
    font-size: 12px;
  }

  .cd-uni-highlight-item__text {
    font-size: 14px;
  }

  .cd-uni-highlight-item {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 10px;
    background: #fafafa;
    border-radius: 12px;
    border: 1px solid #f0f0f0;
  }

  p {
    font-size: 16px;
  }

  .hero-actions {
    justify-content: center;
    gap: 12px;
  }

  .hero-search {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .hero-section {
    padding: 110px 0 44px;
  }

  .hero-section__title {
    font-size: 24px;
    line-height: 1.3;
  }

  .hero-section__subtitle {
    font-size: 14px;
  }

  .hero-actions {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .hero-actions .btn-custom {
    justify-content: center;
  }

  .hero-search {
    padding: 5px 5px 5px 16px;
  }
}

/* --------------------------------------------------------------------------
   COURSE DETAIL HERO — deeper mobile
   -------------------------------------------------------------------------- */

@media (max-width: 480px) {
  .cd-hero {
    padding: 110px 0 60px;
  }

  .cd-hero__title {
    font-size: 22px;
    line-height: 1.3;
  }

  .cd-hero__meta {
    grid-template-columns: 1fr 1fr;
    gap: 10px 16px;
  }

  .cd-hero__meta-value {
    font-size: 13px;
  }

  .cd-hero__meta-label {
    font-size: 11px;
  }

  .cd-hero__actions {
    flex-direction: column;
    gap: 10px;
  }

  .cd-hero__actions .btn-custom {
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
  }
}

/* --------------------------------------------------------------------------
   ABOUT PAGES — hero / inner-page banners
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {

  .ab-hero--img-bg,
  .accredation-bg,
  .partnerships-bg,
  .ab-mentor-hero {
    height: auto !important;
    min-height: 360px;
    padding-top: 120px;
    padding-bottom: 50px;
  }

  .companies-marquee__track {
    padding-bottom: 22px;
  }

  .ab-hero-v2__title {
    font-size: 28px;
    line-height: 1.3;
  }

  .ab-stat-card__number {
    font-size: 32px;
  }
}

@media (max-width: 480px) {

  .ab-hero--img-bg,
  .accredation-bg,
  .partnerships-bg,
  .ab-mentor-hero {
    min-height: 300px;
    padding-top: 110px;
  }

  .ab-hero-v2__title {
    font-size: 24px;
  }

  .ab-stat-card__number {
    font-size: 28px;
  }

  .ab-logo-box {
    flex: 0 0 calc(50% - 8px);
  }
}

/* --------------------------------------------------------------------------
   CONTACT PAGE — form & info layout
   -------------------------------------------------------------------------- */

@media (max-width: 991px) {

  .contact-form-col,
  .contact-info-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .contact-info-col {
    margin-bottom: 32px;
    order: -1;
  }
}

@media (max-width: 767px) {

  .contact-card,
  .contact-info-block {
    padding: 24px 20px;
  }

  .contact-map {
    height: 280px;
    border-radius: var(--radius);
  }
}

@media (max-width: 480px) {

  .contact-card,
  .contact-info-block {
    padding: 20px 16px;
  }

  .contact-map {
    height: 220px;
  }
}

/* --------------------------------------------------------------------------
   EMPLOYERS PAGES — hero, steps, cards
   -------------------------------------------------------------------------- */

@media (max-width: 991px) {

  .emp-hero .row,
  .emp-solution .row {
    flex-direction: column;
  }

  .emp-hero .row>[class*="col-"],
  .emp-solution .row>[class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .emp-step-col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .emp-step-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .emp-card {
    padding: 24px 20px;
  }

  .emp-tabs,
  .emp-filter-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 6px;
  }

  .emp-tabs::-webkit-scrollbar,
  .emp-filter-tabs::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 480px) {
  .emp-card {
    padding: 20px 16px;
  }

  .emp-card h3,
  .emp-card h4 {
    font-size: 17px;
  }
}

/* --------------------------------------------------------------------------
   EDUJOBS BASE CARD — consistent across pages
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .edujobs-card {
    padding: 20px;
    border-radius: var(--radius-sm);
  }
}

@media (max-width: 480px) {
  .edujobs-card {
    padding: 16px;
  }
}

/* --------------------------------------------------------------------------
   WHY-CARD / STAT CARDS
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .why-card {
    padding: 20px 18px;
    text-align: center;
  }

  .why-card__icon {
    margin: 0 auto 14px;
  }
}

@media (max-width: 480px) {
  .why-card {
    padding: 18px 16px;
  }

  .why-card__odometer .odometer-inside,
  .why-card__odometer .odometer-digit,
  .why-card__odometer .odometer-digit-inner,
  .why-card__odometer .odometer-digit-spacer {
    font-size: 22px !important;
  }
}

/* --------------------------------------------------------------------------
   TESTIMONIAL / TESTI-SLIDE CARDS
   -------------------------------------------------------------------------- */

@media (max-width: 480px) {

  .testi-slide-card,
  .testi-slide-card2 {
    padding: 24px 20px;
    gap: 20px;
  }

  .testi-slide-card__quote,
  .testi-slide-card2__quote {
    font-size: 16px;
  }

  .testi-slide-card__num,
  .testi-slide-card2__num {
    font-size: 36px;
  }
}

/* --------------------------------------------------------------------------
   FOOTER — granular mobile layout
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .site-footer__main {
    padding: 50px 0;
  }

  .site-footer__logo-img {
    height: 30px;
    width: auto;
  }

  .site-footer__link-list li {
    margin-bottom: 6px;
  }

  .site-footer__legal a {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .site-footer__main {
    padding: 44px 0;
  }

  .site-footer__col-heading {
    font-size: 14px;
  }

  .site-footer__link-list a {
    font-size: 13px;
  }

  .site-footer__bottom {
    padding: 16px 0;
  }

  .site-footer__copyright p {
    font-size: 12px;
  }
}

/* --------------------------------------------------------------------------
   NEW COURSE CARD — stacking & sizing on small screens
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .new-course-card {
    flex-direction: column;
  }

  .card p,
  .who-for-card p,
  .award-card p,
  .feature-white-card p,
  .prog-type-card p,
  .courses-grid-card p {
    font-size: 14px;
  }

  .prog-spec-row__label {
    font-size: 12px;
  }

  .partnership-card__right {
    padding: 15px 15px;
  }

  .prog-spec-row__value {
    font-size: 14px;
  }

  .new-course-card__img {
    width: 100%;
    height: 200px;
    border-radius: var(--radius) var(--radius) 0 0;
  }

  .new-course-card__body {
    padding: 18px 18px 20px;
  }
}

@media (max-width: 480px) {
  .new-course-card__title {
    font-size: 16px;
  }

  .new-course-card__img {
    height: 180px;
  }

  .new-course-card__body {
    padding: 16px 16px 18px;
  }

  .new-course-card__meta {
    gap: 8px;
  }

  .new-course-card__meta-icon {
    width: 36px;
    height: 36px;
  }
}

/* --------------------------------------------------------------------------
   SWIPER / SLIDER NAVIGATION — bigger tap targets on mobile
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {

  .swiper-button-next,
  .swiper-button-prev {
    width: 40px;
    height: 40px;
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 16px;
  }
}

/* --------------------------------------------------------------------------
   FAQ ACCORDION — heading + body at 480px
   -------------------------------------------------------------------------- */

@media (max-width: 480px) {
  .faq-accordion .accordion-button {
    font-size: 15px;
    padding: 16px;
    line-height: 1.4;
  }

  .faq-accordion .accordion-body {
    font-size: 13px;
    padding: 0 16px 18px;
  }

  .faq-accordion .accordion-item:has(.accordion-collapse.show) .accordion-button {
    padding: 16px;
  }

  .faq-accordion .accordion-item:has(.accordion-collapse.show) .accordion-body {
    padding: 0 16px 18px;
  }
}

/* --------------------------------------------------------------------------
   COMPANY PILLS — responsive wrap
   -------------------------------------------------------------------------- */

@media (max-width: 480px) {
  .company-pill {
    min-width: 110px;
    height: 60px;
    padding: 10px 12px;
    border-radius: 16px;
  }

  .companies-pills-row {
    gap: 12px;
  }
}

/* --------------------------------------------------------------------------
   CAREER CARDS — height on small screens
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .career-card {
    height: auto;
    min-height: 450px;
  }

  .career-card__title {
    font-size: 18px;
  }
}

/* --------------------------------------------------------------------------
   JOURNEY SECTION
   -------------------------------------------------------------------------- */

@media (max-width: 480px) {
  .journey-section__img {
    width: 100%;
  }

  .journey-section__inner {
    padding-bottom: 148px;
  }
}

/* --------------------------------------------------------------------------
   HERO SECTION — single-viewport guarantee
   Update --announcement-h to match the actual bar height at each breakpoint
   so height: calc(100dvh - var(--announcement-h)) stays accurate.
   Also restore hero padding-top (the global section reset collapses it to
   50-60 px which is not enough to clear the abs-positioned site header).
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  :root {
    --announcement-h: 37px;
  }

  .hero-section {
    height: calc(100vh - var(--announcement-h));
    height: calc(100dvh - var(--announcement-h));
    padding-top: 110px;
    padding-bottom: 80px;
    overflow: hidden;
  }

  .cd-uni-info__desc {
    font-size: 14px;
  }

  .hero-section>.container {
    padding-top: 0px;
  }
}

@media (max-width: 480px) {
  :root {
    --announcement-h: 34px;
  }

  .hero-section {
    height: calc(100vh - var(--announcement-h));
    height: calc(100dvh - var(--announcement-h));
    padding-top: 100px;
    padding-bottom: 70px;
  }

  .hero-section>.container {
    padding-top: 0px;
  }
}

/* --------------------------------------------------------------------------
   PLATFORM / CONSULT BANNER — mobile safe area
   -------------------------------------------------------------------------- */

@media (max-width: 480px) {
  .platform-banner {
    padding: 44px 0 160px 0;
  }

  .consult-banner {
    padding: 44px 0 270px 0;
  }

}

/* --------------------------------------------------------------------------
   PARTNERSHIP CARD — tighter mobile padding
   -------------------------------------------------------------------------- */

@media (max-width: 480px) {
  .partnership-card__left {
    padding: 20px 0 16px;
  }

  .partnership-card__right {
    margin: 0;
    border-radius: 12px;
  }
}

/* --------------------------------------------------------------------------
   UTILITY — prevent horizontal overflow on all pages
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 480px) {
  .container {
    padding-left: 12px;
    padding-right: 12px;
  }

  .row {
    --bs-gutter-x: 1rem;
  }
}

/* ==========================================================================
   END GLOBAL RESPONSIVE SCALE
   ========================================================================== */

@media (max-width: 1099px) {
  /* .skill-domains-section .row>[class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  } */

  .cd-section-sub {
    max-width: 100%;
  }

  .skill-img-col .cd-img-frame {
    min-height: 570px;
    margin-bottom: 30px;
  }
}

@media (max-width: 1199px) {
  .cd-stats-strip {
    justify-content: center;
  }

  .cd-stat {
    flex: 0 0 50%;
    text-align: start;
  }

  .cd-stat:nth-child(2n) {
    /* border-right: none; */
  }

  .cd-stat:nth-child(1),
  .cd-stat:nth-child(2),
  .cd-stat:nth-child(3) {
    border-bottom: 1px solid #eee;
  }

  .cd-stats-strip--dark .cd-stat:nth-child(1),
  .cd-stats-strip--dark .cd-stat:nth-child(2),
  .cd-stats-strip--dark .cd-stat:nth-child(3) {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 499px) {
  .academy-cards-swiper .abroad-card__img-wrap {
    height: 160px;
  }

  .academy-cards-swiper .swiper-slide {
    height: auto !important;
  }

  .academy-cards-swiper .abroad-card {
    height: 100%;
    overflow: hidden;
  }
}