:root {
    --primary-color-500: #004A87;
    --primary-color-800: #003559;
    --light-blue-color-500: #00B1FF;
    --success-color-500: #00E2A1;
    --success-color-800: #01ab7a;
    --gray-color-500: #EAECEF;
    --gray-color-800: #EAEAEA;
    --themecolor: var(--primary-color-500);
    --font-body: 'Stolzl', 'AbsaraSans', 'RadomirTinkov', 'HelveticaNeueLT', 'OpenSans', 'DroidSans', 'Tajawal';
    --font-primary: 'Stolzl', 'AbsaraSans', 'RadomirTinkov', 'HelveticaNeueLT', 'OpenSans', 'DroidSans', 'Tajawal';
    --font-secondary: 'Stolzl', 'AbsaraSans', 'RadomirTinkov', 'HelveticaNeueLT', 'OpenSans', 'DroidSans', 'Tajawal';
    --headings-font-color: var(--primary-color-500);
    --proper-float: left;
    --proper-direction: ltr;
}

@font-face {
    font-family: 'Stolzl';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/fonts/Stolzl W00 Book.ttf');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
    font-family: 'Stolzl';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/Stolzl-Medium.ttf');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
    font-family: 'AbsaraSans';
    font-weight: 500;
    font-style: normal;
    src: url('/fonts/AbsaraSans-Bold.eot');
}

@font-face {
    font-family: 'AbsaraSans';
    font-weight: 400;
    font-style: normal;
    src: url('/fonts/AbsaraSans-Light.otf');
}


@font-face {
    font-family: 'OpenSans';
    font-weight: 500;
    font-style: normal;
    src: url('/fonts/OpenSans-Bold.tff');
}

@font-face {
    font-family: 'OpenSans';
    font-weight: 400;
    font-style: normal;
    src: url('/fonts/OpenSans-Regular.tff');
}

@font-face {
    font-family: 'RadomirTinkov';
    font-weight: 500;
    font-style: normal;
    src: url('/fonts/Radomir Tinkov - Gilroy-Medium.otf');
}

@font-face {
    font-family: 'RadomirTinkov';
    font-weight: 400;
    font-style: normal;
    src: url('/fonts/Radomir Tinkov - Gilroy-Regular.otf');
}


@font-face {
    font-family: 'HelveticaNeueLT';
    font-weight: 500;
    font-style: normal;
    src: url('/fonts/HelveticaNeueLT B.otf');
}

@font-face {
    font-family: 'HelveticaNeueLT';
    font-weight: 400;
    font-style: normal;
    src: url('/fonts/HelveticaNeueLT.otf');
}