@font-face {
    font-family: ModamWeb;
    font-style: normal;
    font-weight: 200;
    src: url('../Fonts/ModamWeb-ExtraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/ModamWeb-ExtraLight.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: ModamWeb;
    font-style: normal;
    font-weight: 300;
    src: url('../Fonts/ModamWeb-Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/ModamWeb-Light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: ModamWeb;
    font-style: normal;
    font-weight: normal;
    src: url('../Fonts/ModamWeb-Regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/ModamWeb-Regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: ModamWeb;
    font-style: normal;
    font-weight: 500;
    src: url('../Fonts/ModamWeb-Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/ModamWeb-Medium.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: ModamWeb;
    font-style: normal;
    font-weight: 600;
    src: url('../Fonts/ModamWeb-SemiBold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/ModamWeb-SemiBold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: ModamWeb;
    font-style: normal;
    font-weight: bold;
    src: url('../Fonts/ModamWeb-Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/ModamWeb-Bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: ModamWeb;
    font-style: normal;
    font-weight: 800;
    src: url('../Fonts/ModamWeb-ExtraBold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/ModamWeb-ExtraBold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: ModamWeb;
    font-style: normal;
    font-weight: 900;
    src: url('../Fonts/ModamWeb-Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/ModamWeb-Black.woff') format('woff')  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: Iransans;
    font-style: normal;
    font-weight: 500;
    src: url('../Fonts/iran-sans.ttf') format('ttf'),  /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/iran-sans.ttf') format('ttf')  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}



/*IRAN sans*/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;

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




* {
    font-family: ModamWeb !important;
}

.font-sans{
    font-family: IRANSans !important;
}

html {
    scroll-behavior: smooth;
}
body {
  /* Chrome, Safari, Edge, Opera */
  margin: 0 auto !important;
  /* Firefox */
}
select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: url("../images/arrowDown.svg") var(--bg-light-grey) no-repeat 4% !important; /* !important used for overriding all other customisations */

}
body input::-webkit-outer-spin-button,
body input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body input[type=number] {
  -moz-appearance: textfield;
}
body .devider {
  background-color: #000;
  opacity: 0.1;
  height: 1px;
}
body p {
  text-align: right;
    color: var(--text-dec-color);
    font-family: ModamWeb !important;


}
/*BTN*/
.mainBTN {
  background-color: var(--mainColor);
    border: 1px solid var(--mainColor);
    color: var(--white-color);
    padding:13px 35px ;
    border-radius: 15px;
}
.mainBTN:hover {
    background: none;
    color: var(--mainColor);
    border: 1px solid var(--mainColor);
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.mainBTN:hover >span:before {
    color: var(--mainColor);
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.main-borderBTN{
    color: var(--mainColor);
    border: 1px solid var(--mainColor);
    padding:13px 35px ;
    border-radius: 15px;
}
.main-borderBTN:hover{
    background: var(--mainColor);
    color: var(--white-color);
    border: 1px solid var(--mainColor);

    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.main-borderBTN:hover >span:before {
    color: var(--white-color);
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
@media screen and (max-width: 767px){
    .mainBTN,.main-borderBTN {
        padding:10px;
        border-radius: 10px;

    }
}
/*end BTN*/
body header .header-links a {
  margin-right: 0.5rem;
  color: gray;
}
.heroSection{
    padding-top: 24px;
    padding-bottom: 24px;
}
/*hamburger menu*/
.sidepanel {
    box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.15);
    direction: rtl;
    height: 100vh; /* Specify a height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Stay on top */
    top: 0;
    right: 0;
    background-color: var(--white-color); /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
}
.sidepanel a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: var(--text-dec-color-darker);
    display: block;
    transition: 0.3s;
}

.sidepanel .closebtn {
    position: absolute;
    top: 5px;
    left: 0px;
    font-size: 28px;

}
/*end menu*/

body input:focus {
  outline: none;
}/*# sourceMappingURL=global.css.map */

/*FOOTER*/
.footerContainer{
    background-color: var(--bg-footer-white);
    padding: 60px 0;
}
.footerContainer p{
    direction: rtl;
    color: var(--text-dec-color-darker);
}
.footerContainer .socialContainer a{
    background-color: var(--secondColor);
    border-radius: 15px;
    border: 1px solid var(--secondColor);

}
.footerContainer .socialContainer a:hover{
    background-color: transparent;
    border: 1px solid var(--secondColor);
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.footerContainer .socialContainer a:hover >span:before{
    color:  var(--secondColor);
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
/*end FOOTER*/
:root {
    --h1size: 32px;
    --h2size: 32px;
    --h3size: 24px;
    --h4size: 32px;
    --h5size: 20px;
    --h6size: 16px;
    --bodysize: 16px;
    --h1height: 80px;
    --h2height: 48px;
    --h3height: 65px;
    --h4height: 58px;
    --h5height: 32px;
    --h6height: 26px;
    --bodyheight: 26px;
    --pfamily: iransans;
    --mainColor:#3457ae;
    --mainColor-light: rgba(37, 158, 71, 0.1);
    --secondColor:#F8BB46;
    --secondColor-nim: rgba(248, 187, 70, 0.5);
    --orange-Vlight: rgba(248, 187, 70, 0.1);
    --secondColor-light: rgba(248, 187, 70, 0.2);
    --text-dec-color: rgba(23, 25, 24, 0.65);
    --text-dec-color-darker: rgba(23, 25, 24, 0.7);
    --text-dec-color-black: rgba(23, 25, 24);
    --bg-light-grey: rgba(23, 25, 24, 0.1);
    --white-color:#ffffff;
    --bg-footer-white:#e8e8e8;
    --text-red:#D52323;


}
h1 {
    font-size: var(--h1size)!important;
    line-height: var(--h1height);
    font-weight: 900!important;
}

h2 {
    font-size: var(--h2size)!important;
    line-height: var(--h2height);
    letter-spacing: -0.3px;
    text-transform: capitalize;
    font-weight: 900!important;

}

h3 {
    font-size: var(--h3size)!important;
    line-height: var(--h3height);
}

h4 {
    font-size: var(--h4size)!important;
    line-height: var(--h4height);
    font-weight: 700;

}

h5 {
    font-size: var(--h5size)!important;
    line-height: var(--h5height);
    font-weight: 700;
}

h6 {
    font-size: var(--h6size)!important;
    line-height: var(--h6height);
    font-weight: 500;

}
@media (max-width: 570px) {
    .container {
        max-width: 95%;
    }
    h1 {
        font-size: 28px !important;
        line-height: var(--h1height);
        font-weight: 900!important;
    }

    h2 {
        font-size: 26px !important;
        line-height: var(--h2height);
        letter-spacing: -0.3px;
        text-transform: capitalize;
        font-weight: 900!important;

    }

    h3 {
        font-size: var(--h3size)!important;
        line-height: var(--h3height);
    }

    h4 {
        font-size: var(--h4size)!important;
        line-height: var(--h4height);
        font-weight: 700;

    }

    h5 {
        font-size: var(--h5size)!important;
        line-height: var(--h5height);
        font-weight: 700;
    }

    h6 {
        font-size: var(--h6size)!important;
        line-height: var(--h6height);
        font-weight: 500;

    }
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1300px) {
    .container {
        max-width: 1300px;
    }
}







.weight-400{
    font-weight: 400 !important;
}
.weight-500{
    font-weight: 500 !important;
}
.weight-600{
    font-weight: 600 !important;
}
.weight-700{
    font-weight: 700 !important;
}
.weight-800{
    font-weight: 800 !important;
}
.weight-900{
    font-weight: 900 !important;
}
.font-size-12{
    font-size: 12px !important;
}
.font-size-14{
    font-size: 14px !important;
}
.font-size-16{
    font-size: 16px !important;
}
.font-size-18{
    font-size: 18px !important;
}
.font-size-20{
    font-size: 20px !important;
}
@media screen and (min-width: 767px) {
    .font-size-24{
        font-size: 24px !important;
    }
    .width-fit{
        width: fit-content !important;

    }
}

.text-red{
    color: var(--text-red) !important;
}
.text-black{
    color: var(--text-dec-color-black) !important;
}
.text-grey{
    color: var(--text-dec-color) !important;

}
.text-grey-dark{
    color: var(--text-dec-color-darker) !important;

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

}
.text-green{
    color: var(--mainColor) !important;

}

.section{
    padding-top: 64px;
    padding-bottom: 64px;
}
@media screen and (max-width: 767px){
    .section{
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.border-bottom-light-grey{
    border-bottom:1px solid var(--bg-light-grey) ;
}
.border-top-light-grey{
    border-top:1px solid var(--bg-light-grey) ;
}
.round-15{
    border-radius: 15px;
}
.round-10{
    border-radius: 10px;
}
.direction-rtl{
    direction: rtl;
}
.direction-ltr{
    direction: ltr;
}


@font-face {
    font-family: 'icomoon';
    src:  url('../Fonts/icomoon.eot');
    src:  url('../Fonts/icomoon.eot') format('embedded-opentype'),
    url('../Fonts/icomoon.ttf') format('truetype'),
    url('../Fonts/icomoon.woff') format('woff'),
    url('../Fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-message:before {
    content: "\e92b";
    color: #fff;
}
.icon-send-point:before {
    content: "\e92a";
    color: #259e47;
}
.icon-menu:before {
    content: "\e925";
    font-size: 28px;
}
.icon-cancel:before {
    content: "\e926";
}
.icon-Close:before {
    content: "\e927";
}
.icon-Play:before {
    content: "\e928";
}
.icon-Search:before {
    content: "\e929";
    color: var(--text-dec-color-black);
    opacity: 50%;
}
.icon-Previous:before {
    content: "\e91f";
}
.icon-Align-Left-dark:before {
    content: "\e900";
    font-size: 28px;
}
.icon-Align-Left-light:before {
    content: "\e901";
}
.icon-arrowDown:before {
    content: "\e902";
}
.icon-arrow-left:before {
    content: "\e903";
    color: #fff;
}
.icon-arrowUp:before {
    content: "\e904";
    color: #fff;
}
.icon-baleh:before {
    content: "\e905";
    color: #fff;
}
.icon-book:before {
    content: "\e906";
    font-size: 28px;

}
.icon-Chart:before {
    content: "\e907";
    font-size: 28px;

}
.icon-Display:before {
    content: "\e908";
    font-size: 28px;

}
.icon-Edit:before {
    content: "\e909";
    color: #fff;
}
.icon-eitaa:before {
    content: "\e90a";
    color: #fff;
}
.icon-eye-black:before {
    content: "\e90b";
}
.icon-eye-white:before {
    content: "\e90c";
    color: #fafafa;
}
.icon-FaceBook:before {
    content: "\e90d";
    color: #fff;
}
.icon-Filter:before {
    content: "\e90e";
    color: #fafafa;
}
.icon-Headphone:before {
    content: "\e90f";
    font-size: 28px;

}
.icon-Home:before {
    content: "\e910";
    color: #fff;
}
.icon-Instagram:before {
    content: "\e911";
    color: #fff;
}
.icon-Logout:before {
    content: "\e912";
    color: #d52323;
}
.icon-Message .path1:before {
    content: "\e913";
    color: rgb(248, 187, 70);
}
.icon-Message .path2:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-Message .path3:before {
    content: "\e915";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-Message .path4:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-Message .path5:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-Message .path6:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-Minus:before {
    content: "\e919";
    color: #de0202;
}
.icon-Next:before {
    content: "\e91a";
}
.icon-Play-black:before {
    content: "\e91b";
}
.icon-Play-white:before {
    content: "\e91c";
    color: #fff;
}
.icon-plus-off:before {
    content: "\e91d";
}
.icon-plus-on:before {
    content: "\e91e";
    color: var(--mainColor);
    font-weight: 700;
}
.icon-Previous:before {
    content: "\e91f";
}
.icon-Profile:before {
    content: "\e920";
    color: #fff;
}
.icon-Star:before {
    content: "\e921";
    color: rgb(224, 224, 224) ;
    font-size: 20px !important;

}
.icon-Star-fill:before {
    content: "\e922";
    color: #f8bb46 !important;
    font-size: 20px !important;

}
.icon-team:before {
    content: "\e923";
    color: #fff;
}
.icon-Telegram:before {
    content: "\e924";
    color: #fff;
}