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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
button,
input,
textarea,
select,
option,
label,
li,
ul,
ol,
small,
strong,
th,
td,
blockquote {
    font-family: 'TajawalLocal', 'cpoint', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-display: swap;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}