:root {
  --about-infromation-acordion-title-fs: 28px;
  --about-infromation-acordion-text-fs: 20px;
  --about-infromation-acordion-content-title-fs: 26px;
  --about-infromation-acordion-content-link-fs: 20px;
  --about-infromation-acordion-content-teacher-fs: 24px;
}

@media (max-width: 900px) {
  :root {
    --about-infromation-acordion-title-fs: 24px;
    --about-infromation-acordion-text-fs: 18px;
    --about-infromation-acordion-content-title-fs: 22px;
    --about-infromation-acordion-content-link-fs: 18px;
    --about-infromation-acordion-content-teacher-fs: 20px;
  }
}

@media (max-width: 600px) {
  :root {
    --about-infromation-acordion-title-fs: 22px;
    --about-infromation-acordion-text-fs: 16px;
    --about-infromation-acordion-content-title-fs: 20px;
    --about-infromation-acordion-content-link-fs: 16px;
    --about-infromation-acordion-content-teacher-fs: 20px;
  }
}

@media (max-width: 550px) {
  :root {
    --about-infromation-acordion-title-fs: 20px;
    --about-infromation-acordion-text-fs: 14px;
    --about-infromation-acordion-content-title-fs: 18px;
    --about-infromation-acordion-content-link-fs: 14px;
    --about-infromation-acordion-content-teacher-fs: 18px;
  }
}

:root {
  --about-message-title-fs: 32px;
  --about-message-subtitle-fs: 24px;
  --about-message-bottom-fs: 20px;
}

@media (max-width: 744px) {
  :root {
    --about-message-title-fs: 30px;
    --about-message-subtitle-fs: 20px;
    --about-message-bottom-fs: 18px;
  }
}

@media (max-width: 580px) {
  :root {
    --about-message-title-fs: 28px;
    --about-message-subtitle-fs: 18px;
    --about-message-bottom-fs: 16px;
  }
}

@media (max-width: 420px) {
  :root {
    --about-message-title-fs: 24px;
    --about-message-subtitle-fs: 16px;
    --about-message-bottom-fs: 15px;
  }
}

:root {
  --contacts-info-title-fs: 28px;
  --contacts-info-subtitle-fs: 22px;
  --contacts-info-social-size: 64px;
}

@media (max-width: 740px) {
  :root {
    --contacts-info-title-fs: 24px;
    --contacts-info-subtitle-fs: 18px;
    --contacts-info-social-size: 60px;
  }
}
@media (max-width: 480px) {
  :root {
    --contacts-info-title-fs: 20px;
    --contacts-info-subtitle-fs: 16px;
    --contacts-info-social-size: 50px;
  }
}

:root {
  --footer-logo-width: 172px;
  --footer-logo-height: 64px;
  --footer-logo-mb: 48px;
  --footer-contacts-fs: 20px;
  --footer-nav-fs: 20px;
  --footer-policy-fs: 18px;
}

@media (max-width: 700px) {
  :root {
    --footer-logo-width: 238px;
    --footer-logo-height: 88px;
    --footer-logo-mb: 60px;
  }
}

@media (max-width: 600px) {
  :root {
    --footer-contacts-fs: 20px;
    --footer-nav-fs: 20px;
    --footer-policy-fs: 18px;
  }
}

@media (max-width: 480px) {
  :root {
    --footer-logo-width: 135px;
    --footer-logo-height: 51px;
    --footer-logo-mb: 32px;
    --footer-contacts-fs: 16px;
    --footer-nav-fs: 16px;
    --footer-policy-fs: 12px;
  }
}

:root {
  --form-title-fs: 42px;
  --form-title-lh: 46px;
  --form-input-fs: 16px;
  --form-control-lh: 24px;
  --form-aggree-fs: 15px;
  --form-aggree-lh: 18px;
}

@media (max-width: 570px) {
  :root {
    --form-title-fs: 32px;
    --form-title-lh: 38px;
    --form-aggree-fs: 14px;
    --form-aggree-lh: 19px;
  }
}

body.home-page {
  --home-cta-fs: 20px;
}

@media (max-width: 729px) {
  body.home-page {
    --home-cta-fs: 18px;
    --home-cta-padding-block: 10px;
  }
}

@media (max-width: 560px) {
  body.home-page {
    --home-cta-min-height: 56px;
    --home-cta-padding-inline: 18px;
  }
}

@media (max-width: 360px) {
  body.home-page {
    --home-cta-fs: 17px;
    --home-cta-min-height: 52px;
    --home-cta-padding-block: 9px;
    --home-cta-padding-inline: 12px;
  }
}

