/* ==========================================================================
   Cairo Font Family (Standard Weight-Mapped @font-face)
   ========================================================================== */

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('../fonts/Cairo/Cairo-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/Cairo/Cairo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/Cairo/Cairo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/Cairo/Cairo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/Cairo/Cairo-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/Cairo/Cairo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/Cairo/Cairo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/Cairo/Cairo-Black.ttf') format('truetype');
}

/* ==========================================================================
   Tajawal Font Family (Standard Weight-Mapped @font-face)
   ========================================================================== */

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

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

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

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

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

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

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

/* ==========================================================================
   Legacy Named @font-face Definitions (Backward Compatibility)
   ========================================================================== */

@font-face {
    font-family: 'Tajawal-Black';
    src: url('../fonts/Tajawal/Tajawal-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Tajawal-Regular';
    src: url('../fonts/Tajawal/Tajawal-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Tajawal-Medium';
    src: url('../fonts/Tajawal/Tajawal-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Tajawal-Bold';
    src: url('../fonts/Tajawal/Tajawal-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Tajawal-ExtraBold';
    src: url('../fonts/Tajawal/Tajawal-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Tajawal-Light';
    src: url('../fonts/Tajawal/Tajawal-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Tajawal-ExtraLight';
    src: url('../fonts/Tajawal/Tajawal-ExtraLight.ttf') format('truetype');
}

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

@font-face {
    font-family: 'Cairo-Bold';
    src: url('../fonts/Cairo/Cairo-Bold.ttf') format('truetype');
}

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

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

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

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

@font-face {
    font-family: 'Amiri-Bold';
    src: url('../fonts/Amiri/Amiri-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Amiri-BoldItalic';
    src: url('../fonts/Amiri/Amiri-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Amiri-Italic';
    src: url('../fonts/Amiri/Amiri-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Amiri-Regular';
    src: url('../fonts/Amiri/Amiri-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Cour';
    src: url('../fonts/Cour/cour.ttf') format('truetype');
}

@font-face {
    font-family: 'Cour-BD';
    src: url('../fonts/Cour/courbd.ttf') format('truetype');
}

@font-face {
    font-family: 'Cour-BI';
    src: url('../fonts/Cour/courbi.ttf') format('truetype');
}

@font-face {
    font-family: 'Cour-I';
    src: url('../fonts/Cour/couri.ttf') format('truetype');
}