@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Black.eot');
    src: url('../fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransansfanum/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransansfanum/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransansfanum/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransansfanum/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/iransansfanum/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../fonts/iransansfanum/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransansfanum/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iransansfanum/eot/IRANSansWeb(FaNum).eot');
    src: url('../fonts/iransansfanum/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransansfanum/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransansfanum/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransansfanum/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/iransans/eot/IRANSansWeb_Black.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransans/woff2/IRANSansWeb_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/

    url('../fonts/iransans/woff/IRANSansWeb_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransans/ttf/IRANSansWeb_Black.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iransans/eot/IRANSansWeb_Bold.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransans/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransans/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransans/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/iransans/eot/IRANSansWeb_Medium.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransans/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransans/woff/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransans/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/iransans/eot/IRANSansWeb_Light.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransans/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransans/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransans/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/iransans/eot/IRANSansWeb_UltraLight.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransans/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransans/woff/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransans/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iransans/eot/IRANSansWeb.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransans/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransans/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransans/ttf/IRANSansWeb.ttf') format('truetype');
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: 950;
    src: url('../fonts/iranyekanfanum/eot/iranyekanwebextrablackfanum.eot');
    src: url('../fonts/iranyekanfanum/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iranyekanfanum/woff/iranyekanwebextrablackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iranyekanfanum/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 10;
    src: url('../fonts/dana/eot/dana-thin.eot');
    src: url('../fonts/dana/eot/dana-thin.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-thin.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-thin.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/dana/eot/dana-extralight.eot');
    src: url('../fonts/dana/eot/dana-extralight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-extralight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-extralight.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/dana/eot/dana-light.eot');
    src: url('../fonts/dana/eot/dana-light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/dana/eot/dana-medium.eot');
    src: url('../fonts/dana/eot/dana-medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/

    url('../fonts/dana/woff/dana-medium.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/dana/eot/dana-demibold.eot');
    src: url('../fonts/dana/eot/dana-demibold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-demibold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-demibold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 750;
    src: url('../fonts/dana/eot/dana-ultrabold.eot');
    src: url('../fonts/dana/eot/dana-ultrabold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-ultrabold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-ultrabold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/dana/eot/dana-extrabold.eot');
    src: url('../fonts/dana/eot/dana-extrabold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-extrabold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-extrabold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/dana/eot/dana-black.eot');
    src: url('../fonts/dana/eot/dana-black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-black.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/dana/eot/dana-bold.eot');
    src: url('../fonts/dana/eot/dana-bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/dana/eot/dana-regular.eot');
    src: url('../fonts/dana/eot/dana-regular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 10;
    src: url('../fonts/dana/eot/dana-thinitalic.eot');
    src: url('../fonts/dana/eot/dana-thinitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-thinitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-thinitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/dana/eot/dana-extralightitalic.eot');
    src: url('../fonts/dana/eot/dana-extralightitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-extralightitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-extralightitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/dana/eot/dana-lightitalic.eot');
    src: url('../fonts/dana/eot/dana-lightitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-lightitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-lightitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 500;

    src: url('../fonts/dana/eot/dana-mediumitalic.eot');
    src: url('../fonts/dana/eot/dana-mediumitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-mediumitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-mediumitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/dana/eot/dana-demibolditalic.eot');
    src: url('../fonts/dana/eot/dana-demibolditalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-demibolditalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-demibolditalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 750;
    src: url('../fonts/dana/eot/dana-ultrabolditalic.eot');
    src: url('../fonts/dana/eot/dana-ultrabolditalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-ultrabolditalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-ultrabolditalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/dana/eot/dana-extrabolditalic.eot');
    src: url('../fonts/dana/eot/dana-extrabolditalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-extrabolditalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-extrabolditalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/dana/eot/dana-blackitalic.eot');
    src: url('../fonts/dana/eot/dana-blackitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-blackitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-blackitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: bold;
    src: url('../fonts/dana/eot/dana-bolditalic.eot');
    src: url('../fonts/dana/eot/dana-bolditalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-bolditalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-bolditalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: normal;
    src: url('../fonts/dana/eot/dana-regularitalic.eot');
    src: url('../fonts/dana/eot/dana-regularitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/dana/woff2/dana-regularitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/dana/woff/dana-regularitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: anjoman;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/anjoman/eot/Anjoman-Light.eot?#') format('eot'),  /* IE6–8 */
    url('../fonts/anjoman/woff/Anjoman-Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/anjoman/woff2/Anjoman-Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/anjoman/ttf/Anjoman-Light.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: anjoman;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/anjoman/eot/Anjoman-Regular.eot?#') format('eot'),  /* IE6–8 */
    url('../fonts/anjoman/woff/Anjoman-Regular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/anjoman/woff2/Anjoman-Regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/anjoman/ttf/Anjoman-Regular.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: anjoman;
    font-style: normal;

    font-weight: bold;
    src: url('../fonts/anjoman/eot/Anjoman-Bold.eot?#') format('eot'),  /* IE6–8 */
    url('../fonts/anjoman/woff/Anjoman-Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/anjoman/woff2/Anjoman-Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/anjoman/ttf/Anjoman-Bold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'dastnevis';
    src: url('../fonts/dastnevis/eot/DastNevis.eot?#') format('eot'),  /* IE6–8 */
    url('../fonts/dastnevis/woff/DastNevis.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/dastnevis/ttf/DastNevis.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'aviny';
    src: url('../fonts/aviny/ttf/aviny.ttf') format('truetype');
}
@font-face {
    font-family: iransansdn;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iransansdn/eot/iransansdnbold.eot');
    src: url('../fonts/iransansdn/eot/iransansdnbold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransansdn/woff2/iransansdnbold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransansdn/woff/iransansdnbold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransansdn/ttf/iransansdnbold.ttf') format('truetype');
}

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

@font-face {
    font-family: iransansdn;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iransansdn/eot/iransansdn.eot');
    src: url('../fonts/iransansdn/eot/iransansdn.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/iransansdn/woff2/iransansdn.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/iransansdn/woff/iransansdn.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iransansdn/ttf/iransansdn.ttf') format('truetype');
}
@font-face {
    font-family: "Droid Arabic Kufi";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/droidkufi/DroidKufi-Regular.woff") format("woff"), url("../fonts/droidkufi/DroidKufi-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Palatino";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/palatino/PalatinoRegular.woff") format("woff"), url("../fonts/palatino/PalatinoRegular.ttf") format("truetype");
}

@font-face {
    font-family: "Koodak";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/koodak/BKoodakBold.woff") format("woff"), url("../fonts/koodak/BKoodakBold.ttf") format("truetype");
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir.eot');
    src: url('../fonts/vazir/Vazir.eot?#iefix') format('embedded-opentype'),
    url('../fonts/vazir/Vazir.woff') format('woff'),
    url('../fonts/vazir/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Bold.eot');
    src: url('../fonts/vazir/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/vazir/Vazir-Bold.woff') format('woff'),
    url('../fonts/vazir/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Light.eot');
    src: url('../fonts/vazir/Vazir-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/vazir/Vazir-Light.woff') format('woff'),
    url('../fonts/vazir/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Samim;
    src: url('../fonts/samim/Samim.eot');
    src: url('../fonts/samim/Samim.eot?#iefix') format('embedded-opentype'),
    url('../fonts/samim/Samim.woff') format('woff'),
    url('../fonts/samim/Samim.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Samim;
    src: url('../fonts/samim/Samim-Bold.eot');
    src: url('../fonts/samim/Samim-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/samim/Samim-Bold.woff') format('woff'),
    url('../fonts/samim/Samim-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Shabnam;
    src: url('../fonts/shabnam/Shabnam.eot');
    src: url('../fonts/shabnam/Shabnam.eot?#iefix') format('embedded-opentype'),
    url('../fonts/shabnam/Shabnam.woff') format('woff'),
    url('../fonts/shabnam/Shabnam.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Shabnam;
    src: url('../fonts/shabnam/Shabnam-Bold.eot');
    src: url('../fonts/shabnam/Shabnam-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/shabnam/Shabnam-Bold.woff') format('woff'),
    url('../fonts/shabnam/Shabnam-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Shabnam;
    src: url('../fonts/shabnam/Shabnam-Light.eot');
    src: url('../fonts/shabnam/Shabnam-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/shabnam/Shabnam-Light.woff') format('woff'),
    url('../fonts/shabnam/Shabnam-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Sahel;
    src: url('../fonts/sahel/Sahel.eot');
    src: url('../fonts/sahel/Sahel.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sahel/Sahel.woff') format('woff'),
    url('../fonts/sahel/Sahel.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Sahel;
    src: url('../fonts/sahel/Sahel-Bold.eot');
    src: url('../fonts/sahel/Sahel-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sahel/Sahel-Bold.woff') format('woff'),
    url('../fonts/sahel/Sahel-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Sahel;
    src: url('../fonts/sahel/Sahel-Black.eot');
    src: url('../fonts/sahel/Sahel-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sahel/Sahel-Black.woff') format('woff'),
    url('../fonts/sahel/Sahel-Black.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: Nahid;
    src: url('../fonts/nahid/Nahid.eot');
    src: url('../fonts/nahid/Nahid.eot?#iefix') format('embedded-opentype'),
    url('../fonts/nahid/Nahid.woff') format('woff'),
    url('../fonts/nahid/Nahid.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Tanha;
    src: url('../fonts/tanha/Tanha.eot');
    src: url('../fonts/tanha/Tanha.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tanha/Tanha.woff') format('woff'),
    url('../fonts/tanha/Tanha.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: custom_font_1;
    src: url('../fonts/peyda/PeydaWebFaNum-Regular.woff'); format("woff");
    font-style: normal;
    font-weight: 300;
    font-variation-settings: "wght" 300; font-display: swap;
}

@font-face {
    font-family: custom_font_2;
    src: url('../fonts/peyda/PeydaWebFaNum-SemiBold.woff'); format("woff");
    font-style: normal;
    font-weight: 600;
    font-variation-settings: "wght" 600; font-display: swap;
}

@font-face {
    font-family: custom_font_3;
    src: url('../fonts/peyda/PeydaWebFaNum-Bold.woff'); format("woff");
    font-style: normal;
    font-weight: 800;
    font-variation-settings: "wght" 800; font-display: swap;
}

@font-face {
    font-family: custom_font_4;
    src: url('../fonts/peyda/PeydaWebFaNum-Black.woff'); format("woff");
    font-style: normal;
    font-weight: 900;
    font-variation-settings: "wght" 900; font-display: swap;
}

.custom_font_1 {
    font-family: custom_font_1 !important
}

.custom_font_2 {
    font-family: custom_font_2 !important
}

.custom_font_3 {
    font-family: custom_font_3 !important
}

.custom_font_4 {
    font-family: custom_font_4 !important
}

.custom_font_5 {
    font-family: custom_font_5 !important
}
*, *::after, *::before {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    direction: rtl !important;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#c-body {
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;

    font-family: custom_font_2;

    overflow-x: hidden;
    direction:rtl;
    text-align: right !important;

}

.c-header {
    max-width: 100%;
    min-width: 100%;
    max-height: 13%;
    min-height: 13%;
    width: 100%;
    height: 13%;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    opacity: 1;
    z-index: 201;
}

.c-container {
    max-width: 96%;
    min-width: 96%;
    width: 96%;
    max-height: 90%;
    min-height: 90%;
    height: 90%;
    margin: auto;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    opacity: 1;
    z-index: 201;
}

.c-header_row {
    max-width: 100%;
    min-width: 100%;
    max-height: 90%;
    min-height: 90%;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 7px;
}

.c-header_action {
    max-width: 70%;
    max-height: 100%;
    min-width: 70%;
    min-height: 100%;
    width: 70%;
    height: 100%;
    display: inline;
}

.c-header_action-information {
    max-width: 100%;
    max-height: 50%;
    min-width: 100%;
    min-height: 50%;
    width: 100%;
    height: 100%;
    display: flex;
}

.c-header_action-information_date-time {
    max-width: 50%;
    max-height: 100%;
    min-width: 50%;
    min-height: 100%;
    width: 50%;
    height: 100%;
    display: flex;
}

.c-header_action-information_date, .c-header_action-information_time {

    max-width: 50%;
    max-height: 100%;
    min-width: 50%;

    justify-content: center;
    justify-items: center;
    justify-self: center;
    display: flex;
    min-height: 100%;
    width: 50%;
    height: 100%;
    border: 1px solid #000000;
    background: linear-gradient(90deg, rgba(139, 115, 71, 0.72) 0%, rgba(218, 176, 97, 0.72) 25.04%, rgba(139, 115, 71, 0.72) 50%, rgba(218, 176, 97, 0.72) 75.48%, rgba(139, 115, 71, 0.72) 100%);
    border-radius: 7px;


}

.c-header_action-information_date span, .c-header_action-information_time span {
    font-family: custom_font_2;
    font-weight: 700;
    display: flex;
    flex-flow: column;
    font-size: 17px;
    justify-items: center;
    justify-content: center;
}

.c-header_action-information_brandname {
    max-width: 50%;
    max-height: 100%;
    min-width: 50%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(139, 115, 71, 0.72) 0%, rgba(218, 176, 97, 0.72) 25.04%, rgba(139, 115, 71, 0.72) 50%, rgba(218, 176, 97, 0.72) 75.48%, rgba(139, 115, 71, 0.72) 100%);
    border-radius: 7px;
    border: 1px solid #000000;
    display: flex;
    justify-content: center; /* وسط افقی */
    align-items: center;
    flex-shrink: 0;

}

.c-header_action-information_brandname span {
    font-family: custom_font_2;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 1.5rem;
    height: 100%;
}

.c-header_action-information_brandname span:hover {
    color: #cbae04;
}

.c-header_action-meno-indexorg {
    max-width: 100%;
    max-height: 50%;
    min-width: 100%;
    min-height: 50%;
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: flex-start;
    z-index: 200;
}

.c-header_action-btn {
    position: relative;
    max-width: 12.5%;
    max-height: 100%;
    min-width: 12.5%;
    min-height: 100%;
    width: 12.5%;
    height: 100%;
    z-index: 200;
    opacity: 1;
}

.c-header_btn-index, .c-header_btn-login, .c-header_btn-Register, .c-header_btn-Download, .c-header_btn-aboutus, .c-header_btn-conditions, .c-header_btn-contactus, .c-header_btn-guidance {
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    color: #000000;
    font-family: custom_font_2;
    font-weight: 500;
    padding: 8px 5px;
    border: 1px solid #000000;
    background: linear-gradient(180deg, rgba(80, 240, 208, 0.7) 0%, rgba(91, 224, 197, 0.7) 10%, rgba(126, 253, 226, 0.7) 20%, rgba(91, 224, 197, 0.7) 30%, rgba(80, 240, 208, 0.7) 40%, rgba(126, 253, 226, 0.7) 50%, rgba(80, 240, 208, 0.7) 60%, rgba(91, 224, 197, 0.7) 70%, rgba(126, 253, 226, 0.7) 80%, rgba(91, 224, 197, 0.7) 90%, rgba(80, 240, 208, 0.7) 100%);
    border-radius: 7px;
    z-index: 200;
    opacity: 1;
}


.c-headr_login, .c-headr_Register {
    position: absolute;
    max-width: 8.5vmax;
    max-height: 7vmax;
    min-width: 8.5vmax;
    min-height: 7vmax;
    width: 8.5vmax;
    height: 7vmax;
    display: none;
    left: 0;
    padding: 2%;
    top: calc(100% + 2px);
    box-shadow: 0 2px 9px 0 rgba(112, 112, 112, .3);
    border: 1px solid #000000;
    border-radius: 0 0 7px 7px;
    z-index: 200;
    opacity: 1;
}

.js-headr_login.is-active, .js-headr_Register.is-active {
    display: block;
    z-index: 200;
    opacity: 1;
}

.c-headr_login::before, .c-headr_login::after, .c-headr_Register::before, .c-headr_Register::after {
    position: absolute;
    content: '';
    z-index: 200;
    opacity: 1;
}

.c-headr_login::before, .c-headr_Register::before {
    height: 4px;
    left: 0;
    right: 0;
    bottom: 100%;
    background-color: #ef5661;
}

.c-headr_login::after, .c-headr_Register::after {
    border-color: transparent transparent #ef5661;
    border-width: 0 8px 8px;
    bottom: 100%;
    border-style: solid;
    left: 50%;
    margin-bottom: 2px;
}


.c-login_entrycolleagues, .c-login_Signdrivers, .c-login_signsubscribers, .c-Register_entrycolleagues, .c-Register_Signdrivers, .c-Register_signsubscribers {
    background: linear-gradient(360deg, rgba(255, 255, 255, 0.6) 0%, rgba(233, 233, 233, 0.6) 20%, rgba(213, 213, 213, 0.6) 40%, rgba(255, 255, 255, 0.6) 50%, rgba(213, 213, 213, 0.6) 60%, rgba(233, 233, 233, 0.6) 80%, rgba(255, 255, 255, 0.6) 100%);
    color: #000000;
    width: 100%;
    display: block;
    height: 33%;
    cursor: pointer;
    text-align: right;
    padding-right: 2%;
    line-height: 30px;
    letter-spacing: -.5px;
    font-family: custom_font_2;
    font-weight: 500;
    border: 1px solid #000000;
    z-index: 231;
}

.c-login_entrycolleagues:hover, .c-login_Signdrivers:hover, .c-login_signsubscribers:hover, .c-Register_entrycolleagues:hover, .c-Register_Signdrivers:hover, .c-Register_signsubscribers:hover{
    background: #ffffff;
}

/* دکمه اصلی "شرایط و مقررات" */
.c-header_btn-term {
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    color: #000000;
    font-family: custom_font_2;
    font-weight: 500;
    padding: 8px 5px;
    border: 1px solid #000000;
    background: linear-gradient(180deg, rgba(80, 240, 208, 0.7) 0%, rgba(91, 224, 197, 0.7) 10%, rgba(126, 253, 226, 0.7) 20%, rgba(91, 224, 197, 0.7) 30%, rgba(80, 240, 208, 0.7) 40%, rgba(126, 253, 226, 0.7) 50%, rgba(80, 240, 208, 0.7) 60%, rgba(91, 224, 197, 0.7) 70%, rgba(126, 253, 226, 0.7) 80%, rgba(91, 224, 197, 0.7) 90%, rgba(80, 240, 208, 0.7) 100%);
    border-radius: 7px;
    z-index: 200;
    opacity: 1;
}


/* جعبه‌ی بازشونده‌ی منوی شرایط */
.c-headr_term {
    position: absolute;
    max-width: 8.5vmax;
    max-height: 7vmax;
    min-width: 8.5vmax;
    min-height: 7vmax;
    width: 8.5vmax;
    height: 7vmax;
    display: none;
    left: 0;
    padding: 2%;
    top: calc(100% + 2px);
    box-shadow: 0 2px 9px 0 rgba(112, 112, 112, .3);
    border: 1px solid #000000;
    border-radius: 0 0 7px 7px;
    z-index: 200;
    opacity: 1;
}

/* وقتی فعال شد */
.js-headr_term.is-active {
    display: block;
    z-index: 200;
    opacity: 1;
}

/* خطوط بالای منو (مثل لاگین) */
.c-headr_term::before, .c-headr_term::after {
    position: absolute;
    content: '';
    z-index: 200;
    opacity: 1;
}

.c-headr_term::before {
    height: 4px;
    left: 0;
    right: 0;
    bottom: 100%;
    background-color: #ef5661;
}

.c-headr_term::after {
    border-color: transparent transparent #ef5661;
    border-width: 0 8px 8px;
    bottom: 100%;
    border-style: solid;
    left: 50%;
    margin-bottom: 2px;
}

/* گزینه‌های داخل منوی شرایط */
.c-term_drivers, .c-term_subscribers {
    background: linear-gradient(360deg, rgba(255, 255, 255, 0.6) 0%, rgba(233, 233, 233, 0.6) 20%, rgba(213, 213, 213, 0.6) 40%, rgba(255, 255, 255, 0.6) 50%, rgba(213, 213, 213, 0.6) 60%, rgba(233, 233, 233, 0.6) 80%, rgba(255, 255, 255, 0.6) 100%);
    color: #000000;
    width: 100%;
    display: block;
    height: 33%;
    cursor: pointer;
    text-align: right;
    padding-right: 2%;
    line-height: 30px;
    letter-spacing: -.5px;
    font-family: custom_font_2;
    font-weight: 500;
    border: 1px solid #000000;

}

/* حالت hover */
.c-term_drivers:hover, .c-term_subscribers:hover {
    background: #ffffff;
}


.c-login_entrycolleagues, .c-Register_entrycolleagues {
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
}

.c-login_signsubscribers, .c-Register_signsubscribers {
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

.c-header_office-phone {
    max-width: 15%;
    max-height: 100%;
    min-width: 15%;
    min-height: 100%;
    width: 15%;
    height: 100%;
    position: relative;
    background: linear-gradient(90deg, rgba(139, 115, 71, 0.72) 0%, rgba(218, 176, 97, 0.72) 25.04%, rgba(139, 115, 71, 0.72) 50%, rgba(218, 176, 97, 0.72) 75.48%, rgba(139, 115, 71, 0.72) 100%);
    border-radius: 7px;
    display: flex;
    justify-content: center;
    justify-items: center;

    border: 1px solid #000000;
}

.c-header_office-phone span {
    border-radius: 7px;
    padding: 1% 3%;
    font-weight: 700;
    font-size: 22px;
    display: flex;
    justify-items: center;
    justify-content: center;
    flex-flow: column;
}

.c-header_logo {
    max-height: 100%;
    max-width: 100%;
    width: 15%;
    height: 100%;
    border-radius: 7px;
    background: linear-gradient(90deg, rgba(139, 115, 71, 0.72) 0%, rgba(218, 176, 97, 0.72) 25.04%, rgba(139, 115, 71, 0.72) 50%, rgba(218, 176, 97, 0.72) 75.48%, rgba(139, 115, 71, 0.72) 100%);
    border: 1px solid #000000;
    justify-items: center;
}

.c-header_logo-img {
        justify-items: center;


    position: absolute;

    display: block;
    height: 100%;
    width: 25%;
    text-indent: -1000em;
}


.c-slider_bady {
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 199;
}


.c-slider_img {
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 199;
}


.c-slider_img_1 {
    background: url("../images/slider/5.jpg") no-repeat;
    width: 100%;
    height: 900px;
    background-size: 100% 100%;
    z-index: 199;

}

.c-slider_img_2 {
    background: url("../images/slider/7.jpg") no-repeat;
    width: 100%;
    height: 900px;
    background-size: 100% 100%;
    z-index: 199;
}

.c-slider_img_3 {
    background: url("../images/slider/8.jpg") no-repeat;
    width: 100%;
    height: 900px;
    background-size: 100% 100%;
    z-index: 199;
}

.c-slider_img_4 {
    background: url("../images/slider/4.jpg") no-repeat;
    width: 100%;
    height: 900px;
    background-size: 100% 100%;
    z-index: 199;
}

.c-slider_img_5 {
    background: url("../images/slider/15.jpg") no-repeat;
    width: 100%;
    height: 900px;
    background-size: 100% 100%;
    z-index: 199;
}

.c-header_homepage-action {
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    display: inline;
}

.c-header_action-information_date-time_homepage {
    max-width: 35%;
    max-height: 100%;
    min-width: 35%;
    min-height: 100%;
    width: 35%;
    height: 100%;
    display: flex;
}

.c-header_action-information_brandname-homepage {
    max-width: 35%;
    max-height: 100%;
    min-width: 35%;
    min-height: 100%;
    width: 35%;
    height: 100%;
    background: linear-gradient(90deg, rgba(139, 115, 71, 0.72) 0%, rgba(218, 176, 97, 0.72) 25.04%, rgba(139, 115, 71, 0.72) 50%, rgba(218, 176, 97, 0.72) 75.48%, rgba(139, 115, 71, 0.72) 100%);
    border-radius: 7px;
    border: 1px solid #000000;
}

.c-header_action-information_brandname-homepage span {
    font-family: custom_font_2;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
}

.c-header_action-information_activeuser-settings_Profile {
    max-width: 30%;
    max-height: 100%;
    min-width: 30%;
    min-height: 100%;
    width: 30%;
    height: 100%;
    display: flex;
}

.c-header_action-information_activeuser {
    max-width: 70%;
    max-height: 100%;
    min-width: 70%;
    min-height: 100%;
    width: 70%;
    height: 100%;
    border: 1px solid #000000;
    background: linear-gradient(90deg, rgba(139, 115, 71, 0.72) 0%, rgba(218, 176, 97, 0.72) 25.04%, rgba(139, 115, 71, 0.72) 50%, rgba(218, 176, 97, 0.72) 75.48%, rgba(139, 115, 71, 0.72) 100%);
    border-radius: 7px;
}

.c-header_action-information_settings-Profile {
    max-width: 30%;
    max-height: 100%;
    min-width: 30%;
    min-height: 100%;
    width: 30%;
    height: 100%;
    border: 1px solid #000000;
    background: linear-gradient(90deg, rgba(139, 115, 71, 0.72) 0%, rgba(218, 176, 97, 0.72) 25.04%, rgba(139, 115, 71, 0.72) 50%, rgba(218, 176, 97, 0.72) 75.48%, rgba(139, 115, 71, 0.72) 100%);
    border-radius: 7px;
    cursor: pointer;
}

.c-header_action-information_activeuser span, .c-header_action-information_settings-Profile span {
    font-family: custom_font_2;
    font-weight: 700;

}

.c-header_action-meno-homepage {
    max-width: 100%;
    max-height: 50%;
    min-width: 100%;
    min-height: 50%;
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: flex-start;
    z-index: 200;
}

.c-header_action-btn_homepage {
    position: relative;
    max-width: 7.2%;
    max-height: 100%;
    min-width: 7.2%;
    min-height: 100%;
    width: 7.2%;
    height: 100%;
    z-index: 200;
    opacity: 1;
}

.c-header_action-btn_homepage:hover , .c-header_action-btn_exit:hover{
    font-weight: 700;
    background: rgba(22, 51, 46, 0.95);
}
.c-header_action-btn_exit {
    position: relative;
    max-width: 6.4%;
    max-height: 100%;
    min-width: 6.4%;
    min-height: 100%;
    width: 6.4%;
    height: 100%;
    z-index: 200;
    opacity: 1;
}


.c-header_btn-homepage, .c-header_btn-Subscribers, .c-header_btn-drivers ,.c-header_btn-personnel , .c-header_btn-routes , .c-header_btn-users{
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    color: #000000;
    font-family: custom_font_2;
    font-weight: 500;
    padding: 8px 5px;
    border: 1px solid #000000;
    background: linear-gradient(180deg, rgba(80, 240, 208, 0.7) 0%, rgba(91, 224, 197, 0.7) 10%, rgba(126, 253, 226, 0.7) 20%, rgba(91, 224, 197, 0.7) 30%, rgba(80, 240, 208, 0.7) 40%, rgba(126, 253, 226, 0.7) 50%, rgba(80, 240, 208, 0.7) 60%, rgba(91, 224, 197, 0.7) 70%, rgba(126, 253, 226, 0.7) 80%, rgba(91, 224, 197, 0.7) 90%, rgba(80, 240, 208, 0.7) 100%);
    border-radius: 7px;
}



/*/////////////////////////////////////////////////////////*/
.c-header_homepage {
    position: absolute;
    max-width: 140px;
    max-height: 7vmax;
    min-width: 140px;
    min-height: 7vmax;
    width: 140px;
    height: 7vmax;
    display: none;
    right: 0;
    top: calc(100% + 4px);
    border-radius: 0 0 7px 7px;
}

.js-header_homepage.is-active {
    display: block;
}

.c-header_homepage::before, .c-header_homepage::after {
    position: absolute;
    content: '';
}

.c-header_homepage::before {
    height: 4px;
    left: 0;
    right: 0;
    bottom: 100%;
    background-color: #ef5661;
    z-index: 231;
}

.c-header_homepage::after {
    border-color: transparent transparent #ef5661;
    border-width: 0 8px 8px;
    bottom: 100%;
    border-style: solid;
    right: 20%;
    margin-bottom: 2px;
}
.c-homepage_list-services, .c-homepage_insert-service {
    background-color: #FFFFFF;
    color: #000000;
    width: 100%;
    display: block;
    height: 33%;
    cursor: pointer;
    text-align: right;
    padding-right: 2%;
    line-height: 30px;
    letter-spacing: -.5px;
    font-family: custom_font_2;
    font-weight: 500;
    border: 1px solid #000000;
}

.c-homepage_list-services:hover, .c-homepage_insert-service:hover {
    background: #6BA3F8;
    font-size: 15px !important;
}


.c-homepage_insert-service {
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

/*////////////////////////////////////////////////////////////////////////*/

.c-headr_Subscribers {
    position: absolute;
    max-width: 13vmax;
    max-height: 7vmax;
    min-width: 13vmax;
    min-height: 7vmax;
    width: 13vmax;
    height: 7vmax;
    display: none;
    right: 0;
    top: calc(100% + 4px);

    border-radius: 0 0 7px 7px;
}

.js-headr_Subscribers.is-active {
    display: block;
}

.c-headr_Subscribers::before, .c-headr_Subscribers::after {
    position: absolute;
    content: '';
}

.c-headr_Subscribers::before {
    height: 4px;
    left: 0;
    right: 0;
    bottom: 100%;
    background-color: #ef5661;
    z-index: 231;
}

.c-headr_Subscribers::after {
    border-color: transparent transparent #ef5661;
    border-width: 0 8px 8px;
    bottom: 100%;
    border-style: solid;
    right: 20%;
    margin-bottom: 2px;
}

.c-subscribers_active, .c-subscribers_inactive, .c-subscribers_delete, .c-subscribers_registered, .c-discountcode_special, .c-discountcode_active, .c-discountcode_inactive, .c-discountcode_delete, .c-subscribers_show-map {
    background-color: #FFFFFF;
    color: #000000;
    width: 100%;
    display: block;
    height: 33%;
    cursor: pointer;
    text-align: right;
    padding-right: 2%;
    line-height: 30px;
    letter-spacing: -.5px;
    font-family: custom_font_2;
    font-weight: 500;
    border: 1px solid #000000;
}

.c-subscribers_active:hover, .c-subscribers_inactive:hover, .c-subscribers_delete:hover, .c-subscribers_registered:hover, .c-discountcode_special:hover, .c-discountcode_active:hover, .c-discountcode_inactive:hover, .c-discountcode_delete:hover, .c-subscribers_show-map:hover{
    background: #6BA3F8;
    font-size: 15px !important;
}

.c-subscribers_active, .c-subscribers_inactive, .c-subscribers_delete, .c-subscribers_registered, .c-discountcode_special, .c-discountcode_active, .c-discountcode_inactive {
    border-bottom: 0;
}

.c-subscribers_show-map {
    border-radius: 0 0 5px 5px;
    border-top: 0;
}


/*///////////////////////////////////////////////////////////////////////////////////////////*/

.c-headr_drivers {
    position: absolute;
    max-width: 12vmax;
    max-height: 7vmax;
    min-width: 12vmax;
    min-height: 7vmax;
    width: 12vmax;
    height: 7vmax;
    display: none;
    right: 0;
    top: calc(100% + 4px);
    border-radius: 0 0 7px 7px;
}

.js-headr_drivers.is-active {
    display: block;
    z-index: 200;
    opacity: 1;
}

.c-headr_drivers::before, .c-headr_drivers::after {
    position: absolute;
    content: '';
    z-index: 200;
    opacity: 1;
}

.c-headr_drivers::before {
    height: 4px;
    left: 0;
    right: 0;
    bottom: 100%;
    background-color: #ef5661;
    z-index: 231;
}

.c-headr_drivers::after {
    border-color: transparent transparent #ef5661;
    border-width: 0 8px 8px;
    bottom: 100%;
    border-style: solid;
    right: 20%;
    margin-bottom: 2px;
}

.c-drivers_active, .c-drivers_inactive, .c-drivers_delete, .c-drivers_registered, .c-drivers_show-map {
    background-color: #FFFFFF;
    color: #000000;
    width: 100%;
    display: block;
    height: 33%;
    cursor: pointer;
    text-align: right;
    padding-right: 2%;
    line-height: 30px;
    letter-spacing: -.5px;
    font-family: custom_font_2;
    font-weight: 500;
    border: 1px solid #000000;
    z-index: 231;
}

.c-drivers_active:hover, .c-drivers_inactive:hover, .c-drivers_delete:hover, .c-drivers_registered:hover, .c-drivers_show-map:hover{
    background: #6BA3F8;
    font-size: 15px !important;
}

.c-drivers_active, .c-drivers_inactive, .c-drivers_delete {
    border-bottom: 0;
}

.c-drivers_show-map {
    border-radius: 0 0 5px 5px;
    border-top: 0;
}



/*/////////////////////////////////////////////////////////////*/
.c-headr_routes {
    position: absolute;
    max-width: 200px;
    max-height: 7vmax;
    min-width: 200px;
    min-height: 7vmax;
    width: 200px;
    height: 7vmax;
    display: none;
    right: 0;
    top: calc(100% + 4px);
    border-radius: 0 0 7px 7px;
}

.c-headr_routes.is-active {
    display: block;
}

.c-headr_routes::before, .c-headr_routes::after {
    position: absolute;
    content: '';
}

.c-headr_routes::before {
    height: 4px;
    left: 0;
    right: 0;
    bottom: 100%;
    background-color: #ef5661;
    z-index: 231;
}

.c-headr_routes::after {
    border-color: transparent transparent #ef5661;
    border-width: 0 8px 8px;
    bottom: 100%;
    border-style: solid;
    right: 20%;
    margin-bottom: 2px;
}
.c-routes_urban, .c-routes_suburb ,.c-routes_county, .c-routes_cities-Shahrsanat{
    background-color: #FFFFFF;
    color: #000000;
    width: 100%;
    display: block;
    height: 33%;
    cursor: pointer;
    text-align: right;
    padding-right: 2%;
    line-height: 30px;
    letter-spacing: -.5px;
    font-family: custom_font_2;
    font-weight: 500;
    border: 1px solid #000000;
}
.c-routes_urban:hover, .c-routes_suburb:hover ,.c-routes_county:hover, .c-routes_cities-Shahrsanat:hover{
    background: #6BA3F8;
    font-size: 15px !important;
}


.c-routes_urban, .c-routes_suburb  {
    border-bottom: 0;
}


.c-routes_cities-Shahrsanat {
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

/*///////////////////////////////////////////////////////////////*/

.c-header_personnel {
    position: absolute;
    max-width: 199px;
    max-height: 7vmax;
    min-width: 199px;
    min-height: 7vmax;
    width: 199px;
    height: 7vmax;
    display: none;
    right: 0;
    top: calc(100% + 4px);
    border-radius: 0 0 7px 7px;
}

.c-header_personnel.is-active {
    display: block;
}

.c-header_personnel::before, .c-header_personnel::after {
    position: absolute;
    content: '';
}

.c-header_personnel::before {
    height: 4px;
    left: 0;
    right: 0;
    bottom: 100%;
    background-color: #ef5661;
    z-index: 231;
}

.c-header_personnel::after {
    border-color: transparent transparent #ef5661;
    border-width: 0 8px 8px;
    bottom: 100%;
    border-style: solid;
    right: 20%;
    margin-bottom: 2px;
}
.c-personnel_active, .c-personnel_inactive ,.c-personnel_delete, .c-personnel_function,.c-personnel_salaries, .c-personnel_arrival-time,.c-personnel_departure-time, .c-personnel_loans-grants{
    background-color: #FFFFFF;
    color: #000000;
    width: 100%;
    display: block;
    height: 33%;
    cursor: pointer;
    text-align: right;
    padding-right: 2%;
    line-height: 30px;
    letter-spacing: -.5px;
    font-family: custom_font_2;
    font-weight: 500;
    border: 1px solid #000000;
}
.c-personnel_active:hover, .c-personnel_inactive:hover ,.c-personnel_delete:hover, .c-personnel_function:hover,.c-personnel_salaries:hover, .c-personnel_arrival-time:hover,.c-personnel_departure-time:hover, .c-personnel_loans-grants:hover{
    background: #6BA3F8;
    font-size: 15px !important;
}


.c-personnel_active, .c-personnel_inactive ,.c-personnel_delete, .c-personnel_function,.c-personnel_salaries, .c-personnel_arrival-time {
    border-bottom: 0;
}


.c-personnel_loans-grants {
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

/*/////////////////////////////////////////////////////////////////*/

.c-headr_users {
    position: absolute;
    max-width: 199px;
    max-height: 7vmax;
    min-width: 199px;
    min-height: 7vmax;
    width: 199px;
    height: 7vmax;
    display: none;
    right: 0;
    top: calc(100% + 4px);
    border-radius: 0 0 7px 7px;
}

.c-headr_users.is-active {
    display: block;
}

.c-headr_users::before, .c-headr_users::after {
    position: absolute;
    content: '';
}

.c-headr_users::before {
    height: 4px;
    left: 0;
    right: 0;
    bottom: 100%;
    background-color: #ef5661;
    z-index: 231;
}

.c-headr_users::after {
    border-color: transparent transparent #ef5661;
    border-width: 0 8px 8px;
    bottom: 100%;
    border-style: solid;
    right: 20%;
    margin-bottom: 2px;
}
.c-users_subscribers-real, .c-users_subscribers-legal ,.c-users_personnel, .c-users_drivers{
    background-color: #FFFFFF;
    color: #000000;
    width: 100%;
    display: block;
    height: 33%;
    cursor: pointer;
    text-align: right;
    padding-right: 2%;
    line-height: 30px;
    letter-spacing: -.5px;
    font-family: custom_font_2;
    font-weight: 500;
    border: 1px solid #000000;
}
.c-users_subscribers-real:hover, .c-users_subscribers-legal:hover ,.c-users_personnel:hover, .c-users_drivers:hover{
    background: #6BA3F8;
    font-size: 15px !important;
}


.c-users_subscribers-real, .c-users_subscribers-legal {
    border-bottom: 0;
}


.c-users_drivers {
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

/*/////////////////////////////////////////////////////////////////////*/


.c-body_information-settings_profile {
    position: absolute;
    width: 302px;
    height: 338px;
    left: 32px;
    top: 85px;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 10px 0 10px 10px;
    font-family: custom_font_2;
    font-size: 14pt;
    display: none;
    font-weight: 400;
}

.c-body_activeuser-name {
    position: absolute;
    width: 302px;
    height: 35px;
    left: -1px;
    top: -1px;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 10px 0 0 0;
}

.c-body_activeuser-name span {
    position: absolute;
    width: 300.17px;
    height: 33px;
    font-family: custom_font_2;
    right: 80px;
    bottom: 2px;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #000000;
}

.c-body_activeuser-profile_default {
    width: calc(100% + 2px);
    position: absolute;
    height: 142px;
    left: -1px;
    top: 32px;
    background: #FFFFFF;
    border: 1px solid #000000;
    box-sizing: border-box;
}

.c-body_activeuser-profile_imge {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    left: 60px;
    top: 10px;
    border: unset !important;
}

.c-body_activeuser-profile_imge-now {
    background: url("../img/profile_imge.png") no-repeat 50% 50%;
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: contain;
}

.c-body_activeuser-profile_edit {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 153px;
}

.c-body_activeuser-profile_edit-now {
    background: url("../img/profile_edit.png") no-repeat 50% 50%;
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: contain;
}

.c-body_activeuser-profile {
    position: absolute;
    width: calc(100% + 2px);
    height: 163px;
    top: 174px;
    left: -1px;
    border-radius: 0 0 7px 7px;
    display: flex;
    flex-wrap: wrap;
}

.c-body_activeuser-profile_new {
    width: calc(100% + 2px);
    height: 40.41px;
    border: 1px solid #000000;
    border-top: none !important;
    border-radius: 0;
}

.c-body_activeuser-profile_default- {
    position: absolute;
    width: 183px;
    height: 40.41px;
    border-left: 1px solid #000000;
    display: inline-block;
    padding-top: 5px;
    padding-right: 5px;
}

.c-body_activeuser-profile_title {
    font-family: custom_font_2;
    position: relative;
    font-weight: 400;
}

.c-body_activeuser-profile_detils {
    font-family: custom_font_2;
    font-weight: 600;
}

.c-body_activeuser-profile_edit_ {
    position: absolute;
    width: 115.76px;
    height: 31.17px;
    border-radius: 48%;
    justify-content: center;
    background: linear-gradient(92.34deg, #A25CDF 24.55%, #835757 36.94%, #A25CDF 50.36%, #835757 63.78%, #A25CDF 77.2%);
}

.c-body_activeuser-profile_name-edit {
    left: 1px;
    top: 4px;
}

.c-body_activeuser-profile_pass-edit {
    left: 1px;
    top: 44px;
}

.c-body_activeuser-profile_mobil-edit {
    left: 1px;
    top: 84px;
}

.c-body_activeuser-profile_edit_ span {
    position: absolute;
    text-align: center;
    right: 38px;
}

.c-body_activeuser-profile_cancel {
    border-radius: 0 0 7px 7px !important;

}

.c-body_activeuser-profile_cancel span {
    width: 90px;
    height: 30px;
    left: 102px;
    top: 126px;
    display: block;
    font-family: custom_font_2;
    font-weight: 600;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    margin: 0;
    text-align: center;
    background: linear-gradient(180deg, rgba(230, 41, 41, 0.8) 0%, rgba(115, 115, 115, 0.8) 50%, rgba(208, 19, 19, 0.8) 99.04%);
    padding-top: 0;
    border-radius: 15px;
    position: absolute;
    line-height: 30px;
    cursor: pointer;
}

.c-body_activeuser-profile_name-edit_now {
    position: absolute;
    width: 302px;
    height: 163px;
    top: 259px;
    left: 32px;
    border-radius: 0 0 7px 7px;
    flex-wrap: wrap;
    background: #FFFFFF;
    border: 1px solid #000000;
    font-family: custom_font_2;
    font-size: 14pt;
    display: none;
    font-weight: 400;
}

.c-body_activeuser-profile_name-edit_now-new {
    width: calc(100% + 2px);
    height: 40.41px;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    padding-top: 5px;

}

.c-body_activeuser-profile_name-old {
    padding-right: 50px;
}

.c-body_activeuser-profile_name-detils_old {
    font-weight: 700;
}

.c-body_activeuser-profile_name-title_new {
    padding-right: 83px;
}

.c-body_activeuser-profile_name-detils_new {
    padding-right: 103px;
    font-weight: 700;
    color: #ff0000;
}


.c-body_activeuser-profile_name_ {
    font-family: custom_font_2;
    position: relative;
    font-weight: 400;
    border: none;
}

.c-body_activeuser-profile_name-cance {
    width: 90px;
    height: 30px;
    left: 40px;
    top: 4px;
    display: block;
    font-family: custom_font_2;
    font-weight: 600;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    margin: 0;
    text-align: center;
    background: linear-gradient(180deg, rgba(230, 41, 41, 0.8) 0%, rgba(115, 115, 115, 0.8) 50%, rgba(208, 19, 19, 0.8) 99.04%);
    padding-top: 0;
    border-radius: 15px;
    position: absolute;
    line-height: 30px;
    cursor: pointer;
}

.c-body_activeuser-profile_name-finsh {
    width: 90px;
    height: 30px;
    left: 160px;
    top: 4px;
    display: block;
    font-family: custom_font_2;
    font-weight: 600;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    margin: 0;
    text-align: center;
    background: linear-gradient(180deg, rgba(62, 226, 97, 0.8) 0%, rgba(115, 115, 115, 0.8) 50.96%, rgba(62, 226, 97, 0.8) 100%);
    padding-top: 0;
    border-radius: 15px;
    position: absolute;
    line-height: 30px;
    cursor: pointer;
}


.c-body_activeuser-profile_pass-edit_now {
    position: absolute;
    width: 302px;
    height: 123px;
    top: 259px;
    left: 32px;
    border-radius: 0 0 7px 7px;
    flex-wrap: wrap;
    background: #FFFFFF;
    border: 1px solid #000000;
    font-family: custom_font_2;
    font-size: 14pt;
    display: none;
    font-weight: 400;
}
.c-body_activeuser-profile_pass-edit_now1 {
    position: absolute;
    width: 302px;
    height: 210px;
    top: 380px;
    left: 32px;
    border-radius: 0 0 7px 7px;
    flex-wrap: wrap;
    background: #FFFFFF;
    border: 1px solid #000000;
    font-family: custom_font_2;
    font-size: 14pt;
    display: none;
    font-weight: 400;
}




.c-body_activeuser-profile_pass-edit_now-new {
    width: calc(100% + 2px);
    height: 40.41px;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    padding-top: 5px;

}

.c-body_activeuser-profile_pass- {
    font-family: custom_font_2;
}


.c-body_activeuser-profile_pass-title_old {
    padding-right: 30px;
}

.c-body_activeuser-profile_pass-detils_new-old {
    padding-right: 110px;
    font-weight: 700;
    color: #ff0000;
}

.c-body_activeuser-profile_pass-title_new {
    padding-right: 36px;
}

.c-body_activeuser-profile_pass-detils_new {
    padding-right: 105px;
    font-weight: 700;
    color: #ff0000;
}

.c-body_activeuser-profile_pass-title_new-repeat {
    padding-right: 32px;
}

.c-body_activeuser-profile_pass-detils_new-repeat {
    padding-right: 83px;
    font-weight: 700;
    color: #ff0000;
}

.c-body_activeuser-profile_pass_ , .c-body_activeuser-profile_pass_repeat{
    font-family: custom_font_2;
    position: relative;
    font-weight: 400;
}

.c-body_activeuser-profile_pass_repeat{
    border: none;
}
.c-body_activeuser-profile_pass-finsh {
    width: 90px;
    height: 30px;
    right: 108px;
    top: 4px;
    display: block;
    font-family: custom_font_2;
    font-weight: 600;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    margin: 0;
    text-align: center;
    background: linear-gradient(180deg, rgba(62, 226, 97, 0.8) 0%, rgba(115, 115, 115, 0.8) 50.96%, rgba(62, 226, 97, 0.8) 100%);
    padding-top: 0;
    border-radius: 15px;
    position: absolute;
    line-height: 30px;
    cursor: pointer;
}

.c-body_activeuser-profile_pass-finsh_repeat {
    width: 90px;
    height: 30px;
    right: 40px;
    top: 7px;
    display: block;
    font-family: custom_font_2;
    font-weight: 600;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    margin: 0;
    text-align: center;
    background: linear-gradient(180deg, rgba(62, 226, 97, 0.8) 0%, rgba(115, 115, 115, 0.8) 50.96%, rgba(62, 226, 97, 0.8) 100%);
    padding-top: 0;
    border-radius: 15px;
    position: absolute;
    line-height: 30px;
    cursor: pointer;
}

.c-body_activeuser-profile_pass-cance_repeat {
    width: 90px;
    height: 30px;
    left: 40px;
    top: 7px;
    display: block;
    font-family: custom_font_2;
    font-weight: 600;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    margin: 0;
    text-align: center;
    background: linear-gradient(180deg, rgba(230, 41, 41, 0.8) 0%, rgba(115, 115, 115, 0.8) 50%, rgba(208, 19, 19, 0.8) 99.04%);
    padding-top: 0;
    border-radius: 15px;
    position: absolute;
    line-height: 30px;
    cursor: pointer;
}






.c-body_activeuser-profile_mobil-edit_now {
    position: absolute;
    width: 302px;
    height: 163px;
    top: 259px;
    left: 32px;
    border-radius: 0 0 7px 7px;
    flex-wrap: wrap;
    background: #FFFFFF;
    border: 1px solid #000000;
    font-family: custom_font_2;
    font-size: 14pt;
    display: none;
    font-weight: 400;
}

.c-body_activeuser-profile_mobil-edit_now-new {
    width: calc(100% + 2px);
    height: 40.41px;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    padding-top: 5px;

}

.c-body_activeuser-profile_mobil-old {
    padding-right: 35px;
}

.c-body_activeuser-profile_mobil-detils_old {
    font-weight: 700;
}

.c-body_activeuser-profile_mobil-title_new {
    padding-right: 42px;
}

.c-body_activeuser-profile_mobil-detils_new {
    padding-right: 103px;
    font-weight: 700;
    color: #ff0000;
}


.c-body_activeuser-profile_mobil_ {
    font-family: custom_font_2;
    position: relative;
    font-weight: 400;
    border: none;
}

.c-body_activeuser-profile_mobil-cance {
    width: 90px;
    height: 30px;
    left: 40px;
    top: 4px;
    display: block;
    font-family: custom_font_2;
    font-weight: 600;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    margin: 0;
    text-align: center;
    background: linear-gradient(180deg, rgba(230, 41, 41, 0.8) 0%, rgba(115, 115, 115, 0.8) 50%, rgba(208, 19, 19, 0.8) 99.04%);
    padding-top: 0;
    border-radius: 15px;
    position: absolute;
    line-height: 30px;
    cursor: pointer;
}

.c-body_activeuser-profile_mobil-finsh {
    width: 90px;
    height: 30px;
    left: 160px;
    top: 4px;
    display: block;
    font-family: custom_font_2;
    font-weight: 600;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    margin: 0;
    text-align: center;
    background: linear-gradient(180deg, rgba(62, 226, 97, 0.8) 0%, rgba(115, 115, 115, 0.8) 50.96%, rgba(62, 226, 97, 0.8) 100%);
    padding-top: 0;
    border-radius: 15px;
    position: absolute;
    line-height: 30px;
    cursor: pointer;
}
.page-wrapper {
    padding-top: 90px;!important; /* تنظیم با توجه به ارتفاع header و منو */
}
.tr_table-responsive{
    font-size: 0.7rem !important;
    font-weight: 700;
}
.otp-input {
    width: 50px;
    height: 50px;
    font-size: 22px;
    border-radius: 10px;
    border: 2px solid #ddd;
    transition: 0.2s;
}
.otp-input:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 5px rgba(13, 110, 253, 0.5);
}