@charset 'UTF-8';

/* ===========================================================================
@import
============================================================================*/

/* ----- Fonts ----- */
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');*/

/* ----- Icons ----- */
/*@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css");*/
/*@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp");*/
/*@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined");*/

/* ===========================================================================
@font-face
============================================================================*/
@font-face {
    font-family: DinNext;
    src: url('fonts/DINNextArabicRegular.otf') format('embedded-opentype');
    src: url('fonts/DINNextArabicRegular.ttf') format('truetype');
}

@font-face {
    font-family: DinNext;
    src: url('fonts/DINNextArabicBold.otf') format('embedded-opentype');
    src: url('fonts/DINNextArabicBold.ttf') format('truetype');
    font-weight: 700;
}

/* ===========================================================================
English
============================================================================*/

html[lang="en"] body {
    font-family: 'Open Sans', sans-serif;
}
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}


/* ===========================================================================
Arabic
============================================================================*/

html[lang="ar"] body {
    font-family: DinNext, sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6{
    font-family: DinNext, sans-serif;
    font-weight: 700;
}