:root {
        --primary-color-light-2: #FFCF85;
        --primary-color-light: #EFB32C;
        --primary-color: #F78002;
        --primary-color-dark: #D14413;
        --primary-color-dark-2: #992700;
        --primary-color-alt: #3C1200;
        --action-color-light: #FFCBAC;
        --action-color: #FD8F75;
        --action-color-dark: #D56757;
        --secondary-color-light: #6F99CA;
        --secondary-color: #3B5D85;
        --secondary-color-dark: #203E61;
        --accent-color-1: #48C29A;
        --accent-color-2: #218061;
        --accent-color-3: #035551;
        --white-color: #FFFFFF;
        --white-off-color: #F4F8FF;
        --black-color: #000000;
        --black-off-color: #111111;
        --gray-color-light-2: #FFF4EC;
        --gray-color-light: #E6DEDD;
        --gray-color: #D0C9C6;
        --gray-color-dark: #8E9EC1;
        --gray-color-dark-2: #5F6C8A;
        --gray-color-alt: #333344;
        --social-facebook-color: #3b5998;
        --social-twitter-color: #08A0E9;
        --social-linkedin-color: #0e76a8;
        --social-medium-color: #000000;
        --social-youtube-color: #c4302b;
        --social-instagram-color: #5851DB;
        --social-snapchat-color: #FFFC00;
        --alert-error-color: #dd6363;
        --alert-warning-color: #eded90;
        --alert-success-color: #acd68f;
    }