body.home-page {
  --description-cards-title-fs: 20px;
  --description-cards-lead-fs: 20px;
}

@media (max-width: 640px) {
  body.home-page {
    --description-cards-title-fs: 15px;
    --description-cards-lead-fs: 15px;
  }
}

:root {
  --diagnostic-steps-subtitle-fs: 26px;
  --diagnostic-steps-subtitle-lh: 31px;
  --diagnostic-steps-title-fs: 50px;
  --diagnostic-steps-title-lh: 57px;
  --diagnostic-steps-lead-fs: 18px;
  --diagnostic-steps-lead-lh: 26px;
  --diagnostic-steps-summary-fs: 20px;
  --diagnostic-steps-step-tag-fs: 26px;
  --diagnostic-steps-step-tag-lh: 35px;
  --diagnostic-steps-step-title-fs: 26px;
  --diagnostic-steps-step-title-lh: 35px;
  --diagnostic-steps-step-description-fs: 20px;
  --diagnostic-steps-step-description-lh: 27px;
  --diagnostic-steps-from-title-fs: 39px;
}

@media (min-width: 560px) and (max-width: 743px) {
  :root {
    --diagnostic-steps-subtitle-fs: calc(1.739px + 3.26087vw);
    --diagnostic-steps-subtitle-lh: calc(2.696px + 3.80435vw);
    --diagnostic-steps-title-fs: calc(9.565px + 5.43478vw);
    --diagnostic-steps-title-lh: calc(-23.87px + 10.86957vw);
    --diagnostic-steps-lead-fs: calc(1.826px + 2.17391vw);
    --diagnostic-steps-lead-lh: calc(1.739px + 3.26087vw);
    --diagnostic-steps-summary-fs: calc(-16.391px + 4.8913vw);
    --diagnostic-steps-step-tag-fs: calc(1.739px + 3.26087vw);
    --diagnostic-steps-step-tag-lh: calc(-9.478px + 5.97826vw);
    --diagnostic-steps-step-title-fs: calc(1.739px + 3.26087vw);
    --diagnostic-steps-step-title-lh: calc(2.652px + 4.34783vw);
    --diagnostic-steps-step-description-fs: calc(-4.261px + 3.26087vw);
    --diagnostic-steps-step-description-lh: calc(-1.304px + 3.80435vw);
    --diagnostic-steps-from-title-fs: calc(-5.478px + 5.97826vw);
  }
}

@media (max-width: 559px) {
  :root {
    --diagnostic-steps-subtitle-fs: 20px;
    --diagnostic-steps-subtitle-lh: 24px;
    --diagnostic-steps-title-fs: 40px;
    --diagnostic-steps-title-lh: 37px;
    --diagnostic-steps-lead-fs: 14px;
    --diagnostic-steps-lead-lh: 20px;
    --diagnostic-steps-summary-fs: 11px;
    --diagnostic-steps-step-tag-fs: 20px;
    --diagnostic-steps-step-tag-lh: 24px;
    --diagnostic-steps-step-title-fs: 20px;
    --diagnostic-steps-step-title-lh: 27px;
    --diagnostic-steps-step-description-fs: 14px;
    --diagnostic-steps-step-description-lh: 20px;
    --diagnostic-steps-from-title-fs: 28px;
  }
}

@media (max-width: 392px) {
  :root {
    --diagnostic-steps-title-fs: clamp(35.5px, calc(15.774px + 6.16438vw), 40px);
  }
}

:root {
  --direction-detail-tags-fs: 18px;
  --direction-detail-subtitle-fs: 20px;
  --direction-detail-image-size: 604px;
  --direction-detail-facts-fs: 32px;
  --direction-detail-classes-label-fs: 24px;
  --direction-detail-class-chip-fs: 20px;

  --direction-detail-cards-title-fs: 55px;
  --direction-detail-cards-subtitle-fs: 20px;
  --direction-detail-cards-compact-fs: 28px;
}

@media (max-width: 1200px) {
  :root {
    --direction-detail-facts-fs: 28px;
    --direction-detail-cards-title-fs: 48px;
  }
}

@media (max-width: 1040px) {
  :root {
    --direction-detail-facts-fs: 32px;
    --direction-detail-cards-title-fs: 55px;
    --direction-detail-image-size: 500px;
  }
}

@media (max-width: 780px) {
  :root {
    --direction-detail-facts-fs: 28px;
  }
}

