@font-face {
    font-family: 'HeritageArabic';
    src: url('../webfonts/arabic/ArbFONTS-GE-Heritage-Two-Light-Itali.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HeritageArabic';
    src: url('../webfonts/arabic/ArbFONTS-GE-Heritage-Two-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HeritageArabic';
    src: url('../webfonts/arabic/ArbFONTS-GE-Heritage-Two-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Apply the font globally */
body,
html {
    font-family: 'HeritageArabic', 'Tahoma', sans-serif;
}