/*===================================*  YOUTH LANDING PAGE ===================================**/


/* =================================== HERO SECTION =================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;

  overflow-x: hidden;
}

.yti-hero {
  position: relative;

  width: 100%;

  overflow: hidden;

  color: white;
}

.yti-bg-image {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  z-index: 1;
}

.yti-dark-overlay {
  position: absolute;
  inset: 0;

  z-index: 2;

  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.22) 0%,
    rgba(0, 0, 0, 0.72) 100%
  );
}

.yti-left-overlay {
  position: absolute;
  inset: 0;

  z-index: 3;

  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.94) 0%,
    rgba(0, 0, 0, 0.82) 24%,
    rgba(0, 0, 0, 0.48) 48%,
    rgba(0, 0, 0, 0.08) 100%
  );
}

.yti-container {
  position: relative;
  z-index: 5;

  width: 100%;
  max-width: 1450px;

  margin: 0 auto;

  padding: 42px 32px 28px;

  overflow: hidden;
}

.yti-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;

  gap: 40px;

  align-items: end;
}

.yti-left {
  width: 100%;
  max-width: 100%;

  min-width: 0;
}

.yti-right {
  min-width: 0;
}

.yti-title {
  margin: 0;

  font-size: clamp(4.7rem, 9vw, 8rem);

  line-height: 0.84;
  letter-spacing: -0.06em;

  font-weight: 900;

  text-transform: uppercase;
  color: white;
  word-break: break-word;
}

.yti-title span {
  color: #f4b223;
}

.yti-description {
  max-width: 620px;

  margin-top: 24px;

  color: rgba(255, 255, 255, 0.86);

  font-size: 1.15rem;
  line-height: 1.65;
}

.yti-icon {
  width: 52px;
  height: 52px;

  object-fit: contain;

  flex-shrink: 0;
}

.yti-program-icon {
  width: 64px;
  height: 64px;

  object-fit: contain;

  flex-shrink: 0;
}

.yti-top-features {
  display: flex;
  align-items: stretch;

  width: 100%;

  margin-top: 34px;

  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.yti-mini-card {
  flex: 1;

  min-width: 0;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 14px;

  min-height: 140px;

  padding: 24px 14px;

  text-align: center;

  background: transparent;

  border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.yti-mini-card:last-child {
  border-right: none;
}

.yti-mini-card p {
  margin: 0;

  font-size: 0.74rem;
  line-height: 1.45;

  font-weight: 700;

  text-transform: uppercase;

  overflow-wrap: break-word;
}

.yti-program-grid {
  display: flex;
  align-items: stretch;

  width: 100%;

  margin-top: 18px;

  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.yti-program-card {
  flex: 1;

  min-width: 0;

  display: flex;
  align-items: flex-start;

  gap: 16px;

  min-height: 160px;

  padding: 22px 16px;

  background: transparent;

  border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.yti-program-card:last-child {
  border-right: none;
}

.yti-program-card strong {
  display: block;

  margin-bottom: 8px;

  font-size: 0.95rem;
  line-height: 1.35;

  text-transform: uppercase;

  overflow-wrap: break-word;
}

.yti-program-card p {
  margin: 0;

  color: rgba(255, 255, 255, 0.74);

  font-size: 0.8rem;
  line-height: 1.55;

  overflow-wrap: break-word;
}

.yti-buttons {
  display: flex;
  flex-wrap: wrap;

  gap: 18px;

  margin-top: 28px;
}

.yti-btn-primary,
.yti-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 240px;
  min-height: 64px;

  padding: 0 24px;

  border-radius: 8px;

  text-decoration: none;

  font-size: 0.95rem;
  font-weight: 800;

  transition: 0.25s ease;

  text-align: center;
}

.yti-btn-primary {
  background: #f4b223;

  color: black;
}

.yti-btn-primary:hover {
  background: #d99811;
}

.yti-btn-secondary {
  border: 1px solid rgba(255, 255, 255, 0.15);

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0.02) 100%
  );

  color: white;
}

.yti-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.08);
}

.yti-bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;

  flex-wrap: wrap;

  gap: 24px;

  margin-top: 24px;
}

.yti-limited {
  margin: 0;

  font-size: 0.8rem;
  font-weight: 700;

  letter-spacing: 0.12em;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.72);
}

.yti-cohorts {
  display: flex;
  flex-wrap: wrap;

  gap: 12px;
}

.yti-cohorts button {
  min-width: 140px;
  min-height: 64px;

  padding: 0 20px;

  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0.02) 100%
  );

  color: white;

  font-size: 0.92rem;
  font-weight: 800;

  cursor: pointer;

  transition: 0.25s ease;
}

.yti-cohorts button:hover {
  background: #f4b223;

  color: black;
}

.yti-right {
  display: flex;
  justify-content: flex-end;
}

.yti-statement-box {
  width: 100%;
  max-width: 320px;

  padding: 28px;

  border: 1px solid rgba(244, 178, 35, 0.35);
  border-radius: 14px;

  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.72) 0%,
    rgba(0, 0, 0, 0.52) 100%
  );

  backdrop-filter: blur(12px);
}

.yti-statement-box h3 {
  margin: 0 0 16px;

  color: #f4b223;

  font-size: 1.9rem;
  line-height: 1.05;

  text-transform: uppercase;
}

.yti-statement-box p {
  margin: 0;

  color: rgba(255, 255, 255, 0.84);

  font-size: 0.95rem;
  line-height: 1.7;

  font-weight: 700;

  text-transform: uppercase;
}

@media (max-width: 1280px) {
  .yti-container {
    padding: 34px 24px 24px;
  }

  .yti-grid {
    grid-template-columns: minmax(0, 1fr) 250px;

    gap: 24px;
  }

  .yti-title {
    font-size: clamp(4rem, 7vw, 6rem);
  }

  .yti-description {
    max-width: 540px;

    font-size: 1rem;
  }

  .yti-mini-card {
    min-height: 120px;

    padding: 18px 12px;
  }

  .yti-mini-card p {
    font-size: 0.66rem;
  }

  .yti-program-card {
    gap: 14px;

    min-height: 135px;

    padding: 18px 14px;
  }

  .yti-program-card strong {
    font-size: 0.8rem;
  }

  .yti-program-card p {
    font-size: 0.7rem;
  }

  .yti-icon {
    width: 42px;
    height: 42px;
  }

  .yti-program-icon {
    width: 48px;
    height: 48px;
  }

  .yti-btn-primary,
  .yti-btn-secondary {
    min-width: 210px;

    min-height: 58px;

    font-size: 0.82rem;
  }

  .yti-cohorts button {
    min-width: 120px;

    min-height: 56px;

    font-size: 0.82rem;
  }

  .yti-statement-box {
    max-width: 250px;

    padding: 22px;
  }

  .yti-statement-box h3 {
    font-size: 1.45rem;
  }

  .yti-statement-box p {
    font-size: 0.8rem;
  }
}

@media (max-width: 991px) {
  .yti-left-overlay {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.88) 0%,
      rgba(0, 0, 0, 0.68) 40%,
      rgba(0, 0, 0, 0.92) 100%
    );
  }

  .yti-grid {
    grid-template-columns: 1fr;
  }

  .yti-right {
    justify-content: flex-start;
  }

  .yti-top-features,
  .yti-program-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .yti-mini-card,
  .yti-program-card {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
}

@media (max-width: 767px) {
  .yti-dark-overlay,
  .yti-left-overlay {
    display: none;
  }

  .yti-hero {
    overflow-x: hidden;
  }

  .yti-bg-image {
    object-position: center;

    transform: none;

    left: 0;
    top: 0;
  }

  .yti-container {
    padding: 20px 14px 28px;
  }

  .yti-grid {
    display: flex;
    flex-direction: column;

    gap: 18px;
  }

  .yti-title {
    font-size: clamp(3rem, 15vw, 4.5rem);

    line-height: 0.84;
  }

  .yti-description {
    max-width: 100%;

    margin-top: 18px;

    font-size: 0.95rem;
    line-height: 1.7;
  }

  .yti-top-features,
  .yti-program-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    width: 100%;
  }

  .yti-mini-card {
    min-height: 128px;

    padding: 18px 10px;
  }

  .yti-mini-card p {
    font-size: 0.64rem;
  }

  .yti-program-card {
    flex-direction: column;

    gap: 14px;

    min-height: 150px;

    padding: 18px 12px;
  }

  .yti-program-card strong {
    font-size: 0.76rem;
  }

  .yti-program-card p {
    font-size: 0.68rem;
  }

  .yti-icon {
    width: 40px;
    height: 40px;
  }

  .yti-program-icon {
    width: 46px;
    height: 46px;
  }

  .yti-buttons {
    flex-direction: column;

    width: 100%;
  }

  .yti-btn-primary,
  .yti-btn-secondary {
    width: 100%;
    min-width: 100%;
  }

  .yti-bottom-row {
    flex-direction: column;

    align-items: stretch;
  }

  .yti-limited {
    text-align: center;

    font-size: 0.7rem;
  }

  .yti-cohorts {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    width: 100%;
  }

  .yti-cohorts button {
    width: 100%;
    min-width: 0;

    padding: 0 10px;

    font-size: 0.78rem;
  }

  .yti-right {
    width: 100%;
  }

  .yti-statement-box {
    max-width: 100%;

    padding: 20px;
  }

  .yti-statement-box h3 {
    font-size: 1.2rem;
  }

  .yti-statement-box p {
    font-size: 0.72rem;

    line-height: 1.5;
  }
}

/*==================================== WHAT STUDENTS WILL LEARN  ====================================*/

