:root {
  --wp--preset--font-family: "Inter", sans-serif;
  --wp--preset--second-family: "Inter Tight", sans-serif;
  --wp--preset--font-light: 300;
  --wp--preset--font-reg: 400;
  --wp--preset--font-medium: 500;
  --wp--preset--font-semi-bold: 600;
  --wp--preset--font-bold: 700;
  --wp--preset--font-extra-bold: 800; }

body {
  font-size: 16px; }
  @media screen and (max-width: 575px) {
    body {
      font-size: 14px; } }

.main-font {
  font-family: var(--wp--preset--font-family); }

.secondary-font {
  font-family: var(--wp--preset--second-family); }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--wp--preset--second-family);
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  letter-spacing: -0.02em;
  color: var(--wp--preset--color--black); }

.green_section .h1,
.green_section .h2,
.green_section .h3,
.green_section .h4,
.green_section .h5,
.green_section .h6,
.green_section h1,
.green_section h2,
.green_section h3,
.green_section h4,
.green_section h5,
.green_section h6 {
  color: #fff; }

h1 {
  font-size: 106px;
  line-height: 104%;
  margin-bottom: 30px; }

h2 {
  font-size: 55px;
  font-weight: 500;
  line-height: 55px;
  letter-spacing: -0.02em; }
  @media screen and (max-width: 575px) {
    h2 {
      font-size: 30px;
      line-height: 114%; } }

.fz-70 {
  font-size: 70px;
  line-height: 110%; }
  @media screen and (max-width: 575px) {
    .fz-70 {
      font-size: 40px; } }

.fz-60 {
  font-size: 60px;
  line-height: 110%; }
  @media screen and (max-width: 575px) {
    .fz-60 {
      font-size: 37px; } }

.fw-medium {
  font-weight: var(--wp--preset--font-medium); }

.fw-semi-bold {
  font-weight: var(--wp--preset--font-semi-bold); }

.fw-light {
  font-weight: var(--wp--preset--font-light); }
  .fw-light.fz-60 {
    line-height: 104%; }
  .fw-light.fz-70 {
    line-height: 104%; }

h3 {
  font-size: 55px;
  line-height: 100%; }

h4 {
  font-size: 44px;
  line-height: 100%; }

h5 {
  font-size: 30px;
  line-height: 120%; }

h6 {
  font-size: 22px;
  line-height: 120%; }

.text-10 {
  font-size: 10px;
  line-height: 135%; }

.text-11 {
  font-size: 11px;
  line-height: 135%; }

.text-12 {
  font-size: 12px;
  line-height: 140%; }

.text-13 {
  font-size: 13px;
  line-height: 135%; }

.text-14 {
  font-size: 14px;
  line-height: 135%; }

.text-15 {
  font-size: 15px;
  line-height: 135%; }
  @media screen and (max-width: 575px) {
    .text-15 {
      font-size: 14px; } }

.text-16 {
  font-size: 16px;
  line-height: 140%; }
  @media screen and (max-width: 575px) {
    .text-16 {
      font-size: 14px; } }

.text-18 {
  font-size: 18px;
  line-height: 122%; }
  @media screen and (max-width: 575px) {
    .text-18 {
      font-size: 14px; } }

.text-18.text-18 {
  font-size: 18px;
  line-height: 122%; }
  @media screen and (max-width: 575px) {
    .text-18.text-18 {
      font-size: 14px; } }

.text-20 {
  font-size: 20px;
  line-height: 130%; }
  @media screen and (max-width: 575px) {
    .text-20 {
      font-size: 18px; } }

.text-22 {
  font-size: 22px;
  line-height: 130%; }
  @media screen and (max-width: 992px) {
    .text-22 {
      font-size: 14px; } }

.text-30 {
  font-size: 30px;
  line-height: 130%; }
  @media screen and (max-width: 992px) {
    .text-30 {
      font-size: 20px; } }

.font-semi-bold {
  font-weight: var(--wp--preset--font-semi-bold); }

.font-bold {
  font-weight: var(--wp--preset--font-bold); }

.font-extra-bold {
  font-weight: var(--wp--preset--font-extra-bold); }

.font-light {
  font-weight: var(--wp--preset--font-light); }

.font-reg {
  font-weight: var(--wp--preset--font-reg); }

.font-medium {
  font-weight: var(--wp--preset--font-medium); }

.body-text-15 {
  font-family: var(--wp--preset--font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 135%;
  text-underline-position: from-font;
  text-decoration-skip-ink: none; }
  @media screen and (max-width: 575px) {
    .body-text-15 {
      font-size: 14px; } }

.radius-100 {
  border-radius: 100px; }

.radius-20 {
  border-radius: 20px; }

@media screen and (max-width: 1279px) {
  h1 {
    font-size: 90px; } }

@media screen and (max-width: 768px) {
  h1 {
    font-size: 50px; }
  h2 {
    font-size: 37px; } }
  @media screen and (max-width: 768px) and (max-width: 575px) {
    h2 {
      font-size: 30px; } }

@media screen and (max-width: 768px) {
  h3 {
    font-size: 30px;
    text-align: center; }
  h4 {
    font-size: 24px; }
  h5 {
    font-size: 22px; }
  h6 {
    font-size: 20px; } }