@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') format('ttf'),
         url('../fonts/Cairo-Regular.woff2') format('woff2'),
         url('../fonts/Cairo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@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: Arada-Regular;
    src: url(../fonts/Arada-Regular.ttf);
}


body, th, td, input, textarea, select{
    color:#000000;
    font-family: Cairo-Regular;
    font-size: 18px;
}

h1, h2, h3{
     color:#000000;
     line-height: 1.2em;
}
h1{
    font-size:60px;
    font-family: Cairo-Bold;
}
h2{
    font-size:30px;
    font-family: Cairo-Bold;
}
h3{
    font-size:24px;
    font-family: Cairo-Regular;
}
h4{
    font-size:24px;
    font-family: Cairo-Bold;
}
h5{
    font-size:18px;
    font-family: Cairo-Regular;
}
h6{
    font-size:18px;
    font-family: Cairo-Bold;
}
p, ul, ol {
    font-size: 16px;
    font-family: Cairo-Light;
    line-height: 20px;
}
ul, ol{
    list-style:none;
}
a{
    font-family: Cairo-Regular;
}
ul.footer-phone-links li a, a.whatsapp-link{
    font-family: Cairo-Light;   
}

@media only screen and ( max-width: 768px) 
{
    h1{
        font-size:30px;
        font-family: Cairo-Bold;
    }
    h2{
        font-size:24px;
        font-family: Cairo-Bold;
    }
    h3{
        font-size:24px;
        font-family: Cairo-Regular;
    }
    h4{
        font-size:24px;
        font-family: Cairo-Bold;
    }
    h5{
        font-size:18px;
        font-family: Cairo-Regular;
    }
    h6{
        font-size:18px;
        font-family: Cairo-Bold;
    }
    p, ul, ol {
        font-size: 18px;
        font-family: Cairo-Regular;
        line-height: 1.75em;
    }
}