:root {
    --ka-bg: #323639;
    --ka-surface: #141922;
    --ka-text: #eaf2ff;
    --ka-muted: #96a4bb;
    --ka-blue: #0098da;
    --ka-gold: #e4ba35;
    --ka-link: #55c3ff;
    --radius-xl: 22px;
    --radius-lg: 16px;
    --radius-md: 12px;
    --shadow-soft: 0 10px 35px rgba(0, 0, 0, .35);
    --ka-orgtext: #EDA832;
  }
  @font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  .dark-page {
    background: var(--ka-bg);
  }
  .light-page {
    background: #e3e3e3;
    color: #717171;
  }
  html,
  body {
    font-family: 'Gilroy', Inter, system-ui, sans-serif;
  }
  a {
    text-decoration: none;
  }
  p {
    font-weight: 600;
  }
  .ka-topbar {
    background: #1e252f;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
  }
  .ka-brand {
    display: flex;
    align-items: center;
    gap: .6rem;
    text-decoration: none;
    color: var(--ka-text);
    font-weight: 700;
  }
  .ka-brand img {
    height: 65px;
    width: auto;
  }
  .ka-badge {
    font-size: .68rem;
    padding: .2rem .5rem;
    background: #2a3240;
    color: #b8c3d6;
    border-radius: 999px;
  }
  .ka-nav a {
    color: #cfe6ff;
    text-decoration: none;
    font-weight: 500;
  }
  .ka-nav a:hover {
    color: #fff
  }
  .btn-outline-light {
    --bs-btn-hover-color: #101418;
    --bs-btn-hover-bg: #fff;
  }
  .btn-ka {
    background: var(--ka-blue);
    border: 0;
    color: #06111a;
    font-weight: 700;
    border-radius: 999px;
    padding: .55rem 1rem;
  }
  .btn-ka:hover {
    filter: brightness(1.05)
  }
  .theme_clr {
    color: #068ECE;
  }
  .orgclr {
    color: var(--ka-orgtext);
  }
  .hero-wrapper {
    background: #0b0d12;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-soft);
    overflow: hidden;
  }
  .hero {
    min-height: 85vh;
    border-radius: var(--radius-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
  }
  .hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(1200px 600px at 10% 0%, #0f2a50 0%, #0b0d12 45%),
      radial-gradient(900px 600px at 90% 120%, #0a203d 0%, transparent 50%);
    opacity: .25;
    z-index: 1
  }
  .hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    filter: brightness(1) contrast(1.1) saturate(1.1);
  }
  .hero-inner {
    position: relative;
    z-index: 2;
    padding: 8rem 1rem 0 1rem;
  }
  .eyebrow {
    letter-spacing: .08em;
    font-weight: 600;
    color: #c9d6ea;
    font-size: .9rem
  }
  .hero h1 {
    font-size: clamp(2.6rem, 6vw, 3.6rem);
    margin: .35em 0 .2em;
    font-weight: 900;
    color: #EDA832;
    letter-spacing: .02em
  }
  .hero p {
    max-width: 820px;
    margin: 0 auto 1.6rem;
    color: var(--ka-muted);
    font-size: 1.05rem
  }
  .hero .cta-wrap {
    display: flex;
    gap: .8rem;
    justify-content: center;
    flex-wrap: wrap
  }
  .btn-pill {
    border-radius: 999px;
    padding: .7rem 1.25rem;
  }
  .section {
    padding: clamp(2.5rem, 6vw, 5rem) 0
  }
  .section-card {
    background: linear-gradient(180deg, #fdfdfd 0%, #fefefe 100%);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-soft);
  }
  .lead-muted {
    color: #AAAAAA
  }
  .h-title {
    color: #EDA832;
    font-weight: 800;
    letter-spacing: .02em
  }
  .info-card {
    background: var(--ka-surface);
    border-radius: var(--radius-lg);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
    border: 1px solid rgba(255, 255, 255, .06)
  }
  .info-card img {
    height: 180px;
    width: 100%;
    object-fit: cover;
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg)
  }
  .info-card .badge {
    background: #1f2632;
    color: #b9cae2
  }
  .feature-card {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
  }
  .feature-img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
    filter: brightness(.86);
  }
  @media (min-width:576px) {
    .feature-img {
      height: 230px
    }
  }
  .feature-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 13, 18, .05) 0%, rgba(11, 13, 18, .35) 45%, rgba(11, 13, 18, .9) 100%);
  }
  .feature-badge {
    position: absolute;
    left: 45%;
    top: 45%;
    color: #EDA832;
    font-size: 26px;
    text-shadow: 0 3px 12px rgba(0, 0, 0, .45);
  }
  .feature-caption {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 10px 14px;
    color: #fff;
    font-weight: 800;
    font-size: 1rem;
    text-align: center;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .35);
  }
  .feature-caption .line {
    display: block;
  }
  .ka-footer {
    background: #0a0f16;
    border-top: 1px solid rgba(255, 255, 255, .06)
  }
  .footer-brand img {
    height: 28px
  }
  .address {
    color: #c2d2e8;
    font-size: .95rem
  }
  .social a {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #1f2734;
    color: #cfe0f6;
    margin-right: .4rem
  }
  .social a:hover {
    background: #2b3546;
    color: #fff
  }
  .mapbox {
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .06)
  }
  .quick a {
    color: #d9e7fb;
    text-decoration: none
  }
  .quick a:hover {
    color: #fff;
    text-decoration: underline
  }
  .rounded-2xl {
    border-radius: var(--radius-xl)
  }
  .muted {
    color: var(--ka-muted)
  }
  .divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .1), transparent)
  }
  .header-rounded {
    border-radius: 40px;
    margin: 15px auto;
    background: hsl(203deg 8% 19% / 70%);
    padding: 10px 25px;
  }
  .header-logo {
    font-weight: 700;
    text-decoration: none;
    color: #eaf2ff;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .header-logo-img {
    height: 32px;
    width: auto;
  }
  .header-nav {
    font-size: .95rem
  }
  .header-menu-btn {
    background: #0098da;
    color: #fff;
    border-radius: 30px;
    padding: 6px 22px;
    font-weight: 600;
  }
  .cta-strip {
    background: linear-gradient(90deg, #0f2038, #0b0d12 60%);
    border: 1px solid rgba(255, 255, 255, .06)
  }
  .custom-footer {
    background: #3b3b3b;
    color: #d9d9d9;
    padding: 40px 0 24px;
  }
  .footer-logo-img {
    height: 55px;
    width: auto
  }
  .footer-ib-tag {
    font-size: .78rem;
    color: #bcc7d3;
    margin-bottom: 16px
  }
  .footer-address {
    line-height: 1.7;
    font-size: .95rem;
    color: #cfd6dd
  }
  .footer-social .fs-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #0098da;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: all .3s ease;
    text-decoration: none;
  }
  .footer-social .fs-icon:hover {
    background: #ffffff;
    color: #0098da;
    transform: translateY(-3px);
  }
  .footer-map-card {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(255, 255, 255, .12)
  }
  .footer-map-img {
    height: 220px;
    object-fit: cover;
    filter: contrast(.95) brightness(.9);
    min-width: 280px;
    width: 100%
  }
  .footer-map-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #1fa6e3;
    color: #fff;
    border-radius: 999px;
    font-weight: 600;
    padding: 8px 18px
  }
  .footer-heading {
    color: #ffffff
  }
  .footer-links a {
    color: #d9d9d9;
    text-decoration: none
  }
  .footer-divider {
    border-color: rgba(255, 255, 255, .12);
    opacity: 1;
    margin: 24px 0
  }
  .footer-bottom {
    font-size: .85rem;
    color: #c7c7c7
  }
  .footer-highlight {
    color: #ffffff
  }
  .footer-bottom-links a {
    color: #c7c7c7;
    text-decoration: none
  }
  .adrs-mw {
    min-width: 255px;
  }
  .hero-title {
    font-size: clamp(2.6rem, 6vw, 5.6rem);
    margin: .35em 0 .2em;
    font-weight: 900;
    color: var(--ka-gold);
    letter-spacing: .02em;
    line-height: 1.05;
  }
  .flip {
    display: inline-grid;
    position: relative;
    line-height: 1.1;
  }
  .flip .word {
    grid-area: 1 / 1;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(24%);
    transition: opacity .45s ease, transform .45s ease;
  }
  .flip .word.is-active {
    opacity: 1;
    transform: translateY(0);
  }
  @media (prefers-reduced-motion: reduce) {
    .flip .word {
      transition: none;
    }
  }
  .btn-primary {
    background-color: #0098da !important;
    border-color: #0098da !important;
    color: #ffffff !important;
    font-weight: 600;
  }
  .btn-primary:hover,
  .btn-primary:focus {
    background-color: #ffffff !important;
    border-color: #0098da !important;
    color: #0098da !important;
  }
  .roots-tabs {
    gap: .6rem;
    margin-bottom: 1rem
  }
  .roots-tabs .nav-link {
    border-radius: 999px;
    background: #2a3138;
    color: #AAAAAA;
    padding: .55rem 1rem;
    font-weight: 600
  }
  .roots-tabs .nav-link:hover {
    filter: brightness(1.05)
  }
  .roots-tabs .nav-link.active {
    background: #ffffff;
    color: #0b0d12
  }
  .roots-card {
    background: #cfebf7;
    color: #243243;
    border-radius: 22px;
    padding: 1.25rem 2.25rem 1rem;
    height: 100%;
    position: relative;
    min-height: 452px
  }
  .roots-title {
    font-weight: 800;
    line-height: 1.35;
    color: #EDA832;
    margin-bottom: .6rem
  }
  .roots-lead {
    color: #068ECE;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.2rem
  }
  .jgi-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #13223a;
    color: #fff;
    font-weight: 800;
    font-size: .95rem
  }
  .roots-text {
    color: #AAAAAA;
    font-weight: 600
  }
  .roots-arrows {
    position: absolute;
    right: 14px;
    bottom: 10px;
    display: flex;
    gap: .5rem
  }
  .roots-arrow {
    width: 10px;
    height: 30px;
    border-radius: 50%;
    background: transparent;
    color: #2d3a49;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0
  }
  .speaker-swiper {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 450px;
    border-radius: 22px;
  }
  .speaker-swiper .speaker-slide {
    position: absolute;
    inset: 0;
    margin: 0;
    border-radius: 22px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateX(24px) scale(.99);
    transition: transform 700ms cubic-bezier(.4, 0, .2, 1),
      opacity 700ms cubic-bezier(.4, 0, .2, 1),
      visibility 0s linear 700ms;
    pointer-events: none;
  }
  .speaker-swiper .speaker-slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0) scale(1);
    transition: transform 700ms cubic-bezier(.4, 0, .2, 1),
      opacity 700ms cubic-bezier(.4, 0, .2, 1),
      visibility 0s;
    pointer-events: auto;
  }
  .speaker-card {
    position: relative;
    height: 100%;
    border-radius: 22px;
    overflow: hidden;
    background: #0f141c;
  }
  .speaker-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    filter: brightness(.92);
  }
  .speaker-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
        rgba(11, 13, 18, .05) 0%,
        rgba(11, 13, 18, 0) 40%,
        rgba(11, 13, 18, .7) 100%);
  }
  .speaker-caption {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 35px;
    text-align: center;
    color: #fff;
    z-index: 2;
  }
  .speaker-name {
    font-weight: 800;
    margin: 0;
  }
  .speaker-sub {
    opacity: .85;
  }
  .swiper-dots {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 14px;
    display: flex;
    gap: 8px;
    justify-content: center;
    z-index: 5;
  }
  .swiper-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    display: flex;
    gap: 6px;
    z-index: 2
  }
  .swiper-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .45)
  }
  .swiper-dot.active {
    background: #fff
  }
  .speaker-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.92)
  }
  .speaker-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 13, 18, .05) 0%, rgba(11, 13, 18, .0) 40%, rgba(11, 13, 18, .7) 100%)
  }
  .speaker-caption {
    position: absolute;
    left: 16px;
    right: 16px;
    color: #fff
  }
  .speaker-name {
    font-weight: 800;
    margin: 0
  }
  .speaker-sub {
    opacity: .85
  }
  .admit-copy {
    background: #cfebf7;
    color: #243243;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 22px;
    padding: 1.25rem 2.25rem 1rem;
  }
  .admit-title {
    font-weight: 800;
    line-height: 1.35;
    color: #EDA832
  }
  .admit-sub {
    color: #AAAAAA
  }
  .steps-bar {
    display: grid;
    grid-template-columns: repeat(5, minmax(160px, 1fr));
    gap: .75rem;
    margin-bottom: .8rem
  }
  @media (max-width: 991.98px) {
    .steps-bar {
      grid-template-columns: repeat(3, minmax(160px, 1fr));
    }
  }
  @media (max-width: 575.98px) {
    .steps-bar {
      grid-auto-flow: column;
      grid-auto-columns: 70%;
      overflow-x: auto;
      padding-bottom: .25rem
    }
  }
  .step-card {
    background: linear-gradient(135deg, #2f4a55 0%, #504e3f 100%);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    padding: .9rem .9rem;
    color: #d7e5fb;
    display: block;
    align-items: center;
    gap: .65rem;
    transition: 0.3s ease;
  }
  .step-card:hover {
    filter: brightness(1.1);
  }
  .step-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.1rem;
    margin-bottom: 10px;
  }
  .step-ico img {
    width: 38px
  }
  .step-text {
    font-weight: 700;
    font-size: .9rem;
    line-height: 1.2
  }
  .admit-photo {
    border-radius: 22px;
    overflow: hidden;
    position: relative;
  }
  .admit-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }
  @media (min-width: 992px) {
    .stickybn {
      position: sticky;
      top: 100px;
    }
  }
  .life-wrap {
    background: #3b4346;
  }
  .life-left {
    color: #223040;
    border-radius: 22px;
    padding: 1.25rem 1.25rem 1rem;
    height: 100%
  }
  .life-title {
    font-weight: 800;
    line-height: 1.35;
    color: #EDA832
  }
  .life-sub {
    color: #AAAAAA;
    font-weight: 600;
  }
  .life-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  @media (max-width: 767.98px) {
    .life-grid {
      grid-template-columns: 1fr;
    }
  }
  .life-card {
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    background: #0f141c;
  }
  .life-card img {
    width: 100%;
    height: auto;
    object-fit: cover;
    filter: brightness(.95);
  }
  .life-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
        rgba(11, 13, 18, .10) 0%,
        rgba(11, 13, 18, .00) 35%,
        rgba(11, 13, 18, .80) 100%);
  }
  .life-cap {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 12px;
    color: #fff;
  }
  .life-cap h4 {
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0 0 .35rem;
  }
  .chips {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
  }
  .chip {
    background: rgba(255, 255, 255, .14);
    color: #e7eefc;
    font-size: .72rem;
    border-radius: 999px;
    padding: .2rem .5rem;
  }
  .place-wrap {}
  .place-left {
    color: #d9e4ef
  }
  .place-lead {
    color: #AAAAAA;
    font-weight: 600;
  }
  .place-title {
    font-weight: 800;
    line-height: 1.35;
    color: #EDA832
  }
  .logo-wall {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px
  }
  @media (max-width: 991.98px) {
    .logo-wall {
      grid-template-columns: repeat(1)
    }
  }
  @media (max-width: 575.98px) {
    .col-track {
      height: 380px !important;
    }
    .logo-wall {
      grid-template-columns: repeat(1)
    }
  }
  .col-track {
    position: relative;
    height: 640px;
    overflow: hidden;
  }
  .col-track .stream {
    display: grid;
    gap: 14px;
    padding: 2px
  }
  .col-track::before,
  .col-track::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 90px;
    pointer-events: none;
    z-index: 5;
  }
  .col-track::before {
    top: 0;
    background: linear-gradient(to bottom,
        #31393c 0%,
        rgba(49, 57, 60, 0.85) 25%,
        rgba(49, 57, 60, 0.50) 55%,
        rgba(49, 57, 60, 0.15) 80%,
        rgba(49, 57, 60, 0) 100%);
  }
  .col-track::after {
    bottom: 0;
    background: linear-gradient(to top,
        #31393c 0%,
        rgba(49, 57, 60, 0.85) 25%,
        rgba(49, 57, 60, 0.50) 55%,
        rgba(49, 57, 60, 0.15) 80%,
        rgba(49, 57, 60, 0) 100%);
  }
  .logo-tile {
    background: #b3cbd7;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center
  }
  .logo-tile img {
    max-width: 80%;
    max-height: 70%;
    opacity: .95;
    filter: grayscale(0) contrast(1.05)
  }
  .marquee {
    animation: scrollY 22s linear infinite
  }
  .marquee.rev {
    animation-direction: reverse
  }
  @keyframes scrollY {
    0% {
      transform: translateY(0)
    }
    100% {
      transform: translateY(-50%)
    }
  }
  .col-track:hover .marquee {
    animation-play-state: paused
  }
  .voices-wrap {}
  .feature-owl .owl-stage {
    transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  .voices-title {
    font-weight: 800;
    color: #EDA832
  }
  .voices-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px
  }
  @media (max-width: 991.98px) {
    .voices-grid {
      grid-template-columns: 1fr 1fr
    }
  }
  @media (max-width: 575.98px) {
    .voices-grid {
      grid-template-columns: 1fr
    }
  }
  .voice-card {
    background: #3c4347;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 18px;
    padding: 1rem 1rem 1.1rem;
    color: #dee9f7
  }
  .voice-quote {
    color: #EDA832;
    font-size: 1.4rem
  }
  .voice-quote img {
    width: 30px !important;
  }
  .voice-chip {
    display: inline-block;
    font-size: .7rem;
    padding: .18rem .5rem;
    border-radius: 999px;
    background: #0098da;
    color: #fff;
    margin: 1rem 0 1rem
  }
  .voice-text {
    color: #EBECED;
    font-size: .95rem;
    line-height: 1.6;
    font-style: italic;
  }
  .voice-name {
    color: #EDA832;
    font-weight: 700;
    margin-top: .6rem;
    font-size: .9rem
  }
  .voice-batch {
    color: #AAAAAA;
    font-size: .8rem
  }
  .voices-grid .owl-stage {
    transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  .cta-final {}
  .cta-head {
    font-weight: 800;
    color: #EDA832
  }
  .cta-sub {
    color: #AAAAAA
  }
  .cta-actions {
    display: flex;
    gap: .75rem;
    justify-content: center;
    flex-wrap: wrap
  }
  .btn-ghost {
    background: #ffffff;
    color: #0c1520;
    border-radius: 999px;
    padding: .7rem 1.1rem;
    font-weight: 600
  }
  .btn-ghost:hover {
    background: #0098da;
    color: #fff7f8;
  }
  .ib-highlights {
    background: #2a3136;
    padding: 2.5rem 0;
  }
  .ib-icon-card {
    color: #e4ba35;
    font-weight: 600;
    font-size: .95rem;
  }
  .ib-icon-circle {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .75rem;
    color: #ffffff;
    font-size: 2.5rem;
  }
  .ib-icon-text {
    margin: 0;
  }
  .roots-card2 {
    background: #3c4347;
    color: #243243;
    border-radius: 22px;
    padding: 6.25rem 1.25rem 1rem;
    min-height: 452px;
  }
  .hero-lines {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 1.6rem;
    max-width: 820px;
    height: 1.4em;
    margin-top: 150px;
  }
  .hero-track {
    position: relative;
    width: 100%;
    height: 1.4em;
  }
  .hero-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 1.05rem;
    color: #FFFFFF;
    opacity: 0;
    transform: translateX(40px);
    transition: opacity .45s ease, transform .45s ease;
  }
  .hero-line.is-active {
    opacity: 1;
    transform: translateX(0);
  }
  .offcanvas {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
  }
  .ka-offcanvas {
    height: 100vh;
    background: #32393d;
    color: #ffffff;
    border-radius: 0;
    overflow: hidden;
  }
  .ka-offcanvas::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -15%;
    transform: translateY(-50%);
    width: 50%;
    height: 50%;
    background: url('../images/badge.png') no-repeat center right;
    background-size: contain;
    opacity: 0.05;
    pointer-events: none;
  }
  .ka-offcanvas .offcanvas-body {
    padding: 0;
  }
  .ka-offcanvas-inner {
    margin: 0 auto;
    font-family: inherit;
  }
  .ka-menu-topbar {
    margin-bottom: 24px;
    background-color: #fff;
    padding: 3rem;
  }
  .ka-menu-social {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .ka-menu-social a {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #0098da;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: .8rem;
    text-decoration: none;
  }
  .ka-menu-social a:hover {
    filter: brightness(1.08);
  }
  .ka-menu-brochure {
    font-size: .82rem;
    color: #0098da;
    text-decoration: none;
  }
  .ka-menu-brochure i {
    margin-right: 6px;
  }
  .ka-menu-brochure:hover {
    text-decoration: underline;
  }
  .ka-menu-close {
    border-radius: 999px;
    padding: 4px 14px;
    font-size: .8rem;
    font-weight: 600;
    background: #0098da;
    color: #ffffff;
    border: 0;
  }
  .ka-menu-close i {
  }
  .ka-menu-columns {
    padding-top: 10px;
  }
  .ka-menu-heading {
    font-weight: 700;
    margin-bottom: .75rem;
    color: #ffffff;
  }
  .ka-menu-links {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .ka-menu-links li+li {
    margin-top: .35rem;
  }
  .ka-menu-links a {
    color: #d9e4ef;
    text-decoration: none;
  }
  .ka-menu-links a:hover {
    color: #ffffff;
    text-decoration: underline;
  }
  .offcanvas {
    --bs-offcanvas-height: 100vh;
    --bs-offcanvas-transition: transform .5s ease,
      opacity .5s ease;
  }
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 600;
  }
  .life-carousel {
    position: relative;
    overflow: hidden;
  }
  .life-control {
    opacity: 0;
    transition: opacity .35s ease;
  }
  .life-carousel:hover .life-control {
    opacity: 1;
  }
  .life-slide-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
  }
  .life-slide-card img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .life-slide-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .0) 35%, rgba(0, 0, 0, .7) 100%);
  }
  .life-slide-cap {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 12px;
    color: #fff;
  }
  .life-slide-cap h4 {
    font-size: 1.1rem;
    font-weight: 800;
    margin-bottom: 4px;
  }
  .life-slide-chips {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
  }
  .life-slide-chip {
    background: rgba(255, 255, 255, .15);
    color: #fff;
    font-size: .75rem;
    padding: .2rem .6rem;
    border-radius: 999px;
  }
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35));
  }
  .feature-carousel {
    position: relative;
  }
  .feature-carousel .feature-arrow {
    opacity: 0;
    transition: opacity .35s ease;
  }
  .feature-carousel:hover .feature-arrow {
    opacity: 1;
  }
  .feature-carousel .carousel-control-prev,
  .feature-carousel .carousel-control-next {
    width: 50px;
  }
  .voices-grid.owl-carousel {
    display: block;
  }
  @media (max-width: 767.98px) {
    .ka-offcanvas-inner {}
    .ka-menu-topbar {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      padding: 1rem;
    }
    .roots-card {
      min-height: auto;
      border-radius: 7px;
      padding: 1.25rem 1.25rem 1rem;
    }
    .roots-card2 {
      min-height: auto;
      padding: 1.125rem 1.25rem 1rem;
    }
    .life-cap h4 {
      font-size: 0.7rem;
    }
    .life-slide-cap h4 {
      font-size: 0.7rem;
    }
    .life-slide-chip {
      font-size: 0.5rem;
      padding: .2rem .3rem;
    }
    .chip {
      font-size: 0.5rem;
      padding: .2rem .3rem;
    }
  .ka-brand img {
    height: 50px;
    width: auto;
  }
  .hdr-nm {
    margin-top: -97px;
  }
  .hero {
    min-height: 100vh;
  }
  .hw-br-0 {
    border-radius: 0;
  }
  }
  .mobile-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .mobile-scroll::-webkit-scrollbar {
    display: none;
  }
  .mobile-scroll .nav-item {
    display: inline-block;
    margin-right: 10px;
  }
  @media (min-width: 768px) {
    .mobile-scroll {
      overflow: visible;
      white-space: normal;
    }
  }
  .owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 5px 3px;
  }
  .owl-theme .owl-dots .owl-dot.active span {
    background: #eda832;
    width: 30px;
  }
  .ka-mobile-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    font-size: .75rem;
  }
  .ka-footer-bar {
    position: relative;
    background: #ffffff;
    border-radius: 18px 18px 0 0;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, .25);
    padding: 8px 16px 10px;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
  }
  .ka-footer-bar::before {
    content: "";
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 30px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
  }
  .ka-footer-item {
    flex: 1;
    text-align: center;
    text-decoration: none;
    color: #0098da;
  }
  .ka-footer-item i {
    display: block;
    font-size: 1.2rem;
    margin-bottom: 2px;
  }
  .ka-footer-item span {
    display: block;
    font-size: .7rem;
  }
  .ka-fab-wrapper {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
  }
  .ka-fab-main {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: none;
    background: #0098da;
    color: #ffffff;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .35);
    transition: background .25s ease, transform .25s ease;
  }
  .ka-mobile-footer.is-open .ka-fab-main {
    background: #027fb5;
    transform: rotate(45deg);
  }
  .ka-fab-actions {
    position: absolute;
    left: 50%;
    bottom: 80px;
    width: 0;
    height: 0;
    pointer-events: none;
  }
  .ka-fab-action {
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #0098da;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
    transform: translate(-50%, 0) scale(.4);
    opacity: 0;
    transition:
      transform .28s ease,
      opacity .28s ease;
  }
  .ka-mobile-footer.is-open .ka-fab-action {
    opacity: 1;
    pointer-events: auto;
  }
  .ka-mobile-footer.is-open .ka-fab-action--1 {
    transform: translate(calc(-50% + 64px), -6px) scale(1);
    transition-delay: .02s;
  }
  .ka-mobile-footer.is-open .ka-fab-action--2 {
    transform: translate(calc(-50% + 36px), -52px) scale(1);
    transition-delay: .06s;
  }
  .ka-mobile-footer.is-open .ka-fab-action--3 {
    transform: translate(calc(-50% - 36px), -52px) scale(1);
    transition-delay: .10s;
  }
  .ka-mobile-footer.is-open .ka-fab-action--4 {
    transform: translate(calc(-50% - 64px), -6px) scale(1);
    transition-delay: .14s;
  }
  @media (min-width:768px) {
    .ka-mobile-footer {
      display: none;
    }
  }
  @media (max-width: 767px) {
    header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 9999;
      transition: transform .35s ease;
    }
    header.hide-header {
      transform: translateY(-100%);
    }
  }
  .img-grey {
    filter: grayscale(100%);
  }
  .events-float-btn {
    position: fixed;
    left: 0;
    bottom: 40px;
    background: #0098da;
    color: #fff;
    padding: 10px 14px;
    border-radius: 0 30px 30px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: .85rem;
    font-weight: 600;
    z-index: 2000;
    transition: all .3s ease;
    transform: translateX(-70%);
    cursor: pointer;
  }
  .events-float-btn i {
    font-size: 1.1rem;
  }
  .events-float-btn:hover {
    transform: translateX(0);
  }
  .events-float-btn .events-text {
    opacity: 0;
    white-space: nowrap;
    transition: opacity .25s ease;
  }
  .events-float-btn:hover .events-text {
    opacity: 1;
  }
  .ue-img {
    width: 20px;
  }
  @media (max-width: 768px) {
    .footer-bottom {
      margin-bottom: 79px;
    }
    .events-float-btn {
      bottom: 80px;
    }
    .ka-menu-columns {
      margin-bottom: 100px;
    }
  }
  .latest-ka-head {
    text-align: left;
  }
  .latest-ka-title {
    font-weight: 800;
    color: #f0a72c;
    margin-bottom: .15rem;
  }
  .latest-ka-sub {
    font-size: .85rem;
    color: #7a8490;
    margin: 0;
  }
  .latest-ka-grid {
    margin-top: .5rem;
  }
  .latest-ka-card {
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .latest-ka-card:hover {
    transform: translateY(-3px);
  }
  .latest-ka-thumb {
    position: relative;
    display: inline-block;
    border-radius: 12px;
    overflow: hidden;
  }
  .latest-ka-thumb img {
    width: 100%;
    display: block;
    border-radius: 12px;
  }
  .latest-ka-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: white;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    padding: 6px 14px;
    border-radius: 999px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
    z-index: 5;
    display: inline-block;
  }
  .latest-ka-body {
    padding: 10px 14px 14px;
  }
  .latest-ka-date {
    font-size: .8rem;
    color: #8d8d8d;
  }
  .latest-ka-heading {
    font-size: 1.2rem;
    font-weight: 700;
    color: #717171;
    margin-bottom: .25rem;
  }
  .latest-ka-excerpt {
    font-size: .88rem;
    color: #8d8d8d;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .latest-ka-pager .page-link {
    border-radius: 999px;
    border: 0;
    margin: 0 3px;
    min-width: 28px;
    text-align: center;
    font-size: .75rem;
    color: #6c7280;
    background: #e9edf2;
  }
  .latest-ka-pager .page-item.active .page-link {
    background: #0098da;
    color: #ffffff;
  }
  .latest-ka-pager .page-item.disabled .page-link {
    opacity: .5;
    cursor: default;
  }
  .latest-ka-pager .page-link:hover {
    background: #d7dde6;
    color: #343a40;
  }
  .ka-newsletter {
    padding: 60px 0;
  }
  .ka-news-title {
    font-weight: 700;
    font-size: 1.7rem;
    color: #717171;
  }
  .ka-news-copy {
    max-width: 540px;
    margin: 0 auto;
    font-size: .9rem;
    line-height: 1.6;
    color: #8d8d8d;
  }
  .ka-news-form {
    max-width: 540px;
  }
  .ka-news-input-group {
    background: #ffffff;
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .06);
    padding: 2px;
  }
  .ka-news-input {
    border: 0;
    box-shadow: none;
    background: transparent;
    border-radius: 999px;
    font-size: .9rem;
    padding: 10px 14px;
  }
  .ka-news-input:focus {
    outline: 0;
    box-shadow: none;
  }
  .ka-news-btn {
    border: 0;
    background: transparent;
    color: #007acb;
    font-weight: 600;
    font-size: .9rem;
    padding: 0 18px;
    border-radius: 999px;
    white-space: nowrap;
  }
  .ka-news-btn:hover {
    color: #005f9a;
  }
  .ka-news-input-group input::placeholder {
    color: #8d8d8d;
  }
  .mobile-scroll {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  .mobile-scroll::-webkit-scrollbar {
    display: none;
  }
  @media (min-width: 768px) {
    .mobile-scroll {
      flex-wrap: wrap;
      overflow-x: visible;
      white-space: normal;
    }
  }
  .blog-hero-section {}
  .blog-hero-card {
    background: #f4f4f5;
    border-radius: 18px;
    padding: 18px 18px 20px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .04);
  }
  .blog-hero-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .75rem;
    color: #8b8d90;
  }
  .blog-hero-meta-icon {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a0a2a6;
    font-size: .75rem;
  }
  .blog-hero-title {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 700;
    color: #f1a52a;
    margin: .6rem 0 1rem;
  }
  .blog-hero-image-wrap {
    border-radius: 16px;
    overflow: hidden;
  }
  .blog-hero-image-wrap img {
    display: block;
    width: 100%;
  }
  .blog-hero-intro {
    line-height: 1.6;
    color: #6c6e72;
  }
  @media (min-width: 768px) {
    .blog-hero-card {
      padding: 24px 26px 24px;
    }
    .blog-hero-title {
      font-size: 1.9rem;
    }
  }
  .scroll-top {
    position: fixed;
    right: 18px;
    bottom: 55px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    outline: none;
    background: #0098da;
    color: #fff;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
    z-index: 999;
  }
  .scroll-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .scroll-top:hover {
    background: #007bb0;
  }
  .share-buttons .btn {
    width: 45px;
    height: 45px;
    font-size: 18px;
  }
  .ka-play-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
  }
  .ka-play-btn i {
    font-size: 48px;
    color: #e53935;
  }
  .ka-video-modal .modal-content {
    border-radius: 0;
    max-height: 90vh;
  }
  .ka-video-modal .modal-body {
    overflow-y: auto;
  }
  .ka-video-modal.modal {
    --bs-modal-backdrop-bg: rgba(0, 0, 0, .85);
  }
  .ka-faq-wrap {
    background: #f0f0f0;
  }
  .ka-faq-title {}
  .ka-faq {
    background: transparent;
    border-radius: 8px;
  }
  .ka-faq-item {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .ka-faq-btn {
    background: #ffffff;
    color: #333333;
    font-weight: 500;
    font-size: 0.95rem;
    padding: 1rem 1.25rem;
    border-radius: 0;
    box-shadow: none;
  }
  .ka-faq-btn:not(.collapsed) {
    background: #0098da;
    color: #ffffff;
    box-shadow: none;
  }
  }
  */ .ka-faq-body {
    background: #ffffff;
    font-size: 0.95rem;
    color: #555555;
    padding: 1rem 1.25rem 1.25rem;
  }
  audio {
    width: 100%;
    height: 54px;
  }
  audio::-webkit-media-controls-play-button,
  audio::-webkit-media-controls-panel {
    background-color: #0098da;
  }
  .ka-latest-blogs {
    background: #f7f7f7;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03);
    overflow: hidden;
    font-family: inherit;
  }
  .ka-latest-head {
    background: #0098da;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .9rem;
    text-align: center;
    padding: .6rem .75rem;
  }
  .ka-latest-list {
    padding: .75rem .75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
  }
  .ka-latest-item {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .55rem .55rem;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease;
  }
  .ka-latest-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
  }
  .ka-latest-thumb {
    flex: 0 0 60px;
    height: 46px;
    overflow: hidden;
    border-radius: 2px;
  }
  .ka-latest-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ka-latest-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ka-latest-title {
    font-size: .78rem;
    font-weight: 500;
    color: #333;
    margin: 0 0 .25rem;
    line-height: 1.3;
  }
  .ka-latest-read {
    font-size: .72rem;
    font-weight: 500;
    color: #f4a000;
    display: inline-flex;
    align-items: center;
    gap: .2rem;
  }
  .ka-latest-read i {
    font-size: .65rem;
  }
  @media (max-width: 767.98px) {
    .ka-latest-blogs {
      max-width: 100%;
    }
  }
  .quiz-corner {
    background: #f5f7fb;
  }
  .quiz-hero {
    background: linear-gradient(90deg, #24a9ff 0%, #6a4dff 50%, #b338ff 100%);
    border-radius: 12px;
    padding: 32px 20px;
    text-align: center;
    color: #ffffff;
  }
  .quiz-title {
    font-size: clamp(2rem, 3vw, 2.6rem);
    font-weight: 700;
  }
  .quiz-steps {
    gap: 0.5rem;
  }
  .quiz-step {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: #f2f4f8;
    color: #444;
    font-weight: 500;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .2s ease;
  }
  .quiz-step:hover {
    background: #e0ecff;
  }
  .quiz-step.active {
    background: #0098da;
    color: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 152, 218, 0.18);
  }
  .quiz-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px 18px 28px;
    box-shadow: 0 4px 14px rgba(31, 41, 55, 0.08);
  }
  .quiz-question {
    font-size: 1rem;
    font-weight: 600;
    color: #222;
    line-height: 1.4;
  }
  .quiz-qno {
    font-weight: 700;
    margin-right: 4px;
  }
  .quiz-option {
    display: flex;
    align-items: center;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #e1e5f0;
    background: #ffffff;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all .2s ease;
  }
  .quiz-option input[type="radio"] {
    display: none;
  }
  .quiz-option-label {
    width: 100%;
    font-size: 0.95rem;
    color: #333;
  }
  .quiz-option input[type="radio"]:checked+.quiz-option-label,
  .quiz-option:hover .quiz-option-label {
    color: #0061b5;
  }
  .quiz-option input[type="radio"]:checked~.quiz-option-label,
  .quiz-option:hover {
    border-color: #0098da;
    background: #f0f7ff;
  }
  .quiz-submit-btn {
    width: 100%;
    border: none;
    padding: 12px 16px;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    background: #0098da;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease;
  }
  .quiz-submit-btn:hover {
    background: #007ab0;
  }
  .ka-comments {
    background: #f6f7f9;
    border-radius: 16px;
    padding: 24px 24px 28px;
  }
  .ka-comments h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  .ka-comment-form .form-control {
    border-radius: 999px;
    font-size: 0.9rem;
  }
  .ka-comment-form textarea.form-control {
    border-radius: 14px;
    min-height: 110px;
    resize: vertical;
  }
  .ka-comment-form .btn {
    border-radius: 999px;
    padding-inline: 1.6rem;
    font-weight: 600;
    font-size: 0.9rem;
  }
  .ka-comment-thread {
    margin-top: 1.5rem;
  }
  .ka-comment-item {
    display: flex;
    gap: 12px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .ka-comment-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
  }
  .ka-comment-avatar img {
    width: 100%;
    height: 100%;
  }
  .ka-comment-body {
    flex: 1;
  }
  .ka-comment-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    margin-bottom: 4px;
  }
  .ka-comment-name {
    font-weight: 600;
    font-size: 0.9rem;
  }
  .ka-comment-date {
    color: #98a1b0;
  }
  .ka-comment-text {
    font-size: 0.88rem;
    color: #3f4753;
    line-height: 1.5;
    margin-bottom: 6px;
  }
  .ka-comment-actions {
    font-size: 0.78rem;
  }
  .ka-comment-actions .btn-link {
    padding: 0;
    font-size: 0.78rem;
    text-decoration: none;
  }
  .ka-comment-actions .btn-link:hover {
    text-decoration: underline;
  }
  .ka-comment-children {
    margin-top: 10px;
    margin-left: 48px;
    border-left: 1px solid #e1e5ec;
    padding-left: 16px;
  }
  .ka-comment-children .ka-comment-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  @media (max-width: 576px) {
    .ka-comments {
      padding: 18px 14px 22px;
    }
    .ka-comment-children {
      margin-left: 36px;
      padding-left: 12px;
    }
  }
  .author-card {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
  }
  .author-header {
    background: #0098da;
    padding: 10px 24px;
  }
  .author-heading {
    font-size: 1.1rem;
    font-weight: 600;
    color: #FFFFFF;
  }
  .author-body {
    padding: 24px;
  }
  .author-avatar {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
    background: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .author-name {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0098da;
  }
  .author-tagline {
    color: #555555;
  }
  .author-copy {
    line-height: 1.6;
    color: #4c4c4c;
  }
  .author-social-link {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #0098da;
    font-size: 0.9rem;
    text-decoration: none;
    border: 1px solid #0098da;
    transition: all 0.2s ease;
  }
  .author-social-link:hover {
    background: #0098da;
    color: #ffffff;
  }
  .btn-author-blogs {
    padding: 8px 18px;
    background: #0098da;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
  }
  .btn-author-blogs:hover {
    background: #ffffff;
    color: #0098da;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  }
  @media (max-width: 575.98px) {
    .author-body {
      padding: 18px;
    }
    .author-avatar {
      width: 72px;
      height: 72px;
      margin-bottom: 10px;
    }
  }
  .ka-reply-form {
    background: #f8f9fa;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 6px;
  }
  .events-wrapper {
    background: #252c30;
    border-radius: 24px;
    padding: 24px;
    margin-bottom: 32px;
  }
  .events-hero {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
  }
  .events-hero img {
    width: 100%;
    height: auto;
    display: block;
  }
  .events-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1));
  }
  .events-hero-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 160px;
    padding: 0 32px;
    color: #fff;
    text-align: center;
  }
  .events-hero-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: .5rem;
  }
  .events-hero-text {
    max-width: 790px;
    font-size: .95rem;
    margin: 0 auto;
    opacity: .9;
    text-align: center;
  }
  .events-section-title {
    color: #e5a737;
    font-weight: 700;
  }
  .events-section-sub {
    color: #c7d2e0;
  }
  .upcoming-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 12px 16px;
    display: flex;
    gap: 16px;
    align-items: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
  }
  .upcoming-date {
    min-width: 72px;
    border-radius: 16px;
    background: #0098da;
    color: #fff;
    text-align: center;
    padding: 10px 8px;
  }
  .upcoming-date .day {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
  }
  .upcoming-date .month {
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .75rem;
    opacity: .9;
  }
  .upcoming-body-title {
    font-weight: 600;
    margin-bottom: 2px;
  }
  .upcoming-meta {
    font-size: .85rem;
    color: #6c7a89;
  }
  .upcoming-tag {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 600;
    background: #fff6e5;
    color: #b47100;
    margin-left: 6px;
  }
  .upcoming-cta {
    margin-left: auto;
  }
  .upcoming-cta .btn {
    border-radius: 999px;
    padding: .4rem 1.1rem;
    font-size: .8rem;
  }
  .events-search {
    background: #ffffff;
    border-radius: 999px;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 350px;
  }
  .events-search input {
    border: 0;
    background: transparent;
    color: #31393c;
    width: 100%;
  }
  .events-search input::placeholder {
    color: #96a4bb;
  }
  .events-search input:focus {
    outline: none;
    box-shadow: none;
  }
  .year-toggle .btn {
    border-radius: 999px;
    padding: .35rem 1.2rem;
    font-size: .85rem;
  }
  .event-card {
    background: #FFFFFF;
    border-radius: 18px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  }
  .event-card-img {
    position: relative;
    overflow: hidden;
  }
  .event-card-img img {
    width: 100%;
    display: block;
  }
  .event-category-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 600;
    color: #fff;
    background: #0098da;
  }
  .event-category-badge.cultural {
    background: #ff8a3d;
  }
  .event-category-badge.sports {
    background: #00b46e;
  }
  .event-card-body {
    padding: 16px 18px 18px;
    color: #31393c;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .event-card-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 6px;
  }
  .event-card-date {
    font-size: .85rem;
    color: #31393c;
    margin-bottom: 8px;
  }
  .event-card-date i {
    margin-right: 6px;
  }
  .event-card-text {
    font-size: .88rem;
    color: #31393c;
    margin-bottom: 12px;
  }
  .event-card .btn {
    align-self: flex-start;
    border-radius: 999px;
    padding: .35rem 1.2rem;
    font-size: .8rem;
  }
  .events-view-all .btn {
    border-radius: 999px;
    padding: .55rem 1.7rem;
  }
  @media (max-width: 991.98px) {
    .upcoming-card {
      flex-direction: row;
      align-items: flex-start;
    }
    .upcoming-cta {
      margin-left: 0;
    }
  }
  @media (max-width: 767.98px) {
    .events-wrapper {
      padding: 16px;
      border-radius: 16px;
    }
    .events-hero-content {
      padding: 0 16px;
      bottom: 20px;
    }
    .events-hero-title {
      font-size: 1.5rem;
    }
  }
  .btn-outline-primary {
    --bs-btn-color: #0098da;
    --bs-btn-border-color: #0098da;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0098da;
    --bs-btn-hover-border-color: #0098da;
    --bs-btn-focus-shadow-rgb: 0, 152, 218;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0098da;
    --bs-btn-active-border-color: #0098da;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0098da;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0098da;
    --bs-gradient: none;
  }
  .event-detail-hero {
    border-radius: 24px;
    overflow: hidden;
    height: 75vh;
  }
  .event-detail-hero img {
    width: 100%;
    display: block;
  }
  .event-detail-title {
    color: #e5a737;
    font-weight: 700;
    font-size: 1.7rem;
    margin-bottom: .75rem;
  }
  .event-detail-body {
    background: #f5f7fa;
    border-radius: 18px;
    padding: 24px 24px 28px;
    color: #28323a;
  }
  .event-detail-body p {
    font-size: .95rem;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
  .event-detail-section-title {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: .6rem;
  }
  .event-speaker-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  .event-speaker-list li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: .45rem;
    font-size: .93rem;
  }
  .event-speaker-list li::before {
    content: "•";
    position: absolute;
    left: .25rem;
    top: 0;
    color: #e5a737;
    font-size: 1.1rem;
  }
  .event-detail-gallery img {
    width: 100%;
    display: block;
    border-radius: 18px;
  }
  .event-detail-sidebar {
    position: sticky;
    top: 90px;
  }
  .event-detail-card {
    background: #0098da;
    color: #fff;
    border-radius: 18px;
    padding: 18px 18px 16px;
  }
  .event-detail-card-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 12px;
  }
  .event-detail-card-item {
    font-size: .9rem;
  }
  .event-detail-card-item-label {
    display: block;
    opacity: .85;
    margin-bottom: 2px;
  }
  .event-detail-card-item-value {
    font-weight: 600;
  }
  .event-related-card {
    background: #14191c;
    border-radius: 18px;
    overflow: hidden;
    color: #eaf2ff;
  }
  .event-related-img {
    position: relative;
    overflow: hidden;
  }
  .event-related-img img {
    width: 100%;
    display: block;
  }
  .event-related-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .event-related-btn .btn {
    border-radius: 999px;
    padding: .35rem 1.2rem;
    font-size: .8rem;
  }
  .event-related-body {
    padding: 12px 14px 14px;
    background: #1b2227;
  }
  .event-related-title {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 4px;
  }
  .event-related-date {
    font-size: .8rem;
    color: #9aa8bc;
  }
  .event-related-date i {
    margin-right: 4px;
  }
  @media (max-width: 991.98px) {
    .event-detail-sidebar {
      position: static;
      top: auto;
    }
  }
  .about-hero {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    margin-bottom: 32px;
  }
  .about-hero img {
    width: 100%;
    display: block;
  }
  .about-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
  }
  .about-hero-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 32px;
    padding: 0 32px;
    color: #fff;
    text-align: center;
  }
  .about-hero-eyebrow {
    font-size: .85rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .85;
    margin-bottom: .5rem;
    text-align: center;
  }
  .about-hero-title {
    font-size: 2.1rem;
    font-weight: 700;
    margin-bottom: .5rem;
  }
  .about-hero-text {
    max-width: 880px;
    font-size: .95rem;
    opacity: .92;
    margin: 0 auto;
  }
  .about-section-title {
    color: #e5a737;
    font-weight: 700;
  }
  .about-section-sub {
    color: #c7d2e0;
    max-width: 780px;
    margin: 0 auto;
  }
  .about-card-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  .about-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 20px 22px;
    flex: 1 1 280px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
  }
  .about-card.dark {
    background: #252c30;
    color: #eaf2ff;
  }
  .about-card-title {
    font-weight: 600;
    margin-bottom: .35rem;
    color: #0098da;
  }
  .about-card-text {
    color: #4a5560;
  }
  .about-card.dark .about-card-text {
    color: #c7d2e0;
  }
  .legacy-top {
    color: #eaf2ff;
  }
  .legacy-era {
    color: #00a0e3;
    font-weight: 600;
    font-size: 2rem;
  }
  .legacy-nav-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: #00a0e3;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .legacy-nav-btn:focus {
    outline: none;
  }
  .legacy-wrap {
    background: #252c30;
    border-radius: 24px;
    overflow: hidden;
  }
  .legacy-intro {
    min-height: 170px;
    padding: 24px 22px;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    display: flex;
    align-items: center;
  }
  .legacy-intro-text {
    color: #c7d2e0;
    margin: 0;
  }
  .legacy-owl .owl-stage {
    display: flex;
  }
  .legacy-item {
    min-height: 170px;
    display: flex;
    align-items: center;
    padding: 24px 22px;
    border: 1px solid rgba(255, 255, 255, 0.18);
  }
  .legacy-text {
    font-size: 0.9rem;
    color: #c7d2e0;
    margin: 0;
  }
  .legacy-text.legacy-strong {
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
  }
  @media (max-width: 767.98px) {
    .legacy-wrap {
      border-radius: 18px;
    }
    .legacy-intro,
    .legacy-item {
      min-height: 140px;
      padding: 18px 16px;
    }
    .legacy-intro {
      border-right: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }
  }
  .leadership-wrap {
    background: #e4e7eb;
    border-radius: 24px;
    padding: 32px 28px 40px;
    text-align: center;
  }
  .leadership-title {
    color: #e5a737;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .leadership-subtitle {
    color: #4a5560;
    max-width: 780px;
    margin: 0 auto 28px;
  }
  .leader-card {
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  .leader-photo {
    width: 100%;
    overflow: hidden;
  }
  .leader-photo img {
    width: 100%;
    display: block;
  }
  .leader-body {
    padding: 18px 20px 22px;
  }
  .leader-name {
    font-size: 1.3rem;
    font-weight: 600;
    color: #e5a737;
    margin-bottom: 3px;
  }
  .leader-role {
    font-size: 0.9rem;
    color: #0098da;
    margin-bottom: 10px;
  }
  .leader-text {
    color: #4a5560;
    line-height: 1.6;
  }
  @media (max-width: 767.98px) {
    .leadership-wrap {
      padding: 24px 18px 30px;
      border-radius: 18px;
    }
  }
  .accredit-shell {
    border-radius: 24px;
  }
  .accredit-hero {
    position: relative;
    border-radius: 20px;
    min-height: 365px;
    padding: 24px 24px 28px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url("../images/accredit-bg.png");
    background-size: cover;
    background-position: center;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, .6);
  }
  .accredit-title {
    font-weight: 700;
    color: #e5a737;
    margin-bottom: 6px;
  }
  .accredit-hero-text {
    max-width: 420px;
    color: #f5f7fa;
  }
  .accredit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    height: 100%;
  }
  .accredit-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 16px 14px 18px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .accredit-logo {
    max-width: 80px;
    max-height: 60px;
    margin: 0 auto 8px;
    object-fit: contain;
  }
  .accredit-card-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 4px;
  }
  .accredit-card-text {
    font-size: 0.82rem;
    color: #4b5563;
  }
  @media (max-width: 991.98px) {
    .accredit-shell {
      border-radius: 20px;
    }
    .accredit-grid {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 575.98px) {
    .accredit-hero {
      min-height: 220px;
      padding: 20px 18px 22px;
    }
  }
  .global-wrap {
    background: #f5f7fa;
    border-radius: 24px;
    padding: 24px 24px 26px;
  }
  .global-text {
    color: #3b454f;
  }
  .global-list {
    margin-top: 10px;
    padding-left: 1.1rem;
  }
  .global-img img {
    width: 100%;
    border-radius: 18px;
    display: block;
  }
  .policies-section {}
  .policy-wrap {
    margin-top: 20px;
  }
  .policy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
  }
  .policy-card,
  .policy-icon,
  .policy-badge,
  .policy-link {
    transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .policy-card {
    background: #ffffff;
    padding: 28px;
    border-radius: 18px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    cursor: pointer;
    position: relative;
    min-height: 160px;
    overflow: hidden;
    transform: translateY(0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  .policy-icon {
    width: 50px;
    height: 50px;
    background: #e7f5ff;
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    color: #0b7dda;
    font-size: 21px;
    transform: scale(1);
  }
  .policy-badge {
    display: inline-block;
    background: #f7b32b;
    color: #fff;
    font-size: 11px;
    padding: 4px 9px;
    border-radius: 6px;
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0;
    transform: translateY(-6px);
  }
  .policy-title {
    font-size: 15px;
    font-weight: 600;
    color: #707070;
    margin-bottom: 6px;
  }
  .policy-link {
    font-size: 13px;
    color: #0b7dda;
    font-weight: 500;
    text-decoration: none;
    opacity: 0;
    transform: translateY(6px);
  }
  .policy-card:hover {
    background: linear-gradient(145deg, #dff4ff 0%, #e7f8ff 55%, #d7edff 100%);
    border-color: #b6ddff;
    transform: translateY(-6px);
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.12);
  }
  .policy-card:hover .policy-icon {
    background: #0b7dda;
    color: #fff;
    transform: scale(1.08);
  }
  .policy-card:hover .policy-badge {
    opacity: 1;
    transform: translateY(0);
  }
  .policy-card:hover .policy-link {
    opacity: 1;
    transform: translateY(0);
  }
  .policy-link:hover {
    text-decoration: underline;
  }
  @media (max-width: 575.98px) {
    .policy-grid {
      grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
      gap: 14px;
    }
    .policy-card {
      padding: 10px 16px;
      min-height: 120px;
      border-radius: 14px;
    }
    .policy-icon {
      width: 42px;
      height: 42px;
      font-size: 18px;
      border-radius: 12px;
      margin-bottom: 10px;
    }
    .policy-badge {
      top: 14px;
      right: 14px;
      font-size: 10px;
      padding: 3px 7px;
    }
    .policy-title {
      font-size: 14px;
      margin-bottom: 4px;
    }
    .policy-link {
      font-size: 12px;
    }
    .policy-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 14px rgba(0, 0, 0, 0.10);
    }
  }
  .discover-campus-section {
    position: relative;
    background-image: url("../images/avif/cta-bg.avif");
    background-size: cover;
    background-position: center;
    padding: 120px 20px;
    overflow: hidden;
  }
  .discover-campus-section .discover-overlay {
    position: absolute;
    inset: 0;
    background: rgba(6, 28, 48, 0.55);
  }
  .discover-campus-section .discover-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto;
    color: #ffffff;
  }
  .discover-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .discover-text {
    font-size: 1rem;
    max-width: 700px;
    margin: 0 auto 25px auto;
    color: #e5f1ff;
  }
  .discover-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
  }
  .discover-btn {
    padding: 10px 26px;
    font-size: 0.95rem;
    font-weight: 700;
    border-radius: 30px;
  }
  .btn-outline-light {
    border-width: 2px;
  }
  @media (max-width: 767px) {
    .discover-title {
      font-size: 1.5rem;
    }
    .discover-buttons {
      flex-direction: column;
    }
  }
  @media (max-width: 767.98px) {
    .about-hero {
      border-radius: 16px;
      height: 73vh;
    }
    .about-hero-content {
      padding: 0 16px;
      bottom: 20px;
    }
    .about-hero-title {
      font-size: 1.6rem;
    }
    .values-wrap,
    .legacy-wrap,
    .global-wrap,
    .policy-wrap,
    .discover-wrap {
      padding: 0 10px 0 10px;
      border-radius: 18px;
    }
  }
  .values-section {
    background: #e4e7eb;
    padding: 40px 30px 15px;
    border-radius: 24px;
    text-align: center;
    margin-bottom: 40px;
  }
  .values-title {
    color: #e5a737;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .values-subtitle {
    color: #4a5560;
    max-width: 700px;
    margin: 0 auto 28px;
  }
  .values-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
    margin-bottom: 32px;
  }
  .value-card {
    background: #ffffff;
    padding: 24px 14px 26px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
  }
  .value-icon {
    font-size: 1.8rem;
    color: #e5a737;
    margin-bottom: 10px;
  }
  .value-icon img {
    width: 35px;
  }
  .value-title {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 4px;
    color: #1a1d21;
  }
  .value-text {
    font-size: 0.85rem;
    color: #6b7280;
  }
  .values-cta {
    margin-top: 10px;
  }
  .values-cta .btn {
    background: #0098da;
    border: none;
  }
  @media(max-width: 991px) {
    .values-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 575px) {
    .values-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    .values-grid> :last-child {
      grid-column: 1 / -1;
    }
    .value-card {
      padding: 5px 14px 5px;
    }
  }
  .ibdp-page {}
  .ibdp-hero-card {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 80vh;
  }
  .ibdp-hero-img {
    width: 100%;
    display: block;
    height: auto;
  }
  .ibdp-hero-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 24px 30px 24px;
    background: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 1%));
    color: #fff;
  }
  .ibdp-hero-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 4px;
  }
  .ibdp-hero-sub {
    font-size: 1rem;
    max-width: 680px;
    margin: 0 auto;
  }
  .ibdp-card {
    border-radius: 24px;
    padding: 24px 24px 26px;
    color: #e5ecf4;
  }
  .ibdp-card-light {
    color: #1f2933;
  }
  .ibdp-card img {
    border-radius: 18px;
    width: 100%;
    height: auto;
  }
  .ibdp-section-title {
    font-weight: 700;
    color: #e5a737;
    margin-bottom: 10px;
  }
  .ibdp-body-text {
    line-height: 1.7;
    color: #d9e2ec;
  }
  .ibdp-body-text.dark {
    color: #1f2933;
  }
  .ibdp-mini-card {
    background: #3c4347;
    border-radius: 18px;
    padding: 18px 20px 20px;
    color: #e5ecf4;
    height: 100%;
  }
  .ibdp-mini-icon img {
    width: 40px;
    margin-bottom: 8px;
  }
  .ibdp-mini-title {
    font-weight: 600;
    margin-bottom: 4px;
  }
  .ibdp-mini-text {
    color: #AAAAAA;
    margin: 0;
  }
  @media(max-width: 767.98px) {
    .ibdp-hero-card {
      height: 45vh;
    }
  }
  .ibdp-curriculum {
    background: #e5e8ee;
    border-radius: 28px;
    padding: 28px 26px 30px;
    margin-top: 2rem;
  }
  .ibdp-curriculum-title {
    font-weight: 700;
    text-align: center;
    color: #e5a737;
    margin-bottom: 4px;
  }
  .ibdp-curriculum-sub {
    font-size: 0.9rem;
    text-align: center;
    color: #6b7280;
    margin-bottom: 24px;
  }
  .ibdp-group-card {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16);
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .ibdp-group-top {
    padding: 14px 12px 18px;
    text-align: center;
    color: #ffffff;
    background:
      radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.25) 0, rgba(255, 255, 255, 0) 55%),
      radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.22) 0, rgba(255, 255, 255, 0) 55%),
      #0098da;
  }
  .ibdp-group-label {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.9;
    margin-bottom: 2px;
  }
  .ibdp-group-num {
    font-size: 2.8rem;
    font-weight: 700;
  }
  .ibdp-group-body {
    padding: 14px 16px 18px;
  }
  .ibdp-group-list {
    margin: 0;
    padding-left: 18px;
    font-size: 0.87rem;
    color: #1f2933;
  }
  .ibdp-curriculum-footnote {
    color: #AAAAAA;
    font-style: italic;
  }
  @media(max-width: 767.98px) {
    .ibdp-curriculum {
      padding: 22px 16px 24px;
      border-radius: 22px;
    }
    .ibdp-group-card {
      border-radius: 18px;
    }
  }
  .ibdp-pedagogy {
    padding: 26px 24px 30px;
    border-radius: 0;
    background: url(../images/ibdp/ibdp-pedagogy-bg.png) right no-repeat;
    position: relative;
    color: #e5ecf4;
  }
  .ibdp-pedagogy::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
  .ibdp-pedagogy>* {
    position: relative;
  }
  .ibdp-pedagogy-title {
    font-weight: 700;
    color: #e5a737;
    text-align: center;
    margin-bottom: 6px;
  }
  .ibdp-pedagogy-sub {
    text-align: center;
    color: #AAAAAA;
    margin-bottom: 6px;
  }
  .ibdp-pedagogy-kicker {
    font-size: 1.2rem;
    text-align: center;
    font-weight: 600;
    color: #AAAAAA;
  }
  .pedagogy-grid {
    margin-top: 4px;
  }
  .pedagogy-card {
    background: #292f34;
    border-radius: 26px;
    padding: 22px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 120px;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.35);
    transition: all 0.35s ease;
  }
  .pedagogy-card:hover {
    background: #31393f;
    transform: translateY(-3px);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.45);
  }
  .pedagogy-icon {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    transition: 0.3s ease-in-out;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  }
  .pedagogy-icon[data-bg="blue"] {
    background: #0ea5e9;
  }
  .pedagogy-icon[data-bg="yellow"] {
    background: #f5a623;
  }
  .pedagogy-icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
  }
  .pedagogy-text {
    color: #f9fafb;
  }
  @media (max-width: 767.98px) {
    .ibdp-pedagogy {
      padding: 22px 16px 24px;
    }
    .pedagogy-card {
      border-radius: 20px;
      padding: 16px 18px;
    }
  }
  .ibdp-compare {
    background: #e5e8ee;
    border-radius: 28px;
    padding: 26px 24px 30px;
  }
  .ibdp-compare-title {
    text-align: center;
    font-weight: 700;
    color: #e5a737;
    margin-bottom: 20px;
  }
  .ibdp-compare-item {
    background: #fff;
    border-radius: 30px;
    padding: 0;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #eee;
    position: relative;
  }
  .ibdp-compare-top {
    display: flex;
    align-items: center;
    padding: 14px 22px;
    background: #fff;
    border-bottom: 1px solid #e8f0f6;
    position: relative;
  }
  .ibdp-compare-num {
    width: 34px;
    height: 34px;
    background: #0d99e8;
    color: #fff;
    border-radius: 50%;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    font-size: 15px;
  }
  .ibdp-compare-title-small {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    color: #1d1d1d;
  }
  .ibdp-compare-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 18px 0;
    position: relative;
  }
  .ibdp-compare-col {
    display: flex;
    align-items: center;
    padding: 0 24px;
    gap: 10px;
  }
  .ibdp-compare-col.right {
    border-left: 1px solid #e8f0f6;
  }
  .ibdp-compare-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ibdp-compare-icon.blue {
    background: #e6f5ff;
  }
  .ibdp-compare-icon.yellow {
    background: #fff5d9;
  }
  .ibdp-compare-text {
    color: #374151;
    margin: 0;
    line-height: 1.4;
  }
  .ibdp-compare-blob {
    width: 120px;
    height: 120px;
    position: absolute;
    right: -45px;
    bottom: -40px;
    border-radius: 50%;
    background: rgba(253, 238, 213, 0.6);
    filter: blur(2px);
  }
  .ibdp-faq-section {
    margin-bottom: 2.5rem;
  }
  .ibdp-faq-heading {
    text-align: center;
    font-weight: 700;
    color: #e5a737;
    margin-bottom: 18px;
  }
  .ibdp-accordion .accordion-item {
    background: transparent;
    border: 0;
  }
  .ibdp-accordion .accordion-header {
    margin-bottom: 0;
  }
  .ibdp-accordion .accordion-button {
    background: #ffffff;
    border-radius: 7px;
    padding: 0.6rem 1.1rem;
    font-weight: 600;
    color: #111827;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.35);
    border: 0;
    margin-bottom: 8px;
    transition: all .25s ease;
  }
  .ibdp-accordion .accordion-button::after {
    background-image: none !important;
    content: "+";
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 999px;
    border: 1px solid #d1d5db;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 700;
    color: #111827;
  }
  .ibdp-accordion .accordion-button.collapsed:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.45);
  }
  .ibdp-accordion .accordion-button:not(.collapsed) {
    border-radius: 7px 7px 0 0;
    background: #f5f7fb;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.40);
    margin-bottom: 0;
  }
  .ibdp-accordion .accordion-button:not(.collapsed)::after {
    content: "\00D7";
    border-color: transparent;
  }
  .ibdp-accordion .accordion-collapse {
    margin-top: 0;
  }
  .ibdp-accordion .accordion-body {
    background: #f5f7fb;
    border-radius: 0 0 7px 7px;
    padding: 0.9rem 1.1rem 1rem;
    color: #374151;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.40);
    margin-bottom: 8px;
  }
  .ibdp-accordion .accordion-button:focus {
    box-shadow: none;
  }
  @media (max-width: 767.98px) {
    .ibdp-faq-row {}
  .ibdp-compare-content {
    display: block;
  }
.ibdp-compare-col {
    padding: 10px 0px;
}
  }
  .ibdp-accordion .accordion-collapse {
    overflow: hidden;
    transition: height 0.35s ease, opacity 0.35s ease;
  }
  .ibdp-accordion .accordion-body {
    opacity: 0;
    transition: opacity 0.35s ease;
  }
  .ibdp-accordion .accordion-collapse.show .accordion-body {
    opacity: 1;
  }
  @media (max-width: 767.98px) {
    .ibdp-card,
    .ibdp-curriculum,
    .ibdp-pedagogy,
    .ibdp-compare {
      padding: 18px 14px 20px;
      border-radius: 18px;
    }
    .ibdp-hero-overlay {
      padding: 14px 14px 16px;
    }
    .ibdp-hero-title {
      font-size: 1.1rem;
    }
  }
  .ibdp-inquiry-row .col-lg-8>div {
    border-radius: 24px;
    overflow: hidden;
  }
  .ibdp-inquiry-card {
    background: #d7f2ff;
    padding: 32px 32px 36px;
  }
  .ibdp-inquiry-card .ibdp-section-title {
    color: #e5a737;
  }
  .ibdp-inquiry-card .ibdp-body-text.dark {
    color: #AAAAAA;
  }
  .ibdp-inquiry-img-card {}
  .ibdp-inquiry-img-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  @media (max-width: 767.98px) {
    .ibdp-inquiry-row .col-lg-8>div {
      border-radius: 18px;
    }
    .ibdp-inquiry-card {
      padding: 24px 20px 26px;
    }
  }
  .ftricon {
    width: 19px;
    height: 19px;
    vertical-align: sub;
  }
  .life-main {
    background: #32393d;
    color: #f9fafb;
  }
  .life-card-block {
    border-radius: 26px;
    padding: 40px;
    color: #111827;
  }
  .dark-page .life-card-block {}
  .life-hero {
    position: relative;
    border-radius: 35px;
    overflow: hidden;
    margin: 0 auto;
  }
  .life-hero-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    min-height: 260px;
  }
  .life-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgb(1 1 1 / 0%) 0%, rgb(0 0 0 / 20%) 40%, rgb(0 0 0 / 90%) 100%);
  }
  .life-hero-inner {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    padding: 32px 24px 30px;
    color: #fff;
  }
  .life-hero-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
  }
  .life-hero-text {
    max-width: 900px;
    line-height: 1.5;
  }
  .life-hero-btn {
    margin-top: 25px;
    padding: 0.55rem 1.6rem;
    border-radius: 999px;
  }
  .life-section-title {
    font-weight: 700;
    color: #f7b733;
  }
  .life-body-text {
    line-height: 1.6;
    color: #e5e7eb;
  }
  .life-card-block .life-section-title {
    color: #f7b733;
  }
  .life-card-block .life-body-text {}
  .life-body-text2 {
    color: #4b5563;
  }
  .life-community-sec {
    color: #fff;
  }
  .life-comm-title {
    font-weight: 700;
    color: #f4b22e;
    line-height: 1.3;
  }
  .life-comm-text {
    color: #d8e0e6;
    margin-bottom: 20px;
  }
  .life-feature-pill {
    display: flex;
    gap: 12px;
    background: #ffffff;
    padding: 14px 16px;
    border-radius: 14px;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.05);
    min-height: 90px;
  }
  .life-feature-icon {
    background: #e7f5ff;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .life-feature-icon img {
    width: 22px;
    height: 22px;
  }
  .life-feature-pill h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #222;
  }
  .life-feature-pill p {
    margin: 0;
    font-size: 14px;
    color: #5a6471;
  }
  .life-cta-btn {
    background: #0098da;
    color: #fff;
    padding: 10px 22px;
    border-radius: 25px;
    margin-top: 25px;
    font-weight: 700;
  }
  .life-cta-btn:hover {
    background: #007ab0;
    color: #fff;
  }
  .life-comm-photo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .photo-small {
    border-radius: 14px;
    overflow: hidden;
  }
  .life-comm-photo-grid img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  @media (max-width: 767px) {
    .life-comm-title {
      font-size: 26px;
    }
    .life-comm-photo-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .life-clubs-section .life-clubs-block {
    background: #f1f4f6;
    border-radius: 28px;
    padding: 40px;
  }
  .life-clubs-section .life-section-title {
    color: #f4b22e;
  }
  .life-clubs-section .life-body-text {
    color: #4b5563;
  }
  .life-club-card {
    border-radius: 22px;
    overflow: hidden;
    background: #111827;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.35);
    height: 100%;
  }
  .life-club-thumb {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 230px;
  }
  .life-club-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .life-club-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgb(0 0 0 / 0%) 35%, rgba(0, 0, 0, 0.05) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 22px;
  }
  .life-club-title {
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 4px;
  }
  .life-club-text {
    color: #e5e7eb;
    line-height: 1.55;
  }
  @media (max-width: 575.98px) {
    .life-clubs-section .life-clubs-block {
      padding: 24px 16px 20px;
      border-radius: 22px;
    }
    .life-club-thumb {
      min-height: 62vh;
    }
    .life-club-overlay {
      padding: 16px 16px;
    }
  }
  .life-card-block p {
    line-height: 1.6;
  }
  .life-events-card {
    background: #E3E3E3;
  }
  .life-events-card .life-section-title {
    color: #f7b733;
  }
  .life-events-list {
    margin-bottom: 10px;
  }
  .life-event-row {
    background: #ffffff;
    border-radius: 16px;
    padding: 12px 16px;
    margin-bottom: 10px;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.15);
  }
  .life-event-date {
    width: 80px;
    height: 80px;
    border-radius: 16px;
    background: #0b7dda;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
  }
  .life-event-month {
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  .life-event-day {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
  }
  .life-event-info {
    color: #111827;
  }
  .life-event-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 2px;
  }
  .life-event-meta {
    font-size: 0.9rem;
    color: #6b7280;
  }
  .life-event-tag {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    background: #e5f0ff;
    color: #2563eb;
  }
  @media (max-width: 575.98px) {
    .life-event-date {
      width: 40px;
      height: 40px;
      border-radius: 7px;
      font-size: .6rem;
    }
    .life-event-title {
      font-size: 0.9rem;
    }
    .life-event-meta {
      font-size: 0.7rem;
    }
  }
  .life-year-grid .life-year-card {
    background: #ffffff;
    border-radius: 16px;
    color: #32393d;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
    min-height: 330px;
  }
  .life-year-card img {
    border-radius: 12px 12px 0 0;
    width: 100%;
    object-fit: cover;
  }
  .life-year-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 4px;
  }
  .life-year-text {
    color: #32393d;
  }
  @media (max-width: 575.98px) {
    .life-year-grid .life-year-card {
      min-height: auto;
    }
  }
  .life-signature-row {
    margin-top: 10px;
  }
  .life-signature-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 28px;
    border-top: 6px solid transparent;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    transition: all .35s ease;
    min-height: 220px;
  }
  .life-signature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1);
  }
  .border-blue {
    border-top-color: #0098da;
  }
  .border-orange {
    border-top-color: #e47f1f;
  }
  .border-gold {
    border-top-color: #d6821e;
  }
  .border-teal {
    border-top-color: #00a5b5;
  }
  .life-signature-icon-wrap {
    margin-bottom: 14px;
  }
  .life-signature-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .life-signature-icon img {
    width: 22px;
    height: 22px;
  }
  .bg-blue {
    background: #0098da;
  }
  .bg-orange {
    background: #e47f1f;
  }
  .bg-gold {
    background: #d68320;
  }
  .bg-teal {
    background: #00a5b5;
  }
  .life-signature-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 6px;
    color: #262626;
  }
  .life-signature-text {
    line-height: 1.45;
    color: #555;
  }
  .life-signature-card {
    display: block;
    padding: 18px 18px;
    border-radius: 20px;
    color: #111827;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
  }
  .life-signature-icon {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ffffff;
  }
  .life-signature-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 15px 0px;
  }
  .life-signature-text {
    color: #838383;
  }
  .life-signature-blue {
    background: #e0f2ff;
  }
  .life-signature-blue .life-signature-icon {
    background: #0b7dda;
  }
  .life-signature-orange {
    background: #ffe8d5;
  }
  .life-signature-orange .life-signature-icon {
    background: #f97316;
  }
  .life-signature-gold {
    background: #fff3c7;
  }
  .life-signature-gold .life-signature-icon {
    background: #facc15;
  }
  .life-signature-teal {
    background: #dbeff0;
  }
  .life-signature-teal .life-signature-icon {
    background: #0f766e;
  }
  .life-gallery-btn {
    display: inline-block;
    padding: 8px 26px;
    border-radius: 40px;
    border: 1px solid #0ea5dd;
    color: #0ea5dd;
    text-decoration: none;
    font-weight: 700;
    transition: all .3s ease;
  }
  .life-gallery-btn:hover {
    background: #0ea5dd;
    color: #fff;
  }
  @media (max-width: 991.98px) {
    .life-hero-inner {
      justify-content: center;
      padding: 24px 18px;
    }
    .life-hero-title {
      font-size: 1.3rem;
    }
    .life-card-block {
      padding: 22px 18px;
    }
    .life-gallery-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 767.98px) {
    .life-hero {
      border-radius: 18px;
      height: 60vh;
    }
    .life-hero-inner {
      justify-content: flex-end;
      padding-bottom: 20px;
    }
    .life-hero-title {
      font-size: 1.2rem;
    }
    .life-section-title {}
    .life-gallery-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .life-event-row {
      flex-direction: column;
      align-items: flex-start !important;
      gap: 10px;
    }
    .life-signature-icon {
        margin: 0 auto;
    }
  }
  @media (max-width: 575.98px) {
    .life-card-block {
      padding: 18px 14px;
      border-radius: 18px;
    }
    .life-body-text {
      font-size: 0.85rem;
    }
    .life-year-card img {
      height: 105px;
    }
    .life-gallery-grid {
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }
  }
  .admissions-section-title {
    font-weight: 700;
    color: #EDA832;
  }
  .admissions-section-sub {
    color: #8D8D8D;
  }
  .admissions-hero {
    position: relative;
    height: 100vh;
    border-radius: 24px;
  }
  .admissions-hero img {
    object-fit: cover;
    filter: saturate(1.05);
  }
  .admissions-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgb(1 1 1 / 0%) 0%, rgb(0 0 0 / 20%) 40%, rgb(0 0 0 / 90%) 100%);
  }
  .admissions-hero-inner {
    position: absolute;
    bottom: 10%;
    justify-content: center;
    padding: 0 52px;
    color: #ffffff;
    margin: 0;
    text-align: center;
  }
  .admissions-hero-kicker {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #c7d7ff;
  }
  .admissions-hero-title {
    font-size: 2.1rem;
    line-height: 1.25;
    font-weight: 700;
  }
  .admissions-hero-text {
    color: #e1e7f0;
    font-weight: 600;
  }
  .admissions-hero-btn {
    padding-inline: 26px;
    border-radius: 999px;
    font-weight: 600;
  }
  .admissions-ready-card,
  .admissions-ready-cta-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 20px 18px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.04);
    min-height: 180px;
    transition: all 0.3s ease;
    color: #1b2832;
  }
  .admissions-ready-card p {
    margin-bottom: 0;
    color: #384654;
  }
  .admissions-ready-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #0098da;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }
  .admissions-ready-icon img {
    max-width: 22px;
  }
  .admissions-ready-cta-card {
    background: #0098da;
    color: #ffffff;
    border: none;
    text-decoration: none;
  }
  .admissions-ready-cta-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.75);
    background: #FFFFFF;
    color: #0098da;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
  }
  .admissions-ready-cta-card p {}
  .admissions-ready-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16);
  }
  .admissions-ready-cta-card:hover {
    background: #00a4eb;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
  }
  .admissions-scholarship-card {
    background: #E3E3E3;
    border-radius: 35px;
    overflow: hidden;
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.22);
  }
  .admissions-scholarship-photo img {
    display: block;
  }
  .admissions-scholarship-body {
    padding: 32px 32px 28px;
    color: #1d2834;
  }
  .admissions-scholarship-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .admissions-scholarship-pill {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #ffffff;
    border-radius: 12px;
    padding: 9px 14px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
  }
  .admissions-scholarship-pill .pill-icon {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #e7f5ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0098da;
    font-size: 0.9rem;
    flex-shrink: 0;
  }
  .admissions-scholarship-pill strong {
    font-weight: 600;
  }
  .admissions-steps-wrapper {
    background: #ceebf8;
    border-radius: 24px;
    padding: 30px 26px 26px;
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.22);
  }
  .admissions-steps-rail {
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .admissions-steps-line {
    position: absolute;
    left: 9%;
    right: 9%;
    top: 18px;
    height: 2px;
    background: #d7e2f0;
  }
  .admissions-step-dot {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #0098da;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 6px 14px rgba(0, 152, 218, 0.4);
    margin-inline: 8.5%;
  }
  .admissions-step-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 18px 14px;
    text-align: center;
    font-size: 0.9rem;
    color: #495463;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.09);
    height: 100%;
  }
  .admissions-step-card h3 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 6px;
    color: #222d3b;
  }
  .admissions-step-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: #CEEBF8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 8px;
    color: #0098da;
  }
  .admissions-step-icon img {
    width: 20px;
    height: 20px;
  }
  .admissions-final-cta {}
  .admissions-main .btn-primary {
    background-color: #0098da;
    border-color: #0098da;
    font-size: 0.9rem;
  }
  .admissions-main .btn-primary:hover {
    background-color: #00a4eb;
    border-color: #00a4eb;
  }
  @media (max-width: 991.98px) {
    .admissions-hero {
      height: 70vh;
      border-radius: 0;
    }
    .admissions-hero-inner {
      max-width: 100%;
      padding: 0 18px;
      align-items: flex-start;
    }
    .admissions-hero-title {
      font-size: 1.6rem;
    }
    .admissions-scholarship-body {
      padding: 24px 18px;
    }
    .admissions-steps-wrapper {
      padding: 24px 16px;
    }
    .admissions-steps-line {
      display: none;
    }
    .admissions-step-dot {
      display: none;
    }
    .admissions-step-card {
      text-align: left;
    }
    .admissions-step-icon {
      margin-left: 0;
    }
  }
  @media (max-width: 575.98px) {
    .admissions-ready-card,
    .admissions-ready-cta-card {
      min-height: auto;
      display: flex;
      gap: 10px;
      flex-direction: column;
      align-items: center;
    }
    .admissions-ready-icon {
      padding: 10px;
    }
    .admissions-hero {
      height: 90vh;
    }
    .admissions-hero-inner {
      bottom: 5%;
    }
    .admissions-final-cta {
      border-radius: 16px;
    }
    .results-hero-card:nth-child(1),
    .results-hero-card:nth-child(3) {
      min-height: 95px;
    }
  }
  .intl-admissions-main .admissions-hero {
    height: 80vh;
    position: relative;
    border-radius: 35px;
  }
  .intl-admissions-main .admissions-hero img {
    object-fit: cover;
    object-position: top;
  }
  .intl-admissions-main .admissions-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
        rgba(0, 0, 0, 0.15) 0%,
        rgba(0, 0, 0, 0.55) 80%);
  }
  .intl-admissions-main .admissions-hero-inner {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    max-width: 900px;
    text-align: center;
    color: #fff;
  }
  .intl-admissions-main .admissions-hero-kicker {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    opacity: .85;
  }
  .intl-admissions-main .admissions-hero-title {
    font-size: 32px;
    font-weight: 700;
  }
  .intl-admissions-main .admissions-hero-text {
    max-width: 720px;
    margin: 0 auto;
    font-size: 15px;
    opacity: .95;
  }
  .intl-admissions-main .admissions-hero-btn {
    background: #0b7dda;
    padding: 8px 26px;
    border-radius: 28px;
    font-size: 15px;
  }
  .intl-admissions-main .admissions-section-title {
    color: #EDA832;
    font-weight: 700;
  }
  .intl-admissions-main .admissions-section-sub {
    color: #57606b;
    margin: 0 auto;
  }
  .intl-admissions-main .admissions-ready-card {
    box-shadow: none;
    padding: 7px 0px;
    border-radius: 14px;
    height: 100%;
    border: none;
    display: flex;
    gap: 0px;
    align-items: center;
    min-height: auto;
  }
  .intl-admissions-main .admissions-ready-card-main {
    background: #fff;
    padding: 18px 20px;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.06);
  }
  .intl-admissions-main .admissions-ready-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: none;
    color: #0b7dda;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    margin-bottom: 0px;
  }
  .intl-admissions-main .admissions-ready-cta-card {
    background: #0b7dda;
    color: #fff;
    padding: 20px;
    border-radius: 14px;
    text-decoration: none;
    transition: .3s ease;
    min-height: auto;
  }
  .intl-admissions-main .admissions-ready-cta-card:hover {
    background: #096bb4;
  }
  .intl-admissions-main .admissions-ready-cta-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .intl-admissions-main .admissions-steps-wrapper {
    margin-top: 20px;
  }
  .intl-admissions-main .admissions-steps-rail {
    position: relative;
    height: 50px;
  }
  .intl-admissions-main .intl-move-pill {
    background: #fff;
    border-radius: 10px;
    padding: 14px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    height: 100%;
  }
  .intl-admissions-main .intl-move-pill-label {
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: #000000;
  }
  .intl-admissions-main .intl-passport-photo img {
    object-fit: cover;
  }
  .intl-admissions-main .intl-support-card {
    background: #fff;
    padding: 18px;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    height: 100%;
  }
  .intl-admissions-main .intl-support-icon {
    width: 44px;
    height: 44px;
    background: #e9f5ff;
    color: #0b7dda;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    font-size: 18px;
  }
  .intl-admissions-main .intl-city-img {
    border-radius: 14px;
    overflow: hidden;
  }
  .intl-admissions-main .intl-city-img img {
    object-fit: cover;
    height: 100%;
  }
  .intl-admissions-main .legacy-img img {
    border-radius: 16px;
  }
  @media (max-width: 768px) {
    .intl-admissions-main .admissions-hero {
      height: 70vh;
    }
    .intl-admissions-main .admissions-hero-title {
      font-size: 24px;
    }
    .intl-admissions-main .admissions-step-dot {
      margin: 0 14px;
    }
    .intl-admissions-main .admissions-steps-line {
      left: 5%;
      right: 5%;
    }
  }
  .intl-settle-section {}
  .intl-settle-title {
    font-size: 28px;
    font-weight: 700;
    color: #f6a21e;
    margin-bottom: 6px;
  }
  .intl-settle-sub {
    color: #6d7580;
  }
  .intl-settle-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 20px 22px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    transition: all 0.3s ease;
  }
  .intl-settle-card:hover {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
  }
  .intl-settle-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #e8f4ff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
  }
  .intl-settle-icon img {
    width: 22px;
    height: 22px;
  }
  .intl-settle-card h3 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #1d1d1d;
  }
  .intl-settle-card p {
    font-size: 14px;
    color: #606b78;
    margin-bottom: 0;
  }
  .intl-settle-img {
    object-fit: cover;
    width: 100%;
    border-radius: 18px;
  }
  @media (max-width: 767px) {
    .intl-settle-img {}
    .intl-settle-card {
      min-height: 205px;
    }
     .intl-settle-icon img {
      width: auto!important;
     }
.intl-settle-owl .intl-settle-card {
    min-height: auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}
  }
  .discover-campus-section2 {
    position: relative;
    background-image: url("../images/avif/cta-bg2.avif");
    background-size: cover;
    background-position: center;
    padding: 150px 20px;
    overflow: hidden;
  }
  .discover-campus-section2 .discover-overlay {
    position: absolute;
    inset: 0;
    background: rgba(6, 28, 48, 0.2);
  }
  .discover-campus-section2 .discover-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto;
    color: #ffffff;
  }
  .hltxt {
    color: #1294D1;
  }
  .adproc-page {
    background: #262f35;
    color: #e5edf7;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  .adproc-page .section {
    position: relative;
  }
  .adproc-page a,
  .adproc-page .adproc-audience-card,
  .adproc-page .adproc-key-card,
  .adproc-page .adproc-step-card,
  .adproc-page .adproc-scholarship-card,
  .adproc-page .adproc-campus-btn {
    transition: all 0.3s ease;
  }
  .adproc-hero {
    position: relative;
    min-height: 480px;
    max-height: 700px;
    overflow: hidden;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }
  .adproc-hero-bg {
    position: absolute;
    inset: 0;
  }
  .adproc-hero-bg img {
    width: 100%;
    height: 100%;
  }
  .adproc-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
        rgba(6, 11, 15, 0.15) 0%,
        rgba(6, 11, 15, 0.75) 65%,
        rgba(6, 11, 15, 0.9) 100%);
  }
  .adproc-hero-content {
    position: relative;
    padding: 3.5rem 0 3.75rem;
    color: #ffffff;
  }
  .adproc-hero-title {
    font-size: 1.9rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  .adproc-hero-text {
    max-width: 640px;
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
  }
  .adproc-hero-btn,
  .adproc-hero-btn-secondary {
    min-width: 180px;
    border-radius: 999px;
    font-size: 0.9rem;
    padding-inline: 1.5rem;
    padding-block: 0.6rem;
  }
  .adproc-hero-btn {
    background: #0098da;
    border-color: #0098da;
  }
  .adproc-hero-btn:hover {
    background: #0077ae;
    border-color: #0077ae;
  }
  .adproc-hero-btn-secondary {
    background: #ffffff;
    border-color: #ffffff;
    color: #111827;
  }
  .adproc-hero-btn-secondary:hover {
    background: #e5e7eb;
    border-color: #e5e7eb;
  }
  .adproc-intro {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .adproc-copy-block {
    color: #e5edf7;
  }
  .adproc-section-title {
    font-weight: 700;
    color: #EDA832;
  }
  .adproc-section-text {
    font-size: 0.9rem;
    color: #AAAAAA;
    line-height: 1.7;
  }
  .adproc-advisor-photo {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.4);
  }
  .adproc-key-card {
    background: #ffffff;
    border-radius: 22px;
    padding: 1.9rem 1.8rem;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.28);
    color: #1f2933;
  }
  .adproc-key-title {
    font-weight: 700;
    margin-bottom: 1rem;
  }
  .adproc-key-list li {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.9rem;
    padding: 1.2rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
    font-weight: 600;
  }
  .adproc-key-list li:last-child {
    border-bottom: none;
  }
  .adproc-key-icon {
    width: 50px;
    height: 50px;
    border-radius: 999px;
    background: #0098da;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0098da;
    font-size: 0.95rem;
  }
  .adproc-key-icon img {
    width: 20px;
  }
  .adproc-audience {
    padding-bottom: 3.5rem;
  }
  .adproc-audience-head {
    max-width: 640px;
    color: #e5edf7;
  }
  .adproc-section-sub {
    font-size: 0.9rem;
    color: #AAAAAA;
  }
  .adproc-audience-card {
    display: block;
    width: 100%;
    background: #0098da;
    border-radius: 14px;
    padding: 22px 24px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
    transition: transform 0.25s ease, box-shadow 0.25s ease,
      background-color 0.25s ease;
  }
  .adproc-audience-card h3 {
    font-weight: 600;
    margin: 0 0 10px;
    color: #ffffff;
  }
  .adproc-audience-card p {
    display: inline-block;
    margin: 0;
    padding: 6px 22px;
    background: #ffffff;
    color: #222222;
    font-weight: 500;
    border-radius: 999px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);
  }
  .adproc-audience-indian {
    background: #0098da;
  }
  .adproc-audience-intl {
    background: #e4a835;
  }
  .adproc-audience-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.22);
  }
  @media (max-width: 767.98px) {
    .adproc-audience-card {
      margin-bottom: 6px;
    }
  }
  .adproc-steps {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .adproc-steps-wrap-main {
    background: #f9fafb;
    border-radius: 26px;
  }
  .adproc-steps-wrap {
    padding: 0 1.7rem 0;
    position: relative;
  }
  .adproc-steps-line {
    position: absolute;
    top: 44px;
    left: 12%;
    right: 12%;
    height: 2px;
    background: linear-gradient(90deg, #0098da, #f59e0b);
    opacity: 0.45;
    pointer-events: none;
  }
  .adproc-step {
    text-align: center;
  }
  .adproc-step-badge {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    margin: 0 auto 0.75rem;
    background: #0098da;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(0, 152, 218, 0.45);
    position: relative;
    z-index: 1010;
  }
  .adproc-step-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 1.25rem 1.1rem 1.35rem;
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 10px 26px rgba(148, 163, 184, 0.55);
  }
  .adproc-step-icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: #e8f5ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0098da;
    font-size: 1.15rem;
    margin-bottom: 0.6rem;
  }
  .adproc-step-icon img {
    width: 20px;
  }
  .adproc-step-title {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.45rem;
    color: #111827;
  }
  .adproc-step-text {
    line-height: 1.6;
    color: #4b5563;
  }
  .adproc-steps-cta {
    margin-top: 0.8rem;
    padding-inline: 1.8rem;
    border-radius: 999px;
    font-size: 0.9rem;
  }
  .adproc-campus {}
  .adproc-campus-wrapper {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    background: #000;
  }
  .adproc-campus-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .adproc-campus-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 10%, rgb(0 0 0 / 10%) 100%);
    z-index: 1;
  }
  .adproc-campus-content {
    position: relative;
    z-index: 3;
    padding: 40px 0;
    color: #fff;
  }
  .adproc-campus-title {
    font-weight: 700;
    color: #f7b32b;
    margin-bottom: 8px;
  }
  .adproc-campus-text {
    max-width: 380px;
    color: #e9eef3;
  }
  .adproc-campus-btn {
    padding: 8px 22px;
    border-radius: 30px;
    font-weight: 600;
    color: #333 !important;
  }
  @media (max-width: 768px) {
    .adproc-campus-wrapper {
      height: 300px;
    }
    .adproc-campus-title {}
    .adproc-campus-text {
      font-size: 0.9rem;
    }
    .adproc-step-badge {
      position: absolute;
    }
    .adproc-step-card {
      padding: 1rem 1rem 1rem;
    }
  }
  .adproc-scholarship {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }
  .adproc-scholarship-card {
    background: #31393f;
    border-radius: 22px;
    padding: 1.8rem 1.7rem;
    color: #e5edf7;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  }
  .adproc-scholarship-card .adproc-section-title {
    color: #EDA832;
  }
  .adproc-scholarship-card .adproc-section-text {
    color: #AAAAAA;
  }
  .adproc-scholarship-card .btn {
    border-radius: 999px;
    font-size: 0.85rem;
  }
  .adproc-scholarship-photo {
    box-shadow: 0 20px 36px rgba(15, 23, 42, 0.7);
  }
  .adproc-final-cta {
    padding-top: 3rem;
    padding-bottom: 3.5rem;
    text-align: center;
  }
  .adproc-final-cta .adproc-section-title {
    color: #EDA832;
  }
  .adproc-final-cta .adproc-section-sub {
    max-width: 540px;
    margin: 0 auto 1.4rem;
    color: #AAAAAA;
    font-size: 0.9rem;
  }
  .adproc-final-btn {
    border-radius: 999px;
    padding-inline: 1.8rem;
    padding-block: 0.6rem;
    border-width: 1px;
    border-color: #ffffff;
    color: #ffffff;
  }
  .adproc-final-btn:hover {
    background: #ffffff;
    color: #111827;
  }
  .adproc-step-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 32px rgba(148, 163, 184, 0.65);
  }
  .adproc-key-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.4);
  }
  @media (max-width: 991.98px) {
    .adproc-hero {
      min-height: 420px;
    }
    .adproc-hero-content {
      text-align: center;
      padding-bottom: 3rem;
    }
    .adproc-hero-text {
      margin-inline: auto;
    }
    .adproc-steps-wrap {
      padding-inline: 1.25rem;
    }
    .adproc-steps-line {
      display: none;
    }
    .adproc-step {
      margin-bottom: 0.5rem;
    }
    .adproc-campus-wrapper {
      border-radius: 30px;
    }
    .adproc-scholarship-card {
      margin-bottom: 0.5rem;
    }
  }
  @media (max-width: 575.98px) {
    .adproc-hero-title {
      font-size: 1.5rem;
    }
    .adproc-section-title {}
    .adproc-audience-card {
      padding-inline: 1.25rem;
    }
    .adproc-step-card {
      min-height: auto;
    }
  }
  .results-hero-content {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    color: #fff;
  }
  .results-hero-title {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 12px;
  }
  .results-hero-sub {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #eaeaea;
    max-width: 720px;
    margin: 0 auto 30px;
  }
  .results-hero-stats {
    margin-top: 25px;
  }
  .results-hero-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 25px 15px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
    transition: all 0.35s ease;
  }
  .results-hero-card:nth-child(1),
  .results-hero-card:nth-child(3) {
    background: #0093dd;
    color: #fff;
  }
  .results-hero-number {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 5px;
  }
  .results-hero-label {
    font-size: 0.9rem;
    font-weight: 500;
  }
  .results-hero-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.26);
  }
  @media (max-width: 992px) {
    .results-hero {
      height: auto;
      padding: 60px 0 40px;
      border-radius: 0;
    }
  }
  @media (max-width: 768px) {
    .results-hero-title {
      font-size: 1.8rem;
    }
    .results-hero-number {
      font-size: .9rem;
    }
    .results-hero-card {
      padding: 20px 12px;
    }
  }
  @media (max-width: 576px) {
    .results-hero-content {
    }
    .results-hero-title {
      font-size: 1.55rem;
    }
    .results-hero-sub {
      font-size: 0.85rem;
      margin: 0 auto 0px;
    }
    .results-hero-stats .col-md-4 {
      margin-bottom: 12px;
    }
    .results-hero-stats {
      margin-top: 0;
    }
  }
  .results-section-title {
    font-weight: 700;
    color: #f4b13b;
  }
  .results-section-sub {
    color: #5f6365;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
  .results-transform {
    background: #2f383e;
    border-radius: 20px;
  }
  .results-core-card {
    background: #252d33;
    border-radius: 18px;
    padding: 1.3rem 1.25rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  }
  .results-core-icon {
    width: 42px;
    height: 42px;
    border-radius: 30px;
    background: rgb(7 159 247 / 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    margin: 0 auto 1rem;
  }
  .results-core-icon img {
    width: 20px;
  }
  .results-core-title {
    font-weight: 600;
    color: #FFFFFF;
  }
  .results-core-text {
    color: #cbd6e2;
  }
  .results-snapshot {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .results-snapshot-wrap {
    background: #E3E3E3;
    border-radius: 26px;
    padding: 24px 24px 18px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
  }
  .results-snapshot-main {
    background: #ffffff;
    border-radius: 22px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .results-snapshot-photo {
    position: relative;
    padding-top: 62%;
    overflow: hidden;
  }
  .results-snapshot-photo img {
    position: absolute;
    inset: 0;
  }
  .results-snapshot-body {
    padding: 18px 20px 20px;
  }
  .results-snapshot-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #f59b1b;
    margin-bottom: 6px;
  }
  .results-snapshot-text {
    color: #4b5664;
  }
  .results-snapshot-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding-left: 18px;
  }
  .results-snapshot-tile {
    border-radius: 18px;
    padding: 20px 18px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 213px;
    text-align: center;
  }
  .tile-blue {
    background: #0098da;
  }
  .tile-blue-strong {
    background: #0071c5;
  }
  .tile-gold {
    background: #f5aa27;
  }
  .results-snapshot-stat {
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 6px;
  }
  .results-snapshot-label {
    font-size: 0.82rem;
    font-weight: 500;
  }
  .results-snapshot-label.small {
    font-size: 0.78rem;
  }
  .results-snapshot-foot {
    margin-top: 18px;
    background: #ffffff;
    border-radius: 18px;
    padding: 14px 20px;
    color: #4b5664;
        font-weight: 600;
  }
  @media (max-width: 991.98px) {
    .results-snapshot-grid {
      padding-left: 0;
      margin-top: 16px;
    }
  }
  @media (max-width: 575.98px) {
    .results-snapshot-wrap {
      padding: 18px 16px 14px;
    }
    .results-snapshot-grid {
      grid-template-columns: 1fr;
    }
    .results-snapshot-tile {
      min-height: 0;
      padding: 16px 14px;
    }
    .results-snapshot-title {
      font-size: 1.05rem;
    }
  }
  .results-profiles {}
  .results-profile-card {
    background: #252d33;
    border-radius: 18px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .results-profile-photo {
    height: 400px;
    overflow: hidden;
  }
  .results-profile-name {
    font-size: .95rem;
    font-weight: 600;
    margin: .9rem 1rem .2rem;
  }
  .results-profile-text {
    font-size: .82rem;
    color: #ced6df;
    margin: 0 1rem 1rem;
  }
  .resultsPathways-section {
    padding: 60px 0;
  }
  .resultsPathways-card {
    background: #e3e3e3;
    border-radius: 26px;
    padding: 40px;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05);
  }
  .resultsPathways-title {
    font-weight: 700;
    color: #d99000;
    margin-bottom: 10px;
  }
  .resultsPathways-sub {
    color: #555;
    max-width: 1050px;
    margin: 0 auto 30px auto;
  }
  .resultsMetric-box {
    padding: 28px;
    border-radius: 14px;
    height: 100%;
    background: #fff;
    text-align: center;
  }
  .resultsMetric-blue {
    background: #c9e8ff;
  }
  .resultsMetric-light {
    background: #fff5de;
  }
  .resultsMetric-teal {
    background: #d9f4ff;
  }
  .resultsMetric-title {
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
  }
  .resultsMetric-value {
    font-size: 34px;
    font-weight: 700;
    color: #0077c8;
  }
  .resultsMetric-text {
    color: #0098da;
    line-height: 1.5;
  }
  .resultsMetric-logos {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 15px;
  }
  .resultsMetric-logos img {
    height: 65px;
    width: auto;
    object-fit: contain;
  }
  .resultsSupport-strip {
    background: #fff;
    padding: 35px;
    border-radius: 16px;
    margin-top: 32px;
    border: 1px solid #eee;
  }
  .resultsSupport-heading {
    text-align: center;
    font-weight: 700;
    color: #d99000;
    margin-bottom: 25px;
  }
  .resultsSupport-item {
    text-align: center;
    padding: 10px 15px;
  }
  .resultsSupport-icon {
    width: 48px;
    height: 48px;
    background: #e6f6ff;
    color: #0077c8;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin: 0 auto 10px auto;
  }
  .resultsSupport-icon img {
    width: 20px;
  }
  .resultsSupport-item p {
    color: #444;
    line-height: 1.45;
    font-weight: 600;
  }
  .resultsPathways-btn {
    background: #0077c8;
    border: 0;
    padding: 10px 22px;
    border-radius: 30px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
  }
  .resultsPathways-btn:hover {
    background: #00558f;
    color: #fff;
  }
  @media (max-width: 768px) {
    .resultsMetric-logos {
      flex-wrap: wrap;
      justify-content: center;
    }
    .resultsMetric-logos img {
      height: 32px;
    }
    .resultsPathways-card {
      padding: 22px;
    }
  }
  .results-wellbeing {}
  .results-wellbeing-photo {
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.3);
    background: #000;
  }
  .results-wellbeing-card {
    background: #e9f4ff;
    border-radius: 22px;
    padding: 1.8rem 1.7rem;
    color: #1b2430;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
    height: 100%;
  }
  .results-wellbeing-card .results-section-title {
    color: #f4a62a;
  }
  .results-wellbeing-card .results-section-sub {
    max-width: none;
    color: #4a5665;
  }
  .object-fit-cover {
    object-fit: cover;
  }
  @media (max-width: 991.98px) {
    .results-main .section {
      padding: 2.5rem 0;
    }
    .results-hero {
      min-height: 380px;
      border-radius: 0;
    }
    .results-snapshot-photo {
      height: 200px;
    }
    .results-pathways-card {
      padding: 2rem 1.4rem;
    }
    .results-wellbeing-photo {
      margin-bottom: 1.4rem;
    }
  }
  @media (max-width: 767.98px) {
    .results-hero .container {
      align-items: flex-end;
      padding-bottom: 2rem;
    }
    .results-hero-title {
      font-size: 1.5rem;
    }
    .results-hero-card {
      text-align: center;
      align-items: center;
    }
    .results-snapshot-grid {
      grid-template-columns: 1fr;
    }
    .results-pathways-card {
      border-radius: 18px;
    }
  }
  @media (max-width: 575.98px) {
    .results-hero {
      margin: 0 -1rem 2.5rem;
      border-radius: 0;
    }
    .results-snapshot-card,
    .results-transform,
    .results-pathways-card,
    .results-wellbeing-card {
      border-radius: 16px;
    }
    .results-snapshot-photo {
      height: 180px;
    }
  }
  .textgrey {
    color: #717171;
  }
  .campus-hero {
    position: relative;
    margin: 0 auto 40px;
    border-radius: 24px;
    overflow: hidden;
    background: #000;
    min-height: 420px;
  }
  .campus-hero-media {
    position: absolute;
    inset: 0;
  }
  .campus-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .campus-hero-overlay {
    position: absolute;
    inset: 0;
    background:
      linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.9) 85%);
    mix-blend-mode: multiply;
  }
  .campus-hero .container {
    position: relative;
    z-index: 2;
    height: 100%;
  }
  .campus-hero-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    padding: 110px 16px 80px;
    color: #fff;
    max-width: 720px;
    margin: 0 auto;
  }
  .campus-hero-title {
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: .01em;
    margin-bottom: .75rem;
  }
  .campus-hero-sub {
    font-size: .95rem;
    line-height: 1.6;
    color: #e5edf9;
    margin-bottom: 1.4rem;
  }
  .campus-hero-btn {
    padding: .55rem 1.85rem;
    border-radius: 999px;
    font-size: .9rem;
    border: none;
    background: #0098da;
    color: #fff;
    font-weight: 600;
  }
  .campus-hero-btn:hover {
    background: #007bb0;
    color: #fff;
  }
  .campus-section {
    color: #eaf2ff;
  }
  .campus-section-soft {
    background: #f3f5f8;
    color: #222b36;
  }
  .campus-section+.campus-section {
    margin-top: 10px;
  }
  .campus-section-title {
    font-weight: 700;
    color: #f5b12f;
  }
  .campus-section-soft .campus-section-title {
    color: #f5a623;
  }
  .campus-section-sub {
    color: #d1d8e3;
    max-width: 640px;
    margin: 0 auto;
  }
  .campus-section-soft .campus-section-sub {
    color: #5c6774;
  }
  .campus-body-text {
    line-height: 1.7;
    color: #d9e3f2;
  }
  .campus-section-soft .campus-body-text {
    color: #4b5664;
  }
  .campus-panel {
    border-radius: 26px;
    padding: 28px 26px 24px;
  }
  .campus-panel-light {
    background: #dff3ff;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
    color: #102536;
  }
  .campus-panel-light .campus-section-title {
    color: #f5a623;
    font-weight: 700;
  }
  .campus-panel-light .campus-body-text {
    color: #364552;
    line-height: 1.7;
  }
  .campus-bullet-list {
    margin: 0;
    padding-left: 18px;
    color: #46556b;
  }
  .campus-bullet-list li+li {
    margin-top: 4px;
  }
  .campus-classroom-wrap {
    padding-left: 8px;
  }
  .campus-classroom-photo {
    border-radius: 30px;
  }
  .object-fit-cover {
    object-fit: cover;
  }
  .campus-feature-pill {
    background: #ffffff;
    border-radius: 20px;
    padding: 16px 12px 14px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.18);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    height: 100%;
    gap: 10px;
    transition: all .3s ease;
  }
  .campus-feature-icon {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: #e7f4ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0098da;
    font-size: 20px;
    flex-shrink: 0;
  }
  .campus-feature-text {
    line-height: 1.45;
    color: #374151;
  }
  .campus-feature-pill:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.25);
  }
  @media (max-width: 991.98px) {
    .campus-classroom-wrap {
      padding-left: 0;
    }
    .campus-panel {
      padding: 22px 20px 20px;
    }
  }
  @media (max-width: 767.98px) {
    .campus-panel-light .campus-section-title {}
    .campus-feature-pill {
      padding: 14px 10px;
    }
  }
  .campus-section-soft .container {
    position: relative;
  }
  .campus-fitness-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 22px 22px 20px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
  }
  .campus-fitness-heading {
    font-size: 1.05rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: .4rem;
  }
  .campus-fitness-card .campus-body-text {
    color: #4b5563;
  }
  .campus-fitness-photo {
    position: relative;
    background: #000;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.4);
  }
  .campus-fitness-photo img {
    display: block;
  }
  .campus-fitness-caption {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 16px;
    background: rgba(17, 24, 39, 0.82);
    color: #f9fafb;
    font-size: .8rem;
    line-height: 1.5;
    padding: 9px 11px;
    border-radius: 12px;
  }
  .campus-gate-photo {
  }
  .campus-safety-pill {
    position: relative;
    right: -80%;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 12px 14px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: #31393c;
    font-size: .84rem;
    max-width: 250px;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
  }
  .campus-safety-icon {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    flex-shrink: 0;
  }
  .campus-safety-text {
    line-height: 1.5;
  }
  .campus-tech-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 24px 22px 20px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
    height: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .campus-tech-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: #ebf6fb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    margin: 0 auto 10px;
  }
  .campus-tech-icon img {
    width: 25px;
  }
  .campus-tech-title {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: .35rem;
  }
  .campus-tech-card .campus-body-text {
    color: #4b5563;
  }
  .object-fit-cover {
    object-fit: cover;
  }
  @media (max-width: 991.98px) {
    .campus-hero {
      border-radius: 0 0 24px 24px;
    }
    .campus-hero-content {
      padding: 80px 16px 70px;
    }
    .campus-section {
      padding-top: 2.75rem !important;
      padding-bottom: 2.75rem !important;
    }
    .campus-classroom-wrap {
      padding-left: 0;
    }
    .campus-gate-photo {
      margin-top: 10px;
    }
  }
  @media (max-width: 767.98px) {
    .campus-hero {
      min-height: 380px;
      margin-bottom: 28px;
    }
    .campus-hero-title {
      font-size: 1.55rem;
    }
    .campus-hero-sub {
      font-size: .9rem;
    }
    .campus-panel {
      padding: 22px 18px 20px;
    }
    .campus-feature-pill {
      font-size: .78rem;
    }
    .campus-section-title {}
    .campus-fitness-heading {
      font-size: .98rem;
    }
    .campus-tech-card,
    .campus-fitness-card {
      padding: 20px 18px 18px;
    }
    .campus-safety-pill {
      right: 0%;
      align-items: center;
    }
  }
  @media (max-width: 575.98px) {
    .campus-hero-content {
      padding: 70px 14px 60px;
    }
    .campus-feature-pill {
      padding: 10px 11px;
    }
    .campus-safety-pill {
      max-width: 100%;
    }
  }
  .uplace-page,
  .uplace-hero,
  .uplace-global,
  .uplace-success,
  .uplace-opportunities,
  .uplace-prep {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  }
  .section.uplace-global,
  .section.uplace-success,
  .section.uplace-opportunities,
  .section.uplace-prep {
    padding: 48px 0;
  }
  .uplace-global-title {
    font-weight: 700;
    color: #ffc14d;
    margin-bottom: 8px;
  }
  .uplace-global-sub {
    max-width: 1080px;
    margin: 0 auto 24px;
    color: hsl(0deg 0% 55.29%);
    font-weight: 600;
  }
  .uplace-globe-wrap {
    max-width: 540px;
    margin: 0 auto;
  }
  .uplace-globe-wrap img {
    display: block;
  }
  .uplace-success-head {
    background: #ffffff;
    border-radius: 18px;
    padding: 18px 26px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  }
  .uplace-success-head h2 {
    font-weight: 700;
    margin: 0 0 6px;
    color: #f3a21f;
  }
  .uplace-success-head p {
    line-height: 1.5;
    color: hsl(0deg 0% 55.29%);
    margin: 0;
    font-weight: 600;
  }
  .uplace-tile {
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
  }
  .uplace-tile-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .uplace-tile-blue {
    background: #dff2ff;
  }
  .uplace-tile-white {
    background: #ffffff;
  }
  .uplace-tile-split {
    display: flex;
    align-items: center;
    padding: 24px 22px;
  }
  .uplace-stat-big {
    font-size: 5rem;
    font-weight: 700;
    color: #0091da;
    margin-right: 10px;
    white-space: nowrap;
  }
  .uplace-tile-split p {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .uplace-tile-text {
    padding: 18px 20px;
  }
  .uplace-fields-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0077c8;
    margin-bottom: 4px;
  }
  .uplace-fields-body {
    line-height: 1.6;
    color: #324150;
  }
  .uplace-tile-center {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 18px;
    text-align: left;
  }
  .uplace-early-title {
    font-size: 1.9rem;
    font-weight: 700;
    color: #0077c8;
    line-height: 1.5;
  }
  .uplace-tile-flags {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 16px 14px;
    gap: 10px;
  }
  .uplace-flag {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1rem;
    color: #444f5c;
    width: 125px;
    font-weight: 600;
  }
  .uplace-flag img {
    height: 80px !important;
    width: auto;
    margin-bottom: 4px;
  }
  @media (max-width: 991.98px) {
    .uplace-success-head {
      padding: 16px 18px 14px;
    }
    .uplace-stat-big {
      font-size: 2.4rem;
    }
  }
  @media (max-width: 767.98px) {}
  */ .uplace-tile-split {
    padding: 20px 18px;
  }
  .uplace-early-title {
    text-align: center;
  }
  .uplace-tile-center {
    text-align: center;
    justify-content: center;
  }
  .uplace-tile-flags {
    flex-wrap: wrap;
  }
  .uplace-flag img {
    height: 34px;
  }
  }
  .uplace-ties-head {
    max-width: 760px;
    margin: 0 auto 26px;
  }
  .uplace-ties-title {
    font-weight: 700;
    color: #f6a623;
    margin-bottom: 8px;
  }
  .uplace-ties-sub {
    line-height: 1.6;
    color: #908f8d;
    font-weight: 600;
  }
  .uplace-ties-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
  .uplace-ties-tile {
    border-radius: 26px;
    background: #ffffff;
    overflow: hidden;
    min-height: 230px;
  }
  .uplace-ties-text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 40px;
  }
  .uplace-ties-text p {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #717171;
    margin: 0;
    font-weight: 600;
  }
  .uplace-ties-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  @media (max-width: 991.98px) {
    .uplace-ties-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 767.98px) {
    .uplace-ties-head {
      margin-bottom: 20px;
    }
    .uplace-ties-title {
      font-size: 1.3rem;
    }
    .uplace-ties-sub {
      font-size: 0.85rem;
    }
    .uplace-ties-grid {
      grid-template-columns: 1fr;
      gap: 14px;
    }
    .uplace-ties-tile {
      min-height: 200px;
    }
    .uplace-ties-text {
      padding: 24px 24px;
    }
  }
  .uprep-section {
    background: #e9edf1;
    padding: 40px 0 42px;
    border-radius: 24px;
  }
  .uprep-section .container {
    max-width: 1080px;
  }
  .uprep-head {
    max-width: 1080px;
    margin: 0 auto 28px;
  }
  .uprep-title {
    font-weight: 700;
    color: #f6a623;
    margin-bottom: 8px;
  }
  .uprep-sub {
    line-height: 1.6;
    color: #6b7583;
    margin: 0;
    font-weight: 600;
  }
  .uprep-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 20px;
    margin-bottom: 18px;
  }
  .uprep-card-wide {
    grid-column: span 3;
  }
  @media (min-width: 992px) {
    .uprep-card-wide {
      grid-column: span 3;
    }
    .uprep-card-wide:nth-of-type(4),
    .uprep-card-wide:nth-of-type(5) {
      grid-column: span 3;
    }
    .uprep-grid {
      grid-template-areas:
        "c1 c2 c3"
        "c4 c4 c5";
    }
  }
  .uprep-card {
    background: #2e3337;
    border-radius: 26px;
    padding: 32px 34px 26px;
    text-align: center;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
    min-height: 235px;
  }
  .uprep-icon-wrap {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
  }
  .uprep-icon-wrap i {
    font-size: 28px;
    color: #ffffff;
  }
  .uprep-card img {
    width: 25px;
  }
  .uprep-icon-blue {
    background: rgb(0 152 218 / 30%);
  }
  .uprep-icon-gold {
    background: rgb(237 168 50 / 30%);
  }
  .uprep-icon-teal {
    background: rgb(0 152 218 / 30%);
  }
  .uprep-icon-gold-dark {
    background: rgb(237 168 50 / 30%);
  }
  .uprep-icon-blue-dark {
    background: rgb(0 152 218 / 30%);
  }
  .uprep-card-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 8px;
  }
  .uprep-card-text {
    color: #b2b2b2;
    max-width: 260px;
    font-weight: 600;
  }
  .uprep-cta-btn {
    display: inline-block;
    padding: 10px 28px;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 500;
    border: none;
    background: #0087db;
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
  }
  .uprep-cta-btn:hover {
    background: #006fb3;
    color: #ffffff;
  }
  @media (max-width: 991.98px) {
    .uprep-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .uprep-card-wide {
      grid-column: span 2;
    }
  }
  @media (max-width: 767.98px) {
    .uprep-section {
      padding: 28px 0 30px;
    }
    .uprep-title {
      font-size: 1.4rem;
    }
    .uprep-sub {
      font-size: 0.85rem;
    }
    .uprep-grid {
      grid-template-columns: 1fr;
    }
    .uprep-card,
    .uprep-card-wide {
      grid-column: span 1;
    }
    .uprep-card {
      padding: 26px 22px 22px;
    }
    .uprep-card-text {
      max-width: none;
    }
  }
  .uplace-hero .btn,
  .uplace-prep .btn {
    font-weight: 500;
  }
  .uplace-hero .btn-primary,
  .uplace-prep .btn-primary {
    background: #008dd6;
    border-color: #008dd6;
  }
  .uplace-hero .btn-primary:hover,
  .uplace-prep .btn-primary:hover {
    background: #0075b3;
    border-color: #0075b3;
  }
  @media (max-width: 991.98px) {
    .uplace-hero {
      border-radius: 0;
      margin-inline: -12px;
    }
    .uplace-success-card {
      padding: 20px 18px 18px;
    }
    .uplace-country-logos {
      justify-content: flex-start;
      flex-wrap: wrap;
    }
  }
  @media (max-width: 767.98px) {
    .uplace-hero-content {
      padding: 36px 18px 28px;
      justify-content: flex-end;
    }
    .uplace-hero-title {
      font-size: 1.4rem;
    }
    .uplace-hero-sub {
      font-size: 0.86rem;
    }
    .uplace-success-box,
    .uplace-field-box,
    .uplace-early-offers,
    .uplace-country-logos {
      text-align: left;
    }
    .uplace-global-title,
    .uplace-success-title,
    .uplace-opp-title,
    .uplace-prep-title {
      font-size: 1.2rem;
    }
  }
  @media (max-width: 575.98px) {
    .section.uplace-global,
    .section.uplace-success,
    .section.uplace-opportunities,
    .section.uplace-prep {
      padding: 36px 0;
    }
    .uplace-success-card {
      border-radius: 14px;
    }
    .uplace-prep-card {
      padding: 16px 14px 14px;
    }
  }
  .btxt {
    color: #8d8d8d;
    font-weight: 600;
  }
  .news-section .container {
    background: #ffffff;
    border-radius: 18px;
    padding: 26px 24px 32px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
  }
  .news-section-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #f5a623;
    margin-bottom: 4px;
  }
  .news-section-sub {
    font-size: 0.9rem;
    color: #6b7280;
  }
  .news-yearbook-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    display: block;
    background: #e4e7ec;
  }
  .news-yearbook-media {
    width: 100%;
    height: 260px;
  }
  .news-yearbook-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .news-yearbook-ribbon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #006fbe;
    color: #ffffff;
    padding: 10px 34px;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    box-shadow: 0 10px 24px rgba(0, 54, 105, 0.45);
    white-space: nowrap;
  }
  .news-yearbook-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 40px rgba(15, 23, 42, 0.28);
    transition: all 0.35s ease;
  }
  .news-year-toggle {
    background: #dde7f2;
    border-radius: 999px;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }
  .news-year-pill {
    border: none;
    background: transparent;
    color: #4b5563;
    font-size: 0.86rem;
    font-weight: 500;
    padding: 6px 22px;
    border-radius: 999px;
    cursor: pointer;
    line-height: 1.2;
  }
  .news-year-pill.active {
    background: #0098da;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(0, 118, 190, 0.45);
  }
  .news-year-pill:not(.active):hover {
    background: rgba(255, 255, 255, 0.7);
  }
  .news-card {
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #e4e7ec;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .news-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
  }
  .news-thumb {
    position: relative;
    border-radius: 14px 14px 0 0;
    overflow: hidden;
    background: #d1d5db;
  }
  .news-thumb img {
    width: 100%;
    display: block;
    object-fit: cover;
  }
  .news-thumb-tag {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 14px;
    background: linear-gradient(to top,
        rgba(0, 61, 122, 0.9),
        rgba(0, 61, 122, 0.2),
        transparent);
    color: #ffffff;
    font-size: 0.65rem;
  }
  .news-thumb-logo {
    display: block;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-size: 0.7rem;
  }
  .news-thumb-logo span {
    font-weight: 400;
  }
  .news-thumb-sub {
    display: block;
    opacity: 0.85;
  }
  .news-card-body {
    padding: 10px 14px 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .news-card-title {
    font-weight: 500;
    color: #111827;
  }
  .news-card-cta {
    font-size: 0.78rem;
    font-weight: 600;
    color: #0098da;
  }
  .news-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.22);
    transition: all 0.3s ease;
  }
  .news-card:hover .news-card-cta {
    text-decoration: underline;
  }
  @media (max-width: 991.98px) {
    .news-section .container {
      padding: 20px 18px 26px;
    }
    .news-yearbook-media {
      height: 220px;
    }
  }
  @media (max-width: 767.98px) {
    .news-section-title {
      font-size: 1.3rem;
    }
    .news-yearbook-media {
      height: 200px;
    }
    .news-yearbook-ribbon {
      padding-inline: 22px;
    }
    .news-section .container {
      box-shadow: 0 10px 26px rgba(15, 23, 42, 0.16);
    }
    .news-year-toggle {
      width: 100%;
      justify-content: center;
    }
  }
  .media-title {
    font-size: 28px;
    font-weight: 700;
    color: #e8a12f;
    margin-bottom: 5px;
  }
  .media-sub {
    color: #5d5d5d;
    max-width: 750px;
    font-size: 14px;
  }
  .media-year-tabs {
    display: flex;
    gap: 10px;
  }
  .media-year-pill {
    padding: 10px 26px;
    border-radius: 40px;
    border: none;
    background: #dcdcdc;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all .3s;
  }
  .media-year-pill.active,
  .media-year-pill:hover {
    background: #0098da;
    color: #fff;
  }
  .media-year-panel {
    margin-top: 35px;
  }
  .media-year-panel.is-active {
    display: block;
  }
  .media-year-panel:not(.is-active) {
    display: none;
  }
  .media-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 0;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid #ededed;
    transition: all .3s ease;
  }
  .media-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.08);
  }
  .media-card-inner {
    padding: 22px;
  }
  .media-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
    color: #606060;
    font-size: 13px;
  }
  .media-meta-icon {
    color: #0098da;
    font-size: 15px;
  }
  .media-headline {
    font-size: 15px;
    color: #2c2c2c;
    font-weight: 600;
    line-height: 1.4;
    display: block;
    margin-bottom: 14px;
    transition: all .3s;
  }
  .media-headline:hover {
    color: #0098da;
  }
  .media-divider {
    border: none;
    border-bottom: 1px solid #e5e5e5;
    margin: 14px 0;
  }
  .media-source {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .media-source-logo img {
    width: 35px;
    height: auto;
    object-fit: contain;
  }
  .media-source-name {
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 600;
  }
  @media(max-width: 768px) {
    .media-title {
      font-size: 24px;
    }
    .media-card-inner {
      padding: 18px;
    }
  }
  .sc-section {
    padding: 32px;
  }
  .sc-section-title {
    font-weight: 700;
    color: #f3b23a;
  }
  .sc-section-sub {
    color: #c0ccd9;
  }
  .sc-goals {
    background: #e3e3e3;
    border-radius: 24px;
  }
  .sc-goal-card {
    background: #ffffff;
    color: #222;
    border-radius: 16px;
    padding: 18px 16px;
    text-align: center;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
    min-height: 120px;
  }
  .sc-goal-icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: #f3b23a;
    color: #0098da;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 8px;
    font-size: 18px;
  }
  .sc-goal-icon img {
    width: 25px;
  }
  .sc-goal-icon-orange {
    background: #ffe9cf;
    color: #f39b2f;
  }
  .sc-goal-icon-gold {
    background: #fff0c5;
    color: #d88b10;
  }
  .sc-goal-icon-teal {
    background: #dbf4f3;
    color: #0b9a8b;
  }
  .sc-goal-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    color: #717171;
  }
  .sc-member-card.v2 {
    background: #ffffff;
    border-radius: 22px;
    overflow: hidden;
    padding: 0;
    border: 1px solid #d5dde6;
  }
  .scm-photo-wrap {
    position: relative;
    width: 100%;
    height: 580px;
    overflow: hidden;
  }
  .scm-photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .scm-gradient {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 55%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 152 218) 100%);
  }
  .scm-info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 22px 26px;
    width: 100%;
    color: #ffffff;
    z-index: 5;
  }
  .scm-name {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 2px;
  }
  .scm-grade {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
  }
  .scm-role {
    margin: 4px 0 12px;
    font-size: 15px;
    font-weight: 600;
  }
  .scm-desc {
    font-size: 14px;
    line-height: 1.55;
    max-width: 92%;
  }
  .sc-member-card.v2 {
    position: relative;
    background: #1d2a36;
    color: #fff;
  }
  .sc-member-card.v2 {
    border: 2px solid #2f3a44;
  }
  @media (max-width: 575px) {
    .scm-photo-wrap {
      height: auto;
    }
    .scm-name {
      font-size: 22px;
    }
    .sc-goal-title {
      font-size: 14px;
    }
  }
  .sc-houses {
    border-radius: 24px;
    margin: 24px 0;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .sc-section-header .sc-section-title {
    color: #f3b23a;
  }
  .sc-link-btn {
    border-radius: 999px;
    border-color: #eaf2ff;
    color: #eaf2ff;
    font-size: 12px;
    padding: 6px 16px;
  }
  .sc-link-btn:hover {
    background: #eaf2ff;
    color: #20262c;
  }
  .sc-house-banner {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    min-height: 190px;
    display: flex;
    align-items: flex-end;
  }
  .sc-house-tag {
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px 10px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    line-height: 1.5;
    color: #ffffff;
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
  .sc-house-meta {
    padding: 18px 18px 20px;
    color: #fff;
    margin-left: 44px;
  }
  .sc-house-name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 2px;
  }
  .sc-house-line {
    font-size: 12px;
    opacity: .9;
  }
  .sc-house-apus {
    background: linear-gradient(135deg, #0098da 0%, #005c9d 45%, #003a6c 100%);
  }
  .sc-house-aquila {
    background: linear-gradient(135deg, #f6a623 0%, #f08720 45%, #d96b1f 100%);
  }
  .sc-house-auriga {
    background: linear-gradient(135deg, #7c2cff 0%, #5a1cd2 45%, #3a0d96 100%);
  }
  .sc-house-card {
    background: #2f363d;
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.08);
    max-width: 380px;
    margin: auto;
  }
  .sc-house-photo {
    background: #f5f5f5;
    text-align: center;
  }
  .sc-house-photo img {
    width: 100%;
    object-fit: contain;
  }
  .sc-house-info {
    background: #ffffff;
    padding: 28px 20px 35px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    position: relative;
    border-left: 6px solid #f4b331;
    text-align: center;
  }
  .sc-house-name {
    font-size: 22px;
    font-weight: 700;
    color: #2c2c2c;
    text-align: center;
    margin-bottom: 4px;
  }
  .sc-house-grade {
    font-size: 15px;
    color: #999;
    font-weight: 600;
    text-align: center;
    margin-bottom: 12px;
  }
  .sc-house-role {
    background: #ffeccf;
    color: #de9400;
    padding: 10px 22px;
    border-radius: 40px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
  }
  .sc-section.sc-clubs {}
  .sc-clubs .sc-section-header {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .sc-clubs .sc-section-title {
    font-weight: 700;
    color: #f4a623;
  }
  .sc-clubs .sc-section-sub {
    font-size: 0.9rem;
    color: #d3dde6;
  }
  .sc-club-card {
    position: relative;
    background: #ffffff;
    border-radius: 18px;
    padding: 86px 22px 20px;
    text-align: center;
    border: 1px solid rgba(11, 16, 24, 0.04);
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.22);
    margin-top: 70px;
    overflow: visible;
  }
  .sc-club-card::before {
    content: "";
    position: absolute;
    left: -4px;
    top: 15px;
    height: 85%;
    width: 3px;
    border-radius: 18px 0 0 18px;
    background: #f4a623;
  }
  .col-6.col-md-3:nth-child(2) .sc-club-card::before {
    background: #0098da;
  }
  .col-6.col-md-3:nth-child(4) .sc-club-card::before {
    background: #7ac6ff;
  }
  .sc-club-avatar {
    position: absolute;
    left: 50%;
    top: -100px;
    transform: translateX(-50%);
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    background: #f5f7fb;
    border: 8px solid #f5f7fb;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sc-club-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sc-club-name {
    font-size: 1.4rem;
    font-weight: 600;
    color: #22252a;
    margin-bottom: 4px;
  }
  .sc-club-grade {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #999faa;
    margin-bottom: 12px;
  }
  .sc-club-role {
    display: inline-block;
    padding: 8px 18px;
    font-weight: 600;
    border-radius: 999px;
    background: rgba(244, 166, 35, 0.08);
    color: #f4a623;
    border: 1px solid rgba(244, 166, 35, 0.35);
  }
  .col-6.col-md-3:nth-child(2) .sc-club-role {
    background: rgba(0, 152, 218, 0.08);
    color: #0098da;
    border-color: rgba(0, 152, 218, 0.35);
  }
  .col-6.col-md-3:nth-child(4) .sc-club-role {
    background: rgba(0, 192, 255, 0.08);
    color: #00c0ff;
    border-color: rgba(0, 192, 255, 0.35);
  }
  .sc-clubs .row.g-3>div:nth-child(2) .sc-club-role,
  .sc-clubs .row.g-3>div:nth-child(4) .sc-club-role {
    background: rgba(0, 152, 218, 0.09);
    color: #0098da;
    border-color: rgba(0, 152, 218, 0.4);
  }
  .sc-link-btn.sc-link-btn-pill {
    border-radius: 999px;
    padding: 0.65rem 1.9rem;
    font-size: 0.9rem;
    font-weight: 500;
    background: #0098da;
    border-color: #0098da;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.35);
  }
  .sc-link-btn.sc-link-btn-pill:hover {
    background: #0079ad;
    border-color: #0079ad;
  }
  @media (max-width: 991.98px) {
    .sc-hero {
      border-radius: 0;
    }
  }
  @media (max-width: 767.98px) {
    .sc-hero-content {
      padding: 26px 18px 28px;
    }
    .sc-section {
      padding: 15px;
    }
    .sc-goals {
      border-radius: 18px;
    }
    .sc-club-avatar {
      left: 50%;
      top: -65px;
      width: 140px;
      height: 140px;
    }
    .sc-house-role {
      font-size: 13px;
    }
    .scm-info {
      position: relative;
    }
  .sc-house-photo img {
    width: 65%;
  }
  }
  .sc-captains {
    background: #2f353b;
    padding: 40px 0 36px;
  }
  .sc-captain-header {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .sc-section-header-icon {
    flex-shrink: 0;
  }
  .sc-icon-circle {
    width: 50px;
    height: 50px;
    border-radius: 999px;
    background: #0098da;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.1rem;
  }
  .sc-icon-circle img {
    width: 30px;
  }
  .sc-captains .sc-section-title {
    color: #ffb631;
  }
  .sc-captains .sc-section-sub {
    color: #AAAAAA;
  }
  .sc-captain-photo-card {
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sc-captain-text-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 28px 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  }
  .sc-captain-name {
    margin: 0 0 4px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #0098da;
  }
  .sc-captain-grade {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7c8793;
    font-weight: 600;
  }
  .sc-captain-role {
    font-weight: 700;
    color: #8d8793;
  }
  .sc-captain-text {
    line-height: 1.6;
    color: #4b5664;
  }
  @media (max-width: 767.98px) {
    .sc-captain-text-card {
      padding: 20px 18px;
    }
    .sc-captain-name {
      font-size: 1.2rem;
    }
    .scm-gradient {
      background: none;
    }
  }
  .house-section {
    background: #343a3f;
    padding: 40px 0 50px;
  }
  .house-card {
    border-radius: 22px 22px 0 22px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    display: flex;
    height: 100%;
  }
  .house-card-newbr {
    border-radius: 22px 22px 22px 0;
  }
  .house-card-primary {
    color: #fff;
    padding: 0;
  }
  .house-card-secondary {
    padding: 26px 28px 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .house-heading {
    font-size: 1.5rem;
    font-weight: 700;
    color: #f4a623;
    margin-bottom: 4px;
  }
  .house-pronounce {
    font-size: 0.85rem;
    font-weight: 600;
    color: #0082c9;
    margin-bottom: 12px;
  }
  .house-body {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #3e4854;
  }
  .house-auriga-secondary {
    background: linear-gradient(135deg, #f7e6ff, #fbefff);
  }
  .house-aquila-secondary {
    background: #fff2db;
  }
  .house-apus-secondary {
    background: linear-gradient(135deg, #e0fff0, #f2fffb);
  }
  @media (max-width:991.98px) {
    .house-name {
      font-size: 1.7rem;
      margin-top: 72px;
    }
    .house-main-content {
      padding: 22px 20px 22px;
    }
    .house-constellation {
      width: 120px;
      height: 90px;
      top: 20px;
      right: 20px;
    }
  }
  @media (max-width:767.98px) {
    .house-card {
      flex-direction: column;
    }
    .house-section {
      padding: 30px 0 40px;
    }
  }
  .sch-section-title {
    font-weight: 700;
    color: #f4a623;
  }
  .sch-key-photo {
    height: 100%;
  }
  .sch-key-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .sch-key-column {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .sch-highlight-card {
    background: #262e34;
    border-radius: 18px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
  }
  .sch-highlight-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #ffffff;
  }
  .sch-highlight-title {
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
  }
  .sch-highlight-text {
    font-size: 0.86rem;
    line-height: 1.45;
    color: #dde6ef;
    margin-bottom: 0;
  }
  @media (max-width: 576px) {
    .sch-highlight-card {
      padding: 16px 16px;
    }
    .sch-highlight-icon {
      margin:  0 auto;
    }
  }
  .sch-cta-wrap {
    position: relative;
    height: 450px;
    overflow: hidden;
  }
  .sch-cta-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sch-cta-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 44%), rgb(0 0 0 / 82%));
  }
  .sch-cta-content {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    padding: 0 20px;
  }
  .sch-cta-text {
    font-size: 0.95rem;
    color: #eaf2ff;
    max-width: 800px;
    margin: 0 auto 16px auto;
  }
  .sch-cta-btn {
    background: #0098da;
    border: none;
    padding: 10px 28px;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 600;
    transition: 0.25s ease;
  }
  .sch-cta-btn:hover {
    background: #007cb3;
    color: #fff;
  }
  @media (max-width: 992px) {
    .sch-hero-wrap {
      height: 460px;
    }
  }
  @media (max-width: 768px) {
    .sch-hero-title {
      font-size: 1.55rem;
    }
    .sch-cta-wrap {}
  }
  @media (max-width: 576px) {
    .sch-hero-wrap {
      height: 420px;
    }
  }
  .cas-page-main .section {
    padding-block: 3.5rem;
  }
  .cas-hero {
    padding-top: 3.5rem;
  }
  .cas-hero-photo,
  .cas-hero-photo-lg {
    background: #10151a;
    border-radius: 24px;
    box-shadow: 0 18px 35px rgba(0, 0, 0, .35);
  }
  .cas-hero-photo img,
  .cas-hero-photo-lg img {
    display: block;
  }
  .cas-hero-text-card {
    background: #cfebf7;
    color: #243243;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 22px;
    padding: 1.25rem 2.25rem 1rem;
  }
  .cas-hero-heading {
    font-weight: 700;
    color: #f4a623;
    line-height: 1.3;
  }
  .cas-hero-body {
    line-height: 1.6;
    color: #AAAAAA;
  }
  .cas-section-title {
    font-weight: 700;
    color: #f4a623;
  }
  .cas-section-sub {
    max-width: 720px;
    font-size: .92rem;
    line-height: 1.7;
    color: #c0ccd8;
  }
  .cas-pillar-card {
    background: #f7fafc;
    border-radius: 24px;
    padding: 1.7rem 1.6rem;
    box-shadow: 0 14px 26px rgba(0, 0, 0, .18);
    height: 100%;
    text-align: left;
  }
  .cas-pillar-card h3 {
    font-size: 1.1rem;
    margin-bottom: .5rem;
    font-weight: 700;
    color: #068ece;
  }
  .cas-pillar-card p {
    font-size: .86rem;
    line-height: 1.6;
    color: #4b5664;
  }
  .cas-hero-photo img {
    object-fit: cover;
  }
  .cas-exp-card {
    background: #f7fafc;
    border-radius: 24px;
    box-shadow: 0 14px 26px rgba(0, 0, 0, .18);
    padding: 1.4rem 1.5rem 1.6rem;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .cas-exp-photo-placeholder {
    border-radius: 18px;
    background: linear-gradient(135deg, #e3edf7, #c5d7ea);
    height: 190px;
    margin-bottom: 1rem;
  }
  .cas-exp-caption {
    font-size: .85rem;
    line-height: 1.6;
    color: #4b5664;
  }
  .cas-inline-link {
    color: #32b4ff;
    font-weight: 600;
  }
  .cas-growth-row {
    position: relative;
    align-items: center;
  }
  .cas-growth-pill {
    text-align: center;
    padding: 20px 10px;
    color: #e6ebf0;
    position: relative;
  }
  .cas-growth-icon {
    width: 54px;
    height: 54px;
    background: #0098da;
    border-radius: 14px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cas-growth-icon img {
    width: 26px;
    height: 26px;
    object-fit: contain;
  }
  .cas-growth-pill h3 {
    font-size: 1rem;
    font-weight: 500;
    color: #e6ebf0;
    line-height: 1.4;
  }
  .cas-pill-center::before,
  .cas-pill-center::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(to bottom, transparent, #f4a623, transparent);
  }
  .cas-pill-center::before {
    left: 0;
  }
  .cas-pill-center::after {
    right: 0;
  }
  @media (max-width: 767.98px) {
    .cas-pill-left::after,
    .cas-pill-center::before,
    .cas-pill-center::after {
      display: none;
    }
    .cas-growth-pill {
      padding-bottom: 10px;
    }
  }
  .cas-page-main .object-fit-cover {
    object-fit: cover;
  }
  @media (max-width:991.98px) {
    .cas-hero-text-card {
      margin-top: .5rem;
      padding: 2rem 1.6rem;
    }
  }
  @media (max-width:767.98px) {
    .cas-page-main .section {
      padding-block: 2.5rem;
    }
    .cas-hero-heading {
      font-size: 1.4rem;
    }
    .cas-section-title {
      font-size: 1.4rem;
    }
    .cas-pillar-card {
      padding: 1.4rem 1.3rem;
    }
    .cas-exp-photo-placeholder {
      height: 160px;
    }
    .cas-growth-pill {
      text-align: center;
    }
  }
  .bg-light-ug {
    background: #f4f7fb;
  }
  .section {
    position: relative;
  }
  .ug-support-card {
    background: #e5f3fb;
    border-radius: 24px;
    padding: 32px 32px 30px;
    box-shadow: 0 18px 40px rgba(7, 34, 64, 0.12);
    height: 100%;
  }
  .ug-support-title {
    font-weight: 700;
    line-height: 1.35;
    color: #EDA832;
    margin-bottom: 12px;
  }
  .ug-support-text {
    font-size: 0.92rem;
    line-height: 1.6;
    color: #4d5a6a;
    margin-bottom: 0;
  }
  .ug-support-photo {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
    border-radius: 24px;
    background: #000;
    min-height: 260px;
  }
  .ug-pill {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 12px 18px;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.25);
    min-height: 70px;
  }
  .ug-pill-icon {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: rgba(0, 152, 218, 0.15);
    border: 1px solid rgba(0, 152, 218, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .ug-pill-icon i {
    color: #00a6ff;
    font-size: 1rem;
  }
  .ug-pill-text {
    font-size: 0.86rem;
    line-height: 1.5;
    color: #707376;
  }
  .ug-section-title {
    font-weight: 700;
    color: #f4a623;
  }
  .ug-section-sub {
    font-size: 0.9rem;
    color: #4c5b6d;
    line-height: 1.7;
  }
  .text-warning-ug {
    color: #f4a623 !important;
  }
  .ug-feature-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 24px 22px 22px;
    box-shadow: 0 18px 40px rgba(20, 41, 75, 0.12);
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .ug-feature-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(0, 152, 218, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
  }
  .ug-feature-icon i {
    font-size: 1.2rem;
    color: #0098da;
  }
  .ug-feature-title {
    font-size: 1.02rem;
    font-weight: 600;
    color: #1e2835;
    margin-bottom: 6px;
  }
  .ug-feature-text {
    font-size: 0.86rem;
    line-height: 1.7;
    color: #566376;
  }
  .ug-destinations .ug-section-sub {
    color: #cfd8e8;
  }
  .ug-uni-chip {
    background: #ffffff;
    border-radius: 999px;
    padding: 10px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 14px 30px rgba(4, 11, 20, 0.35);
    font-size: 0.85rem;
  }
  .ug-uni-name {
    font-weight: 600;
    color: #1c2634;
  }
  .ug-uni-meta {
    font-weight: 500;
    color: #708096;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
  .ug-flag {
    margin-right: 4px;
  }
  .ug-cta-btn {
    border-radius: 999px;
    padding-inline: 26px;
    padding-block: 9px;
    font-size: 0.86rem;
    font-weight: 500;
  }
  .ug-gallery-tall,
  .ug-gallery-square {
    background: #14171c;
  }
  .ug-gallery-tall {
    min-height: 360px;
  }
  .ug-gallery-square {
    min-height: 170px;
  }
  .ug-equip-card {
    background: #20262d;
    border-radius: 24px;
    padding: 28px 26px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
  }
  .ug-equip-card .ug-section-sub {
    color: #d6deee;
  }
  @media (max-width: 991.98px) {
    .ug-support-card {
      margin-bottom: 12px;
    }
    .ug-gallery-tall {
      min-height: 260px;
    }
  }
  @media (max-width: 767.98px) {
    .ug-support-card {
      padding: 24px 20px 22px;
    }
    .ug-support-title {
      font-size: 1.35rem;
    }
    .ug-section-title {
      font-size: 1.35rem;
    }
    .ug-uni-chip {
    }
  }
  .contact-visual-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
  }
  .contact-visual-photo img {
    border-radius: 20px;
  }
  .contact-visual-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    padding: 0 20px;
  }
  .contact-info-card {
    background: #ffffff;
    border-radius: 15px;
    padding: 25px 20px;
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.08);
    min-height: 150px;
  }
  .contact-info-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
  }
  .contact-info-list li {
    font-size: 0.85rem;
    color: #333;
    line-height: 1.45;
  }
  .contact-info-icon img {
    width: 20px;
    height: 20px;
  }
  .contact-form-card {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 8px 22px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
  }
  .contact-form-head {
    background: #0098da;
    padding: 25px 30px;
  }
  .contact-form-head h2 {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 700;
  }
  .contact-form-body {
    padding: 35px 30px;
  }
  .contact-label {
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
  }
  .contact-input {
    border-radius: 10px;
    background: #f4f4f4;
    border: 1px solid #dfe3e7;
    padding-left: 16px;
    font-size: 0.95rem;
  }
  .contact-input:focus {
    border-color: #0098da;
    background: #fff;
    box-shadow: 0px 0px 0px 3px rgba(0, 152, 218, 0.18);
  }
  .contact-textarea {
    resize: none;
    border-radius: 12px;
    padding-top: 15px !important;
  }
  .contact-phone-wrap {
    display: flex;
    width: 100%;
  }
  .contact-phone-code {
    background: #0098da;
    color: #fff;
    padding: 0 14px;
    display: flex;
    align-items: center;
    border-radius: 10px 0 0 10px;
    gap: 8px;
    font-size: 0.9rem;
  }
  .contact-phone-caret i {
    font-size: 0.65rem;
  }
  .contact-input-phone {
    border-radius: 0 10px 10px 0 !important;
    border-left: none;
  }
  .contact-check {
    width: 20px;
    height: 20px;
    cursor: pointer;
  }
  .contact-check-label {
    font-size: 0.85rem;
    color: #666;
    margin-left: 5px;
  }
  .contact-btn-submit {
    background: #0098da;
    border: none;
    padding: 10px 28px;
    border-radius: 30px;
    font-size: 1rem;
    font-weight: 600;
  }
  .contact-btn-submit:hover {
    background: #007fb6;
  }
  .contact-btn-reset {
    padding: 10px 28px;
    border-radius: 30px;
    font-size: 1rem;
    font-weight: 600;
    border-color: #ccc;
  }
  .contact-btn-reset:hover {
    background: #f1f1f1;
  }
  @media (max-width: 991px) {
    .contact-visual-overlay {
      position: static;
      margin-top: 15px;
    }
    .contact-info-card {
      min-height: auto;
    }
    .contact-form-body {
      padding: 25px 20px;
    }
    .contact-form-head h2 {
      font-size: 1.5rem;
    }
  }
  @media (max-width: 576px) {
    .contact-phone-code {
      padding: 0 10px;
    }
  }
  .admissions-step-card,
  .admissions-step-dot {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
  }
  .admissions-step-card:hover {
    transform: scale(1.05);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
  }
  .row .col:nth-child(1) .admissions-step-card:hover~.admissions-steps-rail .admissions-step-dot:nth-of-type(1) {
    transform: scale(1.25);
  }
  .row .col:nth-child(2) .admissions-step-card:hover~.admissions-steps-rail .admissions-step-dot:nth-of-type(2) {
    transform: scale(1.25);
  }
  .row .col:nth-child(3) .admissions-step-card:hover~.admissions-steps-rail .admissions-step-dot:nth-of-type(3) {
    transform: scale(1.25);
  }
  .row .col:nth-child(4) .admissions-step-card:hover~.admissions-steps-rail .admissions-step-dot:nth-of-type(4) {
    transform: scale(1.25);
  }
  .row .col:nth-child(5) .admissions-step-card:hover~.admissions-steps-rail .admissions-step-dot:nth-of-type(5) {
    transform: scale(1.25);
  }
  .mstp {
    background: #1695d1;
    width: 40px;
    height: 40px;
    border-radius: 93px;
    text-align: center;
    padding: 10px;
    color: #FFFFFF;
    margin: 0 auto;
    position: absolute;
    right: 18px;
  }
  :root {
    --tok-bg: #2f363c;
    --tok-card: #ffffff;
    --tok-muted: #b9c3cc;
    --tok-accent: #f4a623;
    --tok-blue: #cfe9fb;
    --tok-radius: 22px;
    --tok-radius-lg: 26px;
  }
  .tok-sec-last {
    padding-bottom: 38px;
  }
  .tok-h2 {
    color: var(--tok-accent);
    font-weight: 700;
    letter-spacing: .2px;
    margin: 0 0 14px;
    font-size: clamp(22px, 2.2vw, 34px);
    line-height: 1.15;
  }
  .tok-sub {
    margin: 0;
  }
  .tok-sec-head {
    margin: 12px 0 16px;
  }
  .tok-info-pill {
    background: #cfebf7;
    border-radius: 14px;
    padding: 30px;
    color: #AAAAAA;
    line-height: 1.6;
    max-width: 520px;
  }
  .tok-photo-card {
    border-radius: var(--tok-radius);
    overflow: hidden;
    box-shadow: 0 14px 35px rgba(0, 0, 0, .25);
    background: rgba(255, 255, 255, .08);
  }
  .tok-photo-card img {
    width: 100%;
    object-fit: cover;
    display: block;
  }
  .tok-feature {
    height: 100%;
    border-radius: var(--tok-radius);
    overflow: hidden;
    position: relative;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .30);
  }
  .tok-feature-img {
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
    display: block;
  }
  .tok-feature-overlay {
    position: absolute;
    inset: 0;
    padding: 18px 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .10) 30%, rgba(0, 0, 0, .75) 85%, rgba(0, 0, 0, .9));
  }
  .tok-feature-overlay h3 {
    color: var(--tok-accent);
    margin: 0 0 8px;
    font-weight: 800;
    line-height: 1.2;
  }
  .tok-feature-overlay p {
    color: #AAAAAA;
    line-height: 1.55;
    margin: 0;
    max-width: 92%;
  }
  .tok-tile-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    height: 100%;
  }
  .tok-tile {
    border-radius: 16px;
    padding: 18px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    min-height: 120px;
  }
  .tok-tile h4 {
    font-weight: 800;
    margin: 0 0 6px;
  }
  .tok-tile p {
    line-height: 1.5;
    margin: 0;
  }
  .tok-tile-light {
    background: #d9d9d9;
    color: #2d2d2d;
  }
  .tok-tile-dark {
    background: #5a5c60;
    color: rgba(255, 255, 255, .92);
  }
  @media (max-width: 991px) {
    .tok-hero-img {
      height: 260px;
    }
    .tok-photo-card img {
      height: 200px;
    }
    .tok-tile-grid {
      grid-template-columns: 1fr 1fr;
    }
    .tok-mosaic {
      grid-template-columns: 1fr 1fr;
      grid-auto-rows: 160px;
    }
    .tok-mos-a {
      grid-column: 1 / 3;
      grid-row: 1 / 3;
    }
    .tok-mos-d {
      grid-column: 1 / 3;
      grid-row: 3 / 4;
    }
    .tok-mos-b {
      grid-column: 1 / 2;
      grid-row: 4 / 5;
    }
    .tok-mos-c {
      grid-column: 2 / 3;
      grid-row: 4 / 5;
    }
    .tok-mos-e {
      grid-column: 1 / 2;
      grid-row: 5 / 6;
    }
    .tok-mos-f {
      grid-column: 2 / 3;
      grid-row: 5 / 6;
    }
    .tok-mos-g {
      grid-column: 1 / 3;
      grid-row: 6 / 7;
    }
  .tok-feature-overlay p {
    max-width: 100%;
  }
  }
  @media (max-width: 575px) {
    .tok-hero-overlay {
      padding: 18px 16px 14px;
    }
    .tok-hero-img {
      height: 230px;
    }
    .tok-tile-grid {
      grid-template-columns: 1fr;
    }
    .tok-tile {
      min-height: 108px;
    }
    .tok-mosaic {
      grid-template-columns: 1fr;
      grid-auto-rows: 170px;
    }
    .tok-mos-a,
    .tok-mos-b,
    .tok-mos-c,
    .tok-mos-d,
    .tok-mos-e,
    .tok-mos-f,
    .tok-mos-g {
      grid-column: 1 / 2;
      grid-row: auto;
    }
  }
  .ee-mir-shell {
    position: relative;
    background: #fff;
    border-radius: 26px;
    padding: 16px;
    box-shadow: 0 18px 45px rgba(16, 24, 40, .12);
  }
  .ee-mir-imgbox {
    border-radius: 20px;
    overflow: hidden;
  }
  .ee-mir-imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .ee-mir-float {
    position: absolute;
    top: 22px;
    left: 22px;
    width: min(520px, 58%);
    border-radius: 18px;
    padding: 22px 24px;
  }
  .ee-mir-title {
    color: #f4a62a;
    font-weight: 800;
    font-size: 1.7rem;
    line-height: 1.15;
    margin: 0 0 12px;
  }
  .ee-mir-desc {
    color: #6b7280;
    line-height: 1.65;
    margin: 0;
    font-size: .98rem;
  }
  @media (max-width: 991.98px) {
    .ee-mir-imgbox {
      height: 260px;
    }
    .ee-mir-float {
      position: static;
      width: 100%;
      margin-bottom: 12px;
      box-shadow: none;
      padding: 18px 18px;
    }
    .ee-mir-title {
      font-size: 1.45rem;
    }
  }
  .ee-h2--gold {
    color: #f4a62a;
  }
  .ee-blue {
    background: #068ece;
    border-radius: 15px;
    padding: 26px;
    color: #fff;
  }
  .ee-blue-text {
    color: rgba(255, 255, 255, .9);
    line-height: 1.65;
  }
  .ee-tile {
    background: #fff;
    border-radius: var(--ee-radius);
    box-shadow: var(--ee-shadow);
    overflow: hidden;
    height: 100%;
  }
  .ee-tile--h {
    display: flex;
    min-height: 150px;
  }
  .ee-tile-media {
    position: relative;
  }
  .ee-tile--h .ee-tile-media {
    width: 52%;
  }
  .ee-tile-media--tall {
    height: 180px;
  }
  .ee-tile-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .ee-tile-body {
    padding: 18px 18px;
  }
  .ee-h3 {
    font-weight: 800;
    margin: 0;
  }
  .ee-tile--blue {
    background: #068ece;
  }
  .ee-tile--blue .ee-tile-body {
    padding-bottom: 22px;
  }
  .ee-dark-text {
    color: rgba(255, 255, 255, .7);
    line-height: 1.7;
  }
  .ee-dark-media {
    border-radius: var(--ee-radius);
    box-shadow: 0 18px 55px rgba(0, 0, 0, .35);
  }
  .ee-dark-img {
    width: 100%;
    object-fit: cover;
    display: block;
  }
  .ee-blue {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  @media (max-width: 991.98px) {
    .ee-blue {
      justify-content: center;
    }
  }
  @media (max-width: 991.98px) {
    .ee-hero {
      margin-top: 78px;
    }
    .ee-hero-img {
      height: 420px;
    }
    .ee-hero-card {
      padding: 14px 10px;
    }
    .ee-tile--h {
      flex-direction: column;
    }
    .ee-tile--h .ee-tile-media {
      width: 100%;
      height: 180px;
    }
    .ee-dark-img {
      height: 320px;
    }
  }
  .bf-h1 {
    color: var(--ka-gold);
    font-weight: 800;
    letter-spacing: -.2px;
    margin: 0 0 10px;
  }
  .bf-lead {
    color: var(--ka-muted);
    margin: 0;
    line-height: 1.65;
    font-weight: 500;
  }
  .bf-h2 {
    color: var(--ka-gold);
    font-weight: 800;
    letter-spacing: -.2px;
    margin: 0 0 14px;
  }
  .bf-chip {
    background: #fff;
    border-radius: 10px;
    padding: 14px 18px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .03);
    color: var(--ka-muted);
    font-weight: 600;
    line-height: 1.5;
  }
  .bf-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #0098da;
    margin-top: 6px;
    flex: 0 0 8px;
  }
  @media (max-width: 991.98px) {
    .bf-page {
      padding-top: 86px;
    }
    .bf-chip {
      font-weight: 600;
    }
  }
  .stay-connected {
    position: relative;
    width: 100%;
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #111;
  }
  .stay-connected__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
  }
  .stay-connected__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, .35));
  }
  .stay-connected__content {
    position: relative;
    z-index: 2;
    max-width: 920px;
    padding: 24px 12px;
    color: #fff;
  }
  .stay-connected__title {
    font-weight: 800;
    letter-spacing: -.2px;
    margin: 0 0 6px;
    font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  }
  .stay-connected__sub {
    margin: 0 0 18px;
    font-size: clamp(1rem, 1.8vw, 1.2rem);
    color: rgba(255, 255, 255, .9);
  }
  .stay-connected__form {
    margin: 0 auto;
    max-width: 550px;
    background: rgba(255, 255, 255, .95);
    border-radius: 999px;
    padding: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
  }
  .stay-connected__input {
    border: 0;
    outline: 0;
    flex: 1;
    background: transparent;
    padding: 12px 16px;
    font-size: 1rem;
    color: #1f2a37;
  }
  .stay-connected__input::placeholder {
    color: #9aa3af;
  }
  .stay-connected__btn {
    border: 0;
    outline: 0;
    padding: 12px 22px;
    border-radius: 999px;
    background: #0098da;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    transition: transform .15s ease, filter .15s ease;
  }
  .stay-connected__btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.03);
  }
  .stay-connected__btn:active {
    transform: translateY(0);
  }
  @media (max-width: 575.98px) {
    .stay-connected {
      min-height: 320px;
    }
    .stay-connected__form {
      max-width: 100%;
    }
    .stay-connected__btn {
      padding: 12px 16px;
    }
  }
  .error {
    font-size: 0.8em;
    color: #e53935;
  }
    .al-hero{ padding: 18px 0 22px; }
  .al-hero-card{
    position:relative;
    border-radius: var(--al-radius);
    overflow:hidden;
    box-shadow: var(--al-shadow);
  }
  .al-hero-img{
    width:100%;
    object-fit:cover;
    display:block;
  }
  .al-hero-overlay{
    position:absolute; inset:0;
    background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.65));
  }
  .al-hero-content{
    position:absolute; left:0; right:0; bottom: 26px;
    padding: 0 16px;
    color:#fff;
  }
  .al-hero-title{ font-weight:900; letter-spacing:-.2px; margin:0 0 6px; }
  .al-hero-sub{
    margin:0 auto;
    max-width: 780px;
    color: rgba(255,255,255,.9);
    line-height:1.55;
    font-weight:500;
    font-size: .95rem;
  }
  .al-section{ padding: 34px 0; }
  .al-head{ margin-bottom: 18px; }
  .al-h2{ color: var(--ka-gold); font-weight:900; letter-spacing:-.2px; margin:0 0 6px; }
  .al-lead{
    margin:0 auto;
    max-width: 860px;
    color: rgba(255,255,255,.7);
    line-height:1.6;
    font-weight:500;
  }
  .al-cream .al-lead{ color: rgb(215 212 207); }
  .al-cream .al-h2{ color: var(--ka-gold); }
  .al-mosaic{
    margin-top: 18px;
    display:grid;
    grid-template-columns: 220px 1fr 220px;
    gap: 16px;
    align-items:stretch;
  }
  .al-mosaic-col{
    display:grid;
    grid-template-rows: 1fr 1fr;
    gap: 16px;
  }
  .al-tile{
    border-radius: 12px;
    overflow:hidden;
    box-shadow: 0 12px 28px rgba(0,0,0,.22);
    background:#222;
  }
  .al-tile img{ width:100%; height:100%; object-fit:cover; display:block; }
  .al-engage{ margin-top: 22px; align-items:stretch; }
  .al-h3{ color: var(--ka-gold); font-weight:900; margin: 0 0 6px; }
  .al-muted{ color: rgba(255,255,255,.65); line-height:1.6; font-weight:500; }
  .al-photo{
    border-radius: 12px;
    overflow:hidden;
    box-shadow: 0 12px 28px rgba(0,0,0,.22);
  }
  .al-photo img{ width:100%; object-fit:cover; display:block; }
  .al-list{ padding-top: 6px; }
  .al-row{
    gap: 12px;
    padding: 14px 0;
    align-items:center;
  }
  .al-num{
    font-weight:900;
    font-size: 2rem;
    color: rgba(255,255,255,.45);
    line-height:1;
  }
  .al-item-title{
    color: var(--ka-primary);
    font-weight:800;
    margin-bottom: 10px;
        color: #0198da;
        font-size: 22px;
  }
  .al-line{
    height:1px;
    background: rgba(255,255,255,.28);
  }
  .al-grad{
    background:#1b1f24;
    border-left: 1px solid rgba(255,255,255,.06);
    border-right: 1px solid rgba(255,255,255,.06);
    min-height: 320px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    overflow:hidden;
  }
  .al-grad img{ width:100%;  object-fit:cover; display:block; }
  .al-grads-cta{ padding: 16px 0 22px; }
  .al-join{
    position:relative;
    min-height: 360px;
    display:flex;
    align-items:center;
    overflow:hidden;
  }
  .al-join-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .al-join-overlay{ position:absolute; inset:0; background: rgba(0,0,0,.55); }
  .al-join-content{ position:relative; z-index:2; color:#fff; padding: 26px 12px; }
  .al-join-title{ font-weight:900; margin:0 0 6px; }
  .al-join-sub{ margin:0 0 14px; color: rgba(255,255,255,.85); }
  @media (max-width: 991.98px){
    .al-mosaic{ grid-template-columns: 1fr; }
    .al-mosaic-col{ grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
    .al-tile-lg{ height: 240px; }
  }
  @media (max-width: 575.98px){
    .al-mosaic-col{ grid-template-columns: 1fr; }
    .al-tile-sm{ height: 160px; }
    .al-grad img{ height: 260px; }
  }
.ka-mobile-menu .accordion-button {
  background: #32393d;
  color: #fff;
  font-weight: 600;
  padding: 14px 16px;
}
.ka-mobile-menu .accordion-button::after {
  filter: invert(1);
}
.ka-mobile-menu .accordion-body {
  background: #071521;
  padding: 12px 16px;
}
.ka-mobile-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.ka-mobile-menu li {
  list-style: none;
  margin-bottom: 10px;
}
.ka-mobile-menu a {
  color: #dbe7ff;
  text-decoration: none;
  font-size: 15px;
}
.ka-mobile-menu a:hover {
  color: #e4ba35;
}
@media (max-width: 767.98px){
  #ka-policies-mobile .ka-policy-ul{
    list-style: none;
    padding: 0;
    margin: 14px 0 0;
    display: grid;
    gap: 10px;
  }
  #ka-policies-mobile .ka-policy-li{
    margin: 0;
    padding: 0;
  }
  #ka-policies-mobile .ka-policy-a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(255,255,255,0.14);
    background: #ffffff;
    transition: 0.2s ease;
  }
  #ka-policies-mobile .ka-policy-a:active{
    transform: scale(0.99);
  }
  #ka-policies-mobile .ka-policy-left{
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
  }
  #ka-policies-mobile .ka-policy-ic{
    font-size: 18px;
    opacity: 0.9;
    flex: 0 0 auto;
            color: #0098da;
  }
  #ka-policies-mobile .ka-policy-text{
    font-size: 14px;
    line-height: 1.25;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
  }
  #ka-policies-mobile .ka-policy-right{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
  }
  #ka-policies-mobile .ka-policy-badge{
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.22);
    background: rgba(255,255,255,0.06);
    letter-spacing: 0.4px;
  }
  #ka-policies-mobile .ka-policy-arrow{
    font-size: 14px;
    opacity: 0.85;
    color: #0098da;
  }
  #ka-policies-mobile .ka-policy-a:focus{
    outline: none;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.14);
  }
}
.ka-hero-desktop{
  position: relative;
  min-height: 100vh;
  border-radius: 20px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: flex-end;
}
.ka-hero-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.75) 0%,
    rgba(0,0,0,0.15) 55%,
    rgba(0,0,0,0.05) 100%
  );
}
.ka-hero-content{
  position: absolute;
  z-index: 2;
  width: 100%;
  padding: 28px 18px 34px;
  margin: 0 auto;
  color: #fff;
  bottom: 0;
}
.ka-hero-eyebrow{
  font-size: 0.95rem;
  opacity: 0.95;
  margin-bottom: 8px;
}
.ka-hero-title{
  font-size: clamp(1.6rem, 3vw, 2.6rem);
  font-weight: 700;
  margin-bottom: 12px;
}
.ka-hero-text{
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 auto 18px;
  max-width: 780px;
  opacity: 0.95;
}
.ka-hero-btn{
  border-radius: 999px;
  padding: 10px 24px;
}
.ka-hero-card{ border-radius: 18px; }
.ka-hero-card-img{ width: 100%; height: 220px; object-fit: cover; }
.ka-hero-card-body{ padding: 18px 16px; color: #1f2937;background: #e4e7eb; }
@media (max-width: 575.98px){
  .ka-hero-title{ font-size: 1.35rem; }
  .ka-hero-text{ font-size: 0.98rem; }
}
.footer-bottom-links a:not(:last-child)::after{
  content: " | ";
  margin: 0 .7rem;
}
#admissions-hero,
#ka-results-hero { position: relative; }
.ka-results-hero-img { display:block; }
.admissions-hero-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.15) 70%, rgba(0,0,0,.75) 100%);
}
.admissions-hero-inner{
  position:absolute;
  inset:0;
  display:flex;
  align-items:end;
  justify-content:center;
  padding: 24px;
}
.results-hero-content{
  max-width: 920px;
  color:#fff;
}
.results-hero-title{
  font-weight: 700;
  margin-bottom: 10px;
}
.results-hero-sub{
  max-width: 820px;
  margin: 0 auto 18px;
  opacity: .95;
}
.results-hero-stats{
  margin-top: 8px;
}
.results-hero-card{
  border-radius: 14px;
  padding: 14px 10px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(6px);
}
.results-hero-number{
  font-weight: 800;
  font-size: 1.25rem;
  line-height: 1.1;
  margin-bottom: 6px;
}
.results-hero-label{
  font-size: .9rem;
  opacity: .95;
}
.orgclr{ color: #f4a640; }
@media (max-width: 767.98px){
  .admissions-hero{
    min-height: auto;
    height: auto;
  }
  .admissions-hero-inner{
    position: relative;
    inset: auto;
    padding: 14px;
    background: #fff;
  }
  .admissions-hero-overlay{
    background: linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.55) 100%);
  }
  .results-hero-content{
    color:#111;
    text-align: left !important;
  }
  .results-hero-title{
    font-size: 1.2rem;
    margin-bottom: 8px;
  }
  .results-hero-sub{
    margin: 0 0 12px;
    opacity: 1;
    color:#444;
  }
  .results-hero-card{
    background: #f7f7f7;
    border: 1px solid #eee;
    backdrop-filter: none;
  }
  .results-hero-label{ color:#ffffff; }
}
.results-achvShift{
  background:#2f363a;
  border-radius:18px;
}
.results-achvShift-title{
  color:#f5a623;
  font-weight:800;
}
.results-achvShift-sub{
  color: rgba(255,255,255,.72);
  max-width: 980px;
  margin: 0 auto;
}
.achvShift-wrap{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 18px;
  align-items: stretch;
}
.achvShift-photoCard{
  background:#0b84c6;
  border-radius:18px;
  overflow:hidden;
  min-height: 320px;
  display:flex;
}
.achvShift-photo{
    width: auto;
    margin: 0 auto;
  object-fit: cover;
  display:block;
}
.achvShift-info{
  border: 1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding: 18px 18px 14px;
}
.achvShift-tag{
  color: rgba(255,255,255,.45);
  font-size: 13px;
  margin-bottom: 10px;
}
.achvShift-name{
  color:#0aa0e6;
  font-weight:800;
  font-size: 28px;
  line-height:1.1;
  margin-bottom: 6px;
}
.achvShift-role{
  color: rgba(255,255,255,.55);
  font-size: 14px;
  margin-bottom: 12px;
}
.achvShift-desc{
  color: rgba(255,255,255,.55);
  font-size: 15px;
  line-height: 1.6;
  max-width: 92%;
}
.achvShift-topRow{
  display:flex;
  justify-content: space-between;
  gap: 16px;
  align-items:flex-start;
}
.achvShift-nav{
  display:flex;
  gap: 12px;
  padding-top: 6px;
}
.achvShift-btn{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.25);
  background: transparent;
  color: rgba(255,255,255,.65);
  display:flex;
  align-items:center;
  justify-content:center;
}
.achvShift-btn:hover{
  color:#fff;
  border-color: rgba(255,255,255,.45);
}
.achvShift-bar{
  height: 16px;
  background: rgba(255,255,255,.12);
  border-radius: 999px;
  overflow:hidden;
}
.achvShift-bar span{
  display:block;
  height:100%;
  width:0%;
  background:#0aa0e6;
  border-radius: 999px;
  transition: width .45s ease;
}
.achvShift-score{
  text-align:center;
  font-weight:900;
  font-size: 44px;
  color:#f5a623;
  line-height: 1;
}
.achvShift-score small{
  font-size: 22px;
  opacity: .9;
}
.achvShift-logo{
  display:flex;
  justify-content:center;
}
.achvShift-logo img{
  max-height: 44px;
  width:auto;
  background:#fff;
  border-radius: 6px;
  padding: 8px 10px;
}
.achvShift-thumbs{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.achvShift-thumb{
  border: 0;
  padding: 0;
  background:#0b84c6;
  border-radius:18px;
  overflow:hidden;
  min-height: 320px;
  cursor:pointer;
  position: relative;
  transition: transform .25s ease, box-shadow .25s ease;
}
.achvShift-thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.achvShift-thumb:hover{
  transform: translateY(-2px);
}
.achvShift-wrap.is-shift{
  --dx: 18px;
}
.achvShift-wrap.is-shift .achvShift-photoCard--active,
.achvShift-wrap.is-shift .achvShift-info,
.achvShift-wrap.is-shift .achvShift-thumbs{
  animation: achvFadeMove .38s ease both;
}
@keyframes achvFadeMove{
  from{ opacity:.55; transform: translateX(var(--dx)); }
  to{ opacity:1; transform: translateX(0); }
}
@media (max-width: 991.98px){
  .achvShift-wrap{
    grid-template-columns: 1fr;
  }
  .achvShift-thumbs{
    grid-template-columns: 1fr 1fr;
    display: none;
  }
  .achvShift-photoCard,
  .achvShift-thumb{
    min-height: 140px;
  }
  .achvShift-photo {
    width: 50%;
   } 
   .achvShift-topRow {
    flex-direction: column;
   }
}
.alumni-main {
  background: #2f363a;
  color: #e5e7eb;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.section-dark {
}
.section-light {
  background: #e7e7e7;
  color: #1f2933;
}
.section-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #f5b335;
  margin-bottom: 10px;
}
.section-sub {
  max-width: 720px;
  margin: 0 auto;
  color: #b8c0c8;
  font-size: 1rem;
}
.alumni-gallery-grid {
  display: grid;
  grid-template-columns: 1fr 2.5fr 1fr;
  gap: 16px;
}
.alumni-gallery-left,
.alumni-gallery-right {
  display: grid;
  gap: 16px;
}
.alumni-gallery-grid img {
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.alumni-gallery-grid img:hover {
  transform: scale(1.03);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);
}
.alumni-engage {
}
.alumni-subtitle {
  font-size: 1.8rem;
  font-weight: 700;
  color: #f5b335;
}
.alumni-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.alumni-list-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.alumni-list-item span {
  font-size: 1.8rem;
  font-weight: 700;
  color: #ffffff;
  opacity: 0.35;
  min-width: 40px;
}
.alumni-list-item h4 {
  font-weight: 500;
  color: #00b3ff;
  margin: 0;
}
.alumni-graduates img {
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.alumni-graduates img:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.3);
}
.btn-primary {
  background: #0a8fd8;
  border: none;
  padding: 12px 26px;
  font-weight: 600;
  border-radius: 999px;
  transition: background 0.3s ease, transform 0.3s ease;
}
.btn-primary:hover {
  background: #0876b5;
  transform: translateY(-2px);
}
.btn-pill {
  border-radius: 999px;
}
.alumni-cta {
  position: relative;
  background: url("../images/alumni/join.png") center / cover
    no-repeat;
  padding: 120px 0;
  text-align: center;
  color: #fff;
}
.alumni-cta-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.65),
    rgba(0, 0, 0, 0.8)
  );
}
.alumni-cta .container {
  position: relative;
  z-index: 2;
}
.alumni-cta h2 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.alumni-cta p {
  font-size: 1rem;
  margin-bottom: 26px;
  color: #d1d5db;
}
@media (max-width: 991px) {
  .alumni-gallery-grid {
    grid-template-columns: 1fr;
  }
  .alumni-list {
    margin-top: 30px;
  }
}
@media (max-width: 576px) {
  .section-title {
    font-size: 1.8rem;
  }
  .alumni-cta h2 {
    font-size: 1.9rem;
  }
}
#ibdp-cur .ibdp-curriculum-title{
  font-weight: 800;
  letter-spacing: -0.02em;
}
#ibdp-cur .ibdp-curriculum-sub{
  max-width: 820px;
  margin: 0 auto;
  opacity: .9;
}
#ibdp-cur .ibdp-group-card{
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  border-radius: 18px;
  overflow: hidden;
  transition: .25s ease;
}
#ibdp-cur .ibdp-group-card:hover{
  transform: translateY(-3px);
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
}
#ibdp-cur .ibdp-group-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
#ibdp-cur .ibdp-group-left{
  display:flex;
  align-items:baseline;
  gap:10px;
}
#ibdp-cur .ibdp-group-label{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
  opacity: .75;
}
#ibdp-cur .ibdp-group-num{
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}
#ibdp-cur .ibdp-mini-badge{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  opacity: .95;
}
#ibdp-cur .ibdp-group-body{
  padding: 14px 16px 16px;
}
#ibdp-cur .ibdp-group-heading{
  font-weight: 700;
  font-size: 16px;
}
#ibdp-cur .ibdp-group-list{
  padding-left: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
