/* =====================
     SECTION LAYOUT
  ===================== */
  .apex-included-section {
    width: 1312px;
    max-width: 100%;
    padding-top: 214px;
    padding-bottom: 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 0;
    font-family: 'Inter Tight', sans-serif;
    background: #fff;
    overflow: hidden;
  }
 
  /* =====================
     LEFT COLUMN
  ===================== */
  .apex-included-left {
    width: 40%;
    flex-shrink: 0;
    padding-right: 40px;
    box-sizing: border-box;
  }
 
  .apex-included-heading {
    font-family: 'Google Sans', sans-serif;
    font-weight: 700;
    font-size: 70px;
    color: #0A0A0A;
    line-height: 1.22em;
    letter-spacing: -0.02em;
    margin-bottom: 0;
    margin-top: 0;
  }
 
  .apex-included-vector {
    display: block;
    margin-top: -19px;
    margin-bottom: 0px;
    width: 297px;
    height: 37px;
  }
 
  .apex-included-body {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #525252;
    line-height: 1.5em;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 450px;
  }
 
  /* =====================
     RIGHT COLUMN
  ===================== */
  .apex-included-right {
    width: 60%;
    flex-shrink: 0;
    position: relative;
    height: 460px;
    overflow: visible;
  }
 
  /* =====================
     CARD WRAPPERS (images)
  ===================== */
  .apex-card-img-1 {
    position: absolute;
    top: 40px;
    left: 21px;
    width: 262px;
    height: 285px;
    z-index: 1;
    display: block;
  }
 
  .apex-card-img-1 img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
  }
 
  .apex-card-img-2 {
    position: absolute;
    top: -142px;
    left: 43px;
    width: 412px;
    height: 516px;
    z-index: 2;
    transform-origin: center center;
    display: block;
  }
 
  .apex-card-img-2 img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
  }
 
  .apex-card-img-3 {
    position: absolute;
    top: -155px;
    right: 0px;
    width: 435px;
    height: 458px;
    z-index: 4;
    transform-origin: center center;
    display: block;
  }
 
  .apex-card-img-3 img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
  }
 
  .apex-card-img-4 {
    position: absolute;
    top: 54px;
    left: 235px;
    width: 441px;
    height: 436px;
    z-index: 6;
    transform-origin: center center;
    display: block;
  }
 
  .apex-card-img-4 img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
  }
 
  /* =====================
     CARD TEXT OVERLAYS
  ===================== */
  .apex-card-text-platform {
    position: absolute;
    top: 22px;
    left: 118px;
    width: 240px;
    height: 0px;
    z-index: 3;
    transform: rotate(339deg);
    transform-origin: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    pointer-events: none;
  }
 
  .apex-card-text-rolemodels {
    position: absolute;
    top: 10px;
    right: 80px;
    width: 290px;
    height: 0px;
    z-index: 5;
    transform: rotate(7.7deg);
    transform-origin: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    pointer-events: none;
  }
 
  .apex-card-text-curriculum {
    position: absolute;
    top: 200px;
    left: 330px;
    width: 242px;
    z-index: 7;
    transform: rotate(6.14deg);
    transform-origin: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    pointer-events: none;
  }
 
  /* =====================
     CARD TYPOGRAPHY
  ===================== */
  .apex-card-h3 {
    font-family: 'Google Sans', sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #FEFEFE;
    line-height: 1.333em;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 0;
  }
 
  .apex-card-p {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FEFEFE;
    line-height: 1.5em;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 8px;
  }
 
  .apex-card-h3-dark {
    font-family: 'Google Sans', sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #111827;
    line-height: 1.333em;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 0;
  }
 
  .apex-card-p-dark {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #111827;
    line-height: 1.5em;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 8px;
  }
 
  /* =====================
     TABLET — 768px–1023px
  ===================== */
  @media (max-width: 1023px) and (min-width: 768px) {
    .apex-included-section {
      padding-top: 60px;
      padding-left: 32px;
      padding-right: 32px;
      flex-direction: row;
      align-items: flex-start;
      gap: 0;
      overflow: hidden;
    }
 
    .apex-included-left {
      width: 42%;
      padding-right: 24px;
    }
 
    .apex-included-heading {
      font-size: 48px;
    }
 
    .apex-included-vector {
      width: 200px;
      height: 25px;
      margin-top: -12px;
    }
 
    .apex-included-body {
      font-size: 16px;
      max-width: 100%;
    }
 
    .apex-included-right {
      width: 58%;
      height: 430px
      overflow: visible;
    }
 
    /* Scale all card images proportionally */
    .apex-card-img-1 {
        height: 196px;
        left: 10px;
        top: 25px;
        width: 180px;
    }
 
    .apex-card-img-2 {
        height: 357px;
        left: 28px;
        top: -56px;
        width: 285px;
    }
 
    .apex-card-img-3 {
        height: 316px;
        right: -26px;
        top: -61px;
        width: 300px;
    }
 
    .apex-card-img-4 {
        height: 325px;
        left: 82px;
        top: 116px;
        width: 385px;
    }
 
    .apex-card-text-platform {
        left: 93px;
        top: 72px;
        width: 165px;
    }
 
.apex-card-text-rolemodels {
        right: 30px;
        top: 76px;
        width: 198px;
    }
    .apex-card-text-curriculum {
        left: 170px;
        top: 225px;
        width: 236px;
    }
    .apex-card-h3 {
      font-size: 18px;
    }
 
    .apex-card-p {
      font-size: 16px;
      margin-top: 5px;
    }
 
    .apex-card-h3-dark {
      font-size: 18px;
    }
 
    .apex-card-p-dark {
      font-size: 16px;
      margin-top: 5px;
    }
  }
 
  /* =====================
     MOBILE — below 768px
  ===================== */
  @media (max-width: 767px) {
    .apex-included-section {
      padding-top: 0px;
      padding-left: 16px;
      padding-right: 16px;
      padding-bottom: 32px;
      flex-direction: column;
      gap: 0;
      overflow: hidden;
    }
 
    .apex-included-left {
      width: 100%;
      padding-right: 0;
      margin-bottom: 32px;
    }
 
    .apex-included-heading {
      font-size: 30px;
      line-height: 1.2em;
    }
 
    .apex-included-vector {
      width: 148px;
      height: 19px;
      margin-top: -8px;
    }
 
    .apex-included-body {
      font-size: 16px;
      max-width: 100%;
      margin-top: 12px;
    }
 
    .apex-included-right {
      width: 100%;
      height: 340px;
      overflow: hidden;
      position: relative;
    }
 
    /* Scale all card images for mobile */
    .apex-card-img-1 {
        top: 92px;
        left: 4px;
        width: 140px;
        height: 152px;
    }
 
    .apex-card-img-2 {
        top: 0;
        left: 0;
        width: 215px;
        height: 270px;
    }
 
    .apex-card-img-3 {
      top: 0px;
      right: 0px;
      width: 226px;
      height: 238px;
    }
 
    .apex-card-img-4 {
        top: 136px;
        left: 74px;
        width: 230px;
        height: 228px;
    }
 
    .apex-card-text-platform {
        top: 106px;
        left: 46px;
        width: 122px;
    }
    .apex-card-text-rolemodels {
      top: 100px;
      right: 35px;
      width: 148px;
    }
 
    .apex-card-text-curriculum {
        top: 190px;
        left: 136px;
        width: 126px;
    }
 
    .apex-card-h3 {
      font-size: 14px;
      line-height: 1.3em;
    }
 
    .apex-card-p {
      font-size: 12px;
      margin-top: 4px;
      line-height: 1.4em;
    }
 
    .apex-card-h3-dark {
      font-size: 14px;
      line-height: 1.3em;
    }
 
    .apex-card-p-dark {
      font-size: 12px;
      margin-top: 4px;
      line-height: 1.4em;
    }
  }