/*  
Theme Name: Everyday Speech Divi child theme 
Text Domain: eds-divi-child-theme
Template: Divi
*/

*:focus-visible {
    outline: 2px solid #edf8fb !important;
    box-shadow: 0 0 0 4px #1b1d1d !important;
}

:root {
    ---4: -4px;
    ---2: -2px;
    --0: 0;
    --0-5: 0.5px;
    --1: 1px;
    --1-5: 1.5px;
    --2: 2px;
    --4: 4px;
    --6: 6px;
    --8: 8px;
    --10: 10px;
    --12: 12px;
    --14: 14px;
    --16: 16px;
    --18: 18px;
    --20: 20px;
    --24: 24px;
    --26: 26px;
    --28: 28px;
    --32: 32px;
    --34: 34px;
    --38: 38px;
    --40: 40px;
    --44: 44px;
    --48: 48px;
    --52: 52px;
    --54: 54px;
    --56: 56px;
    --58: 58px;
    --60: 60px;
    --64: 64px;
    --68: 68px;
    --72: 72px;
    --76: 76px;
    --80: 80px;
    --84: 84px;
    --88: 88px;
    --92: 92px;
    --96: 96px;
    --100: 100px;
    --120: 120px;
    --124: 124px;
    --140: 140px;
    --160: 160px;
}

:root {
    --Radius-Pill: 1000px;
    --Radius-3XL: var(--80);
    --Radius-2XL: var(--64);
    --Radius-XL: var(--44);
    --Radius-L: var(--24);
    --Radius-M: var(--16);
    --Radius-S: var(--8);
    --Width-L: var(--4);
    --Width-M: var(--2);
    --Width-S: var(--1-5);
    --Width-XS: var(--1);
}

:root {
    --Margin-XXS: var(--4);
    --Margin-XS: var(--6);
    --Margin-S: var(--8);
    --Margin-M: var(--12);
    --Margin-L: var(--14);
    --Margin-XL: var(--16);
    --Margin-2XL: var(--20);
    --Margin-3XL: var(--24);
    --Margin-4XL: var(--32);
    --Margin-5XL: var(--44);
    --Margin-6XL: var(--54);
    --Margin-7XL: var(--60);
    --Margin-8XL: var(--64);
    --Padding-3XS: var(--4);
    --Padding-2XS: var(--6);
    --Padding-XS: var(--8);
    --Padding-S: var(--10);
    --Padding-M: var(--12);
    --Padding-L: var(--14);
    --Padding-XL: var(--16);
    --Padding-2XL: var(--20);
    --Padding-3XL: var(--24);
    --Padding-4XL: var(--28);
    --Padding-5XL: var(--32);
    --Padding-6XL: var(--44);
    --Padding-7XL: var(--54);
    --Padding-8XL: var(--64);
    --Padding-9XL: var(--68);
    --Padding-10XL: var(--80);
    --Padding-11XL: var(--88);
    --Padding-12XL: var(--100);
    --Padding-13XL: var(--120);
    --Padding-14XL: var(--140);
    --Padding-15XL: var(--160);
}

:root {
    --Weight-Bold: 700;
    --Weight-SemiBold: 600;
    --Weight-Medium: 500;
    --Font-Family-Lexend: 'Lexend';
    --Weight-Regular: 400;
    --Weight-Light: 300;
    --Font-Family-Bree-Serif: 'Bree Serif';
}

/* 1440 */

