@font-face {
    font-family: font-ExtraBold;
    font-style: normal;
    src: url("../fonts/IRANYekan-ExtraBold.eot");
    src: url("../fonts/IRANYekan-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekan-ExtraBold.woff") format("woff2"), url("../fonts/IRANYekan-ExtraBold.woff") format("woff"), url("../fonts/IRANYekan-ExtraBold.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: font-ExtraBlack;
    font-style: normal;
    src: url("../fonts/IRANYekan-ExtraBlack.eot");
    src: url("../fonts/IRANYekan-ExtraBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekan-ExtraBlack.woff") format("woff2"), url("../fonts/IRANYekan-ExtraBlack.woff") format("woff"), url("../fonts/IRANYekan-ExtraBlack.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: font-Bold;
    font-style: normal;
    src: url("../fonts/IRANYekan-Bold.eot");
    src: url("../fonts/IRANYekan-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekan-Bold.woff") format("woff2"), url("../fonts/IRANYekan-Bold.woff") format("woff"), url("../fonts/IRANYekan-Bold.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: font-Black;
    font-style: normal;
    src: url("../fonts/IRANYekan-Black.eot");
    src: url("../fonts/IRANYekan-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekan-Black.woff") format("woff2"), url("../fonts/IRANYekan-Black.woff") format("woff"), url("../fonts/IRANYekan-Black.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: font-Medium;
    font-style: normal;
    src: url("../fonts/IRANYekanMedium.eot");
    src: url("../fonts/IRANYekanMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekanMedium.woff") format("woff2"), url("../fonts/IRANYekanMedium.woff") format("woff"), url("../fonts/IRANYekanMedium.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: font-Ligth;
    font-style: normal;
    src: url("../fonts/IRANYekanLight.eot");
    src: url("../fonts/IRANYekanLight.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekanLight.woff") format("woff2"), url("../fonts/IRANYekanLight.woff") format("woff"), url("../fonts/IRANYekanLight.ttf") format("truetype");
    font-display: swap;
}

body {
    font-family: font-Medium;
}

.fe-bold {
    font-family: font-ExtraBold;
}

.fe-black {
    font-family: font-ExtraBlack;
}

.f-bold {
    font-family: font-Bold;
}

.f-black {
    font-family: font-Black;
}

.f-light {
    font-family: font-Ligth;
}

.fs-costum1 {
    font-size: 12px;
}

.fs-costum2 {
    font-size: 14px;
}

.fs-costum3 {
    font-size: 16px;
}

.fs-costum4 {
    font-size: 18px;
}

.fs-costum5 {
    font-size: 20px;
}

.fs-costum6 {
    font-size: 24px;
}

.fs-costum7 {
    font-size: 26px;
}

.fs-costum8 {
    font-size: 28px;
}

.fs-costum9 {
    font-size: 30px;
}

.fs-costum10 {
    font-size: 32px;
}

.fs-costum11 {
    font-size: 34px;
}

.fs-costum12 {
    font-size: 36px;
}

.fs-costum13 {
    font-size: 40px;
}

.fs-costum14 {
    font-size: 50px;
}

.bg-1 {
    background-color: #E8A837;
}

.bg-2 {
    background-color: #752A3E;
}

.bg-3 {
    background-color: #F9F9F8;
}

.color-1 {
    color: #E8A837;
}

.color-2 {
    color: #752A3E;
}

.color-3 {
    color: #F9F9F8;
}

.color-4 {
    color: #CFCBC6;
}

.color-5 {
    color: #555555;
}

.color-6 {
    color: #333 !important;
}

.color-7 {
    color: #999999 !important;
}

.fs-costum-item-menu{
    font-size: 18px;
}


.w-max {
    width: fit-content;
}

@media(max-width: 576px) {
    .fs-costum11 {
        font-size: 23px;
    }

    .fs-costum12 {
        font-size: 26px;
    }

    .fs-costum4 {
        font-size: 12px;
    }

    .fs-costum3 {
        font-size: 13px;
    }

    .fs-costum10 {
        font-size: 22px;
    }

    .fs-costum6 {
        font-size: 16px;
    }

    .fs-costum5 {
        font-size: 14px;
    }
    
}

@media (min-width: 576px) and (max-width: 768px) {
    .fs-costum5 {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .fs-costum5 {
        font-size: 16px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .fs-costum5 {
        font-size: 16px;
    }
}