@font-face {
    font-family: 'WorkSans-SemiBold';
    src:url('WorkSans/WorkSans-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'WorkSans-Regular';
    src:url('WorkSans/WorkSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoSerif-Regular';
    src:url('Roboto/RobotoSerif-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoSerif-Light';
    src:url('Roboto/RobotoSerif-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoSerif-Medium';
    src:url('Roboto/RobotoSerif-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoSerif-Thin';
    src:url('Roboto/RobotoSerif-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoSerif-ExtraLight';
    src:url('Roboto/RobotoSerif-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Light';
    src:url('Poppins/Poppins-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Regular';
    src:url('Poppins/Poppins-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Medium';
    src:url('Poppins/Poppins-Medium.ttf') format('truetype');

}
@font-face {
    font-family: 'Poppins-ExtraLight';
    src:url('Poppins/Poppins-ExtraLight.ttf') format('truetype');
} 
@font-face {
    font-family: 'Poppins-SemiBold';
    src:url('Poppins/Poppins-SemiBold.ttf') format('truetype');
} 
@font-face {
    font-family: 'Poppins-Bold';
    src:url('Poppins/Poppins-Bold.ttf') format('truetype');
} 
@font-face {
    font-family: 'Montserrat-Regular';
    src:url('Montserrat/Montserrat-Regular.ttf') format('truetype');
} 
@font-face {
    font-family: 'Montserrat-Medium';
    src:url('Montserrat/Montserrat-Medium.ttf') format('truetype');
} 
@font-face {
    font-family: 'Tajawal-Bold';
    src: url('Tajawal/Tajawal-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

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

@font-face {
    font-family: 'Tajawal-Light';
    src: url('Tajawal/Tajawal-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Tajawal-Light';
    src: url('Tajawal/Tajawal-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Tajawal-Light';
    src: url('Tajawal/Tajawal-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Noto_Arabic-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('Noto_Arabic/NotoNaskhArabic-Regular.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Noto_Arabic-Bold';
    font-style: normal;
    font-weight: 700;
    src: url('Noto_Arabic/NotoKufiArabic-Bold.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Noto_Arabic-Light';
    font-style: normal;
    font-weight: 300;
    src: url('Noto_Arabic/NotoNaskhArabic-Light.ttf') format('truetype');
  }
   
  @font-face {
    font-family: 'Noto_Arabic-ExtraLight';
    font-style: normal;
    font-weight: 200;
    src: url('Noto_Arabic/NotoKufiArabic-ExtraLight.ttf') format('truetype');
  }
   
  @font-face {
    font-family: 'Noto_Arabic-Medium';
    font-style: normal;
    font-weight: 500;
    src: url('Noto_Arabic/NotoKufiArabic-Medium.ttf') format('truetype');
  }