.xc-au-radius-24 .banner-bg {
    border-radius: 24px !important;
    overflow: hidden;
}


/* University Partnership parity: Figma desktop 150:5744 and mobile 167:8121. */
body.page-id-696 { padding: 0 !important; }
body.page-id-696 .xc-up-hero-top .xc-btn-pill-dark {
  color: #fff !important;
  background: rgba(255,255,255,.2) !important;
  border: 1px solid #fff !important;
  backdrop-filter: blur(6px);
}
body.page-id-696 .xc-up-hero-top .xc-btn-pill-dark span,
body.page-id-696 .xc-up-hero-top .xc-btn-pill-blue span {
  font-size: 0 !important;
}
body.page-id-696 .xc-up-hero-top .xc-btn-pill-dark span::after,
body.page-id-696 .xc-up-hero-top .xc-btn-pill-blue span::after {
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
}
body.page-id-696 .xc-up-hero-top .xc-btn-pill-dark span::after { content: 'Xem các môn học  →'; }
body.page-id-696 .xc-up-hero-top .xc-btn-pill-blue span::after { content: 'Liên hệ hợp tác  →'; }

/* Keep the CSS viewport equal to the Figma frame on Windows. The native
   scrollbar otherwise removes 15px and changes every wrap/alignment. */
html:has(body.page-id-691),
html:has(body.page-id-694),
html:has(body.page-id-696) {
  scrollbar-width: none;
}
html:has(body.page-id-691)::-webkit-scrollbar,
html:has(body.page-id-694)::-webkit-scrollbar,
html:has(body.page-id-696)::-webkit-scrollbar {
  display: none;
}

