@font-face {
    font-family: Cairo-ExtraLight;
    src: url(../fonts/Cairo-ExtraLight.ttf);
}

@font-face {
    font-family: Cairo-Light;
    src: url(../fonts/Cairo-Light.ttf);
}

@font-face {
    font-family: Cairo-Regular;
    src: url(../fonts/Cairo-Regular.ttf);
}

@font-face {
    font-family: Cairo-Black;
    src: url(../fonts/Cairo-Black.ttf);
}

@font-face {
    font-family: Cairo-SemiBold;
    src: url(../fonts/Cairo.ttf);
}

@font-face {
    font-family: Cairo-Bold;
    src: url(../fonts/Cairo-Bold.ttf);
}
@font-face {
    font-family: 'FibraAlt-Regular';
    src: url(../fonts/FibraAlt-Regular.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body.rtl p strong{
	font-family: Cairo-Bold;
}


body, th, td, input, textarea{
    font-family: Cairo-Regular;
    font-size: 18px;
    line-height: 26px;
}
p, ul, ol, li, a {
    font-family: Cairo-Regular;
    font-size: 18px;
    line-height: 26px;
}
ul, ol{
    list-style: none;
}

h1, h2, h3{
     color:#fff;
     line-height: 1.2em;
}
h1{
    font-size:80px;
    font-family: Cairo-Bold;
}
h2,
section#single-news-title.inner-page-header h1,
.yalla-content-wrapper strong{
    font-size:24px;
    font-family: Cairo-Bold;
}
h3{
    font-size:22px;
    font-family: Cairo-Bold;
}
h4{
    font-size:22px;
    font-family: Cairo-Bold;
}
h5{
    font-size:20px;
    font-family: Cairo-Bold;
}
h6{
    font-size:18px;
    font-family: Cairo-Bold;
}

section.inner-page-header h1{
    font-family: Cairo-Bold;
}
section.footer h6{
    font-family: Cairo-Regular;
}
section.inner-page-header.inner-center-header p{
    font-family: Cairo-Bold;
}

@media only screen and ( max-width: 768px) 
{
    h1{
        font-size:40px;
    }
    h2,
    section#single-news-title.inner-page-header h1{
        font-size:18px;
    }
    h3{
        font-size:18px;
    }
    h4{
        font-size:18px;
    }
    h5{
        font-size:18px;
    }
    h6{
        font-size:18px;
    }
    p, ul, ol {
        font-size: 18px;
        line-height: 26px;
    }
}