:root {
    --Heading-L-Lexend-Family: var(--Font-Family-Lexend);
    --Heading-L-Lexend-Weight: var(--Weight-Medium);
    --Heading-L-Lexend-Size: var(--34);
    --Heading-L-Lexend-Line-Height: var(--40);
    --Heading-L-Lexend-Letter-Spacing: var(--0-5);
    --Heading-M-Lexend-Family: var(--Font-Family-Lexend);
    --Heading-M-Lexend-Weight: var(--Weight-Medium);
    --Heading-M-Lexend-Size: var(--28);
    --Heading-M-Lexend-Line-Height: var(--32);
    --Heading-M-Lexend-Letter-Spacing: var(--0-5);
    --Heading-S-Lexend-Family: var(--Font-Family-Lexend);
    --Heading-S-Lexend-Weight: var(--Weight-Regular);
    --Heading-S-Lexend-Size: var(--24);
    --Heading-S-Lexend-Line-Height: var(--28);
    --Heading-S-Lexend-Letter-Spacing: var(--0);
    --Body-L-Lexend-Regular-Family: var(--Font-Family-Lexend);
    --Body-L-Lexend-Regular-Weight: var(--Weight-Regular);
    --Body-L-Lexend-Regular-Size: var(--18);
    --Body-L-Lexend-Regular-Line-Height: var(--24);
    --Body-L-Lexend-Regular-Letter-Spacing: var(--0);
    --Body-M-Lexend-Regular-Family: var(--Font-Family-Lexend);
    --Body-M-Lexend-Regular-Weight: var(--Weight-Regular);
    --Body-M-Lexend-Regular-Size: var(--16);
    --Body-M-Lexend-Regular-Line-Height: var(--20);
    --Body-M-Lexend-Regular-Letter-Spacing: var(--0);
    --Body-S-Lexend-Regular-Family: var(--Font-Family-Lexend);
    --Body-S-Lexend-Regular-Weight: var(--Weight-Regular);
    --Body-S-Lexend-Regular-Size: var(--14);
    --Body-S-Lexend-Regular-Line-Height: var(--16);
    --Body-S-Lexend-Regular-Letter-Spacing: var(--0);
    --Heading-XS-Lexend-Family: var(--Font-Family-Lexend);
    --Heading-XS-Lexend-Weight: var(--Weight-Regular);
    --Heading-XS-Lexend-Size: var(--24);
    --Heading-XS-Lexend-Line-Height: var(--24);
    --Heading-XS-Lexend-Letter-Spacing: var(--0);
    --Link-M-Family: var(--Font-Family-Lexend);
    --Link-M-Weight: var(--Weight-Regular);
    --Link-M-Size: var(--18);
    --Link-M-Line-Height: var(--24);
    --Link-M-Letter-Spacing: var(--0);
    --Link-S-Family: var(--Font-Family-Lexend);
    --Link-S-Weight: var(--Weight-Regular);
    --Link-S-Size: var(--16);
    --Link-S-Line-Height: var(--20);
    --Link-S-Letter-Spacing: var(--0);
    --Heading-M-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
    --Heading-M-Bree-Serif-Weight: var(--Weight-Regular);
    --Heading-M-Bree-Serif-Size: var(--28);
    --Heading-M-Bree-Serif-Line-Height: var(--32);
    --Heading-M-Bree-Serif-Letter-Spacing: var(--0);
    --Heading-S-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
    --Heading-S-Bree-Serif-Weight: var(--Weight-Regular);
    --Heading-S-Bree-Serif-Size: var(--24);
    --Heading-S-Bree-Serif-Line-Height: var(--28);
    --Heading-S-Bree-Serif-Letter-Spacing: var(--0);
    --Heading-XS-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
    --Heading-XS-Bree-Serif-Weight: var(--Weight-Regular);
    --Heading-XS-Bree-Serif-Size: var(--24);
    --Heading-XS-Bree-Serif-Line-Height: var(--24);
    --Heading-XS-Bree-Serif-Letter-Spacing: var(--0);
    --Body-L-Lexend-SemiBold-Family: var(--Font-Family-Lexend);
    --Body-L-Lexend-SemiBold-Weight: var(--Weight-SemiBold);
    --Body-L-Lexend-SemiBold-Size: var(--18);
    --Body-L-Lexend-SemiBold-Line-Height: var(--24);
    --Body-L-Lexend-SemiBold-Letter-Spacing: var(--0);
    --Body-M-Lexend-SemiBold-Family: var(--Font-Family-Lexend);
    --Body-M-Lexend-SemiBold-Weight: var(--Weight-SemiBold);
    --Body-M-Lexend-SemiBold-Size: var(--16);
    --Body-M-Lexend-SemiBold-Line-Height: var(--20);
    --Body-M-Lexend-SemiBold-Letter-Spacing: var(--0);
    --Body-S-Lexend-SemiBold-Family: var(--Font-Family-Lexend);
    --Body-S-Lexend-SemiBold-Weight: var(--Weight-SemiBold);
    --Body-S-Lexend-SemiBold-Size: var(--14);
    --Body-S-Lexend-SemiBold-Line-Height: var(--16);
    --Body-S-Lexend-SemiBold-Letter-Spacing: var(--0);
    --Heading-2XS-Lexend-Family: var(--Font-Family-Lexend);
    --Heading-2XS-Lexend-Weight: var(--Weight-Regular);
    --Heading-2XS-Lexend-Size: var(--20);
    --Heading-2XS-Lexend-Line-Height: var(--24);
    --Heading-2XS-Lexend-Letter-Spacing: var(--0);
    --Heading-2XS-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
    --Heading-2XS-Bree-Serif-Weight: var(--Weight-Regular);
    --Heading-2XS-Bree-Serif-Size: var(--20);
    --Heading-2XS-Bree-Serif-Line-Height: var(--24);
    --Heading-2XS-Bree-Serif-Letter-Spacing: var(--0);
    --Heading-L-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
    --Heading-L-Bree-Serif-Weight: var(--Weight-Regular);
    --Heading-L-Bree-Serif-Size: var(--34);
    --Heading-L-Bree-Serif-Line-Height: var(--40);
    --Heading-L-Bree-Serif-Letter-Spacing: var(--0);

    @media screen and (min-width: 980.98px) {
        --Heading-L-Lexend-Family: var(--Font-Family-Lexend);
        --Heading-L-Lexend-Weight: var(--Weight-Medium);
        --Heading-L-Lexend-Size: var(--48);
        --Heading-L-Lexend-Line-Height: var(--56);
        --Heading-L-Lexend-Letter-Spacing: var(--0, 5);
        --Heading-M-Lexend-Family: var(--Font-Family-Lexend);
        --Heading-M-Lexend-Weight: var(--Weight-Medium);
        --Heading-M-Lexend-Size: var(--38);
        --Heading-M-Lexend-Line-Height: var(--44);
        --Heading-M-Lexend-Letter-Spacing: var(--0, 5);
        --Heading-S-Lexend-Family: var(--Font-Family-Lexend);
        --Heading-S-Lexend-Weight: var(--Weight-Regular);
        --Heading-S-Lexend-Size: var(--28);
        --Heading-S-Lexend-Line-Height: var(--32);
        --Heading-S-Lexend-Letter-Spacing: var(--0);
        --Body-L-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Body-L-Lexend-Regular-Weight: var(--Weight-Regular);
        --Body-L-Lexend-Regular-Size: var(--18);
        --Body-L-Lexend-Regular-Line-Height: var(--24);
        --Body-L-Lexend-Regular-Letter-Spacing: var(--0);
        --Body-M-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Body-M-Lexend-Regular-Weight: var(--Weight-Regular);
        --Body-M-Lexend-Regular-Size: var(--16);
        --Body-M-Lexend-Regular-Line-Height: var(--20);
        --Body-M-Lexend-Regular-Letter-Spacing: var(--0);
        --Body-S-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Body-S-Lexend-Regular-Weight: var(--Weight-Regular);
        --Body-S-Lexend-Regular-Size: var(--14);
        --Body-S-Lexend-Regular-Line-Height: var(--16);
        --Body-S-Lexend-Regular-Letter-Spacing: var(--0);
        --Heading-XS-Lexend-Family: var(--Font-Family-Lexend);
        --Heading-XS-Lexend-Weight: var(--Weight-Regular);
        --Heading-XS-Lexend-Size: var(--24);
        --Heading-XS-Lexend-Line-Height: var(--28);
        --Heading-XS-Lexend-Letter-Spacing: var(--0);
        --Link-M-Family: var(--Font-Family-Lexend);
        --Link-M-Weight: var(--Weight-Regular);
        --Link-M-Size: var(--18);
        --Link-M-Line-Height: var(--24);
        --Link-M-Letter-Spacing: var(--0);
        --Link-S-Family: var(--Font-Family-Lexend);
        --Link-S-Weight: var(--Weight-Regular);
        --Link-S-Size: var(--16);
        --Link-S-Line-Height: var(--20);
        --Link-S-Letter-Spacing: var(--0);
        --Heading-M-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-M-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-M-Bree-Serif-Size: var(--38);
        --Heading-M-Bree-Serif-Line-Height: var(--44);
        --Heading-M-Bree-Serif-Letter-Spacing: var(--0);
        --Heading-S-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-S-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-S-Bree-Serif-Size: var(--28);
        --Heading-S-Bree-Serif-Line-Height: var(--32);
        --Heading-S-Bree-Serif-Letter-Spacing: var(--0);
        --Heading-XS-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-XS-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-XS-Bree-Serif-Size: var(--24);
        --Heading-XS-Bree-Serif-Line-Height: var(--28);
        --Heading-XS-Bree-Serif-Letter-Spacing: var(--0);
        --Body-L-Lexend-SemiBold-Family: var(--Font-Family-Lexend);
        --Body-L-Lexend-SemiBold-Weight: var(--Weight-SemiBold);
        --Body-L-Lexend-SemiBold-Size: var(--18);
        --Body-L-Lexend-SemiBold-Line-Height: var(--24);
        --Body-L-Lexend-SemiBold-Letter-Spacing: var(--0);
        --Body-M-Lexend-SemiBold-Family: var(--Font-Family-Lexend);
        --Body-M-Lexend-SemiBold-Weight: var(--Weight-SemiBold);
        --Body-M-Lexend-SemiBold-Size: var(--16);
        --Body-M-Lexend-SemiBold-Line-Height: var(--20);
        --Body-M-Lexend-SemiBold-Letter-Spacing: var(--0);
        --Body-S-Lexend-SemiBold-Family: var(--Font-Family-Lexend);
        --Body-S-Lexend-SemiBold-Weight: var(--Weight-SemiBold);
        --Body-S-Lexend-SemiBold-Size: var(--14);
        --Body-S-Lexend-SemiBold-Line-Height: var(--16);
        --Body-S-Lexend-SemiBold-Letter-Spacing: var(--0);
        --Heading-2XS-Lexend-Family: var(--Font-Family-Lexend);
        --Heading-2XS-Lexend-Weight: var(--Weight-Regular);
        --Heading-2XS-Lexend-Size: var(--20);
        --Heading-2XS-Lexend-Line-Height: var(--28);
        --Heading-2XS-Lexend-Letter-Spacing: var(--0);
        --Heading-2XS-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-2XS-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-2XS-Bree-Serif-Size: var(--20);
        --Heading-2XS-Bree-Serif-Line-Height: var(--28);
        --Heading-2XS-Bree-Serif-Letter-Spacing: var(--0);
        --Heading-L-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-L-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-L-Bree-Serif-Size: var(--48);
        --Heading-L-Bree-Serif-Line-Height: var(--56);
        --Heading-L-Bree-Serif-Letter-Spacing: var(--0);
    }

    @media screen and (min-width: 1439.98px) {
        --Heading-L-Lexend-Family: var(--Font-Family-Lexend);
        --Heading-L-Lexend-Weight: var(--Weight-Bold);
        --Heading-L-Lexend-Size: var(--52);
        --Heading-L-Lexend-Line-Height: var(--60);
        --Heading-L-Lexend-Letter-Spacing: var(--0-5);
        --Heading-M-Lexend-Family: var(--Font-Family-Lexend);
        --Heading-M-Lexend-Weight: var(--Weight-Medium);
        --Heading-M-Lexend-Size: var(--38);
        --Heading-M-Lexend-Line-Height: var(--44);
        --Heading-M-Lexend-Letter-Spacing: var(--0-5);
        --Heading-S-Lexend-Family: var(--Font-Family-Lexend);
        --Heading-S-Lexend-Weight: var(--Weight-Regular);
        --Heading-S-Lexend-Size: var(--28);
        --Heading-S-Lexend-Line-Height: var(--32);
        --Heading-S-Lexend-Letter-Spacing: var(--0);
        --Body-L-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Body-L-Lexend-Regular-Weight: var(--Weight-Regular);
        --Body-L-Lexend-Regular-Size: var(--18);
        --Body-L-Lexend-Regular-Line-Height: var(--24);
        --Body-L-Lexend-Regular-Letter-Spacing: var(--0);
        --Body-M-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Body-M-Lexend-Regular-Weight: var(--Weight-Regular);
        --Body-M-Lexend-Regular-Size: var(--16);
        --Body-M-Lexend-Regular-Line-Height: var(--20);
        --Body-M-Lexend-Regular-Letter-Spacing: var(--0);
        --Body-S-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Body-S-Lexend-Regular-Weight: var(--Weight-Regular);
        --Body-S-Lexend-Regular-Size: var(--14);
        --Body-S-Lexend-Regular-Line-Height: var(--16);
        --Body-S-Lexend-Regular-Letter-Spacing: var(--0);
        --Heading-XS-Lexend-Family: var(--Font-Family-Lexend);
        --Heading-XS-Lexend-Weight: var(--Weight-Regular);
        --Heading-XS-Lexend-Size: var(--24);
        --Heading-XS-Lexend-Line-Height: var(--28);
        --Heading-XS-Lexend-Letter-Spacing: var(--0);
        --Link-M-Family: var(--Font-Family-Lexend);
        --Link-M-Weight: var(--Weight-Regular);
        --Link-M-Size: var(--18);
        --Link-M-Line-Height: var(--24);
        --Link-M-Letter-Spacing: var(--0);
        --Link-S-Family: var(--Font-Family-Lexend);
        --Link-S-Weight: var(--Weight-Regular);
        --Link-S-Size: var(--16);
        --Link-S-Line-Height: var(--20);
        --Link-S-Letter-Spacing: var(--0);
        --Heading-M-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-M-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-M-Bree-Serif-Size: var(--38);
        --Heading-M-Bree-Serif-Line-Height: var(--44);
        --Heading-M-Bree-Serif-Letter-Spacing: var(--0);
        --Heading-S-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-S-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-S-Bree-Serif-Size: var(--28);
        --Heading-S-Bree-Serif-Line-Height: var(--32);
        --Heading-S-Bree-Serif-Letter-Spacing: var(--0);
        --Heading-XS-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-XS-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-XS-Bree-Serif-Size: var(--24);
        --Heading-XS-Bree-Serif-Line-Height: var(--28);
        --Heading-XS-Bree-Serif-Letter-Spacing: var(--0);
        --Body-L-Lexend-SemiBold-Family: var(--Font-Family-Lexend);
        --Body-L-Lexend-SemiBold-Weight: var(--Weight-SemiBold);
        --Body-L-Lexend-SemiBold-Size: var(--18);
        --Body-L-Lexend-SemiBold-Line-Height: var(--24);
        --Body-L-Lexend-SemiBold-Letter-Spacing: var(--0);
        --Body-M-Lexend-SemiBold-Family: var(--Font-Family-Lexend);
        --Body-M-Lexend-SemiBold-Weight: var(--Weight-SemiBold);
        --Body-M-Lexend-SemiBold-Size: var(--16);
        --Body-M-Lexend-SemiBold-Line-Height: var(--20);
        --Body-M-Lexend-SemiBold-Letter-Spacing: var(--0);
        --Body-S-Lexend-SemiBold-Family: var(--Font-Family-Lexend);
        --Body-S-Lexend-SemiBold-Weight: var(--Weight-SemiBold);
        --Body-S-Lexend-SemiBold-Size: var(--14);
        --Body-S-Lexend-SemiBold-Line-Height: var(--16);
        --Body-S-Lexend-SemiBold-Letter-Spacing: var(--0);
        --Heading-2XS-Lexend-Family: var(--Font-Family-Lexend);
        --Heading-2XS-Lexend-Weight: var(--Weight-Regular);
        --Heading-2XS-Lexend-Size: var(--20);
        --Heading-2XS-Lexend-Line-Height: var(--28);
        --Heading-2XS-Lexend-Letter-Spacing: var(--0);
        --Heading-2XS-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-2XS-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-2XS-Bree-Serif-Size: var(--20);
        --Heading-2XS-Bree-Serif-Line-Height: var(--28);
        --Heading-2XS-Bree-Serif-Letter-Spacing: var(--0);
        --Heading-L-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-L-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-L-Bree-Serif-Size: var(--52);
        --Heading-L-Bree-Serif-Line-Height: var(--60);
        --Heading-L-Bree-Serif-Letter-Spacing: var(--0);
    }
}

