@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url('/fonts/iranyekan2/eot/iranyekanwebboldfanum.eot');
    src: url('/fonts/iranyekan2/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */ url('/fonts/iranyekan2/woff/iranyekanwebboldfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/iranyekan2/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/iranyekan2/eot/iranyekanwebthinfanum.eot');
    src: url('/fonts/iranyekan2/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */ url('/fonts/iranyekan2/woff/iranyekanwebthinfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/iranyekan2/ttf/iranyekanwebthinfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/iranyekan2/eot/iranyekanweblightfanum.eot');
    src: url('/fonts/iranyekan2/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */ url('/fonts/iranyekan2/woff/iranyekanweblightfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/iranyekan2/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/iranyekan2/eot/iranyekanwebregularfanum.eot');
    src: url('/fonts/iranyekan2/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */ url('/fonts/iranyekan2/woff/iranyekanwebregularfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/iranyekan2/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/iranyekan2/eot/iranyekanwebmediumfanum.eot');
    src: url('/fonts/iranyekan2/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */ url('/fonts/iranyekan2/woff/iranyekanwebmediumfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/iranyekan2/ttf/iranyekanwebmediumfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/iranyekan2/eot/iranyekanwebextraboldfanum.eot');
    src: url('/fonts/iranyekan2/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */ url('/fonts/iranyekan2/woff/iranyekanwebextraboldfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/iranyekan2/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 850;
    src: url('/fonts/iranyekan2/eot/iranyekanwebblackfanum.eot');
    src: url('/fonts/iranyekan2/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */ url('/fonts/iranyekan2/woff/iranyekanwebblackfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/iranyekan2/ttf/iranyekanwebblackfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/iranyekan2/eot/iranyekanwebextrablackfanum.eot');
    src: url('/fonts/iranyekan2/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */ url('/fonts/iranyekan2/woff/iranyekanwebextrablackfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/iranyekan2/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');
}
/*-----------------------------------------------------------------*/

html {
    font-size: 14px !important;
}

body {
    font-family: iranyekan !important;
    color: var(--font-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    background-color: var(--bg);
    -moz-font-feature-settings: 'ss02';
    -webkit-font-feature-settings: 'ss02';
    font-feature-settings: 'ss02';
}


*[data-bs-toggle='tooltip'] {
    transition: none !important;
}

form {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

img {
    object-fit: cover;
}

.right-to-left {
    direction: rtl;
    text-align: right;
}

[type='email'],
[type='number'],
[type='tel'],
[type='url'] {
    direction: rtl;
}

/* =================================== */
/*  Helpers Classes
/* =================================== */
/*-------- System Colors (text, background & border) --------*/
.first-color {
    color: var(--first-color) !important;
}

.second-color {
    color: var(--second-color) !important;
}

.font-color {
    color: var(--font-color) !important;
}

.hover-first-color:hover {
    color: var(--first-color) !important;
}

.bg-first-color {
    background-color: var(--first-color) !important;
}

.bg-second-color {
    background-color: var(--second-color) !important;
}

.bg-font-color {
    background-color: var(--font-color) !important;
}

.bg-hover:hover {
    filter: saturate(0.9) grayscale(0.1) contrast(1.1) brightness(0.9);
}

.border-first-color {
    border-color: var(--first-color) !important;
}

.border-second-color {
    border-color: var(--second-color) !important;
}

.border-font-color {
    border-color: var(--font-color) !important;
}

.border-first-color {
    border-color: var(--first-color) !important;
}

.border-second-color {
    border-color: var(--second-color) !important;
}

.border-font-color {
    border-color: var(--font-color) !important;
}

.title-color {
    color: hsl(var(--first-color-hs) calc(var(--first-color-l) - 6%)) !important;
}

.active-color-bg:active,
.active-color-bg:focus {
    background-color: var(--first-color) !important;
}

.active-color-border:active,
.active-color-border:focus {
    border-color: var(--first-color) !important;
}

/*-------- Background Template --------*/
.bg-light {
    background-color: #fff !important;
}

.bg-light-1 {
    background-color: #f9f9fb !important;
}

.bg-light-2 {
    background-color: #f8f8fa !important;
}

.bg-light-3 {
    background-color: #f5f5f5 !important;
}

.bg-light-4 {
    background-color: #eff0f2 !important;
}

.bg-light-5 {
    background-color: #ececec !important;
}

.bg-gray {
    background-color: #efefef !important;
}

.bg-dark {
    background-color: #111418 !important;
}

.bg-dark-1 {
    background-color: #191f24 !important;
}

.bg-dark-2 {
    background-color: #232a31 !important;
}

.bg-dark-3 {
    background-color: #2b343c !important;
}

.bg-dark-4 {
    background-color: #38434f !important;
}

.bg-dark-5 {
    background-color: #435161 !important;
}

/*-------- Text Align --------*/
.text-justify {
    text-align: justify;
}

/*-------- Text Size --------*/
.fs-7 {
    font-size: 0.75rem !important;
}

.fs-8 {
    font-size: 0.65rem !important;
}

.fs-9 {
    font-size: 0.5rem !important;
}

.fs-10 {
    font-size: 1.1rem !important;
}

.fs-15 {
    font-size: 1.15rem !important;
}

/*-------- Font Weight --------*/
.fw-800 {
    font-weight: 800 !important;
}

.fw-850 {
    font-weight: 850 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

/*-------- Letter Spacing --------*/
.ls-0 {
    letter-spacing: 0 !important;
}

.ls-1 {
    letter-spacing: 1px !important;
}

.ls-2 {
    letter-spacing: 2px !important;
}

.ls-3 {
    letter-spacing: 3px !important;
}

/*-------- Line Height --------*/
.lh-0 {
    line-height: 15px !important;
}

.lh-1 {
    line-height: 20px !important;
}

.lh-2 {
    line-height: 25px !important;
}

.lh-3 {
    line-height: 30px !important;
}

/*-------- Word Spacing --------*/
.ws-1 {
    word-spacing: 1px !important;
}

.ws-2 {
    word-spacing: 2px !important;
}

.ws-3 {
    word-spacing: 3px !important;
}

/*-------- Element Size --------*/
.max-content-h {
    height: max-content !important;
}

.max-content-w {
    width: max-content !important;
}

.h-15 {
    height: 15% !important;
}

.h-20 {
    height: 20% !important;
}

.h-35 {
    height: 35% !important;
}

.h-45 {
    height: 45% !important;
}

.h-55 {
    height: 55% !important;
}

.h-65 {
    height: 65% !important;
}

.h-80 {
    height: 80% !important;
}

.h-85 {
    height: 85% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-35 {
    width: 35% !important;
}

.w-45 {
    width: 45% !important;
}

.w-55 {
    width: 55% !important;
}

.w-65 {
    width: 65% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

/*-------- Box Shadow --------*/
.shadow-1 {
    box-shadow: 0 0 4px silver;
}

.shadow-2 {
    box-shadow: 0 0 6px silver;
}

.shadow-3 {
    box-shadow: 0 0 8px silver;
}

.shadow-4 {
    box-shadow: 0 0 10px silver;
}

.shadow-5 {
    box-shadow: 0 0 12px silver;
}

.shadow-gray-1 {
    box-shadow: 0 0 4px silver;
}

.shadow-gray-2 {
    box-shadow: 0 0 6px gray;
}

.shadow-gray-3 {
    box-shadow: 0 0 8px gray;
}

.shadow-gray-4 {
    box-shadow: 0 0 10px gray;
}

.shadow-gray-5 {
    box-shadow: 0 0 12px gray;
}

.shadow-hover:hover {
    box-shadow: 0 0 12px gray;
}

.shadow-hover-first-color:hover {
    box-shadow: 0 0 10px var(--first-color);
}

/*-------- Padding & Margin --------*/
.pt-6,
.py-6 {
    padding-top: 4rem !important;
}

.pt-7,
.py-7 {
    padding-top: 5rem !important;
}

.pt-075,
.py-075 {
    padding-top: 0.75rem !important;
}

.ps-6,
.px-6 {
    padding-right: 4rem !important;
}

.ps-7,
.px-7 {
    padding-right: 5rem !important;
}

.ps-075,
.px-075 {
    padding-right: 0.75rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 4rem !important;
}

.pb-7,
.py-7 {
    padding-bottom: 5rem !important;
}

.pb-075,
.py-075 {
    padding-bottom: 0.75rem !important;
}

.pe-6,
.px-6 {
    padding-left: 4rem !important;
}

.pe-7,
.px-7 {
    padding-left: 5rem !important;
}

.pe-075,
.px-075 {
    padding-left: 0.75rem !important;
}

.p-6 {
    padding: 4rem !important;
}

.p-7 {
    padding: 5rem !important;
}

.p-075 {
    padding: 0.75rem !important;
}

.mt-6,
.my-6 {
    margin-top: 4rem !important;
}

.mt-7,
.my-7 {
    margin-top: 5rem !important;
}

.mt-075,
.my-075 {
    margin-top: 0.75rem !important;
}

.ms-6,
.mx-6 {
    margin-right: 4rem !important;
}

.ms-7,
.mx-7 {
    margin-right: 5rem !important;
}

.ms-075,
.mx-075 {
    margin-right: 0.75rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 4rem !important;
}

.mb-7,
.my-7 {
    margin-bottom: 5rem !important;
}

.mb-075,
.my-075 {
    margin-bottom: 0.75rem !important;
}

.me-6,
.mx-6 {
    margin-left: 4rem !important;
}

.me-7,
.mx-7 {
    margin-left: 5rem !important;
}

.me-075,
.mx-075 {
    margin-left: 0.75rem !important;
}

.m-6 {
    margin: 4rem !important;
}

.m-7 {
    margin: 5rem !important;
}

.m-075 {
    margin: 0.75rem !important;
}

/*-------- Input Outline --------*/
.outline-none {
    outline: none !important;
}

#back-to-top {
    display: none;
    position: fixed;
    z-index: 1030;
    bottom: 8px;
    right: 10px;
    background-color: hsl(var(--first-color-hs) calc(var(--first-color-l) + 5%) / 60%);
    text-align: center;
    color: #fff;
    font-size: 18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}

    #back-to-top:hover {
        background-color: var(--first-color);
        -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.navbar .dropdown-toggle::after {
    display: none;
}