@font-face {
    font-family: manrope-extralight;
    src: url(Manrope/Manrope-ExtraLight.ttf);
}
@font-face {
    font-family: manrope-light;
    src: url(Manrope/Manrope-Light.ttf);
}
@font-face {
    font-family: manrope-regular;
    src: url(Manrope/Manrope-Regular.ttf);
}
@font-face {
    font-family: manrope-medium;
    src: url(Manrope/Manrope-Medium.ttf);
}
@font-face {
    font-family: manrope-semibold;
    src: url(Manrope/Manrope-SemiBold.ttf);
}
@font-face {
    font-family: manrope-bold;
    src: url(Manrope/Manrope-Bold.ttf);
}
@font-face {
    font-family: manrope-extrabold;
    src: url(Manrope/Manrope-ExtraBold.ttf);
}



@font-face {
    font-family: sora-extralight;
    src: url(Sora/Sora-ExtraLight.ttf);
}
@font-face {
    font-family: sora-light;
    src: url(Sora/Sora-Light.ttf);
}
@font-face {
    font-family: sora-regular;
    src: url(Sora/Sora-Regular.ttf);
}
@font-face {
    font-family: sora-medium;
    src: url(Sora/Sora-Medium.ttf);
}
@font-face {
    font-family: sora-semibold;
    src: url(Sora/Sora-SemiBold.ttf);
}
@font-face {
    font-family: sora-bold;
    src: url(Sora/Sora-Bold.ttf);
}
@font-face {
    font-family: sora-extrabold;
    src: url(Sora/Sora-ExtraBold.ttf);
}



@font-face {
    font-family: playfair-extrabold;
    src: url(Playfair_Display/static/PlayfairDisplay-ExtraBold.ttf);
}
@font-face {
    font-family: playfair-bold;
    src: url(Playfair_Display/static/PlayfairDisplay-Bold.ttf);
}


@font-face {
    font-family: worksans-extralight;
    src: url(Work_Sans/static/WorkSans-ExtraLight.ttf);
}
@font-face {
    font-family: worksans-light;
    src: url(Work_Sans/static/WorkSans-Light.ttf);
}
@font-face {
    font-family: worksans-regular;
    src: url(Work_Sans/static/WorkSans-Regular.ttf);
}
@font-face {
    font-family: worksans-medium;
    src: url(Work_Sans/static/WorkSans-Medium.ttf);
}
@font-face {
    font-family: worksans-semibold;
    src: url(Work_Sans/static/WorkSans-SemiBold.ttf);
}
@font-face {
    font-family: worksans-bold;
    src: url(Work_Sans/static/WorkSans-Bold.ttf);
}
@font-face {
    font-family: worksans-extrabold;
    src: url(Work_Sans/static/WorkSans-ExtraBold.ttf);
}

@font-face {
    font-family: gilroy-extralight;
    src: url(gilroy/Gilroy-UltraLight.ttf);
}
@font-face {
    font-family: gilroy-light;
    src: url(gilroy/Gilroy-Light.ttf);
}
@font-face {
    font-family: gilroy-regular;
    src: url(gilroy/Gilroy-Regular.ttf);
}
@font-face {
    font-family: gilroy-medium;
    src: url(gilroy/Gilroy-Medium.ttf);
}
@font-face {
    font-family: gilroy-semibold;
    src: url(gilroy/Gilroy-SemiBold.ttf);
}
@font-face {
    font-family: gilroy-bold;
    src: url(gilroy/Gilroy-Bold.ttf);
}
@font-face {
    font-family: gilroy-extrabold;
    src: url(gilroy/Gilroy-ExtraBold.ttf);
}

:root{
    --body-font-extralight: gilroy-extralight, sans-serif;
    --body-font-light: gilroy-light, sans-serif;
    --body-font-regular: gilroy-regular, sans-serif;
    --body-font-medium: gilroy-medium, sans-serif;
    --body-font-semibold: gilroy-semibold, sans-serif;
    --body-font-bold: gilroy-bold, sans-serif;
    --body-font-extrabold: gilroy-extrabold, sans-serif;
    --head-font-bold: playfair-bold, sans-serif;
    --head-font-extrabold: playfair-extrabold, sans-serif;
}

.body-font-extralight{
    font-family: var(--body-font-extralight) !important;
}
.body-font-light{
    font-family: var(--body-font-light) !important;
}
.body-font-regular{
    font-family: var(--body-font-regular) !important;
}
.body-font-medium{
    font-family: var(--body-font-medium) !important;
}
.body-font-semibold{
    font-family: var(--body-font-semibold) !important;
}
.body-font-bold{
    font-family: var(--body-font-bold) !important;
}
.body-font-extrabold{
    font-family: var(--body-font-extrabold) !important;
}
.head-font-bold{
    font-family: var(--head-font-bold) !important;
}
.head-font-extrabold{
    font-family: var(--head-font-extrabold) !important;
}