:root {
    --color-primary-blue: var(--color-primary-blue-400);
    --color-primary-blue-hover: var(--color-primary-blue-500);
    --color-primary-blue-100: #E2EEFF;
    --color-primary-blue-200: #9DC6FF;
    --color-primary-blue-300: #4592FF;
    --color-primary-blue-400: #00409B;
    --color-primary-blue-500: #00204D;

    --color-primary-yellow: var(--color-primary-yellow-100);
    --color-primary-yellow-100: #fff5d9;
    --color-primary-yellow-200: #FFECB9;
    --color-primary-yellow-300: #FFD768;
    --color-primary-yellow-400: #B08200;
    --color-primary-yellow-500: #4C3800;

    --color-secondary: var(--color-secondary-green);
    --color-secondary-green: var(--color-secondary-green-300);
    --color-secondary-green-100: #d8f0e0;
    --color-secondary-green-200: #8FD5A6;
    --color-secondary-green-300: #41AA64;
    --color-secondary-green-400: #22723C;
    --color-secondary-green-500: #044F1D;

    --Blue-50: #FCFEFFFF;
    --Blue-75: #EEF2FFFF;
    --Blue-100: #E2EEFFFF;
    --Blue-200: #9DC6FFFF;
    --Blue-300: #4592FFFF;
    --Blue-400: #00409BFF;
    --Yellow-50: #FFFCF2FF;
    --Blue-500: #00204DFF;
    --Blue-600: #0A2F63FF;
    --Blue-700: #011633FF;
    --Yellow-100: #FFF5D9FF;
    --Yellow-200: #FFECB9FF;
    --Yellow-300: #FFD768FF;
    --Yellow-400: #B08200FF;
    --Yellow-500: #4C3800FF;
    --Green-50: #E6F0EAFF;
    --Green-100: #D8F0E0FF;
    --Green-200: #8FD5A6FF;
    --Green-300: #41AA64FF;
    --Green-400: #22723CFF;
    --Green-500: #044F1DFF;
    --Basic-White: #FFFFFFFF;
    --Basic-300: #EBEDF0FF;
    --Basic-400: #828282FF;
    --Basic-500: #545454FF;
    --Basic-800: #2E2E2EFF;
    --Basic-900: #1E1E1EFF;
}

