/* Twin block */

.tb-learn { position: relative; isolation: isolate; padding: 112px 60px 0; }
.tb-learn::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url(../../img/decor/orange-waves-bg.jpg) center / cover; opacity: .97; }
.tb-learn__inner { display: grid; grid-template-columns: 650px 1fr; gap: 90px; max-width: 1320px; min-height: 620px; margin-inline: auto; }
.tb-learn__photo { align-self: start; background: url(../../img/decor/blob-yellow.png) center / contain no-repeat; }
.tb-learn__photo img {
  display: block;
  width: 650px;
  height: 475px;
  object-fit: cover;
  -webkit-mask: url(../../img/decor/blob-mask.png) center / contain no-repeat;
  mask: url(../../img/decor/blob-mask.png) center / contain no-repeat;
}
.tb-learn__copy { position: relative; }
.tb-learn__arrow { position: absolute; top: 3px; left: -80px; }
.tb-learn h2 { color: #111; font-size: 60px; line-height: 70px; letter-spacing: -3px; }
.tb-learn__sub { margin-bottom: 20px; color: #036; font: 400 25px/35px var(--font-heading); letter-spacing: -1.25px; }
.tb-learn__list li { display: flex; align-items: flex-start; gap: 16px; min-height: 42px; margin-bottom: 20px; color: #1f1f1f; font: 600 20px/30px Adamina, sans-serif; }
.tb-learn__list .icon { width: 42px; height: 42px; color: #111; }
.tb-learn__list span { padding-bottom: 7px; }

.tb-fees { margin-top: 50px; padding: 0 10px 38px; --fee-columns: 4; --fee-width: 295px; }
.tb-fees .fee-card h3 { font-size: 40px; line-height: 40px; }
.tb-fees .fee-card:nth-child(2) h3 { font-size: 35px; line-height: 35px; }
.tb-fees .fee-card:nth-child(3) h3 { font-size: 32px; line-height: 32px; }
.tb-fees .fee-card:nth-child(4) h3 { font-size: 29px; line-height: 29px; }
.tb-fees .fee-card__topic { padding-left: 16px; font-size: 16px; font-weight: 600; }
.tb-fees .fee-card__topic::before { top: 13.6px; width: 4px; height: 4px; }

.tb-lectures { display: grid; margin-top: 50px; grid-template-columns: repeat(4, 1fr); justify-items: center; padding: 81px 71px 90px; background: url(../../img/decor/blue-dots-bg.jpg) center / cover; }
.tb-lectures img { width: 300px; }

.tb-offer { padding: 60px 10px 90px; background-image: url(../../img/decor/blue-dots-bg.jpg); }
.tb-offer img { box-shadow: none; }
.tb-offer p { margin: 0 0 45px; }

@media (max-width: 767px) {
  .tb-learn { padding: 74px 10px 0; }
  .tb-learn__inner { grid-template-columns: 1fr; gap: 31px; min-height: 0; }
  .tb-learn__photo img { width: 370px; height: 280px; }
  .tb-learn__arrow { display: none; }
  .tb-learn__copy { padding: 0 11px 24px; }
  .tb-learn__list li:last-child { margin-bottom: 0; }
  .tb-learn h2 { font-size: 32px; line-height: 40px; letter-spacing: -1.6px; }
  .tb-learn__sub { margin-bottom: 52px; font-size: 22px; line-height: 32.4px; letter-spacing: -1.1px; }
  .tb-fees { display: none; }
  .tb-lectures { grid-template-columns: 1fr; gap: 20px; margin-top: 0; }
  .tb-lectures img { width: 228px; }
  .tb-offer img { width: 348px; }
}

/* Page-specific touches on the shared course hero */
.tb-hero { padding-block: 130px 140px; background: radial-gradient(ellipse at 78% 45%, rgba(248, 255, 127, .1), transparent 48%), radial-gradient(at 100% 0%, rgba(44, 100, 220, .5), transparent 60%), #0a0f18; }
.tb-hero__media::before { background: radial-gradient(circle, rgba(120, 170, 255, .2), rgba(120, 170, 255, 0) 68%); border-color: rgba(140, 180, 255, .2); }
.tb-hero .course-hero__media img { width: min(100%, 520px); }
.tb-hero h1 span { font-size: .45em; line-height: 1.4; }
.tb-hero .course-hero__price s { color: #8fa3b8; font-size: 20px; font-weight: 600; }
@media (max-width: 767px) {
  .tb-hero { padding-block: 64px 80px; }
  .tb-hero .course-hero__media img { width: min(100%, 300px); }
}