@font-face {
    font-family: 'DM Sans';
    src: url('../../public/fonts/DMSans-VariableFont.ttf') format('truetype');
}

@font-face {
    font-family: 'Wafeq';
    src: url('../../public/fonts/alfont_com_Wafeq-Regular.otf') format('truetype');
}

body {
    overflow-x: hidden;
}

body[data-lang="en"] {
    /* this fixes the left-right flicker on first frames */
    direction: ltr !important;

    *:not(.material-icons) {
        font-family: "DM Sans";
    }
}

body[data-lang="ar"] {
    /* this fixes the left-right flicker on first frames */
    direction: rtl !important;

    *:not(.material-icons) {
        font-family: "Wafeq";
    }
}