@media (max-width: 700px) {
  :root {
    --direction-detail-tags-fs: 16px;
    --direction-detail-subtitle-fs: 18px;
    --direction-detail-image-size: 400px;
    --direction-detail-facts-fs: 24px;
    --direction-detail-classes-label-fs: 20px;
    --direction-detail-class-chip-fs: 18px;

    --direction-detail-cards-title-fs: 38px;
    --direction-detail-cards-subtitle-fs: 18px;
    --direction-detail-cards-compact-fs: 24px;
  }
}
@media (max-width: 500px) {
  :root {
    --direction-detail-tags-fs: 14px;
    --direction-detail-subtitle-fs: 16px;
    --direction-detail-image-size: 360px;
    --direction-detail-facts-fs: 20px;
    --direction-detail-classes-label-fs: 18px;
    --direction-detail-class-chip-fs: 16px;

    --direction-detail-cards-title-fs: 28px;
    --direction-detail-cards-subtitle-fs: 16px;
    --direction-detail-cards-compact-fs: 22px;
  }
}

@media (max-width: 440px) {
  :root {
    --direction-detail-tags-fs: 12px;
    --direction-detail-subtitle-fs: 14px;
    --direction-detail-image-size: 320px;
    --direction-detail-facts-fs: 16px;
    --direction-detail-classes-label-fs: 16px;

    --direction-detail-cards-title-fs: 28px;
    --direction-detail-cards-subtitle-fs: 14px;
    --direction-detail-cards-compact-fs: 20px;
  }
}

body.home-page {
  --directions-note-fs: 20px;
  --directions-group-title-fs: 50px;
  --directions-group-count-fs: 28px;
  --directions-card-title-fs: 26px;
  --directions-card-tag-fs: 12px;
}

body.home-page {
  --education-path-heading-fs: 24px;
  --education-path-heading-lh: 31px;
  --education-path-column-fs: 40px;
  --education-path-column-lh: 48px;
  --education-path-mobile-result-fs: 22px;
  --education-path-result-offset: clamp(0px, calc(190px - 15vw), 40px);
  --education-path-grades-fs: 50px;
  --education-path-grades-label-fs: 25px;
  --education-path-grades-lh: 50px;
  --education-path-text-fs: 18px;
  --education-path-text-lh: 24px;
  --education-path-divider-width: 138px;
  --education-path-divider-height: 320px;
}

body.home-page[data-font-size='large'] {
  --education-path-divider-height: 520px;
}

body.home-page[data-font-size='xlarge'] {
  --education-path-divider-height: 620px;
}

@media (min-width: 1001px) and (max-width: 1200px) {
  body.home-page {
    --education-path-column-fs: 30px;
    --education-path-column-lh: 36px;
  }
}

@media (min-width: 1201px) and (max-width: 1400px) {
  body.home-page {
    --education-path-column-fs: 34px;
    --education-path-column-lh: 42px;
  }
}

@media (max-width: 1000px) {
  body.home-page {
    --education-path-heading-fs: 26px;
    --education-path-column-fs: 36px;
  }
}

@media (max-width: 739px) {
  body.home-page {
    --education-path-heading-fs: 19px;
    --education-path-heading-lh: 24px;
    --education-path-column-fs: 22px;
    --education-path-column-lh: 24px;
    --education-path-mobile-result-fs: clamp(15px, calc(8.16vw - 11.12px), 22px);
    --education-path-grades-fs: 32px;
    --education-path-grades-label-fs: 22px;
    --education-path-grades-lh: 38px;
    --education-path-text-fs: 14px;
    --education-path-text-lh: 19px;
  }
}

body.home-page {
  --education-stages-title-fs: 36px;
  --education-stages-description-fs: 16px;
  --education-stages-track-fs: 16px;
  --education-stages-list-fs: 12px;
  --education-stages-note-fs: 20px;
}

@media (max-width: 680px) {
  body.home-page {
    --education-stages-title-fs: 28px;
    --education-stages-description-fs: 14px;
    --education-stages-track-fs: 14px;
    --education-stages-note-fs: 14px;
  }
}

body.home-page {
  --features-heading-fs: 50px;
  --features-number-fs: 234px;
  --features-title-fs: 26px;
  --features-description-fs: 18px;
}

@media (max-width: 1359px) {
  body.home-page {
    --features-number-fs: 166px;
  }
}

@media (max-width: 640px) {
  body.home-page {
    --features-heading-fs: 32px;
    --features-number-fs: 104px;
    --features-title-fs: 20px;
    --features-description-fs: 16px;
  }
}

body.home-page {
  --hero-title-fs: 78px;
  --hero-subtitle-fs: 32px;
  --hero-description-fs: 18px;
  --hero-assistant-title-fs: 36px;
  --hero-assistant-subtitle-fs: 26px;
  --hero-assistant-text-fs: 18px;
  --hero-assistant-greeting-fs: 20px;
}

