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

@font-face {
    font-family: 'Myriad';
    src: url('../../public/fonts/MyriadVariableConcept-Roman.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: "Myriad";
    }
}

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

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

.Myriad {
    font-family: "Myriad" !important;
}

.VIP {
    font-family: "VIP" !important;
}