:root {
  --cairo-font: 'Cairo', sans-serif;
}

[dir="rtl"] body {
    font-family: 'saudi_riyal', var(--cairo-font) !important;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] p, [dir="rtl"] span, [dir="rtl"] a, [dir="rtl"] div, [dir="rtl"] label, [dir="rtl"] input,
[dir="rtl"] button, [dir="rtl"] select, [dir="rtl"] textarea {
    font-family: 'saudi_riyal', var(--cairo-font) !important;
}

.currency-icon {
    display: inline-block;
    height: 1em;
    width: auto;
    vertical-align: -0.12em;
}