@charset "UTF-8";

/*

// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.noto-sans-arabic-<uniquifier> {
  font-family: "Noto Sans Arabic", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

 */



/* ===========================================================================
English
============================================================================*/
html[lang="en"] body {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    text-align: left;
    direction: ltr;
}

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: "Ubuntu", sans-serif;
    font-weight: 700;
}

html[lang="en"] button:not(.lg-icon),
html[lang="en"] input,
html[lang="en"] optgroup,
html[lang="en"] select,
html[lang="en"] textarea {
    font-family: "Ubuntu", sans-serif;
}

/* ===========================================================================
Arabic
============================================================================*/
html[lang="ar"] body {
    font-family: "Noto Sans Arabic", sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    font-style: normal;
    text-align: right;
    direction: rtl;
}

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: "Noto Sans Arabic", sans-serif;
    font-weight: 700;
    line-height: 1.5;
}

html[lang="ar"] button:not(.lg-icon), 
html[lang="ar"] input, 
html[lang="ar"] optgroup, 
html[lang="ar"] select, 
html[lang="ar"] textarea {
    font-family: "Noto Sans Arabic", sans-serif;
}