:root{
      --firstcolor: #038bce;
      --darkBlue: #0371a7;
      --mysecondcolor: #d0014e;
      --mywhite: #faf7f7;
      --myred: #ce031d;
}
@font-face {
      font-family: 'Vazir';
      src: url('../fonts/vazir-medium/Vazir-Medium-FD.eot'); /* IE9 */
      src: url('../fonts/vazir-medium/Vazir-Medium-FD.eot?#iefix') format('embedded-opentype'),
      url('../fonts/vazir-medium/Vazir-Medium-FD.woff2') format('woff2'),
      url('../fonts/vazir-medium/Vazir-Medium-FD.woff') format('woff'),
      url('../fonts/vazir-medium/Vazir-Medium-FD.ttf') format('truetype');
      font-weight: normal;
}
@font-face {
      font-family: my-yekan;
      src: url('../fonts/yekan/yekan.eot');
      src: url('../fonts/yekan/yekan.eot?#iefix') format('embedded-opentype'),
      url('../fonts/yekan/Yekan.woff') format('woff'),
      url('../fonts/yekan/Yekan.ttf') format('truetype');
      url('../fonts/yekan/Yekan.woff2') format('woff2'),
      url('../fonts/yekan/Yekan.svg') format('svg');
      font-weight: normal;
}
@font-face {
      font-family: "IranSans";
      src: url('../fonts/iransans/iransans.eot');
      src: url('../fonts/iransans/iransans.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iransans/iransans.woff') format('woff'),
      url('../fonts/iransans/iransans.ttf') format('truetype');
      url('../fonts/iransans/iransans.woff2') format('woff'),
      font-weight: normal;
}

.font-vazir{
      font-family: Vazir;
}
.line-through{
      text-decoration-line: line-through;
}
.font-yekan{
      font-family: my-yekan;
}
.font-sans{
      font-family: "IranSans";
}
.bg-white{
      background-color: #fffcfc;
}
.main-radius{
      border-radius: 20px;
}
.ellipsis{
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
}
.ellipsis-2{
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
}
.ellipsis-line{
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.text-justify{
      text-align: justify;
}
.text-color{
      color: #575656;
}
.text-white{
      color: white;
}
.shadow-elements{
      box-shadow: 0px 1px 3px -2px #c2c2c2;
}
.effect2
{
      position: relative;
}
.effect2:before, .effect2:after
{
      z-index: -1;
      position: absolute;
      content: "";
      bottom: 15px;
      left: 10px;
      width: 50%;
      top: 80%;
      max-width:300px;
      background: #777;
      box-shadow: 0 15px 10px #777;
      transform: rotate(-3deg);
}
.effect2:after
{
      transform: rotate(3deg);
      right: 10px;
      left: auto;
}
.font-12{
      font-size: 12px !important;
}
.font-13{
      font-size: 13px !important;
}
.font-14{
      font-size: 14px !important;
}
.font-16{
      font-size: 16px !important;
}
.font-18{
      font-size: 18px!important;
}
.font-20{
      font-size: 20px!important;
}
.text-green{
      color: #04b153;
}
.text-blue{
      color:var(--firstcolor);
}
.bg-blue{
      background-color: var(--firstcolor);
}
.text-red{
      color:var(--myred);
}
.motion-line{
      position: relative;
}
.motion-line:after {
      top: 35px;
      content: "";
      display: block;
      height: 3px;
      left: 50%;
      position: absolute;
      width: 0;
      background: var(--firstcolor);
      -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
      transition: width 0.3s ease 0s, left 0.3s ease 0s;
}
.motion-line:hover:after {
      width: 100%;
      left: 0;
}