/* Page-only design adapted from class-10-course/courses.html. */
#ts-courses-design { font-family: Inter, sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
#ts-courses-design *, #ts-courses-design *::before, #ts-courses-design *::after { box-sizing: border-box; }
#ts-courses-design * { margin: 0; padding: 0; }
#ts-courses-design h1, #ts-courses-design h2, #ts-courses-design h3, #ts-courses-design h4 { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; line-height: 1.2; color: #1a2332; }
#ts-courses-design a { text-decoration: none; color: inherit; transition: all .3s ease; }
#ts-courses-design img { max-width: 100%; height: auto; display: block; }
#ts-courses-design ul, #ts-courses-design ol { list-style: none; }
#ts-courses-design button { font-family: inherit; cursor: pointer; border: none; }
#ts-courses-design :focus-visible { outline: 3px solid #ff8215; outline-offset: 4px; }
#ts-courses-design { color: #0d2a78; background: #fff; }#ts-courses-design .container { max-width: 1280px; }#ts-courses-design .unused-source-chrome { min-height: 72px; }#ts-courses-design .unused-source-chrome { height: 43px; }#ts-courses-design .unused-source-chrome { font-size: 13px; }#ts-courses-design .unused-source-chrome { padding: 7px 0; }#ts-courses-design .unused-source-chrome { font-size: 11px; text-align: center; }#ts-courses-design .unused-source-chrome { background: linear-gradient(180deg, #082851, #03070e 56%); }#ts-courses-design .unused-source-chrome { gap: 30px; }#ts-courses-design .unused-source-chrome { height: 40px; }#ts-courses-design .courses-footer-contact-title { margin-top: 24px; }#ts-courses-design section { scroll-margin-top: 76px; }#ts-courses-design .courses-shell { width: min(1280px, calc(100% - 48px)); margin-inline: auto; }#ts-courses-design .courses-section-head { text-align: center; margin-bottom: 28px; }#ts-courses-design .courses-section-head h2 { color: #06288b; font-size: clamp(24px, 2.8vw, 36px); font-weight: 900; letter-spacing: -.045em; }#ts-courses-design .courses-section-head p { color: #486094; font-size: 14px; margin-top: 5px; }#ts-courses-design .courses-section-head--left { display: flex; justify-content: space-between; align-items: center; text-align: left; gap: 18px; }#ts-courses-design .courses-spark { color: #ffad00; font-size: .85em; font-weight: 400; display: inline-block; transform: rotate(-15deg); }#ts-courses-design .courses-text-link { color: #0759dc; font-weight: 700; font-size: 13px; white-space: nowrap; }#ts-courses-design .courses-text-link:hover { color: #ff6f00; }#ts-courses-design .courses-button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 49px; border-radius: 9px; padding: 11px 23px; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.2; box-shadow: 0 5px 12px rgba(5,52,125,.16); white-space: nowrap; }#ts-courses-design .courses-button:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(5,52,125,.22); }
#ts-courses-design .courses-button--orange { background:linear-gradient(0deg, rgb(255 172 79) 0%, rgb(255 218 0) 100%); }
#ts-courses-design .courses-button--blue { background: linear-gradient(135deg, #1182ff, #0560e8); }
#ts-courses-design .courses-button--outline { background: rgba(0,67,172,.1); border: 1.5px solid #9ad8ff; box-shadow: none; }
#ts-courses-design .courses-button--small-outline { min-height: 39px; background: #fff; border: 1.5px solid #347fff; color: #0759dc; box-shadow: none; font-size: 12px; padding: 8px 17px; }#ts-courses-design .courses-button--small-outline:hover { color: #0759dc; }
#ts-courses-design .courses-hero { overflow: hidden; min-height: 478px; color: #fff; background: radial-gradient(circle at 78% 67%, #0a91e3 0, #0965d1 26%, transparent 53%), linear-gradient(117deg, #003182 0%, #064fc5 50%, #068ae8 100%); }#ts-courses-design .courses-hero__grid { display: grid; grid-template-columns: 47% 53%; align-items: center; min-height: 478px; }#ts-courses-design .courses-hero__copy { position: relative; z-index: 3; padding: 34px 0 38px; }#ts-courses-design .courses-pill { display: inline-flex; align-items: center; gap: 7px; background: #0874cf; border-radius: 50px; padding: 5px 12px; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .03em; }#ts-courses-design .courses-pill__dot { width: 7px; height: 7px; border-radius: 50%; background: #14e9ea; box-shadow: 0 0 8px #14e9ea; }#ts-courses-design .courses-hero h1 { color: #fff; font-size: clamp(39px, 4.6vw, 65px); letter-spacing: -.055em; line-height: 1.03; font-weight: 900; margin: 13px 0 15px; }#ts-courses-design .courses-hero h1 span { color: #ffe12e; }#ts-courses-design .courses-hero__copy > p { color: #e7f4ff; font-size: 16px; line-height: 1.5; max-width: 545px; }#ts-courses-design .courses-hero__proof { display: flex; gap: 25px; margin: 25px 0 23px; }#ts-courses-design .courses-hero__proof span { display: flex; align-items: center; gap: 8px; color: #e8f5ff; font-size: 11px; font-weight: 700; line-height: 1.25; }#ts-courses-design .courses-hero__proof i { font-size: 23px; color: #a9dcff; }#ts-courses-design .courses-hero__actions { display: flex; gap: 12px; }#ts-courses-design .courses-hero__art { align-self: stretch; min-height: 478px; position: relative; }#ts-courses-design .courses-phone { background: #fff; color: #102d69; border: 9px solid #071637; border-radius: 30px; box-shadow: 0 12px 30px rgba(0,11,47,.3), inset 0 0 0 2px #3d5273; overflow: hidden; padding: 9px 7px 12px; }#ts-courses-design .courses-phone__top { display: flex; justify-content: space-between; padding: 0 6px 5px; font-size: 7px; font-weight: 700; }#ts-courses-design .courses-phone__brand { color: #fff; font-size: 13px; text-align: center; font-weight: 900; background: #063b9c; margin: 0 -7px; padding: 6px 0; }#ts-courses-design .courses-phone__brand span { color: #ffcc12; }#ts-courses-design .courses-phone__tabs { display: flex; justify-content: space-around; color: #2670d1; font-size: 7px; font-weight: 700; padding: 9px 0; }#ts-courses-design .courses-phone__tabs b { color: #ff8a00; }#ts-courses-design .courses-phone__lesson-art { height: 94px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: radial-gradient(circle at 50% 35%, #fff 5%, #f4fbff 43%, #cce9fb 100%); border-radius: 8px; font-size: 51px; line-height: 1; }#ts-courses-design .courses-phone__lesson-art i { color: #f45147; filter: drop-shadow(0 4px 3px rgba(186,40,42,.18)); }#ts-courses-design .courses-phone__lesson-art small { color: #30548b; font-size: 7px; font-weight: 700; padding: 5px; }#ts-courses-design .courses-phone__lessons { display: grid; gap: 5px; margin-top: 7px; }#ts-courses-design .courses-phone__lessons span { display: block; border-radius: 5px; background: #f5faff; color: #295183; font-size: 7px; font-weight: 700; padding: 5px; }#ts-courses-design .courses-phone__lessons span::first-letter { color: #ff7300; }#ts-courses-design .courses-demo { padding: 35px 0 42px; background: #f1faff; }#ts-courses-design .courses-demo .courses-section-head { margin-bottom: 16px; }#ts-courses-design .courses-tabs { display: flex; gap: 9px; margin-bottom: 20px; }#ts-courses-design .courses-tab { min-width: 145px; padding: 9px 20px; border-radius: 7px; color: #0b388e; background: #fff; border: 1px solid #d9edff; box-shadow: 0 3px 7px rgba(9,48,103,.07); font-weight: 700; font-size: 14px; }#ts-courses-design .courses-tab.is-active { color: #fff; background: #0766ef; box-shadow: 0 3px 10px rgba(0,99,235,.23); }#ts-courses-design .courses-demo__wrap { position: relative; }#ts-courses-design .courses-demo__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 64px) / 5); gap: 16px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 2px 2px 11px; }#ts-courses-design .courses-demo__track::-webkit-scrollbar, #ts-courses-design .courses-reviews__track::-webkit-scrollbar { display: none; }#ts-courses-design .courses-chapter { display: flex; flex-direction: column; position: relative; background: #fff; border-radius: 9px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,45,125,.1); scroll-snap-align: start; min-width: 0; }#ts-courses-design .courses-chapter__art { position: relative; height: 136px; overflow: hidden; background: #cfeeff; }#ts-courses-design .courses-chapter__image { width: 100%; height: 100%; object-fit: cover; }#ts-courses-design .courses-chapter__label { position: absolute; top: 8px; left: 8px; z-index: 1; background: #05ae87; color: #fff; border-radius: 20px; font-size: 11px; font-weight: 700; padding: 4px 9px; }#ts-courses-design .courses-chapter__label--maths { background: #ff6c22; }#ts-courses-design .courses-chapter__label--sst { background: #8b58e7; }#ts-courses-design .courses-chapter__duration { position: absolute; bottom: 8px; right: 7px; z-index: 1; background: #111c31; color: #fff; border-radius: 4px; font-size: 9px; padding: 3px 5px; }#ts-courses-design .courses-chapter__body { display: flex; flex-direction: column; flex: 1; padding: 10px 12px 12px; }#ts-courses-design .courses-chapter h3 { color: #073287; font-size: 14px; font-weight: 850; line-height: 1.13; min-height: 32px; }#ts-courses-design .courses-chapter p { color: #526997; font-size: 10px; margin: 3px 0 9px; }
#ts-courses-design .courses-chapter .courses-chapter__body a { display: inline-block; border-top: 1px solid #edf4fd; width: 100%; margin-top: auto; padding-top: 8px; color: #075ee8; font-size: 11px; font-weight: 700; }#ts-courses-design .courses-carousel-next, #ts-courses-design .courses-slider-arrow { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 50%; color: #0569ec; background: #fff; box-shadow: 0 2px 9px rgba(0,45,115,.15); }#ts-courses-design .courses-carousel-next { position: absolute; right: -14px; top: 39%; z-index: 4; }#ts-courses-design .courses-features { padding: 45px 0 0; overflow: hidden; background: radial-gradient(circle at 0% 80%, #ddf3ff 0 7%, transparent 19%), radial-gradient(circle at 100% 75%, #dff3ff 0 7%, transparent 19%), #fff; }#ts-courses-design .courses-features__layout { display: grid; grid-template-columns: 1fr 270px 1fr; align-items: end; gap: 23px; }#ts-courses-design .courses-features__col { display: grid; gap: 12px; padding-bottom: 23px; }#ts-courses-design .courses-feature { display: flex; align-items: center; min-height: 100px; gap: 16px; padding: 12px 16px; border: 1px solid #e7f3ff; border-radius: 13px; background: #fff; box-shadow: 0 3px 12px rgba(22,81,150,.08); }#ts-courses-design .courses-feature__icon { flex: none; width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; font-size: 33px; font-weight: 900; color: #065ddd; background: #e9f1ff; }#ts-courses-design .courses-feature__icon.icon-orange { color: #fd7700; background: #fff3df; }#ts-courses-design .courses-feature__icon.icon-teal { color: #009eac; background: #ddf8f9; }#ts-courses-design .courses-feature__icon.icon-purple { color: #7127c4; background: #f1e7ff; }#ts-courses-design .courses-feature__icon.icon-gold { color: #e9a300; background: #fff7da; }#ts-courses-design .courses-feature h3 { color: #09348f; font-size: 15px; font-weight: 850; line-height: 1.15; }#ts-courses-design .courses-feature p { color: #526797; font-size: 12px; line-height: 1.38; margin-top: 4px; }#ts-courses-design .courses-features__phone { display: flex; justify-content: center; align-self: stretch; overflow: hidden; max-height: 455px; padding-top: 4px; }#ts-courses-design .courses-phone--large { width: 240px; height: 490px; flex: none; border-width: 10px; border-radius: 35px; transform: rotate(-3deg); padding: 10px; }#ts-courses-design .courses-phone--large .courses-phone__top { font-size: 9px; }#ts-courses-design .courses-phone--large .courses-phone__brand { font-size: 17px; margin: 0 -10px; }#ts-courses-design .courses-phone--large .courses-phone__tabs { font-size: 9px; }#ts-courses-design .courses-phone--large .courses-phone__lesson-art { height: 155px; font-size: 82px; }#ts-courses-design .courses-phone--large .courses-phone__lessons { gap: 9px; }#ts-courses-design .courses-phone--large .courses-phone__lessons span { font-size: 9px; padding: 8px; }#ts-courses-design .courses-quiz { background: radial-gradient(circle at 0% 100%, #137cff 0, transparent 20%), radial-gradient(circle at 100% 100%, #0067d9 0, transparent 22%), linear-gradient(110deg, #052676, #06439a 58%, #002e80); border-radius: 16px; color: #fff; overflow: hidden; }#ts-courses-design .courses-quiz__inner { display: grid; grid-template-columns: 205px 1fr 1.25fr; align-items: center; gap: 17px; min-height: 182px; }#ts-courses-design .courses-quiz img { width: 210px; align-self: end; margin-bottom: -18px; filter: drop-shadow(0 0 16px rgba(255,189,38,.42)); }#ts-courses-design .courses-quiz h2 { color: #ffdb26; font-size: 34px; font-weight: 900; letter-spacing: -.045em; }#ts-courses-design .courses-quiz h3 { color: #fff; font-size: 23px; font-weight: 700; }#ts-courses-design .courses-quiz p { color: #e5f0ff; font-size: 13px; margin-top: 7px; }#ts-courses-design .courses-quiz__right { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; }#ts-courses-design .courses-quiz__benefits { display: flex; gap: 15px; }#ts-courses-design .courses-quiz__benefits span { min-width: 82px; text-align: center; color: #fff; font-size: 10px; line-height: 1.2; }#ts-courses-design .courses-quiz__benefits i { display: grid; place-items: center; margin: 0 auto 5px; width: 39px; height: 39px; border-radius: 50%; background: #fff; color: #0a66e4; font-size: 20px; }#ts-courses-design .courses-quiz__right .courses-button { min-height: 42px; font-size: 12px; }#ts-courses-design .courses-reviews { padding: 48px 0 22px; background: #fff; }#ts-courses-design .courses-reviews .courses-section-head { margin-bottom: 16px; }#ts-courses-design .courses-reviews__wrap { display: flex; align-items: center; gap: 12px; }#ts-courses-design .courses-reviews__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 32px) / 3); gap: 16px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 4px; flex: 1; }#ts-courses-design .courses-review { display: flex; gap: 11px; min-height: 140px; padding: 17px; border-radius: 11px; background: #eef8ff; scroll-snap-align: start; }#ts-courses-design .courses-review img { width: 66px; height: 66px; flex: none; object-fit: cover; border-radius: 50%; }#ts-courses-design .courses-review h3 { color: #0851b3; font-size: 13px; font-weight: 850; }#ts-courses-design .courses-review span { display: block; color: #6880a6; font-size: 11px; }#ts-courses-design .courses-stars { color: #ffb600; letter-spacing: 2px; font-size: 15px; line-height: 1.4; }#ts-courses-design .courses-review p { color: #3b507c; font-size: 11px; line-height: 1.5; }#ts-courses-design .courses-slider-arrow { flex: none; width: 30px; height: 30px; }#ts-courses-design .courses-dots { display: flex; justify-content: center; gap: 5px; margin-top: 15px; }#ts-courses-design .courses-dots span { width: 7px; height: 7px; border-radius: 50%; background: #d1e5ff; }#ts-courses-design .courses-dots span.is-active { background: #076af0; }#ts-courses-design .courses-plans { padding: 24px 0 45px; background: #fff; }#ts-courses-design .courses-plans .courses-section-head { margin-bottom: 18px; }#ts-courses-design .courses-plans__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }#ts-courses-design .courses-plan { position: relative; overflow: hidden; min-height: 417px; padding: 22px 27px 75px; border: 1px solid #b6ddff; border-radius: 13px; background: radial-gradient(circle at 89% 70%, #d7efff, transparent 39%), #f1f9ff; }#ts-courses-design .courses-plan--ten { background: radial-gradient(circle at 91% 73%, #d3ecff, transparent 38%), #f7fbff; }#ts-courses-design .courses-plan__top { display: flex; justify-content: space-between; gap: 12px; }#ts-courses-design .courses-plan h3 { color: #072d83; font-size: 26px; font-weight: 900; letter-spacing: -.04em; }#ts-courses-design .courses-plan__top p { color: #4d6190; font-size: 11px; margin-top: 3px; }
#ts-courses-design .courses-plan__price { display: flex; flex-direction: column; flex: none; min-width: 97px; padding: 7px 10px; border-radius: 9px; background: #fff; color:#ff6814; text-align: right; line-height: 1.04; box-shadow: 0 5px 10px rgba(255,100,0,.19); }#ts-courses-design .courses-plan__price b { font-size: 27px; letter-spacing: -.03em; }#ts-courses-design .courses-plan__price small { font-size: 10px; }#ts-courses-design .courses-plan--ten .courses-plan__price { position: relative; background: #fff; color: #f06416; border: 1px solid #deefff; }#ts-courses-design .courses-plan__price del { color: #a2aab8; font-size: 10px; text-align: left; }#ts-courses-design .courses-plan__price em { position: absolute; right: -4px; top: -9px; padding: 3px 5px; border-radius: 3px; background: #ff7c12; color: #fff; font-size: 9px; font-style: normal; }#ts-courses-design .courses-plan__subjects { display: flex; gap: 12px; margin: 15px 0 6px; }#ts-courses-design .courses-plan__subjects span { display: grid; place-items: center; width: 49px; height: 52px; border-radius: 7px; background: #fff; color: #0d5bd3; font-size: 24px; box-shadow: 0 3px 7px rgba(0,44,120,.06); }#ts-courses-design .courses-plan__subjects small { color: #244779; font-size: 8px; font-weight: 700; }#ts-courses-design .courses-plan ul { position: relative; z-index: 2; display: grid; gap: 7px; max-width: 67%; margin-top: 17px; }#ts-courses-design .courses-plan--nine ul { margin-top: 7px; }#ts-courses-design .courses-plan li { position: relative; padding-left: 22px; color: #315082; font-size: 11px; line-height: 1.3; }#ts-courses-design .courses-plan li::before { content: '✓'; display: grid; place-items: center; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border-radius: 50%; background: #096bf0; color: white; font-size: 10px; font-weight: 900; }#ts-courses-design .courses-plan__student { position: absolute; right: -41px; bottom: 44px; width: 280px; height: 280px; object-fit: contain; object-position: bottom; }#ts-courses-design .courses-plan--ten .courses-plan__student { right: -28px; width: 255px; }#ts-courses-design .courses-plan > .courses-button { position: absolute; z-index: 3; bottom: 18px; left: 27px; right: 27px; }#ts-courses-design .courses-faq { padding: 15px 0 48px; background: #fff; }#ts-courses-design .courses-faq .courses-section-head { margin-bottom: 13px; }#ts-courses-design .courses-faq .courses-section-head h2 { font-size: 24px; }#ts-courses-design .courses-faq__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }#ts-courses-design .courses-faq details { border: 1px solid #e9eef5; border-radius: 7px; background: #fff; box-shadow: 0 2px 5px rgba(0,44,100,.04); }#ts-courses-design .courses-faq summary { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; list-style: none; cursor: pointer; color: #314f83; font-size: 12px; font-weight: 700; }#ts-courses-design .courses-faq summary::-webkit-details-marker { display: none; }#ts-courses-design .courses-faq summary::after { content: '+'; color: #0e3486; font-size: 18px; line-height: 1; margin-left: 9px; }#ts-courses-design .courses-faq details[open] summary::after { content: '−'; }#ts-courses-design .courses-faq details p { padding: 0 15px 12px; color: #526891; font-size: 12px; line-height: 1.5; }#ts-courses-design .courses-final { overflow: hidden; background: radial-gradient(circle at 5% 50%, #7ccaff, transparent 26%), radial-gradient(circle at 95% 50%, #7ccaff, transparent 26%), linear-gradient(90deg, #d3efff, #eaf8ff 48%, #cdeaff); border-radius: 16px; margin: 0 0 35px; }#ts-courses-design .courses-final__inner { display: grid; grid-template-columns: 180px 1fr 180px; align-items: center; min-height: 190px; text-align: center; }#ts-courses-design .courses-final h2 { color: #052d9b; font-size: 30px; font-weight: 900; letter-spacing: -.04em; }#ts-courses-design .courses-final p { color: #2656a1; font-size: 14px; margin: 4px 0 16px; }#ts-courses-design .courses-final__actions { display: flex; justify-content: center; gap: 18px; }#ts-courses-design .courses-final__actions .courses-button { min-width: 220px; }#ts-courses-design .courses-final__books, #ts-courses-design .courses-final__rocket { font-size: 100px; line-height: 1; filter: drop-shadow(0 8px 5px rgba(17,87,162,.14)); }#ts-courses-design .courses-final__rocket { transform: rotate(-18deg); }@media (max-width: 1100px) {#ts-courses-design .courses-hero__grid { grid-template-columns: 1fr; }#ts-courses-design .courses-hero__copy { padding: 38px 0 0; }#ts-courses-design .courses-hero__copy > p { max-width: 600px; }#ts-courses-design .courses-hero__art { min-height: 380px; }#ts-courses-design .courses-hero__proof { gap: 12px; }#ts-courses-design .courses-features__layout { grid-template-columns: 1fr 235px 1fr; gap: 12px; }#ts-courses-design .courses-feature { gap: 9px; padding: 10px; }#ts-courses-design .courses-feature__icon { width: 49px; height: 49px; font-size: 25px; }#ts-courses-design .courses-quiz__inner { grid-template-columns: 155px 1fr 1.15fr; }#ts-courses-design .courses-quiz img { width: 165px; }#ts-courses-design .courses-quiz__benefits { gap: 6px; }#ts-courses-design .courses-quiz__benefits span { min-width: 65px; }
}
@media (max-width: 800px) {
	#ts-courses-design .unused-source-chrome { display: none; }#ts-courses-design .unused-source-chrome { display: flex; }#ts-courses-design .courses-shell { width: min(100% - 32px, 700px); }#ts-courses-design .courses-demo__track { grid-auto-columns: calc((100% - 32px) / 3); }#ts-courses-design .courses-features__layout { grid-template-columns: 1fr 1fr; gap: 12px; }#ts-courses-design .courses-features__phone { grid-column: 1 / -1; grid-row: 1; max-height: 325px; }#ts-courses-design .courses-phone--large { transform: rotate(-3deg) scale(.8); transform-origin: top center; }#ts-courses-design .courses-quiz__inner { grid-template-columns: 120px 1fr; padding: 20px 0; }#ts-courses-design .courses-quiz img { width: 135px; grid-row: span 2; align-self: center; margin: 0; }#ts-courses-design .courses-quiz__right { grid-column: 2; align-items: flex-start; }#ts-courses-design .courses-reviews__track { grid-auto-columns: calc((100% - 16px) / 2); }#ts-courses-design .courses-plan { padding-inline: 17px; min-height: 440px; }#ts-courses-design .courses-plan h3 { font-size: 21px; }#ts-courses-design .courses-plan__student { right: -70px; width: 250px; }#ts-courses-design .courses-plan--ten .courses-plan__student { right: -80px; }#ts-courses-design .courses-plan ul { max-width: 80%; }#ts-courses-design .courses-plan > .courses-button { left: 17px; right: 17px; }#ts-courses-design .courses-final__inner { grid-template-columns: 100px 1fr 100px; }#ts-courses-design .courses-final__books, #ts-courses-design .courses-final__rocket { font-size: 68px; }#ts-courses-design .courses-final__actions .courses-button { min-width: 0; }
}
@media (max-width: 600px) {
	#ts-courses-design .unused-source-chrome { min-height: 62px; }#ts-courses-design .unused-source-chrome { height: 36px; }#ts-courses-design .unused-source-chrome { font-size: 10px; }#ts-courses-design .courses-section-head--left { align-items: flex-start; }#ts-courses-design .courses-section-head h2 { font-size: 25px; }#ts-courses-design .courses-section-head p { font-size: 12px; }#ts-courses-design .courses-hero h1 { font-size: clamp(36px, 9vw, 49px); }#ts-courses-design .courses-hero__copy > p { font-size: 14px; }#ts-courses-design .courses-hero__proof { flex-wrap: wrap; margin: 20px 0; }#ts-courses-design .courses-hero__proof span { font-size: 10px; }#ts-courses-design .courses-hero__proof i { font-size: 18px; }#ts-courses-design .courses-hero__actions { flex-wrap: wrap; }#ts-courses-design .courses-hero__actions .courses-button { min-width: 170px; font-size: 11px; padding: 8px 11px; min-height: 42px; }#ts-courses-design .courses-hero__art { min-height: 330px; }#ts-courses-design .courses-demo { padding: 30px 0; }#ts-courses-design .courses-demo .courses-section-head--left { display: block; }#ts-courses-design .courses-demo .courses-text-link { display: inline-block; margin-top: 9px; }#ts-courses-design .courses-tab { min-width: 110px; font-size: 12px; }#ts-courses-design .courses-demo__track { grid-auto-columns: minmax(178px, 61%); }#ts-courses-design .courses-chapter__art { height: 118px; }
	#ts-courses-design .courses-features { padding-top: 35px; }#ts-courses-design .courses-features__layout { display: flex; flex-direction: column; gap: 10px; align-items: stretch; }#ts-courses-design .courses-features__phone { order: 2; max-height: 285px; }#ts-courses-design .courses-features__col { padding: 0; gap: 10px; }#ts-courses-design .courses-features__col:last-child { order: 3; padding-bottom: 25px; }#ts-courses-design .courses-feature { min-height: 75px; }#ts-courses-design .courses-feature h3 { font-size: 13px; }#ts-courses-design .courses-feature p { font-size: 11px; }#ts-courses-design .courses-quiz { border-radius: 0; }#ts-courses-design .courses-quiz__inner { grid-template-columns: 100px 1fr; gap: 10px; }#ts-courses-design .courses-quiz img { width: 110px; }#ts-courses-design .courses-quiz h2 { font-size: 23px; }#ts-courses-design .courses-quiz h3 { font-size: 16px; }#ts-courses-design .courses-quiz p { font-size: 10px; }#ts-courses-design .courses-quiz__right { grid-column: 1 / -1; align-items: center; }#ts-courses-design .courses-quiz__benefits { width: 100%; justify-content: space-around; }#ts-courses-design .courses-quiz__benefits span { font-size: 9px; }#ts-courses-design .courses-reviews { padding: 38px 0 20px; }#ts-courses-design .courses-reviews__track { grid-auto-columns: 100%; }#ts-courses-design .courses-plans__grid { grid-template-columns: 1fr; }#ts-courses-design .courses-plan { min-height: 470px; }#ts-courses-design .courses-plan__student { right: -25px; }#ts-courses-design .courses-plan--ten .courses-plan__student { right: -8px; bottom: 63px; width: 170px; height: 170px; }#ts-courses-design .courses-faq__grid { grid-template-columns: 1fr; }#ts-courses-design .courses-faq .courses-section-head--left { display: block; }#ts-courses-design .courses-faq .courses-button { margin-top: 10px; }#ts-courses-design .courses-final__inner { display: block; min-height: 0; padding: 30px 0 35px; }#ts-courses-design .courses-final h2 { font-size: 24px; }#ts-courses-design .courses-final p { font-size: 12px; }#ts-courses-design .courses-final__books, #ts-courses-design .courses-final__rocket { display: none; }#ts-courses-design .courses-final__actions { flex-wrap: wrap; gap: 9px; }#ts-courses-design .courses-final__actions .courses-button { flex: 1 1 160px; font-size: 11px; padding: 9px; min-height: 42px; }
}
@media (min-width: 1101px) {
	#ts-courses-design .courses-hero {
    min-height: 0;
    height: calc(100vw * 692 / 1920);
    background: #0752c5 url('../images/hero-back.jpg') center right / 100% 100% no-repeat;
  }
  #ts-courses-design .courses-hero__grid {
    display: block;
    width: 86%;
    max-width: none;
    min-height: 0;
    height: 100%;
  }#ts-courses-design .courses-hero__copy {
    width: 47vw;
    padding: 2.6vw 0 0;
  }#ts-courses-design .courses-hero__art { display: none; }#ts-courses-design .courses-pill {
    gap: .55vw;
    padding: .48vw 1.1vw;
    font-size: 1.02vw;
    background: #0969d2;
  }#ts-courses-design .courses-pill__dot { width: .6vw; height: .6vw; }#ts-courses-design .courses-hero h1 {
    margin: .72vw 0 .95vw;
    font-size: 4.48vw;
    line-height: .99;
    letter-spacing: -.048em;
  }#ts-courses-design .courses-hero h1 span {
    color: transparent;
    background: linear-gradient(180deg, #fff0aa 4%, #ffd64e 45%, #ffad08 100%);
    -webkit-background-clip: text;
    background-clip: text;
  }#ts-courses-design .courses-hero__copy > p {
    max-width: none;
    width: 42.3vw;
    color: #f2f6ff;
    font-size: 1.43vw;
    line-height: 1.32;
  }#ts-courses-design .courses-hero__proof {
    gap: 2.25vw;
    margin: 2.9vw 0 2.4vw;
  }#ts-courses-design .courses-hero__proof span {
    gap: .75vw;
    color: #fff;
    font-size: 1.04vw;
    line-height: 1.15;
    white-space: nowrap;
  }#ts-courses-design .courses-hero__proof i { color: #eaf5ff; font-size: 2.15vw; }#ts-courses-design .courses-hero__actions { gap: 1.05vw; }#ts-courses-design .courses-hero__actions .courses-button {
    min-width: 19.6vw;
    min-height: 4.05vw;
    padding: .8vw 1.2vw;
    border-radius: .65vw;
    font-size: 1.25vw;
  }#ts-courses-design .courses-hero__actions .courses-button--outline { min-width: 20.6vw; background: rgba(0, 78, 203, .19); }
}#ts-courses-design .unused-source-chrome { opacity: 0; pointer-events: none; transform: translateY(12px); }#ts-courses-design .unused-source-chrome { opacity: 1; pointer-events: auto; transform: translateY(0); }@media (max-width: 1100px) {#ts-courses-design .courses-hero__art {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background: url('../images/hero-back.jpg') right bottom / auto 100% no-repeat;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 16%);
    mask-image: linear-gradient(to bottom, transparent, #000 16%);
  }
}@media (max-width: 600px) {#ts-courses-design .courses-hero__art { background-position: 93% bottom; }
}@media (min-width: 1101px) {#ts-courses-design .courses-demo {
    padding: 3.25vw 0 2.55vw;
    background: #f1faff;
  }#ts-courses-design .courses-demo .courses-shell {
    width: 89.5%;
    max-width: none;
    margin-left: 5.25%;
    margin-right: auto;
  }#ts-courses-design .courses-demo .courses-section-head { align-items: flex-start; margin-bottom: 1.3vw; }#ts-courses-design .courses-demo .courses-section-head h2 { font-size: 2.72vw; line-height: 1.15; letter-spacing: -.045em; }#ts-courses-design .courses-demo .courses-section-head p { margin-top: .32vw; font-size: 1.37vw; line-height: 1.2; color: #153585; }#ts-courses-design .courses-demo .courses-text-link { margin-top: 1vw; font-size: 1.15vw; color: #0057dc; }#ts-courses-design .courses-demo .courses-spark {
    width: 2.4vw;
    height: 2.1vw;
    vertical-align: middle;
    margin-left: .3vw;
    font-size: 0;
    background: linear-gradient(#ffaf00,#ffaf00) 15% 10% / .18vw 1.1vw no-repeat,
                linear-gradient(#ffaf00,#ffaf00) 55% 25% / .18vw 1.1vw no-repeat,
                linear-gradient(#ffaf00,#ffaf00) 70% 83% / 1.1vw .18vw no-repeat;
    transform: rotate(27deg);
  }#ts-courses-design .courses-demo .courses-tabs { gap: .7vw; margin-bottom: 1.75vw; }#ts-courses-design .courses-demo .courses-tab {
    width: 12.2vw;
    min-width: 0;
    min-height: 4.1vw;
    padding: .5vw 1vw;
    border-radius: .7vw;
    border: 0;
    font-size: 1.32vw;
    box-shadow: 0 .3vw 1vw rgba(22,89,167,.08);
  }#ts-courses-design .courses-demo .courses-tab.is-active { background: linear-gradient(#0056d7,#086dff); box-shadow: 0 .4vw .9vw rgba(0,100,235,.17); }#ts-courses-design .courses-demo__track {
    grid-auto-columns: calc((100% - 5.2vw) / 5);
    gap: 1.3vw;
    padding: 0 0 .2vw;
  }#ts-courses-design .courses-demo .courses-chapter { height: 20.05vw; border-radius: .8vw; box-shadow: 0 .35vw 1.35vw rgba(45,98,162,.11); }#ts-courses-design .courses-demo .courses-chapter__art { height: 10.35vw; margin-top: .65vw; flex: none; }#ts-courses-design .courses-demo .courses-chapter__label {
    top: .65vw;
    left: .38vw;
    padding: .25vw 1vw;
    border-radius: 2vw;
    font-size: 1.18vw;
    line-height: 1.2;
  }#ts-courses-design .courses-demo .courses-chapter__duration {
    right: .35vw;
    bottom: .3vw;
    padding: .2vw .45vw;
    border-radius: .6vw;
    background: #05070d;
    font-size: 1.07vw;
    font-weight: 700;
  }#ts-courses-design .courses-demo .courses-chapter__body { padding: 1.25vw 1.03vw 1.16vw; }#ts-courses-design .courses-demo .courses-chapter h3 { min-height: 0; font-size: 1.1vw; line-height: 1.04; letter-spacing: -.035em; }#ts-courses-design .courses-demo .courses-chapter p { margin: .33vw 0 0; color: #3e5594; font-size: 1.07vw; line-height: 1.15; }
  #ts-courses-design .courses-demo .courses-chapter .courses-chapter__body a { padding-top: .8vw; border-color: #e9f1f9; font-size: 1.12vw; line-height: 1.1; }#ts-courses-design .courses-demo .courses-chapter--sst h3 { font-size: 1.13vw; line-height: .98; }#ts-courses-design .courses-demo .courses-chapter--sst p { margin-top: .15vw; font-size: 1.02vw; }#ts-courses-design .courses-demo .courses-chapter--sst a { padding-top: .65vw; }#ts-courses-design .courses-demo .courses-carousel-next {
    width: 4vw;
    height: 4vw;
    top: 7.3vw;
    right: -2.6vw;
    font-size: 1.5vw;
    box-shadow: 0 .25vw .9vw rgba(50,110,183,.2);
  }
}#ts-courses-design .courses-features {
  position: relative;
  isolation: isolate;
  background: radial-gradient(ellipse at 50% 103%, #e8f7ff 0, #f3faff 27%, transparent 62%), #fff;
}
#ts-courses-design .courses-features::before, #ts-courses-design .courses-features::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 22%;
  height: 44%;
  bottom: -12%;
  opacity: .9;
  background: radial-gradient(circle at 10% 35%, #d8efff 0 15%, transparent 15.5%),
              radial-gradient(circle at 30% 57%, #cfeaff 0 20%, transparent 20.5%),
              radial-gradient(circle at 4% 81%, #d8efff 0 24%, transparent 24.5%),
              radial-gradient(circle at 53% 88%, #e5f5ff 0 23%, transparent 23.5%);
}#ts-courses-design .courses-features::before { left: -4%; }#ts-courses-design .courses-features::after { right: -5%; transform: scaleX(-1); }#ts-courses-design .courses-features__phone { position: relative; overflow: hidden; padding: 0; border-radius: 18% 18% 0 0 / 8% 8% 0 0; }#ts-courses-design .courses-features__phone-image { position: absolute; display: block; max-width: none; height: auto; }#ts-courses-design .courses-features__phone-tabs { display: none; }#ts-courses-design .courses-features__star { position: absolute; z-index: 1; pointer-events: none; font-family: Georgia, serif; line-height: 1; }#ts-courses-design .courses-features__star--left { top: 27%; left: 1.7%; color: #f8a800; font-size: 5.3vw; transform: rotate(-15deg); }#ts-courses-design .courses-features__star--left-low { bottom: 13%; left: 3.4%; color: #006eff; font-size: 2.5vw; }#ts-courses-design .courses-features__star--right { top: 31%; right: 1.8%; color: #f8a800; font-size: 5.3vw; transform: rotate(15deg); }#ts-courses-design .courses-features__star--right-low { bottom: 17%; right: 2.3%; color: #1782fa; font-size: 2.3vw; }#ts-courses-design .courses-feature__icon i { line-height: 1; }#ts-courses-design .courses-feature__icon.icon-blue { background: #e0f2ff; color: #1251f1; }#ts-courses-design .courses-feature__icon.icon-blue .fa-play { display: grid; place-items: center; width: 58%; height: 58%; border: 3px solid #1e25d9; border-radius: 5px; font-size: .5em; }#ts-courses-design .courses-feature__icon.icon-orange { background: #fff1d9; color: #f36500; }#ts-courses-design .courses-feature__icon.icon-teal { background: #def8fa; color: #02a8bd; }#ts-courses-design .courses-feature__icon.icon-purple { background: #f0e7ff; color: #8420d4; }#ts-courses-design .courses-feature__icon.icon-gold { background: #fff3de; color: #e39a00; }@media (min-width: 1101px) {#ts-courses-design .courses-features { height: 51.5vw; padding: 1.75vw 0 0; }#ts-courses-design .courses-features .courses-shell { width: 87.5%; max-width: none; }#ts-courses-design .courses-features .courses-section-head { margin-bottom: 2.55vw; }#ts-courses-design .courses-features .courses-section-head h2 { font-size: 3.02vw; line-height: 1.16; letter-spacing: -.045em; white-space: nowrap; }#ts-courses-design .courses-features .courses-section-head p { margin-top: .72vw; color: #0e317f; font-size: 1.38vw; line-height: 1.25; }#ts-courses-design .courses-features .courses-spark { position: relative; width: 2.55vw; height: 2.7vw; margin: 0 1.2vw; vertical-align: middle; font-size: 0; transform: none; }#ts-courses-design .courses-features .courses-spark::before { content: ""; position: absolute; inset: 0; background: linear-gradient(#ffad00,#ffad00) 20% 0 / .17vw 1.05vw no-repeat, linear-gradient(#ffad00,#ffad00) 72% 22% / .17vw .9vw no-repeat, linear-gradient(#ffad00,#ffad00) 12% 75% / .9vw .17vw no-repeat; transform: rotate(-27deg); }#ts-courses-design .courses-features .courses-spark:first-child { transform: scaleX(-1); }#ts-courses-design .courses-features__layout { grid-template-columns: minmax(0,1fr) 25.5% minmax(0,1fr); align-items: start; gap: 2.5vw; }#ts-courses-design .courses-features__col { gap: .9vw; padding: 0; }#ts-courses-design .courses-feature { min-height: 9.05vw; gap: 1.25vw; padding: .9vw 1.45vw .9vw 2.55vw; border-color: #d5ebff; border-radius: 1.15vw; box-shadow: 0 .4vw 1.05vw rgba(35,105,176,.09); }#ts-courses-design .courses-feature__icon { width: 7vw; height: 7vw; font-size: 4.1vw; }#ts-courses-design .courses-feature__icon.icon-blue .fa-play { border-width: .19vw; border-radius: .35vw; }#ts-courses-design .courses-feature h3 { color: #062b99; font-family: 'Roboto Condensed', 'Plus Jakarta Sans', sans-serif; font-size: 1.72vw; line-height: 1.08; letter-spacing: -.03em; font-weight: 700; }#ts-courses-design .courses-feature p { margin-top: .75vw; color: #183b7f; font-size: 1.36vw; line-height: 1.27; }#ts-courses-design .courses-features__col:last-child .courses-feature:nth-child(3) h3 { line-height: 1; }#ts-courses-design .courses-features__col:last-child .courses-feature:nth-child(3) p { margin-top: .25vw; line-height: 1.18; }#ts-courses-design .courses-features__phone { display: block; width: 100%; height: 41.9vw; max-height: none; align-self: start; transform: translateY(-.35vw); }#ts-courses-design .courses-features__phone-image { width: 131.8vw; left: -92.35vw; top: -3vw; }#ts-courses-design .courses-features__phone-tabs { position: absolute; top: 6.3vw; left: 1.4vw; display: flex; align-items: center; justify-content: space-around; width: 19.1vw; height: 4.05vw; padding-top: .15vw; border-radius: .75vw .75vw 0 0; background: #fff; color: #082b85; font-size: 1.01vw; font-weight: 700; }#ts-courses-design .courses-features__phone-tabs span { align-self: stretch; display: grid; place-items: center; position: relative; }#ts-courses-design .courses-features__phone-tabs .is-active { color: #064bea; }#ts-courses-design .courses-features__phone-tabs .is-active::after { content: ""; position: absolute; bottom: .43vw; left: 12%; right: 12%; height: .17vw; border-radius: 1vw; background: #ffab00; }
}@media (min-width: 801px) and (max-width: 1100px) {#ts-courses-design .courses-features { padding: 35px 0 12px; }#ts-courses-design .courses-features .courses-shell { width: calc(100% - 48px); max-width: none; }#ts-courses-design .courses-features .courses-section-head h2 { font-size: clamp(25px, 2.65vw, 32px); }#ts-courses-design .courses-features .courses-section-head p { font-size: 16px; }#ts-courses-design .courses-features__layout { grid-template-columns: minmax(0,1fr) 22% minmax(0,1fr); align-items: start; gap: 14px; }#ts-courses-design .courses-features__col { gap: 12px; padding: 0; }#ts-courses-design .courses-feature { min-height: 120px; gap: 10px; padding: 12px; }#ts-courses-design .courses-feature__icon { width: 64px; height: 64px; font-size: 35px; }#ts-courses-design .courses-feature h3 { font-size: 16px; }#ts-courses-design .courses-feature p { font-size: 13px; }#ts-courses-design .courses-features__phone { display: block; width: 100%; height: 520px; max-height: none; align-self: start; }#ts-courses-design .courses-features__phone-image { width: 586%; left: -411%; top: -13.4%; }
}@media (max-width: 800px) {#ts-courses-design .courses-features { padding-bottom: 32px; }#ts-courses-design .courses-features__phone { display: block; width: 240px; height: 330px; justify-self: center; max-height: none; }#ts-courses-design .courses-features__phone-image { width: 1406px; left: -985px; top: -32px; }#ts-courses-design .courses-feature__icon { font-size: 29px; }
}@media (max-width: 600px) {#ts-courses-design .courses-features__phone { width: 220px; height: 350px; margin-inline: auto; order: 2; }#ts-courses-design .courses-features__phone-image { width: 1289px; left: -903px; top: -29px; }#ts-courses-design .courses-feature { gap: 14px; padding: 12px 15px; }#ts-courses-design .courses-feature__icon { width: 58px; height: 58px; font-size: 31px; }#ts-courses-design .courses-feature h3 { font-size: 15px; }#ts-courses-design .courses-feature p { font-size: 12px; }
}#ts-courses-design .courses-quiz { position: relative; isolation: isolate; }#ts-courses-design .courses-quiz__art { min-width: 0; }#ts-courses-design .courses-quiz__benefits strong { display: block; color: inherit; font-weight: 500; }@media (min-width: 801px) {#ts-courses-design .courses-quiz { height: 17.45vw; min-height: 0; border-radius:0; background: radial-gradient(ellipse at 47% 112%, #005aee 0, #06459d 25%, transparent 57%), linear-gradient(180deg, #003087, #0049a8); }#ts-courses-design .courses-quiz::after { content: ""; position: absolute; z-index: 2; pointer-events: none; right: -.4vw; bottom: -1.4vw; width: 8vw; height: 4.5vw; background: radial-gradient(circle at 10% 95%, #fff 0 27%, transparent 27.5%), radial-gradient(circle at 46% 65%, #fff 0 26%, transparent 26.5%), radial-gradient(circle at 82% 80%, #fff 0 30%, transparent 30.5%); }#ts-courses-design .courses-quiz__inner { width: 100%; max-width: none; height: 100%; min-height: 0; display: grid; grid-template-columns: 23.9% 33% 43.1%; gap: 0; align-items: stretch; }#ts-courses-design .courses-quiz__art { background: url('../images/courses-quiz-reference.png') left top / 100vw auto no-repeat; -webkit-mask-image: linear-gradient(to right, #000 0 90%, transparent 100%); mask-image: linear-gradient(to right, #000 0 90%, transparent 100%); }#ts-courses-design .courses-quiz__copy { min-width: 0; padding: 2.45vw .5vw 0 0; }#ts-courses-design .courses-quiz h2 { color: #ffd54e; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 4vw; font-weight: 900; line-height: 1.14; letter-spacing: -.06em; white-space: nowrap; background: linear-gradient(180deg, #fff199, #ffcf3a 80%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }#ts-courses-design .courses-quiz h3 { margin-top: .47vw; color: #fff; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 2.22vw; font-weight: 700; line-height: 1.18; letter-spacing: -.035em; white-space: nowrap; }#ts-courses-design .courses-quiz p { margin-top: 1.35vw; color: #e8f1ff; font-size: 1.35vw; line-height: 1.2; white-space: nowrap; }#ts-courses-design .courses-quiz__right { position: relative; height: 100%; display: flex; flex-direction: column; align-items: flex-end; gap: 0; }#ts-courses-design .courses-quiz__right::before { content: ""; position: absolute; left: 0; top: 2.75vw; bottom: 0; width: 1px; background: linear-gradient(#094baf, #0d85f5); }#ts-courses-design .courses-quiz__benefits { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); width: 38.7vw; gap: 0; margin: 2.35vw 4.3vw 0 0; }#ts-courses-design .courses-quiz__benefits span { display: flex; flex-direction: column; align-items: center; min-width: 0; color: #fff; font-size: 1.3vw; line-height: 1.2; text-align: center; white-space: nowrap; }#ts-courses-design .courses-quiz__benefits i { display: grid; place-items: center; width: 4.35vw; height: 4.35vw; margin: 0 0 .7vw; border-radius: 50%; background: #fff; color: #0065e9; font-size: 2.25vw; box-shadow: 0 .12vw .25vw rgba(0,14,50,.16); }#ts-courses-design .courses-quiz__benefits span:nth-child(3) i { color: #fa1840; }#ts-courses-design .courses-quiz__benefits span:nth-child(4) i { color: #08237e; }#ts-courses-design .courses-quiz__right .courses-button { width: 20.3vw; min-height: 4vw; margin: .98vw 3.4vw 0 0; padding: .65vw 1vw; border-radius: .8vw; background: linear-gradient(100deg, #ff6500, #ff9300); color: #fff; font-size: 1.35vw; font-weight: 700; box-shadow: 0 .3vw .8vw rgba(255,102,0,.3); }#ts-courses-design .courses-quiz__right .courses-button i { font-size: 1.28vw; }
}@media (max-width: 800px) {#ts-courses-design .courses-quiz { min-height: 0; padding: 25px 0 30px; border-radius: 20px 20px 0 0; }#ts-courses-design .courses-quiz__inner { width: min(700px, calc(100% - 32px)); min-height: 0; display: grid; grid-template-columns: 135px minmax(0,1fr); align-items: center; gap: 15px; padding: 0; }#ts-courses-design .courses-quiz__art { grid-row: 1; width: 135px; height: 145px; background: url('../images/courses-quiz-trophy.png') center / contain no-repeat; }#ts-courses-design .courses-quiz__copy { min-width: 0; }#ts-courses-design .courses-quiz h2 { font-size: clamp(25px, 4vw, 35px); line-height: 1.08; }#ts-courses-design .courses-quiz h3 { margin-top: 6px; font-size: clamp(18px, 2.8vw, 24px); line-height: 1.15; }#ts-courses-design .courses-quiz p { margin-top: 10px; font-size: clamp(12px, 1.8vw, 16px); line-height: 1.35; }#ts-courses-design .courses-quiz__right { grid-column: 1 / -1; width: 100%; align-items: center; gap: 18px; }#ts-courses-design .courses-quiz__benefits { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); width: 100%; gap: 8px; }#ts-courses-design .courses-quiz__benefits span { min-width: 0; color: #fff; font-size: 12px; line-height: 1.2; }#ts-courses-design .courses-quiz__benefits i { width: 48px; height: 48px; margin-bottom: 8px; font-size: 24px; }#ts-courses-design .courses-quiz__benefits span:nth-child(3) i { color: #fa1840; }#ts-courses-design .courses-quiz__benefits span:nth-child(4) i { color: #08237e; }#ts-courses-design .courses-quiz__right .courses-button { min-height: 48px; padding: 10px 22px; font-size: 14px; background: linear-gradient(100deg, #ff6500, #ff9300); }
}@media (max-width: 600px) {#ts-courses-design .courses-quiz__inner { grid-template-columns: 105px minmax(0,1fr); gap: 10px; }#ts-courses-design .courses-quiz__art { width: 105px; height: 115px; }#ts-courses-design .courses-quiz h2 { font-size: clamp(22px, 6vw, 28px); }#ts-courses-design .courses-quiz h3 { font-size: 17px; }#ts-courses-design .courses-quiz p { font-size: 11px; }#ts-courses-design .courses-quiz__benefits { gap: 3px; }#ts-courses-design .courses-quiz__benefits span { font-size: 9px; }#ts-courses-design .courses-quiz__benefits i { width: 40px; height: 40px; font-size: 20px; }#ts-courses-design .courses-quiz__right .courses-button { width: 100%; }
}#ts-courses-design .courses-reviews { background: #fff; }#ts-courses-design .courses-review > div { min-width: 0; }#ts-courses-design .courses-review img { object-position: center; }#ts-courses-design .courses-review__avatar { display: block; flex: none; border-radius: 50%; background-color: #dcefff; background-repeat: no-repeat; }#ts-courses-design .courses-review__avatar--aarav, #ts-courses-design .courses-review__avatar--kunal { background-image: url('../images/courses-review-boy.png'); background-position: center; background-size: cover; }#ts-courses-design .courses-review__avatar--riya { background-image: url('../images/courses-review-girl.png'); background-position: center; background-size: cover; }@media (min-width: 1101px) {#ts-courses-design .courses-reviews { height: 28.45vw; padding: 2.2vw 0 0; }#ts-courses-design .courses-reviews .courses-shell { width: 93.6%; max-width: none; }#ts-courses-design .courses-reviews .courses-section-head { margin-bottom: 1.2vw; }#ts-courses-design .courses-reviews .courses-section-head h2 { font-size: 3.08vw; line-height: 1.1; letter-spacing: -.045em; }#ts-courses-design .courses-reviews .courses-section-head p { margin-top: .68vw; color: #102d79; font-size: 1.47vw; line-height: 1.2; }#ts-courses-design .courses-reviews .courses-spark { position: relative; width: 2.55vw; height: 2.45vw; margin: 0 .8vw; vertical-align: middle; font-size: 0; transform: none; }#ts-courses-design .courses-reviews .courses-spark::before { content: ""; position: absolute; inset: 0; background: linear-gradient(#ffab00,#ffab00) 15% 15% / .17vw 1.15vw no-repeat, linear-gradient(#ffab00,#ffab00) 73% 13% / .17vw .85vw no-repeat, linear-gradient(#ffab00,#ffab00) 56% 81% / 1vw .17vw no-repeat; transform: rotate(-30deg); }#ts-courses-design .courses-reviews .courses-spark:first-child { transform: scaleX(-1); }#ts-courses-design .courses-reviews__wrap { position: relative; display: block; }#ts-courses-design .courses-reviews__track { width: 100%; flex: none; grid-template-columns: 33.25% 31.45% 32.6% 32.6%; grid-auto-columns: auto; gap: 1.25vw; padding: 0 0 .4vw; }#ts-courses-design .courses-review { height: 14.4vw; min-height: 0; display: grid; grid-template-columns: 7.05vw minmax(0,1fr); align-items: start; gap: 1.6vw; padding: 1.1vw 1.4vw; border: 1px solid #d8ebff; border-radius: 1.3vw; background: linear-gradient(135deg, #f4faff, #eff8ff); box-shadow: 0 .3vw .75vw rgba(35,100,168,.12); }#ts-courses-design .courses-review img, #ts-courses-design .courses-review__avatar { width: 7.05vw; height: 7.05vw; }#ts-courses-design .courses-review__avatar { background-image: url('../images/courses-reviews-reference.png'); background-size: 100vw auto; }#ts-courses-design .courses-review__avatar--aarav { background-position: -4.64vw -13.47vw; }#ts-courses-design .courses-review__avatar--riya { background-position: -37.13vw -13.47vw; }#ts-courses-design .courses-review__avatar--kunal { background-position: -67.75vw -13.47vw; }#ts-courses-design .courses-review:nth-child(2) { grid-template-columns: 7.35vw minmax(0,1fr); }#ts-courses-design .courses-review:nth-child(2) img, #ts-courses-design .courses-review:nth-child(2) .courses-review__avatar { width: 7.35vw; height: 7.35vw; }#ts-courses-design .courses-review h3 { color: #05369e; font-size: 1.62vw; line-height: 1.08; font-weight: 850; letter-spacing: -.045em; }#ts-courses-design .courses-review span { color: #092965; font-size: 1.36vw; line-height: 1.22; }#ts-courses-design .courses-stars { margin-top: .3vw; color: #ffb500; font-size: 1.95vw; line-height: 1.04; letter-spacing: .06em; text-shadow: 0 .06vw .1vw rgba(177,92,0,.2); white-space: nowrap; }#ts-courses-design .courses-review p { margin-top: .78vw; color: #08235e; font-size: 1.12vw; line-height: 1.7; letter-spacing: -.02em; }#ts-courses-design .courses-review:first-child p { font-size: 1.06vw; }#ts-courses-design .courses-review:nth-child(2) p { max-width: 17vw; }#ts-courses-design .courses-reviews .courses-slider-arrow { position: absolute; z-index: 3; top: 5.15vw; width: 3.45vw; height: 3.45vw; border: 1px solid #e5f1ff; color: #0951d7; font-size: 1.55vw; box-shadow: 0 .25vw .75vw rgba(31,96,177,.16); }#ts-courses-design .courses-reviews .courses-slider-arrow:first-child { left: -2.25vw; }#ts-courses-design .courses-reviews .courses-slider-arrow:last-child { right: -2.25vw; }#ts-courses-design .courses-reviews .courses-dots { gap: .85vw; margin-top: .85vw; }#ts-courses-design .courses-reviews .courses-dots span { width: 1.05vw; height: 1.05vw; background: #d8e8fc; }#ts-courses-design .courses-reviews .courses-dots span:nth-child(2) { background: #6c98ed; }#ts-courses-design .courses-reviews .courses-dots span.is-active { background: #0645ce; }
}@media (min-width: 601px) and (max-width: 1100px) {#ts-courses-design .courses-reviews { padding: 38px 0 30px; }#ts-courses-design .courses-reviews .courses-shell { width: calc(100% - 48px); max-width: none; }#ts-courses-design .courses-reviews .courses-section-head h2 { font-size: clamp(30px, 3.4vw, 40px); }#ts-courses-design .courses-reviews .courses-section-head p { font-size: 16px; }#ts-courses-design .courses-reviews__wrap { position: relative; display: block; }#ts-courses-design .courses-reviews__track { grid-auto-columns: calc((100% - 18px) / 2); gap: 18px; padding: 0 0 8px; }#ts-courses-design .courses-review { display: grid; grid-template-columns: 94px minmax(0,1fr); gap: 18px; min-height: 205px; padding: 18px; border: 1px solid #d8ebff; border-radius: 18px; background: #f1f9ff; box-shadow: 0 5px 15px rgba(35,100,168,.1); }#ts-courses-design .courses-review img, #ts-courses-design .courses-review__avatar { width: 94px; height: 94px; }#ts-courses-design .courses-review h3 { font-size: 22px; }#ts-courses-design .courses-review span { font-size: 17px; color: #092965; }#ts-courses-design .courses-stars { color: #ffb500; font-size: 23px; line-height: 1.2; }#ts-courses-design .courses-review p { margin-top: 10px; color: #08235e; font-size: 15px; line-height: 1.5; }#ts-courses-design .courses-reviews .courses-slider-arrow { position: absolute; z-index: 3; top: 80px; width: 44px; height: 44px; font-size: 18px; }#ts-courses-design .courses-reviews .courses-slider-arrow:first-child { left: -20px; }#ts-courses-design .courses-reviews .courses-slider-arrow:last-child { right: -20px; }#ts-courses-design .courses-reviews .courses-dots { gap: 9px; margin-top: 18px; }#ts-courses-design .courses-reviews .courses-dots span { width: 11px; height: 11px; }
}@media (max-width: 600px) {#ts-courses-design .courses-reviews { padding: 36px 0 28px; }#ts-courses-design .courses-reviews .courses-shell { width: calc(100% - 32px); }#ts-courses-design .courses-reviews .courses-section-head { margin-bottom: 20px; }#ts-courses-design .courses-reviews .courses-section-head h2 { font-size: 29px; line-height: 1.12; }#ts-courses-design .courses-reviews .courses-section-head p { font-size: 14px; line-height: 1.35; }#ts-courses-design .courses-reviews__wrap { position: relative; display: block; }#ts-courses-design .courses-reviews__track { grid-auto-columns: 100%; gap: 14px; padding: 0 0 7px; }#ts-courses-design .courses-review { display: grid; grid-template-columns: 84px minmax(0,1fr); gap: 14px; min-height: 190px; padding: 15px; border: 1px solid #d8ebff; border-radius: 18px; background: #f1f9ff; box-shadow: 0 5px 15px rgba(35,100,168,.1); }#ts-courses-design .courses-review img, #ts-courses-design .courses-review__avatar { width: 84px; height: 84px; }#ts-courses-design .courses-review h3 { font-size: 19px; }#ts-courses-design .courses-review span { font-size: 15px; color: #092965; }#ts-courses-design .courses-stars { color: #ffb500; font-size: 20px; line-height: 1.2; letter-spacing: 0; }#ts-courses-design .courses-review p { margin-top: 10px; color: #08235e; font-size: 14px; line-height: 1.45; }#ts-courses-design .courses-reviews .courses-slider-arrow { position: absolute; z-index: 3; top: 75px; width: 40px; height: 40px; font-size: 16px; }#ts-courses-design .courses-reviews .courses-slider-arrow:first-child { left: -15px; }#ts-courses-design .courses-reviews .courses-slider-arrow:last-child { right: -15px; }#ts-courses-design .courses-reviews .courses-dots { gap: 9px; margin-top: 17px; }#ts-courses-design .courses-reviews .courses-dots span { width: 11px; height: 11px; }
}#ts-courses-design .courses-plan__price-row { display: flex; align-items: baseline; justify-content: center; gap: .25em; }#ts-courses-design .courses-plan__subjects i { font-style: normal; }@media (min-width: 1101px) {#ts-courses-design .courses-plans { height: 46.9vw; padding: 1.25vw 0 0; background: #f3faff; }#ts-courses-design .courses-plans .courses-shell { width: 92.9%; max-width: none; }#ts-courses-design .courses-plans .courses-section-head { margin-bottom: 1.2vw; }#ts-courses-design .courses-plans .courses-section-head h2 { font-size: 2.6vw; line-height: 1.16; letter-spacing: -.047em; white-space: nowrap; }#ts-courses-design .courses-plans .courses-section-head p { margin-top: .55vw; color: #092b79; font-size: 1.34vw; line-height: 1.2; }#ts-courses-design .courses-plans .courses-spark { position: relative; width: 2.35vw; height: 2.35vw; margin: 0 .75vw; vertical-align: middle; font-size: 0; transform: none; }#ts-courses-design .courses-plans .courses-spark::before { content: ""; position: absolute; inset: 0; background: linear-gradient(#ffad00,#ffad00) 16% 9% / .16vw 1.05vw no-repeat, linear-gradient(#ffad00,#ffad00) 75% 15% / .16vw .9vw no-repeat, linear-gradient(#ffad00,#ffad00) 60% 80% / .95vw .16vw no-repeat; transform: rotate(-30deg); }#ts-courses-design .courses-plans .courses-spark:first-child { transform: scaleX(-1); }#ts-courses-design .courses-plans__grid { grid-template-columns: minmax(0,1fr) minmax(0,1.015fr); gap: 1.55vw; }#ts-courses-design .courses-plan { height: 37.1vw; min-height: 0; padding: 2vw 2.8vw 7vw; border: .11vw solid #a5daff; border-radius: 1.3vw; background: radial-gradient(circle at 83% 72%, #e3f4ff 0 17%, transparent 42%), #f2faff; }#ts-courses-design .courses-plan--ten { background: radial-gradient(circle at 83% 73%, #e1f2ff 0 17%, transparent 42%), #f4faff; }
#ts-courses-design .courses-plan::before { content: ""; position: absolute; z-index: 1; pointer-events: none;  background-repeat: no-repeat; background-size: 100vw auto; }#ts-courses-design .courses-plan--nine::before { right: 0; bottom: 2.4vw; width: 51%; height: 27vw; background-position: -25.86vw -14.8vw; -webkit-mask-image: linear-gradient(to right, transparent 0 17%, #000 35%); mask-image: linear-gradient(to right, transparent 0 17%, #000 35%); }#ts-courses-design .courses-plan--ten::before { right: 0; bottom: 2.5vw; width: 46%; height: 28vw; background-position: -75.45vw -13.7vw; -webkit-mask-image: linear-gradient(to right, transparent 0 27%, #000 45%); mask-image: linear-gradient(to right, transparent 0 27%, #000 45%); }#ts-courses-design .courses-plan--nine .courses-plan__top::after { content: "✦"; position: absolute; top: 1.45vw; left: 61.5%; color: #c5ebff; font-size: 2.45vw; line-height: 1; }#ts-courses-design .courses-plan__top { display: block; }#ts-courses-design .courses-plan__top > div:first-child { position: relative; z-index: 2; }#ts-courses-design .courses-plan h3 { color: #082b8b; font-size: 2.72vw; line-height: 1.15; font-weight: 900; letter-spacing: -.055em; white-space: nowrap; }#ts-courses-design .courses-plan--ten h3 { font-size: 2.22vw; }#ts-courses-design .courses-plan__top p { margin-top: .52vw; color: #082b75; font-size: 1.3vw; line-height: 1.2; white-space: nowrap; }
#ts-courses-design .courses-plan__price { position: absolute; z-index: 4; top: 1.0vw; right: .25vw; display: block; width: 12.5vw; height: 6.8vw; min-width: 0; padding: .9vw .7vw; border: 0; border-radius: .85vw; background: #fff; color: #f45b13; text-align: center; box-shadow: 0 .45vw 1vw rgba(222,91,0,.24); }
#ts-courses-design .courses-plan__price > small { display: block; font-size: 1.3vw; font-weight: 700; line-height: 1.15; }
#ts-courses-design .courses-plan__price-row { gap: .3vw; margin-top: .17vw; }
#ts-courses-design .courses-plan__price-row b { color: inherit; font-size: 2.7vw; line-height: 1.05; font-weight: 900; letter-spacing: -.04em; }#ts-courses-design .courses-plan__price-row small { color: inherit; font-size: 1vw; line-height: 1; }#ts-courses-design .courses-plan--ten .courses-plan__price { position: absolute; top: 1.05vw; right: 1.1vw; width: 15vw; height: 6.35vw; padding: .8vw 1vw; border: 0; border-radius: .85vw; background: #fff; box-shadow: 0 .45vw 1.2vw rgba(81,141,200,.13); text-align: left; }#ts-courses-design .courses-plan--ten .courses-plan__price del { display: block; color: #9fa9bc; font-size: 1.35vw; line-height: 1.1; font-weight: 700; }#ts-courses-design .courses-plan--ten .courses-plan__price-row { justify-content: flex-start; gap: .42vw; margin-top: .15vw; }#ts-courses-design .courses-plan--ten .courses-plan__price-row b { color: #f45b13; font-size: 2.55vw; }#ts-courses-design .courses-plan--ten .courses-plan__price-row small { color: #08266f; font-size: 1.3vw; font-weight: 700; }#ts-courses-design .courses-plan--ten .courses-plan__price em { top: .2vw; right: .2vw; padding: .43vw .7vw; border-radius: .52vw; background: #ff7900; font-size: 1.08vw; font-weight: 700; }#ts-courses-design .courses-plan__subjects { position: relative; z-index: 2; gap: 1.8vw; margin: 1.25vw 0 0; }#ts-courses-design .courses-plan__subjects span { display: flex; flex-direction: column; justify-content: center; width: 6.2vw; height: 5.5vw; padding: .4vw; border-radius: 1vw; box-shadow: none; color: #0759d7; font-size: 2.6vw; }#ts-courses-design .courses-plan__subjects i { display: grid; place-items: center; width: 3.4vw; height: 3.4vw; border-radius: 50%; background: #e8f5ff; }#ts-courses-design .courses-plan__subjects .courses-plan__pi { font-family: Georgia, serif; font-size: 3.5vw; font-weight: 900; line-height: 1; }#ts-courses-design .courses-plan__subjects span:nth-child(3) i { color: #006759; }#ts-courses-design .courses-plan__subjects small { color: #052b77; font-size: .88vw; line-height: 1.1; font-weight: 700; }#ts-courses-design .courses-plan ul { z-index: 3; gap: 1.03vw; max-width: 72%; margin-top: 1vw; }#ts-courses-design .courses-plan--ten ul { max-width: 87%; margin-top: 2.92vw; }#ts-courses-design .courses-plan li { min-height: 1.58vw; padding-left: 2.7vw; color: #092c77; font-size: 1.28vw; line-height: 1.25; white-space: nowrap; }#ts-courses-design .courses-plan li::before { top: 0; width: 1.6vw; height: 1.6vw; font-size: .9vw; }#ts-courses-design .courses-plan__student { display: none; }#ts-courses-design .courses-plan > .courses-button { z-index: 5; bottom: 1.85vw; left: 2.7vw; right: 2.2vw; min-height: 5.1vw; padding: .75vw 1.2vw; border-radius: .9vw; font-size: 1.78vw; font-weight: 700; }
#ts-courses-design .courses-plan--nine > .courses-button { background: linear-gradient(0deg, rgb(255 172 79) 0%, rgb(255 218 0) 100%); }#ts-courses-design .courses-plan--ten > .courses-button { right: 2.55vw; }
}#ts-courses-design .courses-faq__grid { grid-auto-flow: row; grid-template-rows: none; }#ts-courses-design .courses-faq__column { display: grid; align-content: start; gap: 8px; min-width: 0; }#ts-courses-design .courses-faq summary { min-height: 0; }#ts-courses-design .courses-faq summary:focus-visible, #ts-courses-design .courses-faq .courses-button:focus-visible { outline: 3px solid #52a1ff; outline-offset: 3px; }@media (min-width: 1101px) {#ts-courses-design .courses-faq { min-height: 28.7vw; padding: 2.65vw 0 3.6vw; }#ts-courses-design .courses-faq .courses-shell { width: 91.5%; max-width: none; }#ts-courses-design .courses-faq .courses-section-head { align-items: center; justify-content: center; margin-bottom: .83vw; }#ts-courses-design .courses-faq .courses-section-head h2 { font-size: 2.35vw; line-height: 1.12; letter-spacing: -.045em; }#ts-courses-design .courses-faq .courses-section-head p { margin-top: .28vw; color: #09296d; font-size: 1.35vw; line-height: 1.22; }#ts-courses-design .courses-faq .courses-spark { position: relative; width: 2.25vw; height: 2.05vw; margin-left: .2vw; vertical-align: middle; font-size: 0; transform: none; }#ts-courses-design .courses-faq .courses-spark::before { content: ""; position: absolute; inset: 0; background: linear-gradient(#ffad00,#ffad00) 18% 13% / .16vw .95vw no-repeat, linear-gradient(#ffad00,#ffad00) 75% 15% / .16vw .82vw no-repeat, linear-gradient(#ffad00,#ffad00) 58% 78% / .9vw .16vw no-repeat; transform: rotate(35deg); }#ts-courses-design .courses-faq .courses-button--small-outline { width: 13vw; min-height: 3.25vw; margin-top: 1.15vw; padding: .5vw .8vw; border: .11vw solid #0754ff; border-radius: .72vw; color: #0643ce; font-size: 1.23vw; font-weight: 700; gap: .65vw; }#ts-courses-design .courses-faq .courses-button--small-outline i { font-size: 1.22vw; }#ts-courses-design .courses-faq__grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 1.55vw; }#ts-courses-design .courses-faq__column { gap: .45vw; }#ts-courses-design .courses-faq details { align-self: start; border: 1px solid #d9e9ff; border-radius: .78vw; box-shadow: 0 .3vw .8vw rgba(19,70,141,.07); }#ts-courses-design .courses-faq summary { min-height: 3.78vw; padding: .48vw 1.9vw; color: #092969; font-size: 1.36vw; line-height: 1.22; font-weight: 400; }#ts-courses-design .courses-faq__column:first-child details:nth-child(2) summary { font-size: 1.23vw; letter-spacing: -.025em; }#ts-courses-design .courses-faq summary::after { flex: none; margin-left: 1vw; color: #09296f; font-size: 1.9vw; font-weight: 400; }#ts-courses-design .courses-faq details p { padding: 0 1.9vw 1.05vw; color: #24477d; font-size: 1.03vw; line-height: 1.48; }
}@media (min-width: 601px) and (max-width: 1100px) {#ts-courses-design .courses-faq { padding: 36px 0 54px; }#ts-courses-design .courses-faq .courses-shell { width: calc(100% - 48px); max-width: none; }#ts-courses-design .courses-faq .courses-section-head { margin-bottom: 18px; }#ts-courses-design .courses-faq .courses-section-head h2 { font-size: clamp(27px, 3vw, 35px); line-height: 1.1; }#ts-courses-design .courses-faq .courses-section-head p { color: #09296d; font-size: 16px; }#ts-courses-design .courses-faq .courses-button--small-outline { min-height: 44px; font-size: 14px; }#ts-courses-design .courses-faq__grid { gap: 16px; }#ts-courses-design .courses-faq__column { gap: 10px; }#ts-courses-design .courses-faq details { align-self: start; border-color: #d9e9ff; border-radius: 10px; }#ts-courses-design .courses-faq summary { min-height: 60px; padding: 10px 17px; color: #092969; font-size: clamp(14px, 1.65vw, 18px); line-height: 1.2; font-weight: 400; }#ts-courses-design .courses-faq summary::after { flex: none; font-size: 26px; }#ts-courses-design .courses-faq details p { padding: 0 17px 15px; color: #24477d; font-size: 14px; }
}@media (max-width: 600px) {#ts-courses-design .courses-faq { padding: 34px 0 44px; }#ts-courses-design .courses-faq .courses-shell { width: calc(100% - 32px); }#ts-courses-design .courses-faq .courses-section-head { margin-bottom: 18px; }#ts-courses-design .courses-faq .courses-section-head h2 { font-size: 25px; line-height: 1.15; }#ts-courses-design .courses-faq .courses-section-head p { margin-top: 6px; color: #09296d; font-size: 14px; line-height: 1.35; }#ts-courses-design .courses-faq .courses-button--small-outline { min-height: 43px; margin-top: 14px; padding: 8px 15px; border-color: #0754ff; color: #0643ce; font-size: 13px; }#ts-courses-design .courses-faq__grid { grid-template-columns: 1fr; gap: 9px; }#ts-courses-design .courses-faq__column { gap: 9px; }#ts-courses-design .courses-faq details { border-color: #d9e9ff; border-radius: 10px; }#ts-courses-design .courses-faq summary { min-height: 58px; padding: 11px 15px; color: #092969; font-size: 15px; line-height: 1.25; font-weight: 400; }#ts-courses-design .courses-faq summary::after { flex: none; margin-left: 12px; font-size: 25px; }#ts-courses-design .courses-faq details p { padding: 0 15px 16px; color: #24477d; font-size: 14px; line-height: 1.5; }
}#ts-courses-design .courses-final { position: relative; isolation: isolate; }#ts-courses-design .courses-final__inner { position: relative; z-index: 1; }#ts-courses-design .courses-final__content { position: relative; z-index: 1; }
@media (min-width: 1101px) {#ts-courses-design .courses-final { height: 18.75vw; min-height: 0; margin:0; border-radius: 1.7vw; background: #e7f6ff url('../images/courses-learning-journey-banner.png') center -7vw / 100% auto no-repeat; }#ts-courses-design .courses-final::before { content: ""; position: absolute; z-index: 0; inset: 0 18%; background: linear-gradient(90deg, transparent, #e9f7ff 4% 96%, transparent); -webkit-mask-image: linear-gradient(to bottom, #000 0 78%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0 78%, transparent 100%); }#ts-courses-design .courses-final__inner { display: block; width: 100%; max-width: none; height: 100%; min-height: 0; padding: 2.55vw 0 0; text-align: center; }#ts-courses-design .courses-final h2 { color: #062b9e; font-size: 2.78vw; line-height: 1.17; font-weight: 900; letter-spacing: -.04em; white-space: nowrap; }#ts-courses-design .courses-final p { margin: .42vw 0 0; color: #0734a3; font-size: 1.62vw; line-height: 1.22; }#ts-courses-design .courses-final__actions { gap: 1.8vw; margin-top: 1.12vw; }#ts-courses-design .courses-final__actions .courses-button { flex: none; min-width: 0; min-height: 5.1vw; padding: .8vw 1.2vw; border-radius: .8vw; font-size: 1.51vw; font-weight: 700; gap: 1vw; }
	#ts-courses-design .courses-final__actions .courses-button:first-child { width: 24.3vw; background: linear-gradient(0deg, rgb(255 172 79) 0%, rgb(255 218 0) 100%); box-shadow: 0 .55vw 1vw rgba(229,99,0,.25); }
	#ts-courses-design .courses-final__actions .courses-button:last-child { width: 30.2vw; background: linear-gradient(0deg, rgb(255 172 79) 0%, rgb(255 218 0) 100%); }#ts-courses-design .courses-final__actions .courses-button i { font-size: 1.55vw; }
}@media (min-width: 801px) and (max-width: 1100px) {#ts-courses-design .courses-final { min-height: 0; height: 19vw; border-radius: 20px; background: #e7f6ff url('../images/courses-learning-journey-banner.png') center -7.32vw / 100% auto no-repeat; }#ts-courses-design .courses-final::before { content: ""; position: absolute; inset: 0 18%; background: linear-gradient(90deg, transparent, #e9f7ff 4% 96%, transparent); }#ts-courses-design .courses-final__inner { display: block; width: 100%; max-width: none; min-height: 0; height: 100%; padding: 2vw 0 0; }#ts-courses-design .courses-final h2 { font-size: 2.8vw; line-height: 1.15; }#ts-courses-design .courses-final p { margin: .35vw 0 0; color: #0734a3; font-size: 1.55vw; }#ts-courses-design .courses-final__actions { gap: 1.6vw; margin-top: 1vw; }#ts-courses-design .courses-final__actions .courses-button { min-width: 0; min-height: 5vw; padding: .7vw 1vw; border-radius: .8vw; font-size: 1.45vw; }#ts-courses-design .courses-final__actions .courses-button:first-child { width: 24.3vw; }#ts-courses-design .courses-final__actions .courses-button:last-child { width: 30.2vw; }
}@media (max-width: 800px) {#ts-courses-design .courses-final { border-radius: 18px; background: radial-gradient(circle at 9% 100%, #a7d9ff, transparent 33%), radial-gradient(circle at 95% 100%, #a7d9ff, transparent 33%), linear-gradient(135deg, #d8efff, #f0faff 50%, #c9e9ff); }#ts-courses-design .courses-final__inner { display: block; min-height: 0; padding: 32px 20px 36px; text-align: center; }#ts-courses-design .courses-final h2 { font-size: clamp(25px, 4vw, 33px); line-height: 1.15; }#ts-courses-design .courses-final p { margin: 9px 0 0; color: #0734a3; font-size: clamp(13px, 2vw, 17px); line-height: 1.35; }#ts-courses-design .courses-final__actions { flex-wrap: wrap; gap: 12px; margin-top: 22px; }#ts-courses-design .courses-final__actions .courses-button { flex: 1 1 220px; min-height: 50px; padding: 10px 18px; font-size: 15px; }
}@media (max-width: 600px) {#ts-courses-design .courses-final__inner { padding: 30px 17px 32px; }#ts-courses-design .courses-final h2 { font-size: 25px; }#ts-courses-design .courses-final p { font-size: 13px; }#ts-courses-design .courses-final__actions { margin-top: 20px; }#ts-courses-design .courses-final__actions .courses-button { flex-basis: 100%; min-height: 49px; font-size: 14px; }
}@media (min-width: 1101px) {#ts-courses-design .courses-shell { width: min(1280px, calc(100% - 48px)); max-width: 1280px; margin-inline: auto; }#ts-courses-design .courses-section-head h2 { font-size: min(2.5vw, 32px); }#ts-courses-design .courses-section-head p { font-size: min(1.28vw, 16px); }
#ts-courses-design .courses-hero { height: calc(100vw * 692 / 1920); background: #0752c5 url('../images/hero-back.jpg') center right / 100% 100% no-repeat; }#ts-courses-design .courses-hero__copy { width: min(47vw, 602px); padding-top: min(2.6vw, 45px); }#ts-courses-design .courses-pill { font-size: min(1.02vw, 13px); }#ts-courses-design .courses-hero h1 { font-size: min(4.48vw, 57px); }#ts-courses-design .courses-hero__copy > p { width: min(42.3vw, 542px); font-size: min(1.43vw, 18px); }#ts-courses-design .courses-hero__proof { gap: min(2.25vw, 29px); margin: min(2.9vw, 37px) 0 min(2.4vw, 31px); }#ts-courses-design .courses-hero__proof span { gap: min(.75vw, 10px); font-size: min(1.04vw, 13px); }#ts-courses-design .courses-hero__proof i { font-size: min(2.15vw, 27px); }#ts-courses-design .courses-hero__actions { gap: min(1.05vw, 14px); }#ts-courses-design .courses-hero__actions .courses-button { min-width: min(19.6vw, 251px); min-height: min(4.05vw, 52px); font-size: min(1.25vw, 16px); }#ts-courses-design .courses-hero__actions .courses-button--outline { min-width: min(20.6vw, 264px); }#ts-courses-design .courses-demo { padding: min(3.25vw, 42px) 0 min(2.55vw, 33px); }#ts-courses-design .courses-demo .courses-section-head { margin-bottom: min(1.3vw, 17px); }#ts-courses-design .courses-demo .courses-spark { width: min(2.4vw, 31px); height: min(2.1vw, 27px); background-size: 2px 14px, 2px 14px, 14px 2px; }#ts-courses-design .courses-demo .courses-text-link { margin-top: min(1vw, 13px); font-size: min(1.15vw, 15px); }#ts-courses-design .courses-demo .courses-tabs { gap: min(.7vw, 9px); margin-bottom: min(1.75vw, 22px); }#ts-courses-design .courses-demo .courses-tab { width: min(12.2vw, 156px); min-height: min(4.1vw, 52px); font-size: min(1.32vw, 17px); }#ts-courses-design .courses-demo__track { grid-auto-columns: calc((100% - 64px) / 5); gap: 16px; }#ts-courses-design .courses-demo .courses-chapter { height: min(20.05vw, 257px); }#ts-courses-design .courses-demo .courses-chapter__art { height: min(10.35vw, 132px); margin-top: min(.65vw, 8px); }#ts-courses-design .courses-demo .courses-chapter__label { font-size: min(1.18vw, 15px); }#ts-courses-design .courses-demo .courses-chapter__duration { font-size: min(1.07vw, 14px); }#ts-courses-design .courses-demo .courses-chapter__body { padding: min(1.25vw, 16px) min(1.03vw, 13px) min(1.16vw, 15px); }#ts-courses-design .courses-demo .courses-chapter h3, #ts-courses-design .courses-demo .courses-chapter--sst h3 { font-size: min(1.1vw, 14px); }#ts-courses-design .courses-demo .courses-chapter p, #ts-courses-design .courses-demo .courses-chapter--sst p { font-size: min(1.07vw, 13px); }
#ts-courses-design .courses-demo .courses-chapter .courses-chapter__body a { font-size: min(1.12vw, 14px); }#ts-courses-design .courses-demo .courses-carousel-next { width: min(4vw, 51px); height: min(4vw, 51px); top: min(7.3vw, 93px); right: max(-1.6vw, -20px); font-size: min(1.5vw, 19px); }#ts-courses-design .courses-features { height: min(51.5vw, 670px); padding-top: min(1.75vw, 23px); }#ts-courses-design .courses-features .courses-section-head { margin-bottom: min(2.55vw, 33px); }#ts-courses-design .courses-features .courses-spark { width: min(2.55vw, 33px); height: min(2.7vw, 35px); }#ts-courses-design .courses-features .courses-spark::before { background-size: 2px 14px, 2px 11px, 13px 2px; }#ts-courses-design .courses-features__star--left, #ts-courses-design .courses-features__star--right { font-size: min(5.3vw, 68px); }#ts-courses-design .courses-features__star--left-low, #ts-courses-design .courses-features__star--right-low { font-size: min(2.5vw, 32px); }#ts-courses-design .courses-features__layout { gap: min(2.5vw, 32px); }#ts-courses-design .courses-features__col { gap: min(.9vw, 12px); }#ts-courses-design .courses-feature { min-height: min(9.05vw, 116px); gap: min(1.25vw, 16px); padding: min(.9vw, 12px) min(1.45vw, 19px) min(.9vw, 12px) min(2.55vw, 33px); }#ts-courses-design .courses-feature__icon { width: min(7vw, 90px); height: min(7vw, 90px); font-size: min(4.1vw, 52px); }#ts-courses-design .courses-feature h3 { font-size: min(1.72vw, 22px); }#ts-courses-design .courses-feature p { margin-top: min(.75vw, 10px); font-size: min(1.36vw, 17px); }#ts-courses-design .courses-features__phone { height: min(41.9vw, 536px); }#ts-courses-design .courses-features__phone-image { width: 590%; left: -414%; top: -7.2%; }#ts-courses-design .courses-features__phone-tabs { top: min(6.3vw, 81px); left: 6.3%; width: 85.6%; height: min(4.05vw, 52px); font-size: min(1.01vw, 13px); }#ts-courses-design .courses-quiz { height: min(17.45vw, 245px); }#ts-courses-design .courses-quiz::before, #ts-courses-design .courses-quiz::after { content: ""; position: absolute; z-index: 4; bottom: -1px; width: min(17vw, 275px); height: min(5.5vw, 90px); pointer-events: none; background: radial-gradient(ellipse 35% 60% at 5% 100%, #fff 99%, transparent 100%), radial-gradient(ellipse 25% 58% at 36% 95%, #fff 99%, transparent 100%), radial-gradient(ellipse 32% 48% at 73% 102%, #fff 99%, transparent 100%); }#ts-courses-design .courses-quiz::before { left: -1%; }#ts-courses-design .courses-quiz::after { right: -1%; transform: scaleX(-1); }#ts-courses-design .courses-quiz__art { background-size: min(100vw, 1280px) auto; -webkit-mask-image: radial-gradient(ellipse 66% 72% at 50% 47%, #000 45%, transparent 80%); mask-image: radial-gradient(ellipse 66% 72% at 50% 47%, #000 45%, transparent 80%); }#ts-courses-design .courses-quiz__copy { padding-top: min(2.45vw, 31px); }#ts-courses-design .courses-quiz h2 { font-size: min(4vw, 51px); }#ts-courses-design .courses-quiz h3 { font-size: min(2.22vw, 28px); }#ts-courses-design .courses-quiz p { font-size: min(1.35vw, 17px); }#ts-courses-design .courses-quiz__benefits { width: min(38.7vw, 495px); margin: min(2.35vw, 30px) min(4.3vw, 55px) 0 0; }#ts-courses-design .courses-quiz__benefits span { font-size: min(1.3vw, 16px); }#ts-courses-design .courses-quiz__benefits i { width: min(4.35vw, 56px); height: min(4.35vw, 56px); font-size: min(2.25vw, 29px); }#ts-courses-design .courses-quiz__right .courses-button { width: min(20.3vw, 260px); min-height: min(4vw, 52px); font-size: min(1.35vw, 17px); }#ts-courses-design .courses-reviews { height: min(28.45vw, 364px); padding-top: min(2.2vw, 28px); }#ts-courses-design .courses-reviews .courses-section-head { margin-bottom: min(1.2vw, 15px); }#ts-courses-design .courses-reviews .courses-spark { width: min(2.55vw, 33px); height: min(2.45vw, 31px); }#ts-courses-design .courses-reviews .courses-spark::before { background-size: 2px 14px, 2px 11px, 13px 2px; }#ts-courses-design .courses-reviews__track { grid-template-columns: none; grid-auto-columns: calc((100% - 32px) / 3); gap: 16px; }#ts-courses-design .courses-review { height: min(14.4vw, 184px); grid-template-columns: min(7.05vw, 90px) minmax(0,1fr); gap: min(1.6vw, 20px); padding: min(1.1vw, 14px) min(1.4vw, 18px); }#ts-courses-design .courses-review:nth-child(2) { grid-template-columns: min(7.35vw, 94px) minmax(0,1fr); }#ts-courses-design .courses-review img, #ts-courses-design .courses-review__avatar { width: min(7.05vw, 90px); height: min(7.05vw, 90px); }#ts-courses-design .courses-review:nth-child(2) img, #ts-courses-design .courses-review:nth-child(2) .courses-review__avatar { width: min(7.35vw, 94px); height: min(7.35vw, 94px); }#ts-courses-design .courses-review h3 { font-size: min(1.62vw, 21px); }#ts-courses-design .courses-review span { font-size: min(1.36vw, 17px); }#ts-courses-design .courses-stars { font-size: min(1.95vw, 25px); }#ts-courses-design .courses-review p, #ts-courses-design .courses-review:first-child p { font-size: min(1.12vw, 14px); }#ts-courses-design .courses-review:nth-child(2) p { max-width: none; }#ts-courses-design .courses-reviews .courses-slider-arrow { top: min(5.15vw, 66px); width: min(3.45vw, 44px); height: min(3.45vw, 44px); }#ts-courses-design .courses-reviews .courses-slider-arrow:first-child { left: max(-1.5vw, -19px); }#ts-courses-design .courses-reviews .courses-slider-arrow:last-child { right: max(-1.5vw, -19px); }#ts-courses-design .courses-plans { height: min(46.9vw, 600px); padding-top: min(1.25vw, 16px); }#ts-courses-design .courses-plans .courses-section-head { margin-bottom: min(1.2vw, 15px); }#ts-courses-design .courses-plans .courses-spark { width: min(2.35vw, 30px); height: min(2.35vw, 30px); }#ts-courses-design .courses-plans .courses-spark::before { background-size: 2px 14px, 2px 11px, 13px 2px; }#ts-courses-design .courses-plans__grid { gap: min(1.55vw, 20px); }#ts-courses-design .courses-plan--nine::before { clip-path: inset(4px 0 0); }#ts-courses-design .courses-plan { height: min(37.1vw, 475px); padding: min(2vw, 26px) min(2.8vw, 36px) min(7vw, 90px); }#ts-courses-design .courses-plan h3 { font-size: min(2.72vw, 35px); }#ts-courses-design .courses-plan--ten h3 { font-size: min(2.22vw, 28px); }#ts-courses-design .courses-plan__top p { font-size: min(1.3vw, 16px); }
#ts-courses-design .courses-plan__price { top: min(1vw, 13px); width: min(12.5vw, 160px); height: min(6.8vw, 87px); padding: min(.9vw, 12px) min(.7vw, 9px); }
#ts-courses-design .courses-plan__price > small, #ts-courses-design .courses-plan--ten .courses-plan__price-row small { font-size: min(1.3vw, 17px); }#ts-courses-design .courses-plan__price-row b { font-size: min(2.7vw, 35px); }#ts-courses-design .courses-plan--ten .courses-plan__price { top: min(1.05vw, 14px); right: min(1.1vw, 14px); width: min(15vw, 192px); height: min(6.35vw, 81px); }#ts-courses-design .courses-plan--ten .courses-plan__price del { font-size: min(1.35vw, 17px); }#ts-courses-design .courses-plan--ten .courses-plan__price-row b { font-size: min(2.55vw, 33px); }#ts-courses-design .courses-plan--ten .courses-plan__price em { font-size: min(1.08vw, 14px); }#ts-courses-design .courses-plan__subjects { gap: min(1.8vw, 23px); margin-top: min(1.25vw, 16px); }#ts-courses-design .courses-plan__subjects span { width: min(6.2vw, 79px); height: min(5.5vw, 70px); font-size: min(2.6vw, 33px); }#ts-courses-design .courses-plan__subjects i { width: min(3.4vw, 44px); height: min(3.4vw, 44px); }#ts-courses-design .courses-plan__subjects .courses-plan__pi { font-size: min(3.5vw, 45px); }#ts-courses-design .courses-plan__subjects small { font-size: min(.88vw, 11px); }#ts-courses-design .courses-plan ul { gap: min(1.03vw, 13px); margin-top: min(1vw, 13px); }#ts-courses-design .courses-plan--ten ul { margin-top: min(2.92vw, 37px); }#ts-courses-design .courses-plan li { min-height: min(1.58vw, 20px); padding-left: min(2.7vw, 35px); font-size: min(1.28vw, 16px); }#ts-courses-design .courses-plan li::before { width: min(1.6vw, 20px); height: min(1.6vw, 20px); font-size: min(.9vw, 12px); }#ts-courses-design .courses-plan > .courses-button { bottom: min(1.85vw, 24px); left: min(2.7vw, 35px); right: min(2.2vw, 28px); min-height: min(5.1vw, 65px); font-size: min(1.78vw, 23px); }#ts-courses-design .courses-plan--ten > .courses-button { right: min(2.55vw, 33px); }#ts-courses-design .courses-faq { min-height: min(28.7vw, 367px); padding: min(2.65vw, 34px) 0 min(3.6vw, 46px); }#ts-courses-design .courses-faq .courses-section-head { margin-bottom: min(.83vw, 11px); }#ts-courses-design .courses-faq .courses-spark { width: min(2.25vw, 29px); height: min(2.05vw, 26px); }#ts-courses-design .courses-faq .courses-spark::before { background-size: 2px 13px, 2px 11px, 12px 2px; }#ts-courses-design .courses-faq .courses-button--small-outline { width: min(13vw, 167px); min-height: min(3.25vw, 42px); margin-top: min(1.15vw, 15px); font-size: min(1.23vw, 16px); }#ts-courses-design .courses-faq__grid { gap: min(1.55vw, 20px); }#ts-courses-design .courses-faq__column { gap: min(.45vw, 6px); }#ts-courses-design .courses-faq summary { min-height: min(3.78vw, 48px); font-size: min(1.36vw, 17px); }#ts-courses-design .courses-faq__column:first-child details:nth-child(2) summary { font-size: min(1.23vw, 16px); }#ts-courses-design .courses-faq summary::after { font-size: min(1.9vw, 24px); }#ts-courses-design .courses-faq details p { font-size: min(1.03vw, 13px); }
#ts-courses-design .courses-final { height: 18.75vw; background-size: 100% auto; background-position: center -7vw; }
#ts-courses-design .courses-final::before { left: 50%; right: auto; width: 64%; transform: translateX(-50%); }#ts-courses-design .courses-final__inner { display: flex; align-items: center; justify-content: center; width: min(1280px, calc(100% - 48px)); max-width: 1280px; margin-inline: auto; padding: 0 0 20px; }#ts-courses-design .courses-final h2 { font-size: min(2.78vw, 36px); }#ts-courses-design .courses-final p { font-size: min(1.62vw, 21px); }#ts-courses-design .courses-final__actions { gap: min(1.8vw, 23px); }#ts-courses-design .courses-final__actions .courses-button { min-height: min(5.1vw, 65px); font-size: min(1.51vw, 19px); }#ts-courses-design .courses-final__actions .courses-button:first-child { width: min(24.3vw, 311px); }#ts-courses-design .courses-final__actions .courses-button:last-child { width: min(30.2vw, 387px); }
}@media (min-width: 1749px) {#ts-courses-design .courses-hero__copy { padding-top: clamp(45px, calc(22vw - 339.5px), 225px); }
}@media (max-width: 1100px) {#ts-courses-design .courses-quiz::before, #ts-courses-design .courses-quiz::after { content: ""; position: absolute; z-index: 4; bottom: -1px; width: clamp(75px, 18vw, 160px); height: clamp(24px, 5vw, 50px); pointer-events: none; background: radial-gradient(ellipse 35% 60% at 5% 100%, #fff 99%, transparent 100%), radial-gradient(ellipse 25% 58% at 36% 95%, #fff 99%, transparent 100%), radial-gradient(ellipse 32% 48% at 73% 102%, #fff 99%, transparent 100%); }#ts-courses-design .courses-quiz::before { left: -1%; }#ts-courses-design .courses-quiz::after { right: -1%; transform: scaleX(-1); }
}@media (max-width: 600px) {#ts-courses-design .courses-quiz::before, #ts-courses-design .courses-quiz::after { width: 110px; height: 40px; }
}@media (min-width: 1281px) {#ts-courses-design .courses-plan::before { background-size: 1280px auto; }#ts-courses-design .courses-plan--nine::before { bottom: 31px; height: 346px; background-position: -331px -189px; }#ts-courses-design .courses-plan--ten::before { bottom: 32px; height: 358px; background-position: -966px -175px; }#ts-courses-design .courses-review__avatar { background-size: 1280px auto; }#ts-courses-design .courses-review__avatar--aarav { background-position: -59px -172px; }#ts-courses-design .courses-review__avatar--riya { background-position: -475px -172px; }#ts-courses-design .courses-review__avatar--kunal { background-position: -867px -172px; }
}

