:root {
    --w-header-font-family: "Inter", sans-serif;
    --w-normal-font-family: "Lexend", "DM Sans", sans-serif;
}

.w-display-1-md {
    font-family: var(--w-header-font-family);
    font-weight: 500;
    font-size: 96px;
    line-height: 96px;
    letter-spacing: -5px;
}

.w-display-2-md {
    font-family: var(--w-header-font-family);
    font-weight: 500;
    font-size: 88px;
    line-height: 88px;
    letter-spacing: -5px;
}

.w-display-3-md {
    font-family: var(--w-header-font-family);
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    letter-spacing: -5px;
}

.w-heading-h1-l {
    font-family: var(--w-header-font-family);
    font-weight: 400;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
}

.w-heading-h1-n {
    font-family: var(--w-header-font-family);
    font-weight: 400;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
}

.w-heading-h1-m {
    font-family: var(--w-header-font-family);
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
}

.w-heading-h1-sb {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
}

.w-heading-h1-b {
    font-family: var(--w-header-font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
}

.w-heading-h2-l {
    font-family: var(--w-header-font-family);
    font-weight: 300;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -2px;
}

.w-heading-h2-n {
    font-family: var(--w-header-font-family);
    font-weight: 400;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -2px;
}

.w-heading-h2-m {
    font-family: var(--w-header-font-family);
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -2px;
}

.w-heading-h2-sb {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -2px;
}

.w-heading-h2-b {
    font-family: var(--w-header-font-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -2px;
}

.w-heading-h3-l {
    font-family: var(--w-header-font-family);
    font-weight: 300;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -1.2px;
}

.w-heading-h3-n {
    font-family: var(--w-header-font-family);
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -1.2px;
}

.w-heading-h3-m {
    font-family: var(--w-header-font-family);
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -1.2px;
}

.w-heading-h3-sb {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -1.2px;
}

.w-heading-h3-b {
    font-family: var(--w-header-font-family);
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -1.2px;
}

.w-heading-h4-l {
    font-family: var(--w-header-font-family);
    font-weight: 300;
    font-size: 32px;
    line-height: 37.5px;
    letter-spacing: -0.8px;
}

.w-heading-h4-n {
    font-family: var(--w-header-font-family);
    font-weight: 400;
    font-size: 32px;
    line-height: 37.5px;
    letter-spacing: -0.8px;
}

.w-heading-h4-m {
    font-family: var(--w-header-font-family);
    font-weight: 500;
    font-size: 32px;
    line-height: 37.5px;
    letter-spacing: -0.8px;
}

.w-heading-h4-sb {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 37.5px;
    letter-spacing: -0.8px;
}

.w-heading-h4-b {
    font-family: var(--w-header-font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 37.5px;
    letter-spacing: -0.8px;
}

.w-heading-h5-l {
    font-family: var(--w-header-font-family);
    font-weight: 300;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -0.8px;
}

.w-heading-h5-n {
    font-family: var(--w-header-font-family);
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -0.8px;
}

.w-heading-h5-m {
    font-family: var(--w-header-font-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.8px;
}

.w-heading-h5-sb {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -0.8px;
}

.w-heading-h5-b {
    font-family: var(--w-header-font-family);
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -0.8px;
}

.w-heading-h6-l {
    font-family: var(--w-header-font-family);
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.8px;
}

.w-heading-h6-n {
    font-family: var(--w-header-font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.8px;
}

.w-heading-h6-m {
    font-family: var(--w-header-font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.8px;
}

.w-heading-h6-sb {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.8px;
}

.w-heading-h6-b {
    font-family: var(--w-header-font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.8px;
}

.w-text-p-l {
    font-family: Lexend;
    font-weight: 300;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.2px;
}

.w-text-p-n {
    font-family: var(--w-normal-font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.2px;
}

.w-text-p-m {
    font-family: var(--w-normal-font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.2px;
}

.w-text-p-sb {
    font-family: var(--w-normal-font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.2px;
}

.w-text-p-b {
    font-family: var(--w-normal-font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.2px;
}

.w-text-psm-l {
    font-family: var(--w-normal-font-family);
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.w-text-psm-n {
    font-family: var(--w-normal-font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.w-text-psm-m {
    font-family: var(--w-normal-font-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.w-text-psm-sb {
    font-family: var(--w-normal-font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.w-text-psm-b {
    font-family: var(--w-normal-font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.w-text-over-l {
    font-family: Lexend;
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.2px;
}

.w-text-over-n {
    font-family: var(--w-header-font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.2px;
}

.w-text-over-m {
    font-family: var(--w-normal-font-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.2px;
}

.w-text-over-sb {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.2px;
}

.w-text-over-b {
    font-family: var(--w-normal-font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.2px;
}

.w-btn-text-xl {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0;
}

.w-text-body-l {
    font-family: Lexend;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}

.w-text-body-n {
    font-family: var(--w-normal-font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}

.w-text-body-n label {
    font-family: var(--w-normal-font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}

.w-text-body-m {
    font-family: var(--w-normal-font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}

.w-text-body-sb {
    font-family: var(--w-normal-font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}

.w-text-body-b {
    font-family: var(--w-normal-font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}

.w-btn-text-lg {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
}

.w-text-body-sm-l {
    font-family: Lexend;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
}

.w-text-body-sm-n {
    font-family: var(--w-normal-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
}

.w-text-body-sm-m {
    font-family: var(--w-normal-font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
}

.w-text-body-sm-sb {
    font-family: var(--w-normal-font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
}

.w-text-body-sm-b {
    font-family: var(--w-normal-font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
}

.w-text-caption-l {
    font-family: Lexend;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}

.w-text-caption-n {
    font-family: var(--w-normal-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}

.w-text-caption-m {
    font-family: var(--w-normal-font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}

.w-text-caption-sb {
    font-family: var(--w-normal-font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}

.w-text-caption-b {
    font-family: var(--w-normal-font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
}

.w-text-caption-op {
    font-family: var(--w-normal-font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0;
}

.w-btn-text-sm {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
}

.w-btn-text-md {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
}
.w-btn-text-md-n {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
}

.w-text-caption-sm-l {
    font-family: Lexend;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}

.w-text-caption-sm-n {
    font-family: var(--w-normal-font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}

.w-text-caption-sm-m {
    font-family: var(--w-normal-font-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}

.w-text-caption-sm-sb {
    font-family: var(--w-normal-font-family);
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}

.w-text-caption-sm-b {
    font-family: var(--w-normal-font-family);
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}

.w-btn-text-xs {
    font-family: var(--w-header-font-family);
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
}

.w-text-h5 {
    font-family: var(--w-header-font-family);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.8px
}