@font-face {
  font-family: 'CentraNo2';
  font-style: normal;
  font-weight: 900;
  font-display: fallback;
  src:
    url('fonts/centraNo2/woff2/CentraNo.2-Black.woff2') format('woff2'),
    url('fonts/centraNo2/woff/CentraNo.2-Black.woff') format('woff');
}

@font-face {
  font-family: 'CentraNo2';
  font-style: normal;
  font-weight: 800;
  font-display: fallback;
  src:
    url('fonts/centraNo2/woff2/CentraNo.2-ExtraBold.woff2') format('woff2'),
    url('fonts/centraNo2/woff/CentraNo.2-ExtraBold.woff') format('woff');
}

@font-face {
  font-family: 'CentraNo2';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src:
    url('fonts/centraNo2/woff2/CentraNo.2-Bold.woff2') format('woff2'),
    url('fonts/centraNo2/woff/CentraNo.2-Bold.woff') format('woff');
}

@font-face {
  font-family: 'CentraNo2';
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
  src:
    url('fonts/centraNo2/woff2/CentraNo.2-Medium.woff2') format('woff2'),
    url('fonts/centraNo2/woff/CentraNo.2-Medium.woff') format('woff');
}

@font-face {
  font-family: 'CentraNo2';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src:
    url('fonts/centraNo2/woff2/CentraNo.2-Book.woff2') format('woff2'),
    url('fonts/centraNo2/woff/CentraNo.2-Book.woff') format('woff');
}

@font-face {
  font-family: 'CentraNo2';
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src:
    url('fonts/centraNo2/woff2/CentraNo.2-Light.woff2') format('woff2'),
    url('fonts/centraNo2/woff/CentraNo.2-Light.woff') format('woff');
}

@font-face {
  font-family: 'CentraNo2';
  font-style: normal;
  font-weight: 200;
  font-display: fallback;
  src:
    url('fonts/centraNo2/woff2/CentraNo.2-Thin.woff2') format('woff2'),
    url('fonts/centraNo2/woff/CentraNo.2-Thin.woff') format('woff');
}

@font-face {
  font-family: 'CentraNo2';
  font-style: normal;
  font-weight: 100;
  font-display: fallback;
  src:
    url('fonts/centraNo2/woff2/CentraNo.2-Hairline.woff2') format('woff2'),
    url('fonts/centraNo2/woff/CentraNo.2-Hairline.woff') format('woff');
}

@font-face {
  font-family: IRANYekanXFaNum;
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
  src:
    url('fonts/iranyekan-custom/woff2/IRANYekanXFaNum-Medium.woff2')
      format('woff2'),
    url('fonts/iranyekan-custom/woff/IRANYekanXFaNum-Medium.woff')
      format('woff');
}

@font-face {
  font-family: IRANYekanXFaNum;
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src:
    url('fonts/iranyekan-custom/woff2/IRANYekanXFaNum-DemiBold.woff2')
      format('woff2'),
    url('fonts/iranyekan-custom/woff/IRANYekanXFaNum-DemiBold.woff')
      format('woff');
}

@font-face {
  font-family: IRANYekanXFaNum;
  font-style: normal;
  font-weight: bold;
  font-display: fallback;
  src:
    url('fonts/iranyekan-custom/woff2/IRANYekanXFaNum-Bold.woff2')
      format('woff2'),
    url('fonts/iranyekan-custom/woff/IRANYekanXFaNum-Bold.woff') format('woff');
}

@font-face {
  font-family: IRANYekanXFaNum;
  font-style: normal;
  font-weight: normal;
  font-display: fallback;
  src:
    url('fonts/iranyekan-custom/woff2/IRANYekanXFaNum-Regular.woff2')
      format('woff2'),
    url('fonts/iranyekan-custom/woff/IRANYekanXFaNum-Regular.woff')
      format('woff');
}

@font-face {
  font-family: IRANYekanX;
  font-display: fallback;
  font-style: normal;
  font-weight: 500;
  src:
    url('fonts/iranyekan-custom-en-num/woff2/IRANYekanX-Medium.woff2')
      format('woff2'),
    url('fonts/iranyekan-custom-en-num/woff/IRANYekanX-Medium.woff')
      format('woff');
}

@font-face {
  font-family: IRANYekanX;
  font-display: fallback;
  font-style: normal;
  font-weight: 600;
  src:
    url('fonts/iranyekan-custom-en-num/woff2/IRANYekanX-DemiBold.woff2')
      format('woff2'),
    url('fonts/iranyekan-custom-en-num/woff/IRANYekanX-DemiBold.woff')
      format('woff');
}

@font-face {
  font-family: IRANYekanX;
  font-display: fallback;
  font-style: normal;
  font-weight: bold;
  src:
    url('fonts/iranyekan-custom-en-num/woff2/IRANYekanX-Bold.woff2')
      format('woff2'),
    url('fonts/iranyekan-custom-en-num/woff/IRANYekanX-Bold.woff')
      format('woff');
}

@font-face {
  font-family: IRANYekanX;
  font-display: fallback;
  font-style: normal;
  font-weight: normal;
  src:
    url('fonts/iranyekan-custom-en-num/woff2/IRANYekanX-Regular.woff2')
      format('woff2'),
    url('fonts/iranyekan-custom-en-num/woff/IRANYekanX-Regular.woff')
      format('woff');
}

@font-face {
  font-family: 'NATO Sans Arabic';
  font-style: normal;
  font-weight: 100;
  font-display: fallback;
  src:
    url('fonts/nato-sans-arabic/woff2/Thin.woff2') format('woff2'),
    url('fonts/nato-sans-arabic/woff/Thin.woff') format('woff');
}

