@font-face {
    font-family: Font-Bold;
    src: url(../fonts/Almarai-Bold.ttf);
}

@font-face {
    font-family: Font-ExtraBold;
    src: url(../fonts/Almarai-ExtraBold.ttf);
}

@font-face {
    font-family: Font-Light;
    src: url(../fonts/Almarai-Light.ttf);
}

@font-face {
    font-family: Font-Regular;
    src: url(../fonts/Almarai-Regular.ttf);
}

:root {
    --Font-Bold: Font-Bold;
    --Font-ExtraBold: Font-ExtraBold;
    --Font-Light: Font-Light;
    --Font-Regular: Font-Regular;
}

body:not(i):not(.menu-icon) {
    font-family: var(--Font-Regular);
}