/*lhfwehfkbjrfekw SECOND SECTION lijhfkiwhebkjwb*/

  .yti-learn-section,
  .yti-learn-section * ,
  .yti-learn-section *::before,
  .yti-learn-section *::after {
    box-sizing: border-box;
  }

  .yti-learn-section {
    position: relative;

    width: 100%;
    max-width: 100%;

    background: #ffffff;

    overflow: hidden;
  }

  .yti-learn-container {
    width: 100%;
    max-width: 1450px;

    margin: 0 auto;

    padding: 110px 32px;

    overflow: hidden;
  }

  .yti-learn-grid {
    display: grid;

    grid-template-columns:
      minmax(280px, 360px)
      minmax(0, 1fr);

    gap: 52px;

    align-items: start;

    width: 100%;
  }

  .yti-learn-left {
    position: sticky;

    top: 40px;

    width: 100%;
    max-width: 360px;
    min-width: 0;
  }

  .yti-learn-heading {
    margin: 0;

    color: #0f1724;

    font-size: clamp(2.3rem, 2.5vw, 4.2rem);

    line-height: 0.9;
    letter-spacing: -0.06em;

    font-weight: 900;

    text-transform: uppercase;

    word-break: break-word;
  }

  .yti-learn-copy {
    margin-top: 34px;
  }

  .yti-learn-copy p {
    margin: 0 0 28px;

    color: #303645;

    font-size: 1.02rem;
    line-height: 1.9;

    font-weight: 500;
  }

  .yti-benefits-grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 28px 18px;

    margin-top: 48px;

    width: 100%;
  }

  .yti-benefit-item {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    min-width: 0;
  }

  .yti-benefit-icon {
    width: 58px;
    height: 58px;

    object-fit: contain;

    flex-shrink: 0;

    display: block;
  }

  .yti-benefit-item span {
    display: block;

    margin-top: 12px;

    color: #111827;

    font-size: 0.82rem;
    font-weight: 800;

    letter-spacing: 0.03em;

    line-height: 1.4;

    text-transform: uppercase;

    word-break: break-word;
  }

  .yti-learn-right {
    width: 100%;
    min-width: 0;
  }

  .yti-section-heading {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 20px;

    margin-bottom: 42px;

    width: 100%;
  }

  .yti-section-heading span {
    flex: 1;

    height: 2px;

    background: rgba(15, 23, 36, 0.12);
  }

  .yti-section-heading h3 {
    margin: 0;

    color: #0f1724;

    font-size: 2rem;
    font-weight: 900;

    letter-spacing: -0.04em;

    text-transform: uppercase;

    white-space: nowrap;
  }

  .yti-skill-grid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
  }

  .yti-skill-card {
    position: relative;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    background: #ffffff;

    border: 1px solid rgba(15, 23, 36, 0.08);
    border-radius: 18px;

    overflow: hidden;

    transition: 0.25s ease;
  }

  .yti-skill-card:hover {
    transform: translateY(-6px);
  }

  .yti-skill-image-wrap {
    position: relative;

    width: 100%;
    min-width: 0;

    overflow: hidden;
  }

  .yti-skill-image {
    width: 100%;
    height: 240px;

    object-fit: cover;

    display: block;
  }

  .yti-skill-badge {
    position: absolute;

    top: 16px;
    left: 16px;

    width: 62px;
    height: 62px;

    border-radius: 999px;

    background: #09111d;

    display: flex;
    align-items: center;
    justify-content: center;
  }

  .yti-skill-badge img,
  .yti-skill-badge-icon {
    width: 30px;
    height: 30px;

    object-fit: contain;

    display: block;
  }

  .yti-skill-content {
    padding: 28px 22px 26px;

    min-width: 0;

    overflow: hidden;
  }

  .yti-skill-content h4 {
    margin: 0 0 18px;

    color: #0f1724;

    font-size: 1.2rem;
    font-weight: 900;

    letter-spacing: -0.03em;

    line-height: 1.05;

    text-transform: uppercase;

    word-break: break-word;
  }

  .yti-skill-content ul {
    margin: 0;

    padding-left: 18px;
  }

  .yti-skill-content li {
    margin-bottom: 12px;

    color: #2b3342;

    font-size: 0.9rem;
    line-height: 1.55;

    font-weight: 500;

    word-break: break-word;
  }

  .yti-skill-divider {
    width: 100%;
    height: 1px;

    margin: 24px 0 18px;

    background: rgba(15, 23, 36, 0.1);
  }

  .yti-skill-content strong {
    display: block;

    margin-bottom: 12px;

    color: #0f1724;

    font-size: 0.8rem;
    font-weight: 900;

    letter-spacing: 0.05em;

    text-transform: uppercase;
  }

  .yti-skill-content p {
    margin: 0;

    color: #4b5563;

    font-size: 0.84rem;
    line-height: 1.75;

    font-weight: 500;

    word-break: break-word;
  }

  @media (max-width: 1300px) {
    .yti-learn-grid {
      grid-template-columns: 1fr;

      gap: 70px;
    }

    .yti-learn-left {
      position: relative;

      top: auto;

      max-width: 100%;
    }

    .yti-skill-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 991px) {
    .yti-learn-container {
      padding: 90px 22px;
    }

    .yti-benefits-grid {
      gap: 22px 14px;
    }

    .yti-section-heading h3 {
      font-size: 1.7rem;
    }
  }

  @media (max-width: 767px) {
    .yti-learn-container {
      padding: 70px 14px;
    }

    .yti-learn-grid {
      display: flex;
      flex-direction: column;

      gap: 54px;

      width: 100%;
    }

    .yti-learn-left,
    .yti-learn-right {
      width: 100%;
      max-width: 100%;
      min-width: 0;
    }

    .yti-learn-heading {
      font-size: clamp(2.4rem, 11vw, 4.2rem);

      line-height: 0.92;

      text-align: center;
    }

    .yti-learn-copy {
      margin-top: 26px;
    }

    .yti-learn-copy p {
      text-align: center;

      font-size: 0.95rem;
      line-height: 1.8;
    }

    .yti-benefits-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));

      gap: 22px 8px;

      margin-top: 38px;
    }

    .yti-benefit-icon {
      width: 42px;
      height: 42px;
    }

    .yti-benefit-item span {
      margin-top: 10px;

      font-size: 0.62rem;
      line-height: 1.3;
    }

    .yti-section-heading {
      gap: 12px;

      margin-bottom: 26px;
    }

    .yti-section-heading h3 {
      font-size: 1.15rem;

      text-align: center;

      white-space: normal;
    }

    .yti-skill-grid {
      display: flex;
      flex-direction: column;

      gap: 16px;
    }

    .yti-skill-card {
      display: grid;

      grid-template-columns: 34% 66%;

      min-height: 200px;
    }

    .yti-skill-image-wrap {
      height: 100%;
    }

    .yti-skill-image {
      width: 100%;
      height: 100%;

      object-fit: cover;
    }

    .yti-skill-badge {
      top: 10px;
      left: 10px;

      width: 42px;
      height: 42px;
    }

    .yti-skill-badge img,
    .yti-skill-badge-icon {
      width: 20px;
      height: 20px;
    }

    .yti-skill-content {
      padding: 14px 10px;

      overflow: hidden;
    }

    .yti-skill-content h4 {
      font-size: 0.82rem;

      line-height: 1.08;

      margin-bottom: 10px;
    }

    .yti-skill-content ul {
      padding-left: 14px;
    }

    .yti-skill-content li {
      margin-bottom: 5px;

      font-size: 0.68rem;
      line-height: 1.28;
    }

    .yti-skill-divider,
    .yti-skill-content strong,
    .yti-skill-content p {
      display: none;
    }
  }

  /*==================================== CURRICULUM SECTION  ====================================*/

