@font-face {
    font-family: 'Tajawal-Light';
    src: url('Tajawal-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Tajawal-Medium';
    src: url('Tajawal-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Tajawal-Regular';
    src: url('Tajawal-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Tajawal-Bold';
    src: url('Tajawal-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Tajawal-ExtraBold';
    src: url('Tajawal-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Tajawal-Black';
    src: url('Tajawal-Black.ttf') format('truetype');
}

.setArabicLightFont {
    font-family: 'Tajawal-Light';
}

.setArabicMediumFont {
    font-family: 'Tajawal-Medium';
}

.setArabicRegularFont {
    font-family: 'Tajawal-Regular';
}
.setArabicBoldFont {
    font-family: 'Tajawal-Bold';
}
.setArabicExtraBoldFont {
    font-family: 'Tajawal-ExtraBold';
}

.setArabicBlackFont {
    font-family: 'Tajawal-Black';
}

h2 {
    font-family: 'Tajawal-Black'!important;
    font-size: 38px!important;
}

span {
    font-family: 'Tajawal-Medium';
}