:root {
    --super-font-size: 7.5rem;
    --super-font-size-small: 7.5rem;
    --super-font-size-large: 7.5rem;
    --super-line-height: 7.5rem;
    --super-line-height-small: 7.5rem;
    --super-line-height-large: 7.5rem;
    --super-letter-spacing: -0.078125rem;
    --super-font-weight: 700;
    --super-font-family: hero-new, sans-serif;;
    --super-text-transform: none;
    --super-font-style: normal;
    --super-font-color: var(--primary-color-dark);

    --h1-font-size: 4rem;
    --h1-font-size-small: 4rem;
    --h1-font-size-large: 4rem;
    --h1-line-height: 4.3125rem;
    --h1-line-height-small: 4.3125rem;
    --h1-line-height-large: 4.3125rem;
    --h1-letter-spacing: -0.0525rem;
    --h1-font-weight: 700;
    --h1-font-family: hero-new, sans-serif;;
    --h1-text-transform: none;
    --h1-font-style: normal;
    --h1-font-color: var(--gray-color-alt);

    --h2-font-size: 2.9375rem;
    --h2-font-size-small: 2.9375rem;
    --h2-font-size-large: 2.9375rem;
    --h2-line-height: 3.5rem;
    --h2-line-height-small: 3.5rem;
    --h2-line-height-large: 3.5rem;
    --h2-letter-spacing: -0.07rem;
    --h2-font-weight: 700;
    --h2-font-family: hero-new, sans-serif;;
    --h2-text-transform: none;
    --h2-font-style: normal;
    --h2-font-color: var(--gray-color-alt);

    --h3-font-size: 1.8125rem;
    --h3-font-size-small: 1.8125rem;
    --h3-font-size-large: 1.8125rem;
    --h3-line-height: 2rem;
    --h3-line-height-small: 2rem;
    --h3-line-height-large: 2rem;
    --h3-letter-spacing: 0.0625rem;
    --h3-font-weight: 700;
    --h3-font-family: omnes-pro, sans-serif;;
    --h3-text-transform: uppercase;
    --h3-font-style: normal;
    --h3-font-color: var(--secondary-color);

    --h4-font-size: 1.125rem;
    --h4-font-size-small: 1.125rem;
    --h4-font-size-large: 1.125rem;
    --h4-line-height: 1.5rem;
    --h4-line-height-small: 1.5rem;
    --h4-line-height-large: 1.5rem;
    --h4-letter-spacing: 0.070625rem;
    --h4-font-weight: 700;
    --h4-font-family: omnes-pro, sans-serif;;
    --h4-text-transform: uppercase;
    --h4-font-style: normal;
    --h4-font-color: var(--secondary-color-light);

    --h5-font-size: 1.0625rem;
    --h5-font-size-small: 1.0625rem;
    --h5-font-size-large: 1.0625rem;
    --h5-line-height: 1.5rem;
    --h5-line-height-small: 1.5rem;
    --h5-line-height-large: 1.5rem;
    --h5-letter-spacing: -0.008125rem;
    --h5-font-weight: 700;
    --h5-font-family: omnes-pro, sans-serif;;
    --h5-text-transform: none;
    --h5-font-style: normal;
    --h5-font-color: var(--primary-color-alt);

    --h6-font-size: 1rem;
    --h6-font-size-small: 1rem;
    --h6-font-size-large: 1rem;
    --h6-line-height: 1.5rem;
    --h6-line-height-small: 1.5rem;
    --h6-line-height-large: 1.5rem;
    --h6-letter-spacing: -0.008125rem;
    --h6-font-weight: 700;
    --h6-font-family: omnes-pro, sans-serif;;
    --h6-text-transform: none;
    --h6-font-style: normal;
    --h6-font-color: var(--gray-color-alt);

    --p-font-size: 1.125rem;
    --p-font-size-small: 1.125rem;
    --p-font-size-large: 1.125rem;
    --p-line-height: 2rem;
    --p-line-height-small: 2rem;
    --p-line-height-large: 2rem;
    --p-letter-spacing: 0rem;
    --p-font-weight: 400;
    --p-font-family: sofia-pro, sans-serif;;
    --p-text-transform: none;
    --p-font-style: normal;
    --p-font-color: var(--gray-color-dark);

    --p-small-font-size: 1rem;
    --p-small-font-size-small: 1rem;
    --p-small-font-size-large: 1rem;
    --p-small-line-height: 1.375rem;
    --p-small-line-height-small: 1.375rem;
    --p-small-line-height-large: 1.375rem;
    --p-small-letter-spacing: 0rem;
    --p-small-font-weight: 400;
    --p-small-font-family: sofia-pro, sans-serif;;
    --p-small-text-transform: none;
    --p-small-font-style: normal;
    --p-small-font-color: var(--gray-color-dark);

    --p-large-font-size: 1.375rem;
    --p-large-font-size-small: 1.375rem;
    --p-large-font-size-large: 1.375rem;
    --p-large-line-height: 2.25rem;
    --p-large-line-height-small: 2.25rem;
    --p-large-line-height-large: 2.25rem;
    --p-large-letter-spacing: 0rem;
    --p-large-font-weight: 400;
    --p-large-font-family: sofia-pro, sans-serif;;
    --p-large-text-transform: none;
    --p-large-font-style: normal;
    --p-large-font-color: var(--gray-color-dark-2);

    --title-font-size: 3rem;
    --title-font-size-small: 3rem;
    --title-font-size-large: 3rem;
    --title-line-height: 3.625rem;
    --title-line-height-small: 3.625rem;
    --title-line-height-large: 3.625rem;
    --title-letter-spacing: 0rem;
    --title-font-weight: 500;
    --title-font-family:  hero-new, sans-serif;;
    --title-text-transform: none;
    --title-font-style: normal;
    --title-font-color: var(--secondary-color);

    --title-small-font-size: 1.25rem;
    --title-small-font-size-small: 1.25rem;
    --title-small-font-size-large: 1.25rem;
    --title-small-line-height: 1.6875rem;
    --title-small-line-height-small: 1.6875rem;
    --title-small-line-height-large: 1.6875rem;
    --title-small-letter-spacing: 0rem;
    --title-small-font-weight: 700;
    --title-small-font-family: hero-new, sans-serif;;
    --title-small-text-transform: none;
    --title-small-font-style: normal;
    --title-small-font-color: var(--primary-color);

    --link-font-size: 1.625rem;
    --link-font-size-small: 1.625rem;
    --link-font-size-large: 1.625rem;
    --link-line-height: 1.625rem;
    --link-line-height-small: 1.625rem;
    --link-line-height-large: 1.625rem;
    --link-letter-spacing: 0.231875rem;
    --link-font-weight: 700;
    --link-font-family: omnes-pro, sans-serif;;
    --link-text-transform: uppercase;
    --link-font-style: normal;
    --link-font-color: var(--gray-color-dark);

    --link-small-font-size: 1rem;
    --link-small-font-size-small: 1rem;
    --link-small-font-size-large: 1rem;
    --link-small-line-height: 1rem;
    --link-small-line-height-small: 1rem;
    --link-small-line-height-large: 1rem;
    --link-small-letter-spacing: 0.080625rem;
    --link-small-font-weight: 700;
    --link-small-font-family: omnes-pro, sans-serif;;
    --link-small-text-transform: uppercase;
    --link-small-font-style: normal;
    --link-small-font-color: var(--gray-color-dark);

    --link-alt-font-size: 1.625rem;
    --link-alt-font-size-small: 1.625rem;
    --link-alt-font-size-large: 1.625rem;
    --link-alt-line-height: 1.625rem;
    --link-alt-line-height-small: 1.625rem;
    --link-alt-line-height-large: 1.625rem;
    --link-alt-letter-spacing: -0.006875rem;
    --link-alt-font-weight: 700;
    --link-alt-font-family: omnes-pro, sans-serif;;
    --link-alt-text-transform: none;
    --link-alt-font-style: normal;
    --link-alt-font-color: var(--gray-color-dark);

    --link-alt-small-font-size: 1rem;
    --link-alt-small-font-size-small: 1rem;
    --link-alt-small-font-size-large: 1rem;
    --link-alt-small-line-height: 1rem;
    --link-alt-small-line-height-small: 1rem;
    --link-alt-small-line-height-large: 1rem;
    --link-alt-small-letter-spacing: -0.005625rem;
    --link-alt-small-font-weight: 700;
    --link-alt-small-font-family: omnes-pro, sans-serif;;
    --link-alt-small-text-transform: none;
    --link-alt-small-font-style: normal;
    --link-alt-small-font-color: var(--gray-color-dark);

}



