/* Expo Arabic Font */
@font-face {
  font-family: "Expo-arabic";
  src: url("/fonts/ExpoArabic-Bold.woff2") format("woff2");
  font-weight: 700; /* Bold */
  font-style: normal;
  font-display: swap;
}

/* PingAR-LT Fonts */
@font-face {
  font-family: "PingAR-LT";
  src: url("/fonts/PingAR-LT/PingAR-LT-Regular.woff2") format("woff2");
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PingAR-LT";
  src: url("/fonts/PingAR-LT/PingAR-LT-Bold.woff2") format("woff2");
  font-weight: 700; /* Bold */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PingAR-LT";
  src: url("/fonts/PingAR-LT/PingAR-LT-Light.woff2") format("woff2");
  font-weight: 300; /* Light */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PingAR-LT";
  src: url("/fonts/PingAR-LT/PingAR-LT-ExtraLight.woff2") format("woff2");
  font-weight: 200; /* ExtraLight */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PingAR-LT";
  src: url("/thepingar-LT-Hairline.woff2") format("woff2");
  font-weight: 100; /* Hairline */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PingAR-LT";
  src: url("/fonts/PingAR-LT/PingAR-LT-Medium.woff2") format("woff2");
  font-weight: 500; /* Medium */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PingAR-LT";
  src: url("/fonts/PingAR-LT/PingAR-LT-Heavy.woff2") format("woff2");
  font-weight: 800; /* Heavy */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PingAR-LT";
  src: url("/fonts/PingAR-LT/PingAR-LT-Thin.woff2") format("woff2");
  font-weight: 100; /* Thin */
  font-style: normal;
  font-display: swap;
}

/* Fallback fonts for smooth UX */
body {
  font-family: "Tajawal", "Expo-arabic", "PingAR-LT", Arial, sans-serif;
}