.yti-curriculum-section,
  .yti-curriculum-section,
  .yti-curriculum-section *,
  .yti-curriculum-section *::before,
  .yti-curriculum-section *::after {
    box-sizing: border-box;
  }

  .yti-curriculum-section {
    position: relative;

    width: 100%;
    max-width: 100%;

    overflow: hidden;

    background: #030812;

    color: white;
  }

  .yti-curriculum-section::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
      radial-gradient(
        circle at top right,
        rgba(0, 76, 190, 0.2),
        transparent 36%
      ),
      radial-gradient(
        circle at bottom left,
        rgba(0, 58, 145, 0.12),
        transparent 28%
      );

    z-index: 3;

    pointer-events: none;
  }

  .yti-curriculum-bg {
    position: absolute;
    inset: 0;

    background-image: url("/toolsBckgrnd.png");
    background-size: cover;
    background-position: center;

    transform: scale(1.02);

    opacity: 0.82;

    z-index: 1;
  }

  .yti-curriculum-overlay {
    position: absolute;
    inset: 0;

    background:
      linear-gradient(
        90deg,
        rgba(1, 4, 10, 0.6) 0%,
        rgba(2, 7, 16, 0.6) 18%,
        rgba(3, 12, 24, 0.6) 42%,
        rgba(3, 16, 30, 0.6) 68%,
        rgba(1, 6, 14, 0.6) 100%
      ),
      linear-gradient(180deg, rgba(2, 6, 14, 0.6) 0%, rgba(1, 3, 8, 0.6) 100%);

    z-index: 2;
  }

  .yti-curriculum-container {
    position: relative;
    z-index: 10;

    width: 100%;
    max-width: 1520px;

    margin: 0 auto;

    padding: 76px 34px;
  }

  .yti-curriculum-grid {
    display: grid;

    grid-template-columns: minmax(0, 1.65fr) minmax(360px, 0.85fr);

    gap: 54px;

    align-items: start;

    width: 100%;
  }

  .yti-curriculum-left,
  .yti-curriculum-right {
    width: 100%;
    min-width: 0;
  }

  .yti-curriculum-left {
    position: relative;

    padding-right: 54px;

    border-right: 1px solid rgba(244, 178, 35, 0.24);
  }

  .yti-curriculum-left::after {
    content: "";

    position: absolute;

    top: 0;
    right: -1px;

    width: 1px;
    height: 100%;

    background: linear-gradient(
      180deg,
      rgba(244, 178, 35, 0) 0%,
      rgba(244, 178, 35, 0.38) 16%,
      rgba(244, 178, 35, 0.2) 52%,
      rgba(244, 178, 35, 0) 100%
    );

    box-shadow: 0 0 18px rgba(244, 178, 35, 0.14);
  }

  .yti-curriculum-title,
  .yti-safety-title {
    margin: 0;
    color: white;
    font-size: 2.7rem;
    font-weight: 900;

    line-height: 0.95;
    letter-spacing: -0.04em;

    text-transform: uppercase;
  }

  .yti-weeks-grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 24px;

    margin-top: 38px;

    width: 100%;
  }

  .yti-week-column {
    display: flex;
    flex-direction: column;

    min-width: 0;

    padding-right: 20px;

    border-right: 1px solid rgba(244, 178, 35, 0.14);
  }

  .yti-week-column:last-child {
    border-right: none;

    padding-right: 0;
  }

  .yti-week-label {
    display: block;

    margin-bottom: 14px;

    color: #f4b223;

    font-size: 0.92rem;
    font-weight: 900;

    letter-spacing: 0.05em;

    text-transform: uppercase;
  }

  .yti-week-column h3 {
    margin: 0;

    font-size: 1.28rem;
    line-height: 1.12;

    font-weight: 900;

    text-transform: uppercase;
  }

  .yti-week-days {
    margin: 28px 0 0;
    padding: 0;

    list-style: none;
  }

  .yti-week-days li {
    margin-bottom: 12px;

    color: rgba(255, 255, 255, 0.88);

    font-size: 0.84rem;
    line-height: 1.6;

    font-weight: 500;
  }

  .yti-week-days strong {
    margin-right: 8px;

    color: #f4b223;

    font-weight: 900;
  }

  .yti-week-image {
    width: 100%;
    height: 300px;

    margin-top: 28px;

    object-fit: cover;

    object-position: center top;

    border-radius: 14px;

    display: block;

    border: 1px solid rgba(244, 178, 35, 0.16);
  }

  .yti-certification-bar {
    display: grid;

    grid-template-columns: 70px minmax(0, 1fr) 240px;

    gap: 22px;

    align-items: center;

    margin-top: 36px;

    padding-top: 28px;
  }

  .yti-certification-icon {
    width: 62px;
    height: 62px;

    border-radius: 12px;

    border: 1px solid rgba(244, 178, 35, 0.16);

    background: rgba(255, 255, 255, 0.04);

    display: flex;
    align-items: center;
    justify-content: center;
  }

  .yti-certification-icon img {
    width: 30px;
    height: 30px;

    object-fit: contain;
  }

  .yti-certification-copy h4 {
    margin: 0 0 10px;

    font-size: 1.18rem;
    font-weight: 900;

    text-transform: uppercase;
  }

  .yti-certification-copy p {
    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    font-size: 0.92rem;
    line-height: 1.7;
  }

  .yti-certification-tools img {
    width: 100%;

    object-fit: contain;

    display: block;
  }

  .yti-safety-description {
    margin: 22px 0 0;

    color: rgba(255, 255, 255, 0.82);

    font-size: 0.95rem;
    line-height: 1.8;
  }

  .yti-safety-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px;

    margin-top: 34px;

    width: 100%;
  }

  .yti-safety-card {
    min-width: 0;

    padding: 22px 12px;

    border: 1px solid rgba(244, 178, 35, 0.16);
    border-radius: 16px;

    background: rgba(255, 255, 255, 0.04);

    backdrop-filter: blur(10px);

    text-align: center;
  }

  .yti-safety-card img {
    width: 42px;
    height: 42px;

    object-fit: contain;

    display: block;

    margin: 0 auto;
  }

  .yti-safety-card span {
    display: block;

    margin-top: 14px;

    font-size: 0.7rem;
    line-height: 1.45;

    font-weight: 800;

    text-transform: uppercase;
  }

  .yti-safety-disclaimer {
    display: flex;
    align-items: flex-start;

    gap: 14px;

    margin-top: 28px;

    padding-top: 24px;
  }

  .yti-safety-disclaimer img {
    width: 42px;
    height: 42px;

    object-fit: contain;

    flex-shrink: 0;
  }

  .yti-safety-disclaimer p {
    margin: 0;

    color: rgba(255, 255, 255, 0.8);

    font-size: 0.82rem;
    line-height: 1.7;
  }

  @media (max-width: 1280px) {
    .yti-curriculum-container {
      padding: 70px 24px;
    }

    .yti-curriculum-grid {
      grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.9fr);

      gap: 40px;
    }

    .yti-curriculum-left {
      padding-right: 40px;
    }

    .yti-week-image {
      height: 240px;
    }
  }

  @media (max-width: 991px) {
    .yti-curriculum-container {
      padding: 64px 18px;
    }

    .yti-curriculum-grid {
      grid-template-columns: 1fr;

      gap: 56px;
    }

    .yti-curriculum-left {
      padding-right: 0;

      border-right: none;
    }

    .yti-curriculum-left::after {
      display: none;
    }

    .yti-weeks-grid {
      grid-template-columns: 1fr;

      gap: 20px;
    }

    .yti-week-column {
      padding: 0;

      border-right: none;

      border: 1px solid rgba(244, 178, 35, 0.22);
      border-radius: 20px;

      background: rgba(255, 255, 255, 0.03);

      overflow: hidden;
    }

    .yti-week-top {
      padding: 22px 22px 14px;
    }

    .yti-week-image {
      width: 100%;
      height: 360px;

      margin-top: 0;

      border-radius: 0;

      border: none;

      object-fit: cover;

      object-position: center top;
    }

    .yti-certification-bar {
      grid-template-columns: 1fr;

      text-align: center;

      padding: 28px;

      border: 1px solid rgba(244, 178, 35, 0.16);
      border-radius: 20px;

      background: rgba(255, 255, 255, 0.03);
    }

    .yti-certification-icon {
      margin: 0 auto;
    }

    .yti-certification-tools {
      max-width: 260px;

      margin: 0 auto;
    }
  }

  @media (max-width: 767px) {
    .yti-curriculum-container {
      padding: 54px 14px;
    }

    .yti-curriculum-title,
    .yti-safety-title {
      font-size: 2rem;

      text-align: center;
    }

    .yti-weeks-grid {
      gap: 18px;

      margin-top: 26px;
    }

    .yti-week-column {
      border: 1px solid rgba(244, 178, 35, 0.26);
      border-radius: 20px;

      background: rgba(0, 0, 0, 0.34);

      overflow: hidden;

      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.26);
    }

    .yti-week-top {
      padding: 20px 18px 14px;
    }

    .yti-week-column h3 {
      font-size: 1.12rem;

      line-height: 1.16;
    }

    .yti-week-days {
      margin-top: 18px;
    }

    .yti-week-days li {
      margin-bottom: 10px;

      font-size: 0.88rem;

      line-height: 1.6;
    }

    .yti-week-image {
      height: 320px;

      object-fit: cover;

      object-position: center top;
    }

    .yti-certification-bar {
      display: flex;
      flex-direction: column;
      align-items: flex-start;

      gap: 18px;

      margin-top: 24px;

      padding: 24px 18px;

      border-radius: 20px;

      overflow: hidden;
    }

    .yti-certification-copy {
      width: 100%;
    }

    .yti-certification-copy h4 {
      font-size: 1.4rem;

      line-height: 1.05;
    }

    .yti-certification-copy p {
      font-size: 0.96rem;

      line-height: 1.75;
    }

    .yti-certification-tools {
      width: 100%;

      display: flex;
      justify-content: center;
    }

    .yti-certification-tools img {
      width: 100%;
      max-width: 250px;
    }

    .yti-safety-description {
      margin-top: 18px;

      text-align: center;

      font-size: 0.95rem;
    }

    .yti-safety-grid {
      gap: 10px;

      margin-top: 24px;
    }

    .yti-safety-card {
      padding: 18px 10px;

      border-radius: 16px;
    }

    .yti-safety-card img {
      width: 38px;
      height: 38px;
    }

    .yti-safety-card span {
      font-size: 0.64rem;

      line-height: 1.4;
    }

    .yti-safety-disclaimer {
      flex-direction: column;
      align-items: center;

      text-align: center;

      gap: 12px;
    }

    .yti-safety-disclaimer p {
      font-size: 0.84rem;

      line-height: 1.7;
    }
  }

