@font-face {
    font-family: 'ReadexPro-Bold';
    src: url('ReadexPro-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'ReadexPro-ExtraLight';
    src: url('ReadexPro-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'ReadexPro-Light';
    src: url('ReadexPro-Light.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');
}

.ArabFontBold-14px {
    font-family: 'ReadexPro-Bold';
    font-size: 14px;
}

.ArabFontBold-16px {
    font-family: 'ReadexPro-Bold';
    font-size: 16px;
}

.ArabFontBold-18px {
    font-family: 'ReadexPro-Bold';
    font-size: 18px;
}

.ArabFontBold-20px {
    font-family: 'ReadexPro-Bold';
    font-size: 20px;
}

.ArabFontBold-22px {
    font-family: 'ReadexPro-Bold';
    font-size: 22px;
}

.ArabFontBold-24px {
    font-family: 'ReadexPro-Bold';
    font-size: 24px;
}

.ArabFontBold-26px {
    font-family: 'ReadexPro-Bold';
    font-size: 26px;
}

/*------- ReadexPro-Medium ------*/

.ArabFont-SemiBold-18px {
    font-family: 'ReadexPro-Medium';
    font-size: 18px;
}

.ArabFont-SemiBold-20px {
    font-family: 'ReadexPro-Medium';
    font-size: 20px;
}

.ArabFont-Medium-22px {
    font-family: 'ReadexPro-Medium';
    font-size: 22px;
}

.ArabFont-Medium-24px {
    font-family: 'ReadexPro-Medium';
    font-size: 24px;
}

.ArabFont-Medium-26px {
    font-family: 'ReadexPro-Medium';
    font-size: 26px;
}

/*------------ ReadexPro-Regular -------------------*/
.ArabFont-Regular-10px {
    font-family: 'ReadexPro-Regular';
    font-size: 10px;
}

.ArabFont-Regular-18px {
    font-family: 'ReadexPro-Regular';
    font-size: 18px;
}

.ArabFont-Regular-20px {
    font-family: 'ReadexPro-Regular';
    font-size: 20px;
}

.ArabFont-Regular-22px {
    font-family: 'ReadexPro-Regular';
    font-size: 22px;
}

.ArabFont-Regular-24px {
    font-family: 'ReadexPro-Regular';
    font-size: 24px;
}

.ArabFont-Regular-26px {
    font-family: 'ReadexPro-Regular';
    font-size: 26px;
}

/*------------ ReadexPro-SemiBold -------------------*/

.ArabFont-SemiBold-18px {
    font-family: 'ReadexPro-SemiBold';
    font-size: 18px;
}

.ArabFont-SemiBold-20px {
    font-family: 'ReadexPro-SemiBold';
    font-size: 20px;
}

.ArabFont-Medium-22px {
    font-family: 'ReadexPro-SemiBold';
    font-size: 22px;
}

.ArabFont-Medium-24px {
    font-family: 'ReadexPro-SemiBold';
    font-size: 24px;
}

.ArabFont-Medium-26px {
    font-family: 'ReadexPro-SemiBold';
    font-size: 26px;
}