@font-face {
    font-family: 'UAESymbol';
    src: url('../fonts/UAEDirham/UAE-dirham.woff2') format('woff2'),
         url('../fonts/UAEDirham/UAE-dirham.woff') format('woff'),
         url('../fonts/UAEDirham/UAE-dirham.ttf') format('truetype');
    font-display: swap;
}


.uae-dirham-symbol::before {
    font-family: 'UAESymbol';
    content: 'ê'; /* your custom glyph */
    margin-right: 0.25rem;
    display: inline-block;
}