/* Mouth breathing */

.mouth-content { padding-bottom: 60px; }
.mouth-content .thumb-content__copy { padding-top: 142px; }
.mouth-topics li + li { margin-top: 0; }
.mouth-content h2 { margin: 0 0 50px; color: #1f1f1f; font: 400 60px/70px "Akaya Telivigala", sans-serif; letter-spacing: -3px; }
.mouth-topics { margin-bottom: 50px; }
.mouth-topics li { display: flex; align-items: center; gap: 8.5px; letter-spacing: 0; color: #1f1f1f; font: 400 17px/30px Roboto, sans-serif; }
.mouth-topics li::before {
  content: "";
  flex: none;
  width: 14px;
  height: 14px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mouth-content .offer-block__button { margin-top: 0; }
.mouth-content > img { width: 517px; margin: 50px 43px 0 0; }

.mouth-offer { padding: 171px 10px 130px; background-color: #3d0000; background-image: url(../../img/decor/teal-doctor-bg.png); }

@media (max-width: 767px) {
  .mouth-content .thumb-content__copy { padding-top: 4px; }
  .mouth-content h2 { margin-bottom: 50px; font-size: 32px; line-height: 40px; letter-spacing: -1.6px; }
  .mouth-topics li { align-items: flex-start; }
  .mouth-topics li::before { margin-top: 8px; }
  .mouth-content .offer-block__button { display: table; margin-inline: auto; }
  .mouth-content { padding-bottom: 9px; }
  .mouth-content > img { width: 370px; max-width: none; margin: 10px 0 0 -5px; }
  .mouth .fees { padding: 43px 10px 10px; }
  .mouth .fees h2 { margin: 0; font-size: 32px; line-height: 40px; letter-spacing: -1.6px; }
  .mouth-offer { padding-top: 171px; }
}

/* Page-specific touches on the shared course hero */
.mb-hero { padding-block: 130px 140px; background: radial-gradient(ellipse at 78% 45%, rgba(236, 72, 153, .2), transparent 50%), radial-gradient(at 100% 0%, rgba(120, 60, 200, .42), transparent 60%), #0a0f18; }
.mb-hero__media::before { width: 88%; background: radial-gradient(circle, rgba(236, 72, 153, .2), rgba(236, 72, 153, 0) 68%); border-color: rgba(244, 140, 200, .2); }
.mb-hero .course-hero__media img { width: min(100%, 330px); filter: drop-shadow(0 24px 36px rgba(0, 0, 0, .45)); }
.mb-hero h1 span { font-size: .5em; line-height: 1.35; }
.mb-hero .course-hero__price s { color: #8fa3b8; font-size: 20px; font-weight: 600; }
@media (max-width: 767px) {
  .mb-hero { padding-block: 64px 80px; }
  .mb-hero .course-hero__media img { width: min(100%, 220px); }
}