/*==========================================================================
 Arabic font-family : Cairo
 Font-weights: 200(ExtraLight), 300(Light), 400(Regular), 500(Medium),
               600(SemiBold), 700(Bold)
===========================================================================*/

@font-face {
  font-family: "Cairo";
  font-optical-sizing: auto;
  src:
    url("../fonts/Cairo/Cairo-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap; /* Improves performance and prevents FOIT */
}

@font-face {
  font-family: "Cairo";
  font-optical-sizing: auto;
  src:
    url("../fonts/Cairo/Cairo-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cairo";
  src:
    url("../fonts/Cairo/Cairo-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cairo";
  src:
    url("../fonts/Cairo/Cairo-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cairo";
  font-optical-sizing: auto;
  src:
    url("../fonts/Cairo/Cairo-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cairo";
  font-optical-sizing: auto;
  src:
    url("../fonts/Cairo/Cairo-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}