/* Hero spacing and readable buttons within the WordPress theme. */
#ts-courses-design .courses-hero h1 {
    margin: 18px 0;
    line-height: 1.08;
}
#ts-courses-design .courses-hero__copy > p {
    width: 100%;
    max-width: 550px;
    line-height: 1.5;
}
#ts-courses-design .courses-hero__proof {
    flex-wrap: wrap;
    gap: 20px 24px;
    margin: 28px 0;
}
#ts-courses-design .courses-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
#ts-courses-design .courses-hero__actions .courses-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 0;
    min-height: 52px;
    padding: 14px 22px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    white-space: normal;
}
/* Override the theme's global !important link colors for hero actions only. */
#ts-courses-design .courses-hero__actions .courses-button--orange {
    color: #082851 !important;
}
#ts-courses-design .courses-hero__actions .courses-button--orange:hover {
    background: #ff9538;
}
#ts-courses-design .courses-hero__actions .courses-button--outline {
    color: #fff !important;
    border-color: #b8e2ff;
    background: rgba(0, 38, 112, .35);
}
#ts-courses-design .courses-hero__actions .courses-button--outline:hover {
    background: rgba(0, 38, 112, .65);
}
@media (min-width: 1101px) {
    #ts-courses-design .courses-hero {
        height: auto;
        min-height: 520px;
        background-size: cover;
    }
    #ts-courses-design .courses-hero__grid {
        display: flex;
        align-items: center;
        height: auto;
        min-height: 520px;
    }
    #ts-courses-design .courses-hero__copy {
        width: 50%;
        max-width: 620px;
        padding:90px 0;
    }
}
@media (max-width: 1100px) {
    #ts-courses-design .courses-hero__copy { padding: 40px 0 16px; }
}
@media (max-width: 600px) {
    #ts-courses-design .courses-hero__copy { padding: 32px 0 12px; }
    #ts-courses-design .courses-hero__proof { gap: 16px; margin: 24px 0; }
    #ts-courses-design .courses-hero__actions { flex-direction: column; gap: 12px; }
    #ts-courses-design .courses-hero__actions .courses-button { width: 100%; }
}

