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

ol li {
    font-family: 'Cairo-Bold';
    font-size: 12px;
}

li span {
    font-family: 'Cairo-Bold';
    font-size: 18px;
}

ul li a{
    font-family: 'Cairo-Bold';
    font-size: 12px;
}


.setArabFont14Bold {
    font-family: 'Cairo-Bold';
    font-size: 14px;
}

.setArabFont16Bold {
    font-family: 'Cairo-Bold';
    font-size: 16px;
}

.setArabFont18Bold {
    font-family: 'Cairo-Bold';
    font-size: 18px;
}

.setArabFont20Bold {
    font-family: 'Cairo-Bold';
    font-size: 20px;
}

.setArabFont22Bold {
    font-family: 'Cairo-Bold';
    font-size: 22px;
}

.setArabFont14Reg {
    font-family: 'Cairo-Regular';
    font-size: 14px;
}

.setArabFont16Reg {
    font-family: 'Cairo-Regular';
    font-size: 16px;
}

.setArabFont18Reg {
    font-family: 'Cairo-Regular';
    font-size: 18px;
}

.setArabFont20Reg {
    font-family: 'Cairo-Regular';
    font-size: 20px;
}

.setArabFont22Reg {
    font-family: 'Cairo-Regular';
    font-size: 22px;
}