/* Aligners in mixed dentition */
@font-face { font-family: Afacad; font-weight: 600; font-display: swap; src: url(../../fonts/afacad-600.ttf) format("truetype"); }
@font-face { font-family: "Varela Round"; font-weight: 400; font-display: swap; src: url(../../fonts/varela-round-400.ttf) format("truetype"); }


.amd-highlights { padding: 56px 0 80px; background: #ec3636 url(../../img/aligners-mixed/highlights-bg.jpg) center / cover; }
.amd-highlights__inner { position: relative; display: grid; grid-template-columns: 650px 1fr; gap: 90px; max-width: 1320px; margin-inline: auto; }
.amd-highlights__team { display: block; width: 650px; }
.amd-highlights__arrow { position: absolute; top: 86px; left: 621px; filter: brightness(2) contrast(1.97) hue-rotate(65deg); }
.amd-highlights h2 { margin: 56px 0 43px; color: #ffefef; font-size: 60px; line-height: 70px; letter-spacing: -3px; }
.amd-highlights__list li { display: flex; align-items: flex-start; gap: 16px; min-height: 42px; margin-bottom: 20px; color: #c7ffb5; font: 600 20px/30px Adamina, sans-serif; }
.amd-highlights__list .icon { width: 42px; height: 42px; color: #fff; }
.amd-highlights__list span { padding-bottom: 7px; }

.amd-fee { padding: 88px 10px 73px; background: url(../../img/aligners-mixed/fee-bg.jpg) center / cover; text-align: center; }
.amd-fee h2 { margin-bottom: 26px; color: #f0ff72; font: 600 60px/70px Roboto, sans-serif; letter-spacing: -3px; }
.amd-fee__status { display: inline-block; padding: 20px 50px 17px; border: 1px solid #fff; border-radius: 50px; background: #ff72de; color: #181818; font: 400 24px/24px var(--font-body); }

@media (max-width: 767px) {
  .amd-highlights { padding: 74px 0 19px; }
  .amd-highlights__inner { grid-template-columns: 1fr; gap: 0; }
  .amd-highlights__team { width: 100%; padding-inline: 10px; }
  .amd-highlights__arrow { display: none; }
  .amd-highlights h2 { margin: 32px 0 75px; padding-inline: 20px; font-size: 32px; line-height: 40px; letter-spacing: -1.6px; }
  .amd-highlights__list { padding-inline: 20px; }
  .amd-fee h2 { font-size: 44px; line-height: 55px; letter-spacing: -2.2px; }
}

/* Page-specific touches on the shared course hero */
.amd-hero { background: radial-gradient(ellipse at 78% 45%, rgba(108, 184, 245, .18), transparent 45%), radial-gradient(at 100% 0%, rgba(44, 132, 200, .35), transparent 60%), #0a0f18; }
.amd-hero .course-hero__media img { width: min(100%, 420px); }
@media (max-width: 767px) { .amd-hero .course-hero__media img { width: min(100%, 260px); } }