:root {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------LAYOUT-------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    --layout-2xl: 1536px;
    --layout-xl: 1280px;
    --layout-lg: 1024px;
    --layout-md: 768px;
    --layout-sm: 640px;

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------SPACING------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    --gap-safe-responsive: 24px;
    --gap-section-y: 80px;

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*---------------------------------------COLOR------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    --color-white: #FFFFFF;
    --color-gray-01: #FAFAFA;
    --color-gray-02: #F2F2F3;
    --color-gray-03: #E4E5E7;
    --color-gray-04: #D7D9DB;
    --color-gray-05: #CACCCE;
    --color-gray-06: #BCBFC2;
    --color-gray-07: #AFB2B6;
    --color-gray-08: #A1A5AA;
    --color-gray-09: #94999E;
    --color-gray-10: #878C92;
    --color-gray-11: #797F86;
    --color-gray-12: #6D7278;
    --color-gray-13: #61666B;
    --color-gray-14: #55595E;
    --color-gray-15: #494C50;
    --color-gray-16: #3D3F43;
    --color-gray-17: #313335;
    --color-gray-18: #242628;
    --color-gray-19: #18191B;
    --color-gray-20: #0C0D0D;
    --color-gray-21: #050505;
    --color-black: #000000;

    --color-orange-06:#F58723;

    --color-blue-04:#646DB3;

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*---------------------------------------TEXT-------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    /*--------------------------------------------------------------------------------*/
    /*------------------------------------FONT FAMILY---------------------------------*/
    /*--------------------------------------------------------------------------------*/

    --text-family-head: "Jost", sans-serif;
    --text-family-body: "Montserrat", sans-serif;

    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------FONT SIZE----------------------------------*/
    /*--------------------------------------------------------------------------------*/

    /* HEAD */

    --text-head-2xl-size: 47.8px;
    --text-head-xl-size: 39.8px;
    --text-head-lg-size: 33.2px;
    --text-head-md-size: 27.6px;
    --text-head-sm-size: 23px;
    --text-head-xs-size: 19px;

    /* BODY */

    --text-body-xl-size: 20.3px;
    --text-body-lg-size: 18px;
    --text-body-md-size: 16px;
    --text-body-sm-size: 14.2px;
    --text-body-xs-size: 12.6px;

    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------LINE HEIGHT--------------------------------*/
    /*--------------------------------------------------------------------------------*/

    /* HEAD */

    --text-head-line-height: 1.25em;

    /* BODY */

    --text-body-line-height: 1.75em;

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*------------------------------------ELEMENTS------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    --element-header-height: 77.75px;

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------EFFECTS------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    --fx-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.05), 0 1px 2px -1px rgb(0 0 0 / 0.05);
    --fx-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --fx-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
    --fx-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05);
    --fx-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.05), 0 8px 10px -6px rgb(0 0 0 / 0.05);
    --fx-shadow-xxl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --fx-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-----------------------------------TRANSITIONS----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------FRAME-------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    --transition-fast: all calc(1/6*1s) ease-in-out;
    --transition-mid: all calc(1/3*1s) ease-in-out;
    --transition-slow: all calc(1/2*1s) ease-in-out;

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------TIMING------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    --transition-timing-fast: calc(1/6*1s);
    --transition-timing-mid: calc(1/3*1s);
    --transition-timing-slow: calc(1/2*1s);

}

@media ( min-width: 640px ) {

    :root {

        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*-----------------------------------SM:SPACING-----------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/

        --gap-section-y: 112px;

        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*-------------------------------------SM:TEXT------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/

        /*--------------------------------------------------------------------------------*/
        /*------------------------------------SM:FONT SIZE--------------------------------*/
        /*--------------------------------------------------------------------------------*/

        /* SM:HEAD */

        --text-head-2xl-size: 89.8px;
        --text-head-xl-size: 67.3px;
        --text-head-lg-size: 50.5px;
        --text-head-md-size: 37.9px;
        --text-head-sm-size: 28.4px;
        --text-head-xs-size: 21.3px;

    } 

}

@media ( min-width:768px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*------------------------------------MD:DEFAULT----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/



}

@media ( min-width:1024px ) {

    :root {

        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*-----------------------------------LG:ELEMENTS----------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------------*/

        --element-header-height: 104.5px; 

    }



}

@media ( min-width:1280px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*------------------------------------XL:DEFAULT----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/


}

@media ( min-width:1536px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-----------------------------------XXL:DEFAULT----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/


    
}