.larg_font {
  font-size: 60px;
}
@media all and (max-width: 992px) {
  .larg_font {
    font-size: 35px;
  }
}
.font_lg35 {
  font-size: 35px;
}
@media all and (max-width: 992px) {
  .font_lg35 {
    font-size: 27px;
  }
}
@media all and (max-width: 576px) {
  .font_lg35 {
    font-size: 18px;
  }
}
.font_lg30 {
  font-size: 30px;
}
@media all and (max-width: 992px) {
  .font_lg30 {
    font-size: 22px;
  }
}
@media all and (max-width: 768px) {
  .font_lg30 {
    font-size: 20px;
  }
}
.font_lg24 {
  font-size: 24px;
}
@media all and (max-width: 992px) {
  .font_lg24 {
    font-size: 19px;
  }
}
.font_lg22 {
  font-size: 22px;
}
@media all and (max-width: 992px) {
  .font_lg22 {
    font-size: 18px;
  }
}
@media all and (max-width: 576px) {
  .font_lg22 {
    font-size: 16px;
  }
}
.font_lg20 {
  font-size: 20px;
}
@media all and (max-width: 992px) {
  .font_lg20 {
    font-size: 18px;
  }
}
@media all and (max-width: 576px) {
  .font_lg20 {
    font-size: 16px;
  }
}
.font_lg {
  font-size: 17px;
}
@media all and (max-width: 992px) {
  .font_lg {
    font-size: 15px;
  }
}
@media all and (max-width: 768px) {
  .font_lg {
    font-size: 13px;
  }
}
.font_md {
  font-size: 16px;
}
@media all and (max-width: 992px) {
  .font_md {
    font-size: 13px;
  }
}
@media all and (max-width: 576px) {
  .font_md {
    font-size: 12px;
  }
}
.font_sm {
  font-size: 14px;
}
@media all and (max-width: 992px) {
  .font_sm {
    font-size: 13px;
  }
}
@media all and (max-width: 576px) {
  .font_sm {
    font-size: 12px;
  }
}
@font-face {
  font-family: "IRANSansWeb_Medium";
  font-style: normal;
  font-weight: normal;
  src: url('fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
  src: url('fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
  font-family: "IRANSansWeb_light";
  font-style: normal;
  font-weight: normal;
  src: url('fonts/eot/IRANSansWeb(FaNum)_Light.eot');
  src: url('fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
body {
  font-family: "IRANSansWeb_Medium", sans-serif;
  padding: 0;
  margin: 0;
  direction: rtl;
  text-align: right;
}
.font_medium {
  font-family: "IRANSansWeb_Medium", sans-serif;
}
.font_light {
  font-family: "IRANSansWeb_light", sans-serif;
}
/*..........header...........*/
.header .navbar {
  right: 0;
  left: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.header .navbar .logo img {
  height: 61px;
}
.header .navbar #navb ul a {
  color: white;
  font-size: 16px;
  position: relative;
}
@media all and (max-width: 992px) {
  .header .navbar #navb ul a {
    font-size: 15px;
  }
}
.header .navbar #navb ul a:before,
.header .navbar #navb ul a:after {
  content: '';
  position: absolute;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.header .navbar #navb .effect-4 {
  overflow: hidden;
}
.header .navbar #navb .effect-4:before,
.header .navbar #navb .effect-4:after {
  left: 0;
  width: 100%;
  height: 1px;
  background: white;
}
.header .navbar #navb .effect-4:before {
  bottom: 0;
  -webkit-transform: translateX(-101%);
  -moz-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  -o-transform: translateX(-101%);
  transform: translateX(-101%);
}
.header .navbar #navb .effect-4:after {
  top: 0;
  -webkit-transform: translateX(101%);
  -moz-transform: translateX(101%);
  -ms-transform: translateX(101%);
  -o-transform: translateX(101%);
  transform: translateX(101%);
}
.header .navbar #navb .effect-4:hover:before,
.header .navbar #navb .effect-4:hover:after,
.header .navbar #navb .effect-4:active:before,
.header .navbar #navb .effect-4:active:after,
.header .navbar #navb .effect-4:focus:before,
.header .navbar #navb .effect-4:focus:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.header .navbar .button--sacnite {
  position: relative;
  height: 40px;
  width: 40px;
  display: block;
  text-align: center;
  vertical-align: middle;
}
.header .navbar .button--sacnite::before {
  content: '';
  position: absolute;
  top: -8%;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
  z-index: -1;
  box-shadow: inset 0 0 0 35px transparent;
  -o-box-shadow: inset 0 0 0 35px transparent;
  -moz-box-shadow: inset 0 0 0 35px transparent;
  -webkit-box-shadow: inset 0 0 0 35px transparent;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  -moz-transform: scale3d(0.9, 0.9, 1);
  -ms-transform: scale3d(0.9, 0.9, 1);
  -o-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3s;
  transition: box-shadow 0.3s, transform 0.3s;
}
.header .navbar .button--round-l {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.header .navbar .button--sacnite:hover {
  color: transparent;
}
.header .navbar .button--sacnite:hover:before {
  box-shadow: inset 0 0 0 2px #fff;
  -o-box-shadow: inset 0 0 0 2px #fff;
  -moz-box-shadow: inset 0 0 0 2px #fff;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.header .navbar .social-icon {
  flex-direction: row;
}
.section1 {
  background: url("img/Assets.png") right top no-repeat;
  background-size: contain;
  height: 58vw;
  width: 100%;
}
@media all and (max-width: 1370px) {
  .section1 {
    background-size: 106% 100%;
  }
}
@media all and (max-width: 712px) {
  .section1 {
    height: 71vw;
  }
}
@media all and (max-width: 576px) {
  .section1 {
    background: linear-gradient(to left, #4c1da2, #bc5f9d);
    height: 115vw;
  }
}
.section1 .my-content {
  width: 88%;
  padding-top: 30%;
}
@media all and (max-width: 768px) {
  .section1 .my-content {
    width: 103%;
  }
}
@media all and (max-width: 576px) {
  .section1 .my-content {
    width: 100%;
  }
}
@media all and (max-width: 576px) {
  .section1 .my-content {
    padding-top: 40%;
  }
}
.section1 .my-content .btn {
  color: white;
  background-color: transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: 2px solid #ffffff;
  padding: 13px 18px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.section1 .my-content .btn:hover,
.section1 .my-content .btn:active,
.section1 .my-content .btn:focus {
  color: #6d30a1;
  background-color: white;
}
.section2 h6 {
  color: #6d30a1;
}
.section2 .links a {
  text-align: center;
  text-decoration: none;
  color: #343434;
  font-size: 17px;
  position: relative;
}
@media all and (max-width: 992px) {
  .section2 .links a {
    font-size: 15px;
  }
}
@media all and (max-width: 768px) {
  .section2 .links a {
    font-size: 13px;
  }
}
.section2 .links a:before,
.section2 .links a:after {
  content: '';
  position: absolute;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.section2 .links a img {
  display: block;
  margin: auto;
  margin-bottom: 15px;
}
.section2 .effect-1:before {
  left: 0;
  bottom: -15px;
  width: 100%;
  height: 3px;
  background-color: #87409f;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}
.section2 .effect-1:hover:before,
.section2 .effect-1:active:before,
.section2 .effect-1.active:before,
.section2 .effect-1:focus:before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.section2 .pattern {
  background: url("img/pattern.png") center center repeat;
}
.section2 .pattern .my-bg {
  background-color: #f9f7f5;
}
.section2 .pattern .my-bg img {
  display: block;
  margin: auto;
}
.section2 .pattern .my-bg a {
  text-decoration: none;
  color: #87409f;
}
.section3 h6 {
  color: #6d30a1;
}
.section3 video {
  width: 100%;
  height: 500px;
}
.section3 #index-video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  right: 0;
  bottom: 0;
  background: url("img/Video.gif") no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
.section4 img {
  width: 100%;
}
.section4 h6 {
  color: #6d30a1;
}
.button {
  padding: 1.5em 2em;
  color: #fff;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.button:focus {
  outline: none;
}
.button:hover {
  text-decoration: none;
}
.button > span {
  vertical-align: middle;
}
.button--antiman {
  background: none;
  border: none;
  height: 60px;
}
.button--antiman::before {
  content: '';
  z-index: -1;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  border: 2px solid #37474f;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale3d(1.2, 1.2, 1);
  -moz-transform: scale3d(1.2, 1.2, 1);
  -ms-transform: scale3d(1.2, 1.2, 1);
  -o-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}
.button--antiman::after {
  content: '';
  z-index: -1;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  background: #fff;
}
.button--antiman:hover::before {
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.button--antiman:hover::after {
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  -moz-transform: scale3d(0.8, 0.8, 1);
  -ms-transform: scale3d(0.8, 0.8, 1);
  -o-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
}
.button--antiman.button--inverted {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--antiman.button--inverted::before {
  border-color: #4d1ea2;
}
.button--antiman.button--inverted::after {
  background: #4d1ea2;
}
.button--antiman.button--inverted:hover {
  color: #4d1ea2;
}
.button--antiman.button--border-thin::before {
  border-width: 1px;
}
.section5 {
  background: #ffffff url("img/base.svg") center bottom no-repeat;
  background-size: cover;
  width: 100%;
}
@media all and (max-width: 767px) {
  .section5 {
    background-size: 1141%;
  }
}
.section5 .padding_larg {
  padding-top: 100px;
}
.section5 .my-border-left {
  border-left: 1px solid #dee2e6!important;
}
@media all and (max-width: 767px) {
  .section5 .my-border-left {
    border-left: none!important;
  }
}
.section5 .analytic {
  width: 89%;
}
.section5 .analytics {
  width: 180px;
  padding-top: 60px;
}
.section5 .analytics i {
  width: 100%;
  text-align: center;
}
.section6 {
  background-color: #fafafb;
  padding-bottom: 200px;
}
.section6 h6 {
  color: #843e9f;
}
.section6 .bx-wrapper {
  direction: ltr;
}
.section6 .bx-viewport {
  height: unset !important;
}
.section6 .myslide {
  direction: rtl;
  background: #ffffff url("img/quote.png") 90% top no-repeat;
  float: right !important;
  min-width: 284px;
  margin: 15px;
}
.section6 .myslide .content {
  padding-top: 80px;
}
.section6 .myslide .customer .avatar {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #343434;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.section6 .myslide .customer .avatar img {
  width: inherit;
  height: inherit;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.section6 .text-gray {
  color: #3a3a3a;
}
.section6 .blue {
  color: #49168f;
}
.section6 .bx-pager.bx-default-pager a {
  background: #d2d2d3;
  width: 8px;
  height: 8px;
}
.section6 .bx-pager.bx-default-pager a:hover,
.section6 .bx-pager.bx-default-pager a.active,
.section6 .bx-pager.bx-default-pager a:focus {
  background-color: #6747f1;
}
.section7 {
  background: #f1eff9 url("img/footer.png") center bottom no-repeat;
  background-size: contain;
  height: unset;
  width: 100%;
  position: relative;
}
@media all and (max-width: 767px) {
  .section7 {
    background-size: 480% 90%;
  }
}
@media all and (min-width: 1255px) {
  .section7 {
    height: 50vw;
  }
}
.section7 h6 {
  color: #3a3161;
  padding-top: 200px;
}
.section7 ul {
  list-style: none;
  padding-right: 15px;
}
.section7 ul span {
  display: inline-block;
  background-color: #3a3161;
  width: 13px;
  height: 13px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-left: 5px;
  margin-bottom: -3px;
}
.section7 ul a {
  color: #181818;
  text-decoration: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.section7 ul a:hover,
.section7 ul a:active,
.section7 ul a.active,
.section7 ul a:focus {
  color: #4d1ea2;
  font-weight: bold;
}
.section7 .footer-logo > img {
  width: 100%;
}
@media all and (max-width: 767px) {
  .section7 .footer-logo > img {
    width: 80%;
  }
}
.section7 .border-purple {
  border-color: #7d3bc6!important;
  width: unset;
  text-align: left;
  float: left;
}
@media all and (min-width: 1200px) {
  .section7 .border-purple {
    width: 61vw;
  }
}
.section7 #offer {
  display: block;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: 50%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 5px 8.66px 25px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 5px 8.66px 25px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 8.66px 25px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 8.66px 25px 0 rgba(0, 0, 0, 0.1);
  padding: 45px 10px;
}
@media all and (max-width: 768px) {
  .section7 #offer {
    width: 70%;
  }
}
@media all and (max-width: 375px) {
  .section7 #offer {
    width: 80%;
  }
}
.section7 #offer h3 {
  color: #3a3161;
}
.section7 #offer h4 {
  color: #575a73;
}
@-webkit-keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.moema-bg1 {
  background-color: #3a3161;
}
.moema-bg1:hover {
  background-color: #4b3e84;
}
.moema-bg2 {
  background-color: #fb527a;
}
.moema-bg2:hover {
  background-color: #eb3963;
}
.button--moema {
  width: 227px;
  padding: 15px 0;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.button--moema::before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  bottom: -20px;
  right: -20px;
  background: inherit;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  z-index: -1;
  opacity: 0.4;
  -webkit-transform: scale3d(0.8, 0.5, 1);
  transform: scale3d(0.8, 0.5, 1);
}
.button--moema:hover {
  -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  color: #ECEFF1;
  -webkit-animation: anim-moema-1 0.3s forwards;
  animation: anim-moema-1 0.3s forwards;
}
.button--moema:hover::before {
  -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
  animation: anim-moema-2 0.3s 0.3s forwards;
}