@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter/Inter-ExtraLight.ttf) format("truetype");
  font-weight: 200;
}

@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter/Inter-Light.ttf) format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter/Inter-Regular.ttf) format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter/Inter-Medium.ttf) format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter/Inter-Bold.ttf) format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Tajawal";
  src: url(../fonts/Tajawal/Tajawal-ExtraLight.ttf) format("truetype");
  font-weight: 200;
}

@font-face {
  font-family: "Tajawal";
  src: url(../fonts/Tajawal/Tajawal-Light.ttf) format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: "Tajawal";
  src: url(../fonts/Tajawal/Tajawal-Regular.ttf) format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Tajawal";
  src: url(../fonts/Tajawal/Tajawal-Medium.ttf) format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Tajawal";
  src: url(../fonts/Tajawal/Tajawal-Bold.ttf) format("truetype");
  font-weight: 700;
}

 @font-face {
  font-family: "Sarala";
  src: url(../fonts/Sarala/Sarala-Bold.ttf) format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Roboto";
  src: url(../fonts/Roboto/Roboto-Light.ttf) format("truetype");
  font-weight: 300;
}