:root {
    --black: #000000;
    --eerie-black: #191a15;
    --metallic-seaweed: #0f7d91;
    --neutraldgrey: #4d4d4d;
    --neutralsilver: #f5f7f9;
    --neutralwhite: #ffffff;
    --text--gray-900: #18191f;
    --tintt5: #e8f5e9;
    --colorforms: #212121;
    --font-size-28px: 28px;
    --font-size-64px: 64px;
    --font-size-l: 20px;
    --font-size-m: 18px;
    --font-size-s: 17px;
    --font-size-xl: 36px;
    --font-size-lg: 30px;
    --font-size-xs: 16px;
    --font-size-xxl: 50px;
    --font-size-xxs: 14px;
    --font-family-inter: "Inter", Helvetica;
    --font-family-montserrat: "Montserrat", Helvetica;
}

.headingheadline-1 {
    font-family: var(--font-family-inter);
    font-size: var(--font-size-64px);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
}

.headingheadline-2 {
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
}

.headingheadline-2-forms {
    color: var(--colorforms);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
}

.headingheadline-3 {
    font-family: var(--font-family-inter);
    font-size: var(--font-size-28px);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
}

.headingheadline-4 {
    color: var(--neutralwhite);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xxl);
    font-weight: 600;
    letter-spacing: 0;
    line-height: normal;
}

.headingheadline-4-forms {
    color: var(--colorforms);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
}

.bodyregularbody-3 {
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
}

.bodyregularbody-3-forms {
    color: var(--colorforms);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 600;
}

.bodyregularbody-2 {
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
}

.montserrat-medium-white-20px {
    color: var(--neutralwhite);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
}

.montserrat-medium-white-18px {
    color: var(--neutralwhite);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
}

.inter-bold-metallic-seaweed-17px {
    color: var(--metallic-seaweed);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
}

.inter-normal-black-17px {
    color: var(--black);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.montserrat-bold-white-18px {
    color: var(--neutralwhite);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}


/* Responsive Styles */
@media (max-width: 767px) {
    .headingheadline-1 {
        font-size: 36px;
        line-height: 42px !important;
    }

    .headingheadline-2 {
        font-size: 28px !important;
    }

    .headingheadline-2-forms {
        font-size: 28px !important;
    }

    .headingheadline-3 {
        font-size: 24px;
    }

    .bodyregularbody-3 {
        font-size: 12px;
    }

    .bodyregularbody-2 {
        font-size: 15px;
    }

    .headingheadline-4 {
        font-size: 32px;
    }

    .headingheadline-4-forms {
        font-size: 18px;
    }

    .montserrat-medium-white-20px {
        font-size: 16px;
    }

    .montserrat-medium-white-18px {
        font-size: 15px;
    }

    .inter-bold-metallic-seaweed-17px {
        font-size: 15px;
    }

    .inter-normal-black-17px {
        font-size: 14px;
    }

    .montserrat-bold-white-18px {
        font-size: 14px;
    }
}