#ibdp-cur .ibdp-group-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  line-height: 1.35;
  opacity: .95;
}
#ibdp-cur .ibdp-group-list li::before{
  content: "•";
  opacity: .6;
}
#ibdp-cur .ibdp-accordion .accordion-item{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 10px;
}
#ibdp-cur .ibdp-accordion .accordion-button{
  background: transparent;
  color: inherit;
  box-shadow: none;
  padding: 14px 14px;
  margin-bottom: 0px;
}
#ibdp-cur .ibdp-accordion .accordion-button:focus{
  box-shadow: none;
}
#ibdp-cur .ibdp-accordion .accordion-button::after{
  opacity: .8;
}
#ibdp-cur .ibdp-acc-left{
  display:flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
}
#ibdp-cur .ibdp-chip{
  display:inline-flex;
  width: fit-content;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
}
#ibdp-cur .ibdp-acc-title{
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
#ibdp-cur .ibdp-acc-meta{
  margin-left: auto;
  padding-left: 10px;
}
#ibdp-cur .ibdp-count{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}
#ibdp-cur .ibdp-acc-body{
  padding: 12px 14px 14px 0px;
  border-top: 1px solid rgba(255,255,255,.08);
}
#ibdp-cur .ibdp-acc-body .ibdp-group-list li{
  opacity: .95;
}
#ibdp-cur .ibdp-acc-body .ibdp-group-list li::before{
  content: "";
}
#ibdp-cur .ibdp-acc-body i{
  opacity: .85;
  margin-top: 2px;
}
#ibdp-cur .ibdp-curriculum-footnote{
  max-width: 900px;
  margin: 0 auto;
  opacity: .8;
  font-size: 14px;
}
@media (max-width: 767.98px){
  #ibdp-cur .ibdp-accordion .accordion-item{
    border: 1px solid rgba(0, 152, 218, .22);
    background: rgba(0, 152, 218, .05);
  }
  #ibdp-cur .ibdp-accordion .accordion-button{
    background: linear-gradient(135deg, rgb(0 152 218), rgb(0 152 218 / 56%));
    border-bottom: 1px solid rgba(0,152,218,.22);
    color: #fff;
    box-shadow: none;
    border-radius: 0;
  }
  #ibdp-cur .ibdp-accordion .accordion-button.collapsed{
    background: linear-gradient(135deg, rgb(0 152 218), rgb(0 152 218 / 56%));
  }
  #ibdp-cur .ibdp-chip{
    border: 1px solid rgba(0,152,218,.55);
    background: rgba(0,152,218,.18);
    color: #fff;
  }
  #ibdp-cur .ibdp-count{
    border: 1px solid rgba(0,152,218,.45);
    background: rgba(0,152,218,.16);
    color: #fff;
  }
  #ibdp-cur .ibdp-accordion .accordion-button::after{
    filter: brightness(0) invert(1);
    opacity: .95;
  }
  #ibdp-cur .ibdp-accordion .accordion-button:focus{
    box-shadow: 0 0 0 .2rem rgba(0,152,218,.30);
  }
  #ibdp-cur .ibdp-acc-body{
    background: rgba(255,255,255,.02);
    border-top: 1px solid rgba(0,152,218,.12);
  }
  #ibdp-cur .ibdp-acc-body i{
    color: #0098da;
    opacity: 1;
  }
  #ibdp-cur .ibdp-acc-title{
    color: #fff;
  }
}
#ibdp-cur .ibdp-accordion .accordion-button{
  align-items: flex-start;   
}
#ibdp-cur .ibdp-acc-content{
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
#ibdp-cur .ibdp-acc-row1{
  display: flex;
  align-items: center;
  justify-content: space-between; 
  gap: 10px;
  width: 100%;
}
#ibdp-cur .ibdp-acc-title{
  display: block;
  font-weight: 800;
  line-height: 1.15;
}
#ibdp-cur .ibdp-count{
  white-space: nowrap;
}
#ibdp-pedagogy .pedagogy-owl .item{
  padding: 2px; 
}
#ibdp-pedagogy .pedagogy-card{
  border-radius: 18px;
  padding: 16px;
  height: 100%;
}
#ibdp-pedagogy .owl-dots{
  margin-top: 12px !important;
}
#ibdp-pedagogy .owl-dot span{
  width: 8px;
  height: 8px;
}
#ibdp-pedagogy .pedagogy-owl .item{ padding: 2px; }
#ibdp-pedagogy .pedagogy-owl .owl-dots{ margin-top: 12px !important; }
#ibdp-pedagogy .pedagogy-owl .owl-dot span{ width:8px; height:8px; }
#experiences-transform .exp-grid{
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 18px;
}
#experiences-transform .exp-card{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 18px;
  background: #111;
  min-height: 260px;
}
#experiences-transform .exp-card-lg{ min-height: 330px; }
#experiences-transform .exp-card-sm{ min-height: 260px; }
#experiences-transform .exp-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .35s ease;
}
#experiences-transform .exp-card:hover .exp-img{
  transform: scale(1.03);
}
#experiences-transform .exp-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.70) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,0) 100%);
  pointer-events: none;
}
#experiences-transform .exp-cap{
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
#experiences-transform .exp-owl-wrap,
#experiences-transform .exp-owl-wrap .owl-carousel,
#experiences-transform .exp-owl-wrap .owl-stage-outer,
#experiences-transform .exp-owl-wrap .owl-stage,
#experiences-transform .exp-owl-wrap .owl-item,
#experiences-transform .exp-slide{
  height: 100%;
}
#experiences-transform .exp-owl-wrap .item{
  height: 100%;
}
#experiences-transform .exp-owl-wrap .owl-dots{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: 0;
}
#experiences-transform .exp-owl-wrap .owl-dot span{
  width: 7px;
  height: 7px;
}
@media (max-width: 767.98px){
  #experiences-transform .exp-grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  #experiences-transform .exp-card-lg,
  #experiences-transform .exp-card-sm{
    min-height: 260px;
  }
}
.cas-pillar-card.cas-pillar-center{
  display: flex;
  align-items: center;     
  justify-content: center; 
  padding: 20px;
  min-height: 160px;       
}
.cas-pillar-card.cas-pillar-center .cas-pillar-inner{
  width: 100%;
}
@media (min-width: 768px){
  .cas-pillar-card.cas-pillar-center{
    justify-content: flex-start;
  }
}
.results-core-owl .item{ padding: 2px; }
.results-core-owl .owl-dots{ margin-top: 12px !important; }
.results-core-owl .owl-dot span{ width: 7px; height: 7px; }
.results-snapshot-owl .item{ padding: 2px; }
.results-snapshot-owl .results-snapshot-tile{ height: 100%; }
.results-snapshot-owl .owl-dots{ margin-top: 12px !important; }
.results-snapshot-owl .owl-dot span{ width: 7px; height: 7px; }
.resultsMetric-logos img{
  max-height: 60px;
  width: auto;
  object-fit: contain;
}
.resultsMetric-logos-owl .resultsMetric-logo{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  padding: 10px 12px;
}
.resultsMetric-logos-owl .resultsMetric-logo img{
  max-height: 120px;
  width: auto;
}
.resultsMetric-logos-owl .owl-dots{
  margin-top: 10px !important;
}
.resultsSupport-owl .item{ padding: 2px; }
.resultsSupport-owl .owl-dots{ margin-top: 12px !important; }
.resultsSupport-owl .owl-dot span{ width: 7px; height: 7px; }
@media (max-width: 768px){
  .resultsSupport-item {
      padding: 10px 5px;
  }
}
.cas-growth-owl .item{ padding: 2px; }
.cas-growth-owl .owl-dots{ margin-top: 12px !important; }
.cas-growth-owl .owl-dot span{ width: 7px; height: 7px; }
.cas-pillars-acc .accordion-item{
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid rgba(0,0,0,.08);
}
.cas-pillars-acc .accordion-button{
  box-shadow: none;
  padding: 14px 14px;
  font-weight: 700;
}
.cas-acc-num{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,152,218,.12);
  color: #0098da;
  font-weight: 800;
  flex: 0 0 auto;
}
.cas-acc-title{
  line-height: 1.15;
}
.cas-pillars-acc .accordion-body{
  padding: 12px 14px 14px;
  opacity: .95;
}
.admissions-ready-owl .item{ padding: 2px; }
.admissions-ready-owl .owl-dots{ margin-top: 12px !important; }
.admissions-ready-owl .owl-dot span{ width: 7px; height: 7px; }
.admissions-ready-owl .admissions-ready-card,
.admissions-ready-owl .admissions-ready-cta-card{
  min-height: 210px;
}
.admissions-steps-acc .accordion-item{
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid rgba(0,0,0,.08);
}
.admissions-steps-acc .accordion-button{
  padding: 14px;
  box-shadow: none;
  font-weight: 700;
}
.adm-step-chip{
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgb(227 227 227);
  color: #0098da;
  font-weight: 800;
  flex: 0 0 auto;
}
.adm-step-title{
  line-height: 1.15;
}
.admissions-steps-acc .accordion-body{
  padding: 12px 14px 14px;
}
.admissions-steps-acc .accordion-button:not(.collapsed) {
    color: #e3e3e3;
    background-color: #0098da;
}
.admissions-journey-acc .accordion-item{
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid rgba(0,0,0,.08);
}
.admissions-journey-acc .accordion-button{
  padding: 14px;
  box-shadow: none;
  font-weight: 700;
}
.adm-step-chip{
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgb(227 227 227);
  color: #0098da;
  font-weight: 800;
  flex: 0 0 auto;
}
.adm-step-title{
  line-height: 1.15;
}
.admissions-journey-acc .accordion-body{
  padding: 12px 14px 14px;
}
.admissions-journey-acc .accordion-button:not(.collapsed) {
    color: #e3e3e3;
    background-color: #0098da;
}
.admissions-ready-check-owl .item{ padding: 2px; }
.admissions-ready-check-owl .owl-dots{ margin-top: 12px !important; }
.admissions-ready-check-owl .owl-dot span{ width: 7px; height: 7px; }
.admissions-ready-check-owl .admissions-ready-card{
  min-height: 190px;
}
.intl-settle-owl .item{ padding: 2px; }
.intl-settle-owl .owl-dots{ margin-top: 12px !important; }
.intl-settle-owl .owl-dot span{ width: 7px; height: 7px; }
.intl-settle-owl .intl-settle-card{ min-height: 220px; }
.life-club-owl .item{ padding: 2px; }
.life-club-owl .owl-dots{ margin-top: 12px !important; }
.life-club-owl .owl-dot span{ width: 7px; height: 7px; }
.life-year-owl .item{ padding: 2px; }
.life-year-owl .owl-dots{ margin-top: 12px !important; }
.life-year-owl .owl-dot span{ width: 7px; height: 7px; }
.life-signature-owl .item{ padding: 2px; }
.life-signature-owl .owl-dots{ margin-top: 12px !important; }
.life-signature-owl .owl-dot span{ width: 7px; height: 7px; }
.life-signature-owl .life-signature-card{ min-height: 240px; }
.life-signature-owl .owl-item img {
    width: auto !important;
}
.sc-club-owl .item{ padding: 2px; }
.sc-club-owl .owl-dots{ margin-top: 12px !important; }
.sc-club-owl .owl-dot span{ width: 7px; height: 7px; }
.sc-member-owl .item{ padding: 2px; }
.sc-member-owl .owl-dots{ margin-top: 12px !important; }
.sc-member-owl .owl-dot span{ width: 7px; height: 7px; }
.sc-house-acc .accordion-item{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 10px;
}
.sc-house-acc .accordion-button{
  background: rgba(0,152,218,.10);
  color: inherit;
  box-shadow: none;
  font-weight: 700;
}
.sc-house-acc .accordion-button:focus{
  box-shadow: 0 0 0 .2rem rgba(0,152,218,.25);
}
.sc-house-acc .accordion-body{
  padding: 14px;
}
.house-acc .accordion-item{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 10px;
}
.house-acc .accordion-button{
  background: rgb(0 152 218);
  color: #ffffff;
  font-weight: 800;
}
.house-acc .accordion-button:focus{
  box-shadow: 0 0 0 .2rem rgba(0,152,218,.25);
}
.house-acc .accordion-body{
  padding: 14px;
}
.uprep-owl .item{ padding: 2px; }
.uprep-owl .owl-dots{ margin-top: 12px !important; }
.uprep-owl .owl-dot span{ width: 7px; height: 7px; }
.uplace-owl .item { padding: 2px; }
.uplace-owl .owl-dots { margin-top: 12px !important; }
.uplace-owl .owl-dot span { width: 7px; height: 7px; }
@media (max-width: 767.98px){
  .uplace-tile-flags .uplace-flag img{
    width: 25px !important;
    height: 25px !important;
    object-fit: contain;
    flex: 0 0 25px;
  }
}
.uplace-ties-owl .item{ padding: 2px; }
.uplace-ties-owl .owl-dots{ margin-top: 12px !important; }
.uplace-ties-owl .owl-dot span{ width: 7px; height: 7px; }
@media (max-width: 767.98px){
  .ka-adproc-accordion .ka-adproc-item{
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.03);
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .ka-adproc-accordion .ka-adproc-btn{
    background: #0098da;
    color: #ffffff;
    box-shadow: none;
    padding: 14px;
    gap: 10px;
  }
  .ka-adproc-accordion .ka-adproc-btn:focus{
    box-shadow: 0 0 0 .2rem rgba(0,152,218,.25);
  }
  .ka-adproc-left{
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
  }
  .ka-adproc-title{
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.15;
    margin-left: 50px;
  }
  .ka-adproc-body{
    padding: 12px 14px 14px;
    border-top: 1px solid rgba(255,255,255,.08);
    text-align: center;
  }
  .ka-adproc-icon img{
    width: 42px;
    height: 42px;
    object-fit: contain;
  }
  .ka-adproc-left .adproc-step-badge {
    width: 30px;
    height: 30px;
    margin: 0 auto 0;
    background: #f9fafb;
    color: #0098da;
   } 
}
.campus-tech-owl .item{ padding: 2px; }
.campus-tech-owl .owl-dots{ margin-top: 12px !important; }
.campus-classroom-photo .campus-classroom-owl .item{
  height: 100%;
}
.campus-classroom-photo .campus-classroom-owl img{
  display: block;
}
  