/* HEADINGS */

.hfs1 {
    color: var(--Text-Primary, #1B1D1D);
    font-family: Recoleta;
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;

    @media screen and (min-width: 1023.98px) {
        font-size: 48px;
        line-height: 56px;
    }
}

.hfs2 {
    color: var(--Text-Primary, #1B1D1D);
    font-family: Recoleta;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;

    @media screen and (min-width: 1023.98px) {
        font-size: 36px;
        line-height: 40px;
    }
}

.hfs3 {
    color: var(--Text-Primary, #1B1D1D);
    font-family: "Work Sans";
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}


.ff-lexend {
    font-family: var(--Font-Family-Lexend), sans-serif !important;
}



.ff-bree-serif {
    font-family: var(--Font-Family-Bree-Serif), serif !important;
}



.fw-100 {
    font-weight: 100 !important;
}



.fw-200 {
    font-weight: 200 !important;
}



.fw-300 {
    font-weight: 300 !important;
}



.fw-400 {
    font-weight: 400 !important;
}



.fw-500 {
    font-weight: 500 !important;
}



.fw-600 {
    font-weight: 600 !important;
}

/* BUTTONS */

.btn {
    display: inline-block;
    padding: 16px 24px;
    font-weight: 400;
    border-radius: 40px;
    font-family: var(--Font-Family-Lexend);
    color: #FFFFFF;
    font-size: 18px;
    line-height: 24px;
    background-color: var(--color-primary-blue);
    transition:
            background-color 0.3s ease-in-out,
            color 0.3s ease-in-out;
}

.btn:hover {
    background-color: var(--color-primary-blue-hover);
}

.btn:focus {
    border: 2px solid #2E2E2E;
}

.btn--small {
    padding: 10px 16px;
}

.btn--yellow {
    color: #2E2E2E;
    background-color: var(--color-primary-yellow);
}

.btn--yellow:hover {
    color: #545454;
    background-color: var(--color-primary-yellow);
}

.btn--label {
    position: relative;
    padding-right: 40px;
    border-radius: var(--Radius-Pill, 1000px);
    border: var(--Width-S, 1.5px) solid var(--Border-Secondary, #828282);
    background-color: #fff;

    color: var(--Button-Text-Default, #1E1E1E);
}

.btn--label:hover {
    background-color: var(--Surface-Basic-Primary, #EBEDF0);
    border-color: var(--Surface-Basic-Primary, #EBEDF0);
}

.btn--label::before {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 7.5L14.5 12.5L9.5 17.5" stroke="%231E1E1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn--label-inverted {
    position: relative;
    padding-right: 40px;
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

.btn--label-inverted:hover {
    color: var(--Button-Text-Hover, #1E1E1E);
    background-color: var(--Surface-Basic-Primary, #EBEDF0);
    border-color: var(--Surface-Basic-Primary, #EBEDF0);
}

.btn--label-inverted::before {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 7.5L14.5 12.5L9.5 17.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

/* CONTAINER */

.mr-container {
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    max-width: 1264px;

    @media screen and (min-width: 1023.98px) {
        padding-left: 32px;
        padding-right: 32px;
    }
}

.mr-container--big {
    max-width: 1440px;
}

:root {
    --1: 1px;
    --1-2: 1.5px;
    --0: 0px;
    --2: 2px;
    --4: 4px;
    --8: 8px;
    --12: 12px;
    --14: 14px;
    --16: 16px;
    --18: 18px;
    --20: 20px;
    --24: 24px;
    --26: 24px;
    --28: 28px;
    --30: 30px;
    --32: 32px;
    --36: 36px;
    --40: 40px;
    --44: 44px;
    --48: 48px;
    --52: 52px;
    --56: 56px;
    --60: 60px;
    --64: 64px;
    --68: 68px;
    --72: 72px;
    --76: 76px;
    --80: 80px;
    --84: 84px;
    --88: 88px;
    --120: 120px;
}

:root {
    --Radius-Pill: 1000px;
    --Radius-4XL: var(--80);
    --Radius-3XL: var(--64);
    --Radius-2XL: var(--52);
    --Radius-XL: var(--44);
    --Radius-L: var(--32);
    --Radius-M: var(--24);
    --Radius-S: var(--16);
    --Radius-XS: var(--8);
    --Width-XL: var(--8);
    --Width-L: var(--4);
    --Width-M: var(--2);
    --Width-S: var(--1,5);
    --Width-XS: var(--1);
}

:root {
    --Margin-None: var(--0);
    --Margin-2XS: var(--2);
    --Margin-XS: var(--4);
    --Margin-S: var(--8);
    --Margin-M: var(--12);
    --Margin-L: var(--16);
    --Margin-XL: var(--20);
    --Margin-2XL: var(--24);
    --Margin-3XL: var(--28);
    --Margin-4XL: var(--32);
    --Margin-5XL: var(--36);
    --Margin-6XL: var(--40);
    --Margin-7XL: var(--44);
    --Margin-8XL: var(--48);
    --Margin-9XL: var(--52);
    --Margin-10XL: var(--56);
    --Margin-11XL: var(--60);
    --Margin-12XL: var(--64);
    --Padding-None: var(--0);
    --Padding-2XS: var(--2);
    --Padding-XS: var(--4);
    --Padding-S: var(--8);
    --Padding-M: var(--12);
    --Padding-L: var(--16);
    --Padding-XL: var(--20);
    --Padding-2XL: var(--24);
    --Padding-3XL: var(--28);
    --Padding-4XL: var(--32);
    --Padding-5XL: var(--36);
    --Padding-6XL: var(--40);
    --Padding-7XL: var(--44);
    --Padding-8XL: var(--48);
    --Padding-9XL: var(--52);
    --Padding-10XL: var(--56);
    --Padding-11XL: var(--60);
    --Padding-12XL: var(--64);
    --Padding-13XL: var(--68);
    --Padding-14XL: var(--72);
    --Padding-15XL: var(--76);
    --Padding-16XL: var(--80);
    --Padding-17XL: var(--120);
}

:root {
    --Weight-Bold: 700;
    --Weight-SemiBold: 600;
    --Font-Family-Lexend: 'Lexend';
    --Weight-Medium: 500;
    --Weight-Regular: 400;
    --Font-Family-Bree-Serif: 'Bree Serif';
    --Size-Heading-Desktop-2XL: var(--84);
    --Size-Heading-Desktop-XL: var(--52);
    --Size-Heading-Desktop-L: var(--44);
    --Size-Heading-Desktop-M: var(--36);
    --Size-Heading-Desktop-S: var(--32);
    --Size-Heading-Tablet-2XL: var(--72);
    --Size-Heading-Desktop-XS: var(--24);
    --Size-Heading-Desktop-2XS: var(--20);
    --Size-Heading-Tablet-XL: var(--48);
    --Size-Heading-Tablet-L: var(--36);
    --Size-Heading-Tablet-M: var(--32);
    --Size-Heading-Tablet-S: var(--24);
    --Size-Heading-Tablet-XS: var(--20);
    --Size-Heading-Tablet-2XS: var(--16);
    --Size-Heading-Mobile-2XL: var(--56);
    --Size-Heading-Mobile-XL: var(--36);
    --Size-Heading-Mobile-L: var(--32);
    --Size-Heading-Mobile-M: var(--28);
    --Size-Heading-Mobile-S: var(--24);
    --Size-Heading-Mobile-XS: var(--20);
    --Size-Heading-Mobile-2XS: var(--16);
    --Size-Body-Desktop-M: var(--20);
    --Size-Body-Desktop-S: var(--18);
    --Size-Body-Desktop-XS: var(--16);
    --Size-Body-Desktop-2XS: var(--12);
    --Size-Body-Tablet-M: var(--18);
    --Size-Body-Tablet-S: var(--16);
    --Size-Body-Tablet-XS: var(--14);
    --Size-Body-Tablet-2XS: var(--12);
    --Size-Body-Mobile-M: var(--18);
    --Size-Body-Mobile-S: var(--16);
    --Size-Body-Mobile-XS: var(--14);
    --Size-Body-Mobile-2XS: var(--12);
    --Line-Height-Heading-Desktop-2XL: var(--84);
    --Line-Height-Heading-Desktop-XL: var(--60);
    --Line-Height-Heading-Desktop-L: var(--52);
    --Line-Height-Link-M: var(--24);
    --Line-Height-Link-S: var(--20);
    --Line-Height-Body-Tablet-M: var(--28);
    --Line-Height-Body-Tablet-S: var(--26);
    --Line-Height-Body-Tablet-XS: var(--24);
    --Line-Height-Body-Tablet-2XS: var(--14);
    --Line-Height-Body-Desktop-M: var(--30);
    --Line-Height-Body-Desktop-S: var(--28);
    --Line-Height-Body-Desktop-XS: var(--26);
    --Line-Height-Body-Desktop-2XS: var(--14);
    --Line-Height-Body-Mobile-M: var(--28);
    --Line-Height-Body-Mobile-S: var(--26);
    --Line-Height-Body-Mobile-XS: var(--24);
    --Line-Height-Body-Mobile-2XS: var(--14);
    --Line-Height-Heading-Desktop-M: var(--44);
    --Line-Height-Heading-Desktop-S: var(--40);
    --Line-Height-Heading-Desktop-XS: var(--32);
    --Line-Height-Heading-Tablet-2XL: var(--72);
    --Line-Height-Heading-Tablet-XL: var(--52);
    --Line-Height-Heading-Desktop-2XS: var(--28);
    --Line-Height-Heading-Tablet-L: var(--44);
    --Line-Height-Heading-Tablet-M: var(--36);
    --Line-Height-Heading-Tablet-S: var(--28);
    --Line-Height-Heading-Tablet-XS: var(--24);
    --Line-Height-Heading-Tablet-2XS: var(--20);
    --Line-Height-Heading-Mobile-2XL: var(--56);
    --Line-Height-Heading-Mobile-XL: var(--44);
    --Line-Height-Heading-Mobile-L: var(--36);
    --Line-Height-Heading-Mobile-M: var(--32);
    --Line-Height-Heading-Mobile-S: var(--28);
    --Line-Height-Heading-Mobile-XS: var(--24);
    --Line-Height-Heading-Mobile-2XS: var(--20);
    --Letter-Spacing-Lexend: var(--0);
    --Letter-Spacing-Bree-Serif: var(--0);
    --Size-Link-Desktop-M: var(--18);
    --Size-Link-Desktop-S: var(--16);
    --Size-Link-Tablet-M: var(--16);
    --Size-Link-Tablet-S: var(--14);
    --Size-Link-Mobile-M: var(--16);
    --Size-Link-Mobile-S: var(--16);
}

:root {
    --Heading-2XL-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
    --Heading-2XL-Bree-Serif-Weight: var(--Weight-Regular);
    --Heading-2XL-Bree-Serif-Size: var(--Size-Heading-Mobile-2XL);
    --Heading-2XL-Bree-Serif-Line-Height: var(--Line-Height-Heading-Mobile-2XL);
    --Heading-2XL-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
    --Heading-XL-Lexend-SemiBold-Family: var(--Font-Family-Lexend);
    --Heading-XL-Lexend-SemiBold-Weight: var(--Weight-SemiBold);
    --Heading-XL-Lexend-SemiBold-Size: var(--Size-Heading-Mobile-XL);
    --Heading-XL-Lexend-SemiBold-Line-Height: var(--Line-Height-Heading-Mobile-XL);
    --Heading-XL-Lexend-SemiBold-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --Heading-L-Lexend-Medium-Family: var(--Font-Family-Lexend);
    --Heading-L-Lexend-Medium-Weight: var(--Weight-Medium);
    --Heading-L-Lexend-Medium-Size: var(--Size-Heading-Mobile-L);
    --Heading-L-Lexend-Medium-Line-Height: var(--Line-Height-Heading-Mobile-L);
    --Heading-L-Lexend-Medium-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --Heading-M-Lexend-Regular-Family: var(--Font-Family-Lexend);
    --Heading-M-Lexend-Medium-Family: var(--Font-Family-Lexend);
    --Heading-M-Lexend-Medium-Weight: var(--Weight-Medium);
    --Heading-M-Lexend-Medium-Size: var(--Size-Heading-Mobile-M);
    --Heading-M-Lexend-Medium-Line-Height: var(--Line-Height-Heading-Mobile-M);
    --Heading-M-Lexend-Medium-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --Heading-M-Lexend-Regular-Weight: var(--Weight-Regular);
    --Heading-M-Lexend-Regular-Size: var(--Size-Heading-Mobile-M);
    --Heading-M-Lexend-Regular-Line-Height: var(--Line-Height-Heading-Mobile-M);
    --Heading-M-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --Heading-S-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
    --Heading-S-Bree-Serif-Weight: var(--Weight-Regular);
    --Heading-S-Bree-Serif-Size: var(--Size-Heading-Mobile-S);
    --Heading-S-Bree-Serif-Line-Height: var(--Line-Height-Heading-Mobile-S);
    --Heading-S-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
    --Body-M-Lexend-Regular-Family: var(--Font-Family-Lexend);
    --Body-M-Lexend-Regular-Weight: var(--Weight-Regular);
    --Body-M-Lexend-Regular-Size: var(--Size-Body-Mobile-M);
    --Body-M-Lexend-Regular-Line-Height: var(--Line-Height-Body-Mobile-M);
    --Body-M-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --Body-S-Lexend-Regular-Family: var(--Font-Family-Lexend);
    --Body-S-Lexend-Regular-Weight: var(--Weight-Regular);
    --Body-S-Lexend-Regular-Size: var(--Size-Body-Mobile-S);
    --Body-S-Lexend-Regular-Line-Height: var(--Line-Height-Body-Mobile-S);
    --Body-S-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --Body-XS-Lexend-Regular-Family: var(--Font-Family-Lexend);
    --Body-XS-Lexend-Regular-Weight: var(--Weight-Regular);
    --Body-XS-Lexend-Regular-Size: var(--Size-Body-Mobile-XS);
    --Body-XS-Lexend-Regular-Line-Height: var(--Line-Height-Body-Mobile-XS);
    --Body-XS-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --2XS-Family: var(--Font-Family-Lexend);
    --2XS-Weight: var(--Weight-Regular);
    --2XS-Size: var(--Size-Body-Mobile-2XS);
    --2XS-Line-Height: var(--Line-Height-Body-Mobile-2XS);
    --2XS-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --Link-M-Family: var(--Font-Family-Lexend);
    --Link-M-Weight: var(--Weight-Regular);
    --Link-M-Size: var(--Size-Link-Mobile-M);
    --Link-M-Line-Height: var(--Line-Height-Link-M);
    --Link-M-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --Link-S-Family: var(--Font-Family-Lexend);
    --Link-S-Weight: var(--Weight-Regular);
    --Link-S-Size: var(--Size-Link-Mobile-S);
    --Link-S-Line-Height: var(--Line-Height-Link-S);
    --Link-S-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --Heading-M-Lexend-Bold-Family: var(--Font-Family-Lexend);
    --Heading-M-Lexend-Bold-Weight: var(--Weight-Bold);
    --Heading-M-Lexend-Bold-Size: var(--Size-Heading-Mobile-M);
    --Heading-M-Lexend-Bold-Line-Height: var(--Line-Height-Heading-Mobile-M);
    --Heading-M-Lexend-Bold-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --Heading-XS-Lexend-Regular-Family: var(--Font-Family-Lexend);
    --Heading-XS-Lexend-Regular-Weight: var(--Weight-Regular);
    --Heading-XS-Lexend-Regular-Size: var(--Size-Heading-Mobile-XS);
    --Heading-XS-Lexend-Regular-Line-Height: var(--Line-Height-Heading-Mobile-XS);
    --Heading-XS-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --Heading-2XS-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
    --Heading-2XS-Bree-Serif-Weight: var(--Weight-Regular);
    --Heading-2XS-Bree-Serif-Size: var(--Size-Heading-Mobile-2XS);
    --Heading-2XS-Bree-Serif-Line-Height: var(--Line-Height-Heading-Mobile-2XS);
    --Heading-2XS-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
    --Heading-L-Lexend-Bold-Family: var(--Font-Family-Lexend);
    --Heading-L-Lexend-Bold-Weight: var(--Weight-Bold);
    --Heading-L-Lexend-Bold-Size: var(--Size-Heading-Mobile-L);
    --Heading-L-Lexend-Bold-Line-Height: var(--Line-Height-Heading-Mobile-L);
    --Heading-L-Lexend-Bold-Letter-Spacing: var(--Letter-Spacing-Lexend);
    --Heading-L-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
    --Heading-L-Bree-Serif-Weight: var(--Weight-Regular);
    --Heading-L-Bree-Serif-Size: var(--Size-Heading-Mobile-XL);
    --Heading-L-Bree-Serif-Line-Height: var(--Line-Height-Heading-Mobile-L);
    --Heading-L-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
    --Heading-XS-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
    --Heading-XS-Bree-Serif-Weight: var(--Weight-Regular);
    --Heading-XS-Bree-Serif-Size: var(--Size-Heading-Mobile-XS);
    --Heading-XS-Bree-Serif-Line-Height: var(--Line-Height-Heading-Mobile-XS);
    --Heading-XS-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
    --Heading-XL-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
    --Heading-XL-Bree-Serif-Weight: var(--Weight-Regular);
    --Heading-XL-Bree-Serif-Size: var(--Size-Heading-Mobile-XL);
    --Heading-XL-Bree-Serif-Line-Height: var(--Line-Height-Heading-Mobile-XL);
    --Heading-XL-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);

    @media screen and (min-width: 980.98px) {
        --Heading-2XL-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-2XL-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-2XL-Bree-Serif-Size: var(--Size-Heading-Tablet-2XL);
        --Heading-2XL-Bree-Serif-Line-Height: var(--Line-Height-Heading-Tablet-2XL);
        --Heading-2XL-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
        --Heading-XL-Lexend-SemiBold-Family: var(--Font-Family-Lexend);
        --Heading-XL-Lexend-SemiBold-Weight: var(--Weight-SemiBold);
        --Heading-XL-Lexend-SemiBold-Size: var(--Size-Heading-Tablet-XL);
        --Heading-XL-Lexend-SemiBold-Line-Height: var(--Line-Height-Heading-Tablet-XL);
        --Heading-XL-Lexend-SemiBold-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-L-Lexend-Medium-Family: var(--Font-Family-Lexend);
        --Heading-L-Lexend-Medium-Weight: var(--Weight-Medium);
        --Heading-L-Lexend-Medium-Size: var(--Size-Heading-Tablet-L);
        --Heading-L-Lexend-Medium-Line-Height: var(--Line-Height-Heading-Tablet-L);
        --Heading-L-Lexend-Medium-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-M-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Heading-M-Lexend-Medium-Family: var(--Font-Family-Lexend);
        --Heading-M-Lexend-Medium-Weight: var(--Weight-Medium);
        --Heading-M-Lexend-Medium-Size: var(--Size-Heading-Tablet-M);
        --Heading-M-Lexend-Medium-Line-Height: var(--Line-Height-Heading-Tablet-M);
        --Heading-M-Lexend-Medium-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-M-Lexend-Regular-Weight: var(--Weight-Regular);
        --Heading-M-Lexend-Regular-Size: var(--Size-Heading-Tablet-M);
        --Heading-M-Lexend-Regular-Line-Height: var(--Line-Height-Heading-Tablet-M);
        --Heading-M-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-S-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-S-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-S-Bree-Serif-Size: var(--Size-Heading-Tablet-S);
        --Heading-S-Bree-Serif-Line-Height: var(--Line-Height-Heading-Tablet-S);
        --Heading-S-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
        --Body-M-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Body-M-Lexend-Regular-Weight: var(--Weight-Regular);
        --Body-M-Lexend-Regular-Size: var(--Size-Body-Tablet-M);
        --Body-M-Lexend-Regular-Line-Height: var(--Line-Height-Body-Tablet-M);
        --Body-M-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Body-S-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Body-S-Lexend-Regular-Weight: var(--Weight-Regular);
        --Body-S-Lexend-Regular-Size: var(--Size-Body-Tablet-S);
        --Body-S-Lexend-Regular-Line-Height: var(--Line-Height-Body-Tablet-S);
        --Body-S-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Body-XS-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Body-XS-Lexend-Regular-Weight: var(--Weight-Regular);
        --Body-XS-Lexend-Regular-Size: var(--Size-Body-Tablet-XS);
        --Body-XS-Lexend-Regular-Line-Height: var(--Line-Height-Body-Tablet-XS);
        --Body-XS-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --2XS-Family: var(--Font-Family-Lexend);
        --2XS-Weight: var(--Weight-Regular);
        --2XS-Size: var(--Size-Body-Tablet-2XS);
        --2XS-Line-Height: var(--Line-Height-Body-Tablet-2XS);
        --2XS-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Link-M-Family: var(--Font-Family-Lexend);
        --Link-M-Weight: var(--Weight-Regular);
        --Link-M-Size: var(--Size-Link-Tablet-M);
        --Link-M-Line-Height: var(--Line-Height-Link-M);
        --Link-M-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Link-S-Family: var(--Font-Family-Lexend);
        --Link-S-Weight: var(--Weight-Regular);
        --Link-S-Size: var(--Size-Link-Tablet-S);
        --Link-S-Line-Height: var(--Line-Height-Link-S);
        --Link-S-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-M-Lexend-Bold-Family: var(--Font-Family-Lexend);
        --Heading-M-Lexend-Bold-Weight: var(--Weight-Bold);
        --Heading-M-Lexend-Bold-Size: var(--Size-Heading-Tablet-M);
        --Heading-M-Lexend-Bold-Line-Height: var(--Line-Height-Heading-Tablet-M);
        --Heading-M-Lexend-Bold-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-XS-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Heading-XS-Lexend-Regular-Weight: var(--Weight-Regular);
        --Heading-XS-Lexend-Regular-Size: var(--Size-Heading-Tablet-XS);
        --Heading-XS-Lexend-Regular-Line-Height: var(--Line-Height-Heading-Tablet-XS);
        --Heading-XS-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-2XS-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-2XS-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-2XS-Bree-Serif-Size: var(--Size-Heading-Tablet-2XS);
        --Heading-2XS-Bree-Serif-Line-Height: var(--Line-Height-Heading-Tablet-2XS);
        --Heading-2XS-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
        --Heading-L-Lexend-Bold-Family: var(--Font-Family-Lexend);
        --Heading-L-Lexend-Bold-Weight: var(--Weight-Bold);
        --Heading-L-Lexend-Bold-Size: var(--Size-Heading-Tablet-L);
        --Heading-L-Lexend-Bold-Line-Height: var(--Line-Height-Heading-Tablet-L);
        --Heading-L-Lexend-Bold-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-L-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-L-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-L-Bree-Serif-Size: var(--Size-Heading-Tablet-XL);
        --Heading-L-Bree-Serif-Line-Height: var(--Line-Height-Heading-Tablet-L);
        --Heading-L-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
        --Heading-XS-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-XS-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-XS-Bree-Serif-Size: var(--Size-Heading-Tablet-XS);
        --Heading-XS-Bree-Serif-Line-Height: var(--Line-Height-Heading-Tablet-XS);
        --Heading-XS-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
        --Heading-XL-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-XL-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-XL-Bree-Serif-Size: var(--Size-Heading-Tablet-XL);
        --Heading-XL-Bree-Serif-Line-Height: var(--Line-Height-Heading-Tablet-XL);
        --Heading-XL-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
    }

    @media screen and (min-width: 1439.98px) {
        --Heading-2XL-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-2XL-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-2XL-Bree-Serif-Size: var(--Size-Heading-Desktop-2XL);
        --Heading-2XL-Bree-Serif-Line-Height: var(--Line-Height-Heading-Desktop-2XL);
        --Heading-2XL-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
        --Heading-XL-Lexend-SemiBold-Family: var(--Font-Family-Lexend);
        --Heading-XL-Lexend-SemiBold-Weight: var(--Weight-SemiBold);
        --Heading-XL-Lexend-SemiBold-Size: var(--Size-Heading-Desktop-XL);
        --Heading-XL-Lexend-SemiBold-Line-Height: var(--Line-Height-Heading-Desktop-XL);
        --Heading-XL-Lexend-SemiBold-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-L-Lexend-Medium-Family: var(--Font-Family-Lexend);
        --Heading-L-Lexend-Medium-Weight: var(--Weight-Medium);
        --Heading-L-Lexend-Medium-Size: var(--Size-Heading-Desktop-L);
        --Heading-L-Lexend-Medium-Line-Height: var(--Line-Height-Heading-Desktop-L);
        --Heading-L-Lexend-Medium-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-M-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Heading-M-Lexend-Medium-Family: var(--Font-Family-Lexend);
        --Heading-M-Lexend-Medium-Weight: var(--Weight-Medium);
        --Heading-M-Lexend-Medium-Size: var(--Size-Heading-Desktop-M);
        --Heading-M-Lexend-Medium-Line-Height: var(--Line-Height-Heading-Desktop-M);
        --Heading-M-Lexend-Medium-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-M-Lexend-Regular-Weight: var(--Weight-Regular);
        --Heading-M-Lexend-Regular-Size: var(--Size-Heading-Desktop-M);
        --Heading-M-Lexend-Regular-Line-Height: var(--Line-Height-Heading-Desktop-M);
        --Heading-M-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-S-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-S-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-S-Bree-Serif-Size: var(--Size-Heading-Desktop-S);
        --Heading-S-Bree-Serif-Line-Height: var(--Line-Height-Heading-Desktop-S);
        --Heading-S-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
        --Body-M-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Body-M-Lexend-Regular-Weight: var(--Weight-Regular);
        --Body-M-Lexend-Regular-Size: var(--Size-Body-Desktop-M);
        --Body-M-Lexend-Regular-Line-Height: var(--Line-Height-Body-Desktop-M);
        --Body-M-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Body-S-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Body-S-Lexend-Regular-Weight: var(--Weight-Regular);
        --Body-S-Lexend-Regular-Size: var(--Size-Body-Desktop-S);
        --Body-S-Lexend-Regular-Line-Height: var(--Line-Height-Body-Desktop-S);
        --Body-S-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Body-XS-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Body-XS-Lexend-Regular-Weight: var(--Weight-Regular);
        --Body-XS-Lexend-Regular-Size: var(--Size-Body-Desktop-XS);
        --Body-XS-Lexend-Regular-Line-Height: var(--Line-Height-Body-Desktop-XS);
        --Body-XS-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --2XS-Family: var(--Font-Family-Lexend);
        --2XS-Weight: var(--Weight-Regular);
        --2XS-Size: var(--Size-Body-Desktop-2XS);
        --2XS-Line-Height: var(--Line-Height-Body-Desktop-2XS);
        --2XS-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Link-M-Family: var(--Font-Family-Lexend);
        --Link-M-Weight: var(--Weight-Regular);
        --Link-M-Size: var(--Size-Link-Desktop-M);
        --Link-M-Line-Height: var(--Line-Height-Link-M);
        --Link-M-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Link-S-Family: var(--Font-Family-Lexend);
        --Link-S-Weight: var(--Weight-Regular);
        --Link-S-Size: var(--Size-Link-Desktop-S);
        --Link-S-Line-Height: var(--Line-Height-Link-S);
        --Link-S-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-M-Lexend-Bold-Family: var(--Font-Family-Lexend);
        --Heading-M-Lexend-Bold-Weight: var(--Weight-Bold);
        --Heading-M-Lexend-Bold-Size: var(--Size-Heading-Desktop-M);
        --Heading-M-Lexend-Bold-Line-Height: var(--Line-Height-Heading-Desktop-M);
        --Heading-M-Lexend-Bold-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-XS-Lexend-Regular-Family: var(--Font-Family-Lexend);
        --Heading-XS-Lexend-Regular-Weight: var(--Weight-Regular);
        --Heading-XS-Lexend-Regular-Size: var(--Size-Heading-Desktop-XS);
        --Heading-XS-Lexend-Regular-Line-Height: var(--Line-Height-Heading-Desktop-XS);
        --Heading-XS-Lexend-Regular-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-2XS-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-2XS-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-2XS-Bree-Serif-Size: var(--Size-Heading-Desktop-2XS);
        --Heading-2XS-Bree-Serif-Line-Height: var(--Line-Height-Heading-Desktop-2XS);
        --Heading-2XS-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
        --Heading-L-Lexend-Bold-Family: var(--Font-Family-Lexend);
        --Heading-L-Lexend-Bold-Weight: var(--Weight-Bold);
        --Heading-L-Lexend-Bold-Size: var(--Size-Heading-Desktop-L);
        --Heading-L-Lexend-Bold-Line-Height: var(--Line-Height-Heading-Desktop-L);
        --Heading-L-Lexend-Bold-Letter-Spacing: var(--Letter-Spacing-Lexend);
        --Heading-L-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-L-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-L-Bree-Serif-Size: var(--Size-Heading-Desktop-XL);
        --Heading-L-Bree-Serif-Line-Height: var(--Line-Height-Heading-Desktop-L);
        --Heading-L-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
        --Heading-XS-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-XS-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-XS-Bree-Serif-Size: var(--Size-Heading-Desktop-XS);
        --Heading-XS-Bree-Serif-Line-Height: var(--Line-Height-Heading-Desktop-XS);
        --Heading-XS-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
        --Heading-XL-Bree-Serif-Family: var(--Font-Family-Bree-Serif);
        --Heading-XL-Bree-Serif-Weight: var(--Weight-Regular);
        --Heading-XL-Bree-Serif-Size: var(--Size-Heading-Desktop-XL);
        --Heading-XL-Bree-Serif-Line-Height: var(--Line-Height-Heading-Desktop-XL);
        --Heading-XL-Bree-Serif-Letter-Spacing: var(--Letter-Spacing-Bree-Serif);
    }
}

:root {
    --Blue-50: #FCFEFFFF;
    --Blue-75: #EEF2FFFF;
    --Blue-100: #E2EEFFFF;
    --Blue-200: #9DC6FFFF;
    --Blue-300: #4592FFFF;
    --Blue-400: #00409BFF;
    --Yellow-50: #FFFCF2FF;
    --Blue-500: #00204DFF;
    --Blue-600: #0A2F63FF;
    --Blue-700: #011633FF;
    --Yellow-100: #FFF5D9FF;
    --Yellow-200: #FFECB9FF;
    --Yellow-300: #FFD768FF;
    --Yellow-400: #B08200FF;
    --Green-50: #E6F0EAFF;
    --Yellow-500: #4C3800FF;
    --Green-100: #D8F0E0FF;
    --Green-200: #8FD5A6FF;
    --Green-300: #41AA64FF;
    --Green-400: #22723CFF;
    --Green-500: #044F1DFF;
    --Neutral-White: #FFFFFFFF;
    --Mauve-100: #FCEFFFFF;
    --Mauve-200: #F6C7FFFF;
    --Mauve-300: #914284FF;
    --Neutral-50: #E5E7EBFF;
    --Neutral-100: #A3ACB7FF;
    --Neutral-200: #6C747FFF;
    --Neutral-300: #485260FF;
    --Neutral-300-2: #6C747FFF;
    --Neutral-400: #283445FF;
    --Neutral-500: #011633FF;
    --Sky-100: #DBF4FFFF;
    --Sky-200: #63BAE2FF;
    --Sky-300: #005277FF;
    --Olive-100: #F0E5FFFF;
    --Olive-200: #BF9EF0FF;
    --Olive-300: #5D3A90FF;
    --Purple-100: #F1EECDFF;
    --Purple-200: #E4D06CFF;
    --Purple-300: #736C22FF;
    --Red-100: #FEC4C1FF;
    --Red-200: #E8706AFF;
    --Red-300: #B3261EFF;
}

:root {
    --Surface-Blue-Primary: var(--Blue-75);
    --Surface-Blue-Secondary: var(--Blue-100);
    --Surface-Blue-Tertiary: var(--Blue-200);
    --Surface-Blue-Quaternary: var(--Blue-300);
    --Surface-Blue-Accent: var(--Blue-400);
    --Surface-Blue-Dark: var(--Blue-500);
    --Surface-Yellow-Primary: var(--Yellow-50);
    --Surface-Yellow-Secondary: var(--Yellow-100);
    --Surface-Yellow-Tertiary: var(--Yellow-200);
    --Surface-Yellow-Accent: var(--Yellow-300);
    --Surface-Yellow-Dark: var(--Yellow-400);
    --Surface-Green-Primary: var(--Green-100);
    --Surface-Green-Secondary: var(--Green-200);
    --Surface-Green-Tertiary: var(--Green-300);
    --Surface-Green-Accent: var(--Green-400);
    --Surface-Green-Dark: var(--Green-500);
    --Surface-Neutral-White: var(--Neutral-White);
    --Surface-Neutral-Primary: var(--Neutral-50);
    --Surface-Neutral-Secondary: var(--Neutral-100);
    --Surface-Neutral-Tertiary: var(--Neutral-200);
    --Surface-Neutral-Quaternary: var(--Neutral-400);
    --Surface-Opacity-White-50: #FFFFFF80;
    --Content-Text-Heading-Primary: var(--Neutral-500);
    --Content-Text-Heading-Secondary: var(--Neutral-200);
    --Content-Text-Heading-Invers: var(--Neutral-White);
    --Content-Text-Heading-Accent-Blue: var(--Blue-400);
    --Content-Text-Heading-Accent-Green: var(--Green-400);
    --Content-Text-Heading-Accent-Yellow: var(--Yellow-200);
    --Content-Text-Body-Primary: var(--Neutral-400);
    --Content-Text-Body-Secondary: var(--Neutral-300);
    --Content-Text-Body-Invers: var(--Neutral-White);
    --Content-Text-Body-Accent: var(--Blue-400);
    --Content-Icon-Primary: var(--Neutral-500);
    --Content-Icon-Secondary: var(--Neutral-400);
    --Content-Icon-Muted: var(--Neutral-200);
    --Content-Icon-Accent: var(--Blue-400);
    --Content-Icon-Invers: var(--Neutral-White);
    --Background-Primary: var(--Blue-50);
    --Border-Primary: var(--Neutral-200);
    --For-Skills-Communication-Primary: var(--Mauve-100);
    --For-Skills-Communication-Secondary: var(--Mauve-200);
    --For-Skills-Communication-Tertiary: var(--Mauve-300);
    --For-Skills-Emotional-Recognition-Primary: var(--Sky-100);
    --For-Skills-Emotional-Recognition-Secondary: var(--Sky-200);
    --For-Skills-Emotional-Recognition-Tertiary: var(--Sky-300);
    --For-Skills-Self-Regulation-Primary: var(--Olive-100);
    --For-Skills-Self-Regulation-Secondary: var(--Olive-200);
    --For-Skills-Self-Regulation-Tertiary: var(--Olive-300);
    --For-Skills-Friendship-Primary: var(--Purple-100);
    --For-Skills-Friendship-Secondary: var(--Purple-200);
    --For-Skills-Friendship-Tertiary: var(--Purple-300);
    --System-Error: var(--Red-300);
    --System-Success: var(--Green-300);
    --Button-Link-Primary-Default: var(--Neutral-500);
    --Button-Link-Primary-Hover: var(--Blue-400);
    --Button-Link-Primary-Muted: var(--Neutral-400);
    --Button-Link-Secondary-Default: var(--Neutral-White);
    --Button-Link-Secondary-Hover: var(--Blue-300);
    --Button-Filled-Yellow-Default: var(--Yellow-200);
    --Button-Filled-Yellow-Hover: var(--Yellow-300);
    --Button-Filled-Yellow-Focus: var(--Yellow-200);
    --Button-Filled-Yellow-Click: var(--Yellow-300);
    --Button-Filled-Blue-Default: var(--Blue-400);
    --Button-Filled-Blue-Hover: var(--Blue-500);
    --Button-Filled-Blue-Focus: var(--Blue-400);
    --Button-Filled-Blue-Click: var(--Blue-500);
    --Button-Outline-Primary-Default: var(--Neutral-500);
    --Button-Outline-Primary-Hover: var(--Neutral-50);
    --Button-Outline-Secondary-Inverse: var(--Neutral-White);
    --Button-Outline-Secondary-Default: #E5E7EB14;
    --Button-Outline-Secondary-Hover: #E5E7EB2E;
    --Button-Outline-Secondary-Click: #A3ACB780;
    --Button-Outline-Primary-Focus: var(--Neutral-50);
    --Button-Outline-Primary-Click: var(--Neutral-100);
    --Border-Secondary: var(--Neutral-400);
    --Border-Tertiary: var(--Neutral-500);
    --Border-Blue: var(--Blue-400);
    --Border-Yellow: var(--Yellow-300);
    --Border-Green: var(--Green-300);
    --Border-White: var(--Neutral-White);
}

.text-blue-bg {
    background-color: #9DC6FF;
}

.text-yellow-bg {
    background-color: #FFF5D9;
}