/* ==========================================================
! Fonts
   IRANSans (main) + Vazirmatn (fallback, variable 100-900)
========================================================== */
@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSans/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),
         url('../fonts/IRANSans/woff/IRANSansWeb_UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSans/woff2/IRANSansWeb_Light.woff2') format('woff2'),
         url('../fonts/IRANSans/woff/IRANSansWeb_Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSans/woff2/IRANSansWeb.woff2') format('woff2'),
         url('../fonts/IRANSans/woff/IRANSansWeb.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSans/woff2/IRANSansWeb_Medium.woff2') format('woff2'),
         url('../fonts/IRANSans/woff/IRANSansWeb_Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSans/woff2/IRANSansWeb_Bold.woff2') format('woff2'),
         url('../fonts/IRANSans/woff/IRANSansWeb_Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn/Vazirmatn-Variable.woff2') format('woff2-variations'),
         url('../fonts/Vazirmatn/Vazirmatn-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
:root {
    --ferdoc-font: 'IRANSans', 'Vazirmatn', Tahoma, Arial, sans-serif;
}

body {
    font-family: var(--ferdoc-font);
}
input, textarea, select, button {
    font-family: inherit;
}
img{
	display: block
}
a {
    text-decoration: none;
    color: #000;
    transition: 0.3s;
}
.responsive img{
	width: 100%;
	height: auto
}
/*------------------------------------------------------------------
[Table of contents]
1. Header
2. 
3. 
4. 
5. 
-------------------------------------------------------------------*/
/* ==========================================================
! 01. Header
==============	=========================================== */