@font-face {
  font-family: ZarFontBase;
  src: url("ZarFontBase.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ZarFontFA;
  src: url("ZarFont-FA.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039, U+0660-0669, U+06F0-06F9;
}

@font-face {
  font-family: ZarFontAR;
  src: url("ZarFont-AR.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039, U+0660-0669, U+06F0-06F9;
}

@font-face {
  font-family: ZarFontEN;
  src: url("ZarFont-EN.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039, U+0660-0669, U+06F0-06F9;
}

.lang-fa {
  --font-main:ZarFontFA;
  font-feature-settings: "ss01" 0;
}

.lang-ar {
  --font-main:ZarFontAR;
  font-feature-settings: "ss01" 0;
}

.lang-en {
  --font-main:ZarFontEN;
  font-feature-settings: "ss01" 0;
}

.lang-fa button,
.lang-fa input,
.lang-fa select,
.lang-fa textarea,
.lang-fa optgroup,
.lang-ar button,
.lang-ar input,
.lang-ar select,
.lang-ar textarea,
.lang-ar optgroup,
.lang-en button,
.lang-en input,
.lang-en select,
.lang-en textarea,
.lang-en optgroup {
  font-family: inherit;
}