.tajawal-extralight {
    font-family: "Tajawal", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.tajawal-light {
    font-family: "Tajawal", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.tajawal-regular {
    font-family: "Tajawal", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.tajawal-medium {
    font-family: "Tajawal", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.tajawal-bold {
    font-family: "Tajawal", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.tajawal-extrabold {
    font-family: "Tajawal", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.tajawal-black {
    font-family: "Tajawal", sans-serif;
    font-weight: 900;
    font-style: normal;
}


.cairo-normal {
    font-family: "Cairo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.ar body, .ar p {
    font-family: "Cairo", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}
.ar h1, .ar h2, .ar h3, .ar h4,, .ar h5, .ar h6 {
    font-family: "Tajawal", sans-serif !important;
    font-weight: 700;
    font-style: normal;
}
:root {
    --tg-body-font-family: "Cairo", sans-serif;
    --tg-heading-font-family: "Tajawal", sans-serif;
    --tg-icon-font-family: "Font Awesome 5 Free";
    --tg-banner-font-family: "Tajawal", sans-serif;
    --tg-section-font-family: "Tajawal", sans-serif;
    --tg-menu-font-family: "Cairo", sans-serif;
}