/*==================================== ENROLLMENT SECTION  ====================================*/

.yti-enrollment-section,
  .yti-enrollment-section *,
  .yti-enrollment-section *::before,
  .yti-enrollment-section *::after {
    box-sizing: border-box;
  }

  .yti-enrollment-section {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
  }

  .yti-enrollment-container {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    overflow: visible;
  }

  .yti-enrollment-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
    width: 100%;
  }

  .yti-enrollment-left,
  .yti-enrollment-right {
    width: 100%;
    min-width: 0;
  }

  .yti-enrollment-heading,
  .yti-pricing-heading {
    margin: 0;
    color: #0f1724;
    font-size: clamp(2rem, 2.2vw, 3.6rem);
    line-height: 0.92;
    letter-spacing: -0.06em;
    font-weight: 900;
    text-transform: uppercase;
  }

  .yti-enrollment-copy,
  .yti-pricing-copy {
    margin-top: 24px;
    max-width: 620px;
  }

  .yti-enrollment-copy p,
  .yti-pricing-copy {
    margin: 20px 0;
    color: #303645;
    font-size: 1rem;
    line-height: 1.85;
    font-weight: 500;
  }

  .yti-growth-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 26px 18px;
    margin-top: 38px;
  }

  .yti-growth-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .yti-growth-item img {
    width: 34px;
    height: 34px;
    object-fit: contain;
  }

  .yti-growth-item span {
    display: block;
    margin-top: 10px;
    color: #0f1724;
    font-size: 0.64rem;
    line-height: 1.45;
    font-weight: 800;
    text-transform: uppercase;
  }

  .yti-ideal-card {
    position: relative;
    margin-top: 42px;
    border-radius: 20px;
    overflow: hidden;
  }

  .yti-ideal-bg {
    position: absolute;
    inset: 0;
    background-image: url("/toolsBckgrnd.png");
    background-size: cover;
    background-position: center;
    transform: scale(1.05);
    z-index: 1;
  }

  .yti-ideal-overlay {
    position: absolute;
    inset: 0;
    background:
      linear-gradient(
        90deg,
        rgba(2, 8, 18, 0.88) 0%,
        rgba(3, 14, 32, 0.82) 18%,
        rgba(3, 24, 52, 0.78) 42%,
        rgba(3, 28, 62, 0.74) 68%,
        rgba(2, 16, 38, 0.84) 100%
      ),
      linear-gradient(
        180deg,
        rgba(2, 8, 18, 0.34) 0%,
        rgba(1, 4, 12, 0.72) 100%
      );
    z-index: 2;
  }

  .yti-ideal-content {
    position: relative;
    z-index: 5;
    padding: 32px 26px 26px;
  }

  .yti-ideal-content h3 {
    margin: 0;
    color: white;
    font-size: 1.06rem;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
  }

  .yti-ideal-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px 18px;
    margin-top: 32px;
  }

  .yti-ideal-item {
    text-align: center;
  }

  .yti-ideal-item img {
    width: 36px;
    height: 36px;
    object-fit: contain;
  }

  .yti-ideal-item span {
    display: block;
    margin-top: 10px;
    color: white;
    font-size: 0.64rem;
    line-height: 1.45;
    font-weight: 800;
    text-transform: uppercase;
  }

  .yti-ideal-footer {
    margin-top: 30px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.72rem;
    line-height: 1.7;
  }

  .yti-pricing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 250px));
    justify-content: center;
    gap: 16px;
    margin-top: 28px;
  }

  .yti-pricing-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 22px 18px 26px;
    border: 1px solid rgba(15, 23, 36, 0.1);
    border-radius: 14px;
    background: white;
    overflow: visible;
    min-height: 365px;
  }

  .yti-pricing-card h3 {
    margin: 0;
    text-align: center;
    color: #0f1724;
    font-size: 1rem;
    line-height: 1.18;
    font-weight: 900;
    text-transform: uppercase;
  }

  .yti-price {
    margin-top: 12px;
    color: #09111d;
    font-size: 2.7rem;
    line-height: 1;
    text-align: center;
    font-weight: 900;
    letter-spacing: -0.06em;
  }

  .yti-includes-label {
    display: block;
    margin-top: 18px;
    color: #0f1724;
    font-size: 0.66rem;
    line-height: 1.4;
    font-weight: 900;
    text-transform: uppercase;
  }

  .yti-includes-label.premium {
    color: #d99811;
  }

  .yti-pricing-card ul {
    margin: 14px 0 0;
    padding-left: 18px;
    flex-grow: 1;
  }

  .yti-pricing-card li {
    margin-bottom: 10px;
    color: #374151;
    font-size: 0.76rem;
    line-height: 1.5;
    font-weight: 500;
  }

  .yti-price-icon {
    margin-top: auto;
    text-align: center;
  }

  .yti-price-icon img {
    width: 38px;
    height: 38px;
    object-fit: contain;
  }

  .yti-premium-card {
    border: 2px solid rgba(244, 178, 35, 0.55);
  }

  .yti-popular-badge {
    position: absolute;
    top: -10px;
    right: 14px;
    padding: 7px 12px;
    border-radius: 999px;
    background: #f4b223;
    color: black;
    font-size: 0.54rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .yti-toolkit-image {
    position: relative;
    width: 100%;
    height: 70px;
    margin-top: 4px;
    pointer-events: none;
  }

  .yti-toolkit-image img {
    position: absolute;
    left: 50%;
    bottom: -45px;
    transform: translateX(-50%);
    width: 128%;
    max-width: none;
    height: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.16));
  }

  .yti-cohort-row {
    padding: 14px 0px;
    border-top: 1px solid rgba(15, 23, 36, 0.08);
  }

  .yti-cohort-label {
    display: block;
    color: #0f1724;
    font-size: 0.64rem;
    line-height: 1.5;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-align: left;
    text-transform: uppercase;
  }

  .yti-cohort-dates {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 16px;
  }

  .yti-cohort-date {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .yti-cohort-date img {
    width: 18px;
    height: 18px;
    object-fit: contain;
  }

  .yti-cohort-date span {
    color: #0f1724;
    font-size: 1rem;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
  }

  .yti-process-section {
    padding-top: 20px;
    border-top: 1px solid rgba(15, 23, 36, 0.1);
  }

  .yti-process-section h4 {
    margin: 0;
    color: #0f1724;
    font-size: 0.9rem;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
  }

  .yti-process-grid {
    display: flex;
    gap: 18px;
    margin-top: 20px;
  }

  .yti-process-item {
    text-align: center;
  }

  .yti-process-item img {
    width: 28px;
    height: 28px;
    object-fit: contain;
  }

  .yti-process-item span {
    display: block;
    margin-top: 8px;
    color: #374151;
    font-size: 0.58rem;
    line-height: 1.45;
    font-weight: 700;
  }

  @media (max-width: 1300px) {
    .yti-enrollment-grid {
      grid-template-columns: 1fr;
    }

    .yti-growth-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (max-width: 991px) {
    .yti-enrollment-container {
      padding: 80px 20px;
    }

    .yti-growth-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .yti-pricing-grid {
      grid-template-columns: 1fr;
      justify-content: stretch;
    }

    .yti-pricing-card {
      max-width: 420px;
      width: 100%;
      margin: 0 auto;
    }

    .yti-toolkit-image {
      height: 100px;
    }

    .yti-toolkit-image img {
      width: 95%;
      bottom: -45px;
    }
  }

  @media (max-width: 767px) {
    .yti-enrollment-container {
      padding: 70px 14px;
    }

    .yti-enrollment-grid {
      gap: 44px;
    }

    .yti-enrollment-heading,
    .yti-pricing-heading {
      font-size: 1.9rem;
      text-align: center;
    }

    .yti-enrollment-copy,
    .yti-pricing-copy {
      margin-top: 20px;
      text-align: center;
    }

    .yti-growth-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 26px 14px;
    }

    .yti-ideal-content {
      padding: 28px 18px 24px;
    }

    .yti-ideal-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yti-pricing-grid {
      gap: 22px;
    }

    .yti-pricing-card {
      max-width: 100%;
    }

    .yti-toolkit-image {
      height: 90px;
    }

    .yti-toolkit-image img {
      width: 90%;
      bottom: -65px;
    }

    .yti-cohort-dates {
      flex-direction: row;
      justify-content: center;
      gap: 18px;
      padding: 15px 0;
    }

    .yti-process-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 24px 14px;
    }
  }

  /*==================================== BANNER SECTION  ====================================*/

  .yti-banner-section {
  position: relative;

  overflow: visible !important;

  width: 100%;

  z-index: 1;
}

