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

@font-face {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Regular'), url("../fonts/Roboto/Roboto-Regular.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Italic'), url('../fonts/Roboto/Roboto-Italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Bold'), url('../fonts/Roboto/Roboto-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Bold Italic'), url('../fonts/Roboto/Roboto-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Thin'), url('../fonts/Roboto/Roboto-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Thin Italic'), url('../fonts/Roboto/Roboto-ThinItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Light'), url('../fonts/Roboto/Roboto-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Light Italic'), url('../fonts/Roboto/Roboto-LightItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Medium'), url('../fonts/Roboto/Roboto-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Medium Italic'), url('../fonts/Roboto/Roboto-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Black';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Black'), url('../fonts/Roboto/Roboto-Black.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Black Italic'), url('../fonts/Roboto/Roboto-BlackItalic.woff') format('woff');
}

html[lang^="ar"] body,
html[lang^="ar"] body h1,
html[lang^="ar"] body h2,
html[lang^="ar"] body h3,
html[lang^="ar"] body h4,
html[lang^="ar"] body h5,
html[lang^="ar"] body h6,
html[lang^="ar"] body p,
html[lang^="ar"] body span,
html[lang^="ar"] body a,
html[lang^="ar"] body button,
html[lang^="ar"] body input,
html[lang^="ar"] body select,
html[lang^="ar"] body textarea,
html[lang^="ar"] body label,
html[lang^="ar"] body small,
html[lang^="ar"] body strong,
html[lang^="ar"] body li,
html[lang^="ar"] body td,
html[lang^="ar"] body th,
html[lang^="ar"] body .btn,
html[lang^="ar"] body .form-control,
html[lang^="ar"] body .nav-link,
html[lang^="ar"] body .dropdown-item,
html[lang^="ar"] body .select2-container .select2-selection__rendered,
html[lang^="ar"] body .select2-results__option {
    font-family: 'Cairo', sans-serif !important;
}