/* ─── Font Awesome 7 ─────────────────────────────────────────────────────── */
@font-face {
    font-family: "Font Awesome 7 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('/eBankingClient/javax.faces.resource/fa-solid-900.woff2.jsf?ln=fonts') format('woff2');
}

@font-face {
    font-family: "Font Awesome 7 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/eBankingClient/javax.faces.resource/fa-brands-400.woff2.jsf?ln=fonts') format('woff2');
}

@font-face {
    font-family: "Font Awesome 7 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/eBankingClient/javax.faces.resource/fa-regular-400.woff2.jsf?ln=fonts') format('woff2');
}

/* ─── Apply Arial Font ────────────────────────────────────────────────────── */
:root {
    --font-family: Arial, Inter, sans-serif;
}

* {
    font-family: var(--font-family);
}

*, body, html {
    font-family: var(--font-family);
}

/* Font Awesome helper classes */
.fas {
    --faw-family: var(--faw-family-classic);
    --faw-style: 900;
}

.faw-classic {
    --faw-family: var(--faw-family-classic);
}

.faw-solid {
    --faw-style: 900;
}

.faw-regular {
    --faw-style: 400;
}

.fab,
.faw-brands,
.faw-classic.faw-brands {
    --faw-family: var(--faw-family-brands);
    --faw-style: 400;
}