/* ========================================================= TechnoTaau course / service pages ART & Clinical Embryology · BSc & MSc · Lab Training · Therapeutic · Diagnostic Classes are prefixed "ttp-". Colours, fonts, typography and spacing come from TechnoTaau → (page tab) → Style, as inline CSS variables on each section. Desktop > 1024px · Tablet 768–1024px (like desktop, smaller; or stacked) · Mobile <= 767px This file is generated: edit the source and rebuild. ========================================================= */ .ttp-sec { --ttp-bg: #F2FBF7; --ttp-surface: #FFFFFF; --ttp-ink: #003334; --ttp-body: #3B5355; --ttp-muted: #5D7273; --ttp-primary: #33CB98; --ttp-primary-dk: #1B6B4C; --ttp-mint: #33CB98; --ttp-mint-100: #D9F7ED; --ttp-mint-50: #F2FBF7; --ttp-peach: #7FD3AE; --ttp-peach-50: #F2FBF7; --ttp-peach-line: #D9F7ED; --ttp-note: #003334; --ttp-line: #D9F7ED; --ttp-on-dark: #FFFFFF; --ttp-on-dark-text: #C9DDD8; --ttp-star: #C2562A; --ttp-font-h: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --ttp-font-b: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --ttp-max: 1240px; --ttp-r-sm: 12px; --ttp-r-md: 14px; --ttp-r-lg: 16px; --ttp-r-xl: 20px; --ttp-sh-1: 0 1px 2px rgba(0,51,52,.05), 0 8px 20px -12px rgba(0,51,52,.12); --ttp-sh-2: 0 2px 6px rgba(0,51,52,.05), 0 18px 36px -20px rgba(0,51,52,.18); --ttp-ease: cubic-bezier(.2,.7,.2,1); /* current device values */ --ttp-gut: var(--ttp-gut-d, 64px); --ttp-sec: var(--ttp-sec-d, 120px); --ttp-top: var(--ttp-top-d, 40px); --ttp-own: var(--ttp-bg); position: relative; isolation: isolate; box-sizing: border-box; display: block; width: 100%; margin: 0; padding: var(--ttp-sec) 0; background: var(--ttp-own); color: var(--ttp-body); font-family: var(--ttp-font-b); font-size: 17px; line-height: 1.65; letter-spacing: normal; text-align: left; -webkit-font-smoothing: antialiased; overflow-x: clip; } @media (max-width: 1024px) { .ttp-sec { --ttp-gut: var(--ttp-gut-t, 32px); --ttp-sec: var(--ttp-sec-t, 96px); --ttp-top: var(--ttp-top-t, 28px); } } @media (max-width: 767px) { .ttp-sec { --ttp-gut: var(--ttp-gut-m, 16px); --ttp-sec: var(--ttp-sec-m, 72px); --ttp-top: var(--ttp-top-m, 12px); font-size: 16px; } } .ttp-sec *, .ttp-sec *::before, .ttp-sec *::after { box-sizing: border-box; } /* Any text can use any tag (H1–H6, div, span, p — chosen in the dashboard). Neutralise theme / Elementor-kit styles for those tags; component rules below are stronger. */ .ttp-sec .tt-tag { margin: 0; padding: 0; border: 0; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-decoration: inherit; color: inherit; background: none; } .ttp-sec :where(span.tt-tag, div.tt-tag) { display: block; } /* Zero-specificity resets, so every component rule wins without !important. */ :where(.ttp-sec) :where(p, ul, ol, li, h1, h2, h3, h4, h5, h6, figure, dl, dd, fieldset, legend) { margin: 0; padding: 0; } :where(.ttp-sec) :where(ul, ol) { list-style: none; } :where(.ttp-sec) :where(a) { color: inherit; text-decoration: none; } .ttp-sec ul, .ttp-sec ol { list-style: none; margin: 0; padding: 0; } .ttp-sec li { margin: 0; list-style: none; } .ttp-sec li::marker { content: none; } .ttp-sec a.ttp-btn, .ttp-sec a.ttp-btn:hover, .ttp-sec a.ttp-btn:focus, .ttp-sec a.ttp-pick, .ttp-sec a.ttp-pick:hover, .ttp-sec .ttp-adm-tel a { text-decoration: none !important; box-shadow: none; } .ttp-sec a.ttp-btn span, .ttp-sec a.ttp-pick .tt-tag { text-decoration: none !important; } :where(.ttp-sec) :where(img) { display: block; max-width: 100%; height: auto; border: 0; border-radius: 0; box-shadow: none; } .ttp-sec :focus-visible { outline: 3px solid var(--ttp-mint); outline-offset: 3px; border-radius: 6px; } .ttp-sec .ttp-wrap { position: relative; z-index: 1; width: 100%; max-width: calc(var(--ttp-max) + 2 * var(--ttp-gut)); margin: 0 auto; padding: 0 var(--ttp-gut); } .ttp-sec svg.ttp-i { display: block; width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .ttp-sec svg.ttp-i-sm { width: 18px; height: 18px; } .ttp-sec img.ttp-pos-top { object-position: center top; } .ttp-sec img.ttp-pos-bottom { object-position: center bottom; } .ttp-sec img.ttp-pos-left { object-position: left center; } .ttp-sec img.ttp-pos-right { object-position: right center; } .ttp-sec .ttp-img-empty { display: block; width: 100%; height: 100%; min-height: 60px; background: var(--ttp-mint-100); } .ttp-sec .tt-tag a, .ttp-sec .ttp-rich a { color: var(--ttp-primary-dk); text-decoration: underline; text-decoration-color: rgba(11,122,92,.35); text-underline-offset: 3px; } /* Elementor: a section / container holding these shortcodes gets no padding or gaps, so each band is full width (like the home page). */ .elementor-section:has(> .elementor-container .elementor-widget-shortcode .ttp-sec), .e-con:has(> .elementor-widget-shortcode .ttp-sec), .e-con:has(> .e-con-inner > .elementor-widget-shortcode .ttp-sec) { padding: 0 !important; } .elementor-column:has(.elementor-widget-shortcode .ttp-sec) > .elementor-widget-wrap { padding: 0 !important; } .elementor-widget-shortcode:has(.ttp-sec) { margin-bottom: 0 !important; } .elementor-widget-shortcode:has(.ttp-sec) .elementor-shortcode { line-height: normal; } /* Headings: no lonely last words (e.g. "2025-" / "26") */ .ttp-sec :is(.ttp-lh-title, .ttp-ai-h, .ttp-aw-h, .ttp-adm-h, .ttp-pi-h, .ttp-cw-h, .ttp-dh-title, .ttp-test-title, .ttp-group-h, .ttp-wc-h, .ttp-faq-h, .ttp-ap-title, .ttp-prog-title, .ttp-ct-main) { text-wrap: balance; } /* Sections with rounded top corners: the corners show the section above. */ .ttp-sec.ttp-round { background: var(--ttp-under, var(--ttp-bg)); } .ttp-sec.ttp-round::before { content: ""; position: absolute; inset: 0; z-index: 0; background: var(--ttp-own); border-radius: var(--ttp-round, 0) var(--ttp-round, 0) 0 0; pointer-events: none; } /* ---------- Buttons ---------- */ .ttp-sec .ttp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 0 26px; border: 0; border-radius: 999px; cursor: pointer; white-space: nowrap; text-decoration: none; text-align: center; transition: background-color .2s, color .2s, box-shadow .2s, transform .15s; } .ttp-sec .ttp-btn:active { transform: scale(.97); } .ttp-sec .ttp-btn .ttp-arr { stroke-width: 2; transition: transform .2s; } .ttp-sec .ttp-btn:hover .ttp-arr { transform: translateX(4px); } .ttp-sec .ttp-btn-primary { background: var(--ttp-primary); } .ttp-sec .ttp-btn-primary:hover, .ttp-sec .ttp-btn-primary:focus-visible { background: var(--ttp-primary-dk); box-shadow: 0 12px 24px -12px rgba(0,51,52,.45); } .ttp-sec .ttp-btn-dark { background: var(--ttp-ink); color: #fff; } .ttp-sec .ttp-btn-dark:hover { background: var(--ttp-primary-dk); } .ttp-sec .ttp-btn-mint { background: var(--ttp-mint); } .ttp-sec .ttp-btn-mint:hover { background: var(--ttp-primary-dk); } /* ---------- Ticks list ---------- */ .ttp-sec .ttp-ticks { margin-top: 12px; display: flex; flex-direction: column; gap: 10px; } .ttp-sec .ttp-ticks li { position: relative; padding-left: 28px; } .ttp-sec .ttp-ticks li::before { content: ""; position: absolute; left: 0; top: .12em; width: 18px; height: 18px; border-radius: 50%; background: var(--ttp-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat; } /* ---------- Facts (label + value boxes) ---------- */ .ttp-sec .ttp-pfacts { margin: 20px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .ttp-sec .ttp-pf { padding: 14px 16px; border-radius: 16px; background: var(--ttp-surface); border: 1px solid var(--ttp-line); min-width: 0; } .ttp-sec .ttp-pf.ttp-wide { grid-column: 1 / -1; } .ttp-sec .ttp-pf .ttp-pf-v { margin-top: 4px; overflow-wrap: anywhere; } .ttp-sec .ttp-pf.ttp-fee { background: var(--ttp-mint-50); border-color: var(--ttp-mint-100); } .ttp-sec.ttp-progs .ttp-pf.ttp-fee .ttp-pf-v { color: var(--ttp-ty-fvalue-c, var(--ttp-primary-dk)); } /* ========================================================= Hero + admission form ========================================================= */ .ttp-sec.ttp-lh { --ttp-own: var(--ttp-bg); padding: var(--ttp-top) 0 var(--ttp-sec); } .ttp-sec .ttp-lh-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 480px); gap: 72px; align-items: center; } .ttp-sec .ttp-form-card { position: relative; min-width: 0; scroll-margin-top: 110px; padding: 32px; border-radius: var(--ttp-r-xl); background: var(--ttp-surface); border: 1px solid var(--ttp-line); box-shadow: var(--ttp-sh-2); } .ttp-sec .ttp-form-card::before { content: ""; position: absolute; inset: -14px -14px auto auto; width: 120px; height: 120px; border-radius: 50%; background: var(--ttp-peach); opacity: .45; z-index: -1; } .ttp-sec .ttp-form-card.ttp-no-blob::before { display: none; } .ttp-sec .ttp-form-card.ttp-flash { animation: ttp-flash 1.2s var(--ttp-ease); } @keyframes ttp-flash { 0% { box-shadow: 0 0 0 0 rgba(51,203,152,.6), var(--ttp-sh-2); } 100% { box-shadow: 0 0 0 18px rgba(51,203,152,0), var(--ttp-sh-2); } } .ttp-sec .ttp-apply-form { display: flex; flex-direction: column; gap: 14px; margin: 0; } .ttp-sec .ttp-field { position: relative; margin: 0; } .ttp-sec .ttp-field input, .ttp-sec .ttp-field select { display: block; width: 100%; height: 60px; margin: 0; padding: 22px 16px 6px; border-radius: 14px; border: 1.5px solid var(--ttp-line); background: var(--ttp-bg); box-shadow: none; font: inherit; font-size: 16px; line-height: 1.3; color: var(--ttp-ink); transition: border-color .2s, background-color .2s, box-shadow .2s; -webkit-appearance: none; appearance: none; } .ttp-sec .ttp-field input:hover, .ttp-sec .ttp-field select:hover { border-color: #CFDDD7; } .ttp-sec .ttp-field input:focus, .ttp-sec .ttp-field select:focus { outline: none; border-color: var(--ttp-primary); background: var(--ttp-surface); box-shadow: 0 0 0 4px rgba(51,203,152,.18); } .ttp-sec .ttp-field label { position: absolute; left: 17px; top: 19px; margin: 0; font-size: 16px; line-height: 1.3; font-weight: 400; color: var(--ttp-muted); pointer-events: none; transition: top .18s var(--ttp-ease), font-size .18s var(--ttp-ease), color .18s; } .ttp-sec .ttp-field label span, .ttp-sec .ttp-choose legend span { color: var(--ttp-star); } .ttp-sec .ttp-field input:focus + label, .ttp-sec .ttp-field input:not(:placeholder-shown) + label { top: 8px; font-size: 12.5px; font-weight: 600; color: var(--ttp-primary-dk); } .ttp-sec .ttp-field-tel input { padding-left: 66px; } .ttp-sec .ttp-field-tel label { left: 67px; } .ttp-sec .ttp-cc { position: absolute; left: 8px; top: 8px; bottom: 8px; display: flex; align-items: center; padding: 0 10px; border-radius: 10px; background: var(--ttp-mint-100); color: var(--ttp-primary-dk); font-size: 15px; font-weight: 600; } .ttp-sec .ttp-field-select select { height: 56px; padding: 0 44px 0 16px; cursor: pointer; } .ttp-sec .ttp-field .ttp-sel-label { position: static; display: block; margin: 4px 0 8px 4px; font-size: 14px; font-weight: 600; color: var(--ttp-ink); pointer-events: auto; } .ttp-sec .ttp-sel-chev { position: absolute; right: 16px; bottom: 19px; width: 18px; height: 18px; color: var(--ttp-muted); pointer-events: none; } .ttp-sec .ttp-submit { margin-top: 6px; width: 100%; min-height: 56px; font-family: var(--ttp-font-h); font-size: 16px; letter-spacing: .1em; font-weight: 700; } .ttp-sec .ttp-choose { margin: 2px 0 0; padding: 0; border: 0; min-width: 0; } .ttp-sec .ttp-choose legend { padding: 0; margin: 4px 0 10px 4px; font-size: 14px; font-weight: 600; color: var(--ttp-ink); } .ttp-sec .ttp-choose-grid { display: flex; flex-direction: column; gap: 10px; } .ttp-sec .ttp-opt { position: relative; display: flex; align-items: center; gap: 14px; min-height: 56px; margin: 0; padding: 0 16px; border-radius: 14px; border: 1.5px solid var(--ttp-line); background: var(--ttp-bg); cursor: pointer; font-size: 16px; line-height: 1.35; font-weight: 500; color: var(--ttp-ink); transition: border-color .2s, background-color .2s; } .ttp-sec .ttp-opt:hover { border-color: #CFDDD7; } .ttp-sec .ttp-opt input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; } .ttp-sec .ttp-opt-box { flex-shrink: 0; width: 24px; height: 24px; border-radius: 7px; border: 2px solid #B9CCC5; background: #fff; display: flex; align-items: center; justify-content: center; color: #fff; transition: background-color .2s, border-color .2s; } .ttp-sec .ttp-opt-box svg.ttp-i { width: 15px; height: 15px; stroke-width: 3; opacity: 0; transition: opacity .15s; } .ttp-sec .ttp-opt:has(input:checked) { border-color: var(--ttp-primary); background: var(--ttp-mint-50); } .ttp-sec .ttp-opt input:checked + .ttp-opt-box { background: var(--ttp-primary); border-color: var(--ttp-primary); } .ttp-sec .ttp-opt input:checked + .ttp-opt-box svg.ttp-i { opacity: 1; } .ttp-sec .ttp-opt input:focus-visible + .ttp-opt-box { outline: 3px solid var(--ttp-mint); outline-offset: 2px; } /* Forminator form inside the card. Always: fonts and colours follow the page. With "Restyle the Forminator fields": rounded boxed fields and a full-width pill button (any Forminator design). */ .ttp-sec .ttp-form-card .forminator-ui.forminator-custom-form { margin: 0 !important; font-family: var(--ttp-font-b); } .ttp-sec .ttp-form-card .forminator-ui.forminator-custom-form .forminator-label { font-family: var(--ttp-font-b) !important; color: var(--ttp-muted) !important; } .ttp-sec .ttp-form-card .forminator-ui.forminator-custom-form .forminator-required { color: var(--ttp-star) !important; } .ttp-sec .ttp-form-card .forminator-ui.forminator-custom-form :is(.forminator-input, .forminator-textarea, .select2-selection__rendered) { font-family: var(--ttp-font-b) !important; color: var(--ttp-ink) !important; } .ttp-sec .ttp-form-card .forminator-ui.forminator-custom-form .forminator-button-submit { font-family: var(--ttp-font-h) !important; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .forminator-row { margin-bottom: 14px !important; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .forminator-row-last { margin-bottom: 0 !important; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .forminator-label { position: static !important; transform: none !important; display: block !important; margin: 0 0 6px 4px !important; padding: 0 !important; font-size: 13.5px !important; line-height: 1.3 !important; font-weight: 600 !important; color: var(--ttp-ink) !important; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form :is(.forminator-input, .forminator-textarea) { height: 52px !important; min-height: 52px; padding: 0 16px !important; border: 1.5px solid var(--ttp-line) !important; border-radius: 12px !important; background: var(--ttp-bg) !important; box-shadow: none !important; font-size: 16px !important; transition: border-color .2s, background-color .2s, box-shadow .2s; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .forminator-textarea { height: auto !important; min-height: 110px; padding: 14px 16px !important; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form :is(.forminator-input, .forminator-textarea):focus { border-color: var(--ttp-primary) !important; background: var(--ttp-surface) !important; box-shadow: 0 0 0 4px rgba(51,203,152,.18) !important; outline: none; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .forminator-field::after, .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .forminator-field::before { display: none !important; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .select2-container .select2-selection--single, .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .select2-container .select2-selection--multiple { min-height: 52px !important; height: auto !important; border: 1.5px solid var(--ttp-line) !important; border-radius: 12px !important; background: var(--ttp-bg) !important; box-shadow: none !important; padding: 0 12px !important; display: flex !important; align-items: center; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .select2-selection__rendered { padding: 0 24px 0 4px !important; line-height: 1.4 !important; font-size: 16px !important; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .iti { width: 100%; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .iti .forminator-input { padding-left: 52px !important; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .forminator-button-submit { width: 100% !important; min-height: 52px !important; margin: 6px 0 0 !important; padding: 0 24px !important; border: 0 !important; border-radius: 999px !important; background: var(--ttp-ink) !important; color: #fff !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .1em !important; box-shadow: none !important; cursor: pointer; transition: background-color .2s; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .forminator-button-submit:hover { background: var(--ttp-primary-dk) !important; } .ttp-sec .ttp-form-card.ttp-form-styled .forminator-ui.forminator-custom-form .forminator-g-recaptcha { max-width: 100%; overflow: hidden; } .ttp-sec .ttp-form-card .forminator-edit-module { display: inline-block; margin-top: 10px; font-size: 13px; } /* ========================================================= Intro (text + image) ========================================================= */ .ttp-sec.ttp-ai { --ttp-own: var(--ttp-surface); } .ttp-sec .ttp-ai-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; align-items: center; } .ttp-sec .ttp-ai-text { margin-top: 18px; } .ttp-sec .ttp-ai-text .tt-tag + .tt-tag { margin-top: 16px; } .ttp-sec .ttp-ai-img { border-radius: var(--ttp-r-xl); overflow: hidden; aspect-ratio: 4 / 5; box-shadow: var(--ttp-sh-2); background: var(--ttp-mint-100); } .ttp-sec .ttp-ai-img img { width: 100%; height: 100%; object-fit: cover; } /* ========================================================= Programme cards (ART) ========================================================= */ .ttp-sec.ttp-aprogs { --ttp-own: var(--ttp-surface); padding: 0 0 var(--ttp-sec); } .ttp-sec .ttp-aprog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .ttp-sec .ttp-ap { display: flex; flex-direction: column; padding: 32px; border-radius: var(--ttp-r-xl); background: var(--ttp-bg); border: 1px solid var(--ttp-line); transition: box-shadow .3s, transform .3s var(--ttp-ease), background-color .3s, opacity .6s var(--ttp-ease); } .ttp-sec .ttp-ap:hover { background: var(--ttp-surface); box-shadow: var(--ttp-sh-2); transform: translateY(-4px); } .ttp-sec .ttp-ap-top { display: flex; align-items: center; justify-content: space-between; } .ttp-sec .ttp-ap-cap { width: 52px; height: 52px; border-radius: 16px; background: var(--ttp-ink); color: var(--ttp-mint); display: flex; align-items: center; justify-content: center; } .ttp-sec .ttp-ap-cap svg.ttp-i { width: 26px; height: 26px; } .ttp-sec .ttp-ap-title { margin-top: 18px; } .ttp-sec .ttp-ap-h { margin-top: 24px; } .ttp-sec .ttp-ap .ttp-ticks { margin-bottom: 28px; } .ttp-sec .ttp-ap-apply { margin-top: auto; align-self: flex-start; } /* ========================================================= Icon cards (Why choose) ========================================================= */ .ttp-sec.ttp-aw { --ttp-own: var(--ttp-bg); } .ttp-sec .ttp-aw-grid { margin-top: 40px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .ttp-sec .ttp-aw-card { display: flex; flex-direction: column; padding: 28px; border-radius: var(--ttp-r-lg); background: var(--ttp-surface); border: 1px solid var(--ttp-line); transition: box-shadow .25s, transform .25s var(--ttp-ease), opacity .6s var(--ttp-ease); } .ttp-sec .ttp-aw-card:hover { box-shadow: var(--ttp-sh-2); transform: translateY(-3px); } .ttp-sec .ttp-aw-ic { width: 52px; height: 52px; border-radius: 16px; background: var(--ttp-mint-100); color: var(--ttp-primary); display: flex; align-items: center; justify-content: center; } .ttp-sec .ttp-aw-ic svg.ttp-i { width: 24px; height: 24px; } .ttp-sec .ttp-aw-t { margin: 18px 0 6px; } .ttp-sec .ttp-aw-close { margin-top: 32px; padding: 24px 28px; border-radius: var(--ttp-r-lg); background: var(--ttp-peach-50); border: 1px solid var(--ttp-peach-line); } .ttp-sec .ttp-aw-close .tt-tag + .tt-tag { margin-top: .6em; } /* ========================================================= Admission open (dark) ========================================================= */ .ttp-sec.ttp-adm { --ttp-own: var(--ttp-ink); overflow: hidden; } .ttp-sec.ttp-adm::before { content: ""; position: absolute; width: 620px; height: 620px; right: -240px; top: -300px; border-radius: 50%; background: radial-gradient(circle, rgba(51,203,152,.22), rgba(51,203,152,0) 65%); pointer-events: none; } .ttp-sec .ttp-adm-h { text-align: center; } .ttp-sec .ttp-adm-grid { margin: 48px auto 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; max-width: 1000px; } .ttp-sec .ttp-adm-card { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 32px; border-radius: var(--ttp-r-lg); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); } .ttp-sec .ttp-adm-ic { width: 56px; height: 56px; border-radius: 18px; background: var(--ttp-mint); color: var(--ttp-ink); display: flex; align-items: center; justify-content: center; } .ttp-sec .ttp-adm-ic svg.ttp-i { width: 26px; height: 26px; } .ttp-sec .ttp-adm-t { margin-top: 8px; } .ttp-sec .ttp-adm-p .tt-tag + .tt-tag { margin-top: .6em; } .ttp-sec .ttp-adm-tel { display: flex; flex-direction: column; } .ttp-sec .ttp-adm-tel a { display: inline-flex; align-items: center; min-height: 40px; text-decoration: none; } .ttp-sec.ttp-adm .ttp-adm-tel a:hover { color: var(--ttp-mint); } .ttp-sec .ttp-adm-card .ttp-btn { margin-top: auto; } /* ========================================================= Intro (centred, BSc) ========================================================= */ .ttp-sec.ttp-pi { --ttp-own: var(--ttp-surface); padding: var(--ttp-sec) 0 calc(var(--ttp-sec) / 2); } .ttp-sec .ttp-pi-card { max-width: 900px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; } .ttp-sec .ttp-pi-p { margin-top: 20px; } .ttp-sec .ttp-pi-p .tt-tag + .tt-tag { margin-top: 16px; } .ttp-sec .ttp-pi-card .ttp-btn { margin-top: 30px; min-height: 50px; padding: 0 28px; } /* ========================================================= Programme cards with image (BSc / MSc) ========================================================= */ .ttp-sec.ttp-progs { --ttp-own: var(--ttp-surface); padding: calc(var(--ttp-sec) / 2) 0 var(--ttp-sec); } .ttp-sec .ttp-prog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .ttp-sec .ttp-prog { display: flex; flex-direction: column; padding: 12px; border-radius: var(--ttp-r-xl); background: var(--ttp-bg); border: 1px solid var(--ttp-line); transition: box-shadow .3s, transform .3s var(--ttp-ease), background-color .3s, opacity .6s var(--ttp-ease); } .ttp-sec .ttp-prog:hover { background: var(--ttp-surface); box-shadow: var(--ttp-sh-2); transform: translateY(-4px); } .ttp-sec .ttp-prog-img { position: relative; border-radius: var(--ttp-r-lg); overflow: hidden; aspect-ratio: 16 / 10; background: var(--ttp-mint-100); } .ttp-sec .ttp-prog-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ttp-ease); } .ttp-sec .ttp-prog:hover .ttp-prog-img img { transform: scale(1.04); } .ttp-sec .ttp-prog-badge { position: absolute; left: 16px; top: 16px; z-index: 1; width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,.94); color: var(--ttp-primary); display: flex; align-items: center; justify-content: center; } .ttp-sec .ttp-prog-badge svg.ttp-i { width: 24px; height: 24px; } .ttp-sec .ttp-prog-body { flex: 1; display: flex; flex-direction: column; padding: 26px 16px 14px; } .ttp-sec .ttp-prog-body .ttp-pfacts { margin: 22px 0 26px; } .ttp-sec .ttp-prog-apply { margin-top: auto; align-self: flex-start; } /* ========================================================= Careers + why (BSc / MSc) ========================================================= */ .ttp-sec.ttp-cw { --ttp-own: var(--ttp-bg); } .ttp-sec .ttp-cw-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; align-items: start; } .ttp-sec .ttp-careers { padding: 40px; border-radius: var(--ttp-r-xl); background: var(--ttp-mint-50); border: 1px solid var(--ttp-mint-100); } .ttp-sec .ttp-cw-lead { margin-top: 14px; } .ttp-sec .ttp-roles { margin-top: 24px; display: flex; flex-direction: column; gap: 10px; } .ttp-sec .ttp-roles li { display: flex; align-items: center; gap: 14px; min-height: 60px; padding: 8px 18px 8px 8px; border-radius: 16px; background: var(--ttp-surface); } .ttp-sec .ttp-role-ic { flex-shrink: 0; width: 44px; height: 44px; border-radius: 13px; background: var(--ttp-mint-100); color: var(--ttp-primary); display: flex; align-items: center; justify-content: center; } .ttp-sec .ttp-role-ic svg.ttp-i { width: 21px; height: 21px; } .ttp-sec .ttp-why-list { margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .ttp-sec .ttp-why-list li { display: flex; flex-direction: column; gap: 14px; padding: 26px; border-radius: var(--ttp-r-lg); background: var(--ttp-surface); border: 1px solid var(--ttp-line); transition: box-shadow .25s, transform .25s var(--ttp-ease); } .ttp-sec .ttp-why-list li:hover { box-shadow: var(--ttp-sh-2); transform: translateY(-3px); } .ttp-sec .ttp-why-t { margin-bottom: 6px; } .ttp-sec .ttp-wn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 14px; background: var(--ttp-ink); } /* ========================================================= Training courses (Lab) ========================================================= */ .ttp-sec.ttp-courses { --ttp-own: var(--ttp-surface); } .ttp-sec .ttp-course-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .ttp-sec .ttp-course { display: flex; flex-direction: column; padding: 12px; border-radius: var(--ttp-r-xl); background: var(--ttp-bg); border: 1px solid var(--ttp-line); scroll-margin-top: 110px; transition: box-shadow .3s, transform .3s var(--ttp-ease), background-color .3s, opacity .6s var(--ttp-ease); } .ttp-sec .ttp-course:hover { background: var(--ttp-surface); box-shadow: var(--ttp-sh-2); transform: translateY(-4px); } .ttp-sec .ttp-course-img { position: relative; border-radius: var(--ttp-r-lg); overflow: hidden; aspect-ratio: 3 / 2; background: var(--ttp-mint-100); } .ttp-sec .ttp-course-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ttp-ease); } .ttp-sec .ttp-course:hover .ttp-course-img img { transform: scale(1.04); } .ttp-sec .ttp-course-num { position: absolute; left: 16px; top: 16px; z-index: 1; display: inline-flex; align-items: center; height: 36px; padding: 0 12px; border-radius: 999px; background: rgba(255,255,255,.92); } .ttp-sec .ttp-course-body { flex: 1; display: flex; flex-direction: column; padding: 24px 16px 14px; } .ttp-sec .ttp-ct-main { margin-top: 4px; } .ttp-sec .ttp-facts { margin-top: 20px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .ttp-sec .ttp-fact { padding: 12px 14px; border-radius: 16px; background: var(--ttp-surface); border: 1px solid var(--ttp-line); min-width: 0; } .ttp-sec .ttp-fact .ttp-fact-v { margin-top: 2px; overflow-wrap: anywhere; } .ttp-sec .ttp-fact.ttp-fee { background: var(--ttp-mint-50); border-color: var(--ttp-mint-100); } .ttp-sec.ttp-courses .ttp-fact.ttp-fee .ttp-fact-v { color: var(--ttp-ty-fvalue-c, var(--ttp-primary-dk)); } .ttp-sec .ttp-elig { margin: 16px 0 20px; } .ttp-sec .ttp-elig strong { color: var(--ttp-ink); font-weight: 600; } .ttp-sec .ttp-apply-btn { margin-top: auto; align-self: flex-start; } /* ========================================================= Page hero + picker (Therapeutic / Diagnostic) ========================================================= */ .ttp-sec.ttp-dh { --ttp-own: var(--ttp-bg); padding: calc(var(--ttp-top) + 8px) 0 var(--ttp-sec); } .ttp-sec .ttp-dh-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr); gap: 64px; align-items: center; } .ttp-sec .ttp-dh-copy { min-width: 0; } .ttp-sec .ttp-dh-tag { display: inline-flex; align-items: center; gap: 10px; height: 40px; padding: 0 18px 0 14px; border-radius: 999px; background: var(--ttp-mint-100); } .ttp-sec .ttp-dh-tag::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ttp-primary); flex-shrink: 0; } .ttp-sec .ttp-dh-title { margin-top: 22px; } .ttp-sec .ttp-dh-lead { margin-top: 22px; max-width: 640px; } .ttp-sec .ttp-dh-lead .tt-tag + .tt-tag { margin-top: 16px; } .ttp-sec .ttp-picker { display: flex; flex-direction: column; gap: 12px; padding: 14px; border-radius: var(--ttp-r-xl); background: var(--ttp-surface); border: 1px solid var(--ttp-line); box-shadow: var(--ttp-sh-2); } .ttp-sec .ttp-pick { display: grid; grid-template-columns: 72px minmax(0, 1fr) 20px; gap: 16px; align-items: center; min-height: 72px; padding: 8px 16px 8px 8px; border-radius: var(--ttp-r-md); background: var(--ttp-bg); text-decoration: none; transition: background-color .2s, box-shadow .2s, transform .2s var(--ttp-ease); } .ttp-sec .ttp-pick:hover { background: var(--ttp-mint-50); box-shadow: inset 0 0 0 1px var(--ttp-mint-100); transform: translateX(3px); } .ttp-sec .ttp-pick img, .ttp-sec .ttp-pick .ttp-img-empty { width: 72px; height: 60px; min-height: 0; border-radius: 14px; object-fit: cover; } .ttp-sec .ttp-pick svg.ttp-pick-chev { width: 18px; height: 18px; color: var(--ttp-primary); transform: rotate(-90deg); } .ttp-sec .ttp-picker--groups { gap: 8px; } .ttp-sec .ttp-picker--groups .ttp-pick { min-height: 64px; } .ttp-sec .ttp-picker--groups .ttp-pick img, .ttp-sec .ttp-picker--groups .ttp-pick .ttp-img-empty { height: 52px; } .ttp-sec .ttp-pick-group { padding: 12px 8px 2px; } .ttp-sec .ttp-pick-group:first-child { padding-top: 4px; } /* ========================================================= Tests / therapies (image + text, alternating) ========================================================= */ .ttp-sec.ttp-tests { --ttp-own: var(--ttp-surface); overflow-x: visible; } .ttp-sec .ttp-tests-h { text-align: center; } .ttp-sec .ttp-tests-h::after { content: ""; display: block; width: 48px; height: 3px; border-radius: 3px; background: var(--ttp-mint); margin: 14px auto 0; } .ttp-sec .ttp-test { margin-top: 56px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; align-items: start; scroll-margin-top: 110px; } .ttp-sec .ttp-wrap > .ttp-test:first-child, .ttp-sec .ttp-wrap > .ttp-group:first-child { margin-top: 0; } .ttp-sec .ttp-test + .ttp-test { padding-top: 56px; border-top: 1px solid var(--ttp-line); } .ttp-sec .ttp-test.ttp-flip { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } .ttp-sec .ttp-test.ttp-flip .ttp-test-media { order: 2; } .ttp-sec .ttp-test-media { position: sticky; top: 120px; border-radius: var(--ttp-r-xl); overflow: hidden; aspect-ratio: 5 / 4; background: var(--ttp-mint-100); box-shadow: var(--ttp-sh-2); } .ttp-sec .ttp-test-media img { width: 100%; height: 100%; object-fit: cover; } .ttp-sec .ttp-test-num { position: absolute; left: 18px; top: 18px; z-index: 1; display: inline-flex; align-items: center; justify-content: center; min-width: 52px; height: 40px; padding: 0 12px; border-radius: 999px; background: rgba(255,255,255,.92); } .ttp-sec .ttp-test-body { min-width: 0; } .ttp-sec .ttp-q { margin-top: 26px; } .ttp-sec .ttp-test-p { margin-top: 10px; } .ttp-sec .ttp-test-title + .ttp-test-p { margin-top: 20px; } .ttp-sec .ttp-test-p .tt-tag + .tt-tag { margin-top: .8em; } .ttp-sec .ttp-duo { margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .ttp-sec .ttp-test-body > .ttp-box { margin-top: 24px; } .ttp-sec .ttp-box { padding: 22px; border-radius: var(--ttp-r-md); background: var(--ttp-bg); border: 1px solid var(--ttp-line); min-width: 0; } .ttp-sec .ttp-box-h { display: flex; align-items: center; gap: 12px; } .ttp-sec .ttp-box-ic { flex-shrink: 0; width: 36px; height: 36px; border-radius: 12px; background: var(--ttp-mint-100); color: var(--ttp-primary); display: flex; align-items: center; justify-content: center; } .ttp-sec .ttp-box-ic svg.ttp-i { width: 18px; height: 18px; } .ttp-sec .ttp-box .ttp-ticks { margin-top: 14px; } .ttp-sec .ttp-test-foot { margin-top: 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 18px 18px 24px; border-radius: var(--ttp-r-md); background: var(--ttp-peach-50); border: 1px solid var(--ttp-peach-line); } .ttp-sec .ttp-test-foot .ttp-btn { flex-shrink: 0; } .ttp-sec .ttp-note .tt-tag + .tt-tag { margin-top: .6em; } .ttp-sec .ttp-group + .ttp-group { margin-top: 88px; } .ttp-sec .ttp-group-head { display: flex; align-items: center; gap: 20px; padding: 22px 28px; border-radius: var(--ttp-r-lg); background: var(--ttp-mint-50); border: 1px solid var(--ttp-mint-100); } .ttp-sec .ttp-group-num { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: var(--ttp-ink); } .ttp-sec .ttp-group .ttp-test:first-of-type { margin-top: 48px; } .ttp-sec .ttp-group .ttp-test + .ttp-test { margin-top: 56px; } /* ========================================================= Why choose (dark): statement and cards ========================================================= */ .ttp-sec.ttp-wcs, .ttp-sec.ttp-wc { --ttp-own: var(--ttp-ink); overflow: hidden; } .ttp-sec.ttp-wcs::before, .ttp-sec.ttp-wc::before { content: ""; position: absolute; width: 620px; height: 620px; left: -220px; bottom: -320px; border-radius: 50%; background: radial-gradient(circle, rgba(51,203,152,.2), rgba(51,203,152,0) 65%); pointer-events: none; } .ttp-sec .ttp-wc-ic { flex-shrink: 0; width: 56px; height: 56px; border-radius: 18px; background: var(--ttp-mint); color: var(--ttp-ink); display: flex; align-items: center; justify-content: center; } .ttp-sec .ttp-wc-ic svg.ttp-i { width: 26px; height: 26px; } .ttp-sec .ttp-wc-statement { max-width: 900px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; } .ttp-sec .ttp-wc-statement .ttp-wc-h { margin-top: 24px; } .ttp-sec .ttp-wc-p { margin-top: 20px; } .ttp-sec .ttp-wc-p .tt-tag + .tt-tag { margin-top: .8em; } .ttp-sec .ttp-wc-p a { color: var(--ttp-mint); } .ttp-sec .ttp-wc-em { display: block; margin-top: 22px; padding: 18px 24px; border-radius: var(--ttp-r-md); background: rgba(51,203,152,.12); border: 1px solid rgba(51,203,152,.3); } .ttp-sec .ttp-wc-em strong { color: var(--ttp-mint); font-style: normal; font-weight: 700; } .ttp-sec.ttp-wc .ttp-wc-h { max-width: 760px; } .ttp-sec .ttp-wc-grid { margin-top: 48px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .ttp-sec .ttp-wc-card { padding: 32px; border-radius: var(--ttp-r-lg); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); transition: background-color .25s, transform .25s var(--ttp-ease), opacity .6s var(--ttp-ease); } .ttp-sec .ttp-wc-card:hover { background: rgba(255,255,255,.1); transform: translateY(-4px); } .ttp-sec .ttp-wc-t { margin-top: 22px; } .ttp-sec .ttp-wc-cp { margin-top: 10px; } /* ========================================================= FAQ ========================================================= */ .ttp-sec.ttp-faq { --ttp-own: var(--ttp-bg); } .ttp-sec .ttp-faq-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 56px; align-items: start; } .ttp-sec .ttp-faq-list { display: flex; flex-direction: column; gap: 12px; } .ttp-sec .ttp-qa { margin: 0; border-radius: var(--ttp-r-md); background: var(--ttp-surface); border: 1px solid var(--ttp-line); transition: box-shadow .25s, border-color .25s; } .ttp-sec .ttp-qa[open] { border-color: var(--ttp-mint-100); box-shadow: var(--ttp-sh-1); } .ttp-sec .ttp-qa summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 64px; margin: 0; padding: 16px 20px 16px 24px; border-radius: var(--ttp-r-md); } .ttp-sec .ttp-qa summary::-webkit-details-marker { display: none; } .ttp-sec .ttp-qa summary::marker { content: ""; } .ttp-sec.ttp-faq .ttp-qa summary:hover .ttp-qa-q { color: var(--ttp-primary); } .ttp-sec .ttp-pm { position: relative; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background: var(--ttp-mint-50); transition: background-color .2s; } .ttp-sec .ttp-pm::before, .ttp-sec .ttp-pm::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; border-radius: 2px; background: var(--ttp-primary); transform: translate(-50%, -50%); } .ttp-sec .ttp-pm::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .3s var(--ttp-ease); } .ttp-sec .ttp-qa[open] .ttp-pm { background: var(--ttp-primary); } .ttp-sec .ttp-qa[open] .ttp-pm::before, .ttp-sec .ttp-qa[open] .ttp-pm::after { background: #fff; } .ttp-sec .ttp-qa[open] .ttp-pm::after { transform: translate(-50%, -50%) rotate(0); } .ttp-sec .ttp-qa-a { padding: 0 24px 22px; } .ttp-sec .ttp-qa-a .tt-tag + .tt-tag { margin-top: .8em; } /* ========================================================= Scroll reveal (only when pages.js runs; content is visible without it) ========================================================= */ .ttp-sec .ttp-rv.ttp-rv-on { transition-property: opacity, transform, box-shadow, background-color; transition-duration: .6s, .6s, .3s, .3s; transition-timing-function: var(--ttp-ease); transition-delay: var(--d, 0ms), var(--d, 0ms), 0ms, 0ms; } .ttp-sec .ttp-rv.ttp-rv-on:not(.ttp-in) { opacity: 0; transform: translateY(18px); } .ttp-sec .ttp-rv.ttp-rv-on.ttp-in { transition-delay: 0ms; } /* ========================================================= Tablet 768–1024px, "like desktop, smaller" (default) ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .ttp-sec:not(.ttp-t-stack) .ttp-lh-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 380px); gap: 32px; } .ttp-sec:not(.ttp-t-stack) .ttp-form-card { padding: 22px; border-radius: var(--ttp-r-lg); } .ttp-sec:not(.ttp-t-stack) .ttp-ai-grid { gap: 36px; } .ttp-sec:not(.ttp-t-stack) .ttp-ai-img { border-radius: var(--ttp-r-lg); } .ttp-sec:not(.ttp-t-stack) .ttp-aprog-grid, .ttp-sec:not(.ttp-t-stack) .ttp-prog-grid, .ttp-sec:not(.ttp-t-stack) .ttp-course-grid { gap: 18px; } .ttp-sec:not(.ttp-t-stack) .ttp-ap { padding: 24px; border-radius: var(--ttp-r-lg); } .ttp-sec:not(.ttp-t-stack) .ttp-pfacts { grid-template-columns: 1fr; gap: 8px; } .ttp-sec:not(.ttp-t-stack) .ttp-pf { padding: 12px 14px; } .ttp-sec:not(.ttp-t-stack) .ttp-aw-grid { gap: 14px; margin-top: 32px; } .ttp-sec:not(.ttp-t-stack) .ttp-aw-card { padding: 22px; } .ttp-sec:not(.ttp-t-stack) .ttp-adm-grid { gap: 16px; margin-top: 40px; } .ttp-sec:not(.ttp-t-stack) .ttp-adm-card { padding: 24px; } .ttp-sec:not(.ttp-t-stack) .ttp-prog { border-radius: var(--ttp-r-lg); padding: 10px; } .ttp-sec:not(.ttp-t-stack) .ttp-prog-img { border-radius: var(--ttp-r-md); } .ttp-sec:not(.ttp-t-stack) .ttp-prog-body { padding: 20px 10px 10px; } .ttp-sec:not(.ttp-t-stack) .ttp-prog-body .ttp-pfacts { margin: 18px 0 20px; } .ttp-sec:not(.ttp-t-stack) .ttp-cw-grid { gap: 28px; } .ttp-sec:not(.ttp-t-stack) .ttp-careers { padding: 26px 22px; border-radius: var(--ttp-r-lg); } .ttp-sec:not(.ttp-t-stack) .ttp-why-list { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; } .ttp-sec:not(.ttp-t-stack) .ttp-why-list li { padding: 20px; flex-direction: row; align-items: flex-start; } .ttp-sec:not(.ttp-t-stack) .ttp-course { padding: 10px; border-radius: var(--ttp-r-lg); } .ttp-sec:not(.ttp-t-stack) .ttp-course-img { border-radius: var(--ttp-r-md); } .ttp-sec:not(.ttp-t-stack) .ttp-course-body { padding: 18px 8px 8px; } .ttp-sec:not(.ttp-t-stack) .ttp-facts { gap: 8px; } .ttp-sec:not(.ttp-t-stack) .ttp-fact { padding: 10px; } .ttp-sec:not(.ttp-t-stack) .ttp-dh-grid { gap: 32px; } .ttp-sec:not(.ttp-t-stack) .ttp-picker { padding: 10px; gap: 8px; border-radius: var(--ttp-r-lg); } .ttp-sec:not(.ttp-t-stack) .ttp-pick { grid-template-columns: 56px minmax(0, 1fr) 16px; gap: 12px; min-height: 60px; padding: 6px 10px 6px 6px; border-radius: 16px; } .ttp-sec:not(.ttp-t-stack) .ttp-pick img, .ttp-sec:not(.ttp-t-stack) .ttp-pick .ttp-img-empty { width: 56px; height: 48px; border-radius: 12px; } .ttp-sec:not(.ttp-t-stack) .ttp-pick-group { padding: 8px 6px 0; } .ttp-sec:not(.ttp-t-stack) .ttp-test { gap: 32px; margin-top: 40px; } .ttp-sec:not(.ttp-t-stack) .ttp-test + .ttp-test { padding-top: 40px; } .ttp-sec:not(.ttp-t-stack) .ttp-group .ttp-test:first-of-type { margin-top: 36px; } .ttp-sec:not(.ttp-t-stack) .ttp-group .ttp-test + .ttp-test { margin-top: 40px; } .ttp-sec:not(.ttp-t-stack) .ttp-test-media { top: 100px; border-radius: var(--ttp-r-lg); } .ttp-sec:not(.ttp-t-stack) .ttp-duo { grid-template-columns: 1fr; gap: 12px; } .ttp-sec:not(.ttp-t-stack) .ttp-box { padding: 18px; } .ttp-sec:not(.ttp-t-stack) .ttp-test-foot { flex-direction: column; align-items: flex-start; gap: 14px; padding: 18px; } .ttp-sec:not(.ttp-t-stack) .ttp-group + .ttp-group { margin-top: 64px; } .ttp-sec:not(.ttp-t-stack) .ttp-group-head { gap: 16px; padding: 18px 22px; } .ttp-sec:not(.ttp-t-stack) .ttp-group-num { width: 48px; height: 48px; border-radius: 16px; } .ttp-sec:not(.ttp-t-stack) .ttp-wc-grid { gap: 14px; margin-top: 36px; } .ttp-sec:not(.ttp-t-stack) .ttp-wc-card { padding: 22px; } .ttp-sec:not(.ttp-t-stack) .ttp-wc-ic { width: 48px; height: 48px; border-radius: 16px; } .ttp-sec:not(.ttp-t-stack) .ttp-wc-t { margin-top: 16px; } .ttp-sec:not(.ttp-t-stack) .ttp-faq-grid { gap: 32px; } .ttp-sec:not(.ttp-t-stack) .ttp-qa summary { padding: 14px 16px 14px 20px; } .ttp-sec:not(.ttp-t-stack) .ttp-qa-a { padding: 0 20px 18px; } } /* ========================================================= Stacked layout: tablet when set to "Stacked", and always on mobile. (The same rules, once for stacked tablets and once for mobile.) ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .ttp-sec.ttp-t-stack .ttp-lh-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; } .ttp-sec.ttp-t-stack .ttp-lh-title { max-width: 640px; } .ttp-sec.ttp-t-stack .ttp-form-card { max-width: 620px; width: 100%; } .ttp-sec.ttp-t-stack .ttp-ai-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; } .ttp-sec.ttp-t-stack .ttp-ai-img { aspect-ratio: 16 / 9; } .ttp-sec.ttp-t-stack .ttp-aprog-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; } .ttp-sec.ttp-t-stack .ttp-aw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ttp-sec.ttp-t-stack .ttp-prog-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } .ttp-sec.ttp-t-stack .ttp-prog { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 6px; } .ttp-sec.ttp-t-stack .ttp-prog-img { aspect-ratio: auto; min-height: 100%; } .ttp-sec.ttp-t-stack .ttp-prog-img img { position: absolute; inset: 0; } .ttp-sec.ttp-t-stack .ttp-cw-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; } .ttp-sec.ttp-t-stack .ttp-course-grid { gap: 18px; } .ttp-sec.ttp-t-stack .ttp-fact { padding: 10px 12px; } .ttp-sec.ttp-t-stack .ttp-dh-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; } .ttp-sec.ttp-t-stack .ttp-picker { flex-direction: row; padding: 10px; border-radius: var(--ttp-r-lg); } .ttp-sec.ttp-t-stack .ttp-pick { flex: 1; grid-template-columns: 1fr; gap: 10px; padding: 8px 8px 14px; align-content: start; } .ttp-sec.ttp-t-stack .ttp-pick img, .ttp-sec.ttp-t-stack .ttp-pick .ttp-img-empty { width: 100%; height: auto; aspect-ratio: 5 / 4; } .ttp-sec.ttp-t-stack .ttp-pick svg.ttp-pick-chev { display: none; } .ttp-sec.ttp-t-stack .ttp-pick-t { padding: 0 4px; } .ttp-sec.ttp-t-stack .ttp-picker.ttp-picker--groups { flex-direction: column; padding: 12px; } .ttp-sec.ttp-t-stack .ttp-picker--groups .ttp-pick { grid-template-columns: 64px minmax(0, 1fr) 18px; gap: 14px; padding: 6px 14px 6px 6px; align-content: center; } .ttp-sec.ttp-t-stack .ttp-picker--groups .ttp-pick img, .ttp-sec.ttp-t-stack .ttp-picker--groups .ttp-pick .ttp-img-empty { width: 64px; height: 52px; aspect-ratio: auto; } .ttp-sec.ttp-t-stack .ttp-picker--groups .ttp-pick svg.ttp-pick-chev { display: block; } .ttp-sec.ttp-t-stack .ttp-picker--groups .ttp-pick-t { padding: 0; } .ttp-sec.ttp-t-stack .ttp-test, .ttp-sec.ttp-t-stack .ttp-test.ttp-flip { grid-template-columns: minmax(0, 1fr); gap: 28px; } .ttp-sec.ttp-t-stack .ttp-test.ttp-flip .ttp-test-media { order: 0; } .ttp-sec.ttp-t-stack .ttp-test-media { position: relative; top: auto; aspect-ratio: 16 / 9; } .ttp-sec.ttp-t-stack .ttp-group + .ttp-group { margin-top: 72px; } .ttp-sec.ttp-t-stack .ttp-wc-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; } .ttp-sec.ttp-t-stack .ttp-wc-card { display: grid; grid-template-columns: 56px 1fr; column-gap: 20px; padding: 24px; } .ttp-sec.ttp-t-stack .ttp-wc-t { margin-top: 0; } .ttp-sec.ttp-t-stack .ttp-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; } } @media (max-width: 767px) { .ttp-sec .ttp-lh-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; } .ttp-sec .ttp-lh-title { max-width: 640px; } .ttp-sec .ttp-form-card { max-width: 620px; width: 100%; } .ttp-sec .ttp-ai-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; } .ttp-sec .ttp-ai-img { aspect-ratio: 16 / 9; } .ttp-sec .ttp-aprog-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; } .ttp-sec .ttp-aw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ttp-sec .ttp-prog-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } .ttp-sec .ttp-prog { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 6px; } .ttp-sec .ttp-prog-img { aspect-ratio: auto; min-height: 100%; } .ttp-sec .ttp-prog-img img { position: absolute; inset: 0; } .ttp-sec .ttp-cw-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; } .ttp-sec .ttp-course-grid { gap: 18px; } .ttp-sec .ttp-fact { padding: 10px 12px; } .ttp-sec .ttp-dh-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; } .ttp-sec .ttp-picker { flex-direction: row; padding: 10px; border-radius: var(--ttp-r-lg); } .ttp-sec .ttp-pick { flex: 1; grid-template-columns: 1fr; gap: 10px; padding: 8px 8px 14px; align-content: start; } .ttp-sec .ttp-pick img, .ttp-sec .ttp-pick .ttp-img-empty { width: 100%; height: auto; aspect-ratio: 5 / 4; } .ttp-sec .ttp-pick svg.ttp-pick-chev { display: none; } .ttp-sec .ttp-pick-t { padding: 0 4px; } .ttp-sec .ttp-picker.ttp-picker--groups { flex-direction: column; padding: 12px; } .ttp-sec .ttp-picker--groups .ttp-pick { grid-template-columns: 64px minmax(0, 1fr) 18px; gap: 14px; padding: 6px 14px 6px 6px; align-content: center; } .ttp-sec .ttp-picker--groups .ttp-pick img, .ttp-sec .ttp-picker--groups .ttp-pick .ttp-img-empty { width: 64px; height: 52px; aspect-ratio: auto; } .ttp-sec .ttp-picker--groups .ttp-pick svg.ttp-pick-chev { display: block; } .ttp-sec .ttp-picker--groups .ttp-pick-t { padding: 0; } .ttp-sec .ttp-test, .ttp-sec .ttp-test.ttp-flip { grid-template-columns: minmax(0, 1fr); gap: 28px; } .ttp-sec .ttp-test.ttp-flip .ttp-test-media { order: 0; } .ttp-sec .ttp-test-media { position: relative; top: auto; aspect-ratio: 16 / 9; } .ttp-sec .ttp-group + .ttp-group { margin-top: 72px; } .ttp-sec .ttp-wc-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; } .ttp-sec .ttp-wc-card { display: grid; grid-template-columns: 56px 1fr; column-gap: 20px; padding: 24px; } .ttp-sec .ttp-wc-t { margin-top: 0; } .ttp-sec .ttp-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; } } /* ========================================================= Mobile <= 767px (in addition to the stacked rules) ========================================================= */ @media (max-width: 767px) { .ttp-sec .ttp-form-card { padding: 20px; border-radius: var(--ttp-r-lg); } .ttp-sec .ttp-form-card::before { display: none; } .ttp-sec .ttp-ai-img { aspect-ratio: 4 / 3; border-radius: var(--ttp-r-lg); } .ttp-sec .ttp-ap { padding: 22px 18px; border-radius: var(--ttp-r-lg); } .ttp-sec .ttp-ap:hover, .ttp-sec .ttp-prog:hover, .ttp-sec .ttp-course:hover { transform: none; } .ttp-sec .ttp-pfacts { grid-template-columns: 1fr; gap: 8px; } .ttp-sec .ttp-ap-apply, .ttp-sec .ttp-prog-apply, .ttp-sec .ttp-apply-btn { align-self: stretch; } .ttp-sec .ttp-aw-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 28px; } .ttp-sec .ttp-aw-card { padding: 22px; } .ttp-sec .ttp-aw-close { padding: 20px; } .ttp-sec .ttp-adm-grid { grid-template-columns: 1fr; margin-top: 32px; gap: 14px; } .ttp-sec .ttp-adm-card { padding: 24px; } .ttp-sec .ttp-adm-card .ttp-btn { width: 100%; } .ttp-sec .ttp-pi-card { text-align: left; align-items: flex-start; } .ttp-sec .ttp-pi-card .ttp-btn { width: 100%; } .ttp-sec .ttp-prog { display: flex; padding: 10px; border-radius: var(--ttp-r-lg); } .ttp-sec .ttp-prog-img { aspect-ratio: 16 / 10; min-height: 0; border-radius: var(--ttp-r-md); } .ttp-sec .ttp-prog-img img { position: static; } .ttp-sec .ttp-prog-body { padding: 20px 8px 8px; } .ttp-sec .ttp-prog-body .ttp-pfacts { margin: 18px 0 20px; } .ttp-sec .ttp-careers { padding: 24px 18px; border-radius: var(--ttp-r-lg); } .ttp-sec .ttp-roles li { min-height: 56px; } .ttp-sec .ttp-why-list { grid-template-columns: 1fr; gap: 12px; } .ttp-sec .ttp-why-list li { padding: 20px; } .ttp-sec .ttp-course-grid { grid-template-columns: 1fr; gap: 16px; } .ttp-sec .ttp-course { padding: 10px; border-radius: var(--ttp-r-lg); } .ttp-sec .ttp-course-img { border-radius: var(--ttp-r-md); } .ttp-sec .ttp-course-body { padding: 18px 8px 8px; } .ttp-sec .ttp-facts { gap: 8px; } .ttp-sec .ttp-fact { padding: 10px; } .ttp-sec .ttp-picker, .ttp-sec .ttp-picker.ttp-picker--groups { flex-direction: column; padding: 10px; } .ttp-sec .ttp-pick, .ttp-sec .ttp-picker--groups .ttp-pick { grid-template-columns: 60px minmax(0, 1fr) 18px; gap: 14px; padding: 6px 12px 6px 6px; align-content: center; } .ttp-sec .ttp-pick img, .ttp-sec .ttp-pick .ttp-img-empty, .ttp-sec .ttp-picker--groups .ttp-pick img { width: 60px; height: 52px; aspect-ratio: auto; } .ttp-sec .ttp-pick svg.ttp-pick-chev { display: block; } .ttp-sec .ttp-pick-t { padding: 0; } .ttp-sec .ttp-test { margin-top: 36px; gap: 22px; } .ttp-sec .ttp-test + .ttp-test { padding-top: 40px; } .ttp-sec .ttp-test-media { aspect-ratio: 5 / 4; border-radius: var(--ttp-r-lg); } .ttp-sec .ttp-duo { grid-template-columns: 1fr; } .ttp-sec .ttp-box { padding: 18px; } .ttp-sec .ttp-test-foot { flex-direction: column; align-items: stretch; padding: 18px; } .ttp-sec .ttp-test-foot .ttp-btn { width: 100%; } .ttp-sec .ttp-group + .ttp-group { margin-top: 56px; } .ttp-sec .ttp-group-head { align-items: flex-start; gap: 14px; padding: 18px; } .ttp-sec .ttp-group-num { width: 44px; height: 44px; border-radius: 14px; } .ttp-sec .ttp-group .ttp-test:first-of-type { margin-top: 28px; } .ttp-sec .ttp-group .ttp-test + .ttp-test { margin-top: 40px; } .ttp-sec .ttp-wc-statement { text-align: left; align-items: flex-start; } .ttp-sec .ttp-wc-grid { margin-top: 32px; } .ttp-sec .ttp-wc-card { grid-template-columns: 1fr; padding: 22px; } .ttp-sec .ttp-wc-card .ttp-wc-ic { width: 48px; height: 48px; } .ttp-sec .ttp-wc-t { margin-top: 16px; } .ttp-sec .ttp-qa summary { padding: 14px 14px 14px 18px; } .ttp-sec .ttp-qa-a { padding: 0 18px 18px; } } @media (prefers-reduced-motion: reduce) { .ttp-sec *, .ttp-sec *::before, .ttp-sec *::after { transition-duration: 0s !important; animation: none !important; } .ttp-sec .ttp-rv.ttp-rv-on:not(.ttp-in) { opacity: 1; transform: none; } } /* ========================================================= Typography (generated): font, size, weight, line height, spacing, transform, style and colour of every text, per device. ========================================================= */ .ttp-sec.ttp-lh{--ttp-ty-title-fs:var(--ttp-ty-title-fs-d);--ttp-ty-title-lh:var(--ttp-ty-title-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-lh{--ttp-ty-title-fs:var(--ttp-ty-title-fs-t);--ttp-ty-title-lh:var(--ttp-ty-title-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-lh{--ttp-ty-title-fs:var(--ttp-ty-title-fs-m);--ttp-ty-title-lh:var(--ttp-ty-title-lh-m);}} .ttp-sec.ttp-lh .ttp-lh-title{font-family:var(--ttp-ty-title-ff);font-size:var(--ttp-ty-title-fs);font-weight:var(--ttp-ty-title-fw);line-height:var(--ttp-ty-title-lh);letter-spacing:var(--ttp-ty-title-ls);text-transform:var(--ttp-ty-title-tt);font-style:var(--ttp-ty-title-fst);color:var(--ttp-ty-title-c,var(--ttp-ink));} .ttp-sec.ttp-ai{--ttp-ty-title-fs:var(--ttp-ty-title-fs-d);--ttp-ty-title-lh:var(--ttp-ty-title-lh-d);--ttp-ty-text-fs:var(--ttp-ty-text-fs-d);--ttp-ty-text-lh:var(--ttp-ty-text-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-ai{--ttp-ty-title-fs:var(--ttp-ty-title-fs-t);--ttp-ty-title-lh:var(--ttp-ty-title-lh-t);--ttp-ty-text-fs:var(--ttp-ty-text-fs-t);--ttp-ty-text-lh:var(--ttp-ty-text-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-ai{--ttp-ty-title-fs:var(--ttp-ty-title-fs-m);--ttp-ty-title-lh:var(--ttp-ty-title-lh-m);--ttp-ty-text-fs:var(--ttp-ty-text-fs-m);--ttp-ty-text-lh:var(--ttp-ty-text-lh-m);}} .ttp-sec.ttp-ai .ttp-ai-h{font-family:var(--ttp-ty-title-ff);font-size:var(--ttp-ty-title-fs);font-weight:var(--ttp-ty-title-fw);line-height:var(--ttp-ty-title-lh);letter-spacing:var(--ttp-ty-title-ls);text-transform:var(--ttp-ty-title-tt);font-style:var(--ttp-ty-title-fst);color:var(--ttp-ty-title-c,var(--ttp-ink));} .ttp-sec.ttp-ai .ttp-ai-text{font-family:var(--ttp-ty-text-ff);font-size:var(--ttp-ty-text-fs);font-weight:var(--ttp-ty-text-fw);line-height:var(--ttp-ty-text-lh);letter-spacing:var(--ttp-ty-text-ls);text-transform:var(--ttp-ty-text-tt);font-style:var(--ttp-ty-text-fst);color:var(--ttp-ty-text-c,var(--ttp-body));} .ttp-sec.ttp-aprogs{--ttp-ty-num-fs:var(--ttp-ty-num-fs-d);--ttp-ty-num-lh:var(--ttp-ty-num-lh-d);--ttp-ty-title-fs:var(--ttp-ty-title-fs-d);--ttp-ty-title-lh:var(--ttp-ty-title-lh-d);--ttp-ty-flabel-fs:var(--ttp-ty-flabel-fs-d);--ttp-ty-flabel-lh:var(--ttp-ty-flabel-lh-d);--ttp-ty-fvalue-fs:var(--ttp-ty-fvalue-fs-d);--ttp-ty-fvalue-lh:var(--ttp-ty-fvalue-lh-d);--ttp-ty-sub-fs:var(--ttp-ty-sub-fs-d);--ttp-ty-sub-lh:var(--ttp-ty-sub-lh-d);--ttp-ty-list-fs:var(--ttp-ty-list-fs-d);--ttp-ty-list-lh:var(--ttp-ty-list-lh-d);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-d);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-aprogs{--ttp-ty-num-fs:var(--ttp-ty-num-fs-t);--ttp-ty-num-lh:var(--ttp-ty-num-lh-t);--ttp-ty-title-fs:var(--ttp-ty-title-fs-t);--ttp-ty-title-lh:var(--ttp-ty-title-lh-t);--ttp-ty-flabel-fs:var(--ttp-ty-flabel-fs-t);--ttp-ty-flabel-lh:var(--ttp-ty-flabel-lh-t);--ttp-ty-fvalue-fs:var(--ttp-ty-fvalue-fs-t);--ttp-ty-fvalue-lh:var(--ttp-ty-fvalue-lh-t);--ttp-ty-sub-fs:var(--ttp-ty-sub-fs-t);--ttp-ty-sub-lh:var(--ttp-ty-sub-lh-t);--ttp-ty-list-fs:var(--ttp-ty-list-fs-t);--ttp-ty-list-lh:var(--ttp-ty-list-lh-t);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-t);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-aprogs{--ttp-ty-num-fs:var(--ttp-ty-num-fs-m);--ttp-ty-num-lh:var(--ttp-ty-num-lh-m);--ttp-ty-title-fs:var(--ttp-ty-title-fs-m);--ttp-ty-title-lh:var(--ttp-ty-title-lh-m);--ttp-ty-flabel-fs:var(--ttp-ty-flabel-fs-m);--ttp-ty-flabel-lh:var(--ttp-ty-flabel-lh-m);--ttp-ty-fvalue-fs:var(--ttp-ty-fvalue-fs-m);--ttp-ty-fvalue-lh:var(--ttp-ty-fvalue-lh-m);--ttp-ty-sub-fs:var(--ttp-ty-sub-fs-m);--ttp-ty-sub-lh:var(--ttp-ty-sub-lh-m);--ttp-ty-list-fs:var(--ttp-ty-list-fs-m);--ttp-ty-list-lh:var(--ttp-ty-list-lh-m);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-m);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-m);}} .ttp-sec.ttp-aprogs .ttp-ap-num{font-family:var(--ttp-ty-num-ff);font-size:var(--ttp-ty-num-fs);font-weight:var(--ttp-ty-num-fw);line-height:var(--ttp-ty-num-lh);letter-spacing:var(--ttp-ty-num-ls);text-transform:var(--ttp-ty-num-tt);font-style:var(--ttp-ty-num-fst);color:var(--ttp-ty-num-c,var(--ttp-primary-dk));} .ttp-sec.ttp-aprogs .ttp-ap-title{font-family:var(--ttp-ty-title-ff);font-size:var(--ttp-ty-title-fs);font-weight:var(--ttp-ty-title-fw);line-height:var(--ttp-ty-title-lh);letter-spacing:var(--ttp-ty-title-ls);text-transform:var(--ttp-ty-title-tt);font-style:var(--ttp-ty-title-fst);color:var(--ttp-ty-title-c,var(--ttp-ink));} .ttp-sec.ttp-aprogs .ttp-pf-l{font-family:var(--ttp-ty-flabel-ff);font-size:var(--ttp-ty-flabel-fs);font-weight:var(--ttp-ty-flabel-fw);line-height:var(--ttp-ty-flabel-lh);letter-spacing:var(--ttp-ty-flabel-ls);text-transform:var(--ttp-ty-flabel-tt);font-style:var(--ttp-ty-flabel-fst);color:var(--ttp-ty-flabel-c,var(--ttp-muted));} .ttp-sec.ttp-aprogs .ttp-pf-v{font-family:var(--ttp-ty-fvalue-ff);font-size:var(--ttp-ty-fvalue-fs);font-weight:var(--ttp-ty-fvalue-fw);line-height:var(--ttp-ty-fvalue-lh);letter-spacing:var(--ttp-ty-fvalue-ls);text-transform:var(--ttp-ty-fvalue-tt);font-style:var(--ttp-ty-fvalue-fst);color:var(--ttp-ty-fvalue-c,var(--ttp-ink));} .ttp-sec.ttp-aprogs .ttp-ap-h{font-family:var(--ttp-ty-sub-ff);font-size:var(--ttp-ty-sub-fs);font-weight:var(--ttp-ty-sub-fw);line-height:var(--ttp-ty-sub-lh);letter-spacing:var(--ttp-ty-sub-ls);text-transform:var(--ttp-ty-sub-tt);font-style:var(--ttp-ty-sub-fst);color:var(--ttp-ty-sub-c,var(--ttp-primary-dk));} .ttp-sec.ttp-aprogs .ttp-ticks li{font-family:var(--ttp-ty-list-ff);font-size:var(--ttp-ty-list-fs);font-weight:var(--ttp-ty-list-fw);line-height:var(--ttp-ty-list-lh);letter-spacing:var(--ttp-ty-list-ls);text-transform:var(--ttp-ty-list-tt);font-style:var(--ttp-ty-list-fst);color:var(--ttp-ty-list-c,var(--ttp-body));} .ttp-sec.ttp-aprogs .ttp-ap-apply{font-family:var(--ttp-ty-btn-ff);font-size:var(--ttp-ty-btn-fs);font-weight:var(--ttp-ty-btn-fw);line-height:var(--ttp-ty-btn-lh);letter-spacing:var(--ttp-ty-btn-ls);text-transform:var(--ttp-ty-btn-tt);font-style:var(--ttp-ty-btn-fst);color:var(--ttp-ty-btn-c,#FFFFFF);} .ttp-sec.ttp-aw{--ttp-ty-title-fs:var(--ttp-ty-title-fs-d);--ttp-ty-title-lh:var(--ttp-ty-title-lh-d);--ttp-ty-item_title-fs:var(--ttp-ty-item_title-fs-d);--ttp-ty-item_title-lh:var(--ttp-ty-item_title-lh-d);--ttp-ty-item_text-fs:var(--ttp-ty-item_text-fs-d);--ttp-ty-item_text-lh:var(--ttp-ty-item_text-lh-d);--ttp-ty-close-fs:var(--ttp-ty-close-fs-d);--ttp-ty-close-lh:var(--ttp-ty-close-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-aw{--ttp-ty-title-fs:var(--ttp-ty-title-fs-t);--ttp-ty-title-lh:var(--ttp-ty-title-lh-t);--ttp-ty-item_title-fs:var(--ttp-ty-item_title-fs-t);--ttp-ty-item_title-lh:var(--ttp-ty-item_title-lh-t);--ttp-ty-item_text-fs:var(--ttp-ty-item_text-fs-t);--ttp-ty-item_text-lh:var(--ttp-ty-item_text-lh-t);--ttp-ty-close-fs:var(--ttp-ty-close-fs-t);--ttp-ty-close-lh:var(--ttp-ty-close-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-aw{--ttp-ty-title-fs:var(--ttp-ty-title-fs-m);--ttp-ty-title-lh:var(--ttp-ty-title-lh-m);--ttp-ty-item_title-fs:var(--ttp-ty-item_title-fs-m);--ttp-ty-item_title-lh:var(--ttp-ty-item_title-lh-m);--ttp-ty-item_text-fs:var(--ttp-ty-item_text-fs-m);--ttp-ty-item_text-lh:var(--ttp-ty-item_text-lh-m);--ttp-ty-close-fs:var(--ttp-ty-close-fs-m);--ttp-ty-close-lh:var(--ttp-ty-close-lh-m);}} .ttp-sec.ttp-aw .ttp-aw-h{font-family:var(--ttp-ty-title-ff);font-size:var(--ttp-ty-title-fs);font-weight:var(--ttp-ty-title-fw);line-height:var(--ttp-ty-title-lh);letter-spacing:var(--ttp-ty-title-ls);text-transform:var(--ttp-ty-title-tt);font-style:var(--ttp-ty-title-fst);color:var(--ttp-ty-title-c,var(--ttp-ink));} .ttp-sec.ttp-aw .ttp-aw-t{font-family:var(--ttp-ty-item_title-ff);font-size:var(--ttp-ty-item_title-fs);font-weight:var(--ttp-ty-item_title-fw);line-height:var(--ttp-ty-item_title-lh);letter-spacing:var(--ttp-ty-item_title-ls);text-transform:var(--ttp-ty-item_title-tt);font-style:var(--ttp-ty-item_title-fst);color:var(--ttp-ty-item_title-c,var(--ttp-ink));} .ttp-sec.ttp-aw .ttp-aw-p{font-family:var(--ttp-ty-item_text-ff);font-size:var(--ttp-ty-item_text-fs);font-weight:var(--ttp-ty-item_text-fw);line-height:var(--ttp-ty-item_text-lh);letter-spacing:var(--ttp-ty-item_text-ls);text-transform:var(--ttp-ty-item_text-tt);font-style:var(--ttp-ty-item_text-fst);color:var(--ttp-ty-item_text-c,var(--ttp-body));} .ttp-sec.ttp-aw .ttp-aw-close{font-family:var(--ttp-ty-close-ff);font-size:var(--ttp-ty-close-fs);font-weight:var(--ttp-ty-close-fw);line-height:var(--ttp-ty-close-lh);letter-spacing:var(--ttp-ty-close-ls);text-transform:var(--ttp-ty-close-tt);font-style:var(--ttp-ty-close-fst);color:var(--ttp-ty-close-c,var(--ttp-note));} .ttp-sec.ttp-adm{--ttp-ty-title-fs:var(--ttp-ty-title-fs-d);--ttp-ty-title-lh:var(--ttp-ty-title-lh-d);--ttp-ty-card_title-fs:var(--ttp-ty-card_title-fs-d);--ttp-ty-card_title-lh:var(--ttp-ty-card_title-lh-d);--ttp-ty-card_text-fs:var(--ttp-ty-card_text-fs-d);--ttp-ty-card_text-lh:var(--ttp-ty-card_text-lh-d);--ttp-ty-phone-fs:var(--ttp-ty-phone-fs-d);--ttp-ty-phone-lh:var(--ttp-ty-phone-lh-d);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-d);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-adm{--ttp-ty-title-fs:var(--ttp-ty-title-fs-t);--ttp-ty-title-lh:var(--ttp-ty-title-lh-t);--ttp-ty-card_title-fs:var(--ttp-ty-card_title-fs-t);--ttp-ty-card_title-lh:var(--ttp-ty-card_title-lh-t);--ttp-ty-card_text-fs:var(--ttp-ty-card_text-fs-t);--ttp-ty-card_text-lh:var(--ttp-ty-card_text-lh-t);--ttp-ty-phone-fs:var(--ttp-ty-phone-fs-t);--ttp-ty-phone-lh:var(--ttp-ty-phone-lh-t);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-t);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-adm{--ttp-ty-title-fs:var(--ttp-ty-title-fs-m);--ttp-ty-title-lh:var(--ttp-ty-title-lh-m);--ttp-ty-card_title-fs:var(--ttp-ty-card_title-fs-m);--ttp-ty-card_title-lh:var(--ttp-ty-card_title-lh-m);--ttp-ty-card_text-fs:var(--ttp-ty-card_text-fs-m);--ttp-ty-card_text-lh:var(--ttp-ty-card_text-lh-m);--ttp-ty-phone-fs:var(--ttp-ty-phone-fs-m);--ttp-ty-phone-lh:var(--ttp-ty-phone-lh-m);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-m);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-m);}} .ttp-sec.ttp-adm .ttp-adm-h{font-family:var(--ttp-ty-title-ff);font-size:var(--ttp-ty-title-fs);font-weight:var(--ttp-ty-title-fw);line-height:var(--ttp-ty-title-lh);letter-spacing:var(--ttp-ty-title-ls);text-transform:var(--ttp-ty-title-tt);font-style:var(--ttp-ty-title-fst);color:var(--ttp-ty-title-c,var(--ttp-on-dark));} .ttp-sec.ttp-adm .ttp-adm-t{font-family:var(--ttp-ty-card_title-ff);font-size:var(--ttp-ty-card_title-fs);font-weight:var(--ttp-ty-card_title-fw);line-height:var(--ttp-ty-card_title-lh);letter-spacing:var(--ttp-ty-card_title-ls);text-transform:var(--ttp-ty-card_title-tt);font-style:var(--ttp-ty-card_title-fst);color:var(--ttp-ty-card_title-c,var(--ttp-on-dark));} .ttp-sec.ttp-adm .ttp-adm-p{font-family:var(--ttp-ty-card_text-ff);font-size:var(--ttp-ty-card_text-fs);font-weight:var(--ttp-ty-card_text-fw);line-height:var(--ttp-ty-card_text-lh);letter-spacing:var(--ttp-ty-card_text-ls);text-transform:var(--ttp-ty-card_text-tt);font-style:var(--ttp-ty-card_text-fst);color:var(--ttp-ty-card_text-c,var(--ttp-on-dark-text));} .ttp-sec.ttp-adm .ttp-adm-tel a{font-family:var(--ttp-ty-phone-ff);font-size:var(--ttp-ty-phone-fs);font-weight:var(--ttp-ty-phone-fw);line-height:var(--ttp-ty-phone-lh);letter-spacing:var(--ttp-ty-phone-ls);text-transform:var(--ttp-ty-phone-tt);font-style:var(--ttp-ty-phone-fst);color:var(--ttp-ty-phone-c,var(--ttp-on-dark));} .ttp-sec.ttp-adm .ttp-adm-card .ttp-btn{font-family:var(--ttp-ty-btn-ff);font-size:var(--ttp-ty-btn-fs);font-weight:var(--ttp-ty-btn-fw);line-height:var(--ttp-ty-btn-lh);letter-spacing:var(--ttp-ty-btn-ls);text-transform:var(--ttp-ty-btn-tt);font-style:var(--ttp-ty-btn-fst);color:var(--ttp-ty-btn-c,#FFFFFF);} .ttp-sec.ttp-pi{--ttp-ty-title-fs:var(--ttp-ty-title-fs-d);--ttp-ty-title-lh:var(--ttp-ty-title-lh-d);--ttp-ty-text-fs:var(--ttp-ty-text-fs-d);--ttp-ty-text-lh:var(--ttp-ty-text-lh-d);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-d);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-pi{--ttp-ty-title-fs:var(--ttp-ty-title-fs-t);--ttp-ty-title-lh:var(--ttp-ty-title-lh-t);--ttp-ty-text-fs:var(--ttp-ty-text-fs-t);--ttp-ty-text-lh:var(--ttp-ty-text-lh-t);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-t);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-pi{--ttp-ty-title-fs:var(--ttp-ty-title-fs-m);--ttp-ty-title-lh:var(--ttp-ty-title-lh-m);--ttp-ty-text-fs:var(--ttp-ty-text-fs-m);--ttp-ty-text-lh:var(--ttp-ty-text-lh-m);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-m);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-m);}} .ttp-sec.ttp-pi .ttp-pi-h{font-family:var(--ttp-ty-title-ff);font-size:var(--ttp-ty-title-fs);font-weight:var(--ttp-ty-title-fw);line-height:var(--ttp-ty-title-lh);letter-spacing:var(--ttp-ty-title-ls);text-transform:var(--ttp-ty-title-tt);font-style:var(--ttp-ty-title-fst);color:var(--ttp-ty-title-c,var(--ttp-ink));} .ttp-sec.ttp-pi .ttp-pi-p{font-family:var(--ttp-ty-text-ff);font-size:var(--ttp-ty-text-fs);font-weight:var(--ttp-ty-text-fw);line-height:var(--ttp-ty-text-lh);letter-spacing:var(--ttp-ty-text-ls);text-transform:var(--ttp-ty-text-tt);font-style:var(--ttp-ty-text-fst);color:var(--ttp-ty-text-c,var(--ttp-body));} .ttp-sec.ttp-pi .ttp-pi-card .ttp-btn{font-family:var(--ttp-ty-btn-ff);font-size:var(--ttp-ty-btn-fs);font-weight:var(--ttp-ty-btn-fw);line-height:var(--ttp-ty-btn-lh);letter-spacing:var(--ttp-ty-btn-ls);text-transform:var(--ttp-ty-btn-tt);font-style:var(--ttp-ty-btn-fst);color:var(--ttp-ty-btn-c,#FFFFFF);} .ttp-sec.ttp-progs{--ttp-ty-title-fs:var(--ttp-ty-title-fs-d);--ttp-ty-title-lh:var(--ttp-ty-title-lh-d);--ttp-ty-flabel-fs:var(--ttp-ty-flabel-fs-d);--ttp-ty-flabel-lh:var(--ttp-ty-flabel-lh-d);--ttp-ty-fvalue-fs:var(--ttp-ty-fvalue-fs-d);--ttp-ty-fvalue-lh:var(--ttp-ty-fvalue-lh-d);--ttp-ty-fwide-fs:var(--ttp-ty-fwide-fs-d);--ttp-ty-fwide-lh:var(--ttp-ty-fwide-lh-d);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-d);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-progs{--ttp-ty-title-fs:var(--ttp-ty-title-fs-t);--ttp-ty-title-lh:var(--ttp-ty-title-lh-t);--ttp-ty-flabel-fs:var(--ttp-ty-flabel-fs-t);--ttp-ty-flabel-lh:var(--ttp-ty-flabel-lh-t);--ttp-ty-fvalue-fs:var(--ttp-ty-fvalue-fs-t);--ttp-ty-fvalue-lh:var(--ttp-ty-fvalue-lh-t);--ttp-ty-fwide-fs:var(--ttp-ty-fwide-fs-t);--ttp-ty-fwide-lh:var(--ttp-ty-fwide-lh-t);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-t);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-progs{--ttp-ty-title-fs:var(--ttp-ty-title-fs-m);--ttp-ty-title-lh:var(--ttp-ty-title-lh-m);--ttp-ty-flabel-fs:var(--ttp-ty-flabel-fs-m);--ttp-ty-flabel-lh:var(--ttp-ty-flabel-lh-m);--ttp-ty-fvalue-fs:var(--ttp-ty-fvalue-fs-m);--ttp-ty-fvalue-lh:var(--ttp-ty-fvalue-lh-m);--ttp-ty-fwide-fs:var(--ttp-ty-fwide-fs-m);--ttp-ty-fwide-lh:var(--ttp-ty-fwide-lh-m);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-m);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-m);}} .ttp-sec.ttp-progs .ttp-prog-title{font-family:var(--ttp-ty-title-ff);font-size:var(--ttp-ty-title-fs);font-weight:var(--ttp-ty-title-fw);line-height:var(--ttp-ty-title-lh);letter-spacing:var(--ttp-ty-title-ls);text-transform:var(--ttp-ty-title-tt);font-style:var(--ttp-ty-title-fst);color:var(--ttp-ty-title-c,var(--ttp-ink));} .ttp-sec.ttp-progs .ttp-pf-l{font-family:var(--ttp-ty-flabel-ff);font-size:var(--ttp-ty-flabel-fs);font-weight:var(--ttp-ty-flabel-fw);line-height:var(--ttp-ty-flabel-lh);letter-spacing:var(--ttp-ty-flabel-ls);text-transform:var(--ttp-ty-flabel-tt);font-style:var(--ttp-ty-flabel-fst);color:var(--ttp-ty-flabel-c,var(--ttp-muted));} .ttp-sec.ttp-progs .ttp-pf-v{font-family:var(--ttp-ty-fvalue-ff);font-size:var(--ttp-ty-fvalue-fs);font-weight:var(--ttp-ty-fvalue-fw);line-height:var(--ttp-ty-fvalue-lh);letter-spacing:var(--ttp-ty-fvalue-ls);text-transform:var(--ttp-ty-fvalue-tt);font-style:var(--ttp-ty-fvalue-fst);color:var(--ttp-ty-fvalue-c,var(--ttp-ink));} .ttp-sec.ttp-progs .ttp-pf-v.ttp-pf-w{font-family:var(--ttp-ty-fwide-ff);font-size:var(--ttp-ty-fwide-fs);font-weight:var(--ttp-ty-fwide-fw);line-height:var(--ttp-ty-fwide-lh);letter-spacing:var(--ttp-ty-fwide-ls);text-transform:var(--ttp-ty-fwide-tt);font-style:var(--ttp-ty-fwide-fst);color:var(--ttp-ty-fwide-c,var(--ttp-ink));} .ttp-sec.ttp-progs .ttp-prog-apply{font-family:var(--ttp-ty-btn-ff);font-size:var(--ttp-ty-btn-fs);font-weight:var(--ttp-ty-btn-fw);line-height:var(--ttp-ty-btn-lh);letter-spacing:var(--ttp-ty-btn-ls);text-transform:var(--ttp-ty-btn-tt);font-style:var(--ttp-ty-btn-fst);color:var(--ttp-ty-btn-c,#FFFFFF);} .ttp-sec.ttp-cw{--ttp-ty-c_title-fs:var(--ttp-ty-c_title-fs-d);--ttp-ty-c_title-lh:var(--ttp-ty-c_title-lh-d);--ttp-ty-c_lead-fs:var(--ttp-ty-c_lead-fs-d);--ttp-ty-c_lead-lh:var(--ttp-ty-c_lead-lh-d);--ttp-ty-role-fs:var(--ttp-ty-role-fs-d);--ttp-ty-role-lh:var(--ttp-ty-role-lh-d);--ttp-ty-w_title-fs:var(--ttp-ty-w_title-fs-d);--ttp-ty-w_title-lh:var(--ttp-ty-w_title-lh-d);--ttp-ty-w_num-fs:var(--ttp-ty-w_num-fs-d);--ttp-ty-w_num-lh:var(--ttp-ty-w_num-lh-d);--ttp-ty-w_item_title-fs:var(--ttp-ty-w_item_title-fs-d);--ttp-ty-w_item_title-lh:var(--ttp-ty-w_item_title-lh-d);--ttp-ty-w_item_text-fs:var(--ttp-ty-w_item_text-fs-d);--ttp-ty-w_item_text-lh:var(--ttp-ty-w_item_text-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-cw{--ttp-ty-c_title-fs:var(--ttp-ty-c_title-fs-t);--ttp-ty-c_title-lh:var(--ttp-ty-c_title-lh-t);--ttp-ty-c_lead-fs:var(--ttp-ty-c_lead-fs-t);--ttp-ty-c_lead-lh:var(--ttp-ty-c_lead-lh-t);--ttp-ty-role-fs:var(--ttp-ty-role-fs-t);--ttp-ty-role-lh:var(--ttp-ty-role-lh-t);--ttp-ty-w_title-fs:var(--ttp-ty-w_title-fs-t);--ttp-ty-w_title-lh:var(--ttp-ty-w_title-lh-t);--ttp-ty-w_num-fs:var(--ttp-ty-w_num-fs-t);--ttp-ty-w_num-lh:var(--ttp-ty-w_num-lh-t);--ttp-ty-w_item_title-fs:var(--ttp-ty-w_item_title-fs-t);--ttp-ty-w_item_title-lh:var(--ttp-ty-w_item_title-lh-t);--ttp-ty-w_item_text-fs:var(--ttp-ty-w_item_text-fs-t);--ttp-ty-w_item_text-lh:var(--ttp-ty-w_item_text-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-cw{--ttp-ty-c_title-fs:var(--ttp-ty-c_title-fs-m);--ttp-ty-c_title-lh:var(--ttp-ty-c_title-lh-m);--ttp-ty-c_lead-fs:var(--ttp-ty-c_lead-fs-m);--ttp-ty-c_lead-lh:var(--ttp-ty-c_lead-lh-m);--ttp-ty-role-fs:var(--ttp-ty-role-fs-m);--ttp-ty-role-lh:var(--ttp-ty-role-lh-m);--ttp-ty-w_title-fs:var(--ttp-ty-w_title-fs-m);--ttp-ty-w_title-lh:var(--ttp-ty-w_title-lh-m);--ttp-ty-w_num-fs:var(--ttp-ty-w_num-fs-m);--ttp-ty-w_num-lh:var(--ttp-ty-w_num-lh-m);--ttp-ty-w_item_title-fs:var(--ttp-ty-w_item_title-fs-m);--ttp-ty-w_item_title-lh:var(--ttp-ty-w_item_title-lh-m);--ttp-ty-w_item_text-fs:var(--ttp-ty-w_item_text-fs-m);--ttp-ty-w_item_text-lh:var(--ttp-ty-w_item_text-lh-m);}} .ttp-sec.ttp-cw .ttp-careers .ttp-cw-h{font-family:var(--ttp-ty-c_title-ff);font-size:var(--ttp-ty-c_title-fs);font-weight:var(--ttp-ty-c_title-fw);line-height:var(--ttp-ty-c_title-lh);letter-spacing:var(--ttp-ty-c_title-ls);text-transform:var(--ttp-ty-c_title-tt);font-style:var(--ttp-ty-c_title-fst);color:var(--ttp-ty-c_title-c,var(--ttp-ink));} .ttp-sec.ttp-cw .ttp-cw-lead{font-family:var(--ttp-ty-c_lead-ff);font-size:var(--ttp-ty-c_lead-fs);font-weight:var(--ttp-ty-c_lead-fw);line-height:var(--ttp-ty-c_lead-lh);letter-spacing:var(--ttp-ty-c_lead-ls);text-transform:var(--ttp-ty-c_lead-tt);font-style:var(--ttp-ty-c_lead-fst);color:var(--ttp-ty-c_lead-c,var(--ttp-body));} .ttp-sec.ttp-cw .ttp-role-t{font-family:var(--ttp-ty-role-ff);font-size:var(--ttp-ty-role-fs);font-weight:var(--ttp-ty-role-fw);line-height:var(--ttp-ty-role-lh);letter-spacing:var(--ttp-ty-role-ls);text-transform:var(--ttp-ty-role-tt);font-style:var(--ttp-ty-role-fst);color:var(--ttp-ty-role-c,var(--ttp-ink));} .ttp-sec.ttp-cw .ttp-why2 .ttp-cw-h{font-family:var(--ttp-ty-w_title-ff);font-size:var(--ttp-ty-w_title-fs);font-weight:var(--ttp-ty-w_title-fw);line-height:var(--ttp-ty-w_title-lh);letter-spacing:var(--ttp-ty-w_title-ls);text-transform:var(--ttp-ty-w_title-tt);font-style:var(--ttp-ty-w_title-fst);color:var(--ttp-ty-w_title-c,var(--ttp-ink));} .ttp-sec.ttp-cw .ttp-wn{font-family:var(--ttp-ty-w_num-ff);font-size:var(--ttp-ty-w_num-fs);font-weight:var(--ttp-ty-w_num-fw);line-height:var(--ttp-ty-w_num-lh);letter-spacing:var(--ttp-ty-w_num-ls);text-transform:var(--ttp-ty-w_num-tt);font-style:var(--ttp-ty-w_num-fst);color:var(--ttp-ty-w_num-c,var(--ttp-on-dark));} .ttp-sec.ttp-cw .ttp-why-t{font-family:var(--ttp-ty-w_item_title-ff);font-size:var(--ttp-ty-w_item_title-fs);font-weight:var(--ttp-ty-w_item_title-fw);line-height:var(--ttp-ty-w_item_title-lh);letter-spacing:var(--ttp-ty-w_item_title-ls);text-transform:var(--ttp-ty-w_item_title-tt);font-style:var(--ttp-ty-w_item_title-fst);color:var(--ttp-ty-w_item_title-c,var(--ttp-ink));} .ttp-sec.ttp-cw .ttp-why-p{font-family:var(--ttp-ty-w_item_text-ff);font-size:var(--ttp-ty-w_item_text-fs);font-weight:var(--ttp-ty-w_item_text-fw);line-height:var(--ttp-ty-w_item_text-lh);letter-spacing:var(--ttp-ty-w_item_text-ls);text-transform:var(--ttp-ty-w_item_text-tt);font-style:var(--ttp-ty-w_item_text-fst);color:var(--ttp-ty-w_item_text-c,var(--ttp-body));} .ttp-sec.ttp-courses{--ttp-ty-num-fs:var(--ttp-ty-num-fs-d);--ttp-ty-num-lh:var(--ttp-ty-num-lh-d);--ttp-ty-pre-fs:var(--ttp-ty-pre-fs-d);--ttp-ty-pre-lh:var(--ttp-ty-pre-lh-d);--ttp-ty-main-fs:var(--ttp-ty-main-fs-d);--ttp-ty-main-lh:var(--ttp-ty-main-lh-d);--ttp-ty-flabel-fs:var(--ttp-ty-flabel-fs-d);--ttp-ty-flabel-lh:var(--ttp-ty-flabel-lh-d);--ttp-ty-fvalue-fs:var(--ttp-ty-fvalue-fs-d);--ttp-ty-fvalue-lh:var(--ttp-ty-fvalue-lh-d);--ttp-ty-elig-fs:var(--ttp-ty-elig-fs-d);--ttp-ty-elig-lh:var(--ttp-ty-elig-lh-d);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-d);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-courses{--ttp-ty-num-fs:var(--ttp-ty-num-fs-t);--ttp-ty-num-lh:var(--ttp-ty-num-lh-t);--ttp-ty-pre-fs:var(--ttp-ty-pre-fs-t);--ttp-ty-pre-lh:var(--ttp-ty-pre-lh-t);--ttp-ty-main-fs:var(--ttp-ty-main-fs-t);--ttp-ty-main-lh:var(--ttp-ty-main-lh-t);--ttp-ty-flabel-fs:var(--ttp-ty-flabel-fs-t);--ttp-ty-flabel-lh:var(--ttp-ty-flabel-lh-t);--ttp-ty-fvalue-fs:var(--ttp-ty-fvalue-fs-t);--ttp-ty-fvalue-lh:var(--ttp-ty-fvalue-lh-t);--ttp-ty-elig-fs:var(--ttp-ty-elig-fs-t);--ttp-ty-elig-lh:var(--ttp-ty-elig-lh-t);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-t);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-courses{--ttp-ty-num-fs:var(--ttp-ty-num-fs-m);--ttp-ty-num-lh:var(--ttp-ty-num-lh-m);--ttp-ty-pre-fs:var(--ttp-ty-pre-fs-m);--ttp-ty-pre-lh:var(--ttp-ty-pre-lh-m);--ttp-ty-main-fs:var(--ttp-ty-main-fs-m);--ttp-ty-main-lh:var(--ttp-ty-main-lh-m);--ttp-ty-flabel-fs:var(--ttp-ty-flabel-fs-m);--ttp-ty-flabel-lh:var(--ttp-ty-flabel-lh-m);--ttp-ty-fvalue-fs:var(--ttp-ty-fvalue-fs-m);--ttp-ty-fvalue-lh:var(--ttp-ty-fvalue-lh-m);--ttp-ty-elig-fs:var(--ttp-ty-elig-fs-m);--ttp-ty-elig-lh:var(--ttp-ty-elig-lh-m);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-m);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-m);}} .ttp-sec.ttp-courses .ttp-course-num{font-family:var(--ttp-ty-num-ff);font-size:var(--ttp-ty-num-fs);font-weight:var(--ttp-ty-num-fw);line-height:var(--ttp-ty-num-lh);letter-spacing:var(--ttp-ty-num-ls);text-transform:var(--ttp-ty-num-tt);font-style:var(--ttp-ty-num-fst);color:var(--ttp-ty-num-c,var(--ttp-ink));} .ttp-sec.ttp-courses .ttp-ct-pre{font-family:var(--ttp-ty-pre-ff);font-size:var(--ttp-ty-pre-fs);font-weight:var(--ttp-ty-pre-fw);line-height:var(--ttp-ty-pre-lh);letter-spacing:var(--ttp-ty-pre-ls);text-transform:var(--ttp-ty-pre-tt);font-style:var(--ttp-ty-pre-fst);color:var(--ttp-ty-pre-c,var(--ttp-muted));} .ttp-sec.ttp-courses .ttp-ct-main{font-family:var(--ttp-ty-main-ff);font-size:var(--ttp-ty-main-fs);font-weight:var(--ttp-ty-main-fw);line-height:var(--ttp-ty-main-lh);letter-spacing:var(--ttp-ty-main-ls);text-transform:var(--ttp-ty-main-tt);font-style:var(--ttp-ty-main-fst);color:var(--ttp-ty-main-c,var(--ttp-ink));} .ttp-sec.ttp-courses .ttp-fact-l{font-family:var(--ttp-ty-flabel-ff);font-size:var(--ttp-ty-flabel-fs);font-weight:var(--ttp-ty-flabel-fw);line-height:var(--ttp-ty-flabel-lh);letter-spacing:var(--ttp-ty-flabel-ls);text-transform:var(--ttp-ty-flabel-tt);font-style:var(--ttp-ty-flabel-fst);color:var(--ttp-ty-flabel-c,var(--ttp-muted));} .ttp-sec.ttp-courses .ttp-fact-v{font-family:var(--ttp-ty-fvalue-ff);font-size:var(--ttp-ty-fvalue-fs);font-weight:var(--ttp-ty-fvalue-fw);line-height:var(--ttp-ty-fvalue-lh);letter-spacing:var(--ttp-ty-fvalue-ls);text-transform:var(--ttp-ty-fvalue-tt);font-style:var(--ttp-ty-fvalue-fst);color:var(--ttp-ty-fvalue-c,var(--ttp-ink));} .ttp-sec.ttp-courses .ttp-elig{font-family:var(--ttp-ty-elig-ff);font-size:var(--ttp-ty-elig-fs);font-weight:var(--ttp-ty-elig-fw);line-height:var(--ttp-ty-elig-lh);letter-spacing:var(--ttp-ty-elig-ls);text-transform:var(--ttp-ty-elig-tt);font-style:var(--ttp-ty-elig-fst);color:var(--ttp-ty-elig-c,var(--ttp-body));} .ttp-sec.ttp-courses .ttp-apply-btn{font-family:var(--ttp-ty-btn-ff);font-size:var(--ttp-ty-btn-fs);font-weight:var(--ttp-ty-btn-fw);line-height:var(--ttp-ty-btn-lh);letter-spacing:var(--ttp-ty-btn-ls);text-transform:var(--ttp-ty-btn-tt);font-style:var(--ttp-ty-btn-fst);color:var(--ttp-ty-btn-c,#FFFFFF);} .ttp-sec.ttp-dh{--ttp-ty-tag-fs:var(--ttp-ty-tag-fs-d);--ttp-ty-tag-lh:var(--ttp-ty-tag-lh-d);--ttp-ty-title-fs:var(--ttp-ty-title-fs-d);--ttp-ty-title-lh:var(--ttp-ty-title-lh-d);--ttp-ty-lead-fs:var(--ttp-ty-lead-fs-d);--ttp-ty-lead-lh:var(--ttp-ty-lead-lh-d);--ttp-ty-pgroup-fs:var(--ttp-ty-pgroup-fs-d);--ttp-ty-pgroup-lh:var(--ttp-ty-pgroup-lh-d);--ttp-ty-pick-fs:var(--ttp-ty-pick-fs-d);--ttp-ty-pick-lh:var(--ttp-ty-pick-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-dh{--ttp-ty-tag-fs:var(--ttp-ty-tag-fs-t);--ttp-ty-tag-lh:var(--ttp-ty-tag-lh-t);--ttp-ty-title-fs:var(--ttp-ty-title-fs-t);--ttp-ty-title-lh:var(--ttp-ty-title-lh-t);--ttp-ty-lead-fs:var(--ttp-ty-lead-fs-t);--ttp-ty-lead-lh:var(--ttp-ty-lead-lh-t);--ttp-ty-pgroup-fs:var(--ttp-ty-pgroup-fs-t);--ttp-ty-pgroup-lh:var(--ttp-ty-pgroup-lh-t);--ttp-ty-pick-fs:var(--ttp-ty-pick-fs-t);--ttp-ty-pick-lh:var(--ttp-ty-pick-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-dh{--ttp-ty-tag-fs:var(--ttp-ty-tag-fs-m);--ttp-ty-tag-lh:var(--ttp-ty-tag-lh-m);--ttp-ty-title-fs:var(--ttp-ty-title-fs-m);--ttp-ty-title-lh:var(--ttp-ty-title-lh-m);--ttp-ty-lead-fs:var(--ttp-ty-lead-fs-m);--ttp-ty-lead-lh:var(--ttp-ty-lead-lh-m);--ttp-ty-pgroup-fs:var(--ttp-ty-pgroup-fs-m);--ttp-ty-pgroup-lh:var(--ttp-ty-pgroup-lh-m);--ttp-ty-pick-fs:var(--ttp-ty-pick-fs-m);--ttp-ty-pick-lh:var(--ttp-ty-pick-lh-m);}} .ttp-sec.ttp-dh .ttp-dh-tag{font-family:var(--ttp-ty-tag-ff);font-size:var(--ttp-ty-tag-fs);font-weight:var(--ttp-ty-tag-fw);line-height:var(--ttp-ty-tag-lh);letter-spacing:var(--ttp-ty-tag-ls);text-transform:var(--ttp-ty-tag-tt);font-style:var(--ttp-ty-tag-fst);color:var(--ttp-ty-tag-c,var(--ttp-primary-dk));} .ttp-sec.ttp-dh .ttp-dh-title{font-family:var(--ttp-ty-title-ff);font-size:var(--ttp-ty-title-fs);font-weight:var(--ttp-ty-title-fw);line-height:var(--ttp-ty-title-lh);letter-spacing:var(--ttp-ty-title-ls);text-transform:var(--ttp-ty-title-tt);font-style:var(--ttp-ty-title-fst);color:var(--ttp-ty-title-c,var(--ttp-ink));} .ttp-sec.ttp-dh .ttp-dh-lead{font-family:var(--ttp-ty-lead-ff);font-size:var(--ttp-ty-lead-fs);font-weight:var(--ttp-ty-lead-fw);line-height:var(--ttp-ty-lead-lh);letter-spacing:var(--ttp-ty-lead-ls);text-transform:var(--ttp-ty-lead-tt);font-style:var(--ttp-ty-lead-fst);color:var(--ttp-ty-lead-c,var(--ttp-body));} .ttp-sec.ttp-dh .ttp-pick-group{font-family:var(--ttp-ty-pgroup-ff);font-size:var(--ttp-ty-pgroup-fs);font-weight:var(--ttp-ty-pgroup-fw);line-height:var(--ttp-ty-pgroup-lh);letter-spacing:var(--ttp-ty-pgroup-ls);text-transform:var(--ttp-ty-pgroup-tt);font-style:var(--ttp-ty-pgroup-fst);color:var(--ttp-ty-pgroup-c,var(--ttp-muted));} .ttp-sec.ttp-dh .ttp-pick-t{font-family:var(--ttp-ty-pick-ff);font-size:var(--ttp-ty-pick-fs);font-weight:var(--ttp-ty-pick-fw);line-height:var(--ttp-ty-pick-lh);letter-spacing:var(--ttp-ty-pick-ls);text-transform:var(--ttp-ty-pick-tt);font-style:var(--ttp-ty-pick-fst);color:var(--ttp-ty-pick-c,var(--ttp-ink));} .ttp-sec.ttp-tests{--ttp-ty-heading-fs:var(--ttp-ty-heading-fs-d);--ttp-ty-heading-lh:var(--ttp-ty-heading-lh-d);--ttp-ty-gnum-fs:var(--ttp-ty-gnum-fs-d);--ttp-ty-gnum-lh:var(--ttp-ty-gnum-lh-d);--ttp-ty-gtitle-fs:var(--ttp-ty-gtitle-fs-d);--ttp-ty-gtitle-lh:var(--ttp-ty-gtitle-lh-d);--ttp-ty-num-fs:var(--ttp-ty-num-fs-d);--ttp-ty-num-lh:var(--ttp-ty-num-lh-d);--ttp-ty-title-fs:var(--ttp-ty-title-fs-d);--ttp-ty-title-lh:var(--ttp-ty-title-lh-d);--ttp-ty-q-fs:var(--ttp-ty-q-fs-d);--ttp-ty-q-lh:var(--ttp-ty-q-lh-d);--ttp-ty-text-fs:var(--ttp-ty-text-fs-d);--ttp-ty-text-lh:var(--ttp-ty-text-lh-d);--ttp-ty-box_title-fs:var(--ttp-ty-box_title-fs-d);--ttp-ty-box_title-lh:var(--ttp-ty-box_title-lh-d);--ttp-ty-box_list-fs:var(--ttp-ty-box_list-fs-d);--ttp-ty-box_list-lh:var(--ttp-ty-box_list-lh-d);--ttp-ty-note-fs:var(--ttp-ty-note-fs-d);--ttp-ty-note-lh:var(--ttp-ty-note-lh-d);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-d);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-tests{--ttp-ty-heading-fs:var(--ttp-ty-heading-fs-t);--ttp-ty-heading-lh:var(--ttp-ty-heading-lh-t);--ttp-ty-gnum-fs:var(--ttp-ty-gnum-fs-t);--ttp-ty-gnum-lh:var(--ttp-ty-gnum-lh-t);--ttp-ty-gtitle-fs:var(--ttp-ty-gtitle-fs-t);--ttp-ty-gtitle-lh:var(--ttp-ty-gtitle-lh-t);--ttp-ty-num-fs:var(--ttp-ty-num-fs-t);--ttp-ty-num-lh:var(--ttp-ty-num-lh-t);--ttp-ty-title-fs:var(--ttp-ty-title-fs-t);--ttp-ty-title-lh:var(--ttp-ty-title-lh-t);--ttp-ty-q-fs:var(--ttp-ty-q-fs-t);--ttp-ty-q-lh:var(--ttp-ty-q-lh-t);--ttp-ty-text-fs:var(--ttp-ty-text-fs-t);--ttp-ty-text-lh:var(--ttp-ty-text-lh-t);--ttp-ty-box_title-fs:var(--ttp-ty-box_title-fs-t);--ttp-ty-box_title-lh:var(--ttp-ty-box_title-lh-t);--ttp-ty-box_list-fs:var(--ttp-ty-box_list-fs-t);--ttp-ty-box_list-lh:var(--ttp-ty-box_list-lh-t);--ttp-ty-note-fs:var(--ttp-ty-note-fs-t);--ttp-ty-note-lh:var(--ttp-ty-note-lh-t);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-t);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-tests{--ttp-ty-heading-fs:var(--ttp-ty-heading-fs-m);--ttp-ty-heading-lh:var(--ttp-ty-heading-lh-m);--ttp-ty-gnum-fs:var(--ttp-ty-gnum-fs-m);--ttp-ty-gnum-lh:var(--ttp-ty-gnum-lh-m);--ttp-ty-gtitle-fs:var(--ttp-ty-gtitle-fs-m);--ttp-ty-gtitle-lh:var(--ttp-ty-gtitle-lh-m);--ttp-ty-num-fs:var(--ttp-ty-num-fs-m);--ttp-ty-num-lh:var(--ttp-ty-num-lh-m);--ttp-ty-title-fs:var(--ttp-ty-title-fs-m);--ttp-ty-title-lh:var(--ttp-ty-title-lh-m);--ttp-ty-q-fs:var(--ttp-ty-q-fs-m);--ttp-ty-q-lh:var(--ttp-ty-q-lh-m);--ttp-ty-text-fs:var(--ttp-ty-text-fs-m);--ttp-ty-text-lh:var(--ttp-ty-text-lh-m);--ttp-ty-box_title-fs:var(--ttp-ty-box_title-fs-m);--ttp-ty-box_title-lh:var(--ttp-ty-box_title-lh-m);--ttp-ty-box_list-fs:var(--ttp-ty-box_list-fs-m);--ttp-ty-box_list-lh:var(--ttp-ty-box_list-lh-m);--ttp-ty-note-fs:var(--ttp-ty-note-fs-m);--ttp-ty-note-lh:var(--ttp-ty-note-lh-m);--ttp-ty-btn-fs:var(--ttp-ty-btn-fs-m);--ttp-ty-btn-lh:var(--ttp-ty-btn-lh-m);}} .ttp-sec.ttp-tests .ttp-tests-h{font-family:var(--ttp-ty-heading-ff);font-size:var(--ttp-ty-heading-fs);font-weight:var(--ttp-ty-heading-fw);line-height:var(--ttp-ty-heading-lh);letter-spacing:var(--ttp-ty-heading-ls);text-transform:var(--ttp-ty-heading-tt);font-style:var(--ttp-ty-heading-fst);color:var(--ttp-ty-heading-c,var(--ttp-primary-dk));} .ttp-sec.ttp-tests .ttp-group-num{font-family:var(--ttp-ty-gnum-ff);font-size:var(--ttp-ty-gnum-fs);font-weight:var(--ttp-ty-gnum-fw);line-height:var(--ttp-ty-gnum-lh);letter-spacing:var(--ttp-ty-gnum-ls);text-transform:var(--ttp-ty-gnum-tt);font-style:var(--ttp-ty-gnum-fst);color:var(--ttp-ty-gnum-c,var(--ttp-on-dark));} .ttp-sec.ttp-tests .ttp-group-h{font-family:var(--ttp-ty-gtitle-ff);font-size:var(--ttp-ty-gtitle-fs);font-weight:var(--ttp-ty-gtitle-fw);line-height:var(--ttp-ty-gtitle-lh);letter-spacing:var(--ttp-ty-gtitle-ls);text-transform:var(--ttp-ty-gtitle-tt);font-style:var(--ttp-ty-gtitle-fst);color:var(--ttp-ty-gtitle-c,var(--ttp-ink));} .ttp-sec.ttp-tests .ttp-test-num{font-family:var(--ttp-ty-num-ff);font-size:var(--ttp-ty-num-fs);font-weight:var(--ttp-ty-num-fw);line-height:var(--ttp-ty-num-lh);letter-spacing:var(--ttp-ty-num-ls);text-transform:var(--ttp-ty-num-tt);font-style:var(--ttp-ty-num-fst);color:var(--ttp-ty-num-c,var(--ttp-ink));} .ttp-sec.ttp-tests .ttp-test-title{font-family:var(--ttp-ty-title-ff);font-size:var(--ttp-ty-title-fs);font-weight:var(--ttp-ty-title-fw);line-height:var(--ttp-ty-title-lh);letter-spacing:var(--ttp-ty-title-ls);text-transform:var(--ttp-ty-title-tt);font-style:var(--ttp-ty-title-fst);color:var(--ttp-ty-title-c,var(--ttp-ink));} .ttp-sec.ttp-tests .ttp-q{font-family:var(--ttp-ty-q-ff);font-size:var(--ttp-ty-q-fs);font-weight:var(--ttp-ty-q-fw);line-height:var(--ttp-ty-q-lh);letter-spacing:var(--ttp-ty-q-ls);text-transform:var(--ttp-ty-q-tt);font-style:var(--ttp-ty-q-fst);color:var(--ttp-ty-q-c,var(--ttp-primary-dk));} .ttp-sec.ttp-tests .ttp-test-p{font-family:var(--ttp-ty-text-ff);font-size:var(--ttp-ty-text-fs);font-weight:var(--ttp-ty-text-fw);line-height:var(--ttp-ty-text-lh);letter-spacing:var(--ttp-ty-text-ls);text-transform:var(--ttp-ty-text-tt);font-style:var(--ttp-ty-text-fst);color:var(--ttp-ty-text-c,var(--ttp-body));} .ttp-sec.ttp-tests .ttp-box-h{font-family:var(--ttp-ty-box_title-ff);font-size:var(--ttp-ty-box_title-fs);font-weight:var(--ttp-ty-box_title-fw);line-height:var(--ttp-ty-box_title-lh);letter-spacing:var(--ttp-ty-box_title-ls);text-transform:var(--ttp-ty-box_title-tt);font-style:var(--ttp-ty-box_title-fst);color:var(--ttp-ty-box_title-c,var(--ttp-ink));} .ttp-sec.ttp-tests .ttp-box .ttp-ticks li{font-family:var(--ttp-ty-box_list-ff);font-size:var(--ttp-ty-box_list-fs);font-weight:var(--ttp-ty-box_list-fw);line-height:var(--ttp-ty-box_list-lh);letter-spacing:var(--ttp-ty-box_list-ls);text-transform:var(--ttp-ty-box_list-tt);font-style:var(--ttp-ty-box_list-fst);color:var(--ttp-ty-box_list-c,var(--ttp-body));} .ttp-sec.ttp-tests .ttp-note{font-family:var(--ttp-ty-note-ff);font-size:var(--ttp-ty-note-fs);font-weight:var(--ttp-ty-note-fw);line-height:var(--ttp-ty-note-lh);letter-spacing:var(--ttp-ty-note-ls);text-transform:var(--ttp-ty-note-tt);font-style:var(--ttp-ty-note-fst);color:var(--ttp-ty-note-c,var(--ttp-note));} .ttp-sec.ttp-tests .ttp-test-foot .ttp-btn{font-family:var(--ttp-ty-btn-ff);font-size:var(--ttp-ty-btn-fs);font-weight:var(--ttp-ty-btn-fw);line-height:var(--ttp-ty-btn-lh);letter-spacing:var(--ttp-ty-btn-ls);text-transform:var(--ttp-ty-btn-tt);font-style:var(--ttp-ty-btn-fst);color:var(--ttp-ty-btn-c,#FFFFFF);} .ttp-sec.ttp-wcs{--ttp-ty-title-fs:var(--ttp-ty-title-fs-d);--ttp-ty-title-lh:var(--ttp-ty-title-lh-d);--ttp-ty-text-fs:var(--ttp-ty-text-fs-d);--ttp-ty-text-lh:var(--ttp-ty-text-lh-d);--ttp-ty-em-fs:var(--ttp-ty-em-fs-d);--ttp-ty-em-lh:var(--ttp-ty-em-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-wcs{--ttp-ty-title-fs:var(--ttp-ty-title-fs-t);--ttp-ty-title-lh:var(--ttp-ty-title-lh-t);--ttp-ty-text-fs:var(--ttp-ty-text-fs-t);--ttp-ty-text-lh:var(--ttp-ty-text-lh-t);--ttp-ty-em-fs:var(--ttp-ty-em-fs-t);--ttp-ty-em-lh:var(--ttp-ty-em-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-wcs{--ttp-ty-title-fs:var(--ttp-ty-title-fs-m);--ttp-ty-title-lh:var(--ttp-ty-title-lh-m);--ttp-ty-text-fs:var(--ttp-ty-text-fs-m);--ttp-ty-text-lh:var(--ttp-ty-text-lh-m);--ttp-ty-em-fs:var(--ttp-ty-em-fs-m);--ttp-ty-em-lh:var(--ttp-ty-em-lh-m);}} .ttp-sec.ttp-wcs .ttp-wc-h{font-family:var(--ttp-ty-title-ff);font-size:var(--ttp-ty-title-fs);font-weight:var(--ttp-ty-title-fw);line-height:var(--ttp-ty-title-lh);letter-spacing:var(--ttp-ty-title-ls);text-transform:var(--ttp-ty-title-tt);font-style:var(--ttp-ty-title-fst);color:var(--ttp-ty-title-c,var(--ttp-on-dark));} .ttp-sec.ttp-wcs .ttp-wc-p{font-family:var(--ttp-ty-text-ff);font-size:var(--ttp-ty-text-fs);font-weight:var(--ttp-ty-text-fw);line-height:var(--ttp-ty-text-lh);letter-spacing:var(--ttp-ty-text-ls);text-transform:var(--ttp-ty-text-tt);font-style:var(--ttp-ty-text-fst);color:var(--ttp-ty-text-c,var(--ttp-on-dark-text));} .ttp-sec.ttp-wcs .ttp-wc-em{font-family:var(--ttp-ty-em-ff);font-size:var(--ttp-ty-em-fs);font-weight:var(--ttp-ty-em-fw);line-height:var(--ttp-ty-em-lh);letter-spacing:var(--ttp-ty-em-ls);text-transform:var(--ttp-ty-em-tt);font-style:var(--ttp-ty-em-fst);color:var(--ttp-ty-em-c,var(--ttp-on-dark));} .ttp-sec.ttp-wc{--ttp-ty-title-fs:var(--ttp-ty-title-fs-d);--ttp-ty-title-lh:var(--ttp-ty-title-lh-d);--ttp-ty-card_title-fs:var(--ttp-ty-card_title-fs-d);--ttp-ty-card_title-lh:var(--ttp-ty-card_title-lh-d);--ttp-ty-card_text-fs:var(--ttp-ty-card_text-fs-d);--ttp-ty-card_text-lh:var(--ttp-ty-card_text-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-wc{--ttp-ty-title-fs:var(--ttp-ty-title-fs-t);--ttp-ty-title-lh:var(--ttp-ty-title-lh-t);--ttp-ty-card_title-fs:var(--ttp-ty-card_title-fs-t);--ttp-ty-card_title-lh:var(--ttp-ty-card_title-lh-t);--ttp-ty-card_text-fs:var(--ttp-ty-card_text-fs-t);--ttp-ty-card_text-lh:var(--ttp-ty-card_text-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-wc{--ttp-ty-title-fs:var(--ttp-ty-title-fs-m);--ttp-ty-title-lh:var(--ttp-ty-title-lh-m);--ttp-ty-card_title-fs:var(--ttp-ty-card_title-fs-m);--ttp-ty-card_title-lh:var(--ttp-ty-card_title-lh-m);--ttp-ty-card_text-fs:var(--ttp-ty-card_text-fs-m);--ttp-ty-card_text-lh:var(--ttp-ty-card_text-lh-m);}} .ttp-sec.ttp-wc .ttp-wc-h{font-family:var(--ttp-ty-title-ff);font-size:var(--ttp-ty-title-fs);font-weight:var(--ttp-ty-title-fw);line-height:var(--ttp-ty-title-lh);letter-spacing:var(--ttp-ty-title-ls);text-transform:var(--ttp-ty-title-tt);font-style:var(--ttp-ty-title-fst);color:var(--ttp-ty-title-c,var(--ttp-on-dark));} .ttp-sec.ttp-wc .ttp-wc-t{font-family:var(--ttp-ty-card_title-ff);font-size:var(--ttp-ty-card_title-fs);font-weight:var(--ttp-ty-card_title-fw);line-height:var(--ttp-ty-card_title-lh);letter-spacing:var(--ttp-ty-card_title-ls);text-transform:var(--ttp-ty-card_title-tt);font-style:var(--ttp-ty-card_title-fst);color:var(--ttp-ty-card_title-c,var(--ttp-on-dark));} .ttp-sec.ttp-wc .ttp-wc-cp{font-family:var(--ttp-ty-card_text-ff);font-size:var(--ttp-ty-card_text-fs);font-weight:var(--ttp-ty-card_text-fw);line-height:var(--ttp-ty-card_text-lh);letter-spacing:var(--ttp-ty-card_text-ls);text-transform:var(--ttp-ty-card_text-tt);font-style:var(--ttp-ty-card_text-fst);color:var(--ttp-ty-card_text-c,var(--ttp-on-dark-text));} .ttp-sec.ttp-faq{--ttp-ty-title-fs:var(--ttp-ty-title-fs-d);--ttp-ty-title-lh:var(--ttp-ty-title-lh-d);--ttp-ty-q-fs:var(--ttp-ty-q-fs-d);--ttp-ty-q-lh:var(--ttp-ty-q-lh-d);--ttp-ty-a-fs:var(--ttp-ty-a-fs-d);--ttp-ty-a-lh:var(--ttp-ty-a-lh-d);} @media (max-width: 1024px){.ttp-sec.ttp-faq{--ttp-ty-title-fs:var(--ttp-ty-title-fs-t);--ttp-ty-title-lh:var(--ttp-ty-title-lh-t);--ttp-ty-q-fs:var(--ttp-ty-q-fs-t);--ttp-ty-q-lh:var(--ttp-ty-q-lh-t);--ttp-ty-a-fs:var(--ttp-ty-a-fs-t);--ttp-ty-a-lh:var(--ttp-ty-a-lh-t);}} @media (max-width: 767px){.ttp-sec.ttp-faq{--ttp-ty-title-fs:var(--ttp-ty-title-fs-m);--ttp-ty-title-lh:var(--ttp-ty-title-lh-m);--ttp-ty-q-fs:var(--ttp-ty-q-fs-m);--ttp-ty-q-lh:var(--ttp-ty-q-lh-m);--ttp-ty-a-fs:var(--ttp-ty-a-fs-m);--ttp-ty-a-lh:var(--ttp-ty-a-lh-m);}} .ttp-sec.ttp-faq .ttp-faq-h{font-family:var(--ttp-ty-title-ff);font-size:var(--ttp-ty-title-fs);font-weight:var(--ttp-ty-title-fw);line-height:var(--ttp-ty-title-lh);letter-spacing:var(--ttp-ty-title-ls);text-transform:var(--ttp-ty-title-tt);font-style:var(--ttp-ty-title-fst);color:var(--ttp-ty-title-c,var(--ttp-ink));} .ttp-sec.ttp-faq .ttp-qa-q{font-family:var(--ttp-ty-q-ff);font-size:var(--ttp-ty-q-fs);font-weight:var(--ttp-ty-q-fw);line-height:var(--ttp-ty-q-lh);letter-spacing:var(--ttp-ty-q-ls);text-transform:var(--ttp-ty-q-tt);font-style:var(--ttp-ty-q-fst);color:var(--ttp-ty-q-c,var(--ttp-ink));} .ttp-sec.ttp-faq .ttp-qa-a{font-family:var(--ttp-ty-a-ff);font-size:var(--ttp-ty-a-fs);font-weight:var(--ttp-ty-a-fw);line-height:var(--ttp-ty-a-lh);letter-spacing:var(--ttp-ty-a-ls);text-transform:var(--ttp-ty-a-tt);font-style:var(--ttp-ty-a-fst);color:var(--ttp-ty-a-c,var(--ttp-body));}