/* India2Abroad final shared header override. Load this file last. */
:root {
  --i2a-final-header-height: 76px;
}

html body {
  padding-top: 0 !important;
}

body .site-header {
  z-index: 1100 !important;
  width: 100% !important;
  background: #fff !important;
  border-bottom: 1px solid #e8edf6 !important;
  box-shadow: 0 12px 30px rgba(8, 24, 55, 0.05) !important;
  font-family: "Outfit", sans-serif !important;
}

body .site-header *,
body .site-header *::before,
body .site-header *::after {
  box-sizing: border-box !important;
  letter-spacing: 0 !important;
}

@media (min-width: 1181px) {
  body .site-header {
    position: sticky !important;
    top: 0 !important;
    min-height: var(--i2a-final-header-height) !important;
  }

  body .site-header .container.header-shell {
    width: min(1480px, calc(100% - 72px)) !important;
    min-height: var(--i2a-final-header-height) !important;
    height: var(--i2a-final-header-height) !important;
    display: grid !important;
    grid-template-columns: 132px minmax(0, 1fr) 250px !important;
    align-items: center !important;
    gap: 24px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body .site-header .header-brand {
    width: 104px !important;
    max-width: 104px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body .site-header .header-brand .brand-logo-full {
    width: 104px !important;
    max-width: 104px !important;
    height: 52px !important;
    max-height: 52px !important;
    object-fit: contain !important;
    display: block !important;
  }

  body .site-header .site-nav {
    position: static !important;
    grid-column: 2 !important;
    width: 100% !important;
    height: var(--i2a-final-header-height) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body .site-header .nav-list {
    width: auto !important;
    height: var(--i2a-final-header-height) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body .site-header .nav-list > li {
    height: var(--i2a-final-header-height) !important;
    display: flex !important;
    align-items: center !important;
  }

  body .site-header .nav-link,
  body .site-header .nav-button {
    width: auto !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #061a44 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    cursor: pointer !important;
  }

  body .site-header .nav-link:hover,
  body .site-header .nav-link:focus-visible,
  body .site-header .nav-button:hover,
  body .site-header .nav-button:focus-visible,
  body .site-header .nav-link.is-active,
  body .site-header .nav-button.is-active {
    color: #126bf3 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body .site-header .header-right-actions {
    grid-column: 3 !important;
    width: auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  body .site-header .header-search,
  body .site-header .menu-toggle,
  body .site-header .mobile-nav-head,
  body .site-nav-backdrop {
    display: none !important;
  }

  body .site-header .header-counselling-cta {
    min-width: 220px !important;
    min-height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #e93b49 !important;
    color: #fff !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: 0 18px 34px rgba(233, 59, 73, 0.22) !important;
  }

  body .site-header .nav-item.has-dropdown {
    position: static !important;
  }

  body .site-header .nav-item.has-dropdown > .dropdown-menu,
  body .site-header .nav-item.has-dropdown > .dropdown-menu-wide,
  body .site-header .nav-item.has-dropdown > .course-mega-menu {
    position: fixed !important;
    top: calc(var(--i2a-final-header-height) - 1px) !important;
    left: 50% !important;
    z-index: 1120 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, 10px) !important;
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease !important;
  }

  body .site-header .nav-item.has-dropdown:hover > .dropdown-menu,
  body .site-header .nav-item.has-dropdown:focus-within > .dropdown-menu,
  body .site-header .nav-item.has-dropdown.is-open > .dropdown-menu,
  body .site-header .nav-item.has-dropdown:hover > .dropdown-menu-wide,
  body .site-header .nav-item.has-dropdown:focus-within > .dropdown-menu-wide,
  body .site-header .nav-item.has-dropdown.is-open > .dropdown-menu-wide,
  body .site-header .nav-item.has-dropdown:hover > .course-mega-menu,
  body .site-header .nav-item.has-dropdown:focus-within > .course-mega-menu,
  body .site-header .nav-item.has-dropdown.is-open > .course-mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
  }

  body .site-header .dropdown-menu-wide {
    width: 220px !important;
    padding: 10px !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 18px 40px rgba(15, 35, 75, 0.14) !important;
  }

  body .site-header .dropdown-menu-wide a {
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    color: #233555 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) {
    width: min(1180px, calc(100vw - 88px)) !important;
    display: grid !important;
    grid-template-columns: 240px minmax(0, 1fr) 250px !important;
    gap: 0 !important;
    padding: 18px !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 24px 60px rgba(15, 35, 75, 0.16) !important;
  }

  body .site-header [data-location-menu].course-mega-menu {
    width: min(1220px, calc(100vw - 88px)) !important;
    max-height: calc(100vh - var(--i2a-final-header-height) - 36px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 24px !important;
    padding: 24px 28px !important;
    overflow: auto !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 24px 60px rgba(15, 35, 75, 0.16) !important;
  }

  body .site-header [data-location-menu] .course-mega-categories {
    display: none !important;
  }

  body .site-header [data-location-menu] .course-mega-subcategories {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding: 0 24px 0 0 !important;
    border-right: 1px solid #e5edf7 !important;
    overflow: visible !important;
  }

  body .site-header [data-location-menu] .location-mega-panel.is-active {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
    gap: 18px 30px !important;
  }

  body .site-header [data-location-menu] .location-mega-panel a {
    min-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #183b7a !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
  }

  body .site-header [data-location-menu] .location-mega-promo {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 26px !important;
    border: 1px solid #e4f0ea !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, #eefaf4 0%, #f8fcff 100%) !important;
    color: #172747 !important;
  }

  body .site-header [data-location-menu] .location-mega-promo-icon {
    width: 58px !important;
    height: 58px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #d9f5e8 !important;
    color: #023b80 !important;
    font-size: 22px !important;
  }

  body .site-header [data-location-menu] .location-mega-promo strong {
    color: #061a44 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  body .site-header [data-location-menu] .location-mega-promo span:not(.location-mega-promo-icon) {
    color: #50607d !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
  }

  body .site-header [data-location-menu] .location-mega-promo a {
    width: 100% !important;
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 4px !important;
    padding: 0 18px !important;
    border-radius: 9px !important;
    background: #20a45a !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    box-shadow: 0 14px 26px rgba(32, 164, 90, 0.22) !important;
  }

  body .site-header [data-location-menu] .location-mega-promo em {
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 14px !important;
    border-top: 1px solid #dcebe6 !important;
    color: #50607d !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
  }

  body .site-header [data-location-menu] .location-mega-promo em b {
    color: #061a44 !important;
    font-weight: 500 !important;
  }
}

@media (max-width: 1180px) {
  html.mobile-nav-open,
  body.mobile-nav-open,
  body.menu-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  html.mobile-nav-open body .site-nav-backdrop {
    top: var(--i2a-mobile-nav-offset, 0px) !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    height: 100dvh !important;
  }

  html.mobile-nav-open body .site-header .site-nav {
    top: var(--i2a-mobile-nav-offset, 0px) !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    height: 100dvh !important;
  }

  body .site-header {
    position: sticky !important;
    top: 0 !important;
    min-height: 58px !important;
  }

  body .site-header .container.header-shell {
    width: calc(100% - 16px) !important;
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: 80px minmax(0, 1fr) 38px !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body .site-header .header-brand,
  body .site-header .header-brand .brand-logo-full {
    width: 76px !important;
    max-width: 76px !important;
    height: 62px !important;
    max-height: 62px !important;
    object-fit: contain !important;
  }

  body .site-header .header-right-actions {
    display: contents !important;
  }

  body .site-header .header-search,
  body .site-header .header-counselling-cta {
    display: none !important;
  }

  body .site-header .menu-toggle {
    grid-column: 3 !important;
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    justify-self: end !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 10px !important;
    background: #fff !important;
  }

  body .site-header .menu-toggle span {
    width: 18px !important;
    height: 2px !important;
    display: block !important;
    background: #061a44 !important;
  }

  body .site-nav-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99998 !important;
    display: block !important;
    background: rgba(8, 24, 55, 0.42) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body .site-nav-backdrop.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body .site-header .site-nav {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: none !important;
    display: block !important;
    padding: 0 14px calc(24px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(105%) !important;
    transition: transform 220ms ease !important;
  }

  body .site-header .site-nav.is-open {
    transform: translateX(0) !important;
  }

  body .site-header .mobile-nav-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid #e8eef8 !important;
    background: #fff !important;
  }

  body .site-header .mobile-nav-head strong {
    color: #061a44 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
  }

  body .site-header .mobile-nav-head strong[data-mobile-nav-back] {
    cursor: pointer !important;
  }

  body .site-header .mobile-nav-close {
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #061a44 !important;
    font-size: 24px !important;
  }

  body .site-header .nav-list {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
  }

  body .site-header .nav-list > li {
    width: 100% !important;
  }

  body .site-header .nav-link,
  body .site-header .nav-button {
    width: 100% !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 16px !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #061a44 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    text-decoration: none !important;
  }

  body .site-header .nav-item.has-dropdown > .dropdown-menu,
  body .site-header .nav-item.has-dropdown > .dropdown-menu-wide,
  body .site-header .nav-item.has-dropdown > .course-mega-menu {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    display: none !important;
    margin: 8px 0 0 !important;
    padding: 10px !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body .site-header .nav-item.has-dropdown.is-open > .dropdown-menu,
  body .site-header .nav-item.has-dropdown.is-open > .dropdown-menu-wide,
  body .site-header .nav-item.has-dropdown.is-open > .course-mega-menu {
    display: block !important;
  }

  body .site-header [data-location-menu] .location-mega-promo,
  body .site-header .course-mega-promo {
    display: none !important;
  }

  body.mobile-courses-panel-open .site-header .mobile-nav-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px !important;
    grid-template-rows: 44px auto !important;
    align-items: center !important;
    gap: 12px !important;
  }

  body.mobile-courses-panel-open .site-header .mobile-nav-head::before {
    content: "" !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 82px !important;
    height: 42px !important;
    display: block !important;
    background: url("../images/india2abroad-logo.png") left center / contain no-repeat !important;
  }

  body.mobile-courses-panel-open .site-header .mobile-nav-head strong {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    font-size: 18px !important;
  }

  body.mobile-courses-panel-open .site-header .mobile-nav-close {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  body.mobile-courses-panel-open .site-header .nav-list > li:not(.mobile-course-root) {
    display: none !important;
  }

  body.mobile-courses-panel-open .site-header .mobile-course-root > .nav-button {
    display: none !important;
  }

  body.mobile-courses-panel-open .site-header .mobile-course-root > .course-mega-menu {
    display: block !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.mobile-locations-panel-open .site-header .site-nav {
    width: 100vw !important;
    max-width: none !important;
    padding: 0 14px calc(24px + env(safe-area-inset-bottom)) !important;
  }

  body.mobile-locations-panel-open .site-header .mobile-nav-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px !important;
    grid-template-rows: 44px auto !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid #e8eef8 !important;
  }

  body.mobile-locations-panel-open .site-header .mobile-nav-head::before {
    content: "" !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 82px !important;
    height: 42px !important;
    display: block !important;
    background: url("../images/india2abroad-logo.png") left center / contain no-repeat !important;
  }

  body.mobile-locations-panel-open .site-header .mobile-nav-head strong {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    color: #061a44 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  body.mobile-locations-panel-open .site-header .mobile-nav-close {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  body.mobile-locations-panel-open .site-header .nav-list {
    display: block !important;
    width: 100% !important;
  }

  body.mobile-locations-panel-open .site-header .nav-list > li:not(.mobile-location-root) {
    display: none !important;
  }

  body.mobile-locations-panel-open .site-header .mobile-location-root {
    display: block !important;
    width: 100% !important;
  }

  body.mobile-locations-panel-open .site-header .mobile-location-root > .nav-button {
    display: none !important;
  }

  body.mobile-locations-panel-open .site-header .mobile-location-root > [data-location-menu].course-mega-menu {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.mobile-locations-panel-open .site-header [data-location-menu] .course-mega-categories,
  body.mobile-locations-panel-open .site-header [data-location-menu] .location-mega-promo {
    display: none !important;
  }

  body.mobile-locations-panel-open .site-header [data-location-menu] .course-mega-subcategories {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body.mobile-locations-panel-open .site-header [data-location-menu] .location-mega-panel {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  body.mobile-locations-panel-open .site-header [data-location-menu] .location-mega-panel.is-active {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  body.mobile-locations-panel-open .site-header [data-location-menu] .location-mega-panel a {
    width: 100% !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 12px 14px !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #0b2f67 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.mobile-locations-panel-open .site-header [data-location-menu] .location-mega-panel a::after {
    flex: 0 0 auto !important;
    color: #7a89a6 !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    content: "\f054" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-categories {
    display: grid !important;
    gap: 10px !important;
    padding: 0 !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category {
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 12px !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #061a44 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category::before {
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    background: #edf4ff !important;
    color: #155dec !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f19d" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category::after,
  body .site-header .course-mega-subcategory::after {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f054" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategories,
  body .site-header .course-mega-menu:not([data-location-menu]) .mobile-course-drill-head {
    display: none !important;
  }

  body .site-header .nav-item.has-dropdown.is-open > .course-mega-menu:not([data-location-menu]).is-drilldown-active {
    display: block !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]).is-drilldown-active .course-mega-categories {
    display: none !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]).is-drilldown-active .mobile-course-drill-head {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
  }

  body .site-header .mobile-course-back {
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    background: transparent !important;
    color: #061a44 !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]).is-drilldown-active .course-mega-subcategories {
    display: block !important;
    padding: 0 0 10px !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]).is-drilldown-active .course-mega-subcategories::before {
    display: block !important;
    margin: 0 0 12px !important;
    color: #061a44 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    content: attr(data-mobile-title) !important;
  }

  body .site-header .course-mega-panel {
    display: none !important;
  }

  body .site-header .course-mega-panel.is-active {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body .site-header .course-mega-subcategory {
    min-height: 56px !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) 14px !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 12px !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 12px !important;
    background: #fff !important;
  }

  body .site-header .course-mega-subcategory::before {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 48px !important;
    height: 38px !important;
    border-radius: 8px !important;
    background: #edf4ff url("../images/engineering.png") center / cover no-repeat !important;
    content: "" !important;
  }

  body .site-header .course-mega-subcategory.is-expanded::after {
    transform: rotate(90deg) !important;
  }

  body .site-header .course-mega-subcategory > strong,
  body .site-header .course-mega-subcategory-link {
    grid-column: 2 !important;
    grid-row: 1 !important;
    color: #061a44 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body .site-header .course-mega-courses {
    display: none !important;
  }

  body .site-header .course-mega-subcategory.is-expanded .course-mega-courses {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    gap: 8px !important;
    margin: 6px 0 0 !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid #edf2f8 !important;
  }

  body .site-header .course-mega-subcategory.is-expanded .course-mega-courses a {
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    padding: 8px 10px !important;
    border-radius: 9px !important;
    background: #f7faff !important;
    color: #334566 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }
}

/* Desktop-only Courses mega-menu redesign. Mobile course drawer remains unchanged. */
@media (min-width: 1181px) {
  body .site-header .nav-item.has-dropdown > .course-mega-menu:not([data-location-menu]) {
    width: min(1440px, calc(100vw - 80px)) !important;
    max-height: min(670px, calc(100dvh - var(--i2a-final-header-height) - 32px)) !important;
    grid-template-columns: 280px minmax(0, 1fr) 292px !important;
    gap: 18px !important;
    padding: 24px !important;
    overflow: hidden !important;
    border: 1px solid #e4eaf2 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 30px 90px rgba(16, 38, 79, 0.18) !important;
    transform: translate(-50%, 8px) !important;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease !important;
  }

  body .site-header .nav-item.has-dropdown:hover > .course-mega-menu:not([data-location-menu]),
  body .site-header .nav-item.has-dropdown:focus-within > .course-mega-menu:not([data-location-menu]),
  body .site-header .nav-item.has-dropdown.is-open > .course-mega-menu:not([data-location-menu]) {
    transform: translate(-50%, 0) !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-categories {
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 4px 0 !important;
    border-right: 1px solid #e4eaf2 !important;
    background: transparent !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category {
    width: calc(100% - 22px) !important;
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) 16px !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 8px 14px !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: #132a57 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category::before {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    color: #2563eb !important;
    background: #eaf2ff !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    content: "\f19d" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category:nth-child(2)::before {
    color: #7c3aed !important;
    background: #f0eaff !important;
    content: "\f02d" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category:nth-child(3)::before {
    color: #059669 !important;
    background: #e8f8f1 !important;
    content: "\f24e" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category:nth-child(4)::before {
    color: #ea7a2a !important;
    background: #fff0e8 !important;
    content: "\f201" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category:nth-child(5)::before {
    color: #d9468f !important;
    background: #ffeaf4 !important;
    content: "\f0f1" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category::after {
    color: #7a89a6 !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    content: "\f054" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category:hover,
  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category:focus-visible,
  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-category.is-active {
    border-color: #e7effb !important;
    background: #f2f7ff !important;
    color: #10264f !important;
  }

  body .site-header .course-mega-location-card {
    width: calc(100% - 22px) !important;
    min-height: 98px !important;
    margin-top: auto !important;
    padding: 16px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 14px !important;
    align-items: center !important;
    gap: 13px !important;
    border: 1px solid #edf3fb !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #f3f8ff 0%, #fbfdff 100%) !important;
    color: #132a57 !important;
    text-decoration: none !important;
    box-shadow: 0 14px 34px rgba(16, 38, 79, 0.06) !important;
  }

  body .site-header .course-mega-location-icon {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    color: #2563eb !important;
    background: #eaf2ff !important;
    font-size: 18px !important;
  }

  body .site-header .course-mega-location-card strong,
  body .site-header .course-mega-location-card small {
    display: block !important;
    font-family: "Outfit", sans-serif !important;
  }

  body .site-header .course-mega-location-card strong {
    margin-bottom: 4px !important;
    font-size: 14.5px !important;
    font-weight: 900 !important;
  }

  body .site-header .course-mega-location-card small {
    color: #697a96 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
  }

  body .site-header .course-mega-location-card > i {
    color: #7a89a6 !important;
    font-size: 12px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategories {
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background: #fff !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-panel {
    display: none !important;
    min-height: 0 !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-panel.is-active {
    height: 100% !important;
    max-height: 622px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 14px !important;
    padding: 0 2px 4px 0 !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(37, 99, 235, 0.22) transparent !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-panel.is-active::-webkit-scrollbar {
    width: 5px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-panel.is-active::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: rgba(37, 99, 235, 0.22) !important;
  }

  body .site-header .course-mega-panel-head {
    grid-column: 1 / -1 !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 4px !important;
  }

  body .site-header .course-mega-panel-title {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
  }

  body .site-header .course-mega-panel-icon {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 38px !important;
    border-radius: 50% !important;
    color: #2563eb !important;
    background: #eaf2ff !important;
    font-size: 17px !important;
  }

  body .site-header .course-mega-panel-title strong {
    color: #10264f !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
  }

  body .site-header .course-mega-panel-all,
  body .site-header .course-mega-view-all {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #0f67ff !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory {
    min-height: 224px !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(92px, 1fr) auto !important;
    align-items: start !important;
    gap: 12px 14px !important;
    padding: 18px !important;
    border: 1px solid #e7edf5 !important;
    border-radius: 16px !important;
    background: #fcfdff !important;
    box-shadow: none !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory:hover {
    border-color: #d8e5f7 !important;
    box-shadow: 0 16px 38px rgba(16, 38, 79, 0.08) !important;
    transform: translateY(-1px) !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory::before {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 48px !important;
    height: 48px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    color: #2563eb !important;
    background: #eaf2ff !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    content: "\f19d" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory:nth-child(3n + 2)::before {
    color: #c02655 !important;
    background: #fff0f4 !important;
    content: "\f109" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory:nth-child(3n + 3)::before {
    color: #059669 !important;
    background: #e7f8f0 !important;
    content: "\f2db" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory:nth-child(3n + 4)::before {
    color: #7c3aed !important;
    background: #f1ebff !important;
    content: "\f013" !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory::after {
    display: none !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory-link {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    min-width: 0 !important;
    color: #10264f !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-courses {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    gap: 9px !important;
    min-width: 0 !important;
    padding: 2px 0 0 !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-courses a {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #697a96 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-courses a:nth-child(n + 5) {
    display: none !important;
  }

  body .site-header .course-mega-view-all {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    align-self: end !important;
    padding-top: 2px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-promo {
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid #e1e9f5 !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #eff6ff 0%, #f8fbff 100%) !important;
    box-shadow: 0 16px 40px rgba(16, 38, 79, 0.08) !important;
  }

  body .site-header .course-mega-promo img {
    width: 100% !important;
    height: 225px !important;
    display: block !important;
    object-fit: cover !important;
  }

  body .site-header .course-mega-promo-icon {
    width: 38px !important;
    height: 4px !important;
    margin: 22px 20px 14px !important;
    display: block !important;
    border-radius: 999px !important;
    background: #2563eb !important;
    color: transparent !important;
    overflow: hidden !important;
  }

  body .site-header .course-mega-promo strong {
    margin: 0 20px !important;
    color: #10264f !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
  }

  body .site-header .course-mega-promo span:not(.course-mega-promo-icon) {
    margin: 16px 20px 0 !important;
    color: #284064 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
  }

  body .site-header .course-mega-promo a {
    min-height: 50px !important;
    margin: auto 20px 22px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    border-radius: 11px !important;
    color: #fff !important;
    background: #2563eb !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22) !important;
  }

  body .site-header .course-mega-promo a:hover,
  body .site-header .course-mega-panel-all:hover,
  body .site-header .course-mega-view-all:hover,
  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-courses a:hover,
  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory-link:hover {
    color: #0b49c9 !important;
  }

  body .site-header .course-mega-promo a:hover {
    color: #fff !important;
    background: #1d4fd7 !important;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  body .site-header .nav-item.has-dropdown > .course-mega-menu:not([data-location-menu]) {
    width: min(1180px, calc(100vw - 44px)) !important;
    grid-template-columns: 246px minmax(0, 1fr) 250px !important;
    gap: 14px !important;
    padding: 18px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-panel.is-active {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body .site-header .course-mega-promo img {
    height: 190px !important;
  }

  body .site-header .course-mega-promo strong {
    font-size: 21px !important;
  }
}

@media (max-width: 1180px) {
  body .site-header .course-mega-location-card,
  body .site-header .course-mega-panel-head,
  body .site-header .course-mega-view-all {
    display: none !important;
  }
}

body.mega-menu-open {
  overflow: hidden !important;
}

/* Final desktop overflow/scroll fix for Courses mega-menu. */
@media (min-width: 1181px) {
  body .site-header .nav-item.has-dropdown > .course-mega-menu:not([data-location-menu]) {
    width: min(1440px, calc(100vw - 64px)) !important;
    max-height: calc(100dvh - var(--i2a-final-header-height) - 24px) !important;
    height: auto !important;
    grid-template-columns: 260px minmax(0, 1fr) 300px !important;
    gap: 20px !important;
    padding: 22px !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    border-radius: 22px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-categories,
  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategories,
  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-promo {
    min-height: 0 !important;
    max-height: calc(100dvh - var(--i2a-final-header-height) - 68px) !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-categories {
    padding: 4px 20px 4px 0 !important;
    overflow: hidden !important;
  }

  body .site-header .course-mega-location-card {
    min-height: 92px !important;
    margin-top: auto !important;
    padding: 14px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategories {
    display: block !important;
    overflow: hidden !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-panel.is-active {
    max-height: calc(100dvh - var(--i2a-final-header-height) - 68px) !important;
    height: auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: stretch !important;
    align-content: start !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior-y: contain !important;
    padding: 0 6px 2px 0 !important;
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 transparent !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-panel.is-active::-webkit-scrollbar {
    width: 5px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-panel.is-active::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: #cbd5e1 !important;
  }

  body .site-header .course-mega-panel-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    grid-column: 1 / -1 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
    background: #fff !important;
  }

  body .site-header .course-mega-panel-title strong {
    font-size: clamp(19px, 1.45vw, 24px) !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory {
    position: relative !important;
    min-width: 0 !important;
    min-height: 220px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 20px !important;
    overflow: hidden !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 18px !important;
    background: #fff !important;
    transform: none !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory:hover {
    transform: none !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory::before {
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory-link {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    margin: 0 0 18px 64px !important;
    overflow: hidden !important;
    color: #13214a !important;
    font-size: 16px !important;
    line-height: 1.28 !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-courses {
    display: grid !important;
    gap: 10px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-courses a {
    min-width: 0 !important;
    max-width: 100% !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #697a96 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body .site-header .course-mega-view-all {
    max-width: 100% !important;
    margin-top: auto !important;
    padding-top: 16px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    align-self: flex-start !important;
    font-size: 14px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-promo {
    height: 100% !important;
    min-height: 0 !important;
    max-height: calc(100dvh - var(--i2a-final-header-height) - 68px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  body .site-header .course-mega-promo img {
    height: clamp(150px, 28dvh, 230px) !important;
    flex: 0 0 auto !important;
    object-fit: cover !important;
  }

  body .site-header .course-mega-promo-icon {
    flex: 0 0 auto !important;
    margin: 20px 20px 14px !important;
  }

  body .site-header .course-mega-promo strong {
    flex: 0 0 auto !important;
    margin: 0 20px !important;
    font-size: clamp(20px, 1.8vw, 26px) !important;
  }

  body .site-header .course-mega-promo span:not(.course-mega-promo-icon) {
    flex: 0 0 auto !important;
    margin: 14px 20px 18px !important;
  }

  body .site-header .course-mega-promo a {
    min-height: 50px !important;
    flex: 0 0 auto !important;
    margin: auto 20px 20px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  body .site-header .nav-item.has-dropdown > .course-mega-menu:not([data-location-menu]) {
    width: min(1180px, calc(100vw - 44px)) !important;
    grid-template-columns: 236px minmax(0, 1fr) 246px !important;
    gap: 14px !important;
    padding: 18px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-panel.is-active {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1181px) and (max-height: 720px) {
  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory {
    min-height: 198px !important;
    padding: 16px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory::before {
    top: 16px !important;
    left: 16px !important;
    width: 42px !important;
    height: 42px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-subcategory-link {
    min-height: 42px !important;
    margin-left: 56px !important;
    margin-bottom: 14px !important;
  }

  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-courses {
    gap: 8px !important;
  }

  body .site-header .course-mega-promo img {
    height: 145px !important;
  }

  body .site-header .course-mega-promo-icon {
    margin-top: 16px !important;
  }

  body .site-header .course-mega-promo a {
    margin-bottom: 16px !important;
  }
}

/* PHP/shared mobile header final stretch fix. */
@media (max-width: 1180px) {
  body .site-header nav.site-nav.is-open {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100vw !important;
    max-width: none !important;
  }

  body .site-header nav.site-nav.is-open > .mobile-nav-head,
  body .site-header nav.site-nav.is-open > .nav-list {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
  }

  body .site-header nav.site-nav.is-open > .nav-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 10px !important;
  }

  body .site-header nav.site-nav.is-open > .nav-list > li,
  body .site-header nav.site-nav.is-open .nav-item {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    display: block !important;
    align-self: stretch !important;
  }

  body .site-header nav.site-nav.is-open .nav-link,
  body .site-header nav.site-nav.is-open .nav-button {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
  }

  body.mobile-locations-panel-open .site-header nav.site-nav.is-open > .nav-list {
    display: block !important;
  }

  body.mobile-locations-panel-open .site-header nav.site-nav.is-open > .nav-list > li:not(.mobile-location-root),
  body.mobile-locations-panel-open .site-header nav.site-nav.is-open > .nav-list > li:not(.mobile-location-root).nav-item {
    display: none !important;
  }

  body.mobile-locations-panel-open .site-header nav.site-nav.is-open > .nav-list > li.mobile-location-root,
  body.mobile-locations-panel-open .site-header nav.site-nav.is-open > .nav-list > li.mobile-location-root.nav-item {
    display: block !important;
    width: 100% !important;
  }

  body.mobile-locations-panel-open .site-header nav.site-nav.is-open .mobile-location-root > .nav-button {
    display: none !important;
  }

  body.mobile-locations-panel-open .site-header nav.site-nav.is-open .mobile-location-root > [data-location-menu] {
    width: 100% !important;
    max-width: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.mobile-locations-panel-open .site-header nav.site-nav.is-open [data-location-menu] .course-mega-subcategories {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  body.mobile-locations-panel-open .site-header nav.site-nav.is-open [data-location-menu] .location-mega-panel,
  body.mobile-locations-panel-open .site-header nav.site-nav.is-open [data-location-menu] .location-mega-panel.is-active {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }
}

/* Mobile location menu: keep all Tamil Nadu districts visible in two columns. */
@media (max-width: 1180px) {
  body.mobile-locations-panel-open .site-header nav.site-nav.is-open [data-location-menu] .course-mega-subcategories {
    width: 100% !important;
    display: block !important;
    padding: 0 0 18px !important;
  }

  body.mobile-locations-panel-open .site-header nav.site-nav.is-open [data-location-menu] .location-mega-panel,
  body.mobile-locations-panel-open .site-header nav.site-nav.is-open [data-location-menu] .location-mega-panel.is-active,
  body.mobile-locations-panel-open .site-header [data-location-menu] .location-mega-panel,
  body.mobile-locations-panel-open .site-header [data-location-menu] .location-mega-panel.is-active {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 10px !important;
  }

  body.mobile-locations-panel-open .site-header [data-location-menu] .location-mega-panel:not(.is-active) {
    display: none !important;
  }

  body.mobile-locations-panel-open .site-header [data-location-menu] .location-mega-panel a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
  }
}

/* Keep location links out of course-card grid positioning. */
@media (max-width: 1180px) {
  body.mobile-locations-panel-open .site-header [data-location-menu] .course-mega-subcategory-link,
  body.mobile-locations-panel-open .site-header [data-location-menu] .location-mega-panel .course-mega-subcategory-link,
  body.mobile-locations-panel-open .site-header [data-location-menu] .location-mega-panel a {
    position: static !important;
    inset: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
}

/* ==========================================================
   MEDICAL-ONLY 3-LEVEL COURSES MEGA MENU — 2026-09-26
   Keeps Engineering / Arts & Science / Law / MBA unchanged.
   ========================================================== */

@media (min-width: 1181px) {
  body .site-header .course-mega-menu:not([data-location-menu]) .course-mega-panel--medical.is-active {
    height: 100% !important;
    max-height: 622px !important;
    display: grid !important;
    grid-template-columns: minmax(250px, 0.92fr) minmax(300px, 1.08fr) !important;
    align-content: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-subcategory-column,
  body .site-header .course-mega-panel--medical .medical-mega-course-column {
    min-width: 0 !important;
    max-height: 622px !important;
    padding: 22px 18px !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(18, 107, 243, 0.20) transparent !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-subcategory-column {
    border-right: 1px solid #e7edf6 !important;
    background: #ffffff !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-course-column {
    background: #ffffff !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-column-label {
    margin: 0 0 12px !important;
    color: #7b8aa6 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-subcategory-list,
  body .site-header .course-mega-panel--medical .medical-mega-course-links {
    display: grid !important;
    gap: 5px !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-subcategory-link,
  body .site-header .course-mega-panel--medical .medical-mega-course-links a {
    min-height: 44px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 14px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #17315d !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    transform: none !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-subcategory-link i,
  body .site-header .course-mega-panel--medical .medical-mega-course-links a i {
    justify-self: end !important;
    color: #8192ad !important;
    font-size: 10px !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-subcategory-link:hover,
  body .site-header .course-mega-panel--medical .medical-mega-subcategory-link:focus-visible,
  body .site-header .course-mega-panel--medical .medical-mega-subcategory-link.is-active {
    border-color: #dbe7ff !important;
    background: #eef4ff !important;
    color: #126bf3 !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-course-links a:hover,
  body .site-header .course-mega-panel--medical .medical-mega-course-links a:focus-visible {
    background: #f5f8fd !important;
    color: #126bf3 !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-course-list {
    display: none !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-course-list.is-active {
    display: block !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-view-all {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 14px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    color: #126bf3 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-empty {
    margin: 8px 0 0 !important;
    color: #7b8aa6 !important;
    font-size: 14px !important;
  }
}

@media (max-width: 1180px) {
  body .site-header .course-mega-panel--medical.is-active {
    display: block !important;
    padding: 0 !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-column-label {
    margin: 0 4px 10px !important;
    color: #7b8aa6 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-subcategory-list,
  body .site-header .course-mega-panel--medical .medical-mega-course-links {
    display: grid !important;
    gap: 7px !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-subcategory-link,
  body .site-header .course-mega-panel--medical .medical-mega-course-links a {
    min-height: 50px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 14px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 14px !important;
    border: 1px solid #e5ecf6 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #10264f !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-subcategory-link.is-active {
    border-color: #dbe7ff !important;
    background: #eef4ff !important;
    color: #126bf3 !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-course-column {
    display: none !important;
  }

  body .site-header .course-mega-menu.is-medical-subcategory-drilldown .course-mega-panel--medical .medical-mega-subcategory-column {
    display: none !important;
  }

  body .site-header .course-mega-menu.is-medical-subcategory-drilldown .course-mega-panel--medical .medical-mega-course-column {
    display: block !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-course-list {
    display: none !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-course-list.is-active {
    display: block !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-view-all {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 12px 4px 0 !important;
    color: #126bf3 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }
}


/* ==========================================================
   MEDICAL-ONLY 4-LEVEL MENU FIX — 2026-09-26
   Medical -> Category -> Course -> College Type
   Engineering / Arts & Science / Law / MBA are untouched.
   ========================================================== */

@media (min-width: 1181px) {
  body .site-header .course-mega-menu:not([data-location-menu]).is-medical-active {
    width: min(1480px, calc(100vw - 48px)) !important;
    grid-template-columns: 250px minmax(0, 1fr) 300px !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-subcategories {
    min-width: 0 !important;
  }

  body .site-header .course-mega-panel--medical.is-active {
    display: grid !important;
    grid-template-columns:
      minmax(230px, .95fr)
      minmax(210px, .88fr)
      minmax(270px, 1.17fr) !important;
    min-height: 500px !important;
    max-height: 622px !important;
    overflow: hidden !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-subcategory-column,
  body .site-header .course-mega-panel--medical .medical-mega-course-column,
  body .site-header .course-mega-panel--medical .medical-mega-option-column {
    min-width: 0 !important;
    max-height: 622px !important;
    padding: 22px 16px !important;
    overflow-y: auto !important;
    background: #fff !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(18,107,243,.18) transparent !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-subcategory-column,
  body .site-header .course-mega-panel--medical .medical-mega-course-column {
    border-right: 1px solid #e7edf6 !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-option-column {
    background: #fbfcff !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-course-links a.is-active {
    border-color: #dbe7ff !important;
    background: #eef4ff !important;
    color: #126bf3 !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-option-list {
    display: none !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-option-list.is-active {
    display: block !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-option-links {
    display: grid !important;
    gap: 6px !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-option-links a {
    min-height: 44px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 14px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 12px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #17315d !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    transform: none !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-option-links a:hover,
  body .site-header .course-mega-panel--medical .medical-mega-option-links a:focus-visible {
    border-color: #dbe7ff !important;
    background: #eef4ff !important;
    color: #126bf3 !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-option-links a i {
    justify-self: end !important;
    color: #8192ad !important;
    font-size: 10px !important;
  }
}

@media (max-width: 1180px) {
  body .site-header .course-mega-panel--medical .medical-mega-option-column {
    display: none !important;
  }

  body .site-header .course-mega-menu.is-medical-subcategory-drilldown
  .course-mega-panel--medical .medical-mega-course-column {
    display: block !important;
  }

  body .site-header .course-mega-menu.is-medical-course-drilldown
  .course-mega-panel--medical .medical-mega-subcategory-column,
  body .site-header .course-mega-menu.is-medical-course-drilldown
  .course-mega-panel--medical .medical-mega-course-column {
    display: none !important;
  }

  body .site-header .course-mega-menu.is-medical-course-drilldown
  .course-mega-panel--medical .medical-mega-option-column {
    display: block !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-option-list {
    display: none !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-option-list.is-active {
    display: block !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-option-links {
    display: grid !important;
    gap: 7px !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-option-links a {
    min-height: 50px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 14px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    border: 1px solid #e5ecf6 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #10264f !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
  }

  body .site-header .course-mega-panel--medical .medical-mega-option-links a i {
    justify-self: end !important;
    color: #8192ad !important;
    font-size: 10px !important;
  }
}


/* ==========================================================
   MEDICAL MENU FINAL LAYOUT FIX — 2026-09-26
   The Medical fourth-level column replaces the promo card only
   while Medical is active. Other course categories are unchanged.
   ========================================================== */
@media (min-width: 1181px) {
  body .site-header .course-mega-menu:not([data-location-menu]).is-medical-active {
    width: min(1380px, calc(100vw - 48px)) !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-categories {
    grid-column: 1 !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-subcategories {
    grid-column: 2 !important;
    min-width: 0 !important;
    padding-right: 0 !important;
    border-right: 0 !important;
    overflow: hidden !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-promo {
    display: none !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-panel--medical.is-active {
    width: 100% !important;
    min-height: 500px !important;
    display: grid !important;
    grid-template-columns: minmax(235px, .9fr) minmax(235px, .9fr) minmax(300px, 1.2fr) !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  body .site-header .course-mega-menu.is-medical-active .medical-mega-option-column {
    min-width: 0 !important;
    display: block !important;
    background: #fbfcff !important;
  }

  body .site-header .course-mega-menu.is-medical-active .medical-mega-option-links a {
    min-height: 46px !important;
  }
}

@media (max-width: 1180px) {
  body .site-header .course-mega-menu.is-medical-course-drilldown .course-mega-panel--medical .medical-mega-option-column {
    display: block !important;
  }
}

/* ==========================================================
   MEDICAL MENU ORDER + IMAGE PANEL — 2026-09-26
   Main category order: Engineering, Medical, Arts & Science,
   Law, MBA. The Medical menu gets its own right-side image.
   ========================================================== */
body .site-header .course-mega-medical-image {
  display: none !important;
}

@media (min-width: 1181px) {
  body .site-header .course-mega-menu:not([data-location-menu]).is-medical-active {
    width: min(1510px, calc(100vw - 48px)) !important;
    grid-template-columns: 250px minmax(0, 1fr) 320px !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-categories {
    grid-column: 1 !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-subcategories {
    grid-column: 2 !important;
    padding-right: 0 !important;
    border-right: 0 !important;
    overflow: hidden !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-promo {
    display: none !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-medical-image {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    min-height: 500px !important;
    max-height: 622px !important;
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-left: 1px solid #e7edf6 !important;
    border-radius: 0 10px 10px 0 !important;
    background: linear-gradient(145deg,#eef5ff,#f8fbff) !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-medical-image img {
    width: 100% !important;
    height: 100% !important;
    min-height: 500px !important;
    max-height: 622px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-medical-image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg,transparent 58%,rgba(6,26,68,.58) 100%) !important;
    pointer-events: none !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-medical-image__badge {
    position: absolute !important;
    z-index: 2 !important;
    left: 18px !important;
    bottom: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 12px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.94) !important;
    color: #10264f !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: 0 10px 26px rgba(6,26,68,.14) !important;
  }

  body .site-header .course-mega-menu.is-medical-active .course-mega-panel--medical.is-active {
    width: 100% !important;
    grid-template-columns: minmax(220px,.9fr) minmax(220px,.9fr) minmax(300px,1.2fr) !important;
  }
}

@media (max-width: 1180px) {
  body .site-header .course-mega-medical-image {
    display: none !important;
  }
}