:root {
    --color-primary: #E27C00;
    --color-secondary: #00549F;
    --color-dark-orange: #B95A14;
    --color-light-orange: rgb(226 124 0 / 30%);
    --color-green: #7AC142;
    --color-teal-green: #008676;
    --color-teal-blue: #007698;
    --color-purple: #650560;
    --color-dark: #010101;
    --color-gray: #333333;
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-light: #F4F5F6;
    --color-light-blue: #F0F7FF;
    --color-light-blue2: #f1f7fe;
    --color-light-gray: #C1C1C1;
    --color-light-gray2: #797677;
    --color-input-border: #DCDCDC;
    --color-placeholder: #4F4F4F;
    --color-error: #CF3739;
    --input-shadow: 0 0 0 .25rem rgb(226 124 0 / 25%);
    --body-text: clamp(1.125rem, 1.5vw, 1.25rem);
    --body-text-md: clamp(1rem, 1.3vw, 1.125rem);
    --font-body: 'Utopia Std';
    --font-heading: 'Nunito Sans';
    --body-font-semibold: 'Utopia Std 600';
    --body-font-bold: 'Utopia Std 700';
    --space-120: clamp(3.75rem, 8vw, 7.5rem);
    --space-104: clamp(4rem, 6vw, 6.5rem);
    --space-72: clamp(3.5rem, 6vw, 4.5rem);
    --space-56: clamp(2.25rem, 5vw, 3.5rem);
    --space-40: clamp(1.5rem, 3vw, 2.5rem);
    --space-30: clamp(1.375rem, 2.5vw, 1.875rem);
    --space-24: clamp(1.125rem, 2vw, 1.5rem);
    --space-16: clamp(0.75rem, 1.5vw, 1rem);
    --gradient-page-title: linear-gradient(73.47deg, #00549F 0%, #7AC142 153.11%);
    --td-3: all 0.3s ease;
    --td-5: all 0.5s ease;
}

/*==| CUSTOM FONTS |===================================================*/
@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/nunito-sans-variable.woff2') format('woff2'),
        url('../fonts/nunito-sans-variable.woff') format('woff');
    font-weight: 200 1000;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std';
    src: url('../fonts/utopia-regular.woff2') format('woff2'),
        url('../fonts/utopia-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std 600';
    src: url('../fonts/utopia-semibold.woff2') format('woff2'),
        url('../fonts/utopia-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std 700';
    src: url('../fonts/utopia-bold.woff2') format('woff2'),
        url('../fonts/utopia-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}