/* Unified typography for every customer-facing web page. */
:root {
    --font-sans: "MiSansArabic", "MiSansLatin", "MiSans", ui-sans-serif, system-ui, sans-serif;
    --font-display: var(--font-sans);
    --font-highlight: var(--font-sans);
}

html[lang^="ar"] {
    --font-sans: "MiSansArabic", "MiSans", ui-sans-serif, system-ui, sans-serif;
}

html:not([lang^="ar"]) {
    --font-sans: "MiSansLatin", "MiSans", ui-sans-serif, system-ui, sans-serif;
}

body,
body *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class^="fa-"]):not([class*=" fa-"]) {
    font-family: var(--font-sans) !important;
}

html[dir] body .hero-title .highlighted-text,
html[dir] body .why-highlight,
html[dir] body .font-highlight {
    font-family: var(--font-sans) !important;
    font-style: normal !important;
}