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

* {
    font-family: "Montserrat", sans-serif;
    text-decoration: none !important;
    margin: 0;
    padding: 0;
    /* list-style: none; */
    box-sizing: border-box;
}

:root {
    /* font-size */
    --fs-sm: 16px;
    --fs-md: 24px;
    --fs-mds: 28px;
    --fs-slg: 40px;
    --fs-lg: 48px;
    --fs-2lg: 36px;
    --fs-xl: 52px;
    /* line-height */
    --leading-100: 100%;
    --leading-107: 107%;
    --leading-120: 120%;
    --leading-121: 121%;
    --leading-125: 125%;
    --leading-135: 135%;
    --leading-150: 150%;
    --leading-160: 160%;
    /* colors */
    --gray-dark: #4e4e4e;
    --gray-darker: #2b2b2b;
    --green-brand: #7ac943;
    --dark-green: #4e9438;
    --off-white: #fefefe;
    --gray-light: #f5f5f5;
    --light-black: #010101;
    --off-black: #b0b1b0;
    --charcoal-gray: #515151;
    --cod-gray: #222222;
}

.fw-medium {
    font-weight: 500;
}

.fw-semibold {
    font-weight: 600;
}

.fs-sm {
    font-size: var(--fs-sm);
}

.fs-md {
    font-size: var(--fs-md);
}

.fs-mds {
    font-size: var(--fs-mds);
}

.fs-slg {
    font-size: var(--fs-slg);
}

.fs-lg {
    font-size: var(--fs-lg);
}

.fs-2lg {
    font-size: var(--fs-2lg);
}

.fs-xl {
    font-size: var(--fs-xl);
}

.text-dark-gray {
    color: var(--gray-dark);
}

.text-gray {
    color: var(--gray-darker);
}

.text-green {
    color: var(--green-brand);
}

.text-off-white {
    color: var(--off-white);
}

.text-light-gray {
    color: var(--gray-light);
}

.text-light-black {
    color: var(--light-black);
}

.text-charcoal-gray {
    color: var(--charcoal-gray);
}

.text-cod {
    color: var(--cod-gray);
}

.leading-100 {
    line-height: var(--leading-100);
}
.leading-107 {
    line-height: var(--leading-107);
}
.leading-120 {
    line-height: var(--leading-120);
}

.leading-121 {
    line-height: var(--leading-121);
}

.leading-125 {
    line-height: var(--leading-125);
}

.leading-135 {
    line-height: var(--leading-135);
}

.leading-150 {
    line-height: var(--leading-150);
}
.leading-160 {
    line-height: var(--leading-160);
}

.bg-light-green-gradient {
    background: linear-gradient(180deg,
            rgba(76, 175, 80, 0.1) 0%,
            rgba(76, 175, 80, 0) 100%);
}

@media (max-width: 1024.98px) {
    :root {
        /* font-size */
        --fs-sm: 16px;
        --fs-md: 20px;
        --fs-slg: 36px;
        --fs-lg: 40px;
        --fs-2lg: 30px;
        --fs-xl: 48px;
    }
}

@media (max-width: 768.98px) {
    :root {
        /* font-size */
        --fs-sm: 16px;
        --fs-md: 18px;
        --fs-slg: 28px;
        --fs-lg: 36px;
        --fs-2lg: 24px;
        --fs-xl: 40px;
    }
}

@media (max-width: 576.98px) {
    :root {
        /* font-size */
        --fs-sm: 14px;
        --fs-md: 18px;
        --fs-slg: 24px;
        --fs-lg: 28px;
        --fs-2lg: 20px;
        --fs-xl: 36px;
    }
}