/* The full bundled font works without a third-party font service. */
@font-face {
  font-family: 'Alnodom Slides Amiri';
  src: url('../fonts/amiri-bold.woff') format('woff');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

/* Every rule stays inside the existing slider, including future slides. */
html body #anc-academic-hero.anc-hero {
  --ans-forest: #0b4437;
  --ans-deep: #062e25;
  --ans-ivory: #f6f5ed;
  --ans-soft: #e2ede4;
  --ans-font: 'Alnodom Slides Amiri', 'Traditional Arabic', 'Noto Naskh Arabic', serif;
  --anc-gold: var(--ans-soft);
  --anc-deep: var(--ans-deep);
  --anc-body: var(--ans-font);
  --anc-heading: var(--ans-font);
  background: var(--ans-deep) !important;
  color: var(--ans-ivory) !important;
  font-family: var(--ans-font) !important;
  font-weight: 700 !important;
}

html body #anc-academic-hero.anc-hero .anc-slide {
  background: var(--ans-deep) !important;
}

html body #anc-academic-hero.anc-hero .anc-shade {
  background: linear-gradient(270deg, rgba(4, 39, 30, .97) 0%, rgba(4, 39, 30, .88) 36%, rgba(4, 39, 30, .45) 70%, rgba(4, 39, 30, .20) 100%),
    linear-gradient(0deg, rgba(3, 29, 22, .96), transparent 48%) !important;
}

/* Remove the ornamental frame/top rule and the rule before each kicker. */
html body #anc-academic-hero.anc-hero .anc-frame,
html body #anc-academic-hero.anc-hero .anc-eyebrow > i {
  display: none !important;
}

html body #anc-academic-hero.anc-hero .anc-frame::before,
html body #anc-academic-hero.anc-hero .anc-frame::after,
html body #anc-academic-hero.anc-hero .anc-eyebrow::before,
html body #anc-academic-hero.anc-hero .anc-eyebrow::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
}

html body #anc-academic-hero.anc-hero .anc-eyebrow {
  display: block !important;
  font-family: var(--ans-font) !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 1.75 !important;
  letter-spacing: 0 !important;
  color: var(--ans-soft) !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body #anc-academic-hero.anc-hero .anc-title,
html body #anc-academic-hero.anc-hero .anc-title span {
  font-family: var(--ans-font) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: clamp(44px, 4.6vw, 66px) !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  color: var(--ans-ivory) !important;
  -webkit-text-fill-color: var(--ans-ivory) !important;
  background: none !important;
  text-shadow: none !important;
  overflow-wrap: anywhere;
}

html body #anc-academic-hero.anc-hero .anc-title span {
  margin-top: 0 !important;
}

html body #anc-academic-hero.anc-hero .anc-description {
  font-family: var(--ans-font) !important;
  font-weight: 700 !important;
  font-size: 23px !important;
  line-height: 1.9 !important;
  color: var(--ans-soft) !important;
  margin-top: 18px !important;
  max-width: 560px !important;
  letter-spacing: 0 !important;
}

html body #anc-academic-hero.anc-hero a.anc-button {
  font-family: var(--ans-font) !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  line-height: 1.7 !important;
  color: var(--ans-ivory) !important;
  border-color: #b9cfc2 !important;
  padding: 10px 20px !important;
  min-height: 52px;
}

html body #anc-academic-hero.anc-hero a.anc-button-gold {
  background: var(--ans-soft) !important;
  color: var(--ans-deep) !important;
  border-color: var(--ans-soft) !important;
}

html body #anc-academic-hero.anc-hero a.anc-button-gold:hover {
  background: #f6f5ed !important;
  border-color: #f6f5ed !important;
  color: var(--ans-deep) !important;
}

html body #anc-academic-hero.anc-hero a.anc-button-outline:hover {
  background: #ffffff14 !important;
  border-color: var(--ans-ivory) !important;
}

html body #anc-academic-hero.anc-hero .anc-tab-number,
html body #anc-academic-hero.anc-hero .anc-tab-label,
html body #anc-academic-hero.anc-hero .anc-pause,
html body #anc-academic-hero.anc-hero .anc-pause-label,
html body #anc-academic-hero.anc-hero .anc-signature p,
html body #anc-academic-hero.anc-hero .anc-signature p strong,
html body #anc-academic-hero.anc-hero .anc-place {
  font-family: var(--ans-font) !important;
  font-weight: 700 !important;
  color: var(--ans-soft) !important;
}

html body #anc-academic-hero.anc-hero .anc-tab-label,
html body #anc-academic-hero.anc-hero .anc-pause,
html body #anc-academic-hero.anc-hero .anc-signature p,
html body #anc-academic-hero.anc-hero .anc-signature p strong {
  font-size: 15px !important;
  line-height: 1.8 !important;
}

html body #anc-academic-hero.anc-hero .anc-place {
  font-size: 14px !important;
  line-height: 1.8 !important;
  background: #062e25de !important;
}

html body #anc-academic-hero.anc-hero button.anc-selector {
  opacity: 1 !important;
  color: #c1d3c7 !important;
  border-bottom-color: #ffffff45 !important;
}

html body #anc-academic-hero.anc-hero button.anc-selector[aria-current=true] {
  color: var(--ans-ivory) !important;
}

html body #anc-academic-hero.anc-hero .anc-selector i {
  background: var(--ans-soft) !important;
}

html body #anc-academic-hero.anc-hero a:focus-visible,
html body #anc-academic-hero.anc-hero button:focus-visible {
  outline: 3px solid var(--ans-ivory) !important;
  outline-offset: 5px !important;
}

@media (max-width: 1100px) {
  html body #anc-academic-hero.anc-hero .anc-title,
  html body #anc-academic-hero.anc-hero .anc-title span {
    font-size: clamp(42px, 5.4vw, 60px) !important;
  }
}

@media (max-width: 760px) {
  html body #anc-academic-hero.anc-hero .anc-title,
  html body #anc-academic-hero.anc-hero .anc-title span {
    font-size: clamp(36px, 7.8vw, 54px) !important;
    line-height: 1.6 !important;
  }

  html body #anc-academic-hero.anc-hero .anc-eyebrow {
    font-size: 20px !important;
    margin-bottom: 12px !important;
  }

  html body #anc-academic-hero.anc-hero .anc-description {
    font-size: 21px !important;
    line-height: 1.85 !important;
  }

  html body #anc-academic-hero.anc-hero a.anc-button {
    font-size: 18px !important;
    padding: 10px 14px !important;
    gap: 12px;
  }

  html body #anc-academic-hero.anc-hero .anc-place {
    font-size: 12px !important;
  }
}

@media (max-width: 480px) {
  html body #anc-academic-hero.anc-hero .anc-title,
  html body #anc-academic-hero.anc-hero .anc-title span {
    font-size: clamp(32px, 9.4vw, 42px) !important;
  }

  html body #anc-academic-hero.anc-hero .anc-eyebrow {
    font-size: 18px !important;
  }

  html body #anc-academic-hero.anc-hero .anc-description {
    font-size: 20px !important;
  }

  html body #anc-academic-hero.anc-hero .anc-actions {
    align-items: stretch;
  }

  html body #anc-academic-hero.anc-hero a.anc-button {
    font-size: 17px !important;
    padding: 10px 12px !important;
  }
}