@font-face {
  font-family: "Graphik-medium";
  src: url("../fonts/GraphikArabic-Medium.eot");
  src: url("../fonts/GraphikArabic-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/GraphikArabic-Medium.woff2") format("woff2"),
    url("../fonts/GraphikArabic-Medium.woff") format("woff"),
    url("../fonts/GraphikArabic-Medium.ttf") format("truetype"),
    url("../fonts/GraphikArabic-Medium.svg#GraphikArabic-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Graphik-semi";
  src: url("../fonts/GraphikArabic-SemiBold.eot");
  src: url("../fonts/GraphikArabic-SemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/GraphikArabic-SemiBold.woff2") format("woff2"),
    url("../fonts/GraphikArabic-SemiBold.woff") format("woff"),
    url("../fonts/GraphikArabic-SemiBold.ttf") format("truetype"),
    url("../fonts/GraphikArabic-SemiBold.svg#GraphikArabic-SemiBold")
      format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Graphik Arabic Web Super";
  src: url("../fonts/GraphikArabic-Super-Web.woff2") format("woff2"),
    url("../fonts/GraphikArabic-Super-Web.woff") format("woff");
  font-weight: 1000;
  font-style: normal;
  font-stretch: normal;
}

.GraphikArabic-Super-Web {
  font-family: "Graphik Arabic Web Super";
  font-weight: 1000;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Arabic Web Black";
  src: url("../fonts/GraphikArabic-Black-Web.woff2") format("woff2"),
    url("../fonts/GraphikArabic-Black-Web.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}

.GraphikArabic-Black-Web {
  font-family: "Graphik Arabic Web Black";
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Arabic Web Bold";
  src: url("../fonts/GraphikArabic-Bold-Web.woff2") format("woff2"),
    url("../fonts/GraphikArabic-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

.GraphikArabic-Bold-Web {
  font-family: "Graphik Arabic Web Bold";
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Arabic Web Semibold";
  src: url("../fonts/GraphikArabic-Semibold-Web.woff2") format("woff2"),
    url("../fonts/GraphikArabic-Semibold-Web.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}

.GraphikArabic-Semibold-Web {
  font-family: "Graphik Arabic Web Semibold";
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Arabic Web Medium";
  src: url("../fonts/GraphikArabic-Medium-Web.woff2") format("woff2"),
    url("../fonts/GraphikArabic-Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

.GraphikArabic-Medium-Web {
  font-family: "Graphik Arabic Web Medium";
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Arabic Web Regular";
  src: url("../fonts/GraphikArabic-Regular-Web.woff2") format("woff2"),
    url("../fonts/GraphikArabic-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

.GraphikArabic-Regular-Web {
  font-family: "Graphik Arabic Web Regular";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Arabic Web Light";
  src: url("../fonts/GraphikArabic-Light-Web.woff2") format("woff2"),
    url("../fonts/GraphikArabic-Light-Web.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

.GraphikArabic-Light-Web {
  font-family: "Graphik Arabic Web Light";
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Arabic Web Extralight";
  src: url("../fonts/GraphikArabic-Extralight-Web.woff2") format("woff2"),
    url("../fonts/GraphikArabic-Extralight-Web.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
}

.GraphikArabic-Extralight-Web {
  font-family: "Graphik Arabic Web Extralight";
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik Arabic Web Thin";
  src: url("../fonts/GraphikArabic-Thin-Web.woff2") format("woff2"),
    url("../fonts/GraphikArabic-Thin-Web.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
}

.GraphikArabic-Thin-Web {
  font-family: "Graphik Arabic Web Thin";
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
}