@font-face {
    font-family: "Font_1";
    src:    url('../../style/fonts/sahel/Sahel.eot');                                     /* IE9 Compat Modes */
    src:    url('../../style/fonts/sahel/Sahel.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
    url('../../style/fonts/sahel/Sahel.woff2') format('woff2'),                   /* Super Modern Browsers */
    url('../../style/fonts/sahel/Sahel.woff') format('woff'),                     /* Pretty Modern Browsers */
    url('../../style/fonts/sahel/Sahel.ttf')  format('truetype');                 /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Font_1";
    src:    url('../../style/fonts/sahel/Sahel-Bold.eot');                                        /* IE9 Compat Modes */
    src:    url('../../style/fonts/sahel/Sahel-Bold.eot?#iefix') format('embedded-opentype'),     /* IE6-IE8 */
    url('../../style/fonts/sahel/Sahel-Bold.woff2') format('woff2'),                      /* Super Modern Browsers */
    url('../../style/fonts/sahel/Sahel-Bold.woff') format('woff'),                        /* Pretty Modern Browsers */
    url('../../style/fonts/sahel/Sahel-Bold.ttf')  format('truetype');                    /* Safari, Android, iOS */
    font-weight: bold;
    font-style: normal;
}@font-face {
    font-family: "Font_2";
    src:    url('../../style/fonts/vazir/Vazir.eot');                                     /* IE9 Compat Modes */
    src:    url('../../style/fonts/vazir/Vazir.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
    url('../../style/fonts/vazir/Vazir.woff2') format('woff2'),                   /* Super Modern Browsers */
    url('../../style/fonts/vazir/Vazir.woff') format('woff'),                     /* Pretty Modern Browsers */
    url('../../style/fonts/vazir/Vazir.ttf')  format('truetype');                 /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Font_2";
    src:    url('../../style/fonts/vazir/Vazir-Bold.eot');                                        /* IE9 Compat Modes */
    src:    url('../../style/fonts/vazir/Vazir-Bold.eot?#iefix') format('embedded-opentype'),     /* IE6-IE8 */
    url('../../style/fonts/vazir/Vazir-Bold.woff2') format('woff2'),                      /* Super Modern Browsers */
    url('../../style/fonts/vazir/Vazir-Bold.woff') format('woff'),                        /* Pretty Modern Browsers */
    url('../../style/fonts/vazir/Vazir-Bold.ttf')  format('truetype');                    /* Safari, Android, iOS */
    font-weight: bold;
    font-style: normal;
}/* CSS variable to use settings style in other CSS file */
:root {
    --main-1: #737373;
    --main-2: #003CFF;
    --main-3: #382F78;
    --bg-header: rgba(38,38,38,0.71);
    --bg-header-simple: ;
    --bg-header-scrolled: #e0e0e2;
    --header-color: #222222;
}

.gdpr_cookie_bar input:checked + .switcher__indicator::before   {background-color: #382F78;} /* switcher checkbox for GDPR */
.gdpr_cookie_bar input:checked + .switcher__indicator::after    {background-color: #382F78;} /* switcher checkbox for GDPR */

.bg-main-1 {background-color: #737373}
.bg-main-2 {background-color: #003CFF}
.bg-main-3 {background-color: #382F78}

.bg-hover-main-1:hover {background-color: #737373}
.bg-hover-main-2:hover {background-color: #003CFF}
.bg-hover-main-3:hover {background-color: #382F78}

.color-main-1 {color: #737373}
.color-main-2 {color: #003CFF}
.color-main-3 {color: #382F78}

.color-hover-main-1:hover {color: #737373}
.color-hover-main-2:hover {color: #003CFF}
.color-hover-main-3:hover {color: #382F78}

.border-color-main-1    {border-color: #737373 !important}
.border-color-main-2    {border-color: #003CFF !important}
.border-color-main-3    {border-color: #382F78 !important}

.border-color-hover-main-1:hover    {border-color: #737373 !important}
.border-color-hover-main-2:hover    {border-color: #003CFF !important}
.border-color-hover-main-3:hover    {border-color: #382F78 !important}

a:hover {color: #003CFF} /* all a hover color */

/* change bootstrap file input button in each lang * START */
.custom-file-label:lang(fa):after {content: "انتخاب فایل"}
/* change bootstrap file input button in each lang * END */

.custom-radio .custom-control-input:checked~.custom-control-label::before ,
.custom-control-input:checked~.custom-control-label::before ,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before ,
.custom-control-input:checked~.custom-control-label::before
{
background-color: #382F78;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before ,
.custom-control-input:checked~.custom-control-label::before ,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before ,
.custom-control-input:checked~.custom-control-label::before ,
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before
{
background-color: #382F78;
}

.custom-radio .custom-control-input:active~.custom-control-label::before ,
.custom-control-input:active~.custom-control-label::before ,
.custom-checkbox .custom-control-input:active~.custom-control-label::before ,
.custom-control-input:active~.custom-control-label::before
{
background-color: #382F7811;
}

.custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #382F785A;
}

.form-control:focus,
.btn.focus, .btn:focus,
.custom-control-input:checked~.custom-control-label::before,
.custom-control-input:focus:not(:checked)~.custom-control-label::before,
.custom-file-input:focus~.custom-file-label
{
border-color: #382F7811;
box-shadow: 0 0 0 0.2rem #382F785A;
}