@font-face {
    font-family: NotoKufi;
    src: url(../fonts/NotoKufiArabic-Regular.ttf);
}

@font-face {
    font-family: Tajawal;
    src: url(../fonts/Tajawal-Regular.ttf);
}


@font-face {
    font-family: NotoKufi;
    src: url(../fonts/NotoKufiArabic-Bold.ttf);
    font-weight: bold;
}

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


@font-face {
    font-family: NotoKufi;
    src: url(../fonts/NotoKufiArabic-ExtraBold.ttf);
    font-weight: bolder;
}



@font-face {
    font-family: Tajawal;
    src: url(../fonts/Tajawal-ExtraBold.ttf);
    font-weight: bolder;
}




@font-face {
    font-family: NotoKufi;
    src: url(../fonts/NotoKufiArabic-SemiBold.ttf);
    font-weight: 500;
}

@font-face {
    font-family: NotoKufi;
    src: url(../fonts/NotoKufiArabic-Medium.ttf);
    font-weight: 200;
}


@font-face {
    font-family: TajawalMedium;
    src: url(../fonts/Tajawal-Medium.ttf);
    font-weight: 200;
}



@font-face {
    font-family: NotoKufi-light;
    src: url(../fonts/NotoKufiArabic-Light.ttf);
}




@font-face {
    font-family: Tajawal-light;
    src: url(../fonts/Tajawal-Light.ttf);
}

@font-face {
    font-family: NotoKufi;
    src: url(../fonts/NotoKufiArabic-Thin.ttf);
    font-weight: lighter;
}