@font-face {
  font-family: ExpoArabicMedium;
  src: url("../fonts/ExpoArabicMedium.ttf");
} 


@font-face {
  font-family: ExpoArabicBold;
  src: url("../fonts/ExpoArabicBold.ttf");
} 

@font-face {
  font-family: ExpoArabicLight;
  src: url("../fonts/ExpoArabicLight.ttf");
} 

:root {
  scroll-behavior: smooth;
}

/* //////////////////////////////// */


html {
  font-family: "ExpoArabicMedium", sans-serif;
  scroll-behavior: smooth;
}

* {
  font-family: "ExpoArabicMedium", sans-serif;
  font-style: normal;
}


body {
  position: relative;
  min-height: 100dvh;
  background-color: #000;
}


.fontBold {
  font-family: ExpoArabicBold;
}

.fontLight {
  font-family: ExpoArabicLight;
}

@media (max-width: 1200px) {
  .\!container {
    max-width: 90% !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .container {
    max-width: 90%;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (max-width: 900px) {
  .\!container {
    max-width: 95% !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .container {
    max-width: 95%;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (max-width: 450px) {
  .\!container {
    max-width: 100% !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .container {
    max-width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}