:root {
/*   --c1: #7f029f;
  --c2: #27BEB4;
  --c3: #f64eb4;
  --c4: #FFFADE; */

  --c1: #03b97c;
  --c2: #F5C34B;
  --c3: #333d46;
  --c4: #FFFADE; 

  --bg1:#f4f5f7;
  --tc1:#333d46;

  --m1:#c800d5;
  --m2:#feda00;
 
}
/* fonts */
@font-face {
	font-family: IRANSansWeb_Light;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/IRANSansWeb.eot) format("embedded-opentype"), url('../fonts/IRANSansWeb(FaNum).woff') format("woff"), url(../fonts/IRANSansWeb.ttf) format("truetype")
}
@font-face {
	font-family: Yekan;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/Yekan.eot) format("embedded-opentype"), url(../fonts/Yekan.woff) format("woff"), url(../fonts/Yekan.ttf) format("truetype")
}

::-moz-selection { /* Code for Firefox */
  color:#ffffff;
  background: var(--c2);
}
::selection {
color: #ffffff;
background: var(--c2);
}
/* ::-webkit-scrollbar {width:12px;}
::-webkit-scrollbar-track { background: #e8e8e8;}
::-webkit-scrollbar-thumb:hover {background: var(--c1);} */
body{
	margin: 0;
	padding: 0;
	font-family: "Yekan";
	background-color:var(--body);
	font-size:14px;

}
/* scroll style */
::-webkit-scrollbar {
  width: 4px;
  background-color:#F8F8F8;
  color:var(--c1);
  text-align:left;
  direction:ltr;
}
::-webkit-scrollbar-track {
  background: #F8F8F8!important;
}
::-webkit-scrollbar-thumb {
  background-color:var(--c1)!important;  
}
::-webkit-scrollbar-thumb:hover {
	width: 15px!important;
  background: var(--c1)!important;
}

/* New Font */
@font-face {
	font-family: IRANYekanWebRegular;
	font-style: normal; 
	font-weight: 400; 
	src: url(../fonts/IRANYekanWebRegular.eot) format("embedded-opentype"), url(../fonts/IRANYekanWebRegular.woff) format("woff"), url(../fonts/IRANYekanWebRegular.ttf) format("truetype")
}
.h1, h1 {
    font-size: 24px;
}
.h2, h2 {
    font-size: 20px;
}
.h3, h3 {
    font-size: 18px;
}
.h4, h4 {
    font-size: 16px;
}
.h5, h5 {
    font-size: 15px;
}
.h6, h6 {
    font-size: 14px;
}
a{
	color:#7367f0;
}
/* a:hover{
	color:#241c76;
} */
/* RA STYLES */
/* Directions */
.rtl{direction:rtl!important}
.ltr{direction:ltr!important}

/* Font Size */
.fs12{font-size:12px!important}
.fs13{font-size:13px!important}
.fs14{font-size:14px!important}
.fs15{font-size:15px!important}
.fs16{font-size:16px!important}
.fs17{font-size:17px!important}
.fs18{font-size:18px!important}
.fs19{font-size:19px!important}
.fs20{font-size:20px!important}
.fs21{font-size:21px!important}
.fs22{font-size:22px!important}
.fs23{font-size:23px!important}
.fs24{font-size:24px!important}
.fs25{font-size:25px!important}
.fs26{font-size:26px!important}
.fs27{font-size:27px!important}
.fs28{font-size:28px!important}
.fs29{font-size:29px!important}
.fs30{font-size:30px!important}
.fs31{font-size:31px!important}
.fs32{font-size:32px!important}
.fs33{font-size:33px!important}
.fs34{font-size:34px!important}
.fs35{font-size:35px!important}
.fs36{font-size:36px!important}
.fs37{font-size:37px!important}
.fs38{font-size:38px!important}
.fs39{font-size:39px!important}
.fs40{font-size:40px!important}
.fs41{font-size:41px!important}
.fs42{font-size:42px!important}

/* Float */
.float-left{float: left; }
.float-right{float: right; }