:root {
    --keyboard-focus-size: 0.0625rem;
    --keyboard-focus-style: dashed;
    --keyboard-focus-color: #d14413;
    --keyboard-focus-offset: 0.0625rem;
}

:root {
    --fade-in-transition: all 800ms ease;
    --fade-in-slow-transition: all 1200ms ease;

    --fade-up-transition: all 335ms ease-in-out;
    --fade-up-transform: translateY(5px);

    --fade-up-big-transition: all 400ms ease-in-out;
    --fade-up-big-transform: translateY(15px);

    --fade-left-transition: all 335ms ease-in-out;
    --fade-left-transform: translateX(5px);

    --fade-left-big-transition: all 400ms ease-in-out;
    --fade-left-big-transform: translateX(15px);

    --fade-right-transition: all 335ms ease-in-out;
    --fade-right-transform: translateX(-5px);

    --fade-right-big-transition: all 400ms ease-in-out;
    --fade-right-big-transform: translateX(-15px);
}

:root {
    
        --default-transition: all 225ms ease 0s;
        --default-transition-property: all;
        --default-transition-duration: 225ms;
        --default-transition-timing-function: ease;
        --default-transition-delay: 0s;

    
        --default-transition-slow: all 444ms ease 0s;
        --default-transition-slow-property: all;
        --default-transition-slow-duration: 444ms;
        --default-transition-slow-timing-function: ease;
        --default-transition-slow-delay: 0s;

    
        --bouncy-transition: all 450ms cubic-bezier(0.32,1.25,0.375,1.15) 0s;
        --bouncy-transition-property: all;
        --bouncy-transition-duration: 450ms;
        --bouncy-transition-timing-function: cubic-bezier(0.32,1.25,0.375,1.15);
        --bouncy-transition-delay: 0s;

    
        --bouncy-transition-slow: all 777ms cubic-bezier(0.32,1.25,0.375,1.15) 0s;
        --bouncy-transition-slow-property: all;
        --bouncy-transition-slow-duration: 777ms;
        --bouncy-transition-slow-timing-function: cubic-bezier(0.32,1.25,0.375,1.15);
        --bouncy-transition-slow-delay: 0s;

    
        --wild-transition: all 400ms cubic-bezier(0,0,0,2.25) 0s;
        --wild-transition-property: all;
        --wild-transition-duration: 400ms;
        --wild-transition-timing-function: cubic-bezier(0,0,0,2.25);
        --wild-transition-delay: 0s;

    }

:root {
    --small-shadow: 0 0.3125rem 0.625rem 0 rgba(0,34,68,0.05), 0 0.9375rem 1.875rem 0 rgba(0,54,123,0.10);
    --medium-shadow: 0 0.4375rem 0.9375rem 0 rgba(0,34,68,0.10), 0 1.25rem 2.5rem 0 rgba(0,54,123,0.20);
    --large-shadow: 0 0.9375rem 0.9375rem 0 rgba(0,34,68,0.10), 0 2.5rem 5rem 0 rgba(0,54,123,0.40);
}

:root {
    --general-border-radius: 0.5rem;
}

:root {
    --link-color: var(--primary-color);
}

:root {
    --hr-border-top-size: 0rem;
    --hr-border-top-color: var(--gray-color);

    --hr-background-size: 0.125rem;
    --hr-background-color: var(--gray-color);

    --hr-border-bottom-size: 0rem;
    --hr-border-bottom-color: var(--gray-color);

    --hr-max-width: ;

    --hr-alignment: 0 auto;
}

:root {
    --selection-background-color: var(--alert-success-color);
    --selection-text-color: var(--gray-color-alt);
}

