@font-face {
    font-family: "TajawalRegular";
    src: url("fonts/Tajawal-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TajawalMedium";
    src: url("fonts/Tajawal-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TajawalLight";
    src: url("fonts/Tajawal-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TajawalExtraLight";
    src: url("fonts/Tajawal-ExtraLight.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TajawalExtraBold";
    src: url("fonts/Tajawal-ExtraBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TajawalBold";
    src: url("fonts/Tajawal-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TajawalBlack";
    src: url("fonts/Tajawal-Black.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}