/* Media style */
.media-section {
  
}

.media-title {
  font-weight: 700;

}

.media-sub {
  color: #546177;
}

.media-toolbar {
  background: #fff;
  border: 1px solid #dbe8fb;
  border-radius: 18px;
  padding: 22px;
}

.year-filter .btn {
  min-width: 66px;
  border-radius: 9px;
  font-weight: 700;
}

.year-filter .btn.active {
  background: #04a9e8;
  border-color: #04a9e8;
  color: #fff;
}

.media-search,
.media-category {
  height: 46px;
  border-radius: 10px;
  border-color: #d7e4f5;
}

.media-accordion .accordion-item {
  border: 1px solid #b8d6ff;
  border-radius: 8px !important;
  overflow: hidden;
  margin-bottom: 16px;
  background: #fff;
}

.media-accordion .accordion-button {
  padding: 5px 6px;
  background: #fff;
  box-shadow: none !important;
}

.media-accordion .accordion-button:not(.collapsed) {
  background: #f7fbff;
}

.media-accordion .accordion-collapse.show {
  background: #f7fbff;
}

.media-accordion .accordion-button::after {
  margin-left: 14px;
}

.media-accordion .accordion-button:not(.collapsed) .publication-preview {
  display: none !important;
}

.date-box {
  width: 76px;
  min-width: 76px;
  text-align: center;
  background: #eff6ff;
  border-radius: 8px;
  padding: 10px 8px;
}