.yti-banner-bg {
  position: absolute;
  inset: 0;

  background:
    radial-gradient(
      circle at top right,
      rgba(244, 178, 35, 0.12),
      transparent 24%
    ),
    radial-gradient(
      circle at bottom left,
      rgba(244, 178, 35, 0.08),
      transparent 26%
    ),
    linear-gradient(
      135deg,
      #050d14 0%,
      #091927 22%,
      #0c2235 48%,
      #091927 72%,
      #050d14 100%
    );

  overflow: hidden;

  z-index: 1;
}

.yti-banner-bg::before {
  content: "";

  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.025) 1px,
      transparent 1px
    );

  background-size: 80px 80px;

  opacity: 0.28;
}

.yti-banner-bg::after {
  content: "";

  position: absolute;

  top: -20%;
  right: -10%;

  width: 520px;
  height: 520px;

  border-radius: 50%;

  background: radial-gradient(
    circle,
    rgba(244, 178, 35, 0.12) 0%,
    transparent 70%
  );

  filter: blur(40px);
}

.yti-banner-overlay {
  position: absolute;
  inset: 0;

  z-index: 2;
}

.yti-banner-container {
  position: relative;

  z-index: 5;

  width: 100%;
  max-width: 1450px;

  margin: 0 auto;

  padding: 42px 32px;
}