/* Color */
.text-white{color:white!important;}
.text-black{color:white!important;}
.text-violet{color:#52057b!important}
.text-red{color:red!important}
.text-green{color:green!important}
.text-yellow{color:yellow!important}

/* background color  */
.bg-white{background-color:white!important;}
.bg-black{background-color:white!important;}
.bg-violet{background-color:#52057b!important}
.bg-red{background-color:red!important}
.bg-green{background-color:green!important}
.bg-yellow{background-color:yellow!important}

/* orientation */
.text-center{text-align:center!important;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}

/* Padding */
.p-1px{padding:1px!important;}
.p-2px{padding:2px!important;}
.p-3px{padding:3px!important;}
.p-4px{padding:4px!important;}
.p-5px{padding:5px!important;}
.p-6px{padding:6px!important;}
.p-7px{padding:7px!important;}
.p-8px{padding:8px!important;}
.p-9px{padding:9px!important;}
.p-10px{padding:10px!important;}
.p-12px{padding:12px!important;}
.p-15px{padding:15px!important;}
.p-20px{padding:20px!important;}
.p-25px{padding:25px!important;}
.p-30px{padding:30px!important;}
.p-35px{padding:35px!important;}
.p-40px{padding:40px!important;}
.p-45px{padding:45px!important;}
.p-50px{padding:50px!important;}
.p-60px{padding:60px!important;}
.p-70px{padding:70px!important;}
.p-80px{padding:80px!important;}
.p-90px{padding:90px!important;}
.p-100px{padding:100px!important;}

/* Padding top */
.pt-1px{padding-top:1px!important;}
.pt-2px{padding-top:2px!important;}
.pt-3px{padding-top:3px!important;}
.pt-4px{padding-top:4px!important;}
.pt-5px{padding-top:5px!important;}
.pt-6px{padding-top:6px!important;}
.pt-7px{padding-top:7px!important;}
.pt-8px{padding-top:8px!important;}
.pt-9px{padding-top:9px!important;}
.pt-10px{padding-top:10px!important;}
.pt-12px{padding-top:12px!important;}
.pt-15px{padding-top:15px!important;}
.pt-20px{padding-top:20px!important;}
.pt-25px{padding-top:25px!important;}
.pt-30px{padding-top:30px!important;}
.pt-35px{padding-top:35px!important;}
.pt-40px{padding-top:40px!important;}
.pt-45px{padding-top:45px!important;}
.pt-50px{padding-top:50px!important;}
.pt-60px{padding-top:60px!important;}
.pt-70px{padding-top:70px!important;}
.pt-80px{padding-top:80px!important;}
.pt-90px{padding-top:90px!important;}
.pt-100px{padding-top:100px!important;}

/* Padding bottom */
.pb-1px{padding-bottom:1px!important;}
.pb-2px{padding-bottom:2px!important;}
.pb-3px{padding-bottom:3px!important;}
.pb-4px{padding-bottom:4px!important;}
.pb-5px{padding-bottom:5px!important;}
.pb-6px{padding-bottom:6px!important;}
.pb-7px{padding-bottom:7px!important;}
.pb-8px{padding-bottom:8px!important;}
.pb-9px{padding-bottom:9px!important;}
.pb-10px{padding-bottom:10px!important;}
.pb-12px{padding-bottom:12px!important;}
.pb-15px{padding-bottom:15px!important;}
.pb-20px{padding-bottom:20px!important;}
.pb-25px{padding-bottom:25px!important;}
.pb-30px{padding-bottom:30px!important;}
.pb-35px{padding-bottom:35px!important;}
.pb-40px{padding-bottom:40px!important;}
.pb-45px{padding-bottom:45px!important;}
.pb-50px{padding-bottom:50px!important;}
.pb-60px{padding-bottom:60px!important;}
.pb-70px{padding-bottom:70px!important;}
.pb-80px{padding-bottom:80px!important;}
.pb-90px{padding-bottom:90px!important;}
.pb-100px{padding-bottom:100px!important;}

/* Padding right */
.pr-1px{padding-right:1px!important;}
.pr-2px{padding-right:2px!important;}
.pr-3px{padding-right:3px!important;}
.pr-4px{padding-right:4px!important;}
.pr-5px{padding-right:5px!important;}
.pr-6px{padding-right:6px!important;}
.pr-7px{padding-right:7px!important;}
.pr-8px{padding-right:8px!important;}
.pr-9px{padding-right:9px!important;}
.pr-10px{padding-right:10px!important;}
.pr-12px{padding-right:12px!important;}
.pr-15px{padding-right:15px!important;}
.pr-20px{padding-right:20px!important;}
.pr-25px{padding-right:25px!important;}
.pr-30px{padding-right:30px!important;}
.pr-35px{padding-right:35px!important;}
.pr-40px{padding-right:40px!important;}
.pr-45px{padding-right:45px!important;}
.pr-50px{padding-right:50px!important;}
.pr-60px{padding-right:60px!important;}
.pr-70px{padding-right:70px!important;}
.pr-80px{padding-right:80px!important;}
.pr-90px{padding-right:90px!important;}
.pr-100px{padding-right:100px!important;}

/* Padding left */
.pl-1px{padding-left:1px!important;}
.pl-2px{padding-left:2px!important;}
.pl-3px{padding-left:3px!important;}
.pl-4px{padding-left:4px!important;}
.pl-5px{padding-left:5px!important;}
.pl-6px{padding-left:6px!important;}
.pl-7px{padding-left:7px!important;}
.pl-8px{padding-left:8px!important;}
.pl-9px{padding-left:9px!important;}
.pl-10px{padding-left:10px!important;}
.pl-12px{padding-left:12px!important;}
.pl-15px{padding-left:15px!important;}
.pl-20px{padding-left:20px!important;}
.pl-25px{padding-left:25px!important;}
.pl-30px{padding-left:30px!important;}
.pl-35px{padding-left:35px!important;}
.pl-40px{padding-left:40px!important;}
.pl-45px{padding-left:45px!important;}
.pl-50px{padding-left:50px!important;}
.pl-60px{padding-left:60px!important;}
.pl-70px{padding-left:70px!important;}
.pl-80px{padding-left:80px!important;}
.pl-90px{padding-left:90px!important;}
.pl-100px{padding-left:100px!important;}

/* margin */
.m-1px{margin:1px!important;}
.m-2px{margin:2px!important;}
.m-3px{margin:3px!important;}
.m-4px{margin:4px!important;}
.m-5px{margin:5px!important;}
.m-6px{margin:6px!important;}
.m-7px{margin:7px!important;}
.m-8px{margin:8px!important;}
.m-9px{margin:9px!important;}
.m-10px{margin:10px!important;}
.m-12px{margin:12px!important;}
.m-15px{margin:15px!important;}
.m-20px{margin:20px!important;}
.m-25px{margin:25px!important;}
.m-30px{margin:30px!important;}
.m-35px{margin:35px!important;}
.m-40px{margin:40px!important;}
.m-45px{margin:45px!important;}
.m-50px{margin:50px!important;}
.m-60px{margin:60px!important;}
.m-70px{margin:70px!important;}
.m-80px{margin:80px!important;}
.m-90px{margin:90px!important;}
.m-100px{margin:100px!important;}

/* margin top */
.mt-1px{margin-top:1px!important;}
.mt-2px{margin-top:2px!important;}
.mt-3px{margin-top:3px!important;}
.mt-4px{margin-top:4px!important;}
.mt-5px{margin-top:5px!important;}
.mt-6px{margin-top:6px!important;}
.mt-7px{margin-top:7px!important;}
.mt-8px{margin-top:8px!important;}
.mt-9px{margin-top:9px!important;}
.mt-10px{margin-top:10px!important;}
.mt-12px{margin-top:12px!important;}
.mt-15px{margin-top:15px!important;}
.mt-20px{margin-top:20px!important;}
.mt-25px{margin-top:25px!important;}
.mt-30px{margin-top:30px!important;}
.mt-35px{margin-top:35px!important;}
.mt-40px{margin-top:40px!important;}
.mt-45px{margin-top:45px!important;}
.mt-50px{margin-top:50px!important;}
.mt-60px{margin-top:60px!important;}
.mt-70px{margin-top:70px!important;}
.mt-80px{margin-top:80px!important;}
.mt-90px{margin-top:90px!important;}
.mt-100px{margin-top:100px!important;}

/* margin bottom */
.mb-1px{margin-bottom:1px!important;}
.mb-2px{margin-bottom:2px!important;}
.mb-3px{margin-bottom:3px!important;}
.mb-4px{margin-bottom:4px!important;}
.mb-5px{margin-bottom:5px!important;}
.mb-6px{margin-bottom:6px!important;}
.mb-7px{margin-bottom:7px!important;}
.mb-8px{margin-bottom:8px!important;}
.mb-9px{margin-bottom:9px!important;}
.mb-10px{margin-bottom:10px!important;}
.mb-12px{margin-bottom:12px!important;}
.mb-15px{margin-bottom:15px!important;}
.mb-20px{margin-bottom:20px!important;}
.mb-25px{margin-bottom:25px!important;}
.mb-30px{margin-bottom:30px!important;}
.mb-35px{margin-bottom:35px!important;}
.mb-40px{margin-bottom:40px!important;}
.mb-45px{margin-bottom:45px!important;}
.mb-50px{margin-bottom:50px!important;}
.mb-60px{margin-bottom:60px!important;}
.mb-70px{margin-bottom:70px!important;}
.mb-80px{margin-bottom:80px!important;}
.mb-90px{margin-bottom:90px!important;}
.mb-100px{margin-bottom:100px!important;}

/* margin right */
.mr-1px{margin-right:1px!important;}
.mr-2px{margin-right:2px!important;}
.mr-3px{margin-right:3px!important;}
.mr-4px{margin-right:4px!important;}
.mr-5px{margin-right:5px!important;}
.mr-6px{margin-right:6px!important;}
.mr-7px{margin-right:7px!important;}
.mr-8px{margin-right:8px!important;}
.mr-9px{margin-right:9px!important;}
.mr-10px{margin-right:10px!important;}
.mr-12px{margin-right:12px!important;}
.mr-15px{margin-right:15px!important;}
.mr-20px{margin-right:20px!important;}
.mr-25px{margin-right:25px!important;}
.mr-30px{margin-right:30px!important;}
.mr-35px{margin-right:35px!important;}
.mr-40px{margin-right:40px!important;}
.mr-45px{margin-right:45px!important;}
.mr-50px{margin-right:50px!important;}
.mr-60px{margin-right:60px!important;}
.mr-70px{margin-right:70px!important;}
.mr-80px{margin-right:80px!important;}
.mr-90px{margin-right:90px!important;}
.mr-100px{margin-right:100px!important;}

/* margin left */
.ml-1px{margin-left:1px!important;}
.ml-2px{margin-left:2px!important;}
.ml-3px{margin-left:3px!important;}
.ml-4px{margin-left:4px!important;}
.ml-5px{margin-left:5px!important;}
.ml-6px{margin-left:6px!important;}
.ml-7px{margin-left:7px!important;}
.ml-8px{margin-left:8px!important;}
.ml-9px{margin-left:9px!important;}
.ml-10px{margin-left:10px!important;}
.ml-12px{margin-left:12px!important;}
.ml-15px{margin-left:15px!important;}
.ml-20px{margin-left:20px!important;}
.ml-25px{margin-left:25px!important;}
.ml-30px{margin-left:30px!important;}
.ml-35px{margin-left:35px!important;}
.ml-40px{margin-left:40px!important;}
.ml-45px{margin-left:45px!important;}
.ml-50px{margin-left:50px!important;}
.ml-60px{margin-left:60px!important;}
.ml-70px{margin-left:70px!important;}
.ml-80px{margin-left:80px!important;}
.ml-90px{margin-left:90px!important;}
.ml-100px{margin-left:100px!important;}

/* GRID */
/* width<576px */
/* XS */
@media (max-width: 576px){

}
/* 576px < width < 768px */
/* SM */
@media (min-width: 576px) and (max-width: 768px){

}
/* 768px < width < 992px */
/* MD */
@media (min-width: 768px) and (max-width: 992px){

}
/* 992px < width < 1200px */
/* LG */
@media (min-width: 992px) and (max-width: 1200px){

}
/* 1200px < width < 1400px */
/* XXL */
@media (min-width: 1200px) and (max-width: 1400px){

}
/* desktop */
@media(min-width:992px){

}
/* mobile */
@media(max-width:992px){

}
@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
.backindown{
    -webkit-animation-name:backInDown;
    animation-name:backInDown;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}
@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}
.backOutDown{
    -webkit-animation-name:backOutDown;
    animation-name:backOutDown;
    animation-name:backInDown;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}
.img1{
    cursor: pointer;
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
    animation-iteration-count: 1;
    animation-duration: 0.5s;
}
@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
    animation-iteration-count: 1;
    animation-duration: 0.5s;
}