.date-box .cal-icon {
  display: block;
  color: #04a9e8;
  font-size: 13px;
  margin-bottom: 4px;
}

.date-box .day {
  display: block;
  font-size: 31px;
  font-weight: 800;
  color: #04a9e8;
  line-height: 1;
}

.date-box .month,
.date-box .year {
  display: block;
  font-size: 11px;
  font-weight: 800;
  color: #061b45;
  line-height: 1.15;
}

.title-col h5 {
  color: #031735;
  font-size: 17px;
  line-height: 1.35;
}

.media-badge {
  display: inline-block;
  background: #dbeafe;
  color: #04a9e8;
  border-radius: 5px;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 700;
}

.publication-preview {
  min-width: 270px;
}

.pub-logo {
  width: 44px;
  height: 30px;
  object-fit: contain;
  border: 1px solid #dfe8f5;
  border-radius: 6px;
  background: #fff;
  padding: 3px;
}

.accordion-body {
  padding: 0 18px 18px 18px;
}

.media-body-wrap {
  border-top: 0;
  padding-top: 0;
}

.media-open-left {
  padding-right: 28px;
}

.media-open-left p {
  font-size: 14px;
  line-height: 1.7;
  color: #334155 !important;
}

.publication-panel {
  border-left: 1px solid #dbe6f5;
  padding-left: 28px;
  background: transparent;
}