@media (max-width: 640px) {
  body.home-page {
    --hero-title-fs: 50px;
    --hero-subtitle-fs: 20px;
    --hero-description-fs: 14px;
    --hero-assistant-title-fs: 28px;
    --hero-assistant-subtitle-fs: 20px;
    --hero-assistant-text-fs: 14px;
    --hero-assistant-greeting-fs: 18px;
  }
}

body.home-page {
  --join-request-title-fs: 50px;
  --join-request-subtitle-fs: 36px;
  --join-request-audience-fs: 36px;
}

@media (max-width: 669px) {
  body.home-page {
    --join-request-title-fs: 32px;
    --join-request-subtitle-fs: 28px;
    --join-request-audience-fs: clamp(22px, calc(10.96vw - 13.07px), 30px);
  }
}

body.home-page {
  --phystech-valley-title-fs: 50px;
  --phystech-valley-subtitle-fs: 20px;
  --phystech-valley-description-fs: 20px;
}

@media (max-width: 535px) {
  body.home-page {
    --phystech-valley-title-fs: 32px;
    --phystech-valley-subtitle-fs: 14px;
    --phystech-valley-description-fs: 14px;
  }
}

body.home-page {
  --projectIncludes-title-fs: 26px;
  --projectIncludes-description-fs: 18px;
  --projectIncludes-tag-fs: 20px;
  --projectIncludes-note-fs: 12px;
}

@media (max-width: 640px) {
  body.home-page {
    --projectIncludes-title-fs: 20px;
    --projectIncludes-description-fs: 14px;
    --projectIncludes-tag-fs: 14px;
    --projectIncludes-note-fs: 10px;
  }
}

:root {
  --schools-title-fs: 50px;
  --schools-subtitle-fs: 26px;
  --schools-padding-block: 100px;
  --schools-map-title-fs: 48px;
  --schools-map-tags-fs: 20px;
  --schools-map-regions-fs: 20px;
  --schools-map-school-title-fs: 20px;
  --schools-map-school-list-fs: 14px;
}

@media (max-width: 1200px) {
  :root {
    --schools-padding-block: 60px;
  }
}

@media (max-width: 640px) {
  :root {
    --schools-title-fs: 32px;
    --schools-subtitle-fs: 14px;
    --schools-padding-block: 40px;
    --schools-map-title-fs: 34px;
    --schools-map-tags-fs: 12px;
    --schools-map-regions-fs: 12px;
    --schools-map-school-title-fs: 14px;
    --schools-map-school-list-fs: 12px;
  }
}

.stats-charts {
  --stats-charts-section-padding: 100px;
  --stats-charts-wrapper-max-width: 1548px;
  --stats-charts-wrapper-padding-inline: 100px;
  --stats-charts-title-max-width: 860px;
  --stats-charts-title-fs: 48px;
  --stats-charts-title-lh: 1.2;
  --stats-charts-title-margin-end: 42.8px;
  --stats-charts-subtitle-max-width: 1000px;
  --stats-charts-subtitle-fs: 20px;
  --stats-charts-subtitle-lh: 1.35;
  --stats-charts-top-margin-end: 40px;
  --stats-charts-select-width: 230px;
  --stats-charts-select-min-height: 57px;
  --stats-charts-select-fs: 20px;
  --stats-charts-grid-gap: 20px;
  --stats-charts-card-min-height: 253px;
  --stats-charts-card-padding: 30px;
  --stats-charts-card-radius: 40px;
  --stats-charts-card-title-fs: 26px;
  --stats-charts-card-title-lh: 31px;
  --stats-charts-card-title-margin-end: 8px;
  --stats-charts-legend-fs: 18px;
  --stats-charts-legend-lh: 24px;
  --stats-charts-legend-gap: 16px;
  --stats-charts-legend-margin-end: 32px;
  --stats-charts-bars-gap: 16px;
  --stats-charts-bar-height: 40px;
  --stats-charts-value-fs: 26px;
}

@media (max-width: 1199px) {
  .stats-charts {
    --stats-charts-wrapper-max-width: none;
    --stats-charts-wrapper-padding-inline: 20px;
    --stats-charts-title-max-width: 100%;
    --stats-charts-title-margin-end: 34.2px;
    --stats-charts-controls-gap: 4px;
    --stats-charts-top-margin-end: 20px;
    --stats-charts-grid-gap: 32px;
    --stats-charts-card-min-height: 233px;
    --stats-charts-card-padding: 20px;
    --stats-charts-card-radius: 20px;
  }
}