.yti-banner-grid {
  display: grid;

  grid-template-columns: 1fr 1px 420px;

  gap: 42px;

  align-items: center;
}

.yti-banner-left {
  display: flex;
  align-items: center;

  gap: 24px;
}

.yti-banner-icon img {
  width: 68px;
  height: 68px;

  object-fit: contain;
}

.yti-banner-copy h2 {
  margin: 0;

  color: white;

  font-size: 2rem;
  line-height: 1;

  font-weight: 900;

  text-transform: uppercase;
}

.yti-banner-copy p {
  margin: 18px 0 0;

  max-width: 640px;

  color: rgba(255, 255, 255, 0.82);

  font-size: 1rem;
  line-height: 1.8;

  font-weight: 500;
}

.yti-banner-divider {
  width: 1px;
  height: 100%;

  background: rgba(255, 255, 255, 0.12);
}

.yti-banner-right {
  text-align: center;
}

.yti-banner-cta {
  width: 100%;
  height: 74px;

  border: none;
  border-radius: 10px;

  background: #f4b223;

  color: #09111d;

  font-size: 1rem;
  font-weight: 900;

  letter-spacing: 0.04em;

  cursor: pointer;

  transition: 0.25s ease;
}

.yti-banner-cta:hover {
  transform: translateY(-2px);

  background: #ffc13b;
}

