@font-face {
    font-family: Vazirmatn-Bold;
    src: url('../fonts/Vazirmatn-Bold.woff2') format('woff2'),
        url('../fonts/Vazirmatn-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn-ExtraBold;
    src: url('../fonts/Vazirmatn-ExtraBold.woff2') format('woff2'),
        url('../fonts/Vazirmatn-ExtraBold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn-Regular;
    src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2'),
        url('../fonts/Vazirmatn-Regular.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn-Medium;
    src: url('../fonts/Vazirmatn-Medium.woff2') format('woff2'),
        url('../fonts/Vazirmatn-Medium.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn-Light;
    src: url('../fonts/Vazirmatn-Light.woff2') format('woff2'),
        url('../fonts/Vazirmatn-Light.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body{
    font-family: Vazirmatn-Medium !important;
}

.font-b{
    font-family: Vazirmatn-Bold !important;
}

.font-r{
    font-family: Vazirmatn-Regular !important;
}

.font-l{
    font-family: Vazirmatn-Light !important;
}

/* size */
.font-10{
    font-size: 10px;
}

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

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

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

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

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

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