@font-face {
    font-family: 'Cairo-Black';
    src: url('../arabicfonts/Cairo-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Cairo-Bold';
    src: url('../arabicfonts/Cairo-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Cairo-ExtraBold';
    src: url('../arabicfonts/Cairo-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Cairo-Light';
    src: url('../arabicfonts/Cairo-Light.ttf') format('truetype');
}

.arabfont-Cairo-Light {
    font-family: Cairo-Light;
}

.arabfont-Cairo-Light-10 {
    font-family: Cairo-Light;
    font-size: 10px;
}


.arabfont-Cairo-Light-16 {
    font-family: Cairo-Light;
    font-size: 16px;
}

.arabfont-Cairo-Light-18 {
    font-family: Cairo-Light;
    font-size: 18px;
}

.arabfont-Cairo-Light-20 {
    font-family: Cairo-Light;
    font-size: 20px;
}




.arabfont-Cairo-ExtraBold-16-bold {
    font-family: Cairo-ExtraBold;
    font-size: 16px;
    font-weight: bold;
}

.arabfont-Cairo-ExtraBold-18-bold {
    font-family: Cairo-ExtraBold;
    font-size: 18px;
    font-weight: bold;
}

.arabfont-Cairo-ExtraBold-20-bold {
    font-family: Cairo-ExtraBold;
    font-size: 20px;
    font-weight: bold;
}



.arabfont-CairoBlack-10-bold {
    font-family: Cairo-Black;
    font-size: 10px;
    font-weight: bold;
}

.arabfont-CairoBlack-16-bold {
    font-family: Cairo-Black;
    font-size: 16px;
    font-weight: bold;
}

.arabfont-CairoBlack-18-bold {
    font-family: Cairo-Black;
    font-size: 18px;
    font-weight: bold;
}

.arabfont-CairoBlack-20-bold {
    font-family: Cairo-Black;
    font-size: 20px;
    font-weight: bold;
}