@font-face {
    font-family: 'Manrope';
    src: url('../fonts/ManropeLight.eot');
    src: url('../fonts/ManropeLight.eot') format('embedded-opentype'),
        url('../fonts/ManropeLight.woff2') format('woff2'),
        url('../fonts/ManropeLight.woff') format('woff'),
        url('../fonts/ManropeLight.ttf') format('truetype'),
        url('../fonts/ManropeLight.svg#ManropeLight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/ManropeRegular.eot');
    src: url('../fonts/ManropeRegular.eot') format('embedded-opentype'),
        url('../fonts/ManropeRegular.woff2') format('woff2'),
        url('../fonts/ManropeRegular.woff') format('woff'),
        url('../fonts/ManropeRegular.ttf') format('truetype'),
        url('../fonts/ManropeRegular.svg#ManropeRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/ManropeMedium.eot');
    src: url('../fonts/ManropeMedium.eot') format('embedded-opentype'),
        url('../fonts/ManropeMedium.woff2') format('woff2'),
        url('../fonts/ManropeMedium.woff') format('woff'),
        url('../fonts/ManropeMedium.ttf') format('truetype'),
        url('../fonts/ManropeMedium.svg#ManropeMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/ManropeSemiBold.eot');
    src: url('../fonts/ManropeSemiBold.eot') format('embedded-opentype'),
        url('../fonts/ManropeSemiBold.woff2') format('woff2'),
        url('../fonts/ManropeSemiBold.woff') format('woff'),
        url('../fonts/ManropeSemiBold.ttf') format('truetype'),
        url('../fonts/ManropeSemiBold.svg#ManropeSemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/ManropeBold.eot');
    src: url('../fonts/ManropeBold.eot') format('embedded-opentype'),
        url('../fonts/ManropeBold.woff2') format('woff2'),
        url('../fonts/ManropeBold.woff') format('woff'),
        url('../fonts/ManropeBold.ttf') format('truetype'),
        url('../fonts/ManropeBold.svg#ManropeBold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/ManropeExtraBold.eot');
    src: url('../fonts/ManropeExtraBold.eot') format('embedded-opentype'),
        url('../fonts/ManropeExtraBold.woff2') format('woff2'),
        url('../fonts/ManropeExtraBold.woff') format('woff'),
        url('../fonts/ManropeExtraBold.ttf') format('truetype'),
        url('../fonts/ManropeExtraBold.svg#ManropeExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}



:root {
    --white: #fff;
    --gray: #999999;
    --navy: #3156A3;
    --lblue: #42B3E5;
    --dnavy: #06112E; 
    --dblack: #333333;
    --blue:#0384CE;
}