.oc__block.oc__block__program-hero {
  position: relative;

  display: flex;
  align-items: flex-end;

  min-height: 100vh;

  padding: var(--oc--spacing--clamp--10-20);

  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
}

.oc__block .oc__block__program-hero__content-container {
  max-width: 90vw;
  padding: var(--oc--spacing--clamp--10-20);
  margin-bottom: var(--oc--spacing--20);

  backdrop-filter: blue(10px);
  background-color: var(--oc--color--navy-blue--opacity-80);
  border-radius: 18px;
}

.oc__block .oc__block__program-hero__content-container__title {
  color: white;
  font-family: var(--oc--font-family--base);
  font-size: clamp(2.00rem, 1.5192rem + 3.0769vw, 3.25rem); /* 32px - 52px, 250px - 900px */
  font-weight: 800;
  line-height: 106%;
  margin-bottom: var(--oc--spacing--05);
}

.oc__block .oc__block__program-hero__content-container__subtitle {
  max-width: 650px;

  color: white;
  font-family: var(--oc--font-family--base);
  font-size: clamp(1.125rem, 1.0769rem + 0.3077vw, 1.25rem); /* 18px - 20px, 250px - 900px */
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.oc__block .oc__block__program-hero__content-container__subheading {
  align-items: center;
  display: flex;
  gap: var(--oc--spacing--05);

  margin-bottom: var(--oc--spacing--03);
}

.oc__block .oc__block__program-hero__content-container__subheading__marker {
  height: clamp(1.00rem, 0.8077rem + 1.2308vw, 1.50rem); /* 16px - 24px, 250px - 900px */
  width: clamp(1.00rem, 0.8077rem + 1.2308vw, 1.50rem); /* 16px - 24px, 250px - 900px */
}

.oc__block .oc__block__program-hero__content-container__subheading__content {
  color: white;
  font-family: var(--oc--font-family--base);
  font-size: clamp(0.875rem, 0.8269rem + 0.3077vw, 1rem); /* 14px - 16px, 250px - 900px */
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}