@font-face {
    font-family: 'Cormorant Garamond Light';
    /* font-style: normal; */
    /* font-weight: 400;
    font-display: swap; */
    src: url(CormorantGaramond-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: 'Tajawal-ExtraLight';
    src: url(Tajawal-ExtraLight.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Tajawal-Light';
    src: url(Tajawal-Light.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Tajawal-Medium';
    src: url(Tajawal-Medium.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Tajawal-Regular';
    src: url(Tajawal-Regular.ttf) format('truetype');
    font-display: swap
}


@font-face {
    font-family: 'Cairo-Bold';
    src: url(Cairo-Bold.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Cairo-Black';
    src: url(Cairo-Black.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Cairo-ExtraBold';
    src: url(Cairo-ExtraBold.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Cairo-ExtraLight';
    src: url(Cairo-ExtraLight.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Cairo-Light';
    src: url(Cairo-Light.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Cairo-Medium';
    src: url(Cairo-Medium.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Cairo-Regular';
    src: url(Cairo-Regular.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Cairo-SemiBold';
    src: url(Cairo-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: 'CormorantGaramond SemiBoldItalic';
    src: url(CormorantGaramond-SemiBoldItalic.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'CormorantGaramond Regular';
    src: url(CormorantGaramond-Regular.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Kodchasan ExtraLight';
    src: url(Kodchasan-ExtraLight.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Kodchasan Medium';
    src: url(Kodchasan-Medium.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Kodchasan Regular';
    src: url(Kodchasan-Regular.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Kodchasan Light';
    src: url(Kodchasan-Light.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Kodchasan Bold';
    src: url(Kodchasan-Bold.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Kodchasan SemiBold';
    src: url(Kodchasan-SemiBold.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Quicksand Bold';
    src: url(Quicksand-Bold.otf) format('opentype');
    font-display: swap
}
@font-face {
    font-family: 'Quicksand Light';
    src: url(Quicksand-Light.otf) format('opentype');
    font-display: swap
}
@font-face {
    font-family: 'Quicksand Regular';
    src: url(Quicksand-Regular.otf) format('opentype');
    font-display: swap
}
@font-face {
    font-family: 'Quicksand Medium';
    src: url(Quicksand-Medium.ttf) format('truetype');
    font-display: swap
}
@font-face {
    font-family: 'Quicksand-SemiBold';
    src: url(Quicksand-SemiBold.ttf) format('truetype');
    font-display: swap
}