@media (max-width: 480px) {
  .stats-charts {
    --stats-charts-title-fs: 32px;
    --stats-charts-title-lh: 1.15625;
    --stats-charts-title-margin-end: 20px;
    --stats-charts-subtitle-fs: 14px;
    --stats-charts-subtitle-lh: 19px;
    --stats-charts-controls-gap: 8px;
    --stats-charts-select-width: 174px;
    --stats-charts-select-min-height: 44px;
    --stats-charts-select-fs: 14px;
    --stats-charts-grid-gap: 20px;
    --stats-charts-card-min-height: 199px;
    --stats-charts-card-title-fs: 20px;
    --stats-charts-card-title-lh: 24px;
    --stats-charts-legend-fs: 14px;
    --stats-charts-legend-lh: 19px;
    --stats-charts-legend-margin-end: 20px;
    --stats-charts-bars-gap: 8px;
    --stats-charts-value-fs: 20px;
  }
}

:root {
  --links-text-fs: 21px;
  --links-home-title-fs: 50px;
  --links-home-title-lh: 58px;
  --links-home-title-mobile-fs: 32px;
  --links-home-title-mobile-lh: 37px;
  --links-home-text-fs: 20px;
  --links-home-text-lh: 27px;
  --links-home-text-mobile-fs: 14px;
  --links-home-text-mobile-lh: 19px;
}

@media (max-width: 400px) {
  :root {
    --links-text-fs: 18px;
  }
}

body.physmatics-page {
  --physmatics-audience-padding-start: 125px;
  --physmatics-audience-padding-end: 0px;
  --physmatics-audience-title-fs: 50px;
  --physmatics-audience-list-gap: 20px;
  --physmatics-audience-card-padding: 30px 8px 24px 30px;
  --physmatics-audience-card-padding-flow: 28px;
  --physmatics-audience-card-padding-no-images: 32px;
  --physmatics-audience-card-title-fs: 26px;
  --physmatics-audience-card-description-fs: 20px;
  --physmatics-audience-padding-no-images-end: 112px;
}

@media (min-width: 1201px) and (max-width: 1359px) {
  body.physmatics-page {
    --physmatics-audience-card-title-fs: 24px;
    --physmatics-audience-card-description-fs: 18px;
  }
}

@media (max-width: 1200px) {
  body.physmatics-page {
    --physmatics-audience-padding-start: 77px;
    --physmatics-audience-card-padding: 32px 8px 22px 30px;
    --physmatics-audience-padding-no-images-end: 96px;
  }
}

@media (max-width: 729px) {
  body.physmatics-page {
    --physmatics-audience-padding-start: 56px;
    --physmatics-audience-title-fs: 32px;
    --physmatics-audience-card-padding-flow: 20px;
    --physmatics-audience-card-padding-no-images: 20px;
    --physmatics-audience-card-title-fs: 20px;
    --physmatics-audience-card-description-fs: 14px;
    --physmatics-audience-padding-no-images-end: 60px;
  }
}

@media (max-width: 560px) {
  body.physmatics-page {
    --physmatics-audience-card-padding: 146px 20px 18px;
  }
}

body.physmatics-page {
  --physmatics-button-fs: 20px;
  --physmatics-button-min-height: 66px;
  --physmatics-button-padding-block: 12px;
  --physmatics-button-padding-inline: 32px;
}

@media (max-width: 1200px) {
  body.physmatics-page {
    --physmatics-button-min-height: 70px;
    --physmatics-button-padding-block: 12px;
    --physmatics-button-padding-inline: 22px;
  }
}

@media (max-width: 729px) {
  body.physmatics-page {
    --physmatics-button-fs: 18px;
    --physmatics-button-padding-block: 10px;
  }
}

@media (max-width: 560px) {
  body.physmatics-page {
    --physmatics-button-min-height: 56px;
    --physmatics-button-padding-inline: 18px;
  }
}

@media (max-width: 360px) {
  body.physmatics-page {
    --physmatics-button-fs: 17px;
    --physmatics-button-min-height: 52px;
    --physmatics-button-padding-block: 9px;
    --physmatics-button-padding-inline: 12px;
  }
}

body.physmatics-page {
  --physmatics-cta-page-padding-inline: 70px;
  --physmatics-cta-padding-start: 70px;
  --physmatics-cta-padding-end: 48px;
  --physmatics-cta-padding-inline: 70px;
  --physmatics-cta-title-fs: 36px;
  --physmatics-cta-description-fs: 20px;
  --physmatics-cta-flow-gap: 48px;
  --physmatics-cta-min-height-no-images: 373px;
}

