@font-face {
    font-family: "Vazirmatn";
    src: url("/static/fonts/Vazirmatn-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("/static/fonts/Vazirmatn-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("/static/fonts/Vazirmatn-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


html,
body,
button,
input,
select,
textarea {
    font-family: "Roboto", "Vazirmatn", Tahoma, sans-serif;
}


body {
    font-weight: 400;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}


.text-light {
    font-weight: 300;
}
@font-face {
    font-family: "Roboto";
    src: url("/static/fonts/Roboto-Light.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+2013-2014, U+2018-2019, U+201C-201D, U+2026, U+20AC, U+2122;
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("/static/fonts/Roboto-Regular.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+2013-2014, U+2018-2019, U+201C-201D, U+2026, U+20AC, U+2122;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("/static/fonts/Roboto-Medium.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+2013-2014, U+2018-2019, U+201C-201D, U+2026, U+20AC, U+2122;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("/static/fonts/Roboto-Bold.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+2013-2014, U+2018-2019, U+201C-201D, U+2026, U+20AC, U+2122;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}