.yti-banner-note {
  display: block;

  margin-top: 18px;

  color: rgba(255, 255, 255, 0.72);

  font-size: 0.82rem;
  line-height: 1.5;

  font-weight: 800;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}

.yti-modal {
  position: fixed !important;

  top: 0;
  left: 0;

  width: 100vw;
  height: 100vh;

  display: none;

  align-items: center;
  justify-content: center;

  padding: 18px;

  opacity: 0;
  visibility: hidden;

  overflow: hidden;

  transition: opacity 0.3s ease;

  z-index: 2147483647 !important;

  isolation: isolate;
}

.yti-modal.active {
  display: flex !important;

  opacity: 1;
  visibility: visible;
}

.yti-modal-overlay {
  position: fixed !important;

  inset: 0;

  width: 100vw;
  height: 100vh;

  background: rgba(0, 0, 0, 0.82);

  backdrop-filter: blur(8px);

  touch-action: none;

  z-index: 1;
}

.yti-modal-content {
  position: relative !important;

  z-index: 999999999999 !important;

  width: 100%;
  max-width: 760px;

  max-height: calc(100vh - 36px);

  overflow-y: auto;
  overflow-x: hidden;

  -webkit-overflow-scrolling: touch;

  padding: 42px;

  border-radius: 18px;

  background: #0b1018;

  border: 1px solid rgba(255, 255, 255, 0.08);

  overscroll-behavior: contain;

  transform: translateZ(0);
}