@media (max-width: 1200px) {
  body.physmatics-page {
    --physmatics-cta-page-padding-inline: 20px;
    --physmatics-cta-padding-start: 0px;
    --physmatics-cta-padding-end: 0px;
    --physmatics-cta-padding-inline: 20px;
    --physmatics-cta-title-fs: clamp(32px, calc(1.6461vw + 23.753px), 36px);
    --physmatics-cta-description-fs: clamp(13px, calc(1.7094vw + 7.282px), 20px);
    --physmatics-cta-flow-gap: 32px;
    --physmatics-cta-min-height-no-images: 458px;
  }
}

@media (max-width: 729px) {
  body.physmatics-page {
    --physmatics-cta-min-height-no-images: 438px;
  }
}

@media (max-width: 500px) {
  body.physmatics-page {
    --physmatics-cta-title-fs: min(27.4px, calc(7.762vw - 3.105px));
  }
}

body.physmatics-page {
  --physmatics-features-padding-start: 128px;
  --physmatics-features-padding-end: 120px;
  --physmatics-features-title-fs: 50px;
  --physmatics-features-grid-gap: 20px;
  --physmatics-feature-content-padding: 30px 26px 24px 178px;
  --physmatics-feature-content-padding-flow: 28px;
  --physmatics-feature-content-padding-no-images: 32px;
  --physmatics-feature-title-fs: 26px;
  --physmatics-feature-description-fs: 18px;
}

@media (min-width: 1201px) and (max-width: 1359px) {
  body.physmatics-page {
    --physmatics-feature-content-padding: 30px 26px 24px 150px;
    --physmatics-feature-title-fs: 24px;
    --physmatics-feature-description-fs: 16px;
  }
}

@media (max-width: 1200px) {
  body.physmatics-page {
    --physmatics-features-padding-start: 104px;
    --physmatics-features-padding-end: 96px;
    --physmatics-features-title-fs: 48px;
  }
}

@media (max-width: 729px) {
  body.physmatics-page {
    --physmatics-features-padding-start: 64px;
    --physmatics-features-padding-end: 56px;
    --physmatics-features-title-fs: 32px;
    --physmatics-feature-content-padding: 170px 20px 18px;
    --physmatics-feature-content-padding-flow: 20px;
    --physmatics-feature-content-padding-no-images: 20px;
    --physmatics-feature-title-fs: 20px;
    --physmatics-feature-description-fs: 14px;
  }
}

body.physmatics-page {
  --physmatics-footer-body-fs: 20px;
  --physmatics-footer-meta-fs: 18px;
}

@media (max-width: 729px) {
  body.physmatics-page {
    --physmatics-footer-body-fs: 16px;
    --physmatics-footer-meta-fs: 12px;
  }
}

body.physmatics-page {
  --physmatics-hero-padding-start: 63px;
  --physmatics-hero-padding-end: 0px;
  --physmatics-hero-title-fs: 76px;
  --physmatics-hero-subtitle-fs: 32px;
  --physmatics-hero-description-fs: 18px;
  --physmatics-hero-availability-fs: 18px;
  --physmatics-hero-caption-fs: 24px;
  --physmatics-hero-actions-gap: 16px;
  --physmatics-hero-flow-gap: 40px;
  --physmatics-hero-flow-padding-end: 48px;
}

@media (min-width: 1440px) and (max-width: 1599px) {
  body.physmatics-page {
    --physmatics-hero-title-fs: 68px;
    --physmatics-hero-caption-fs: 26px;
  }
}

@media (min-width: 1201px) and (max-width: 1439px) {
  body.physmatics-page {
    --physmatics-hero-title-fs: 60px;
    --physmatics-hero-caption-fs: 28px;
  }
}