@font-face {
  font-family: 'NATO Sans Arabic';
  font-style: normal;
  font-weight: 200;
  font-display: fallback;
  src:
    url('fonts/nato-sans-arabic/woff2/ExtraLight.woff2') format('woff2'),
    url('fonts/nato-sans-arabic/woff/ExtraLight.woff') format('woff');
}

@font-face {
  font-family: 'NATO Sans Arabic';
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src:
    url('fonts/nato-sans-arabic/woff2/Light.woff2') format('woff2'),
    url('fonts/nato-sans-arabic/woff/Light.woff') format('woff');
}

@font-face {
  font-family: 'NATO Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src:
    url('fonts/nato-sans-arabic/woff2/Regular.woff2') format('woff2'),
    url('fonts/nato-sans-arabic/woff/Regular.woff') format('woff');
}

@font-face {
  font-family: 'NATO Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
  src:
    url('fonts/nato-sans-arabic/woff2/Medium.woff2') format('woff2'),
    url('fonts/nato-sans-arabic/woff/Medium.woff') format('woff');
}

@font-face {
  font-family: 'NATO Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src:
    url('fonts/nato-sans-arabic/woff2/SemiBold.woff2') format('woff2'),
    url('fonts/nato-sans-arabic/woff/SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'NATO Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src:
    url('fonts/nato-sans-arabic/woff2/Bold.woff2') format('woff2'),
    url('fonts/nato-sans-arabic/woff/Bold.woff') format('woff');
}

@font-face {
  font-family: 'NATO Sans Arabic';
  font-style: normal;
  font-weight: 800;
  font-display: fallback;
  src:
    url('fonts/nato-sans-arabic/woff2/ExtraBold.woff2') format('woff2'),
    url('fonts/nato-sans-arabic/woff/ExtraBold.woff') format('woff');
}

@font-face {
  font-family: 'NATO Sans Arabic';
  font-style: normal;
  font-weight: 900;
  font-display: fallback;
  src:
    url('fonts/nato-sans-arabic/woff2/Black.woff2') format('woff2'),
    url('fonts/nato-sans-arabic/woff/Black.woff') format('woff');
}

@font-face {
  font-family: Sentient;
  src:
    url('fonts/sentient/woff2/Sentient-Extralight.woff2') format('woff2'),
    url('fonts/sentient/woff/Sentient-Extralight.woff') format('woff');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: Sentient;
  src:
    url('fonts/sentient/woff2/Sentient-ExtralightItalic.woff2') format('woff2'),
    url('fonts/sentient/woff/Sentient-ExtralightItalic.woff') format('woff');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: Sentient;
  src:
    url('fonts/sentient/woff2/Sentient-Light.woff2') format('woff2'),
    url('fonts/sentient/woff/Sentient-Light.woff') format('woff');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: Sentient;
  src:
    url('fonts/sentient/woff2/Sentient-LightItalic.woff2') format('woff2'),
    url('fonts/sentient/woff/Sentient-LightItalic.woff') format('woff');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: Sentient;
  src:
    url('fonts/sentient/woff2/Sentient-Regular.woff2') format('woff2'),
    url('fonts/sentient/woff/Sentient-Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: Sentient;
  src:
    url('fonts/sentient/woff2/Sentient-Italic.woff2') format('woff2'),
    url('fonts/sentient/woff/Sentient-Italic.woff') format('woff');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: Sentient;
  src:
    url('fonts/sentient/woff2/Sentient-Medium.woff2') format('woff2'),
    url('fonts/sentient/woff/Sentient-Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: Sentient;
  src:
    url('fonts/sentient/woff2/Sentient-MediumItalic.woff2') format('woff2'),
    url('fonts/sentient/woff/Sentient-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: Sentient;
  src:
    url('fonts/sentient/woff2/Sentient-Bold.woff2') format('woff2'),
    url('fonts/sentient/woff/Sentient-Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: Sentient;
  src:
    url('fonts/sentient/woff2/Sentient-BoldItalic.woff2') format('woff2'),
    url('fonts/sentient/woff/Sentient-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: Sentient;
  src:
    url('fonts/sentient/woff2/Sentient-Variable.woff2') format('woff2'),
    url('fonts/sentient/woff/Sentient-Variable.woff') format('woff');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: Sentient;
  src:
    url('fonts/sentient/woff2/Sentient-VariableItalic.woff2') format('woff2'),
    url('fonts/sentient/woff/Sentient-VariableItalic.woff') format('woff');
  font-weight: 200 700;
  font-display: swap;
  font-style: italic;
}

@keyframes white-box-open {
  0% {
    width: 0;
    height: 0;
  }

  50% {
    width: 50%;
    height: 50%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

html {
  min-width: 320px !important;
}

html[lang='en'] {
  font-family: 'CentraNo2', sans-serif;
}

html[lang='ar'] {
  font-family: 'NATO Sans Arabic', sans-serif;
}

html[lang='fa'] {
  font-family: IRANYekanXFaNum, sans-serif;
}

* {
  outline: none;
}

*,
*:focus,
*:hover,
*:active {
  outline: none !important;
}

::selection {
  background-color: hsl(207deg 90% 42%);
  color: white;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
}

body {
  padding: env(safe-area-inset-top, 1rem) env(safe-area-inset-right, 1rem)
    env(safe-area-inset-bottom, 1rem) env(safe-area-inset-left, 1rem);
}