.yti-modal-content::-webkit-scrollbar {
  width: 6px;
}

.yti-modal-content::-webkit-scrollbar-track {
  background: transparent;
}

.yti-modal-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);

  border-radius: 999px;
}

.yti-modal-close {
  position: absolute;

  top: 18px;
  right: 18px;

  width: 42px;
  height: 42px;

  border: none;
  border-radius: 999px;

  background: rgba(255, 255, 255, 0.08);

  color: white;

  font-size: 1rem;

  cursor: pointer;

  z-index: 20;
}

.yti-modal-header h3 {
  margin: 0;

  color: white;

  font-size: 2rem;

  font-weight: 900;

  text-transform: uppercase;
}

.yti-modal-header p {
  margin: 16px 0 0;

  color: rgba(255, 255, 255, 0.72);

  font-size: 0.95rem;
  line-height: 1.8;
}

.yti-modal-form {
  margin-top: 34px;
}

.yti-modal-grid {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 16px;
}

.yti-modal-grid input,
.yti-modal-grid select,
.yti-modal-form textarea {
  width: 100%;

  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;

  background: #2b3541;

  color: white;

  font-size: 0.92rem;

  outline: none;
}

.yti-modal-grid input,
.yti-modal-grid select {
  height: 58px;

  padding: 0 18px;
}

.yti-modal-form textarea {
  height: 140px;

  margin-top: 16px;

  padding: 18px;

  resize: none;
}

.yti-modal-submit {
  width: 100%;
  height: 62px;

  margin-top: 18px;

  border: none;
  border-radius: 10px;

  background: #f4b223;

  color: #09111d;

  font-size: 0.95rem;
  font-weight: 900;

  letter-spacing: 0.04em;

  cursor: pointer;
}

@media (max-width: 991px) {
  .yti-banner-grid {
    grid-template-columns: 1fr;

    gap: 34px;
  }

  .yti-banner-divider {
    display: none;
  }
}

@media (max-width: 767px) {
  .yti-banner-container {
    padding: 42px 14px;
  }

  .yti-banner-left {
    flex-direction: column;
    align-items: center;

    text-align: center;
  }

  .yti-banner-copy h2 {
    font-size: 1.5rem;
  }

  .yti-banner-copy p {
    font-size: 0.92rem;
  }

  .yti-banner-cta {
    height: 62px;

    font-size: 0.88rem;
  }

  .yti-modal {
    align-items: flex-start;

    padding: 10px;
  }

  .yti-modal-content {
    width: 100%;

    max-height: calc(100vh - 20px);

    margin-top: 0;

    padding: 26px 18px 24px;

    border-radius: 16px;
  }

  .yti-modal-header h3 {
    font-size: 1.45rem;
  }

  .yti-modal-header p {
    font-size: 0.88rem;

    line-height: 1.7;
  }

  .yti-modal-grid {
    grid-template-columns: 1fr;
  }

  .yti-modal-grid input,
  .yti-modal-grid select {
    height: 54px;

    font-size: 16px;
  }

  .yti-modal-form textarea {
    height: 120px;

    font-size: 16px;
  }

  .yti-modal-submit {
    height: 58px;

    font-size: 0.88rem;

    margin-top: 16px;
  }
}