:root {
    --button-border-radius: 0.8125rem;
    --button-border-width: 0.125rem;

    --button-small-padding: 0.875rem 1.625rem;
    --button-medium-padding: 1.0625rem 2rem;
    --button-large-padding: 1.5rem 4rem;

    --button-font-size: var(--link-alt-small-font-size);
    --button-font-size-small: var(--link-alt-small-font-size-small);
    --button-font-size-large: var(--link-alt-small-font-size-large);
    --button-line-height: var(--link-alt-small-line-height);
    --button-letter-spacing: var(--link-alt-small-letter-spacing);
    --button-font-weight: var(--link-alt-small-font-weight);
    --button-font-family: var(--link-alt-small-font-family);
    --button-text-transform: var(--link-alt-small-text-transform);
    --button-font-style: var(--link-alt-small-font-style);
    --button-font-color: var(--link-alt-small-font-color);

    --button-1-background-color: var(--primary-color-dark);
    --button-1-border-color: var(--primary-color-dark);
    --button-1-text-color: var(--gray-color-light-2);

    --button-2-background-color: var(--primary-color);
    --button-2-border-color: var(--primary-color);
    --button-2-text-color: var(--gray-color-light-2);

    --button-3-background-color: var(--secondary-color-light);
    --button-3-border-color: var(--secondary-color-light);
    --button-3-text-color: var(--gray-color-light-2);

    --button-4-background-color: var(--secondary-color);
    --button-4-border-color: var(--secondary-color);
    --button-4-text-color: var(--gray-color-light);

    --button-5-background-color: var(--gray-color-light-2);
    --button-5-border-color: var(--gray-color-light-2);
    --button-5-text-color: var(--secondary-color);
}

:root {
    --field-margin: 0.5rem;
    --field-margin-large: 1rem;

    --input-border-radius: 0.8125rem;
    --input-height: 3.125rem;
    --input-line-height: var(--p-small-line-height);

    --input-font-size: var(--p-small-font-size);
    --input-letter-spacing: var(--p-small-letter-spacing);
    --input-font-weight: var(--p-small-font-weight);
    --input-font-family: var(--p-small-font-family);
    --input-text-transform: var(--p-small-text-transform);
    --input-font-style: var(--p-small-font-style);
    
    --input-font-color: var(--gray-color-alt);
    --input-font-color-on-hover: var(--gray-color-alt);
    --input-background-color: var(--white-off-color);
    --input-background-color-on-hover: var(--white-color);
    --input-border-color: var(--gray-color);
    --input-border-color-on-hover: var(--primary-color-dark);
    
    --input-border-width: 0.0625rem;

    --textarea-border-radius: 0.8125rem;
    --textarea-height: 12.5rem;
    --textarea-line-height: var(--p-line-height);

    --textarea-font-size: var(--p-font-size);
    --textarea-letter-spacing: var(--p-letter-spacing);
    --textarea-font-weight: var(--p-font-weight);
    --textarea-font-family: var(--p-font-family);
    --textarea-text-transform: var(--p-text-transform);
    --textarea-font-style: var(--p-font-style);
    
    --textarea-font-color: var(--gray-color-alt);
    --textarea-font-color-on-hover: var(--gray-color-alt);
    --textarea-background-color: var(--white-off-color);
    --textarea-background-color-on-hover: var(--white-color);
    --textarea-border-color: var(--gray-color);
    --textarea-border-color-on-hover: var(--primary-color-light-2);

    --textarea-border-width: 0.0625rem;

    --checkbox-size: 1.25rem;
    --radio-size: 1.25rem;
    
    --submit-background-color: var(--button-1-background-color);
    --submit-border-color: var(--button-1-border-color);
    --submit-text-color: var(--button-1-text-color);
    --submit-padding: var(--button-large-padding);
    --submit-font-size: var(---font-size-large);

    --label-font-size: var(--link-small-font-size);
    --label-line-height: var(--link-small-line-height);
    --label-letter-spacing: var(--link-small-letter-spacing);
    --label-font-weight: var(--link-small-font-weight);
    --label-font-family: var(--link-small-font-family);
    --label-text-transform: var(--link-small-text-transform);
    --label-font-style: var(--link-small-font-style);
    
    --label-font-color: var(--secondary-color);

    --legend-font-size: var(--h4-font-size);
    --legend-line-height: var(--h4-line-height);
    --legend-letter-spacing: var(--h4-letter-spacing);
    --legend-font-weight: var(--h4-font-weight);
    --legend-font-family: var(--h4-font-family);
    --legend-text-transform: var(--h4-text-transform);
    --legend-font-style: var(--h4-font-style);

    --legend-font-color: var(--secondary-color-dark);
}