@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


    :root {
      --font-family: 'Montserrat';
    }

    * {
      font-family: var(--font-family);
    }

    /* H1 */
    .h1-light {
      font-family: var(--font-family);
      font-size: 96px;
      font-style: normal;
      font-weight: 400;
      line-height: 100px;
      letter-spacing: -2.4px;
    }

    .h1-regular {
      font-family: var(--font-family);
      font-size: 96px;
      font-style: normal;
      font-weight: 400;
      line-height: 100px;
      /* 104.167% */
      letter-spacing: -1.44px;
    }

    .h1-medium {
      font-family: var(--font-family);
      font-size: 96px;
      font-style: normal;
      font-weight: 500;
      line-height: 100px;
      /* 104.167% */
      letter-spacing: -1.44px;
    }

    .h1-bold {
      font-family: var(--font-family);
      font-size: 96px;
      font-style: normal;
      font-weight: 700;
      line-height: 100px;
      /* 104.167% */
      letter-spacing: -1.44px;
    }

    /* H2 */
    .h2-light {
      font-family: var(--font-family);
      font-size: 60px;
      font-style: normal;
      font-weight: 300;
      line-height: 64px;
      /* 106.667% */
      letter-spacing: -0.3px;
    }

    .h2-regular {
      font-family: var(--fr(--ftmily)amily);
      font-size: 60px;
      font-style: normal;
      font-weight: 400;
      line-height: 64px;
      /* 106.667% */
    }

    .h2-medium {
      font-family: var(--font-family);
      font-size: 60px;
      font-style: normal;
      font-weight: 500;
      line-height: 64px;
      /* 106.667% */
    }

    .h2-bold {
      font-family: var(--font-family);
      font-size: 60px;
      font-style: normal;
      font-weight: 700;
      line-height: 64px;
      /* 106.667% */
    }

    /* H3 */
    .h3-light {
      font-family: var(--font-family);
      font-size: 48px;
      font-style: normal;
      font-weight: 300;
      line-height: 54px;
      /* 112.5% */
    }

    .h3-regular {
      font-family: var(--font-family);
      font-size: 48px;
      font-style: normal;
      font-weight: 400;
      line-height: 52px;
      /* 108.333% */
    }

    .h3-medium {
      font-family: var(--font-family);
      font-size: 48px;
      font-style: normal;
      font-weight: 500;
      line-height: 52px;
      /* 108.333% */
    }

    .h3-bold {
      font-family: var(--font-family);
      font-size: 48px;
      font-style: normal;
      font-weight: 700;
      line-height: 52px;
      /* 108.333% */
    }

    /* H4 */
    .h4-light {
      font-family: var(--font-family);
      font-size: 34px;
      font-style: normal;
      font-weight: 300;
      line-height: 38px;
      /* 111.765% */
      letter-spacing: 0.085px;
    }

    .h4-regular {
      font-family: var(--font-family);
      font-size: 34px;
      font-style: normal;
      font-weight: 400;
      line-height: 38px;
      /* 111.765% */
      letter-spacing: 0.085px;
    }

    .h4-medium {
      font-family: var(--font-family);
      font-size: 34px;
      font-style: normal;
      font-weight: 500;
      line-height: 38px;
      /* 111.765% */
    }

    .h4-bold {
      font-family: var(--font-family);
      font-size: 34px;
      font-style: normal;
      font-weight: 700;
      line-height: 38px;
      /* 111.765% */
    }

    /* Header */
    .header-light {
      font-family: var(--font-family);
      font-size: 24px;
      font-style: normal;
      font-weight: 300;
      line-height: 28px;
      /* 116.667% */
    }

    .header-regular {
      font-family: var(--font-family);
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px;
      /* 116.667% */
    }

    .header-medium {
      font-family: var(--font-family);
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
      /* 116.667% */
    }

    .header-bold {
      font-family: var(--font-family);
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 28px;
      /* 116.667% */
      letter-spacing: 0.24px;
    }

    /* Title Page */
    .title-page-light {
      font-family: var(--font-family);
      font-size: 20px;
      font-style: normal;
      font-weight: 300;
      line-height: 24px;
      /* 120% */
      letter-spacing: 0.03px;
    }

    .title-page-regular {
      font-family: var(--font-family);
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      /* 120% */
      letter-spacing: 0.03px;
    }

    .title-page-medium {
      font-family: var(--font-family);
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
      /* 120% */
      letter-spacing: 0.03px;
    }

    .title-page-bold {
      font-family: var(--font-family);
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      /* 120% */
      letter-spacing: 0.03px;
    }

    /* Inner Page Title */
    .inner-page-title-light {
      font-family: var(--font-family);
      font-size: 16px;
      font-style: normal;
      font-weight: 200;
      line-height: 20px;
      /* 125% */
      letter-spacing: 0.024px;
    }

    .inner-page-title-regular {
      font-family: var(--font-family);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      /* 125% */
      letter-spacing: 0.024px;
    }

    .inner-page-title-medium {
      font-family: var(--font-family);
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 20px;
      /* 125% */
      letter-spacing: 0.024px;
    }

    .inner-page-title-bold {
      font-family: var(--font-family);
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 20px;
      /* 125% */
      letter-spacing: 0.024px;
    }

    /* Buttons */
    .button-text-light {
      font-family: var(--font-family);
      font-size: 14px;
      font-style: normal;
      font-weight: 300;
      line-height: 18px;
      /* 128.571% */
      letter-spacing: 0.035px;
    }

    .button-text-regular {
      font-family: var(--font-family);
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 18px;
      /* 128.571% */
      letter-spacing: 0.035px;
    }

    .button-text-medium {
      font-family: var(--font-family);
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 18px;
      /* 128.571% */
      letter-spacing: 0.014px;
    }

    .button-text-bold {
      font-family: var(--font-family);
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 18px;
      /* 128.571% */
      letter-spacing: 0.035px;
    }

    /* Body */
    .body-light {
      font-family: var(--font-family);
      font-size: 12px;
      font-style: normal;
      font-weight: 300;
      line-height: 16px;
      /* 133.333% */
      letter-spacing: 0.048px;
    }

    .body-regular {
      font-family: var(--font-family);
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;
      /* 133.333% */
      letter-spacing: 0.048px;
    }

    .body-medium {
      font-family: var(--font-family);
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 16px;
      /* 133.333% */
      letter-spacing: 0.048px;
    }

    .body-bold {
      font-family: var(--font-family);
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 16px;
      /* 133.333% */
      letter-spacing: 0.048px;
    }

    /* Supporting Text */
    .supporting-text-light {
      font-family: var(--font-family);
      font-size: 10px;
      font-style: normal;
      font-weight: 300;
      line-height: 14px;
      /* 140% */
      letter-spacing: 0.15px;
    }

    .supporting-text-regular {
      font-family: var(--font-family);
      font-size: 10px;
      font-style: normal;
      font-weight: 400;
      line-height: 14px;
      /* 140% */
      letter-spacing: 0.15px;
    }

    .supporting-text-medium {
      font-family: var(--font-family);
      font-size: 10px;
      font-style: normal;
      font-weight: 500;
      line-height: 14px;
      /* 140% */
      letter-spacing: 0.15px;
    }

    .supporting-text-bold {
      font-family: var(--font-family);
      font-size: 10px;
      font-style: normal;
      font-weight: 700;
      line-height: 14px;
      /* 140% */
      letter-spacing: 0.2px;
    }