:root {
    --yellow: #ffc628;
    --blue: #0e2438;
    --blue-overlay: #0e2438e0;
    --green: #198754;
    --gray: #575854;
    --gray-overlay: rgba(0, 0, 0 ,0.5);
    --gray-light: #f7f7f6;
    --bg-blue-2: #283f50;
}
@font-face {
    font-family: 'Barlow';
    src: url("../../fonts/Barlow-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Barlow';
    src: url("../../fonts/Barlow-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Barlow';
    src: url("../../fonts/Barlow-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Barlow';
    src: url("../../fonts/Barlow-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}
body {
    font-family: 'Barlow' !important;
}