@font-face {
    font-family: "Medel";
    src: url("../fonts/Medel-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Muli";
    src: url("../fonts/Muli-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Questrial";
    src: url("../fonts/Questrial-Regular.woff2") format("woff2");
}



:root {
    --primary-color: #08243C;
    --secondary-color: #2AD8A7;
    --white-color: #ffffff;
    --black-color: #000000;
    --yellow-color: #FFC700;
    --var-body-bg-color: #242424;

    --font-medel: 'Medel', sans-serif;
    --font-muli: 'Muli', sans-serif;
    --font-questrial: 'Questrial', sans-serif;

    --var-white: #fff;
    --var-black: #000;

    --border-color-white: #000;

    --var-site-grey-1: #C6C6C6;
    --var-site-grey-2: #C1C1C1;
    --var-site-grey-3: #7E7E7E;
    --site-grey-4: #5F5F5F;
    --var-paragrapy-color: #BABABA;
    --header-height-md: 123px;
    --header-height-sm: 78px;
    --md-container-px: 40px;
    --sm-container-px: 30px;
    --xs-container-px: 15px;
}