/* Cairo Font Integration */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');

/* Override font-family for all elements */
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, 
.irs-from, .irs-to, p, a, li, span, div {
    font-family: 'Cairo', sans-serif !important;
}

/* Override the IRANSans font declarations */
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('https://fonts.googleapis.com/css2?family=Cairo:wght@700&display=swap');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('https://fonts.googleapis.com/css2?family=Cairo:wght@400&display=swap');
}

/* Override Open Sans font as well */
body:not(.rtl) h1, 
body:not(.rtl) h2, 
body:not(.rtl) h3, 
body:not(.rtl) h4, 
body:not(.rtl) h5, 
body:not(.rtl) h6,
body:not(.rtl),
body:not(.rtl) button,
body:not(.rtl) input,
body:not(.rtl) select,
body:not(.rtl) textarea {
    font-family: 'Cairo', sans-serif !important;
}

/* For Arabic text direction */
.rtl {
    direction: rtl;
}