/* Thumb sucking habit */

.thumb-content { display: grid; grid-template-columns: 1fr 1fr; align-items: start; max-width: 1340px; margin-inline: auto; padding: 10px 10px 0; background: url(../../img/decor/light-lines-bg.jpg) center / cover; box-shadow: 0 0 0 100vmax transparent; }
.thumb { background: none; }
.thumb-content { position: relative; isolation: isolate; max-width: none; padding-inline: max(60px, 50% - 660px); }
.thumb-content__copy { padding-top: 118px; }
.thumb-content__eyebrow { color: #ff007a; font: 600 18px/46px Nunito, sans-serif; letter-spacing: -.9px; }
.thumb-content h2 { margin: 10px 0 25px; color: #623db9; font: 900 42px/52px Montserrat, sans-serif; letter-spacing: -2.1px; }
.thumb-content li { color: #000; font: 400 40px/50px var(--font-heading); letter-spacing: -2px; }
.thumb-content li + li { margin-top: 40px; }
.thumb-content .offer-block__button { margin-top: 50px; }
.thumb-content > img { width: 603px; justify-self: end; margin-right: 9px; }

.thumb-offer { padding: 101px 10px 110px; background-image: url(../../img/decor/blue-dots-bg.jpg); }
.thumb-offer img { width: 483px; }

@media (max-width: 767px) {
  .thumb-content { grid-template-columns: 1fr; padding: 0 15px 10px; }
  .thumb-content__copy { padding-top: 0; }
  .thumb-content h2 { margin: 0 0 14px; font-size: 23px; line-height: 31px; letter-spacing: -1.15px; }
  .thumb-content li { font-size: 26px; line-height: 35px; letter-spacing: -1.3px; }
  .thumb-content li + li { margin-top: 26px; }
  .thumb-content > img { width: 100%; margin: 10px 0 0; justify-self: stretch; }
  .thumb-offer img { width: 352px; }
}

.thumb-content { padding-bottom: 10px; }
@media (max-width: 767px) {
  .thumb-content > img { width: calc(100% + 10px); margin-inline: -5px; }
}

/* Page-specific touches on the shared course hero */
.thumb-hero { background: radial-gradient(ellipse at 78% 45%, rgba(44, 132, 245, .28), transparent 50%), radial-gradient(at 100% 0%, rgba(40, 90, 200, .45), transparent 60%), #0a0f18; }
.thumb-hero__media::before { width: 100%; background: radial-gradient(circle, rgba(60, 130, 255, .25), rgba(60, 130, 255, 0) 68%); border-color: rgba(108, 184, 245, .2); }
.thumb-hero__media { min-height: 520px; }
.thumb-hero .thumb-hero__boy { position: relative; z-index: 1; width: 62%; margin-right: 34%; filter: drop-shadow(0 24px 34px rgba(0, 0, 0, .5)); }
.thumb-hero .thumb-hero__hand { position: absolute; right: -2%; bottom: 8%; width: 56%; filter: drop-shadow(0 24px 34px rgba(0, 0, 0, .45)); -webkit-mask-image: linear-gradient(to left, transparent, #000 14%); mask-image: linear-gradient(to left, transparent, #000 14%); }
.thumb-hero h1 span { font-size: .5em; line-height: 1.35; }
.thumb-hero .course-hero__price s { color: #8fa3b8; font-size: 20px; font-weight: 600; }
@media (max-width: 767px) {
  .thumb-hero__media { min-height: 0; padding-bottom: 12%; }
  .thumb-hero .thumb-hero__boy { width: 64%; }
  .thumb-hero .thumb-hero__hand { width: 58%; bottom: 0; }

}