@font-face {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts//Gilroy//Gilroy-Bold.woff') format('woff');
    }


    @font-face {
    font-family: 'Gilroy-Heavy';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Gilroy/Gilroy-Heavy.woff') format('woff');
    }


    @font-face {
    font-family: 'Gilroy-Light';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Gilroy/Gilroy-Light.woff') format('woff');
    }


    @font-face {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Gilroy/Gilroy-Medium.woff') format('woff');
    }


    @font-face {
    font-family: 'Gilroy-Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Gilroy/Gilroy-Regular.woff') format('woff');
    }



/* Variable */
:root {
    --default-font: "Gilroy-Regular", "Roboto", sans-serif, arial;
    --default-header-font: "Gilroy-Medium", "Roboto", sans-serif, arial;


    --font-regular: "Gilroy-Regular", "Roboto", sans-serif, arial;
    --font-bold: "Gilroy-Bold", "Roboto", sans-serif, arial;
    --font-heavy: "Gilroy-Heavy", "Roboto", sans-serif, arial;
    --font-light: "Gilroy-Light", "Roboto", sans-serif, arial;
    --font-medium: "Gilroy-Medium", "Roboto", sans-serif, arial;



    --primary: #3a3d7e;
    --secondary: #6aaade;
    --tertiary: #fddf49;
}