@font-face {
    font-family: 'ReadexPro-Light';
    src: url('ReadexPro-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'ReadexPro-Bold';
    src: url('ReadexPro-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'ReadexPro-Medium';
    src: url('ReadexPro-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'ReadexPro-Regular';
    src: url('ReadexPro-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'ReadexPro-SemiBold';
    src: url('ReadexPro-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'NotoKufiArabic-Bold';
    src: url('NotoKufiArabic-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Cairo-ExtraBold';
    src: url('Cairo-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Tajawal-ExtraBold';
    src: url('Tajawal-ExtraBold.ttf') format('truetype');
}
.arabfont-Regular {
    font-family: ReadexPro-Regular!important;
}

.arabfont-Bold {
    font-family: ReadexPro-SemiBold!important;
}

.arabfont-Bolder {
    font-family: ReadexPro-Bold!important;
}