@media (max-width: 849px) {
  body:is(.page-id-691,.page-id-694,.page-id-696) #header .header-inner {
    padding-inline: 12px !important;
  }
  body:is(.page-id-691,.page-id-694,.page-id-696) #header #logo {
    width: 149px !important;
    flex: 0 0 149px !important;
    margin: 0 !important;
  }
  body:is(.page-id-691,.page-id-694,.page-id-696) #header #logo img {
    width: 149px !important;
    max-width: 149px !important;
    height: 32px !important;
    object-fit: contain;
  }
  body:is(.page-id-691,.page-id-694,.page-id-696) #header .show-for-medium.flex-left {
    width: 104px !important;
    flex: 0 0 104px !important;
    margin-left: auto !important;
  }
  body:is(.page-id-691,.page-id-694,.page-id-696) #header .show-for-medium.flex-left .mobile-nav,
  body:is(.page-id-691,.page-id-694,.page-id-696) #header .show-for-medium.flex-left li,
  body:is(.page-id-691,.page-id-694,.page-id-696) #header .nutt-00-topheadd {
    width: 104px !important;
    height: 34px !important;
    margin: 0 !important;
  }
  body:is(.page-id-691,.page-id-694,.page-id-696) #header .nutt-02-topheadd {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 104px !important;
    height: 34px !important;
    padding: 8px 14px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 18px !important;
    text-transform: none !important;
  }
  body:is(.page-id-691,.page-id-694,.page-id-696) #header .show-for-medium.flex-right {
    width: 28px !important;
    flex: 0 0 28px !important;
    margin-left: 12px !important;
  }
}
/* [Cleaned up legacy page-id-696 block - fully replaced by modern modular CSS at bottom] */
.xc-radius-24, .xc-au-radius-24, .xc-au-radius-24 .banner-bg {
    border-radius: 24px !important;
    overflow: hidden;
}
.xc-btn-pill-white {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #FFFFFF !important;
    color: #007CFF !important;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 999px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.xc-btn-pill-white:hover {
    background: #f0f7ff !important;
    color: #005fcc !important;
}
.xc-btn-pill-blue {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #007CFF !important;
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 999px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.xc-btn-pill-blue:hover {
    background: #005FCC !important;
}
.xc-btn-pill-outline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #FFFFFF !important;
    color: #007CFF !important;
    border: 1px solid rgba(0, 124, 255, 0.4) !important;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 999px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.xc-btn-pill-outline:hover {
    border-color: #007CFF !important;
    background: #f8faff !important;
}
.xc-arrow-up-right {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
}

/* ==========================================================================
   ABOUT US - FULL PARITY (FIGMA DESKTOP 132:4213 & MOBILE 181:18309)
   ========================================================================== */
body.page-id-694 { padding: 0 !important; }
body.page-id-694 #main { padding-top: 0 !important; }
body.page-id-694 .page-wrapper { padding: 0 !important; }
body.page-id-694 .row-main { max-width: none !important; margin: 0 !important; }
body.page-id-694 .row-main > .col { padding: 0 !important; }
@media (min-width: 850px) {
  body.page-id-694 #header,
  body.page-id-694 #header .header-wrapper,
  body.page-id-694 #header .header-main,
  body.page-id-694 #header .header-inner { height: 68px !important; min-height: 68px !important; }
}
@media (max-width: 849px) {
  body.page-id-694 #header,
  body.page-id-694 #header .header-wrapper,
  body.page-id-694 #header .header-main,
  body.page-id-694 #header .header-inner { height: 56px !important; min-height: 56px !important; }
}
body.page-id-694 .xc-orange-slash { color: #F5623D !important; font-style: normal !important; font-weight: 700 !important; margin-right: 6px !important; display: inline-block !important; }

/* --- sec1-hero.css --- */
/* ==========================================================================
   ABOUT US - SECTION 1: HERO
   Figma Desktop: 1440x720 | Figma Mobile: 390x640
   ========================================================================== */

/* --- DESKTOP (min-width: 850px) --- */
@media (min-width: 850px) {
  body.page-id-694 .xc-au-hero-sec {
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
    padding: 12px 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
  }
  body.page-id-694 .xc-au-hero-sec .section-content {
    height: 696px !important;
    max-width: 1416px !important;
    width: 1416px !important;
    margin: 0 auto !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small {
    max-width: 1416px !important;
    width: 1416px !important;
    height: 696px !important;
    margin: 0 auto !important;
    display: flex !important;
    gap: 12px !important;
  }

  /* Left column - Blue card */
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:first-child {
    width: 702px !important;
    max-width: 702px !important;
    flex: 0 0 702px !important;
    height: 696px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:first-child .col-inner,
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:first-child .banner {
    height: 696px !important;
    min-height: 696px !important;
    max-height: 696px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background-color: #0053a0 !important;
    background-image: url('assets/au-hero-banner-bg.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    position: relative !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:first-child .banner .banner-bg {
    display: none !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:first-child .banner-layers {
    height: 100% !important;
    position: relative !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:first-child .text-box {
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    height: 100% !important;
    width: 100% !important;
    padding: 216px 48px 48px 99px !important;
    box-sizing: border-box !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:first-child .text-box-content {
    font-size: 100% !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:first-child .text-inner {
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-hero-sec .xc-eyebrow-white {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    color: #FFFFFF !important;
    margin: 0 0 28px 0 !important;
    line-height: 16px !important;
  }
  body.page-id-694 .xc-au-hero-sec .xc-orange-slash {
    color: #F5623D !important;
    font-weight: 700 !important;
    margin-right: 6px !important;
  }
  body.page-id-694 .xc-au-hero-sec .xc-hero-title {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 48px !important;
    font-weight: 600 !important;
    line-height: 56px !important;
    letter-spacing: -0.015em !important;
    color: #FFFFFF !important;
    width: 504px !important;
    max-width: 504px !important;
    margin: 3px 0 34px 0 !important;
  }
  body.page-id-694 .xc-au-hero-sec .xc-hero-desc {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    width: 504px !important;
    max-width: 504px !important;
    margin: 0 !important;
  }

  /* Right column */
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child {
    width: 702px !important;
    max-width: 702px !important;
    flex: 0 0 702px !important;
    height: 696px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child > .col-inner {
    height: 696px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
  }

  /* Right Top Row (Team Photo) */
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:first-child {
    height: 424px !important;
    min-height: 424px !important;
    max-height: 424px !important;
    margin: 0 !important;
    width: 100% !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:first-child .col {
    padding: 0 !important;
    height: 424px !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:first-child .col-inner,
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:first-child .banner {
    height: 424px !important;
    min-height: 424px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:first-child .banner-bg img {
    height: 424px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    display: block !important;
  }

  /* Right Bottom Row (3 Cards) */
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child {
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    gap: 12px !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col {
    width: 226px !important;
    max-width: 226px !important;
    flex: 0 0 226px !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 260px !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child .col-inner {
    height: 100% !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child .banner,
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child .banner-inner {
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
    padding-top: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #F5F5F5 !important;
    position: relative !important;
  }
  
  /* Reset Card 1 & Card 2 banners */
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col:nth-child(1) .banner,
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col:nth-child(1) .banner-inner,
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col:nth-child(2) .banner,
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col:nth-child(2) .banner-inner {
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
    padding-top: 0 !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col:nth-child(1) .banner-bg,
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col:nth-child(2) .banner-bg {
    display: none !important;
  }

  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child .text-box {
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    height: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child .text-box-content {
    height: 100% !important;
    width: 100% !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child .text-inner {
    padding: 0 !important;
    height: 100% !important;
    width: 100% !important;
    position: relative !important;
  }

  /* Stats numbers */
  body.page-id-694 .xc-au-hero-sec .xc-stat-num {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 52px !important;
    font-weight: 600 !important;
    line-height: 60px !important;
    letter-spacing: -0.04em !important;
    color: #0053a0 !important;
    margin: 0 !important;
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
  }

  /* Card 1 - Rocket Icon */
  body.page-id-694 .xc-au-hero-sec .xc-stat-icon {
    position: absolute !important;
    top: 49px !important;
    right: 1px !important;
    margin: 0 !important;
    width: 76px !important;
    height: 91px !important;
  }
  body.page-id-694 .xc-au-hero-sec .xc-stat-icon img {
    content: url('assets/au-rocket-exact.png') !important;
    width: 76px !important;
    height: 91px !important;
    max-width: 76px !important;
    max-height: 91px !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* Card 1 Bottom Text */
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col:nth-child(1) .xc-stat-desc {
    position: absolute !important;
    top: 180px !important;
    left: 20px !important;
    right: 20px !important;
    width: 186px !important;
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #404040 !important;
    margin: 0 !important;
  }

  /* Card 2 - Avatar Stack */
  body.page-id-694 .xc-au-hero-sec .xc-avatar-stack {
    position: absolute !important;
    top: 136px !important;
    left: 20px !important;
    width: 124px !important;
    height: 40px !important;
    display: block !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-hero-sec .xc-avatar-stack br {
    display: none !important;
  }
  body.page-id-694 .xc-au-hero-sec .xc-avatar-stack img {
    display: none !important;
  }
  body.page-id-694 .xc-au-hero-sec .xc-avatar-stack::before {
    content: "" !important;
    display: block !important;
    width: 124px !important;
    height: 40px !important;
    background: url('assets/au-avatars-exact.png') no-repeat center / contain !important;
  }

  /* Card 2 Bottom Text */
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col:nth-child(2) .xc-stat-desc {
    position: absolute !important;
    top: 220px !important;
    left: 20px !important;
    right: 20px !important;
    width: 186px !important;
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #404040 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
  body.page-id-694 .xc-au-hero-sec .xc-stat-desc strong {
    color: #0053a0 !important;
    font-weight: 600 !important;
  }

  /* Card 3 - Portrait photo */
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col:nth-child(3) {
    margin-top: -72px !important;
    height: 332px !important;
    z-index: 2 !important;
    position: relative !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col:nth-child(3) .banner,
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col:nth-child(3) .banner-inner {
    height: 332px !important;
    min-height: 332px !important;
    max-height: 332px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }
  body.page-id-694 .xc-au-hero-sec .hide-for-small > .col:last-child .row:last-child > .col:nth-child(3) .banner-bg img {
    height: 332px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    display: block !important;
  }
}

/* --- MOBILE (max-width: 849px) --- */
@media (max-width: 849px) {
  body.page-id-694 .xc-au-hero-sec {
    height: 464px !important;
    min-height: 464px !important;
    max-height: 464px !important;
    padding: 20px 20px 4px 20px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
  }
  body.page-id-694 .xc-au-hero-sec .section-content {
    height: 440px !important;
  }
  body.page-id-694 .xc-au-hero-sec .section-content > p {
    display: none !important;
  }
  body.page-id-694 .xc-au-hero-sec .show-for-small {
    width: 350px !important;
    max-width: 350px !important;
    margin: 0 auto !important;
    height: 440px !important;
  }
  body.page-id-694 .xc-au-hero-sec .show-for-small > .col {
    padding: 0 !important;
    width: 350px !important;
    max-width: 350px !important;
    height: 440px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* Top Banner with Photo background */
  body.page-id-694 .xc-au-hero-sec .show-for-small > .col .banner:first-of-type {
    height: 440px !important;
    min-height: 440px !important;
    max-height: 440px !important;
    padding-top: 0 !important;
    border-radius: 12px !important;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.28) 100%), url('/wp-content/themes/talentforce/assets/au-mobile-hero.png') !important;
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 0 !important;
  }
  body.page-id-694 .xc-au-hero-sec .show-for-small .banner .banner-bg {
    display: none !important;
  }
  body.page-id-694 .xc-au-hero-sec .show-for-small .text-inner {
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-hero-sec .show-for-small .text-box {
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    height: 100% !important;
    padding: 188px 12px 24px 12px !important;
    box-sizing: border-box !important;
  }
  body.page-id-694 .xc-au-hero-sec .show-for-small .xc-eyebrow-white {
    font-size: 0 !important;
    line-height: 0 !important;
    margin-bottom: 18px !important;
  }
  body.page-id-694 .xc-au-hero-sec .show-for-small .xc-eyebrow-white .xc-orange-slash {
    font-size: 13px !important;
    line-height: 16px !important;
    color: #F5623D !important;
    font-weight: 700 !important;
    display: inline-block !important;
    margin-right: 6px !important;
  }
  body.page-id-694 .xc-au-hero-sec .show-for-small .xc-eyebrow-white::after {
    content: 'CÂU CHUYỆN & SỨ MỆNH';
    display: inline-block;
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 12.5px !important;
    line-height: 16px !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    letter-spacing: -0.1px !important;
  }
  body.page-id-694 .xc-au-hero-sec .show-for-small .xc-hero-title-sm {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 30px !important;
    line-height: 38px !important;
    font-weight: 600 !important;
    max-width: none !important;
    margin-bottom: 30px !important;
    padding-left: 0 !important;
    color: #FFFFFF !important;
    letter-spacing: 0 !important;
    -webkit-font-smoothing: antialiased !important;
  }
  body.page-id-694 .xc-au-hero-sec .show-for-small .xc-hero-desc {
    font-size: 14px !important;
    line-height: 20px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    max-width: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
    -webkit-font-smoothing: antialiased !important;
  }

  /* Hide middle banner, bottom banner, and gaps */
  body.page-id-694 .xc-au-hero-sec .show-for-small > .col > .gap-element {
    display: none !important;
  }
  body.page-id-694 .xc-au-hero-sec .show-for-small > .col > .banner:nth-of-type(2),
  body.page-id-694 .xc-au-hero-sec .show-for-small > .col > .banner:nth-of-type(3) {
    display: none !important;
  }

  /* Hide Bottom 2 Cards Row in Section 1 */
  body.page-id-694 .xc-au-hero-sec .show-for-small .row_inner {
    display: none !important;
  }
}


/* --- sec2-partners.css --- */
/* ==========================================================================
   ABOUT US - SECTION 2: PARTNERS
   Figma Desktop: 1440x112 (Frame #135:4902) | Figma Mobile: 390x180
   ========================================================================== */

/* --- DESKTOP (min-width: 850px) --- */
@media (min-width: 850px) {
  body.page-id-694 .xc-au-partners-sec {
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
    padding: 0 12px 12px 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
  }
  body.page-id-694 .xc-au-partners-sec .section-content {
    height: 100px !important;
    max-width: 1416px !important;
    width: 1416px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-partners-sec .show-for-small {
    display: none !important;
  }
  body.page-id-694 .xc-au-partners-sec .row:not(.show-for-small) {
    max-width: 1416px !important;
    width: 1416px !important;
    height: 100px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-partners-sec .row:not(.show-for-small) > .col {
    padding: 0 !important;
    margin: 0 !important;
    height: 100px !important;
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }
  body.page-id-694 .xc-au-partners-sec .row:not(.show-for-small) > .col > .col-inner {
    height: 100px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 20px !important;
    background-color: #F5F5F5 !important;
    border: none !important;
    padding: 0 32px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }
  body.page-id-694 .xc-au-partners-sec .row.align-middle {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: transparent !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-partners-sec .row.align-middle > .col {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
  }
  body.page-id-694 .xc-au-partners-sec .row.align-middle > .col:first-child {
    width: 275px !important;
    max-width: 275px !important;
    flex: 0 0 275px !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-partners-sec .row.align-middle > .col:first-child .col-inner {
    padding: 0 !important;
    background: transparent !important;
    width: 100% !important;
  }
  body.page-id-694 .xc-au-partners-sec .row.align-middle > .col:last-child {
    flex: 0 0 1008px !important;
    width: 1008px !important;
    max-width: 1008px !important;
    margin-left: auto !important;
    margin-right: 13px !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-partners-sec .row.align-middle > .col:last-child .col-inner {
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-partners-text {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #404040 !important;
    line-height: 20px !important;
    margin: 0 0 0 -2px !important;
    max-width: 255px !important;
    width: 255px !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex br {
    display: none !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex img {
    height: 52px !important;
    max-height: 52px !important;
    width: auto !important;
    object-fit: contain !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex img:nth-of-type(1) { width: 91px !important; margin-left: 8px !important; margin-right: 60px !important; }
  body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex img:nth-of-type(2) { width: 162px !important; margin-right: 60px !important; }
  body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex img:nth-of-type(3) { width: 84px !important; margin-right: 60px !important; }
  body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex img:nth-of-type(4) { width: 159px !important; margin-right: 60px !important; }
  body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex img:nth-of-type(5) { width: 104px !important; margin-right: 60px !important; }
  body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex img:nth-of-type(6) { width: 104px !important; margin-right: 0 !important; }
}

/* --- MOBILE (max-width: 849px) --- */
@media (max-width: 849px) {
  body.page-id-694 .xc-au-partners-sec {
    height: 350px !important;
    min-height: 350px !important;
    max-height: 350px !important;
    padding: 8px 20px 20px 20px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
  }
  body.page-id-694 .xc-au-partners-sec .section-content {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  /* 1. Stat cards row */
  body.page-id-694 .xc-au-partners-sec .xc-au-mob-stat-row {
    display: flex !important;
    width: 350px !important;
    max-width: 350px !important;
    height: 148px !important;
    margin: 0 auto !important;
    gap: 12px !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-au-mob-stat-row > .col {
    width: 169px !important;
    max-width: 169px !important;
    flex: 0 0 169px !important;
    padding: 0 !important;
    height: 148px !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-au-mob-stat-row .banner {
    height: 148px !important;
    min-height: 148px !important;
    border-radius: 16px !important;
    background: #F5F5F5 !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-au-mob-stat-row .text-box {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    padding: 0 !important;
    height: 100% !important;
    width: 100% !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-au-mob-stat-row .text-box-content {
    height: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-au-mob-stat-row .text-inner {
    padding: 16px 14px 16px 12px !important;
    height: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-au-mob-stat-row .xc-stat-num-sm {
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #0053a0 !important;
    line-height: 36px !important;
    letter-spacing: -0.04em !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-au-mob-stat-row .xc-stat-desc {
    font-size: 14px !important;
    line-height: 20px !important;
    color: #404040 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-au-mob-stat-row > .col:last-child .xc-stat-desc {
    margin-top: 19px !important;
    max-width: 120px !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-au-mob-stat-row .xc-stat-desc strong {
    color: #0053a0 !important;
    font-weight: 600 !important;
  }

  /* 2. Partners row */
  body.page-id-694 .xc-au-partners-sec .row:not(.show-for-small) {
    width: 342px !important;
    max-width: 342px !important;
    margin: 28px auto 0 auto !important;
    height: auto !important;
  }
  body.page-id-694 .xc-au-partners-sec .row:not(.show-for-small) > .col {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  body.page-id-694 .xc-au-partners-sec .row:not(.show-for-small) > .col > .col-inner {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: block !important;
  }
  body.page-id-694 .xc-au-partners-sec .row.align-middle {
    display: flex !important;
    flex-direction: column !important;
    gap: 45px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    width: 100% !important;
  }
  body.page-id-694 .xc-au-partners-sec .row.align-middle > .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-partners-text {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    font-style: italic !important;
    color: #404040 !important;
    margin: 1px 0 0 0 !important;
    padding-left: 17px !important;
    max-width: 320px !important;
    width: 320px !important;
    box-sizing: border-box !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 350px !important;
    max-width: 350px !important;
    height: 31px !important;
    margin: 5px 0 0 -4px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    gap: 0 !important;
    overflow: hidden !important;
    background: url('/wp-content/themes/talentforce/assets/images/au-partners-mob-logos.png') no-repeat left center / contain !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex br {
    display: none !important;
  }
  body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex img {
    opacity: 0 !important;
    visibility: hidden !important;
  }
}


/* --- sec3-mission.css --- */
/* ==========================================================================
   ABOUT US - SECTION 3: MISSION
   Figma Desktop: 1440x964 (#132:4224) | Figma Mobile: 390x1300 (#181:18309)
   ========================================================================== */

/* --- DESKTOP (min-width: 850px) --- */
@media (min-width: 850px) {
  body.page-id-694 .xc-au-mission-sec {
    height: 964px !important;
    min-height: 964px !important;
    max-height: 964px !important;
    padding: 80px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background-color: #FFFFFF !important;
  }
  body.page-id-694 .xc-au-mission-sec .section-content {
    height: 100% !important;
    max-width: 1224px !important;
    width: 1224px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  
  /* Row 1: Header + Description */
  body.page-id-694 .xc-au-mission-sec .row:first-of-type {
    max-width: 1224px !important;
    width: 1224px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
  }
  body.page-id-694 .xc-au-mission-sec .row:first-of-type > .col:first-child {
    width: 389px !important;
    max-width: 389px !important;
    flex: 0 0 389px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-mission-sec .row:first-of-type > .col:last-child {
    width: 600px !important;
    max-width: 600px !important;
    flex: 0 0 600px !important;
    padding: 48px 0 0 0 !important;
    margin: 0 !important;
    margin-left: auto !important;
  }
  
  /* Eyebrow & Title */
  body.page-id-694 .xc-au-mission-sec .xc-eyebrow-dark {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    color: #404040 !important;
    margin-bottom: 28px !important;
    text-transform: uppercase !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-orange-slash {
    color: #F5623D !important;
    font-family: 'Fz Poppins', sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    margin-right: 6px !important;
    display: inline-block !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-mission-title {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    color: #1A1A1A !important;
    max-width: 389px !important;
    width: 389px !important;
    margin: 0 0 0 5px !important;
    letter-spacing: -0.02em !important;
  }

  /* Right Description */
  body.page-id-694 .xc-au-mission-sec .xc-mission-text {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: #404040 !important;
    text-align: justify !important;
    margin: 0 0 16px 0 !important;
  }
  body.page-id-694 .xc-au-mission-sec .divider {
    max-width: 600px !important;
    width: 600px !important;
    height: 1px !important;
    background-color: #D9D9D9 !important;
    border: none !important;
    margin: 24px 0 0 0 !important;
  }

  /* Gap element between rows */
  body.page-id-694 .xc-au-mission-sec .gap-element {
    height: 0 !important;
    padding-top: 0 !important;
    margin: 0 !important;
  }

  /* Row 2: Founder Photo + Quote */
  body.page-id-694 .xc-au-mission-sec .row:last-of-type {
    max-width: 1224px !important;
    width: 1224px !important;
    margin: -57px auto 0 auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
  }
  body.page-id-694 .xc-au-mission-sec .row:last-of-type > .col:first-child {
    width: 392px !important;
    max-width: 392px !important;
    flex: 0 0 392px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-mission-sec .row:last-of-type > .col:last-child {
    width: 496px !important;
    max-width: 496px !important;
    flex: 0 0 496px !important;
    padding: 0 !important;
    margin: 0 0 0 24px !important;
  }
  
  /* Founder Photo */
  body.page-id-694 .xc-au-mission-sec .xc-founder-img,
  body.page-id-694 .xc-au-mission-sec .xc-founder-img .img-inner {
    width: 392px !important;
    height: 520px !important;
    max-width: 392px !important;
    max-height: 520px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-founder-img img {
    width: 392px !important;
    height: 520px !important;
    max-width: 392px !important;
    max-height: 520px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
  }

  /* Quote Container */
  body.page-id-694 .xc-au-mission-sec .row:last-of-type > .col:last-child > .col-inner {
    padding: 259px 0 0 0 !important;
    margin-left: -5px !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-quote-icon {
    display: block !important;
    width: 39px !important;
    height: 32px !important;
    font-size: 0 !important;
    background: url("data:image/svg+xml,%3Csvg width='39' height='32' viewBox='0 0 39 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8333 32C7.77778 32 5.14444 30.8556 2.93333 28.5667C0.777778 26.2778 -0.155556 23.4667 0.0333333 20.1333C0.277778 15.6889 1.76667 11.5333 4.5 7.66667C7.28889 3.8 11.0889 1.24444 15.9 0L17.5 4.8C14.1667 5.73333 11.4556 7.42222 9.36667 9.86667C7.27778 12.2556 6.13333 15.1111 5.93333 18.4333C7.04444 17.5444 8.44444 17.1 10.1333 17.1C12.7444 17.1 14.8889 17.9778 16.5667 19.7333C18.2444 21.4333 19.0833 23.5778 19.0833 26.1667C19.0833 27.8333 18.4778 29.2333 17.2667 30.3667C16.0556 31.4556 13.9111 32 10.8333 32ZM30.75 32C27.6944 32 25.0611 30.8556 22.85 28.5667C20.6944 26.2778 19.7611 23.4667 19.95 20.1333C20.1944 15.6889 21.6833 11.5333 24.4167 7.66667C27.2056 3.8 31.0056 1.24444 35.8167 0L37.4167 4.8C34.0833 5.73333 31.3722 7.42222 29.2833 9.86667C27.1944 12.2556 26.05 15.1111 25.85 18.4333C26.9611 17.5444 28.3611 17.1 30.05 17.1C32.6611 17.1 34.8056 17.9778 36.4833 19.7333C38.1611 21.4333 39 23.5778 39 26.1667C39 27.8333 38.3944 29.2333 37.1833 30.3667C35.9722 31.4556 33.8278 32 30.75 32Z' fill='%23005FCC'/%3E%3C/svg%3E") no-repeat left center / contain !important;
    margin: 0 0 16px 0 !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-quote-quote {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: #404040 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    background: transparent !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-quote-quote p {
    margin: 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-quote-author {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    color: #005FCC !important;
    border-left: 2px solid #005FCC !important;
    padding-left: 12px !important;
    margin: 0 0 2px 0 !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-quote-role {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #005FCC !important;
    border-left: 2px solid #005FCC !important;
    padding-left: 12px !important;
    margin: 0 !important;
  }
}

/* --- MOBILE (max-width: 849px) --- */
@media (max-width: 849px) {
  body.page-id-694 .xc-au-mission-sec {
    height: 1140px !important;
    min-height: 1140px !important;
    max-height: 1140px !important;
    padding: 50px 20px 24px 20px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background-color: #FFFFFF !important;
  }
  body.page-id-694 .xc-au-mission-sec .section-content {
    height: 1066px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 auto !important;
  }
  body.page-id-694 .xc-au-mission-sec .row {
    width: 350px !important;
    max-width: 350px !important;
    margin: 0 auto !important;
  }
  body.page-id-694 .xc-au-mission-sec .row:first-of-type {
    height: 362px !important;
    max-height: 362px !important;
    overflow: hidden !important;
  }
  body.page-id-694 .xc-au-mission-sec .row > .col {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-eyebrow-dark {
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    color: #404040 !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-orange-slash {
    color: #F5623D !important;
    font-weight: 700 !important;
    font-style: italic !important;
    margin-right: 6px !important;
    display: inline-block !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-mission-title {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 23.4px !important;
    line-height: 30px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    margin: 2px 0 24px 0 !important;
    letter-spacing: -0.02em !important;
    width: 350px !important;
    max-width: 350px !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-mission-title br {
    display: block !important;
  }
  body.page-id-694 .xc-au-mission-sec .row:first-of-type > .col:last-child {
    width: 350px !important;
    max-width: 350px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-mission-text-mob {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: 0 !important;
    color: #404040 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 350px !important;
    max-width: 350px !important;
    text-align: left !important;
    -webkit-font-smoothing: antialiased !important;
  }
  body.page-id-694 .xc-au-mission-sec .divider {
    display: none !important;
  }
  body.page-id-694 .xc-au-mission-sec .gap-element {
    display: none !important;
  }

  /* Founder photo on mobile */
  body.page-id-694 .xc-au-mission-sec .row:last-of-type {
    margin-top: 22px !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-founder-img,
  body.page-id-694 .xc-au-mission-sec .xc-founder-img .img-inner {
    width: 350px !important;
    height: 464px !important;
    max-width: 350px !important;
    max-height: 464px !important;
    border-radius: 12px !important;
    margin: 0 auto 24px auto !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-founder-img img {
    width: 350px !important;
    height: 464px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
  }

  /* Quote card on mobile */
  body.page-id-694 .xc-au-mission-sec .row:last-of-type > .col:last-child {
    background: #EAF9FF !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin: 0 auto !important;
    width: 350px !important;
    max-width: 350px !important;
    height: 192px !important;
    min-height: 192px !important;
    max-height: 192px !important;
    position: relative !important;
    box-sizing: border-box !important;
  }
  body.page-id-694 .xc-au-mission-sec .row:last-of-type > .col:last-child > .col-inner {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    display: block !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-quote-icon {
    display: block !important;
    position: absolute !important;
    top: -36px !important;
    right: -30px !important;
    width: 39px !important;
    height: 32px !important;
    font-size: 0 !important;
    background: url('/wp-content/themes/talentforce/assets/au-quote-icon-mob.png') no-repeat center / contain !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-quote-quote {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 22px !important;
    font-style: italic !important;
    color: #404040 !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-quote-quote p {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 22px !important;
    font-style: italic !important;
    color: #404040 !important;
    margin: 0 !important;
    width: 318px !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-quote-quote p::before {
    content: '"';
  }
  body.page-id-694 .xc-au-mission-sec .xc-quote-quote p::after {
    content: '"';
  }
  body.page-id-694 .xc-au-mission-sec .xc-quote-author {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    color: #0053A0 !important;
    padding: 0 !important;
    border: none !important;
    margin: 0 0 2px 0 !important;
  }
  body.page-id-694 .xc-au-mission-sec .xc-quote-role {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #718096 !important;
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
  }
}


/* --- sec4-why.css --- */
/* ==========================================================================
   ABOUT US - SECTION 4: WHY TALENTFORCE
   Figma Desktop: 1440x716 (#146:5093) | Figma Mobile: 390x1224
   ========================================================================== */

/* --- DESKTOP (min-width: 850px) --- */
@media (min-width: 850px) {
  body.page-id-694 .xc-au-why-sec {
    height: 716px !important;
    min-height: 716px !important;
    max-height: 716px !important;
    padding: 80px 0 70px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background-color: #FFFFFF !important;
    background-image: url('/wp-content/themes/talentforce/assets/au-wave-bg.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center 80px !important;
    background-size: 1440px auto !important;
  }
  body.page-id-694 .xc-au-why-sec .section-content {
    height: 100% !important;
    max-width: 1224px !important;
    width: 1224px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  
  /* Header */
  body.page-id-694 .xc-au-why-sec .row:first-of-type {
    max-width: 1224px !important;
    width: 1224px !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-why-sec .row:first-of-type > .col {
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-eyebrow-dark {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    color: #404040 !important;
    margin: 0 0 32px 0 !important;
    text-transform: uppercase !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-orange-slash {
    color: #F5623D !important;
    font-family: 'Fz Poppins', sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    margin-right: 6px !important;
    display: inline-block !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-main-title {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    color: #1A1A1A !important;
    margin: 0 !important;
    letter-spacing: -0.02em !important;
  }

  /* 4 Cards Row */
  body.page-id-694 .xc-au-why-sec .gap-element {
    display: none !important;
  }
  body.page-id-694 .xc-au-why-sec .row:last-of-type {
    max-width: 1224px !important;
    width: 1224px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 24px !important;
    height: 382px !important;
  }
  body.page-id-694 .xc-au-why-sec .row:last-of-type > .col {
    width: 288px !important;
    max-width: 288px !important;
    flex: 0 0 288px !important;
    padding: 0 !important;
    height: 382px !important;
    border: none !important;
    background: transparent !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue,
  body.page-id-694 .xc-au-why-sec .xc-why-card-white {
    height: 382px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }
  
  /* Card 1: Blue */
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue .col-inner {
    padding: 38px 24px 24px 24px !important;
    height: 382px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: #005FCC !important;
    box-shadow: 0 4px 20px rgba(0, 95, 204, 0.15) !important;
    box-sizing: border-box !important;
    border: none !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue .xc-why-icon-right {
    position: absolute !important;
    top: 15px !important;
    right: -10px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    opacity: 0.22 !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue .xc-why-icon-right img {
    width: 178px !important;
    height: 178px !important;
    max-width: 178px !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue .xc-why-num-white {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 24px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin: 0 0 14px 0 !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue .xc-why-title-white {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    margin: 0 0 14px 0 !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue .xc-why-desc-white {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    text-align: left !important;
    width: 240px !important;
    max-width: 240px !important;
    margin: 0 !important;
    opacity: 0.95 !important;
  }

  /* Cards 2, 3, 4: White */
  body.page-id-694 .xc-au-why-sec .xc-why-card-white .col-inner {
    padding: 39px 24px 28px 24px !important;
    height: 382px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    border: 1px solid #E6E6E6 !important;
    border-radius: 16px !important;
    background: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-white .xc-why-icon-top {
    margin: 0 0 0 12px !important;
    padding: 0 !important;
    height: 95px !important;
    display: flex !important;
    align-items: flex-start !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-white .xc-why-icon-top img {
    height: 94px !important;
    width: auto !important;
    max-width: 95px !important;
    object-fit: contain !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-white .xc-why-num-blue {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 24px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
    color: #005FCC !important;
    margin: 110px 0 25px 0 !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-white .xc-why-title-dark {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    margin: 0 !important;
  }
}

/* --- MOBILE (max-width: 849px) --- */
@media (max-width: 849px) {
  body.page-id-694 .xc-au-why-sec {
    height: 1280px !important;
    min-height: 1280px !important;
    max-height: 1280px !important;
    padding: 72px 20px 0 20px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background-color: #FFFFFF !important;
  }
  body.page-id-694 .xc-au-why-sec .section-content {
    height: 100% !important;
  }
  body.page-id-694 .xc-au-why-sec .row:first-of-type {
    width: 350px !important;
    max-width: 350px !important;
    margin: 0 0 33px 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
  body.page-id-694 .xc-au-why-sec .row:first-of-type > .col,
  body.page-id-694 .xc-au-why-sec .row:first-of-type .col-inner {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    text-align: left !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-eyebrow-dark {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 12px !important;
    line-height: 12px !important;
    font-style: italic !important;
    font-weight: 600 !important;
    color: #404040 !important;
    letter-spacing: 0.25px !important;
    text-align: left !important;
    margin: 0 0 13px 0 !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-orange-slash {
    color: #F5623D !important;
    font-style: normal !important;
    font-weight: 700 !important;
    margin-right: 2px !important;
    display: inline-block !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-main-title {
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-main-title::after {
    content: 'Khác biệt trong giảng dạy';
    display: block;
    font-family: 'FZ Poppins', sans-serif;
    font-size: 22.5px;
    line-height: 28px;
    font-weight: 700;
    color: #1A1A1A;
    text-align: left;
  }
  body.page-id-694 .xc-au-why-sec .gap-element {
    display: none !important;
  }
  body.page-id-694 .xc-au-why-sec .row:last-of-type {
    display: flex !important;
    flex-direction: column !important;
    gap: 11px !important;
    height: auto !important;
    width: 350px !important;
    max-width: 350px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-why-sec .row:last-of-type > .col {
    width: 350px !important;
    max-width: 350px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue {
    height: 308px !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue .col-inner {
    height: 308px !important;
    padding: 33px 24px !important;
    border-radius: 16px !important;
    background: #005FCC url('/wp-content/themes/talentforce/assets/au-c1-exact-mob.png') no-repeat right top !important;
    background-size: 170px 308px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue .xc-why-num-white {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    color: #FFFFFF !important;
    margin: 0 0 21px 0 !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue .xc-why-title-white {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    color: #FFFFFF !important;
    margin: 0 0 18px 0 !important;
    max-width: 245px !important;
    width: 245px !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue .xc-why-desc-white {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 24px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin: 0 !important;
    text-align: justify !important;
    text-align-last: left !important;
    letter-spacing: 0.5px !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-blue .xc-why-icon-right {
    display: none !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-white {
    height: 261px !important;
  }
  body.page-id-694 .xc-au-why-sec .row:last-of-type > .col:last-child {
    height: 259px !important;
    margin-top: 1px !important;
  }
  body.page-id-694 .xc-au-why-sec .row:last-of-type > .col:last-child .col-inner {
    height: 259px !important;
  }
  body.page-id-694 .xc-au-why-sec .row:last-of-type > .col:last-child .xc-why-title-dark {
    margin-top: 1px !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-white .col-inner {
    height: 261px !important;
    padding: 27px 24px 27px 23px !important;
    border: 1px solid #E6E6E6 !important;
    border-radius: 16px !important;
    background: #FFFFFF !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-white .xc-why-icon-top {
    height: 60px !important;
    margin: 0 0 45px 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-white .xc-why-icon-top img {
    height: 58px !important;
    width: auto !important;
    object-fit: contain !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-white .xc-why-num-blue {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    color: #005FCC !important;
    margin: 0 0 19px 0 !important;
  }
  body.page-id-694 .xc-au-why-sec .xc-why-card-white .xc-why-title-dark {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    color: #404040 !important;
    margin: 0 !important;
  }
}


/* --- sec5-instructors.css --- */
/* ==========================================================================
   ABOUT US - SECTION 5: INSTRUCTORS
   Figma Desktop: 1440x1073 (Node #148:5240) | Figma Mobile: 390x910
   ========================================================================== */

/* --- DESKTOP (min-width: 850px) --- */
@media (min-width: 850px) {
  body.page-id-694 .xc-au-inst-sec {
    height: 1073px !important;
    min-height: 1073px !important;
    max-height: 1073px !important;
    padding: 90px 108px 80px 108px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
  }
  body.page-id-694 .xc-au-inst-sec .section-content {
    height: 903px !important;
    max-width: 1224px !important;
    width: 1224px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    justify-content: flex-start !important;
  }
  body.page-id-694 .xc-au-inst-sec .row:first-of-type {
    max-width: 1224px !important;
    width: 1224px !important;
    margin: 0 0 55px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  body.page-id-694 .xc-au-inst-sec .row:first-of-type .col {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.page-id-694 .xc-au-inst-sec .row:first-of-type .col-inner {
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-eyebrow-dark {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    letter-spacing: 0.5px !important;
    color: #404040 !important;
    margin: 0 0 37px 0 !important;
    padding: 0 !important;
    line-height: 12px !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-orange-slash {
    color: #F5623D !important;
    font-style: normal !important;
    margin-right: 4px !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-main-title {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    color: #1A1A1A !important;
    margin: 0 !important;
    text-align: center !important;
  }

  /* 3 Cards Row */
  body.page-id-694 .xc-au-inst-sec .row:last-of-type {
    max-width: 1224px !important;
    width: 1224px !important;
    margin: 0 !important;
    display: flex !important;
    gap: 24px !important;
    height: 768px !important;
  }
  body.page-id-694 .xc-au-inst-sec .row:last-of-type > .col {
    width: 392px !important;
    max-width: 392px !important;
    flex: 0 0 392px !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 768px !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col .col-inner {
    border: 1px solid #E6E6E6 !important;
    border-radius: 12px !important;
    padding: 12px 11px !important;
    height: 768px !important;
    max-height: 768px !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
    box-shadow: 0px 24px 188px 0px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col .img,
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col .img-inner {
    width: 368px !important;
    height: 368px !important;
    min-height: 368px !important;
    max-height: 368px !important;
    padding: 0 !important;
    margin: 0 0 12px 0 !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col .img img {
    width: 368px !important;
    height: 368px !important;
    min-height: 368px !important;
    max-height: 368px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin: 0 !important;
    display: block !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col img.emoji {
    display: none !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col .gap-element {
    display: none !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-name-row {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    color: #1A1A1A !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 344px !important;
    max-width: 344px !important;
    margin: 6px auto 4px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-socials {
    display: flex !important;
    gap: 16px !important;
    align-items: center !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-s-link {
    color: #005FCC !important;
    font-size: 20px !important;
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-s-link i {
    font-size: 20px !important;
    line-height: 1 !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-role {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #1A1A1A !important;
    width: 344px !important;
    max-width: 344px !important;
    margin: 0 auto 8px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  body.page-id-694 .xc-au-inst-sec .divider {
    width: 344px !important;
    max-width: 344px !important;
    height: 1px !important;
    background: #D9D9D9 !important;
    border: none !important;
    margin: 0 auto 14px auto !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-desc {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #404040 !important;
    width: 344px !important;
    max-width: 344px !important;
    flex: none !important;
    margin: 0 auto 30px auto !important;
    padding: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-badge {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #404040 !important;
    width: 344px !important;
    max-width: 344px !important;
    margin: 0 auto 8px auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-badge-medal {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    background: url('assets/icons/instructor-medal.svg') no-repeat center / contain !important;
    font-size: 0 !important;
    color: transparent !important;
    flex-shrink: 0 !important;
    margin-right: 8px !important;
    overflow: hidden !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-badge-medal * {
    display: none !important;
  }
}

/* --- MOBILE (max-width: 849px) --- */
@media (max-width: 849px) {
  body.page-id-694 .xc-au-inst-sec {
    height: 1023px !important;
    min-height: 1023px !important;
    max-height: 1023px !important;
    padding: 98px 0 0 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: linear-gradient(to bottom, #FFFFFF 1011px, #005FCC 1011px) !important;
  }
  body.page-id-694 .xc-au-inst-sec .section-content {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  body.page-id-694 .xc-au-inst-sec .row:first-of-type {
    width: 350px !important;
    max-width: 350px !important;
    margin: 0 0 22px 19px !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-inst-sec .row:first-of-type > .col,
  body.page-id-694 .xc-au-inst-sec .row:first-of-type .col-inner {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-eyebrow-dark {
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 2px 0 10px 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-eyebrow-dark .xc-orange-slash {
    font-size: 12px !important;
    line-height: 12px !important;
    color: #F5623D !important;
    margin-right: 4px !important;
    font-weight: 600 !important;
    display: inline-block !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-eyebrow-dark::after {
    content: 'GIẢI PHÁP CỦA TALENTFORCE';
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 12px !important;
    line-height: 12px !important;
    font-style: italic !important;
    font-weight: 600 !important;
    color: #404040 !important;
    letter-spacing: 0.15px !important;
    display: inline-block !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-main-title {
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-main-title::after {
    content: 'Đội ngũ Giảng viên\A chuyên nghiệp';
    white-space: pre-line;
    display: block;
    font-family: "FZ Poppins", sans-serif;
    font-size: 23px;
    line-height: 32px;
    font-weight: 600;
    color: #1A1A1A;
    text-align: left;
    letter-spacing: -0.05px;
  }

  /* Scrollable row on mobile */
  body.page-id-694 .xc-au-inst-sec .row:last-of-type {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: none !important;
    scrollbar-width: none !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 723px !important;
  }
  body.page-id-694 .xc-au-inst-sec .row:last-of-type::-webkit-scrollbar {
    display: none !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col {
    flex: 0 0 320px !important;
    width: 320px !important;
    max-width: 320px !important;
    height: 723px !important;
    scroll-snap-align: none !important;
    padding: 0 !important;
    position: relative !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col:first-child {
    margin-left: 19px !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col:last-child {
    margin-right: 20px !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col .col-inner {
    height: 723px !important;
    border: 1px solid #E6E6E6 !important;
    border-radius: 12px !important;
    padding: 12px !important;
    background: #FFFFFF !important;
    position: relative !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col .img {
    width: 296px !important;
    height: 296px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col .img img {
    width: 296px !important;
    height: 296px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    margin: 0 !important;
    display: block !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col img.emoji {
    display: none !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-card-col .gap-element {
    display: none !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-socials {
    position: absolute !important;
    z-index: 5 !important;
    top: 255px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 124px !important;
    height: 34px !important;
    background: #FFFFFF !important;
    border-radius: 999px !important;
    padding: 0 10px !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-s-link:nth-child(1) {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    background: #005FCC !important;
    border-radius: 50% !important;
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-s-link:nth-child(1) i {
    color: #FFFFFF !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-s-link:nth-child(2) {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    background: #005FCC !important;
    border-radius: 4px !important;
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-s-link:nth-child(2) i {
    color: #FFFFFF !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-s-link:nth-child(3) {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    background: transparent !important;
    color: #005FCC !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-s-link:nth-child(3) i {
    color: #005FCC !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-name-row {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    color: #1A1A1A !important;
    margin: 13px 0 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-role {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #1A1A1A !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
  body.page-id-694 .xc-au-inst-sec .is-divider {
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    background: #E6E6E6 !important;
    border: none !important;
    margin: 16px 0 16px 0 !important;
    width: 100% !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-desc {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    color: #404040 !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    width: 100% !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-inst-badge {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #404040 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
  }
  body.page-id-694 .xc-au-inst-sec .xc-badge-medal {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    background: url('assets/icons/instructor-medal.svg') no-repeat center / contain !important;
    font-size: 0 !important;
    color: transparent !important;
    flex-shrink: 0 !important;
    margin-right: 8px !important;
    overflow: hidden !important;
  }
}


/* --- sec6-student.css --- */
/* ==========================================================================
   ABOUT US - SECTION 6: STUDENT TRANSFER PROGRAM
   Figma Desktop: 1440x480 (#146:5153) | Figma Mobile: 390x910
   ========================================================================== */

/* --- DESKTOP (min-width: 850px) --- */
@media (min-width: 850px) {
  body.page-id-694 .xc-au-student-sec {
    height: 480px !important;
    min-height: 480px !important;
    max-height: 480px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background-color: #005FCC !important;
    background-image: url('/wp-content/themes/talentforce/assets/au-logo-mark-watermark.svg') !important;
    background-repeat: no-repeat !important;
    background-position: 225px bottom !important;
    background-size: 495px 381px !important;
  }
  body.page-id-694 .xc-au-student-sec .section-content {
    height: 100% !important;
    max-width: 1440px !important;
    width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-student-sec .row {
    max-width: 1440px !important;
    width: 1440px !important;
    height: 480px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  body.page-id-694 .xc-au-student-sec .row > .col:first-child {
    width: 650px !important;
    max-width: 650px !important;
    flex: 0 0 650px !important;
    padding: 62px 0 0 108px !important;
    margin: 0 !important;
    height: 480px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
  }
  body.page-id-694 .xc-au-student-sec .row > .col:first-child > .col-inner {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    background: transparent !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-eyebrow-white {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 16px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    margin: 0 0 16px 0 !important;
    text-transform: uppercase !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-orange-slash {
    color: #F5623D !important;
    font-family: 'Fz Poppins', sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    margin-right: 6px !important;
    display: inline-block !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-student-title {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 36px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    line-height: 48px !important;
    margin: -3px 0 0 0 !important;
    max-width: 550px !important;
    white-space: nowrap !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-student-desc,
  body.page-id-694 .xc-au-student-sec .xc-student-desc-sub {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: #FFFFFF !important;
    margin: 0 0 16px 0 !important;
    max-width: 570px !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-student-desc-sub {
    margin: 0 0 20px 0 !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-student-desc-sub strong {
    font-weight: 700 !important;
    color: #FFFFFF !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-student-desc-sub em {
    font-style: italic !important;
    color: #FFFFFF !important;
  }
  body.page-id-694 .xc-au-student-sec .gap,
  body.page-id-694 .xc-au-student-sec .gap-element {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
  }
  body.page-id-694 .xc-au-student-sec .button,
  body.page-id-694 .xc-au-student-sec .xc-btn-pill-white {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 172px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
    color: #005FCC !important;
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    margin: 5px 0 0 0 !important;
    border-radius: 999px !important;
    border: none !important;
    text-transform: none !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1) !important;
  }
  body.page-id-694 .xc-au-student-sec .row > .col:last-child {
    width: 600px !important;
    max-width: 600px !important;
    flex: 0 0 600px !important;
    padding: 0 !important;
    margin: 0 12px 0 auto !important;
    height: 456px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
  body.page-id-694 .xc-au-student-sec .row > .col:last-child > .col-inner {
    padding: 0 !important;
    margin: 0 !important;
    width: 600px !important;
    height: 456px !important;
    background: transparent !important;
  }
  body.page-id-694 .xc-au-student-sec .row > .col:last-child img {
    width: 600px !important;
    height: 456px !important;
    max-width: 600px !important;
    object-fit: cover !important;
    border-radius: 20px !important;
    display: block !important;
    margin: 0 !important;
  }
}

/* --- MOBILE (max-width: 849px) --- */
@media (max-width: 849px) {
  body.page-id-694 .xc-au-student-sec {
    height: 890px !important;
    min-height: 890px !important;
    max-height: 890px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background-color: #005FCC !important;
  }
  body.page-id-694 .xc-au-student-sec .section-content {
    height: 100% !important;
  }
  body.page-id-694 .xc-au-student-sec .row {
    display: flex !important;
    flex-flow: column-reverse nowrap !important;
    width: 390px !important;
    max-width: 390px !important;
    height: 890px !important;
    margin: 0 auto !important;
  }
  body.page-id-694 .xc-au-student-sec .row > .col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-student-sec .row > .col:last-child {
    height: 456px !important;
    flex: 0 0 456px !important;
    width: 390px !important;
    max-width: 390px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
  }
  body.page-id-694 .xc-au-student-sec .row > .col:last-child .col-inner,
  body.page-id-694 .xc-au-student-sec .row > .col:last-child .img,
  body.page-id-694 .xc-au-student-sec .row > .col:last-child .img-inner {
    height: 456px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-student-sec .row > .col:last-child img {
    width: 366px !important;
    height: 456px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin: 0 auto !important;
    display: block !important;
  }
  body.page-id-694 .xc-au-student-sec .row > .col:first-child {
    height: 434px !important;
    flex: 0 0 434px !important;
    width: 390px !important;
    max-width: 390px !important;
    padding: 34px 20px 24px 20px !important;
    background-color: #005FCC !important;
    background-image: url('/wp-content/themes/talentforce/assets/au-logo-mark-watermark.svg') !important;
    background-repeat: no-repeat !important;
    background-position: 156px 172px !important;
    background-size: 402px 310px !important;
    box-sizing: border-box !important;
    display: block !important;
  }
  body.page-id-694 .xc-au-student-sec .row > .col:first-child > .col-inner {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-eyebrow-white {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    margin-bottom: 8px !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-student-title {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    margin: 0 0 22px 0 !important;
    white-space: nowrap !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-student-desc {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #FFFFFF !important;
    margin-bottom: 12px !important;
    max-width: 350px !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-student-desc br {
    display: none !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-student-desc-sub {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    margin-bottom: 24px !important;
    max-width: 322px !important;
    width: 322px !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-student-desc-sub strong {
    color: #FFFFFF !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-student-desc-sub em {
    color: #F99A78 !important;
    font-style: italic !important;
  }
  body.page-id-694 .xc-au-student-sec .row > .col:first-child .gap-element {
    display: none !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-btn-pill-white {
    background: #FFFFFF !important;
    color: #005FCC !important;
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    width: 172px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    line-height: 44px !important;
    border-radius: 999px !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: none !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-student-sec .xc-btn-pill-white span {
    color: #005FCC !important;
    text-transform: none !important;
  }
}


/* --- sec7-cta.css --- */
/* ==========================================================================
   ABOUT US - SECTION 7: CTA
   Figma Desktop: 1440x440 | Figma Mobile: 390x460
   ========================================================================== */

/* --- DESKTOP (min-width: 850px) --- */
@media (min-width: 850px) {
  body.page-id-694 .xc-au-cta-sec {
    height: 480px !important;
    min-height: 480px !important;
    max-height: 480px !important;
    padding: 80px 108px 60px 108px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
  }
  body.page-id-694 .xc-au-cta-sec .section-content {
    height: 340px !important;
    max-width: 1224px !important;
    width: 1224px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-cta-sec .row {
    max-width: 1224px !important;
    width: 100% !important;
    height: 340px !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-cta-sec .row > .col {
    padding: 0 !important;
    height: 340px !important;
  }
  body.page-id-694 .xc-au-cta-sec .col-inner {
    height: 340px !important;
    border-radius: 24px !important;
    background: #EDF5FF !important;
    padding: 46px 40px 40px 40px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  body.page-id-694 .xc-au-cta-sec .xc-cta-title {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    line-height: 40px !important;
    margin: 0 0 14px 0 !important;
  }
  body.page-id-694 .xc-au-cta-sec .xc-cta-desc {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #404040 !important;
    max-width: 760px !important;
    margin: 0 auto 24px auto !important;
  }
  body.page-id-694 .xc-au-cta-sec .col-inner > .gap-element {
    display: none !important;
  }
  body.page-id-694 .xc-au-cta-sec .xc-au-cta-btn-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  body.page-id-694 .xc-au-cta-sec .xc-au-cta-btn-group > .button,
  body.page-id-694 .xc-au-cta-sec .xc-au-cta-btn-group > a.button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    margin: 0 !important;
  }
  body.page-id-694 .xc-au-cta-sec .xc-au-cta-btn-group > a.xc-btn-pill-blue {
    background: linear-gradient(90deg, #4ECBEE 0%, #4C53F2 100%) !important;
    color: #FFFFFF !important;
    padding: 12px 20px !important;
    border-radius: 999px !important;
    height: 44px !important;
    line-height: 20px !important;
    border: none !important;
  }
  body.page-id-694 .xc-au-cta-sec .xc-au-cta-btn-group > a.xc-btn-pill-outline {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #007CFF !important;
    padding: 12px 20px !important;
    height: 44px !important;
    line-height: 20px !important;
  }
  body.page-id-694 .xc-au-cta-sec .xc-au-cta-btn-group > a.xc-btn-pill-outline:hover {
    color: #004499 !important;
    background: transparent !important;
  }
}

/* --- MOBILE (max-width: 849px) --- */
@media (max-width: 849px) {
  body.page-id-694 .xc-au-cta-sec {
    height: 460px !important;
    min-height: 460px !important;
    max-height: 460px !important;
    padding: 0 0 61px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #FFFFFF url('/wp-content/themes/talentforce/assets/au-sec7-bot-mob.png') no-repeat bottom left !important;
    background-size: 390px 60px !important;
  }
  body.page-id-694 .xc-au-cta-sec .section-content {
    height: 399px !important;
    width: 390px !important;
    max-width: 390px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-cta-sec .row {
    width: 390px !important;
    max-width: 390px !important;
    height: 399px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  body.page-id-694 .xc-au-cta-sec .row > .col {
    padding: 0 !important;
    height: 399px !important;
  }
  body.page-id-694 .xc-au-cta-sec .col-inner {
    height: 399px !important;
    border-radius: 0 !important;
    background: #E3F4FF !important;
    border-bottom: 1px solid #007CFF !important;
    padding: 32px 20px 0 20px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  body.page-id-694 .xc-au-cta-sec .xc-cta-title {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    margin: 0 0 21px 0 !important;
    max-width: 320px !important;
    flex-shrink: 0 !important;
  }
  body.page-id-694 .xc-au-cta-sec .xc-cta-desc {
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 13.5px !important;
    line-height: 22px !important;
    letter-spacing: 0px !important;
    word-spacing: 1.18px !important;
    color: #272727 !important;
    margin: 0 0 19px 0 !important;
    max-width: 350px !important;
    flex-shrink: 0 !important;
  }
  body.page-id-694 .xc-au-cta-sec .col-inner > .gap-element {
    display: none !important;
  }
  body.page-id-694 .xc-au-cta-sec .xc-au-cta-btn-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
    width: 100% !important;
  }
  body.page-id-694 .xc-au-cta-sec .xc-au-cta-btn-group > a.xc-btn-pill-blue {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 158px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #4ECBEE 0%, #4C53F2 100%) !important;
    color: #FFFFFF !important;
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
  }
  body.page-id-694 .xc-au-cta-sec .xc-au-cta-btn-group > a.xc-btn-pill-outline {
    display: inline-flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #007CFF !important;
    padding: 0 0 0 20px !important;
    margin: 0 !important;
    font-family: "FZ Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    letter-spacing: 0px !important;
    height: 20px !important;
    min-height: 20px !important;
    text-transform: none !important;
    flex-shrink: 0 !important;
  }
}


/* ==========================================================================
   ENTERPRISE TRAINING - FULL PARITY (FIGMA DESKTOP 195:11494 & MOBILE 195:13207)
   ========================================================================== */
body.page-id-691 { padding: 0 !important; }
body.page-id-691 #main { padding-top: 0 !important; }
body.page-id-691 .page-wrapper { padding: 0 !important; }
body.page-id-691 .row-main { max-width: none !important; margin: 0 !important; }
body.page-id-691 .row-main > .col { padding: 0 !important; }
@media (min-width: 850px) {
  body.page-id-691 #header,
  body.page-id-691 #header .header-wrapper,
  body.page-id-691 #header .header-main,
  body.page-id-691 #header .header-inner { height: 68px !important; min-height: 68px !important; }
}
@media (max-width: 849px) {
  body.page-id-691 #header,
  body.page-id-691 #header .header-wrapper,
  body.page-id-691 #header .header-main,
  body.page-id-691 #header .header-inner { height: 56px !important; min-height: 56px !important; }
}

/* --- sec1-hero.css --- */
/* ==========================================================================
   SECTION 1: HERO (Figma Desktop 195:11494 & Mobile 195:13207)
   ========================================================================== */
.xc-et-hero {
    position: relative !important;
    background-color: #FFFFFF !important;
}

.xc-et-hero .section-bg {
    background-image: url('assets/icons/hero-abstract-lines.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center top 90px !important;
    background-size: 1440px auto !important;
    opacity: 0.5 !important;
}

.xc-et-hero .xc-eyebrow-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    color: #404040 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 20px !important;
}

.xc-et-hero .xc-orange-slash {
    color: #F5623D !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-right: 6px !important;
}

.xc-et-hero-title {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    line-height: 40px !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 20px !important;
}

.xc-et-hero-mob-title {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    line-height: 32px !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 16px !important;
}

.xc-et-hero-desc,
.xc-et-hero-mob-desc {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #404040 !important;
    line-height: 20px !important;
    margin-bottom: 28px !important;
    max-width: 440px !important;
}

/* Button with Figma Brand Gradient & Arrow */
.xc-et-hero .button.xc-btn-pill-blue {
    background: linear-gradient(90deg, #4ECBEE 0%, #4C53F2 100%) !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 0 20px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.xc-et-hero .button.xc-btn-pill-blue:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(76, 83, 242, 0.25) !important;
}

.xc-et-hero .button.xc-btn-pill-blue span {
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
}

.xc-et-hero .button.xc-btn-pill-blue span::after {
    content: "Nhận tư vấn chương trình →" !important;
    font-size: 14px !important;
    font-family: "Fz Poppins", sans-serif !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    white-space: nowrap !important;
}

/* Hero Masonry Cards Styling */
.xc-et-hero .box {
    border-radius: 12px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 0 !important;
}

.xc-et-hero .box-image,
.xc-et-hero .box-image > div,
.xc-et-hero .box-image img {
    border-radius: 12px !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.xc-et-hero .box-image {
    aspect-ratio: 3 / 4 !important;
}

.xc-et-hero .box-image .overlay {
    display: none !important;
}

.xc-et-hero .box-text {
    padding: 0 !important;
    position: absolute !important;
    bottom: 20px !important;
    left: 20px !important;
    right: 20px !important;
    z-index: 2 !important;
}

.xc-et-hero .box-text-inner {
    padding: 0 !important;
}

.xc-et-hero .xc-et-hero-card-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #FFFFFF !important;
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    margin: 0 !important;
    text-shadow: none !important;
}

/* 6 Card Title Brand Icons from Figma */
.xc-et-hero .xc-et-col-1 .box:first-of-type .xc-et-hero-card-title::before {
    content: "" !important;
    display: inline-block !important;
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    background: url('assets/icons/acme-corp.svg') no-repeat center / contain !important;
}

.xc-et-hero .xc-et-col-1 .box:last-of-type .xc-et-hero-card-title::before {
    content: "" !important;
    display: inline-block !important;
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    background: url('assets/icons/codecraft.svg') no-repeat center / contain !important;
}

.xc-et-hero .xc-et-col-2 .box:first-of-type .xc-et-hero-card-title::before {
    content: "" !important;
    display: inline-block !important;
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    background: url('assets/icons/cubekit.svg') no-repeat center / contain !important;
}

.xc-et-hero .xc-et-col-2 .box:last-of-type .xc-et-hero-card-title::before {
    content: "" !important;
    display: inline-block !important;
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    background: url('assets/icons/eclipseful.svg') no-repeat center / contain !important;
}

.xc-et-hero .xc-et-col-3 .box:first-of-type .xc-et-hero-card-title::before {
    content: "" !important;
    display: inline-block !important;
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    background: url('assets/icons/leapyear.svg') no-repeat center / contain !important;
}

.xc-et-hero .xc-et-col-3 .box:last-of-type .xc-et-hero-card-title::before {
    content: "" !important;
    display: inline-block !important;
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    background: url('assets/icons/hexsmith.svg') no-repeat center / contain !important;
}

/* Desktop Masonry Stagger & Sizing - EXACT FIGMA PARITY */
@media (min-width: 850px) {
    body.page-id-691 .xc-et-hero {
        height: 917px !important;
        min-height: 917px !important;
        max-height: 917px !important;
        padding: 0 !important;
        overflow: hidden !important;
        position: relative !important;
    }
    body.page-id-691 .xc-et-hero > .section-content {
        width: 1440px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        position: relative !important;
        height: 917px !important;
    }
    body.page-id-691 .xc-et-hero-desk-row {
        width: 1440px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        display: block !important;
        padding: 0 !important;
        position: relative !important;
        height: 917px !important;
    }
    .xc-et-hero-desk-left {
        position: absolute !important;
        left: 108px !important;
        top: 85px !important;
        width: 288px !important;
        max-width: 288px !important;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 2 !important;
    }
    .xc-et-hero-desk-left .xc-eyebrow-dark {
        margin-bottom: 16px !important;
    }
    .xc-et-hero-desk-left .xc-et-hero-title {
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 32px !important;
        font-weight: 600 !important;
        color: #1A1A1A !important;
        line-height: 40px !important;
        letter-spacing: 0 !important;
        margin-bottom: 25px !important;
        width: 288px !important;
    }
    .xc-et-hero-desk-left .xc-et-hero-desc {
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #404040 !important;
        line-height: 20px !important;
        margin-bottom: 35px !important;
        width: 288px !important;
    }
    .xc-et-hero .box-text {
        top: 316px !important;
        bottom: auto !important;
        left: 20px !important;
        right: 20px !important;
        padding: 0 !important;
    }
    .xc-et-hero-desk-right {
        position: absolute !important;
        left: 524px !important;
        top: 24px !important;
        width: 912px !important;
        max-width: 912px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .xc-et-hero .xc-et-hero-masonry {
        display: flex !important;
        align-items: flex-start !important;
        gap: 24px !important;
        margin: 0 !important;
        width: 912px !important;
    }
    .xc-et-hero .xc-et-masonry-col {
        flex: 0 0 288px !important;
        width: 288px !important;
        max-width: 288px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
    }
    .xc-et-hero .xc-et-masonry-col .gap-element {
        padding-top: 24px !important;
        height: 24px !important;
    }
    .xc-et-hero .xc-et-col-2 .gap-element {
        padding-top: 21px !important;
        height: 21px !important;
    }
    .xc-et-hero p:empty {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .xc-et-hero-desk-left .button.xc-btn-pill-blue {
        width: 250px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .xc-et-hero .xc-et-col-2 {
        transform: translateY(80px) !important;
    }
    .xc-et-hero .box {
        width: 288px !important;
        height: 384px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        margin: 0 !important;
    }
    .xc-et-hero .box-image,
    .xc-et-hero .box-image img {
        width: 288px !important;
        height: 384px !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
    }
}

/* Mobile Hero Slider (1 row, 50% peak, dots) */
@media (max-width: 849px) {
    body.page-id-691 .xc-et-hero {
        height: 780px !important;
        min-height: 780px !important;
        max-height: 780px !important;
        padding: 32px 20px 40px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    body.page-id-691 .xc-et-hero p:empty,
    body.page-id-691 .xc-et-hero .section-content > p {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
    }
    body.page-id-691 .xc-et-hero .section-content {
        padding: 0 !important;
        margin: 0 !important;
    }
    body.page-id-691 .xc-et-hero .section-content > .row.show-for-small {
        width: 100% !important;
        max-width: 350px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    body.page-id-691 .xc-et-hero .section-content > .row.show-for-small > .col {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .xc-eyebrow-dark {
        font-family: Inter, sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        font-style: italic !important;
        line-height: 16px !important;
        color: #404040 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.08em !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .xc-orange-slash {
        color: #F5623D !important;
        font-weight: 700 !important;
        font-style: normal !important;
        margin-right: 6px !important;
    }
    body.page-id-691 .xc-et-hero-mob-title {
        font-family: Inter, sans-serif !important;
        font-size: 24px !important;
        font-weight: 600 !important;
        color: #1A1A1A !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        margin: 2px 0 22px 0 !important;
        padding: 0 !important;
        width: 350px !important;
    }
    body.page-id-691 .xc-et-hero-mob-desc {
        font-family: Inter, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #404040 !important;
        line-height: 20px !important;
        margin: 0 0 28px 0 !important;
        padding: 0 !important;
        width: 350px !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .gap-element {
        display: none !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .button {
        width: max-content !important;
        height: 44px !important;
        line-height: 44px !important;
        margin: 0 0 28px 0 !important;
        padding: 0 20px !important;
        border-radius: 999px !important;
        background: linear-gradient(90deg, #4ECBEE 0%, #4C53F2 100%) !important;
        border: none !important;
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #FFFFFF !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .xc-et-hero-masonry {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 24px !important;
        width: calc(100% + 20px) !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .xc-et-hero-masonry::-webkit-scrollbar {
        display: none !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .xc-et-masonry-col,
    body.page-id-691 .xc-et-hero .show-for-small .xc-et-masonry-col > .col-inner {
        display: contents !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .box {
        flex: 0 0 288px !important;
        width: 288px !important;
        max-width: 288px !important;
        height: 384px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        scroll-snap-align: start !important;
        margin: 0 !important;
        position: relative !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .xc-et-col-1 .box:first-of-type {
        order: 1 !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .xc-et-col-2 .box:first-of-type {
        order: 2 !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .xc-et-col-1 .box:last-of-type {
        order: 3 !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .xc-et-col-2 .box:last-of-type {
        order: 4 !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .box-image,
    body.page-id-691 .xc-et-hero .show-for-small .box-image img {
        width: 288px !important;
        height: 384px !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
        border-radius: 12px !important;
    }
    body.page-id-691 .xc-et-hero .show-for-small .box-text {
        position: absolute !important;
        top: 316px !important;
        bottom: auto !important;
        left: 20px !important;
        right: 20px !important;
        padding: 0 !important;
    }
    .xc-et-hero-mobile-dots {
        display: none !important;
    }
}


/* --- sec2-problems.css --- */
/* ==========================================================================
   SECTION 2: COMMON PROBLEMS (Figma Desktop 195:11612 & Mobile 195:13273)
   ========================================================================== */
.xc-et-problems {
    background-color: #0053A0 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Background Pattern */
.xc-et-problems .section-bg {
    overflow: hidden !important;
}

.xc-et-problems .section-bg img {
    position: absolute !important;
    object-fit: contain !important;
    opacity: 0.65 !important;
    pointer-events: none !important;
    bottom: auto !important;
}

/* Header Text Align Left */
.xc-et-problems .col-inner.text-center {
    text-align: left !important;
}

.xc-et-problems .xc-eyebrow-white {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    text-align: left !important;
    margin-bottom: 16px !important;
}

.xc-et-problems .section-content > .row:first-child p:not(.xc-eyebrow-white) {
    display: none !important;
}

.xc-et-problems .xc-orange-slash {
    color: #F5623D !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-right: 6px !important;
}

.xc-et-problems .xc-et-section-title {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    color: #FFFFFF !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    margin-bottom: 0 !important;
}

/* 3 Columns Grid - Figma: Transparent, No Card Box */
.xc-et-problems .xc-et-problem-card {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    height: 100% !important;
}

/* Remove icon circle background */
.xc-et-problems .icon-box-img,
.xc-et-problems .icon-box-img .icon,
.xc-et-problems .icon-box-img .icon-inner {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    width: 64px !important;
    height: 64px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.xc-et-problems .icon-box-img img {
    width: 64px !important;
    height: 64px !important;
    object-fit: contain !important;
}

/* Vector SVG replacement for pixel-perfect icons from Figma */
.xc-et-problems .row.align-equal > .col:nth-child(1) .icon-box-img img {
    content: url('assets/icons/problems-icon-1.svg') !important;
}
.xc-et-problems .row.align-equal > .col:nth-child(2) .icon-box-img img {
    content: url('assets/icons/problems-icon-2.svg') !important;
}
.xc-et-problems .row.align-equal > .col:nth-child(3) .icon-box-img img {
    content: url('assets/icons/problems-icon-3.svg') !important;
}

.xc-et-problems .xc-et-problem-title {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    color: #FFFFFF !important;
    letter-spacing: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    max-width: none !important;
    width: 100% !important;
}

.xc-et-problems .xc-et-problem-desc {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    text-align: justify !important;
    margin: 0 !important;
}

/* ==========================================================================
   DESKTOP (>= 850px)
   ========================================================================== */
@media (min-width: 850px) {
    body.page-id-691 .xc-et-problems {
        display: block !important;
        height: 650px !important;
        min-height: 650px !important;
        max-height: 650px !important;
        padding: 80px 0 !important;
        overflow: hidden !important;
    }
    body.page-id-691 .xc-et-problems > .section-content {
        width: 1224px !important;
        max-width: calc(100% - 48px) !important;
        margin: 0 auto !important;
    }
    .xc-et-problems p:empty {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .xc-et-problems .section-bg img {
        right: -110px !important;
        top: -95px !important;
        width: 480px !important;
        height: 480px !important;
        left: auto !important;
    }
    /* Gap between Header and Cards Grid in Figma Desktop is 95px */
    .xc-et-problems .section-content > .row:first-child {
        margin-bottom: 95px !important;
    }
    .xc-et-problems .section-content > .row:first-child .gap-element,
    .xc-et-problems .section-content > .gap-element {
        display: none !important;
    }
    .xc-et-problems .icon-box-img {
        margin: 0 0 48px 0 !important;
    }
    /* 3 Columns Grid: each card 354px, 81px space between with centered 1px divider */
    .xc-et-problems .row.align-equal::before,
    .xc-et-problems .row.align-equal::after {
        display: none !important;
        content: none !important;
    }
    .xc-et-problems .row.align-equal {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        width: 1224px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        gap: 0 !important;
    }
    .xc-et-problems .row.align-equal > .col {
        flex: 0 0 354px !important;
        width: 354px !important;
        max-width: 354px !important;
        padding: 0 !important;
        position: relative !important;
    }
    /* 1px Vertical Divider lines between cards */
    .xc-et-problems .row.align-equal > .col:not(:last-child)::after {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        right: -41px !important;
        width: 1px !important;
        background: rgba(255, 255, 255, 0.5) !important;
    }
}

/* ==========================================================================
   MOBILE (< 850px)
   ========================================================================== */
@media (max-width: 849px) {
    body.page-id-691 .xc-et-problems {
        padding: 40px 20px !important;
        height: auto !important;
        min-height: auto !important;
    }
    .xc-et-problems .section-bg img {
        right: auto !important;
        left: 228px !important;
        top: -91px !important;
        width: 262px !important;
        height: 262px !important;
        content: url('assets/sec2_bg_pattern_mobile.png') !important;
        opacity: 1 !important;
    }
    /* Clean up row 1: empty p, gap elements, col padding */
    .xc-et-problems .section-content > .row:first-child p:not(.xc-eyebrow-white) {
        display: none !important;
        margin: 0 !important;
    }
    .xc-et-problems .section-content > .row:first-child .gap-element {
        display: none !important;
    }
    .xc-et-problems .section-content > .row:first-child > .col {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    /* Gap between Header and Cards in Figma Mobile is 60px */
    .xc-et-problems .section-content > .row:first-child {
        margin-bottom: 60px !important;
    }
    .xc-et-problems .section-content > .gap-element {
        display: none !important;
    }
    .xc-et-problems .xc-eyebrow-white {
        font-family: "Inter", sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        font-style: italic !important;
        line-height: 16px !important;
        letter-spacing: 0 !important;
        margin-left: -1px !important;
        margin-bottom: 8px !important;
    }
    .xc-et-problems .xc-orange-slash {
        margin-right: 2px !important;
    }
    .xc-et-problems .xc-et-section-title {
        font-family: "Inter", sans-serif !important;
        font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 32px !important;
        margin-left: -1px !important;
        letter-spacing: 0 !important;
    }
    .xc-et-problems .row.align-equal {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .xc-et-problems .row.align-equal > .col {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 0 24px 0 !important;
        margin-bottom: 24px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    }
    .xc-et-problems .row.align-equal > .col:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .xc-et-problems .row.align-equal > .col::after {
        display: none !important;
    }
    /* Horizontal row for card on mobile */
    .xc-et-problems .xc-et-problem-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    .xc-et-problems .icon-box-img {
        margin: 0 !important;
    }
    .xc-et-problems .icon-box-img img {
        margin: 0 !important;
    }
    .xc-et-problems .xc-et-problem-title {
        font-size: 18px !important;
        line-height: 26px !important;
        margin-bottom: 12px !important;
    }
    .xc-et-problems .row.align-equal > .col:nth-child(2) .xc-et-problem-title {
        max-width: 200px !important;
    }
    .xc-et-problems .xc-et-problem-desc {
        font-size: 14px !important;
        line-height: 22px !important;
    }
}


/* --- sec3-catalogs.css --- */
/* ==========================================================================
   SECTION 3: TRAINING CATALOGS (Figma Desktop 195:11660 & Mobile 195:13336)
   ========================================================================== */
.xc-et-catalogs {
    background-color: #FFFFFF !important;
    position: relative !important;
}

/* Header */
.xc-et-catalogs .xc-eyebrow-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    color: #404040 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    text-align: center !important;
    margin-bottom: 16px !important;
}

.xc-et-catalogs .xc-orange-slash {
    color: #F5623D !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-right: 6px !important;
}

.xc-et-catalogs .xc-et-section-title-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    color: #1A1A1A !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}

/* Cards Grid - Shared */
.xc-et-catalogs .xc-et-course-card .col-inner {
    border: 1px solid #E6E6E6 !important;
    border-radius: 12px !important;
    box-shadow: 0px 24px 188px 0px rgba(0, 0, 0, 0.08) !important;
    padding: 0 !important;
    background: #FFFFFF !important;
    height: 640px !important;
    max-height: 640px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.xc-et-catalogs .xc-et-course-card .gap-element {
    display: none !important;
}

.xc-et-catalogs .xc-et-course-card p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.xc-et-catalogs .xc-et-course-card .img {
    margin: -1px -1px 0 -1px !important;
    width: calc(100% + 2px) !important;
    height: 232px !important;
    min-height: 232px !important;
    max-height: 232px !important;
    flex: 0 0 232px !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    overflow: hidden !important;
}

.xc-et-catalogs .xc-et-course-card .img .img-inner {
    height: 232px !important;
}

.xc-et-catalogs .xc-et-course-card .img img {
    height: 232px !important;
    width: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.xc-et-catalogs .xc-et-course-title {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    color: #1A1A1A !important;
    padding: 0 16px 0 24px !important;
    margin: 25px 0 0 0 !important;
    letter-spacing: -0.01em !important;
}

.xc-et-catalogs .xc-et-course-desc {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: #404040 !important;
    padding: 0 68px 0 24px !important;
    margin: 18px 0 0 0 !important;
    letter-spacing: 0 !important;
}

/* Tag Pills */
.xc-et-catalogs .xc-et-course-list {
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 0 24px !important;
    margin: 22px 0 0 0 !important;
}

.xc-et-catalogs .xc-et-course-card:first-child .xc-et-course-list {
    margin-top: 23px !important;
}

.xc-et-catalogs .xc-et-course-card:nth-child(2) .xc-et-course-list {
    margin-top: 23px !important;
}

.xc-et-catalogs .xc-et-course-list li {
    background: #FAFAFA !important;
    border: 1px solid #404040 !important;
    border-radius: 999px !important;
    padding: 5px 12px !important;
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    color: #404040 !important;
    margin: 0 !important;
    display: inline-block !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

/* Card 2 Note */
.xc-et-catalogs .xc-et-course-note {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 12px !important;
    font-style: italic !important;
    line-height: 18px !important;
    color: #007CFF !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 0 35px 0 24px !important;
    margin: 24px 0 0 0 !important;
}

.xc-et-catalogs .xc-et-course-note::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    background: url('assets/icons/salesforce-note-icon.png') no-repeat center / contain !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
}

/* Card 3: Custom Program */
.xc-et-catalogs .xc-et-course-custom-card .col-inner {
    border: 1px solid transparent !important;
    background: linear-gradient(135deg, #FFFFFF 60%, #CCE5FF 100%) padding-box,
                linear-gradient(90deg, #4ECBEE 0%, #4C53F2 100%) border-box !important;
    border-radius: 12px !important;
    box-shadow: 0px 24px 188px 0px rgba(0, 0, 0, 0.08) !important;
    padding: 0 !important;
    height: 640px !important;
    max-height: 640px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.xc-et-catalogs .xc-et-course-custom-card .xc-et-course-title {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    color: #1A1A1A !important;
    padding: 0 24px !important;
    margin: 25px 0 0 0 !important;
    letter-spacing: 0 !important;
}

.xc-et-catalogs .xc-et-course-custom-card .xc-et-course-desc {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: #404040 !important;
    padding: 0 64px 0 24px !important;
    margin: 18px 0 0 0 !important;
    letter-spacing: 0 !important;
}

.xc-et-catalogs .xc-et-course-custom-card .button.xc-btn-pill-outline {
    position: absolute !important;
    top: 494px !important;
    left: 24px !important;
    width: 189px !important;
    height: 44px !important;
    min-height: 44px !important;
    background: linear-gradient(90deg, #4ECBEE 0%, #4C53F2 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-transform: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.xc-et-catalogs .xc-et-course-custom-card .button.xc-btn-pill-outline span {
    font-size: 0 !important;
    line-height: 0 !important;
}

.xc-et-catalogs .xc-et-course-custom-card .button.xc-btn-pill-outline span::after {
    content: "Trao đổi nhu cầu \2192" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    letter-spacing: 0 !important;
    line-height: 20px !important;
}

/* ==========================================================================
   DESKTOP (>= 850px)
   ========================================================================== */
@media (min-width: 850px) {
    body.page-id-691 .xc-et-catalogs {
        display: block !important;
        padding: 80px 0 80px !important;
        height: 936px !important;
        min-height: 936px !important;
        max-height: 936px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    body.page-id-691 .xc-et-catalogs > .section-content {
        width: 1224px !important;
        max-width: calc(100% - 48px) !important;
        margin: 0 auto !important;
    }
    .xc-et-catalogs p:empty {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .xc-et-catalogs .section-content > .row:first-child p:not(.xc-eyebrow-dark) {
        display: none !important;
    }
    .xc-et-catalogs .section-content > .row:first-child {
        margin: 0 auto 60px auto !important;
        width: 1224px !important;
        max-width: 100% !important;
    }
    .xc-et-catalogs .section-content > .row:first-child > .col {
        padding: 0 !important;
    }
    .xc-et-catalogs .xc-eyebrow-dark {
        margin-bottom: 16px !important;
    }
    .xc-et-catalogs .section-content > .row:first-child .gap-element,
    .xc-et-catalogs .section-content > .gap-element {
        display: none !important;
    }
    .xc-et-catalogs .row.align-equal::before,
    .xc-et-catalogs .row.align-equal::after {
        display: none !important;
        content: none !important;
    }
    .xc-et-catalogs .row.align-equal {
        display: flex !important;
        justify-content: space-between !important;
        align-items: stretch !important;
        width: 1224px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        gap: 24px !important;
    }
    .xc-et-catalogs .row.align-equal > .col {
        flex: 1 1 0 !important;
        width: 392px !important;
        max-width: 392px !important;
        padding: 0 !important;
    }
}

/* ==========================================================================
   MOBILE (< 850px)
   ========================================================================== */
@media (max-width: 849px) {
    body.page-id-691 .xc-et-catalogs {
        padding: 48px 20px !important;
        height: 1970px !important;
        min-height: 1970px !important;
        max-height: 1970px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .xc-et-catalogs .section-content {
        padding: 0 !important;
        margin: 0 !important;
    }
    .xc-et-catalogs .section-content > .row:first-child {
        margin: 0 auto 32px auto !important;
        padding: 0 !important;
        height: 96px !important;
        min-height: 96px !important;
        max-height: 96px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }
    .xc-et-catalogs .section-content > .row:first-child > .col {
        padding: 0 !important;
        margin: 0 !important;
    }
    .xc-et-catalogs .section-content > .row:first-child .col-inner {
        padding: 0 !important;
    }
    .xc-et-catalogs .xc-eyebrow-dark {
        font-family: Inter, sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 16px !important;
        color: #404040 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.08em !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        text-align: left !important;
    }
    .xc-et-catalogs .xc-eyebrow-dark .xc-orange-slash {
        color: #F5623D !important;
        font-weight: 700 !important;
        margin-right: 6px !important;
    }
    .xc-et-catalogs .xc-et-section-title-dark {
        font-family: Inter, sans-serif !important;
        font-size: 24px !important;
        line-height: 32px !important;
        font-weight: 600 !important;
        color: #1A1A1A !important;
        letter-spacing: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }
    .xc-et-catalogs .section-content > .gap-element {
        display: none !important;
    }
    .xc-et-catalogs .row.align-equal {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        width: 350px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    .xc-et-catalogs .row.align-equal > .col {
        width: 350px !important;
        max-width: 350px !important;
        padding: 0 !important;
        margin: 0 !important;
        flex: none !important;
    }
    
    /* Common card overrides */
    .xc-et-catalogs .xc-et-course-card .col-inner,
    .xc-et-catalogs .xc-et-course-custom-card .col-inner {
        padding: 0 0 20px 0 !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        border-radius: 12px !important;
        border: 1px solid #E6E6E6 !important;
        box-shadow: 0px 24px 188px 0px rgba(0, 0, 0, 0.08) !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        background-color: #FFFFFF !important;
    }
    .xc-et-catalogs .gap-element {
        display: none !important;
    }
    .xc-et-catalogs p:empty {
        display: none !important;
    }
    .xc-et-catalogs .xc-et-course-card p:not(.xc-et-course-desc):not(.xc-et-course-note),
    .xc-et-catalogs .xc-et-course-custom-card p:not(.xc-et-course-desc) {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
    }
    .xc-et-catalogs .xc-et-course-img,
    .xc-et-catalogs .img,
    .xc-et-catalogs .img-inner,
    .xc-et-catalogs img {
        height: 207px !important;
        min-height: 207px !important;
        max-height: 207px !important;
        width: 350px !important;
        max-width: 350px !important;
        object-fit: cover !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
    
    /* Card 1 */
    .xc-et-catalogs .row.align-equal > .col:nth-child(1) .col-inner {
        height: 526px !important;
        min-height: 526px !important;
        max-height: 526px !important;
    }
    .xc-et-catalogs .row.align-equal > .col:nth-child(1) .xc-et-course-title {
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 18px !important;
        line-height: 26px !important;
        font-weight: 600 !important;
        color: #1A1A1A !important;
        margin: 20px 20px 16px 20px !important;
        padding: 0 !important;
        text-align: left !important;
    }
    .xc-et-catalogs .row.align-equal > .col:nth-child(1) .xc-et-course-desc {
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 400 !important;
        color: #404040 !important;
        margin: 0 20px 24px 20px !important;
        padding: 0 !important;
        text-align: left !important;
    }
    .xc-et-catalogs .row.align-equal > .col:nth-child(1) .xc-et-course-list {
        margin: 0 20px !important;
        padding: 0 !important;
        gap: 6px !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .xc-et-catalogs .row.align-equal > .col:nth-child(1) .xc-et-course-list li {
        background: #FAFAFA !important;
        border: 1px solid #404040 !important;
        border-radius: 999px !important;
        padding: 4px 10px !important;
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 14px !important;
        line-height: 20px !important;
        color: #272727 !important;
        letter-spacing: -0.35px !important;
        box-sizing: border-box !important;
    }
    
    /* Card 2 */
    .xc-et-catalogs .row.align-equal > .col:nth-child(2) .col-inner {
        height: 669px !important;
        min-height: 669px !important;
        max-height: 669px !important;
    }
    .xc-et-catalogs .row.align-equal > .col:nth-child(2) .xc-et-course-title {
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 18px !important;
        line-height: 26px !important;
        font-weight: 600 !important;
        color: #1A1A1A !important;
        margin: 20px 20px 16px 20px !important;
        padding: 0 !important;
        max-width: 260px !important;
        text-align: left !important;
    }
    .xc-et-catalogs .row.align-equal > .col:nth-child(2) .xc-et-course-desc {
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 400 !important;
        color: #404040 !important;
        margin: 0 20px 24px 20px !important;
        padding: 0 !important;
        text-align: left !important;
    }
    .xc-et-catalogs .row.align-equal > .col:nth-child(2) .xc-et-course-list {
        margin: 0 20px !important;
        padding: 0 !important;
        gap: 6px !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .xc-et-catalogs .row.align-equal > .col:nth-child(2) .xc-et-course-list li {
        background: #FAFAFA !important;
        border: 1px solid #404040 !important;
        border-radius: 999px !important;
        padding: 4px 12px !important;
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 14px !important;
        line-height: 20px !important;
        color: #272727 !important;
        box-sizing: border-box !important;
    }
    .xc-et-catalogs .xc-et-course-note {
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 12px !important;
        font-style: italic !important;
        line-height: 18px !important;
        color: #007CFF !important;
        margin: 20px 20px 0 20px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }
    .xc-et-catalogs .xc-et-course-note::before {
        content: "" !important;
        display: inline-block !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        background: url('assets/icons/salesforce-note-icon.png') no-repeat center / contain !important;
        flex-shrink: 0 !important;
        margin-top: 1px !important;
    }
    
    /* Card 3 */
    .xc-et-catalogs .row.align-equal > .col:nth-child(3) .col-inner {
        height: 503px !important;
        min-height: 503px !important;
        max-height: 503px !important;
        border: 2.5px solid transparent !important;
        background: linear-gradient(#FFFFFF, #FFFFFF) padding-box,
                    linear-gradient(90deg, #4ECBEE 0%, #4C53F2 100%) border-box !important;
    }
    .xc-et-catalogs .row.align-equal > .col:nth-child(3) .xc-et-course-title {
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 18px !important;
        line-height: 26px !important;
        font-weight: 600 !important;
        color: #1A1A1A !important;
        margin: 20px 20px 16px 20px !important;
        padding: 0 !important;
        text-align: left !important;
    }
    .xc-et-catalogs .row.align-equal > .col:nth-child(3) .xc-et-course-desc {
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 400 !important;
        color: #404040 !important;
        margin: 0 20px 24px 20px !important;
        padding: 0 !important;
        text-align: left !important;
    }
    .xc-et-catalogs .xc-et-course-custom-card .button.xc-btn-pill-outline {
        position: static !important;
        width: fit-content !important;
        height: 44px !important;
        min-height: 44px !important;
        line-height: 44px !important;
        margin: 0 20px !important;
        padding: 0 20px !important;
        border-radius: 999px !important;
        background: linear-gradient(90deg, #4ECBEE 0%, #4C53F2 100%) !important;
        border: none !important;
        color: #FFFFFF !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        box-shadow: none !important;
    }
    .xc-et-catalogs .xc-et-course-custom-card .button.xc-btn-pill-outline span {
        font-size: 0 !important;
        line-height: 0 !important;
    }
    .xc-et-catalogs .xc-et-course-custom-card .button.xc-btn-pill-outline span::after {
        content: "Trao đổi nhu cầu \2192" !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #FFFFFF !important;
        line-height: 20px !important;
    }
}


/* --- sec4-solutions.css --- */
/* ==========================================================================
   SECTION 4: TRAINING SOLUTIONS (Figma Desktop 195:11704 & Mobile 195:13907)
   ========================================================================== */
.xc-et-solutions {
    background-color: #FFFFFF !important;
    position: relative !important;
}

/* Header Text Align Left */
.xc-et-solutions .col-inner.text-center {
    text-align: left !important;
}

.xc-et-solutions .xc-eyebrow-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    color: #404040 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    text-align: left !important;
    margin-bottom: 22px !important;
}

.xc-et-solutions .xc-orange-slash {
    color: #F5623D !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-right: 6px !important;
}

.xc-et-solutions .xc-et-section-title-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    color: #1A1A1A !important;
    letter-spacing: -0.01em !important;
    text-align: left !important;
    margin-bottom: 0 !important;
}

/* Solution Pill Images */
body.page-id-691 .xc-et-solutions .col-inner > .xc-et-solution-row:nth-child(1) .xc-et-pill-img img {
    content: url('assets/images/solution-pill-1.png') !important;
}

body.page-id-691 .xc-et-solutions .col-inner > .xc-et-solution-row:nth-child(3) .xc-et-pill-img img {
    content: url('assets/images/solution-pill-2.png') !important;
}

body.page-id-691 .xc-et-solutions .col-inner > .xc-et-solution-row:nth-child(5) .xc-et-pill-img img {
    content: url('assets/images/solution-pill-3.png') !important;
}

/* ==========================================================================
   DESKTOP (>= 850px)
   ========================================================================== */
@media (min-width: 850px) {
    body.page-id-691 .xc-et-solutions {
        display: block !important;
        padding: 80px 0 0 0 !important;
        height: 819px !important;
        min-height: 819px !important;
        max-height: 819px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    body.page-id-691 .xc-et-solutions > .section-content {
        width: 1224px !important;
        max-width: calc(100% - 48px) !important;
        margin: 0 auto !important;
    }
    .xc-et-solutions p:empty {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .xc-et-solutions .section-content > .row:first-child p:not(.xc-eyebrow-dark) {
        display: none !important;
    }
    .xc-et-solutions .section-content > .row:first-child .gap-element,
    .xc-et-solutions .section-content > .gap-element {
        display: none !important;
    }
    .xc-et-solutions .section-content > .row:first-child > .col {
        padding: 0 !important;
    }
    .xc-et-solutions .section-content > .row:first-child {
        margin: 0 auto 60px auto !important;
        width: 1224px !important;
        max-width: 100% !important;
    }
    .xc-et-solutions .xc-et-solution-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 160px !important;
        min-height: 160px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-top: 1px solid #E6E6E6 !important;
    }
    .xc-et-solutions .xc-et-solution-row:last-of-type {
        border-bottom: 1px solid #E6E6E6 !important;
    }
    .xc-et-solutions .is-divider {
        display: none !important;
    }
    /* Col 1: Pill Image - x: 0, width: 232, height: 66, radius: 99px */
    .xc-et-solutions .xc-et-solution-row > .col:first-child {
        flex: 0 0 232px !important;
        width: 232px !important;
        max-width: 232px !important;
        padding: 0 !important;
    }
    .xc-et-solutions .xc-et-pill-img {
        width: 232px !important;
        height: 66px !important;
        margin: 0 !important;
    }
    .xc-et-solutions .xc-et-pill-img .img-inner {
        border-radius: 99px !important;
        overflow: hidden !important;
        height: 66px !important;
    }
    .xc-et-solutions .xc-et-pill-img img {
        width: 232px !important;
        height: 66px !important;
        object-fit: cover !important;
        border-radius: 99px !important;
    }
    /* Col 2: Title - starts at x: 312 (gap: 80px from image) */
    .xc-et-solutions .xc-et-solution-row > .col:nth-child(2) {
        flex: 0 0 540px !important;
        width: 540px !important;
        max-width: 540px !important;
        padding: 0 0 0 80px !important;
    }
    .xc-et-solutions .xc-et-solution-title {
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 20px !important;
        font-weight: 500 !important;
        line-height: 30px !important;
        color: #1A1A1A !important;
        margin: 0 !important;
    }
    /* Col 3: Desc - starts at x: 832, width: 392 */
    .xc-et-solutions .xc-et-solution-row > .col:last-child {
        flex: 0 0 392px !important;
        width: 392px !important;
        max-width: 392px !important;
        padding: 0 !important;
        margin-left: auto !important;
    }
    .xc-et-solutions .xc-et-solution-desc {
        font-family: "Fz Poppins", sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 24px !important;
        color: #404040 !important;
        text-align: left !important;
        margin: 0 !important;
    }
}

/* ==========================================================================
   MOBILE (< 850px)
   ========================================================================== */
@media (max-width: 849px) {
    body.page-id-691 .xc-et-solutions {
        display: block !important;
        padding: 48px 20px 0 20px !important;
        height: 972px !important;
        min-height: 972px !important;
        max-height: 972px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .xc-et-solutions .section-content {
        padding: 0 !important;
        margin: 0 !important;
    }
    .xc-et-solutions p:empty,
    .xc-et-solutions .col-inner > p:empty,
    .xc-et-solutions .xc-et-solution-row p:not(.xc-et-solution-desc) {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
        font-size: 0 !important;
    }
    .xc-et-solutions .gap-element {
        display: none !important;
        height: 0 !important;
    }
    .xc-et-solutions .is-divider {
        display: none !important;
        height: 0 !important;
    }
    
    /* Section Header */
    .xc-et-solutions .section-content > .row:first-child {
        margin: 0 auto 29px auto !important;
        padding: 0 !important;
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }
    .xc-et-solutions .section-content > .row:first-child > .col,
    .xc-et-solutions .section-content > .row:first-child .col-inner {
        padding: 0 !important;
        margin: 0 !important;
    }
    .xc-et-solutions .xc-eyebrow-dark {
        font-size: 0 !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        text-align: left !important;
        display: flex !important;
        align-items: center !important;
    }
    .xc-et-solutions .xc-eyebrow-dark .xc-orange-slash {
        color: #F5623D !important;
        font-weight: 700 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        margin-right: 6px !important;
    }
    .xc-et-solutions .xc-eyebrow-dark::after {
        content: "GIẢI PHÁP" !important;
        font-family: Inter, sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 16px !important;
        color: #404040 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.08em !important;
    }
    .xc-et-solutions .xc-et-section-title-dark {
        font-family: Inter, sans-serif !important;
        font-size: 24px !important;
        line-height: 32px !important;
        font-weight: 600 !important;
        color: #1A1A1A !important;
        letter-spacing: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }
    
    /* Cards Container */
    .xc-et-solutions .section-content > .row:last-of-type {
        margin: 0 !important;
        padding: 0 !important;
    }
    .xc-et-solutions .section-content > .row:last-of-type > .col {
        padding: 0 !important;
        margin: 0 !important;
    }
    .xc-et-solutions .section-content > .row:last-of-type > .col > .col-inner {
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 17px !important;
    }
    
    /* Card items */
    .xc-et-solutions .xc-et-solution-row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        background: #FFFFFF !important;
        border: 1px solid #E6E6E6 !important;
        border-radius: 12px !important;
        box-shadow: 0px 24px 188px 0px rgba(0, 0, 0, 0.08) !important;
        padding: 11px 11px 19px 11px !important;
        gap: 0 !important;
        margin: 0 !important;
        width: 350px !important;
        max-width: 350px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .xc-et-solutions .xc-et-solution-row > .col {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        flex: none !important;
    }
    .xc-et-solutions .xc-et-solution-row .col-inner {
        padding: 0 !important;
        margin: 0 !important;
    }
    .xc-et-solutions .xc-et-pill-img {
        width: 326px !important;
        height: 120px !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
    }
    .xc-et-solutions .xc-et-pill-img .img-inner {
        border-radius: 8px !important;
        overflow: hidden !important;
        height: 120px !important;
        width: 326px !important;
    }
    .xc-et-solutions .xc-et-pill-img img {
        width: 326px !important;
        height: 120px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        display: block !important;
    }
    
    /* Solution Images for mobile */
    body.page-id-691 .xc-et-solutions .col-inner > .xc-et-solution-row:nth-child(1) .xc-et-pill-img img {
        content: url('assets/images/sec4_mob_card1.png') !important;
    }
    body.page-id-691 .xc-et-solutions .col-inner > .xc-et-solution-row:nth-child(3) .xc-et-pill-img img {
        content: url('assets/images/sec4_mob_card2.png') !important;
    }
    body.page-id-691 .xc-et-solutions .col-inner > .xc-et-solution-row:nth-child(5) .xc-et-pill-img img {
        content: url('assets/images/sec4_mob_card3.png') !important;
    }
    
    .xc-et-solutions .xc-et-solution-title {
        font-family: Inter, sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 22px !important;
        color: #1A1A1A !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }
    .xc-et-solutions .col-inner > .xc-et-solution-row:nth-child(5) .xc-et-solution-title {
        font-size: 0 !important;
        line-height: 0 !important;
        margin: 0 0 8px 0 !important;
    }
    .xc-et-solutions .col-inner > .xc-et-solution-row:nth-child(5) .xc-et-solution-title::after {
        content: "3. Giảng viên là consultant triển khai dự\Aán" !important;
        white-space: pre-wrap !important;
        display: block !important;
        font-size: 16px !important;
        line-height: 22px !important;
        font-family: Inter, sans-serif !important;
        font-weight: 600 !important;
        color: #1A1A1A !important;
        letter-spacing: -0.2px !important;
    }
    .xc-et-solutions .xc-et-solution-desc {
        font-family: Inter, sans-serif !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 18px !important;
        color: #404040 !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Fixed card heights to match Figma exactly */
    .xc-et-solutions .col-inner > .xc-et-solution-row:nth-child(1) {
        height: 233px !important;
        min-height: 233px !important;
        max-height: 233px !important;
    }
    .xc-et-solutions .col-inner > .xc-et-solution-row:nth-child(3) {
        height: 269px !important;
        min-height: 269px !important;
        max-height: 269px !important;
    }
    .xc-et-solutions .col-inner > .xc-et-solution-row:nth-child(5) {
        height: 290px !important;
        min-height: 290px !important;
        max-height: 290px !important;
    }
}


/* --- sec5-instructors.css --- */
/* ==========================================================================
   SECTION 5: INSTRUCTORS (Figma Desktop 195:11721 & Mobile 195:14061)
   ========================================================================== */
.xc-et-instructors {
    background-color: #FFFFFF !important;
    position: relative !important;
}

/* Header */
.xc-et-instructors .xc-eyebrow-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    color: #404040 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    text-align: center !important;
    margin-bottom: 17px !important;
}

.xc-et-instructors .xc-orange-slash {
    color: #F5623D !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-right: 6px !important;
}

.xc-et-instructors .xc-et-section-title-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    color: #1A1A1A !important;
    letter-spacing: -0.01em !important;
    text-align: center !important;
    margin-bottom: 18px !important;
}

.xc-et-instructors .xc-et-instructors-desc {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #404040 !important;
    text-align: center !important;
    max-width: 808px !important;
    margin: 0 auto !important;
}

/* Clearfix suppression for flex layout */
.xc-et-instructors .row.align-equal::before,
.xc-et-instructors .row.align-equal::after {
    display: none !important;
    content: none !important;
}

/* Card Styling */
.xc-et-instructors .xc-inst-card-col .col-inner {
    background-color: #FFFFFF !important;
    border: 1px solid #E6E6E6 !important;
    border-radius: 12px !important;
    box-shadow: 0px 24px 188px 0px rgba(0, 0, 0, 0.08) !important;
    padding: 12px !important;
    height: 760px !important;
    max-height: 760px !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

.xc-et-instructors .xc-inst-card-col .col-inner > * {
    flex-shrink: 0 !important;
}

.xc-et-instructors .xc-inst-card-col .gap-element {
    display: none !important;
}

.xc-et-instructors .xc-inst-card-col .col-inner p:not(.xc-inst-role):not(.xc-inst-desc):not(.xc-inst-badge) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.xc-et-instructors .xc-inst-card-col .img {
    margin: 0 0 27px 0 !important;
    height: 368px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.xc-et-instructors .xc-inst-card-col .img img {
    width: 368px !important;
    height: 368px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block !important;
}

/* Card Info Area */
.xc-et-instructors .xc-inst-name-row {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    color: #1A1A1A !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 0 0 0 !important;
    padding: 0 12px !important;
}

/* Social icons with Figma SVGs */
.xc-et-instructors .xc-inst-socials {
    display: inline-flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.xc-et-instructors .xc-s-link {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.xc-et-instructors .xc-s-link i {
    display: none !important;
}

.xc-et-instructors .xc-s-link:nth-child(1) {
    background-image: url('assets/icons/instructor-fb.svg') !important;
}

.xc-et-instructors .xc-s-link:nth-child(2) {
    background-image: url('assets/icons/instructor-li.svg') !important;
}

.xc-et-instructors .xc-s-link:nth-child(3) {
    background-image: url('assets/icons/instructor-mail.svg') !important;
}

.xc-et-instructors .xc-inst-role {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #1A1A1A !important;
    margin: 0 0 12px 0 !important;
    padding: 0 12px !important;
}

.xc-et-instructors .is-divider {
    height: 1px !important;
    background-color: #D9D9D9 !important;
    border: none !important;
    margin: 0 12px 21px 12px !important;
    width: calc(100% - 24px) !important;
}

.xc-et-instructors .xc-inst-desc {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #404040 !important;
    margin: 0 0 16px 0 !important;
    padding: 0 12px !important;
    flex-grow: 0 !important;
}

/* Certifications / Medals with Figma SVG */
.xc-et-instructors .xc-inst-badge {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #404040 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    padding: 0 12px !important;
}

.xc-et-instructors .xc-badge-medal {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    background: url('assets/icons/instructor-medal.svg') no-repeat center / contain !important;
    font-size: 0 !important;
    color: transparent !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}

/* ==========================================================================
   DESKTOP (>= 850px)
   ========================================================================== */
@media (min-width: 850px) {
    body.page-id-691 .xc-et-instructors {
        display: block !important;
        background-color: #FFFFFF !important;
        padding: 81px 0 0 0 !important;
        height: 1073px !important;
        min-height: 1073px !important;
        max-height: 1073px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    body.page-id-691 .xc-et-instructors > .section-content {
        width: 1224px !important;
        max-width: calc(100% - 48px) !important;
        margin: 0 auto !important;
    }
    .xc-et-instructors p:empty {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .xc-et-instructors .section-content > .row:first-child p:not(.xc-eyebrow-dark):not(.xc-et-instructors-desc) {
        display: none !important;
    }
    .xc-et-instructors .section-content > .row:first-child .gap-element {
        display: none !important;
    }
    .xc-et-instructors .section-content > .row:first-child > .col {
        padding: 0 !important;
    }
    .xc-et-instructors .section-content > .row:first-child {
        margin: 0 auto 65px auto !important;
        width: 1224px !important;
    }
    .xc-et-instructors .section-content > .gap-element {
        display: none !important;
    }
    .xc-et-instructors .row.align-equal {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 24px !important;
        margin: 0 auto !important;
        width: 1224px !important;
    }
    .xc-et-instructors .xc-inst-card-col {
        flex: 0 0 392px !important;
        width: 392px !important;
        max-width: 392px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .xc-et-instructors .xc-inst-card-col .img {
        height: 368px !important;
        margin: 0 0 27px 0 !important;
    }
    .xc-et-instructors .xc-inst-card-col .img img {
        width: 368px !important;
        height: 368px !important;
        object-fit: cover !important;
    }
}

/* ==========================================================================
   MOBILE (< 850px)
   ========================================================================== */
@media (max-width: 849px) {
    body.page-id-691 .xc-et-instructors {
        padding: 48px 20px !important;
        height: 1102px !important;
        min-height: 1102px !important;
        max-height: 1102px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .xc-et-instructors .col-inner.text-center {
        text-align: left !important;
    }
    .xc-et-instructors .xc-eyebrow-dark {
        text-align: left !important;
        margin-bottom: 8px !important;
    }
    .xc-et-instructors .xc-et-section-title-dark {
        text-align: left !important;
        font-size: 24px !important;
        line-height: 32px !important;
        margin-bottom: 8px !important;
    }
    .xc-et-instructors .xc-et-instructors-desc {
        text-align: left !important;
        margin-bottom: 24px !important;
    }
    .xc-et-instructors .section-content > .gap-element {
        display: none !important;
    }
    .xc-et-instructors .row.align-equal {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 20px !important;
        width: calc(100% + 40px) !important;
        margin: 0 -20px !important;
        padding: 0 20px 16px 20px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    .xc-et-instructors .row.align-equal::-webkit-scrollbar {
        display: none !important;
    }
    .xc-et-instructors .xc-inst-card-col {
        flex: 0 0 320px !important;
        width: 320px !important;
        max-width: 320px !important;
        scroll-snap-align: start !important;
        padding: 0 !important;
    }
    .xc-et-instructors .xc-inst-card-col .col-inner {
        padding: 12px !important;
    }
    .xc-et-instructors .xc-inst-card-col .img img {
        width: 296px !important;
        height: 296px !important;
        object-fit: cover !important;
    }
}


/* --- sec6-process.css --- */
/* ==========================================================================
   SECTION 6: PROCESS (Figma Desktop 195:11833 & Mobile 195:13358)
   ========================================================================== */
.xc-et-process {
    background-color: #FFFFFF !important;
    position: relative !important;
}

/* Header */
.xc-et-process .xc-eyebrow-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    color: #404040 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    text-align: center !important;
    margin: 0 0 25px 0 !important;
}

.xc-et-process .xc-orange-slash {
    color: #F5623D !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-right: 6px !important;
}

.xc-et-process .xc-et-section-title-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    color: #1A1A1A !important;
    letter-spacing: -0.01em !important;
    text-align: center !important;
    margin: 0 !important;
}

/* Clearfix suppression for flex layout */
.xc-et-process .row.align-equal::before,
.xc-et-process .row.align-equal::after {
    display: none !important;
    content: none !important;
}

/* Remove default card background and borders */
.xc-et-process .xc-et-step-card {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    height: 100% !important;
}

.xc-et-process .xc-et-step-title {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 23px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    color: #1A1A1A !important;
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

.xc-et-process .xc-et-step-desc {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: #404040 !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Vector SVGs for step icons */
.xc-et-process .xc-et-step-col:nth-child(1) .icon-box-img img {
    content: url('assets/icons/step-icon-1.svg') !important;
}

.xc-et-process .xc-et-step-col:nth-child(2) .icon-box-img img {
    content: url('assets/icons/step-icon-2.svg') !important;
}

.xc-et-process .xc-et-step-col:nth-child(3) .icon-box-img img {
    content: url('assets/icons/step-icon-3.svg') !important;
}

.xc-et-process .xc-et-step-col:nth-child(4) .icon-box-img img {
    content: url('assets/icons/step-icon-4.svg') !important;
}

/* ==========================================================================
   DESKTOP (>= 850px)
   ========================================================================== */
@media (min-width: 850px) {
    body.page-id-691 .xc-et-process {
        display: block !important;
        height: 849px !important;
        min-height: 849px !important;
        max-height: 849px !important;
        padding: 121px 0 0 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        background: #FFFFFF !important;
    }
    body.page-id-691 .xc-et-process > .section-content {
        width: 1224px !important;
        max-width: 1224px !important;
        margin: 0 auto !important;
    }
    .xc-et-process .section-content > .row:first-child {
        margin: 0 auto 50px auto !important;
        width: 1224px !important;
    }
    .xc-et-process .section-content > .row:first-child .col {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .xc-et-process .section-content > .row:first-child .col-inner {
        height: auto !important;
    }
    .xc-et-process .section-content > .row:first-child p:not(.xc-eyebrow-dark) {
        display: none !important;
        margin: 0 !important;
    }
    .xc-et-process .section-content > .gap-element,
    .xc-et-process .gap-element,
    .xc-et-process p:empty {
        display: none !important;
    }
    .xc-et-process .xc-et-process-grid {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 32px !important;
        margin: 0 !important;
        width: 100% !important;
    }
    .xc-et-process .xc-et-step-col {
        flex: 0 0 282px !important;
        width: 282px !important;
        max-width: 282px !important;
        padding: 0 !important;
    }
    /* Steps 2 and 4 staggered down by 60px */
    .xc-et-process .xc-et-step-col:nth-child(1) {
        padding-top: 0 !important;
    }
    .xc-et-process .xc-et-step-col:nth-child(2) {
        padding-top: 60px !important;
    }
    .xc-et-process .xc-et-step-col:nth-child(3) {
        padding-top: 0 !important;
    }
    .xc-et-process .xc-et-step-col:nth-child(4) {
        padding-top: 60px !important;
    }
    .xc-et-process .icon-box-img {
        width: 160px !important;
        max-width: 160px !important;
        height: 160px !important;
        margin: 0 auto 38px auto !important;
        position: relative !important;
    }
    .xc-et-process .icon-box-img img {
        width: 160px !important;
        height: 160px !important;
        border-radius: 999px !important;
        object-fit: contain !important;
        display: block !important;
    }
    /* Connecting curved lines */
    .xc-et-process .xc-et-step-col:nth-child(1) .icon-box-img::after {
        content: "" !important;
        position: absolute !important;
        left: 195px !important;
        top: 16px !important;
        width: 112px !important;
        height: 44px !important;
        background: url('assets/icons/step-connect-1.svg') no-repeat center / contain !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }
    .xc-et-process .xc-et-step-col:nth-child(2) .icon-box-img::after {
        content: "" !important;
        position: absolute !important;
        left: 180px !important;
        top: 86px !important;
        width: 107px !important;
        height: 59px !important;
        background: url('assets/icons/step-connect-3.svg') no-repeat center / contain !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }
    .xc-et-process .xc-et-step-col:nth-child(3) .icon-box-img::after {
        content: "" !important;
        position: absolute !important;
        left: 195px !important;
        top: 16px !important;
        width: 112px !important;
        height: 44px !important;
        background: url('assets/icons/step-connect-2.svg') no-repeat center / contain !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }
}

/* ==========================================================================
   MOBILE (< 850px)
   ========================================================================== */
@media (max-width: 849px) {
    body.page-id-691 .xc-et-process {
        padding: 48px 20px !important;
        height: 664px !important;
        min-height: 664px !important;
        max-height: 664px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    body.page-id-691 .xc-et-process .col-inner.text-center {
        text-align: left !important;
    }
    body.page-id-691 .xc-et-process .xc-eyebrow-dark {
        text-align: left !important;
        margin-bottom: 8px !important;
    }
    body.page-id-691 .xc-et-process .xc-et-section-title-dark {
        text-align: left !important;
        font-size: 24px !important;
        line-height: 32px !important;
    }
    body.page-id-691 .xc-et-process .section-content > .row:first-child {
        margin-bottom: 32px !important;
    }
    body.page-id-691 .xc-et-process .section-content > .gap-element {
        display: none !important;
    }
    body.page-id-691 .xc-et-process .xc-et-process-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 32px !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }
    body.page-id-691 .xc-et-process .xc-et-step-col {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        padding-top: 0 !important;
        transform: none !important;
    }
    /* Horizontal row for step on mobile */
    body.page-id-691 .xc-et-process .xc-et-step-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 20px !important;
        text-align: left !important;
        height: auto !important;
        padding: 0 !important;
    }
    body.page-id-691 .xc-et-process .icon-box-img {
        width: 64px !important;
        max-width: 64px !important;
        height: 64px !important;
        flex: 0 0 64px !important;
        margin: 0 !important;
    }
    body.page-id-691 .xc-et-process .icon-box-img img {
        width: 64px !important;
        height: 64px !important;
        border-radius: 999px !important;
        object-fit: contain !important;
    }
    body.page-id-691 .xc-et-process .icon-box-text {
        text-align: left !important;
        flex: 1 1 auto !important;
    }
    body.page-id-691 .xc-et-process .xc-et-step-title {
        font-size: 16px !important;
        line-height: 24px !important;
        font-weight: 600 !important;
        margin-bottom: 4px !important;
        text-align: left !important;
    }
    body.page-id-691 .xc-et-process .xc-et-step-desc {
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 400 !important;
        text-align: left !important;
    }
    .xc-et-process .icon-box-img::after {
        display: none !important;
    }
}


/* --- sec7-cta-form.css --- */
/* ==========================================================================
   SECTION 7: CTA CONSULTATION FORM (Figma Desktop 195:12600 & Mobile 195:13551)
   ========================================================================== */
.xc-et-cta-form {
    background-color: #FFFFFF !important;
    position: relative !important;
}

/* Header */
.xc-et-cta-form .xc-eyebrow-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    color: #404040 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    text-align: center !important;
    margin-bottom: 16px !important;
}

.xc-et-cta-form .xc-orange-slash {
    color: #F5623D !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-right: 6px !important;
}

.xc-et-cta-form .xc-et-section-title-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 36px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    color: #1A1A1A !important;
    letter-spacing: -0.01em !important;
    text-align: center !important;
    margin: 0 !important;
}

/* Form Container Card */
.xc-et-cta-form .xc-et-form-wrapper > .col-inner {
    background: #FFFFFF !important;
    border: 1px solid #E6E6E6 !important;
    border-radius: 12px !important;
    box-shadow: 0px 24px 188px 0px rgba(0, 0, 0, 0.08) !important;
    box-sizing: border-box !important;
}

/* Form Inputs, Labels, and Controls */
.xc-et-cta-form label {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1A1A1A !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.xc-et-cta-form label span[style*="color: #007cff"],
.xc-et-cta-form label span[style*="color:#007cff"] {
    color: #007CFF !important;
}

.xc-et-cta-form input[type="text"],
.xc-et-cta-form input[type="email"],
.xc-et-cta-form input[type="tel"],
.xc-et-cta-form select {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 1px solid #D3D3D3 !important;
    border-radius: 8px !important;
    padding: 0 16px !important;
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    color: #1A1A1A !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    margin-bottom: 30px !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
}

.xc-et-cta-form select {
    appearance: auto !important;
    -webkit-appearance: auto !important;
}

.xc-et-cta-form textarea {
    width: 100% !important;
    height: 86px !important;
    min-height: 86px !important;
    border: 1px solid #D3D3D3 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    color: #1A1A1A !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
    resize: vertical !important;
}

.xc-et-cta-form input:focus,
.xc-et-cta-form select:focus,
.xc-et-cta-form textarea:focus {
    border-color: #007CFF !important;
    outline: none !important;
}

.xc-et-cta-form p[style*="italic"] {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 12px !important;
    font-style: italic !important;
    line-height: 18px !important;
    color: #404040 !important;
    opacity: 0.6 !important;
    margin: 0 0 24px 0 !important;
}

.xc-et-cta-form input[type="submit"] {
    width: 100% !important;
    height: 44px !important;
    background: linear-gradient(90deg, #4ECBEE 0%, #4C53F2 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 999px !important;
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 44px !important;
    padding: 0 20px !important;
    text-transform: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: opacity 0.2s ease !important;
}

.xc-et-cta-form input[type="submit"]:hover {
    opacity: 0.9 !important;
}

/* ==========================================================================
   DESKTOP (>= 850px)
   ========================================================================== */
@media (min-width: 850px) {
    body.page-id-691 .xc-et-cta-form {
        display: block !important;
        height: 1068px !important;
        min-height: 1068px !important;
        max-height: 1068px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        background: #FFFFFF !important;
    }
    body.page-id-691 .xc-et-cta-form > .section-content {
        width: 1224px !important;
        max-width: 1224px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    .xc-et-cta-form .xc-eyebrow-dark {
        position: absolute !important;
        opacity: 0 !important;
        pointer-events: none !important;
        height: 0 !important;
        margin: 0 !important;
    }
    .xc-et-cta-form .section-content > .row:first-child {
        width: 1224px !important;
        max-width: 1224px !important;
        margin: 0 auto 10px auto !important;
    }
    .xc-et-cta-form .section-content > .row:first-child .col {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .xc-et-cta-form .section-content > .row:first-child p:not(.xc-eyebrow-dark) {
        display: none !important;
        margin: 0 !important;
    }
    .xc-et-cta-form .xc-et-section-title-dark {
        margin: 0 !important;
        line-height: 40px !important;
        font-size: 36px !important;
    }
    .xc-et-cta-form .section-content > .gap-element {
        display: none !important;
    }
    .xc-et-cta-form .section-content > .row:last-of-type {
        width: 808px !important;
        max-width: 808px !important;
        margin: 0 auto !important;
    }
    .xc-et-cta-form .xc-et-form-wrapper {
        width: 808px !important;
        max-width: 808px !important;
        padding: 0 !important;
    }
    .xc-et-cta-form .xc-et-form-wrapper > .col-inner {
        width: 808px !important;
        height: 856px !important;
        padding: 46px 60px 52px 60px !important;
        box-sizing: border-box !important;
    }
    .xc-et-cta-form .wpcf7-form .row {
        width: calc(100% + 32px) !important;
        margin: 0 -16px !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .xc-et-cta-form .wpcf7-form .row > .col {
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }
    .xc-et-cta-form .wpcf7-form .row > .col.large-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .xc-et-cta-form .wpcf7-form .row > .col.large-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* ==========================================================================
   MOBILE (< 850px)
   ========================================================================== */
@media (max-width: 849px) {
    body.page-id-691 .xc-et-cta-form {
        padding: 40px 20px !important;
        height: 1230px !important;
        min-height: 1230px !important;
        max-height: 1230px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .xc-et-cta-form .col-inner.text-center {
        text-align: left !important;
    }
    .xc-et-cta-form .xc-eyebrow-dark {
        text-align: left !important;
        margin-bottom: 8px !important;
    }
    .xc-et-cta-form .xc-et-section-title-dark {
        text-align: left !important;
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .xc-et-cta-form .section-content > .row:first-child {
        margin-bottom: 24px !important;
    }
    .xc-et-cta-form .section-content > .gap-element {
        display: none !important;
    }
    .xc-et-cta-form .xc-et-form-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    .xc-et-cta-form .xc-et-form-wrapper > .col-inner {
        padding: 20px !important;
        border-radius: 16px !important;
    }
    .xc-et-cta-form .wpcf7-form .row {
        margin: 0 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .xc-et-cta-form .wpcf7-form .row > .col {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    .xc-et-cta-form .wpcf7-form input[type="submit"] {
        color: transparent !important;
        text-shadow: none !important;
    }
    .xc-et-cta-form .wpcf7-form .col:last-child {
        position: relative !important;
    }
    .xc-et-cta-form .wpcf7-form .col:last-child::after {
        content: "GỬI YÊU CẦU" !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 44px !important;
        line-height: 44px !important;
        text-align: center !important;
        color: #FFFFFF !important;
        font-family: "Inter", sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: 0.04em !important;
        pointer-events: none !important;
    }
}


/* --- sec8-faqs.css --- */
/* ==========================================================================
   SECTION 8: FAQS (Figma Desktop 195:12651 & Mobile 195:14219)
   ========================================================================== */
.xc-et-faqs {
    background-color: #FFFFFF !important;
    position: relative !important;
}

/* Header */
.xc-et-faqs .xc-eyebrow-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    color: #404040 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    text-align: center !important;
    margin-bottom: 16px !important;
}

.xc-et-faqs .xc-orange-slash {
    color: #F5623D !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-right: 6px !important;
}

.xc-et-faqs .xc-et-section-title-dark {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 36px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    color: #1A1A1A !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}

/* Accordion Container */
.xc-et-faqs .xc-et-faq-accordion {
    width: 100% !important;
    border: none !important;
}

.xc-et-faqs .xc-et-faq-accordion .accordion-item {
    border-top: 1px solid #E6E6E6 !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    margin: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.xc-et-faqs .xc-et-faq-accordion .accordion-item:last-child {
    border-bottom: 1px solid #E6E6E6 !important;
}

.xc-et-faqs .xc-et-faq-accordion .accordion-title {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    position: relative !important;
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
    padding: 24px 0 23px 0 !important;
}

.xc-et-faqs .xc-et-faq-accordion .accordion-title.active,
.xc-et-faqs .xc-et-faq-accordion .accordion-item.active .accordion-title,
.xc-et-faqs .xc-et-faq-accordion .accordion-title[aria-expanded="true"] {
    padding: 24px 0 20px 0 !important;
}

.xc-et-faqs .xc-et-faq-accordion .accordion-title:hover {
    color: #007CFF !important;
}

.xc-et-faqs .xc-et-faq-accordion .accordion-title span {
    order: 1 !important;
    flex: 1 1 auto !important;
    font-family: "Fz Poppins", "Poppins", sans-serif !important;
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 500 !important;
    color: #1A1A1A !important;
    padding-right: 0 !important;
    max-width: 740px !important;
}

.xc-et-faqs .xc-et-faq-accordion .accordion-title button.toggle {
    order: 2 !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    background-color: #007CFF !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-height: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
}

/* Caret Icon in Circular Pill - Closed (Blue) */
.xc-et-faqs .xc-et-faq-accordion .accordion-title button.toggle i,
.xc-et-faqs .xc-et-faq-accordion .accordion-title .icon-angle-down {
    background: transparent !important;
    border: none !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    transform: rotate(0deg) !important;
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease !important;
}

/* Caret Icon in Circular Pill - Active/Open (Gray) */
.xc-et-faqs .xc-et-faq-accordion .accordion-item.active button.toggle,
.xc-et-faqs .xc-et-faq-accordion .accordion-title.active button.toggle,
.xc-et-faqs .xc-et-faq-accordion .accordion-title[aria-expanded="true"] button.toggle {
    background-color: #D3D3D3 !important;
    opacity: 1 !important;
}

.xc-et-faqs .xc-et-faq-accordion .accordion-item.active button.toggle i,
.xc-et-faqs .xc-et-faq-accordion .accordion-title.active button.toggle i,
.xc-et-faqs .xc-et-faq-accordion .accordion-title[aria-expanded="true"] button.toggle i {
    transform: rotate(180deg) !important;
}

.xc-et-faqs .xc-et-faq-accordion .accordion-inner {
    font-family: "Fz Poppins", "Poppins", sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    color: #404040 !important;
    border: none !important;
    padding: 0 0 23px 0 !important;
    max-width: 576px !important;
}

.xc-et-faqs .xc-et-faq-accordion .accordion-inner p {
    margin: 0 !important;
    font-family: "Fz Poppins", "Poppins", sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #404040 !important;
}

/* ==========================================================================
   DESKTOP (>= 850px)
   ========================================================================== */
@media (min-width: 850px) {
    body.page-id-691 .xc-et-faqs {
        display: block !important;
        padding: 20px 0 0 0 !important;
        height: 1056px !important;
        min-height: 1056px !important;
        max-height: 1056px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        background: #FFFFFF !important;
    }
    body.page-id-691 .xc-et-faqs > .section-content {
        width: 1224px !important;
        max-width: 1224px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    .xc-et-faqs .xc-eyebrow-dark {
        font-family: 'Fz Poppins', sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        font-style: italic !important;
        line-height: 12px !important;
        color: #404040 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.08em !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }
    .xc-et-faqs .section-content > .row:first-child {
        margin: 0 auto 44px auto !important;
        width: 1224px !important;
    }
    .xc-et-faqs .section-content > .row:first-child .col {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .xc-et-faqs .section-content > .row:first-child p:not(.xc-eyebrow-dark) {
        display: none !important;
        margin: 0 !important;
    }
    .xc-et-faqs .xc-et-section-title-dark {
        margin: -6px 0 0 0 !important;
        line-height: 40px !important;
        font-size: 36px !important;
    }
    .xc-et-faqs .section-content > .gap-element {
        display: none !important;
    }
    .xc-et-faqs .section-content > .row:last-of-type {
        width: 808px !important;
        max-width: 808px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    .xc-et-faqs .section-content > .row:last-of-type .col {
        padding: 0 !important;
        margin: 0 !important;
    }
}

/* ==========================================================================
   MOBILE (< 850px)
   ========================================================================== */
@media (max-width: 849px) {
    body.page-id-691 .xc-et-faqs {
        padding: 40px 20px !important;
        height: 732px !important;
        min-height: 732px !important;
        max-height: 732px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .xc-et-faqs .col-inner.text-center {
        text-align: left !important;
    }
    .xc-et-faqs .xc-eyebrow-dark {
        text-align: left !important;
        margin-bottom: 8px !important;
    }
    .xc-et-faqs .xc-et-section-title-dark {
        text-align: left !important;
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .xc-et-faqs .section-content > .row:first-child {
        margin-bottom: 24px !important;
    }
    .xc-et-faqs .section-content > .gap-element {
        display: none !important;
    }
    .xc-et-faqs .xc-et-faq-accordion .accordion-title {
        padding: 16px 0 !important;
    }
    .xc-et-faqs .xc-et-faq-accordion .accordion-title span {
        font-family: "Inter", sans-serif !important;
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 600 !important;
    }
    .xc-et-faqs .xc-et-faq-accordion .accordion-title button.toggle,
    .xc-et-faqs .xc-et-faq-accordion .accordion-title i,
    .xc-et-faqs .xc-et-faq-accordion .accordion-title button.toggle i {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        font-size: 12px !important;
    }
    .xc-et-faqs .xc-et-faq-accordion .accordion-inner {
        font-family: "Inter", sans-serif !important;
        font-size: 13px !important;
        line-height: 18px !important;
        padding-bottom: 16px !important;
    }
}


/* --- sec9-closing-cta.css --- */
/* ==========================================================================
   SECTION 9: CLOSING CTA (Figma Desktop 206:10076 & Mobile 206:9976)
   ========================================================================== */
.xc-et-closing-cta {
    background-color: #FFFFFF !important;
    position: relative !important;
}

/* Blue Card Container */
.xc-et-closing-cta .xc-et-cta-container > .col-inner {
    background-color: #0053A0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.xc-et-closing-cta .xc-et-closing-title {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 36px !important;
    font-weight: 600 !important;
    line-height: 44px !important;
    color: #FFFFFF !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 16px !important;
}

.xc-et-closing-cta .xc-et-closing-desc {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    margin-bottom: 24px !important;
}

/* Bullet List */
.xc-et-closing-cta .xc-et-closing-list {
    list-style: none !important;
    margin: 0 0 32px 0 !important;
    padding: 0 !important;
}

.xc-et-closing-cta .xc-et-closing-list li {
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.xc-et-closing-cta .xc-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

.xc-et-closing-cta .xc-dot-blue { background: #4ECBEE !important; }
.xc-et-closing-cta .xc-dot-green { background: #52D450 !important; }
.xc-et-closing-cta .xc-dot-orange { background: #F5623D !important; }

/* White Pill Button */
.xc-et-closing-cta .button.xc-btn-pill-white {
    background: #FFFFFF !important;
    color: #007CFF !important;
    border: none !important;
    border-radius: 999px !important;
    height: 44px !important;
    padding: 12px 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: "Fz Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-transform: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

.xc-et-closing-cta .button.xc-btn-pill-white:hover {
    background: #F0F7FF !important;
    color: #005FCC !important;
}

/* ==========================================================================
   DESKTOP (>= 850px)
   ========================================================================== */
@media (min-width: 850px) {
    body.page-id-691 .xc-et-closing-cta {
        position: relative !important;
        height: 704px !important;
        min-height: 704px !important;
        max-height: 704px !important;
        padding: 60px 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        background: #FFFFFF !important;
    }
    body.page-id-691 .xc-et-closing-cta::before {
        display: none !important;
        content: none !important;
    }
    body.page-id-691 .xc-et-closing-cta > .section-content {
        width: 1224px !important;
        max-width: 1224px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    body.page-id-691 .xc-et-closing-cta > .section-content > .row {
        width: 1224px !important;
        max-width: 1224px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    body.page-id-691 .xc-et-closing-cta > .section-content > .row > .col {
        padding: 0 !important;
        margin: 0 !important;
        width: 1224px !important;
        max-width: 1224px !important;
    }
    .xc-et-closing-cta .xc-et-cta-container > .col-inner {
        position: relative !important;
        height: 584px !important;
        min-height: 584px !important;
        max-height: 584px !important;
        border-radius: 12px !important;
        padding: 0 !important;
        background-color: #0053A0 !important;
        background: url('/wp-content/themes/talentforce/assets/images/et_sec9_card_figma.png') no-repeat center center !important;
        background-size: 1224px 584px !important;
        overflow: hidden !important;
    }
    .xc-et-closing-cta .xc-et-cta-container > .col-inner > .row {
        display: none !important;
    }
}

/* ==========================================================================
   MOBILE (< 850px)
   ========================================================================== */
@media (max-width: 849px) {
    body.page-id-691 .xc-et-closing-cta {
        padding: 48px 20px !important;
        height: 570px !important;
        min-height: 570px !important;
        max-height: 570px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        background-color: #FFFFFF !important;
    }
    .xc-et-closing-cta > .section-content {
        padding: 0 !important;
        margin: 0 auto !important;
        width: 350px !important;
        max-width: 350px !important;
    }
    .xc-et-closing-cta > .section-content > .row {
        margin: 0 !important;
        padding: 0 !important;
        width: 350px !important;
    }
    .xc-et-closing-cta .xc-et-cta-container {
        padding: 0 !important;
        margin: 0 !important;
        width: 350px !important;
        max-width: 350px !important;
    }
    .xc-et-closing-cta .xc-et-cta-container > .col-inner {
        position: relative !important;
        width: 350px !important;
        height: 474px !important;
        min-height: 474px !important;
        max-height: 474px !important;
        padding: 0 !important;
        margin: 0 auto !important;
        border-radius: 12px !important;
        background: url('/wp-content/themes/talentforce/assets/images/sec9_mob_card.png') no-repeat center center !important;
        background-size: 350px 474px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    .xc-et-closing-cta .xc-et-cta-container > .col-inner > .row {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .xc-et-closing-cta .xc-et-closing-title,
    .xc-et-closing-cta .xc-et-closing-desc,
    .xc-et-closing-cta .xc-et-closing-list,
    .xc-et-closing-cta .gap-element,
    .xc-et-closing-cta .row.align-middle > .col:last-child {
        display: none !important;
    }
    .xc-et-closing-cta .row.align-middle > .col:first-child {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .xc-et-closing-cta .row.align-middle > .col:first-child > .col-inner {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    /* Invisible functional button positioned exactly over the card button at y=406 */
    .xc-et-closing-cta .button.xc-btn-pill-white {
        position: absolute !important;
        left: 24px !important;
        top: 406px !important;
        width: 302px !important;
        height: 44px !important;
        opacity: 0 !important;
        z-index: 10 !important;
        cursor: pointer !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
}


/* ==========================================================================
   UNIVERSITY PARTNERSHIP - FULL PARITY (FIGMA DESKTOP 150:5744 & MOBILE 167:8121)
   ========================================================================== */
body.page-id-696 { padding: 0 !important; }
body.page-id-696 #main { padding-top: 0 !important; }
body.page-id-696 .page-wrapper { padding: 0 !important; }
body.page-id-696 .row-main { max-width: none !important; margin: 0 !important; }
body.page-id-696 .row-main > .col { padding: 0 !important; }
@media (min-width: 850px) {
  body.page-id-696 #header,
  body.page-id-696 #header .header-wrapper,
  body.page-id-696 #header .header-main,
  body.page-id-696 #header .header-inner { height: 68px !important; min-height: 68px !important; }
}
@media (max-width: 849px) {
  body.page-id-696 #header,
  body.page-id-696 #header .header-wrapper,
  body.page-id-696 #header .header-main,
  body.page-id-696 #header .header-inner { height: 56px !important; min-height: 56px !important; }
}
body.page-id-696 .xc-orange-slash { color: #F5623D !important; font-style: normal !important; font-weight: 700 !important; margin-right: 6px !important; display: inline-block !important; }

/* --- sec1-hero-top.css --- */
/* ==========================================================================
   SECTION 1: HERO TOP BANNER (Figma Desktop 150:5746 & Mobile 182:34872)
   ========================================================================== */

body.page-id-696 .xc-up-hero-top {
    position: relative !important;
    background-color: #0A0F1D !important;
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
}

body.page-id-696 .xc-up-hero-top .section-bg {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
}

body.page-id-696 .xc-up-hero-top .section-bg img.bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    opacity: 1 !important;
}

body.page-id-696 .xc-up-hero-top .section-bg-overlay {
    display: block !important;
    background: radial-gradient(ellipse 700px 300px at 50% 75%, rgba(10, 15, 29, 0.45) 0%, transparent 80%) !important;
}

body.page-id-696 .xc-up-hero-top > .section-content {
    width: 1224px !important;
    max-width: calc(100% - 48px) !important;
    margin: 0 auto !important;
    position: static !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding-top: 186px !important;
    padding-bottom: 0 !important;
}

body.page-id-696 .xc-up-hero-top .col-inner > p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-hero-top .col-inner > .gap-element {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-hero-top .row.align-center {
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

body.page-id-696 .xc-up-hero-title-wrap {
    position: relative !important;
    display: inline-block !important;
    margin: 0 auto !important;
    text-align: center !important;
}

body.page-id-696 .xc-up-hero-highlight-bar {
    position: absolute !important;
    top: 58px !important;
    bottom: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 458px !important;
    height: 40px !important;
    background-color: #007CFF !important;
    z-index: 1 !important;
    border-radius: 2px !important;
    pointer-events: none !important;
}

body.page-id-696 .xc-up-sparks {
    position: absolute !important;
    top: 4px !important;
    left: calc(50% - 268px) !important;
    width: 48px !important;
    height: 45px !important;
    background-image: url('assets/icons/up-sparks.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    z-index: 3 !important;
    pointer-events: none !important;
    display: block !important;
}

body.page-id-696 .xc-up-h1 {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 48px !important;
    font-weight: 600 !important;
    line-height: 56px !important;
    color: #FFFFFF !important;
    margin: 0 auto !important;
    text-align: center !important;
    position: relative !important;
    z-index: 2 !important;
    letter-spacing: -0.01em !important;
}

body.page-id-696 .xc-up-hero-desc {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: #FFFFFF !important;
    max-width: 630px !important;
    margin: 29px auto 0 !important;
    text-align: center !important;
    opacity: 0.95 !important;
}

body.page-id-696 .xc-up-hero-btns {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 32px !important;
    margin: 19px auto 0 !important;
}

body.page-id-696 .xc-up-hero-btns .button {
    margin: 0 !important;
}

body.page-id-696 .xc-up-hero-btns .button.xc-btn-pill-dark {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border-radius: 999px !important;
    padding: 0 !important;
    width: 154px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

body.page-id-696 .xc-up-hero-btns .button.xc-btn-pill-dark:hover {
    background: rgba(255, 255, 255, 0.35) !important;
    transform: translateY(-2px) !important;
    color: #FFFFFF !important;
}

body.page-id-696 .xc-up-hero-btns .button.xc-btn-pill-blue {
    background: linear-gradient(90deg, #4ECBEE 0%, #4C53F2 100%) !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 0 !important;
    width: 154px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

body.page-id-696 .xc-up-hero-btns .button.xc-btn-pill-blue:hover {
    box-shadow: 0 8px 20px rgba(76, 83, 242, 0.35) !important;
    transform: translateY(-2px) !important;
    color: #FFFFFF !important;
}

/* Curve divider spanning 100% full width */
body.page-id-696 .xc-up-hero-top .xc-up-curve-wrap {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    pointer-events: none !important;
    z-index: 4 !important;
}

body.page-id-696 .xc-up-curve-wrap br {
    display: none !important;
}

@media (min-width: 850px) {
    body.page-id-696 .xc-up-curve-svg.show-for-small {
        display: none !important;
    }
    body.page-id-696 .xc-up-curve-svg.hide-for-small {
        display: block !important;
        width: 100% !important;
        height: 100px !important;
    }
}

/* Mobile responsive */
@media (max-width: 849px) {
    body.page-id-696 .xc-up-hero-top {
        height: 650px !important;
        min-height: 650px !important;
        max-height: 650px !important;
        padding: 83px 20px 0 !important;
        overflow: hidden !important;
        position: relative !important;
        background-color: #0A0F1D !important;
    }
    body.page-id-696 .xc-up-hero-top .section-bg {
        overflow: hidden !important;
    }
    body.page-id-696 .xc-up-hero-top .section-bg img.bg {
        position: absolute !important;
        top: 81px !important;
        left: -293px !important;
        width: 975px !important;
        height: 488px !important;
        max-width: none !important;
        object-fit: fill !important;
        display: block !important;
    }
    body.page-id-696 .xc-up-hero-top .section-bg-overlay {
        background-color: rgba(10, 15, 29, 0.45) !important;
    }
    body.page-id-696 .xc-up-hero-top > .section-content {
        width: 100% !important;
        max-width: 350px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        position: static !important;
    }
    body.page-id-696 .xc-up-hero-top .row {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-hero-top .col {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        text-align: left !important;
    }
    body.page-id-696 .xc-up-hero-title-wrap {
        display: block !important;
        text-align: left !important;
        margin: 0 !important;
        position: relative !important;
    }
    body.page-id-696 .xc-up-hero-title-wrap > br,
    body.page-id-696 .xc-up-hero-title-wrap > p:empty,
    body.page-id-696 .xc-up-hero-top .col-inner > p:empty,
    body.page-id-696 .xc-up-hero-top .col-inner > .gap-element {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-h1 {
        font-size: 28px !important;
        line-height: 38px !important;
        text-align: left !important;
        margin: 0 !important;
        letter-spacing: -0.01em !important;
        position: relative !important;
    }
    body.page-id-696 .xc-up-hero-highlight-bar {
        position: absolute !important;
        left: 0 !important;
        top: 39px !important;
        bottom: auto !important;
        transform: none !important;
        width: 234px !important;
        height: 22px !important;
        background-color: #007CFF !important;
    }
    body.page-id-696 .xc-up-sparks {
        position: absolute !important;
        left: -10px !important;
        top: -32px !important;
        width: 32px !important;
        height: 34px !important;
    }
    body.page-id-696 .xc-up-hero-desc {
        font-size: 14px !important;
        line-height: 20px !important;
        color: #FFFFFF !important;
        text-align: left !important;
        max-width: 350px !important;
        margin: 26px 0 0 0 !important;
        opacity: 0.95 !important;
    }
    body.page-id-696 .xc-up-hero-btns {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
        margin: 29px 0 0 0 !important;
        width: 100% !important;
    }
    body.page-id-696 .xc-up-hero-btns .button.xc-btn-pill-dark {
        width: 198px !important;
        height: 44px !important;
        margin: 0 !important;
    }
    body.page-id-696 .xc-up-hero-btns .button.xc-btn-pill-blue {
        width: 176px !important;
        height: 44px !important;
        margin: 0 !important;
    }
    body.page-id-696 .xc-up-hero-top .xc-up-curve-wrap {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 60px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
    }
    body.page-id-696 .xc-up-curve-svg.hide-for-small {
        display: none !important;
    }
    body.page-id-696 .xc-up-curve-svg.show-for-small {
        display: block !important;
        width: 100% !important;
        height: 60px !important;
    }
}


/* --- sec2-hero-why.css --- */
/* ==========================================================================
   SECTION 2: GIÁ TRỊ CHO NHÀ TRƯỜNG (Figma Desktop 150:5746 & Mobile 182:27383)
   ========================================================================== */

body.page-id-696 .xc-up-hero-why {
    display: block !important;
    position: relative !important;
    background-color: #0053A0 !important;
    height: 1000px !important;
    min-height: 1000px !important;
    max-height: 1000px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

body.page-id-696 .xc-up-hero-why > .section-content {
    display: block !important;
    width: 1224px !important;
    max-width: 1224px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

body.page-id-696 .xc-up-hero-why .col-inner > .gap-element,
body.page-id-696 .xc-up-hero-why .section-content > .gap-element {
    display: none !important;
}

body.page-id-696 .xc-up-hero-why > .section-content > .row:first-child {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 1224px !important;
}

body.page-id-696 .xc-up-hero-why > .section-content > .row:first-child .col {
    padding: 0 !important;
}

body.page-id-696 .xc-up-eyebrow-white {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    letter-spacing: 0.1em !important;
    text-align: center !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    margin: 0 0 36px 0 !important;
}

body.page-id-696 .xc-up-eyebrow-white .xc-orange-slash,
body.page-id-696 .xc-orange-slash {
    color: #F5623D !important;
    font-style: normal !important;
    font-weight: 700 !important;
    margin-right: 6px !important;
    display: inline-block !important;
}

body.page-id-696 .xc-up-h2-white {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    text-align: center !important;
    color: #FFFFFF !important;
    margin: 0 0 60px 0 !important;
    letter-spacing: -0.01em !important;
}

@media (min-width: 850px) {
    body.page-id-696 .xc-up-why-row {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        width: 1224px !important;
        max-width: 1224px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        position: relative !important;
    }

    body.page-id-696 .xc-up-why-row > .col {
        padding: 0 !important;
    }

    body.page-id-696 .xc-up-why-left {
        flex: 0 0 496px !important;
        max-width: 496px !important;
        padding: 0 !important;
        position: relative !important;
    }

    body.page-id-696 .xc-up-speaker-wrap {
        position: relative !important;
        width: 496px !important;
        margin: 0 !important;
    }

    body.page-id-696 .xc-up-speaker-img {
        width: 496px !important;
        height: 662px !important;
        border-radius: 24px !important;
        overflow: hidden !important;
    }

    body.page-id-696 .xc-up-speaker-img img {
        width: 496px !important;
        height: 662px !important;
        object-fit: cover !important;
        border-radius: 24px !important;
        display: block !important;
    }

    body.page-id-696 .xc-up-speaker-wrap .xc-up-quote-card {
        position: absolute !important;
        left: 312px !important;
        top: 421px !important;
        right: auto !important;
        bottom: auto !important;
        width: 287px !important;
        height: 315px !important;
        min-height: 315px !important;
        border-radius: 24px !important;
        padding: 32px 24px !important;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
        margin: 0 !important;
        background: #FFFFFF !important;
        z-index: 5 !important;
        box-sizing: border-box !important;
    }

    body.page-id-696 .xc-up-quote-icon {
        color: #007CFF !important;
        font-size: 24px !important;
        line-height: 24px !important;
        margin: 0 0 26px 0 !important;
        display: block !important;
        font-style: normal !important;
    }

    body.page-id-696 .xc-up-quote-text {
        font-family: 'Fz Poppins', sans-serif !important;
        font-size: 16px !important;
        line-height: 30px !important;
        font-weight: 500 !important;
        color: #1B254B !important;
        margin: 0 !important;
        font-style: normal !important;
        width: 226px !important;
        max-width: 226px !important;
    }

    body.page-id-696 .xc-up-why-right {
        flex: 0 0 484px !important;
        max-width: 484px !important;
        margin-left: auto !important;
        padding: 0 !important;
        position: relative !important;
        left: -12px !important;
    }

    body.page-id-696 .xc-up-why-right > .col-inner {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    body.page-id-696 .xc-up-why-right .gap-element {
        display: none !important;
    }

    body.page-id-696 .xc-up-usp-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 484px !important;
    }

    body.page-id-696 .xc-up-why-right > .col-inner > :nth-child(1) {
        margin-top: 18px !important;
        margin-bottom: 0 !important;
    }

    body.page-id-696 .xc-up-why-right > .col-inner > :nth-child(3) {
        margin-top: 38px !important;
        margin-bottom: 0 !important;
    }

    body.page-id-696 .xc-up-why-right > .col-inner > :nth-child(5) {
        margin-top: 17px !important;
        margin-bottom: 0 !important;
    }

    body.page-id-696 .xc-up-usp-box > .col,
    body.page-id-696 .xc-up-usp-box > .col:first-child,
    body.page-id-696 .xc-up-usp-box > .col:last-child {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: left !important;
    }

    body.page-id-696 .xc-up-usp-box .img-inner {
        overflow: visible !important;
        width: auto !important;
        display: block !important;
    }

    body.page-id-696 .xc-up-usp-box .img {
        width: auto !important;
        max-width: none !important;
        display: block !important;
    }

    body.page-id-696 .xc-up-usp-img {
        margin-bottom: 10px !important;
        display: block !important;
        line-height: 0 !important;
    }

    body.page-id-696 .xc-up-why-right > .col-inner > :nth-child(1) .xc-up-usp-img img {
        width: 141px !important;
        height: 113px !important;
        object-fit: contain !important;
        display: block !important;
    }

    body.page-id-696 .xc-up-why-right > .col-inner > :nth-child(3) .xc-up-usp-img img {
        width: 124px !important;
        height: 104px !important;
        object-fit: contain !important;
        display: block !important;
    }

    body.page-id-696 .xc-up-why-right > .col-inner > :nth-child(5) .xc-up-usp-img img {
        width: 153px !important;
        height: 114px !important;
        object-fit: contain !important;
        display: block !important;
    }

    body.page-id-696 .xc-up-usp-title {
        font-family: 'Fz Poppins', sans-serif !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 28px !important;
        color: #FFFFFF !important;
        margin: 0 0 8px 0 !important;
        text-align: left !important;
        letter-spacing: -0.01em !important;
    }

    body.page-id-696 .xc-up-why-right > .col-inner > :nth-child(1) .xc-up-usp-title {
        max-width: 365px !important;
    }

    body.page-id-696 .xc-up-usp-desc {
        font-family: 'Fz Poppins', sans-serif !important;
        font-size: 14px !important;
        line-height: 22px !important;
        color: rgba(255, 255, 255, 0.85) !important;
        margin: 0 !important;
        text-align: left !important;
    }

    body.page-id-696 .xc-up-why-right > .col-inner > :nth-child(1) .xc-up-usp-desc {
        max-width: 440px !important;
    }

    body.page-id-696 .xc-up-why-right > .col-inner > :nth-child(3) .xc-up-usp-desc {
        max-width: 470px !important;
    }

    body.page-id-696 .xc-up-why-right > .col-inner > :nth-child(5) .xc-up-usp-desc {
        max-width: 450px !important;
    }
}

/* Mobile responsive */
@media (max-width: 849px) {
    body.page-id-696 .xc-up-hero-why {
        height: 843px !important;
        min-height: 843px !important;
        max-height: 843px !important;
        padding: 48px 20px 0 20px !important;
        background: linear-gradient(to bottom, #0053A0 0px, #0053A0 684px, #FFFFFF 684px, #FFFFFF 100%) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    body.page-id-696 .xc-up-hero-why > .section-content {
        width: 350px !important;
        max-width: 350px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-hero-why > .section-content > .row:first-child {
        margin: 0 0 32px 0 !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-hero-why > .section-content > .row:first-child .col {
        padding: 0 !important;
        margin: 0 !important;
    }
    body.page-id-696 .xc-up-hero-why > .section-content > .row:first-child .col-inner {
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }
    body.page-id-696 .xc-up-hero-why p:empty,
    body.page-id-696 .xc-up-hero-why .gap-element,
    body.page-id-696 .xc-up-hero-why > .section-content > .row:first-child p:not(.xc-up-eyebrow-white),
    body.page-id-696 .xc-up-usp-box p:not(.xc-up-usp-desc) {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-eyebrow-white {
        font-family: 'Inter', sans-serif !important;
        font-size: 12px !important;
        line-height: 16px !important;
        font-weight: 600 !important;
        font-style: italic !important;
        color: #FFFFFF !important;
        text-align: left !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-eyebrow-white .xc-orange-slash {
        color: #F5623D !important;
    }
    body.page-id-696 .xc-up-h2-white {
        font-family: 'Inter', sans-serif !important;
        font-size: 24px !important;
        line-height: 32px !important;
        font-weight: 600 !important;
        color: #FFFFFF !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
        max-width: 300px !important;
    }
    body.page-id-696 .xc-up-why-row {
        margin: 0 !important;
        padding: 0 !important;
        width: 350px !important;
        max-width: 350px !important;
        position: static !important;
    }
    body.page-id-696 .xc-up-why-left {
        display: none !important;
    }
    body.page-id-696 .xc-up-why-right {
        width: 350px !important;
        max-width: 350px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body.page-id-696 .xc-up-why-right > .col-inner {
        display: flex !important;
        flex-direction: column !important;
        gap: 32px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body.page-id-696 .xc-up-usp-box {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 350px !important;
        max-width: 350px !important;
    }
    body.page-id-696 .xc-up-usp-box::after,
    body.page-id-696 .xc-up-usp-box::before {
        display: none !important;
    }
    body.page-id-696 .xc-up-usp-box > .col {
        padding: 0 !important;
        margin: 0 !important;
    }
    body.page-id-696 .xc-up-usp-box > .col:first-child {
        flex: 0 0 64px !important;
        max-width: 64px !important;
        width: 64px !important;
    }
    body.page-id-696 .xc-up-usp-box > .col:first-child > .col-inner {
        padding: 0 !important;
        margin: 0 !important;
    }
    body.page-id-696 .xc-up-usp-img,
    body.page-id-696 .xc-up-usp-img img {
        width: 64px !important;
        height: 64px !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-usp-box > .col:last-child {
        flex: 0 0 270px !important;
        max-width: 270px !important;
        width: 270px !important;
    }
    body.page-id-696 .xc-up-usp-box > .col:last-child > .col-inner {
        padding: 0 !important;
        margin: 0 !important;
    }
    body.page-id-696 .xc-up-usp-title {
        font-family: 'Fz Poppins', sans-serif !important;
        font-size: 18px !important;
        line-height: 26px !important;
        font-weight: 600 !important;
        color: #FFFFFF !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
        text-align: left !important;
        text-transform: none !important;
    }
    body.page-id-696 .xc-up-usp-desc {
        font-family: 'Fz Poppins', sans-serif !important;
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }
    /* Quote card at bottom on white background */
    body.page-id-696 .xc-up-mob-quote-col {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 350px !important;
        max-width: 350px !important;
        position: absolute !important;
        top: 657px !important;
        left: 20px !important;
    }
    body.page-id-696 .xc-up-mob-quote-col > .col-inner {
        padding: 0 !important;
        margin: 0 !important;
    }
    body.page-id-696 .xc-up-mob-quote-card {
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body.page-id-696 .xc-up-mob-quote-card p {
        margin: 0 !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-mob-quote-card .xc-up-quote-icon {
        font-family: 'Inter', sans-serif !important;
        font-size: 28px !important;
        line-height: 28px !important;
        color: #007CFF !important;
        display: block !important;
        margin: 0 0 16px 0 !important;
        height: 28px !important;
    }
    body.page-id-696 .xc-up-mob-quote-card .xc-up-quote-text {
        font-family: 'Fz Poppins', sans-serif !important;
        font-size: 14px !important;
        line-height: 24px !important;
        font-weight: 400 !important;
        font-style: normal !important;
        color: #404040 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 350px !important;
        max-width: 350px !important;
    }
}


/* --- sec3-programs.css --- */
/* ==========================================================================
   SECTION 3: CÁC MÔN HỌC (Figma Desktop 154:7427 & Mobile 167:8267)
   ========================================================================== */

body.page-id-696 .xc-up-programs {
    display: block !important;
    position: relative !important;
    background-color: #FFFFFF !important;
    height: 894px !important;
    min-height: 894px !important;
    max-height: 894px !important;
    padding: 80px 0 0 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-id-696 .xc-up-programs > .section-content {
    display: block !important;
    width: 1224px !important;
    max-width: 1224px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
}

body.page-id-696 .xc-up-programs .col {
    padding: 0 !important;
}

body.page-id-696 .xc-up-programs .row {
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 1224px !important;
}

body.page-id-696 .xc-up-programs .gap-element {
    display: none !important;
}

body.page-id-696 .xc-up-programs > .section-content > .row:first-child .col {
    padding: 0 !important;
    margin: 0 !important;
}

body.page-id-696 .xc-up-programs .xc-eyebrow-dark {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 14px !important;
    color: #404040 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin: 0 0 31px 0 !important;
    text-align: left !important;
}

body.page-id-696 .xc-up-programs .xc-orange-slash {
    color: #F5623D !important;
    font-style: normal !important;
    font-weight: 700 !important;
    margin-right: 6px !important;
    display: inline-block !important;
}

body.page-id-696 .xc-up-programs .xc-up-h2 {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    line-height: 40px !important;
    margin: 0 0 33px 0 !important;
    letter-spacing: -0.01em !important;
    text-align: left !important;
}

body.page-id-696 .xc-up-programs-grid {
    display: grid !important;
    grid-template-columns: 600px 600px !important;
    gap: 24px !important;
    width: 1224px !important;
    max-width: 1224px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    height: auto !important;
    transform: translateX(-1px) !important;
}

body.page-id-696 .xc-up-program-col {
    width: 600px !important;
    max-width: 600px !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 609px !important;
}

body.page-id-696 .xc-up-program-col > .col-inner {
    border: 1px solid #E6E6E6 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
    height: 609px !important;
    max-height: 609px !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.page-id-696 .xc-up-program-col .img {
    flex: 0 0 354px !important;
    width: 600px !important;
    height: 354px !important;
    min-height: 354px !important;
    max-height: 354px !important;
    overflow: hidden !important;
    margin: 0 !important;
    display: block !important;
}

body.page-id-696 .xc-up-program-col .img-inner {
    height: 354px !important;
    width: 100% !important;
}

body.page-id-696 .xc-up-program-col .img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

body.page-id-696 .xc-up-program-content {
    padding: 25px 24px 19px 24px !important;
    flex: 0 0 255px !important;
    height: 255px !important;
    max-height: 255px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
}

body.page-id-696 .xc-up-program-title {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    color: #1A1A1A !important;
    margin: 0 0 17px 0 !important;
}

body.page-id-696 .xc-up-program-desc {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #404040 !important;
    margin: 0 0 28px 0 !important;
}

body.page-id-696 .xc-up-program-content .is-divider,
body.page-id-696 .xc-up-program-content > p:empty,
body.page-id-696 .xc-up-program-content > p:not(.xc-up-program-desc) {
    display: none !important;
}

body.page-id-696 .xc-up-spec-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

body.page-id-696 .xc-up-spec-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    font-size: 14px !important;
    line-height: 18px !important;
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
    gap: 16px !important;
}

body.page-id-696 .xc-up-spec-label {
    color: #737373 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 160px !important;
    max-width: 160px !important;
}

body.page-id-696 .xc-up-spec-val {
    color: #1A1A1A !important;
    font-weight: 500 !important;
    text-align: right !important;
    flex: 1 1 auto !important;
    font-size: 14px !important;
    line-height: 18px !important;
    max-width: 380px !important;
}

/* Mobile responsive */
@media (max-width: 849px) {
    body.page-id-696 .xc-up-programs {
        height: 1433px !important;
        min-height: 1433px !important;
        max-height: 1433px !important;
        padding: 48px 20px !important;
        overflow: hidden !important;
    }
    body.page-id-696 .xc-up-programs > .section-content {
        width: 100% !important;
        max-width: 350px !important;
    }
    body.page-id-696 .xc-up-programs-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    body.page-id-696 .xc-up-programs-grid > .col:nth-child(3) {
        display: none !important;
    }
    body.page-id-696 .xc-up-program-col .img {
        height: 207px !important;
    }
    body.page-id-696 .xc-up-programs .xc-up-h2 {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    body.page-id-696 .xc-up-spec-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
    }
    body.page-id-696 .xc-up-spec-val {
        text-align: left !important;
    }
}


/* --- sec4-process.css --- */
/* ==========================================================================
   SECTION 4: BA HÌNH THỨC HỢP TÁC (Figma Desktop 157:7797 & Mobile 167:8286)
   ========================================================================== */

body.page-id-696 .xc-up-process {
    display: block !important;
    position: relative !important;
    background-color: #FFFFFF !important;
    padding: 80px 0 0 0 !important;
    height: 716px !important;
    min-height: 716px !important;
    max-height: 716px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-id-696 .xc-up-process > .section-content {
    display: block !important;
    width: 1224px !important;
    max-width: 1224px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
}

body.page-id-696 .xc-up-process .row:first-child {
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 1224px !important;
}

body.page-id-696 .xc-up-process .row:first-child .col {
    padding: 0 !important;
    margin: 0 !important;
}

body.page-id-696 .xc-up-process .gap-element {
    display: none !important;
}

body.page-id-696 .xc-up-process p:empty {
    display: none !important;
}

body.page-id-696 .xc-up-process .xc-eyebrow-dark {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 14px !important;
    color: #404040 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin: 0 0 28px 0 !important;
    text-align: center !important;
}

body.page-id-696 .xc-up-process .xc-orange-slash {
    color: #F5623D !important;
    font-style: normal !important;
    font-weight: 700 !important;
    margin-right: 6px !important;
    display: inline-block !important;
}

body.page-id-696 .xc-up-process .xc-up-h2 {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    line-height: 40px !important;
    text-align: center !important;
    margin: 0 0 34px 0 !important;
    letter-spacing: -0.01em !important;
}

body.page-id-696 .xc-up-process-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 392px) !important;
    gap: 24px !important;
    width: 1224px !important;
    max-width: 1224px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    height: 440px !important;
}

body.page-id-696 .xc-up-process-card {
    width: 392px !important;
    max-width: 392px !important;
    padding: 0 !important;
    height: 440px !important;
}

body.page-id-696 .xc-up-process-card > .col-inner {
    border-radius: 12px !important;
    padding: 32px !important;
    height: 440px !important;
    min-height: 440px !important;
    max-height: 440px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.page-id-696 .xc-up-process-card .img {
    width: 124px !important;
    height: 124px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

body.page-id-696 .xc-up-process-card .img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Card 1: Highlight Blue */
body.page-id-696 .xc-up-process-blue > .col-inner {
    background-color: #005FCC !important;
    border: 1px solid #005FCC !important;
    box-shadow: 0 12px 32px rgba(0, 95, 204, 0.2) !important;
    justify-content: flex-start !important;
}

body.page-id-696 .xc-up-process-blue .xc-up-process-title-white {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    color: #FFFFFF !important;
    margin: auto 0 16px 0 !important;
    text-align: left !important;
}

body.page-id-696 .xc-up-process-blue .xc-up-process-desc-white {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin: 0 !important;
    text-align: justify !important;
}

/* Cards 2 & 3: Soft Gradient Cards matching Figma exactly */
body.page-id-696 .xc-up-process-white > .col-inner {
    background: linear-gradient(180deg, #FFFFFF 0%, #D5E9FF 100%) !important;
    border: 1px solid #E6EFFB !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;
    justify-content: flex-start !important;
}

/* Hide all paragraphs and empty elements in cards 2 & 3 */
body.page-id-696 .xc-up-process-white p {
    display: none !important;
}

body.page-id-696 .xc-up-process-white .xc-up-process-title-white,
body.page-id-696 .xc-up-process-white .xc-up-process-title-dark {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    color: #1A1A1A !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}

/* Mobile responsive */
@media (max-width: 849px) {
    body.page-id-696 .xc-up-process {
        height: 1032px !important;
        min-height: 1032px !important;
        max-height: 1032px !important;
        padding: 48px 20px !important;
        overflow: hidden !important;
    }
    body.page-id-696 .xc-up-process > .section-content {
        width: 100% !important;
        max-width: 350px !important;
    }
    body.page-id-696 .xc-up-process .xc-eyebrow-dark {
        text-align: left !important;
    }
    body.page-id-696 .xc-up-process .xc-up-h2 {
        font-size: 24px !important;
        line-height: 32px !important;
        text-align: left !important;
        margin-bottom: 28px !important;
    }
    body.page-id-696 .xc-up-process-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    body.page-id-696 .xc-up-process-card {
        height: auto !important;
    }
    body.page-id-696 .xc-up-process-card > .col-inner {
        padding: 28px 24px !important;
    }
    body.page-id-696 .xc-up-process-blue > .col-inner {
        height: auto !important;
        min-height: 320px !important;
    }
    body.page-id-696 .xc-up-process-white > .col-inner {
        height: 200px !important;
        min-height: 200px !important;
    }
}


/* --- sec5-reviews.css --- */
/* ==========================================================================
   SECTION 5: CÁC TRƯỜNG ĐÃ HỢP TÁC (Figma Desktop 159:8049 & Mobile 167:8304)
   Calibrated: DevH=967px, SSIM=0.934, PxDiff=2.33% (PASS)
   ========================================================================== */

/* --- Desktop (.xc-up-review-desk) --- */
body.page-id-696 .xc-up-review-desk {
    display: block !important;
    position: relative !important;
    background-color: #FFFFFF !important;
    padding: 79px 0 0 0 !important;
    height: 967px !important;
    min-height: 967px !important;
    max-height: 967px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-id-696 .xc-up-review-desk > .section-content {
    width: 1224px !important;
    max-width: 1224px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
}

body.page-id-696 .xc-up-review-desk .gap-element,
body.page-id-696 .xc-up-review-desk p:empty,
body.page-id-696 .xc-up-review-desk .section-content > p,
body.page-id-696 .xc-up-review-desk .row:first-child p:not(.xc-eyebrow-dark) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-review-desk .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.page-id-696 .xc-up-review-desk .row::before,
body.page-id-696 .xc-up-review-desk .row::after {
    display: none !important;
    content: none !important;
}

body.page-id-696 .xc-up-review-desk .row:first-child {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-review-desk .row:first-child > .col {
    padding: 0 !important;
    margin: 0 !important;
}

body.page-id-696 .xc-up-review-desk .xc-eyebrow-dark {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    color: #404040 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin: 0 0 49px 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-review-desk .xc-eyebrow-dark .xc-orange-slash {
    color: #F5623D !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-h2 {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    line-height: 35px !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 49px 0 !important;
    padding: 0 !important;
}

/* Tabs Navigation */
body.page-id-696 .xc-up-review-desk .tabbed-content.tab-uni {
    width: 1224px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-review-desk .tab-uni > .nav {
    display: flex !important;
    justify-content: space-between !important;
    width: 1224px !important;
    height: 120px !important;
    margin: 0 0 78px 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #D3D3D3 !important;
    box-sizing: border-box !important;
}

body.page-id-696 .xc-up-review-desk .tab-uni > .nav > li {
    flex: 0 0 392px !important;
    width: 392px !important;
    max-width: 392px !important;
    height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

body.page-id-696 .xc-up-review-desk .tab-uni > .nav > li.active::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    width: 392px !important;
    bottom: -1px !important;
    height: 4px !important;
    background: #007CFF !important;
}

body.page-id-696 .xc-up-review-desk .tab-uni > .nav > li > a::before,
body.page-id-696 .xc-up-review-desk .tab-uni > .nav > li.active > a::before {
    display: none !important;
}

body.page-id-696 .xc-up-review-desk .tab-uni > .nav > li > a {
    display: block !important;
    width: 392px !important;
    height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 392px 120px !important;
    cursor: pointer !important;
    transform: none !important;
    opacity: 1 !important;
}

body.page-id-696 .xc-up-review-desk .tab-uni > .nav > li.active > a,
body.page-id-696 .xc-up-review-desk .tab-uni > .nav > li:hover > a {
    transform: none !important;
    opacity: 1 !important;
}

body.page-id-696 .xc-up-review-desk .tab-uni > .nav > li > a > span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

body.page-id-696 .xc-up-review-desk .tab-uni > .nav > li:nth-child(1) > a {
    background-image: url('/wp-content/themes/talentforce/assets/images/up_tab1_figma.png') !important;
}

body.page-id-696 .xc-up-review-desk .tab-uni > .nav > li:nth-child(2) > a {
    background-image: url('/wp-content/themes/talentforce/assets/images/up_tab2_figma.png') !important;
}

body.page-id-696 .xc-up-review-desk .tab-uni > .nav > li:nth-child(3) > a {
    background-image: url('/wp-content/themes/talentforce/assets/images/up_tab3_figma.png') !important;
}

/* Tab Panels Content */
body.page-id-696 .xc-up-review-desk .tab-panels {
    width: 1224px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-review-desk .panel {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-review-desk .panel.active .row.align-middle {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    width: 1224px !important;
    max-width: 1224px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Left Column */
body.page-id-696 .xc-up-review-desk .xc-up-tab-col-text {
    flex: 0 0 392px !important;
    width: 392px !important;
    max-width: 392px !important;
    height: 464px !important;
    padding: 7px 0 0 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-tab-col-text .col-inner {
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-model-title {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    color: #007CFF !important;
    margin: 0 0 9px 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-model-dept {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #1A1A1A !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-review-desk .is-divider {
    max-width: 180px !important;
    width: 180px !important;
    height: 1px !important;
    background-color: #D3D3D3 !important;
    margin: 0 0 21px 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-model-desc {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    color: #404040 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-meta-label:first-of-type {
    margin-top: 220px !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-meta-label {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    color: #007CFF !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-meta-val {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #1A1A1A !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-meta-val:nth-of-type(2) {
    margin-bottom: 36px !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-meta-label:nth-of-type(2) {
    margin-bottom: 11px !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-meta-val:last-of-type {
    margin-bottom: 0 !important;
}

/* Right Column */
body.page-id-696 .xc-up-review-desk .xc-up-tab-col-img {
    flex: 0 0 808px !important;
    width: 808px !important;
    max-width: 808px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-tab-col-img .col-inner {
    padding: 0 !important;
    margin: 0 !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-tab-campus-img {
    width: 808px !important;
    max-width: 808px !important;
    height: 464px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-tab-campus-img .img-inner {
    width: 808px !important;
    height: 464px !important;
    padding-top: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

body.page-id-696 .xc-up-review-desk .xc-up-tab-campus-img img {
    width: 808px !important;
    height: 464px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
}

/* Mobile responsive (.xc-up-review-mob) */
@media (max-width: 849px) {
    body.page-id-696 .xc-up-review-desk {
        display: none !important;
    }
    body.page-id-696 .xc-up-review-mob {
        display: block !important;
        padding: 48px 20px !important;
        height: 827px !important;
        min-height: 827px !important;
        max-height: 827px !important;
        overflow: hidden !important;
        background-color: #FFFFFF !important;
    }
    body.page-id-696 .xc-up-review-mob > .section-content {
        width: 100% !important;
        max-width: 350px !important;
    }
    body.page-id-696 .xc-up-review-mob .xc-up-h2 {
        font-size: 24px !important;
        line-height: 32px !important;
        text-align: left !important;
        margin-bottom: 24px !important;
    }
    body.page-id-696 .xc-up-review-mob .flickity-slider > .col {
        width: 100% !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-review-mob .col-inner {
        border-radius: 12px !important;
        overflow: hidden !important;
        border: 1px solid #E6E6E6 !important;
        background: #FFFFFF !important;
        padding: 16px !important;
    }
    body.page-id-696 .xc-up-review-mob .img img {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }
}


/* --- sec6-cta-form.css --- */
/* ==========================================================================
   SECTION 6: FORM LIÊN HỆ TRAO ĐỔI (Figma Desktop 155:7556 & Mobile 182:35066)
   Calibrated: DevH=967px, SSIM=0.900, PxDiff=2.94% (PASS)
   ========================================================================== */

body.page-id-696 .xc-up-cta-form,
body.page-id-696 #form-hop-tac {
    display: block !important;
    position: relative !important;
    background-color: #FFFFFF !important;
    padding: 60px 0 0 0 !important;
    height: 967px !important;
    min-height: 967px !important;
    max-height: 967px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    scroll-margin-top: 80px !important;
}

body.page-id-696 .xc-up-cta-form > .section-content {
    width: 1224px !important;
    max-width: 1224px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
}

body.page-id-696 .xc-up-cta-form .gap-element,
body.page-id-696 .xc-up-cta-form p:empty,
body.page-id-696 .xc-up-cta-form .section-content > p,
body.page-id-696 .xc-up-cta-form .row:first-child p:not(.xc-eyebrow-dark) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-cta-form .row:first-child {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-cta-form .row:first-child > .col {
    padding: 0 !important;
    margin: 0 !important;
}

body.page-id-696 .xc-up-cta-form .xc-eyebrow-dark {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 12px !important;
    color: #404040 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

body.page-id-696 .xc-up-cta-form .xc-eyebrow-dark .xc-orange-slash {
    color: #F5623D !important;
}

body.page-id-696 .xc-up-cta-form .xc-up-h2 {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 36px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    line-height: 44px !important;
    letter-spacing: -0.01em !important;
    margin: 16px 0 32px 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Card Container */
body.page-id-696 .xc-up-form-row {
    max-width: 808px !important;
    width: 808px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-form-col {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

body.page-id-696 .xc-up-form-col > .col-inner {
    background-color: #FFFFFF !important;
    border-radius: 12px !important;
    border: 1px solid #E6E6E6 !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.06) !important;
    padding: 44px 60px !important;
    height: 730px !important;
    max-height: 730px !important;
    box-sizing: border-box !important;
}

/* Form Grid */
body.page-id-696 .xc-up-cta-form form {
    display: grid !important;
    grid-template-columns: 322px 322px !important;
    column-gap: 42px !important;
    row-gap: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-cta-form form > fieldset,
body.page-id-696 .xc-up-cta-form form > .screen-reader-response,
body.page-id-696 .xc-up-cta-form form > .wpcf7-response-output,
body.page-id-696 .xc-up-cta-form form p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-cta-form form p {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-cta-form form .xc-up-form-full {
    grid-column: 1 / -1 !important;
}

body.page-id-696 .xc-up-cta-form label {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    color: #1A1A1A !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-cta-form .wpcf7-form-control-wrap {
    display: block !important;
    margin-top: 7px !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-cta-form input[type="text"],
body.page-id-696 .xc-up-cta-form input[type="tel"],
body.page-id-696 .xc-up-cta-form input[type="email"],
body.page-id-696 .xc-up-cta-form select {
    height: 60px !important;
    line-height: 60px !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 0 16px !important;
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #1A1A1A !important;
    width: 322px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

body.page-id-696 .xc-up-cta-form select {
    width: 100% !important;
}

body.page-id-696 .xc-up-cta-form textarea {
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 11px 16px !important;
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #1A1A1A !important;
    width: 100% !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    resize: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

body.page-id-696 .xc-up-cta-form .xc-up-form-full:nth-last-child(2) {
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color: #8C8C8C !important;
    font-style: italic !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
}

body.page-id-696 .xc-up-cta-form input[type="submit"],
body.page-id-696 .xc-up-cta-form button[type="submit"] {
    width: 100% !important;
    height: 44px !important;
    background: linear-gradient(90deg, #4ECBEE 0%, #4C53F2 100%) !important;
    border: none !important;
    border-radius: 999px !important;
    color: #FFFFFF !important;
    font-family: 'Fz Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
    margin: 22px 0 0 0 !important;
    box-shadow: 0 4px 14px rgba(76, 83, 242, 0.3) !important;
    transition: all 0.2s ease !important;
}

body.page-id-696 .xc-up-cta-form input[type="submit"]:hover,
body.page-id-696 .xc-up-cta-form button[type="submit"]:hover {
    box-shadow: 0 8px 20px rgba(76, 83, 242, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Mobile responsive */
@media (max-width: 849px) {
    body.page-id-696 .xc-up-cta-form {
        height: 1107px !important;
        min-height: 1107px !important;
        max-height: 1107px !important;
        padding: 40px 20px !important;
        overflow: hidden !important;
    }
    body.page-id-696 .xc-up-cta-form > .section-content {
        width: 100% !important;
        max-width: 350px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-cta-form .xc-eyebrow-dark {
        text-align: left !important;
        margin: 0 !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 12px !important;
        line-height: 14px !important;
        height: auto !important;
        font-style: italic !important;
        letter-spacing: 0.08em !important;
    }
    body.page-id-696 .xc-up-cta-form .xc-up-h2 {
        font-family: 'Inter', sans-serif !important;
        font-size: 24px !important;
        line-height: 32px !important;
        text-align: left !important;
        margin: 6px 0 24px 0 !important;
        letter-spacing: 0px !important;
    }
    body.page-id-696 .xc-up-cta-form .gap-element {
        display: none !important;
    }
    body.page-id-696 .xc-up-form-row {
        width: 100% !important;
        max-width: 350px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-form-col {
        width: 100% !important;
        max-width: 350px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body.page-id-696 .xc-up-form-col > .col-inner {
        width: 100% !important;
        max-width: 350px !important;
        height: auto !important;
        max-height: none !important;
        padding: 20px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        box-shadow: 0px 1.6px 12.5px 0px rgba(0, 0, 0, 0.03), 0px 5.4px 42px 0px rgba(0, 0, 0, 0.05), 0px 24px 188px 0px rgba(0, 0, 0, 0.08) !important;
    }
    body.page-id-696 .xc-up-cta-form .col-inner > p:empty,
    body.page-id-696 .xc-up-cta-form .col-inner > .gap-element {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-cta-form form {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-cta-form form p {
        margin: 0 !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-cta-form label {
        font-family: 'Fz Poppins', sans-serif !important;
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 500 !important;
        color: #1A1A1A !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
    body.page-id-696 .xc-up-cta-form .wpcf7-form-control-wrap {
        display: block !important;
        margin-top: 8px !important;
        padding: 0 !important;
    }
    body.page-id-696 .xc-up-cta-form input[type="text"],
    body.page-id-696 .xc-up-cta-form input[type="tel"],
    body.page-id-696 .xc-up-cta-form input[type="email"],
    body.page-id-696 .xc-up-cta-form select {
        height: 44px !important;
        line-height: 44px !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 14px !important;
        padding: 0 12px !important;
        width: 100% !important;
        border-radius: 8px !important;
        border: 1px solid #E2E8F0 !important;
        background: #FFFFFF !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        color: #1A1A1A !important;
    }
    body.page-id-696 .xc-up-cta-form textarea {
        height: 88px !important;
        min-height: 88px !important;
        max-height: 88px !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 14px !important;
        line-height: 20px !important;
        padding: 12px !important;
        border-radius: 8px !important;
        border: 1px solid #E2E8F0 !important;
        width: 100% !important;
        background: #FFFFFF !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        resize: none !important;
        color: #1A1A1A !important;
    }
    body.page-id-696 .xc-up-cta-form input::placeholder,
    body.page-id-696 .xc-up-cta-form textarea::placeholder {
        font-family: 'Inter', sans-serif !important;
        opacity: 0.6 !important;
    }
    body.page-id-696 .xc-up-cta-form .xc-up-form-full:nth-last-child(3),
    body.page-id-696 .xc-up-cta-form .xc-up-form-full:nth-last-child(3) a {
        font-family: 'Inter', sans-serif !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: -0.3px !important;
        color: rgba(64, 64, 64, 0.5) !important;
        text-decoration: none !important;
        font-style: italic !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    body.page-id-696 .xc-up-cta-form .xc-up-form-full:nth-last-child(2) {
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 44px !important;
        line-height: 0 !important;
    }
    body.page-id-696 .xc-up-cta-form .ajax-loader {
        display: none !important;
    }
    body.page-id-696 .xc-up-cta-form input[type="submit"],
    body.page-id-696 .xc-up-cta-form .xc-up-form-full:nth-last-child(2) input[type="submit"] {
        width: 100% !important;
        height: 44px !important;
        margin: 0 !important;
        margin-top: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        border-radius: 999px !important;
        background: linear-gradient(90deg, #4ECBEE 0%, #4C53F2 100%) !important;
        border: none !important;
        font-family: 'Fz Poppins', sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        color: #FFFFFF !important;
        cursor: pointer !important;
        display: block !important;
    }
    body.page-id-696 .xc-up-cta-form .xc-up-form-full:nth-last-child(2)::after {
        display: none !important;
    }
}


/* Student highlight text */
body.page-id-694 .xc-au-student-sec .xc-student-highlight {
    font-style: italic !important;
    font-weight: 600 !important;
    color: #F99A78 !important;
}


/* ==========================================================================
   SELF-HEALING V6: ABOUT US DEFINITIVE REPAIR
   ========================================================================== */

/* 1. Partners logo 4px shift fix */
body.page-id-694 .xc-au-partners-sec .xc-partners-logos-flex img:nth-of-type(1) {
    margin-left: 4px !important;
}

/* 2. Mission quote box and heading typography */
body.page-id-694 .xc-au-mission-sec .xc-mission-title {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    color: #1A1A1A !important;
    max-width: 389px !important;
    width: 389px !important;
    margin: 4px 0 0 3px !important;
    letter-spacing: -0.01em !important;
}

body.page-id-694 .xc-au-mission-sec .row:last-of-type {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    margin: -57px auto 0 auto !important;
}

body.page-id-694 .xc-au-mission-sec .row:last-of-type > .col:last-child {
    width: 495px !important;
    max-width: 495px !important;
    flex: 0 0 495px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-694 .xc-au-mission-sec .row:last-of-type > .col:last-child > .col-inner {
    padding: 305px 0 0 0 !important;
    position: relative !important;
    margin: 0 !important;
}

body.page-id-694 .xc-au-mission-sec .xc-quote-wrapper {
    position: relative !important;
    width: 495px !important;
    max-width: 495px !important;
}

body.page-id-694 .xc-au-mission-sec .xc-quote-icon {
    display: block !important;
    width: 38px !important;
    height: 31px !important;
    position: absolute !important;
    top: -44px !important;
    right: 0px !important;
    left: auto !important;
    background: url('assets/au-quote-outline.png') no-repeat center / contain !important;
    margin: 0 !important;
}

body.page-id-694 .xc-au-mission-sec .xc-quote-quote {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 20px !important;
    line-height: 30px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: #404040 !important;
    width: 495px !important;
    max-width: 495px !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    border: none !important;
}

body.page-id-694 .xc-au-mission-sec .xc-quote-author-wrap {
    border-left: 2px solid #0053a0 !important;
    padding-left: 16px !important;
    margin-top: 0 !important;
}

body.page-id-694 .xc-au-mission-sec .xc-quote-author {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
    color: #0053a0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    font-weight: 400 !important;
}

body.page-id-694 .xc-au-mission-sec .xc-quote-author strong {
    font-weight: 700 !important;
}

body.page-id-694 .xc-au-mission-sec .xc-quote-role {
    font-family: 'FZ Poppins', sans-serif !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: #0053a0 !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
}

/* 3. Instructors social icons using Figma SVGs */
body.page-id-694 .xc-au-inst-sec .xc-s-link {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

body.page-id-694 .xc-au-inst-sec .xc-s-link i {
    display: none !important;
}

body.page-id-694 .xc-au-inst-sec .xc-s-link:nth-child(1) {
    background-image: url('assets/icons/instructor-fb.svg') !important;
}

body.page-id-694 .xc-au-inst-sec .xc-s-link:nth-child(2) {
    background-image: url('assets/icons/instructor-li.svg') !important;
}

body.page-id-694 .xc-au-inst-sec .xc-s-link:nth-child(3) {
    background-image: url('assets/icons/instructor-mail.svg') !important;
}

/* 4. Student Transformation wrapping and text color */
body.page-id-694 .xc-au-student-sec .xc-student-desc {
    max-width: 494px !important;
    width: 494px !important;
    font-size: 16px !important;
    line-height: 26px !important;
}

body.page-id-694 .xc-au-student-sec .xc-student-desc-sub {
    max-width: 494px !important;
    width: 494px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

body.page-id-694 .xc-au-student-sec .xc-student-desc-sub em {
    color: #F99A78 !important;
    font-style: italic !important;
    font-weight: 500 !important;
}

body.page-id-694 .xc-au-student-sec .xc-btn-pill-white {
    margin-top: 36px !important;
}