@font-face{font-family:"Tajawal";src:url("../fonts/tajawal/Tajawal-ExtraLight.ttf") format("truetype");font-style:normal;font-weight:200;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal/Tajawal-Light.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal/Tajawal-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal/Tajawal-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal/Tajawal-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal/Tajawal-ExtraBold.ttf") format("truetype");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal/Tajawal-Black.ttf") format("truetype");font-style:normal;font-weight:900;font-display:swap}

html[dir="rtl"] body,
html[lang^="ar"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[lang^="ar"] button,
html[lang^="ar"] input,
html[lang^="ar"] select,
html[lang^="ar"] textarea{
    font-family:"Tajawal",Arial,sans-serif!important;
}