.publication-panel-title {
  font-size: 14px;
  color: #031735;
}

.publication-row {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid #e1e9f5;
  border-radius: 6px;
  padding: 6px 12px;
  margin-bottom: 8px;
  background: #fff;
}

.publication-row img {
  width: 72px;
  height: 28px;
  object-fit: contain;
}

.publication-row span {
  font-size: 13px;
  font-weight: 700;
  color: #061b45;
}

.publication-row a {
  margin-left: auto;
  font-size: 13px;
  font-weight: 700;
  color: #0057ff;
  text-decoration: none;
  white-space: nowrap;
}

.no-result {
  display: none;
  background: #fff;
  border: 1px dashed #cbd8ea;
  border-radius: 16px;
  padding: 30px;
  text-align: center;
  color: #6c757d;
}

@media(max-width:991px) {
  .publication-preview {
    display: none !important;
  }

  .publication-panel {
    border-left: 0;
    padding-left: 0;
  }

  .filter-controls {
    width: 100%;
    min-width: 100% !important;
  }

  .publication-row {
    flex-wrap: wrap;
  }

  .publication-row a {
    margin-left: 0;
  }
}
.accordion-body a {
color: #04a9e8;
}
@media(max-width:575px) {
  .media-toolbar {
    padding: 18px;
  }

  .date-box {
    width: 66px;
    min-width: 66px;
  }

  .date-box .day {
    font-size: 26px;
  }
}
/* Media style */