@media (min-width: 1101px) and (max-width: 1200px) {
  body.physmatics-page {
    --physmatics-hero-title-fs: 54px;
    --physmatics-hero-caption-fs: 29px;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  body.physmatics-page {
    --physmatics-hero-title-fs: 48px;
    --physmatics-hero-caption-fs: 32px;
  }
}

@media (max-width: 900px) {
  body.physmatics-page {
    --physmatics-hero-padding-start: 0px;
    --physmatics-hero-title-fs: clamp(56px, 10.2vw, 76px);
    --physmatics-hero-caption-fs: 26px;
    --physmatics-hero-actions-gap: 17px;
    --physmatics-hero-flow-gap: 32px;
  }
}

@media (max-width: 560px) {
  body.physmatics-page {
    --physmatics-hero-title-fs: clamp(34px, 12.2vw, 48px);
    --physmatics-hero-subtitle-fs: 20px;
    --physmatics-hero-description-fs: 12px;
    --physmatics-hero-availability-fs: 13px;
    --physmatics-hero-caption-fs: 20px;
    --physmatics-hero-actions-gap: 12px;
  }
}

@media (max-width: 360px) {
  body.physmatics-page {
    --physmatics-hero-actions-gap: 10px;
  }
}

body.physmatics-page {
  --physmatics-intro-padding-start: 0px;
  --physmatics-intro-padding-end: 0px;
  --physmatics-intro-text-gap: 24px;
  --physmatics-intro-paragraph-fs: 20px;
}

@media (min-width: 1201px) and (max-width: 1399px) {
  body.physmatics-page {
    --physmatics-intro-padding-start: 60px;
    --physmatics-intro-padding-end: 48px;
    --physmatics-intro-text-gap: 32px;
  }
}

@media (max-width: 1200px) {
  body.physmatics-page {
    --physmatics-intro-padding-start: 60px;
    --physmatics-intro-padding-end: 32px;
    --physmatics-intro-text-gap: 32px;
  }
}

@media (max-width: 729px) {
  body.physmatics-page {
    --physmatics-intro-padding-start: 39px;
    --physmatics-intro-padding-end: 26px;
    --physmatics-intro-text-gap: 19px;
    --physmatics-intro-paragraph-fs: 14px;
  }
}

body.physmatics-page {
  --physmatics-requirements-padding-start: 126px;
  --physmatics-requirements-padding-end: 0px;
  --physmatics-requirements-padding-no-images-end: clamp(99px, calc(3.9966vw + 69.265px), 146px);
  --physmatics-requirements-title-fs: 50px;
  --physmatics-requirements-list-gap: 20px;
  --physmatics-requirement-gap: 12px;
  --physmatics-requirement-padding: 30px;
  --physmatics-requirement-text-fs: 26px;
  --physmatics-requirement-note-fs: 20px;
}

@media (max-width: 1200px) {
  body.physmatics-page {
    --physmatics-requirements-padding-start: 102px;
    --physmatics-requirement-gap: 11px;
    --physmatics-requirement-padding: 20px 21px;
  }
}

@media (min-width: 730px) and (max-width: 743px) {
  body.physmatics-page {
    --physmatics-requirements-title-fs: clamp(44px, calc(40vw - 247.6px), 50px);
  }
}

@media (max-width: 729px) {
  body.physmatics-page {
    --physmatics-requirements-padding-start: clamp(61px, calc(13.044px + 12.2025vw), 102px);
    --physmatics-requirements-padding-end: clamp(59px, calc(13.38px + 11.61vw), 98px);
    --physmatics-requirements-padding-no-images-end: 0px;
    --physmatics-requirements-title-fs: clamp(28px, calc(9.285px + 4.762vw), 44px);
    --physmatics-requirements-list-gap: 16px;
    --physmatics-requirement-gap: 12px;
    --physmatics-requirement-padding: 20px;
    --physmatics-requirement-text-fs: clamp(20px, calc(12.981px + 1.786vw), 26px);
    --physmatics-requirement-note-fs: clamp(14px, calc(6.981px + 1.786vw), 20px);
  }
}

body.physmatics-page {
  --physmatics-steps-padding-start: 110px;
  --physmatics-steps-padding-end: 0px;
  --physmatics-steps-title-fs: 50px;
  --physmatics-steps-list-gap: 20px;
  --physmatics-steps-answer-padding: 24px;
  --physmatics-steps-question-padding: 13px 18px;
  --physmatics-steps-question-fs: 18px;
  --physmatics-steps-answer-content-gap: 8px;
  --physmatics-steps-answer-text-padding: 18px 16px;
  --physmatics-steps-answer-text-fs: 20px;
  --physmatics-step-card-padding: 32px 30px 24px;
  --physmatics-step-number-fs: 20px;
  --physmatics-step-title-fs: 26px;
  --physmatics-step-description-fs: 20px;
}

@media (max-width: 1359px) {
  body.physmatics-page {
    --physmatics-steps-padding-start: 65px;
    --physmatics-step-card-padding: 31px 30px 24px;
  }
}

@media (max-width: 729px) {
  body.physmatics-page {
    --physmatics-steps-padding-start: 44px;
    --physmatics-steps-title-fs: 32px;
    --physmatics-steps-answer-padding: 13px;
    --physmatics-steps-question-padding: 10px 12px;
    --physmatics-steps-question-fs: 14px;
    --physmatics-steps-answer-text-padding: 12px;
    --physmatics-steps-answer-text-fs: 14px;
    --physmatics-step-card-padding: 21px 30px 18px 20px;
    --physmatics-step-number-fs: 14px;
    --physmatics-step-title-fs: 20px;
    --physmatics-step-description-fs: 14px;
  }
}

:root {
  --integration-process-title-fs: 20px;
  --integration-process-date-fs: 20px;
}

@media (max-width: 540px) {
  :root {
    --integration-process-title-fs: 18px;
    --integration-process-date-fs: 18px;
  }
}

:root {
  --schools-opportunities-title-fs: 40px;
  --schools-opportunities-subtitle-fs: 20px;
  --schools-opportunities-padding: 40px;
  --schools-opportunities-icon: 76px;
}

@media (max-width: 1300px) {
  :root {
    --schools-opportunities-title-fs: 30px;
    --schools-opportunities-padding: 30px;
    --schools-opportunities-icon: 60px;
  }
}

@media (max-width: 1100px) {
  :root {
    --schools-opportunities-title-fs: 24px;
    --schools-opportunities-subtitle-fs: 18px;
    --schools-opportunities-padding: 30px;
  }
}

@media (max-width: 1024px) {
  :root {
    --schools-opportunities-title-fs: 40px;
    --schools-opportunities-subtitle-fs: 24px;
    --schools-opportunities-padding: 40px;
    --schools-opportunities-icon: 76px;
  }
}

@media (max-width: 740px) {
  :root {
    --schools-opportunities-title-fs: 30px;
    --schools-opportunities-subtitle-fs: 20px;
    --schools-opportunities-padding: 30px;
    --schools-opportunities-icon: 60px;
  }
}

@media (max-width: 540px) {
  :root {
    --schools-opportunities-icon: 60px;
    --schools-opportunities-title-fs: 26px;
    --schools-opportunities-subtitle-fs: 18px;
  }
}

@media (max-width: 440px) {
  :root {
    --schools-opportunities-icon: 60px;
    --schools-opportunities-title-fs: 24px;
    --schools-opportunities-subtitle-fs: 16px;
  }
}

:root {
  --schools-hero-subtitle-fs: 29px;
  --schools-hero-button-fs: 20px;
}

@media (max-width: 1300px) {
  :root {
    --schools-hero-subtitle-fs: 40px;
    --schools-hero-button-fs: 28px;
  }
}

@media (max-width: 700px) {
  :root {
    --schools-hero-subtitle-fs: 29px;
    --schools-hero-button-fs: 24px;
  }
}

@media (max-width: 700px) {
  :root {
    --schools-hero-subtitle-fs: 24px;
    --schools-hero-button-fs: 20px;
  }
}

/* Font sizes */
:root {
  /*titles*/
  --h1-font-size: 78px;
  --h1-font-size-school: 83px;
  --h1-font-size-directions: 86px;
  --h2-font-size: 60px;
  --h2-font-size-opportunities: 60px;
  --h3-font-size: 50px;
  --h4-font-size: 48px;

  /*scale*/
  --font-scale: 1;
}

body[data-font-size="small"] {
  --font-scale: 0.6;
}

body[data-font-size="large"] {
  --font-scale: 1.3;
}

body[data-font-size="xlarge"] {
  --font-scale: 1.5;
}

@media (max-width: 1300px) {
  :root {
    --h1-font-size: 94px;
    --h4-font-size: 40px;
    --h1-font-size-directions: 86px;
  }
}

@media (max-width: 1124px) {
  :root {
    --h2-font-size-opportunities: 54px;
  }
}
@media (max-width: 800px) {
  :root {
    --h1-font-size-directions: 70px;
  }
}
@media (max-width: 700px) {
  :root {
    --h1-font-size-school: 70px;
  }
}
@media (max-width: 640px) {
  :root {
    --h1-font-size: 60px;
    --h2-font-size: 50px;
    --h2-font-size-opportunities: 50px;
    --h3-font-size: 40px;
    --h4-font-size: 36px;
    --h1-font-size-school: 60px;

    --h1-font-size-directions: 60px;
  }
}
@media (max-width: 540px) {
  :root {
    --h1-font-size-directions: 48px;
  }
}

@media (max-width: 500px) {
  :root {
    --h1-font-size: 50px;
    --h2-font-size: 34px;
    --h2-font-size-opportunities: 34px;
    --h3-font-size: 34px;
    --h4-font-size: 34px;
    --h1-font-size-school: 48px;
  }
}

@media (max-width: 400px) {
  :root {
    --h1-font-size: 40px;
    --h3-font-size: 28px;
    --h2-font-size: 28px;
    --h2-font-size-opportunities: 28px;
    --h4-font-size: 28px;
    --h1-font-size-school: 40px;

    --h1-font-size-directions: 40px;
  }
}