/* Keep all course content wrappers centered within the same 1280px container. */
#ts-courses-design.courses-page .container,
#ts-courses-design.courses-page .courses-shell,
#ts-courses-design.courses-page .courses-final__inner {
    width: calc(100% - 48px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 800px) {
    #ts-courses-design.courses-page .container,
    #ts-courses-design.courses-page .courses-shell,
    #ts-courses-design.courses-page .courses-final__inner {
        width: calc(100% - 32px);
    }
    #ts-courses-design .courses-quiz__benefits strong br{display: none;}
}

/* Demo chapters: consistent typography, card spacing, and two-way navigation. */
#ts-courses-design .courses-demo { padding: 48px 0; }
#ts-courses-design .courses-demo .courses-section-head { align-items: flex-start; gap: 24px; margin-bottom: 24px; }
#ts-courses-design .courses-demo .courses-section-head h2 { font-size: clamp(28px, 2.6vw, 36px); line-height: 1.2; letter-spacing: -.035em; }
#ts-courses-design .courses-demo .courses-section-head p { max-width: 780px; margin-top: 10px; font-size: 16px; line-height: 1.6; }
#ts-courses-design .courses-demo .courses-text-link { flex-shrink: 0; margin-top: 10px; font-size: 14px; line-height: 1.5; }
#ts-courses-design .courses-demo .courses-tabs { gap: 12px; margin-bottom: 24px; }
#ts-courses-design .courses-demo .courses-tab { width: auto; min-width: 132px; min-height: 46px; padding: 12px 24px; border-radius: 10px; font-size: 15px; line-height: 1.4; }
#ts-courses-design .courses-demo__track { grid-auto-columns: calc((100% - 64px) / 5); gap: 16px; padding: 0 0 12px; }
#ts-courses-design .courses-demo .courses-chapter { height: auto; border-radius: 12px; }
#ts-courses-design .courses-demo .courses-chapter__art { height: auto; aspect-ratio: 16 / 9; margin-top: 0; }
#ts-courses-design .courses-demo .courses-chapter__label { top: 10px; left: 10px; padding: 5px 12px; font-size: 12px; line-height: 1.2; border-radius: 20px; }
#ts-courses-design .courses-demo .courses-chapter__duration { right: 8px; bottom: 8px; padding: 4px 6px; font-size: 12px; line-height: 1.2; border-radius: 5px; }
#ts-courses-design .courses-demo .courses-chapter__body { padding: 16px; }
#ts-courses-design .courses-demo .courses-chapter h3,
#ts-courses-design .courses-demo .courses-chapter--sst h3 { min-height: 42px; font-size: 15px; line-height: 1.4; letter-spacing: -.015em; }
#ts-courses-design .courses-demo .courses-chapter p,
#ts-courses-design .courses-demo .courses-chapter--sst p { margin: 8px 0 16px; font-size: 13px; line-height: 1.5; }
#ts-courses-design .courses-demo .courses-chapter .courses-chapter__body a { padding: 12px 0 0; min-height: 36px; font-size: 14px; line-height: 1.5; }
#ts-courses-design .courses-demo .courses-carousel-prev,
#ts-courses-design .courses-demo .courses-carousel-next { position: absolute; z-index: 4; top: 43%; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #d9e9fa; border-radius: 50%; background: #fff; color: #075ee8; box-shadow: 0 4px 14px #083e7926; }
#ts-courses-design .courses-demo .courses-carousel-prev { left: -20px; right: auto; }
#ts-courses-design .courses-demo .courses-carousel-next { right: -20px; left: auto; }
#ts-courses-design .courses-demo__wrap button span { display: block; width: 10px; height: 10px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; }
#ts-courses-design .courses-carousel-prev span { transform: rotate(-135deg); margin-left: 4px; }
#ts-courses-design .courses-carousel-next span { transform: rotate(45deg); margin-right: 4px; }
#ts-courses-design .courses-demo__wrap button:disabled { color: #8193ad; background: #f5f9fe; cursor: default; box-shadow: none; }
#ts-courses-design .courses-demo__wrap button:not(:disabled):hover { background: #eaf3ff; }
@media (max-width: 1100px) {
    #ts-courses-design .courses-demo__track { grid-auto-columns: calc((100% - 32px) / 3); }
    #ts-courses-design .courses-demo .courses-section-head { flex-direction: column; gap: 10px; }
    #ts-courses-design .courses-demo .courses-text-link { margin-top: 0; }
}
@media (max-width: 600px) {
    #ts-courses-design .courses-demo { padding: 32px 0; }
    #ts-courses-design .courses-demo .courses-section-head h2 { font-size: 28px; }
    #ts-courses-design .courses-demo .courses-section-head p { font-size: 15px; }
    #ts-courses-design .courses-demo .courses-tabs { margin-bottom: 20px; }
    #ts-courses-design .courses-demo .courses-tab { flex: 1; min-width: 0; }
    #ts-courses-design .courses-demo__track { grid-auto-columns: 82%; }
    #ts-courses-design .courses-demo .courses-carousel-prev { left: -8px; }
    #ts-courses-design .courses-demo .courses-carousel-next { right: -8px; }
}
/* Quiz call to action: readable color and consistent sizing in every state. */
#ts-courses-design .courses-quiz__right .courses-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: auto;
    max-width: 100%;
    min-height: 52px;
    padding: 14px 24px;
    border: 1px solid #ff9b38;
    border-radius: 10px;
    background: linear-gradient(0deg, rgb(255 172 79) 0%, rgb(255 218 0) 100%);
    color: #082851 !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    white-space: normal;
    box-shadow: 0 4px 12px rgba(0, 20, 65, .22);
    transition: background .2s ease, box-shadow .2s ease;
}
#ts-courses-design .courses-quiz__right .courses-button i {
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1;
    color: inherit;
}
#ts-courses-design .courses-quiz__right .courses-button:hover {
    background: #ffab46;
    color: #082851 !important;
    transform: none;
    box-shadow: 0 6px 16px rgba(0, 20, 65, .28);
}
#ts-courses-design .courses-quiz__right .courses-button:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 4px;
}
#ts-courses-design .courses-quiz__right .courses-button:active {
    background: #ff8215;
    box-shadow: 0 2px 6px rgba(0, 20, 65, .2);
}
@media (max-width: 600px) {
    #ts-courses-design .courses-quiz__right .courses-button { width: 100%; }
}
/* Reviews, plans and FAQs: let content determine section height. */
#ts-courses-design .courses-reviews,
#ts-courses-design .courses-plans,
#ts-courses-design .courses-faq {
    height: auto;
    min-height: 0;
    padding: 56px 0;
}
#ts-courses-design .courses-reviews .courses-section-head,
#ts-courses-design .courses-plans .courses-section-head,
#ts-courses-design .courses-faq .courses-section-head { margin-bottom: 32px; gap: 24px; }
#ts-courses-design .courses-reviews .courses-section-head h2,
#ts-courses-design .courses-plans .courses-section-head h2,
#ts-courses-design .courses-faq .courses-section-head h2 {
    font-size: clamp(28px, 2.7vw, 36px);
    line-height: 1.25;
    letter-spacing: -.035em;
    white-space: normal;
}
#ts-courses-design .courses-reviews .courses-section-head p,
#ts-courses-design .courses-plans .courses-section-head p,
#ts-courses-design .courses-faq .courses-section-head p { margin-top: 12px; font-size: 16px; line-height: 1.6; }
#ts-courses-design .courses-reviews__track { padding-bottom: 12px; }
#ts-courses-design .courses-review { height: auto; min-height: 210px; padding: 24px; gap: 18px; }
#ts-courses-design .courses-review h3 { font-size: 19px; line-height: 1.3; }
#ts-courses-design .courses-review span { font-size: 14px; line-height: 1.5; }
#ts-courses-design .courses-review p,
#ts-courses-design .courses-review:first-child p { margin-top: 14px; font-size: 14px; line-height: 1.7; }
#ts-courses-design .courses-reviews .courses-dots { gap: 10px; margin-top: 24px; }
#ts-courses-design .courses-reviews .courses-dots span { width: 10px; height: 10px; }
#ts-courses-design .courses-reviews .courses-slider-arrow { top: 50%; transform: translateY(-50%); width: 44px; height: 44px; font-size: 18px; }
#ts-courses-design .courses-plans__grid { gap: 24px; }
#ts-courses-design .courses-plan { height: auto; min-height: 510px; padding: 32px 32px 112px; }
#ts-courses-design .courses-plan__top p { white-space: normal; line-height: 1.5; margin-top: 10px; }
#ts-courses-design .courses-plan__subjects { margin-top: 24px; }
#ts-courses-design .courses-plan ul { gap: 14px; margin-top: 24px; }
#ts-courses-design .courses-plan--ten ul { margin-top: 32px; }
#ts-courses-design .courses-plan li { font-size: 15px; line-height: 1.5; }
#ts-courses-design .courses-plan > .courses-button {
    left: 32px;
    right: 32px;
    bottom: 28px;
    width: auto;
    min-height: 54px;
    padding: 14px 20px;
    border: 1px solid transparent;
    border-radius: 10px;
    gap: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    white-space: normal;
    box-shadow: 0 4px 12px #083e7926;
}
#ts-courses-design .courses-plan > .courses-button--orange { color: #082851 !important; }
#ts-courses-design .courses-plan > .courses-button--blue { color: #fff !important; background: #075ee8; }
#ts-courses-design .courses-plan > .courses-button--orange:hover { background: #ff9538; transform: none; }
#ts-courses-design .courses-plan > .courses-button--blue:hover { background: #064bc0; transform: none; }
#ts-courses-design .courses-plan > .courses-button i,
#ts-courses-design .courses-faq .courses-button i { flex-shrink: 0; font-size: 16px; color: inherit; }
#ts-courses-design .courses-faq__grid { gap: 24px; }
#ts-courses-design .courses-faq__column { gap: 14px; }
#ts-courses-design .courses-faq summary,
#ts-courses-design .courses-faq__column:first-child details:nth-child(2) summary { min-height: 64px; padding: 18px 22px; gap: 16px; font-size: 15px; line-height: 1.5; }
#ts-courses-design .courses-faq summary::after { flex-shrink: 0; font-size: 23px; }
#ts-courses-design .courses-faq details p { padding: 0 22px 22px; font-size: 14px; line-height: 1.7; }
#ts-courses-design .courses-faq .courses-button--small-outline {
    flex-shrink: 0;
    width: auto;
    min-height: 46px;
    margin-top: 6px;
    padding: 12px 18px;
    border: 1px solid #075ee8;
    border-radius: 10px;
    gap: 10px;
    color: #0751c5 !important;
    font-size: 14px;
    line-height: 1.4;
    background: #fff;
}
#ts-courses-design .courses-faq .courses-button--small-outline:hover { background: #eaf3ff; transform: none; }
@media (max-width: 1100px) {
    #ts-courses-design .courses-plan { padding: 24px 24px 104px; }
    #ts-courses-design .courses-plan > .courses-button { left: 24px; right: 24px; bottom: 24px; }
    #ts-courses-design .courses-faq .courses-section-head { flex-wrap: wrap; }
}
@media (max-width: 600px) {
    #ts-courses-design .courses-reviews,
    #ts-courses-design .courses-plans,
    #ts-courses-design .courses-faq { padding: 36px 0; }
    #ts-courses-design .courses-reviews .courses-section-head,
    #ts-courses-design .courses-plans .courses-section-head,
    #ts-courses-design .courses-faq .courses-section-head { margin-bottom: 24px; }
    #ts-courses-design .courses-review { padding: 20px; min-height: 0; }
    #ts-courses-design .courses-plan { min-height: 0; padding: 24px 20px 100px; }
    #ts-courses-design .courses-plan > .courses-button { left: 20px; right: 20px; bottom: 24px; font-size: 15px; }
    #ts-courses-design .courses-faq__grid { gap: 14px; }
    #ts-courses-design .courses-faq summary,
    #ts-courses-design .courses-faq__column:first-child details:nth-child(2) summary { padding: 16px; }
    #ts-courses-design .courses-faq details p { padding: 0 16px 18px; }
    #ts-courses-design .courses-faq .courses-button--small-outline { margin-top: 16px; }
}
/* Match feature-section typography to the other course sections. */
#ts-courses-design .courses-features {
    height: auto;
    padding: 56px 0 15px;
}
#ts-courses-design .courses-features .courses-section-head { margin-bottom: 32px; }
#ts-courses-design .courses-features .courses-section-head h2 {
    font-size: clamp(28px, 2.7vw, 36px);
    line-height: 1.25;
    letter-spacing: -.035em;
    white-space: normal;
}
#ts-courses-design .courses-features .courses-section-head p {
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.6;
}
#ts-courses-design .courses-features .courses-spark {
    width: 24px;
    height: 26px;
    margin: 0 8px;
}
#ts-courses-design .courses-features .courses-spark::before {
    background-size: 2px 14px, 2px 11px, 13px 2px;
}
#ts-courses-design .courses-features__col { gap: 16px; }
#ts-courses-design .courses-features .courses-feature { padding: 18px; gap: 14px; }
#ts-courses-design .courses-features .courses-feature h3,
#ts-courses-design .courses-features__col:last-child .courses-feature:nth-child(3) h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -.015em;
}
#ts-courses-design .courses-features .courses-feature p,
#ts-courses-design .courses-features__col:last-child .courses-feature:nth-child(3) p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.6;
}
@media (max-width: 600px) {
    #ts-courses-design .courses-features { padding: 36px 0; }
    #ts-courses-design .courses-features .courses-section-head { margin-bottom: 24px; }
    #ts-courses-design .courses-features .courses-spark { width: 18px; margin: 0 4px; }
    #ts-courses-design .courses-features .courses-feature { padding: 16px; }
    #ts-courses-design .courses-features .courses-feature h3,
    #ts-courses-design .courses-features__col:last-child .courses-feature:nth-child(3) h3 { font-size: 17px; }
}
/* Final course actions: equal sizing and readable theme-independent colors. */
#ts-courses-design .courses-final__actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
}
#ts-courses-design .courses-final__actions .courses-button,
#ts-courses-design .courses-final__actions .courses-button:first-child,
#ts-courses-design .courses-final__actions .courses-button:last-child {
    flex: 0 1 300px;
    width: 300px;
    max-width: 100%;
    min-width: 0;
    min-height: 54px;
    padding: 14px 22px;
    border: 1px solid transparent;
    border-radius: 10px;
    gap: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(8, 62, 121, .15);
}
#ts-courses-design .courses-final__actions .courses-button--orange {
    color: #000 !important;
    background: #ff8215;
}
#ts-courses-design .courses-final__actions .courses-button--blue {
    color: #fff !important;
    background: #075ee8;
}
#ts-courses-design .courses-final__actions .courses-button--orange:hover { background: #ff9538; transform: none; }
#ts-courses-design .courses-final__actions .courses-button--blue:hover { background: #064bc0; transform: none; }
#ts-courses-design .courses-final__actions .courses-button i { flex-shrink: 0; color: inherit; font-size: 16px; line-height: 1; }
#ts-courses-design .courses-final__actions .courses-button:focus-visible { outline: 3px solid #082851; outline-offset: 4px; }
@media (max-width: 600px) {
    #ts-courses-design .courses-final__actions { gap: 12px; margin-top: 20px; }
    #ts-courses-design .courses-final__actions .courses-button,
    #ts-courses-design .courses-final__actions .courses-button:first-child,
    #ts-courses-design .courses-final__actions .courses-button:last-child { flex-basis: 100%; width: 100%; font-size: 15px; }
}
/* Individual course artwork; crop the button artwork baked into each JPG. */
@media (min-width: 1101px) {
    #ts-courses-design .courses-plan::before {
        right: 0;
        bottom: 96px;
        width: 46%;
        height: auto;
        aspect-ratio: 476 / 370;
        background-size: 100% auto;
        background-position: right top;
        background-repeat: no-repeat;
        clip-path: none;
        -webkit-mask-image: linear-gradient(to right, transparent, #000 28%);
        mask-image: linear-gradient(to right, transparent, #000 28%);
    }
    #ts-courses-design .courses-plan--nine::before {
        background-image: url('../images/course-plan-boy.jpg');
    }
    #ts-courses-design .courses-plan--ten::before {
        background-image: url('../images/course-plan-girl.jpg');
    }
}
/* Responsive audit: avoid cramped cards, clipped arrows, and tiny labels. */
#ts-courses-design .courses-section-head > div { min-width: 0; }
#ts-courses-design .courses-faq .courses-section-head h2 { overflow-wrap: break-word; }
@media (max-width: 900px) {
    #ts-courses-design .courses-plans__grid { grid-template-columns: minmax(0, 1fr); }
    #ts-courses-design .courses-plan { min-height: 0; padding-bottom: 128px; overflow: hidden; }
    #ts-courses-design .courses-plan__top p { max-width: 65%; }
    #ts-courses-design .courses-plan > .courses-button { z-index: 5; }
}
@media (max-width: 800px) {
    #ts-courses-design .courses-reviews .courses-slider-arrow:first-child { left: -8px; }
    #ts-courses-design .courses-reviews .courses-slider-arrow:last-child { right: -8px; }
    #ts-courses-design .courses-hero__proof span { font-size: 12px; line-height: 1.4; }
    #ts-courses-design .courses-quiz__benefits span { font-size: 12px; line-height: 1.4; }
    #ts-courses-design .courses-quiz__inner { padding-top: 24px; padding-bottom: 48px; }
    #ts-courses-design .courses-quiz p { font-size: 13px; line-height: 1.5; }
}
@media (max-width: 600px) {
    #ts-courses-design .courses-hero h1 { font-size: clamp(32px, 8.5vw, 46px); line-height: 1.12; }
    #ts-courses-design .courses-hero__copy > p { font-size: 15px; line-height: 1.6; }
    #ts-courses-design .courses-hero__proof { gap: 16px 20px; }
    #ts-courses-design .courses-quiz__benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
    #ts-courses-design .courses-plan__top p { max-width: none; }
    #ts-courses-design .courses-plan__top { display: flex; flex-direction: column; gap: 16px; }
    #ts-courses-design .courses-plan .courses-plan__price {
        position: relative;
        inset: auto;
        align-self: stretch;
        flex-shrink: 0;
        width: 100%;
        min-height: 80px;
        height: auto;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 6px;
        padding: 16px;
        border-radius: 10px;
        text-align: center;
    }
    #ts-courses-design .courses-plan__price > small,
    #ts-courses-design .courses-plan .courses-plan__price-row small { font-size: 13px; line-height: 1.3; }
    #ts-courses-design .courses-plan .courses-plan__price-row { justify-content: center; gap: 5px; margin: 0; }
    #ts-courses-design .courses-plan .courses-plan__price-row b { font-size: 32px; line-height: 1.1; }
    #ts-courses-design .courses-plan--ten .courses-plan__price { padding-top: 34px; }
    #ts-courses-design .courses-plan--ten .courses-plan__price del { font-size: 13px; line-height: 1.3; text-align: center; }
    #ts-courses-design .courses-plan--ten .courses-plan__price em { top: 8px; right: 8px; padding: 4px 7px; font-size: 11px; line-height: 1.2; }
    #ts-courses-design .courses-plan__subjects { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
    #ts-courses-design .courses-plan__subjects span { width: 100%; height: auto; min-height: 76px; padding: 10px 4px; gap: 6px; font-size: 26px; }
    #ts-courses-design .courses-plan__subjects i { width: 30px; height: 30px; }
    #ts-courses-design .courses-plan__subjects .courses-plan__pi { font-size: 30px; line-height: 1; }
    #ts-courses-design .courses-plan h3,
    #ts-courses-design .courses-plan--ten h3 { font-size: 24px; line-height: 1.3; }
    #ts-courses-design .courses-plan__top p { font-size: 14px; }
    #ts-courses-design .courses-plan ul { max-width: 100%; }
    #ts-courses-design .courses-plan__student { display: none; }
    #ts-courses-design .courses-plan__subjects small { font-size: 12px; }
    #ts-courses-design .courses-faq .courses-section-head h2 { font-size: 28px; }
}
#ts-courses-design .courses-faq .courses-section-head h2 { padding-right: 12px; }
@media (max-width: 800px) {
    #ts-courses-design .courses-demo .courses-carousel-prev { left: -8px; }
    #ts-courses-design .courses-demo .courses-carousel-next { right: -8px; }
}
/* Dedicated mobile hero artwork, displayed without cropping. */
@media (max-width: 800px) {
    #ts-courses-design .courses-hero__art {
        display: block;
        width: 100vw;
        height: auto;
        min-height: 0;
        aspect-ratio: 982 / 685;
        background-image: url('../images/hero-mobile.jpg');
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat;
        -webkit-mask-image: none;
        mask-image: none;
    }
}
/* Standalone app screenshot: retain the full image at every screen size. */
#ts-courses-design .courses-features__phone {
    display: block;
    width: 100%;
    max-width: 340px;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0;
    margin-inline: auto;
    align-self: center;
    justify-self: center;
    overflow: visible;
    border-radius: 0;
    transform: none;
}
#ts-courses-design .courses-features__phone-image {
    position: static;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 -40px 0;
    object-fit: contain;
}
#ts-courses-design .courses-features__phone-tabs { display: none; }
@media (max-width: 800px) {
    #ts-courses-design .courses-features__phone { width: min(100%, 280px); }
}
@media (max-width: 600px) {
    #ts-courses-design .courses-features__phone { width: min(100%, 260px); margin-block: 16px; }
    #ts-courses-design .courses-features__col:first-child{ order:1 }
    #ts-courses-design .courses-features__col:last-child{ order:2 }
    #ts-courses-design .courses-features__phone{ order:3 }
}
/* Text-only reviews: remove the reserved avatar column at every breakpoint. */
#ts-courses-design .courses-reviews .courses-review,
#ts-courses-design .courses-reviews .courses-review:nth-child(2) {
    display: block;
    grid-template-columns: none;
}
#ts-courses-design .courses-reviews .courses-review > div { width: 100%; min-width: 0; }