.banner {
  display: flex;
  flex-direction: column-reverse;
  min-height: 54rem;
  background: #f6f6fc;
  background: #512D8D;
  padding: 4rem 0 3.2rem;
  padding-top: 8.2rem;
}
@media only screen and (min-width: 992px) {
  .banner {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 79rem;
  }
}
.banner .container {
  display: flex;
}
@media only screen and (min-width: 992px) {
  .banner .container {
    align-items: center;
  }
}
@media only screen and (max-width: 992px) {
  .banner .container {
    flex-direction: column;
    max-width: 54rem;
  }
}
.banner__wrap {
  max-width: 48rem;
}
@media only screen and (min-width: 992px) {
  .banner__wrap {
    width: 59.3rem;
    min-width: 59.3rem;
  }
}
@media only screen and (min-width: 992px) {
  .banner__wrap {
    top: 0rem;
  }
}
.banner__title {
  font-weight: 600;
  font-size: 4.2rem;
  line-height: 110%;
  letter-spacing: -0.02em;
  color: #fff;
}
@media only screen and (min-width: 576px) {
  .banner__title {
    font-size: calc(4.8rem + 26 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  .banner__title {
    font-size: 8.8rem;
  }
  .banner__title--small {
    font-size: 6.4rem;
  }
  .banner__title--small span {
    font-weight: 400;
  }
}
.banner__title strong {
  font-weight: 600;
}
.banner__title span {
  font-size: inherit;
}
.banner__descr {
  font-weight: 300;
  font-size: 1.3rem;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #fff;
  margin-top: 2.4rem;
  border-left: 1px solid #06B2E3;
  padding-left: 1.1rem;
}
@media only screen and (max-width: 576px) {
  .banner__descr {
    max-width: 30.7rem;
  }
}
@media only screen and (min-width: 992px) {
  .banner__descr {
    font-size: 2rem;
    margin-top: 3.4rem;
    border-left: 3px solid #06B2E3;
    padding-left: 1.7rem;
  }
}
.banner__descr span {
  display: block;
  font-size: inherit;
  line-height: inherit;
  margin-top: 1.6rem;
}
@media only screen and (min-width: 992px) {
  .banner__descr span {
    font-size: 1.4rem;
  }
}
.banner__bttn {
  margin-top: 2.4rem;
  min-width: 20rem;
}
@media only screen and (min-width: 992px) {
  .banner__bttn {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 576px) {
  .banner__bttn {
    padding: 0 0.5rem;
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
.banner__img {
  left: 50%;
  transform: translateX(-50%);
  margin-top: 2.4rem;
  width: calc(100% + 5.5rem);
}
@media only screen and (min-width: 992px) {
  .banner__img {
    left: unset;
    transform: unset;
    right: 0;
    width: auto;
    max-width: 1920px;
    margin-top: 0;
    top: 5rem;
  }
}
.banner__img video {
  max-width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.banner__img img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .banner__img img {
    width: 70.4rem;
  }
}
.banner__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.banner__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner--bg {
  min-height: 68rem;
}
.banner--bg .container {
  position: static;
}
.banner--bg .banner__wrap {
  max-width: 100%;
}
.banner--bg .banner__title {
  font-size: 3.6rem;
}
@media only screen and (min-width: 992px) {
  .banner--bg .banner__title {
    font-size: 6.4rem;
  }
}
.banner--bg .banner__title span {
  font-weight: 500;
}
.banner--bg .banner__descr {
  color: #606492;
  max-width: 48rem;
}
.banner--bg .banner__descr span {
  color: inherit;
}
.banner__integration {
  margin-top: 2.4rem;
}
@media only screen and (min-width: 992px) {
  .banner__integration {
    margin-top: 6.4rem;
  }
}
.banner__integration-title {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 120%;
  color: #606492;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .banner__integration-title {
    text-align: left;
  }
}
.banner__integration-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.2rem;
  margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .banner__integration-wrap {
    justify-content: flex-start;
    gap: 2.4rem;
  }
}
.banner__integration-item {
  display: flex;
  align-items: center;
}
.banner__integration-item-icon {
  width: 2.4rem;
  height: 2.4rem;
}
.banner__integration-item-icon img {
  width: 100%;
  height: auto;
}
.banner__integration-item-title {
  display: none;
}
@media only screen and (min-width: 992px) {
  .banner__integration-item-title {
    display: inline-block;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 140%;
    color: #512D8D;
    margin-left: 0.8rem;
  }
}

/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.benefits {
  padding: 5rem 0;
}
@media only screen and (min-width: 992px) {
  .benefits {
    padding: 5rem 0 12rem;
  }
}
.benefits__title {
  color: #fff;
  max-width: 110rem;
}
.benefits__wrap {
  background-color: #512D8D;
  border-radius: 22px;
  padding: 5rem 1.6rem;
}
@media only screen and (min-width: 992px) {
  .benefits__wrap {
    padding: 7rem 3.4rem 7.7rem;
    width: calc(100% + 6.8rem);
    left: 50%;
    transform: translateX(-50%);
  }
}
.benefits__list {
  margin-top: 1.6rem;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .benefits__list {
    margin-top: 6rem;
  }
}
.benefits__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.6rem;
}
@media only screen and (min-width: 992px) {
  .benefits__item {
    padding: 1.6rem 1.6rem 3.2rem;
  }
}
.benefits__item-icon {
  width: 6.2rem;
}
@media only screen and (min-width: 992px) {
  .benefits__item-icon {
    width: 7.2rem;
    margin-top: 3.2rem;
  }
}
.benefits__item-icon img {
  max-width: 100%;
  width: 100%;
}
.benefits__item-title {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  margin-top: 1.6rem;
  max-width: 33.3rem;
}
@media only screen and (min-width: 992px) {
  .benefits__item-title {
    min-height: 4.4rem;
  }
}
.benefits__item-descr {
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 140%;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  margin-top: 1rem;
  max-width: 31.5rem;
}
@media only screen and (min-width: 992px) {
  .benefits__item-descr {
    padding: 0 2rem;
    font-size: 1.6rem;
    margin-top: 3rem;
  }
}

.capabilities {
  background-color: rgba(233, 233, 239, 0.4);
}
.capabilities__descr {
  max-width: 84rem;
}
.capabilities__wrap {
  margin-top: 5.6rem;
}
.capabilities__item:not(:first-child) {
  margin-top: 6rem;
}
@media only screen and (min-width: 576px) {
  .capabilities__item {
    display: flex;
    align-items: center;
    gap: 8.4rem;
  }
  .capabilities__item:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .capabilities__item-wrap {
    margin-top: 0;
    max-width: 35rem;
  }
}
.capabilities__item-wrap {
  margin-top: 2.4rem;
}
.capabilities__item-head {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .capabilities__item-img {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.capabilities__item-img img {
  max-width: 100%;
}
.capabilities__item-img--shadow {
  display: none;
}
@media only screen and (min-width: 992px) {
  .capabilities__item-img--shadow {
    display: block;
    z-index: -1;
    transform: scale(1.3);
    position: absolute;
  }
}
.capabilities__item-icon {
  width: 4.5rem;
  height: 4.5rem;
}
.capabilities__item-icon img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .capabilities__item-icon {
    width: 5rem;
    height: 5rem;
  }
}
.capabilities__item-title {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 110%;
  color: #051322;
  margin-left: 1.6rem;
  flex: 1;
}
@media only screen and (min-width: 992px) {
  .capabilities__item-title {
    font-size: 2.8rem;
  }
}
.capabilities__item-title span {
  display: block;
}
.capabilities__item-descr {
  margin-top: 3.2rem;
  padding-top: 3.2rem;
  border-top: 0.1rem solid rgba(81, 45, 141, 0.2);
  display: flex;
}
.capabilities__item-descr ul {
  flex: 1;
}
.capabilities__item-descr li {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 140%;
  color: #051322;
  padding-left: 3.6rem;
}
.capabilities__item-descr li:not(:first-child) {
  margin-top: 1.6rem;
}
.capabilities__item-descr li:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 4rem;
  background-color: #0bbad5;
  left: 0.8rem;
  top: 0.5rem;
  position: absolute;
}

@media only screen and (min-width: 992px) {
  .roadmap {
    padding: 10rem 0 6.4rem;
  }
}
.roadmap__wrap {
  margin-top: 3rem;
  padding: 0 0 0.6rem 3.4rem;
}
@media only screen and (max-width: 992px) {
  .roadmap__wrap {
    max-width: 54rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 992px) {
  .roadmap__wrap {
    margin-top: 7rem;
    padding: 0;
  }
}
@media only screen and (min-width: 992px) {
  .roadmap__title {
    font-size: 4.4rem;
  }
}
.roadmap__descr {
  font-size: 1.6rem;
  margin-top: 2.1rem;
}
@media only screen and (min-width: 992px) {
  .roadmap__descr {
    font-size: 1.8rem;
  }
}
.roadmap__line {
  position: absolute;
  box-shadow: 0 0 0px 0.5px rgba(96, 100, 146, 0.15);
  border: 1px solid #fff;
  border-radius: 16px;
  display: block;
  width: 0.4rem;
  height: 100%;
  background: #ee502a;
  left: 2.6rem;
  top: 0;
  bottom: 0;
}
@media only screen and (min-width: 992px) {
  .roadmap__line {
    position: static;
    width: 100%;
    height: 0.4rem;
    background: #ee502a;
  }
}
@media only screen and (max-width: 992px) {
  .roadmap__section:first-child {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .roadmap__section {
    display: flex;
  }
}
.roadmap__col {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
@media only screen and (min-width: 992px) {
  .roadmap__col {
    flex: 1;
    margin: 0 0.35rem;
    padding-top: 16px;
  }
}
.roadmap__col-step {
  font-weight: 300;
  font-size: 1.3rem;
  line-height: 130%;
  text-align: center;
  color: #606492;
  position: absolute;
  top: 30%;
  left: -4rem;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .roadmap__col-step {
    transform: rotate(180deg);
    writing-mode: vertical-lr;
  }
}
@media only screen and (min-width: 992px) {
  .roadmap__col-step {
    top: -1.6rem;
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .roadmap__section:has(.roadmap__svg) .roadmap__col:before {
    content: "";
    position: absolute;
    display: block;
    left: -0.35rem;
    right: 0;
    width: 0.1rem;
    height: 13.8rem;
    bottom: 0;
    background-image: linear-gradient(0deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, rgba(175, 135, 248, 0.5), rgba(175, 135, 248, 0.5));
    background-size: 8px 8px;
  }
}
@media only screen and (min-width: 992px) {
  .roadmap__section:not(:first-child) .roadmap__col {
    display: flex;
    flex-direction: column;
  }
}
.roadmap__section:not(:first-child) .roadmap__col:before {
  content: "";
  position: absolute;
  display: block;
  width: 20rem;
  height: 0.1rem;
  background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, rgba(175, 135, 248, 0.5), #fff);
  background-size: 4px 4px, 100% 4px;
  left: -0.35rem;
  right: 0;
  top: -0.8rem;
}
@media only screen and (min-width: 992px) {
  .roadmap__section:not(:first-child) .roadmap__col:before {
    width: 0.1rem;
    height: 13.8rem;
    top: 0;
    background-image: linear-gradient(0deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, rgba(175, 135, 248, 0.5), rgba(175, 135, 248, 0.5));
    background-size: 8px 8px;
  }
}
.roadmap__section:not(:first-child) .roadmap__col:after {
  content: "";
  display: block;
  position: absolute;
  width: 0.9rem;
  height: 0.9rem;
  background: #f96525;
  border: 1px solid #ffffff;
  border-radius: 3rem;
  top: -1.2rem;
  left: -1.05rem;
}
@media only screen and (min-width: 992px) {
  .roadmap__section:not(:first-child) .roadmap__col:after {
    top: -0.7rem;
    left: -0.75rem;
  }
}
.roadmap__section:not(:first-child) .roadmap__col:nth-child(1):after {
  background-color: #ee502a;
}
.roadmap__section:not(:first-child) .roadmap__col:nth-child(2):after {
  background-color: #ee502a;
}
.roadmap__section:not(:first-child) .roadmap__col:nth-child(3):after {
  background-color: #ee502a;
}
.roadmap__section:not(:first-child) .roadmap__col:nth-child(4):after {
  background-color: #ee502a;
}
.roadmap__section:not(:first-child) .roadmap__col:nth-child(5):after {
  background-color: #ee502a;
}
.roadmap__section:not(:first-child) .roadmap__col:last-child .roadmap__item-descr:before {
  content: "";
  position: absolute;
  display: block;
  width: 20rem;
  height: 0.1rem;
  background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, rgba(175, 135, 248, 0.5), #fff);
  background-size: 4px 4px, 100% 4px;
  left: -0.35rem;
  right: 0;
  bottom: -0.8rem;
}
@media only screen and (min-width: 992px) {
  .roadmap__section:not(:first-child) .roadmap__col:last-child .roadmap__item-descr:before {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .roadmap__section:not(:first-child) .roadmap__col:last-child .roadmap__item-title:before {
    content: "";
    position: absolute;
    display: block;
    width: 0.1rem;
    height: 13.8rem;
    background-image: linear-gradient(0deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, rgba(175, 135, 248, 0.5), rgba(175, 135, 248, 0.5));
    background-size: 8px 8px;
    right: -0.35rem;
    left: auto;
    top: -0.8rem;
  }
}
.roadmap__section:not(:first-child) .roadmap__col:last-child .roadmap__item-descr:after {
  content: "";
  display: block;
  position: absolute;
  width: 0.9rem;
  height: 0.9rem;
  background: #f96525;
  border: 1px solid #ffffff;
  border-radius: 3rem;
  bottom: -1.2rem;
  left: -1.05rem;
  background-color: #ee502a;
}
@media only screen and (min-width: 992px) {
  .roadmap__section:not(:first-child) .roadmap__col:last-child .roadmap__item-descr:after {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .roadmap__section:not(:first-child) .roadmap__col:last-child .roadmap__item-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 0.9rem;
    height: 0.9rem;
    background: #ee502a;
    border: 1px solid #ffffff;
    border-radius: 3rem;
    right: -0.75rem;
    top: -2.2rem;
    left: auto;
  }
}
.roadmap__item {
  z-index: 2;
}
.roadmap__item-title {
  padding: 1rem 0.7rem;
  border-radius: 0.8rem 0.8rem 0.4rem 0.4rem;
  background-color: #0bbad5;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 120%;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .roadmap__item-title {
    min-height: 5.2rem;
  }
}
.roadmap__item-descr {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 130%;
  color: #051322;
  padding: 1rem 0.7rem;
  border-radius: 0.4rem 0.4rem 0.8rem 0.8rem;
  margin-top: 0.6rem;
  min-height: 4.8rem;
  background: #fcfcfe;
  border: 1px solid #edecf5;
}
@media only screen and (max-width: 992px) {
  .roadmap__item--second {
    margin: 1rem 0 0.6rem 2rem;
    order: -1;
  }
}
.roadmap__item--second .roadmap__item-title {
  background-color: #0bbad5;
}
.roadmap__item--division {
  margin-top: 3.6rem;
}
@media only screen and (min-width: 992px) {
  .roadmap__item .roadmap__svg {
    display: none;
  }
}
.roadmap__svg {
  position: absolute;
  height: auto;
  background-color: #fff;
  top: 0;
  left: -2.9rem;
}
@media only screen and (min-width: 992px) {
  .roadmap__svg {
    position: static;
    width: 100%;
    margin-top: 1.6rem;
    margin-bottom: -15%;
  }
}
@media only screen and (min-width: 992px) {
  .roadmap__svg path {
    stroke: #ee502a;
  }
}
.roadmap__svg rect {
  fill: #ee502a;
}
.roadmap__svg rect + path {
  fill: #ee502a;
}
.roadmap__margin {
  height: 2.6rem;
  order: -1;
}

.modules {
  background-color: #512d8d;
}
@media only screen and (min-width: 992px) {
  .modules {
    padding: 7rem 0 10rem;
  }
}
.modules__title, .modules__subtitle, .modules__descr {
  text-align: center;
  color: #fff;
}
.modules__subtitle {
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #051322;
  margin-top: 2.5rem;
  color: #fff;
  font-size: 1.8rem;
}
@media only screen and (min-width: 992px) {
  .modules__subtitle {
    margin-top: 4.5rem;
    font-size: 2.8rem;
  }
}
.modules__descr {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 140%;
  text-align: center;
  color: #fff;
  max-width: 61rem;
  margin: 0 auto;
  margin-top: 0.4rem;
}
@media only screen and (min-width: 992px) {
  .modules__descr {
    font-size: 1.8rem;
    margin: 0 auto;
    margin-top: 1.4rem;
  }
}
.modules__wrap {
  margin-top: 3.8rem;
  gap: 2rem;
}
@media only screen and (min-width: 992px) {
  .modules__wrap {
    margin-top: 7.4rem;
  }
}
@media (max-width: 576px) {
  .modules .bttns a {
    width: max-content;
  }
}
.modules__item {
  display: block;
  background-color: #512D8D;
  border: 0.1rem solid rgba(5, 19, 34, 0.25);
  border-radius: 1.2rem;
  transition: 0.4s ease-in-out;
  padding: 1.8rem 2rem;
  min-height: 40rem;
  overflow: hidden;
  max-width: 44rem;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .modules__item {
    min-height: 45rem;
    padding: 3.6rem 3.6rem;
  }
}
@media only screen and (min-width: 1256px) {
  .modules__item {
    max-width: 54rem;
  }
}
.modules__item:nth-of-type(1) {
  background-color: #fcb742;
}
.modules__item:nth-of-type(2) {
  background-color: #0bbad5;
}
.modules__item:nth-of-type(3) {
  background-color: #ee502a;
}
.modules__item-title, .modules__item-bttn {
  z-index: 1;
}
.modules__item-title {
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 110%;
  color: #fff;
  transition: 0.4s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .modules__item-title {
    font-size: 3.6rem;
  }
}
.modules__item-descr {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 130%;
  color: #512D8D;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  max-height: 0;
  opacity: 0;
}
.modules__item-bttn {
  color: #fff;
  transition: 0.4s ease-in-out;
  font-size: 1.7rem;
}
@media only screen and (min-width: 992px) {
  .modules__item-bttn {
    font-size: 1.9rem;
  }
}
.modules__item-bttn:after {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.490159 11.0961C0.0996346 11.4866 0.0996346 12.1198 0.490159 12.5103C0.880683 12.9009 1.51385 12.9009 1.90437 12.5103L0.490159 11.0961ZM12.8039 1.19662C12.8039 0.644336 12.3562 0.196621 11.8039 0.196621L2.80387 0.196621C2.25158 0.19662 1.80387 0.644336 1.80387 1.19662C1.80387 1.74891 2.25158 2.19662 2.80387 2.19662L10.8039 2.19662L10.8039 10.1966C10.8039 10.7489 11.2516 11.1966 11.8039 11.1966C12.3562 11.1966 12.8039 10.7489 12.8039 10.1966L12.8039 1.19662ZM1.90437 12.5103L12.511 1.90373L11.0968 0.489514L0.490159 11.0961L1.90437 12.5103Z' fill='white'/%3E%3C/svg%3E");
}
@media only screen and (max-width: 576px) {
  .modules__item-bttn:after {
    width: 1rem;
    height: 1rem;
  }
}
.modules__item-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  display: flex;
  align-items: flex-end;
}
.modules__item-img img {
  max-width: 100%;
}
@media only screen and (min-width: 992px) {
  .modules__item-img img {
    bottom: -0.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .modules__item:hover {
    background-color: #fff;
  }
  .modules__item:hover .modules__item-title, .modules__item:hover .modules__item-bttn {
    color: #512D8D;
  }
  .modules__item:hover .modules__item-bttn:after {
    transform: scale(1, -1);
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.490159 11.0961C0.0996346 11.4866 0.0996346 12.1198 0.490159 12.5103C0.880683 12.9009 1.51385 12.9009 1.90437 12.5103L0.490159 11.0961ZM12.8039 1.19662C12.8039 0.644336 12.3562 0.196621 11.8039 0.196621L2.80387 0.196621C2.25158 0.19662 1.80387 0.644336 1.80387 1.19662C1.80387 1.74891 2.25158 2.19662 2.80387 2.19662L10.8039 2.19662L10.8039 10.1966C10.8039 10.7489 11.2516 11.1966 11.8039 11.1966C12.3562 11.1966 12.8039 10.7489 12.8039 10.1966L12.8039 1.19662ZM1.90437 12.5103L12.511 1.90373L11.0968 0.489514L0.490159 11.0961L1.90437 12.5103Z' fill='%235F37E4'/%3E%3C/svg%3E");
  }
  .modules__item:hover .modules__item-descr {
    color: #606492;
    max-height: 7rem;
    opacity: 1;
    margin-top: 1.6rem;
  }
  .modules__item:hover .modules__item-img {
    transform: translateY(30%);
    opacity: 0;
  }
}

.connectors {
  padding: 3.6rem 0 4rem;
}
@media only screen and (min-width: 992px) {
  .connectors {
    padding: 8rem 0;
  }
}
.connectors .title-small {
  color: #06b2e3;
}
@media only screen and (min-width: 992px) {
  .connectors__wrap {
    max-width: 44rem;
    min-height: 34.8rem;
    z-index: 3;
    display: flex;
    flex-direction: column;
    position: absolute;
  }
  .connectors__wrap--medium {
    max-width: 30rem;
  }
}
.connectors__wrap .swiper-bttns {
  display: none;
}
@media only screen and (min-width: 992px) {
  .connectors__wrap .swiper-bttns {
    display: flex;
    margin-top: 7rem;
  }
}
@media only screen and (min-width: 992px) {
  .connectors__wrap--medium .connectors__title {
    font-size: 2.8rem;
  }
  .connectors__wrap:not(.modules__wrap--medium) .connectors__title {
    font-size: 5.6rem;
  }
}
.connectors__descr {
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 140%;
  color: rgb(255, 255, 255);
  margin-top: 1.6rem;
}
@media only screen and (min-width: 992px) {
  .connectors__descr {
    font-size: 1.8rem;
    flex: 1;
  }
}
.connectors__item {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 1.2rem;
  border: 1px solid #eaeaf9;
  padding: 2.4rem;
  min-height: 40rem;
  width: 30.6rem !important;
  height: initial;
}
.connectors__item-wrap {
  flex: 1;
}
.connectors__item-icon {
  width: 4.2rem;
  height: 4.2rem;
}
.connectors__item-icon img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.connectors__item-icon + .connectors__item-title {
  margin-top: 1.6rem;
}
.connectors__item-title {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 120%;
  color: #051322;
}
.connectors__item-descr {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 130%;
  color: #051322;
  margin-top: 0.8rem;
}
@media only screen and (min-width: 992px) {
  .connectors__item-descr {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 9;
  }
}
.connectors__item-bttn {
  justify-content: flex-start;
  padding: 1.6rem 0 0;
  min-height: 3rem;
}
@media only screen and (min-width: 992px) {
  .connectors__item:hover {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1), 2px 0px 15px rgba(0, 0, 0, 0.1);
    transition: 0.2s ease-in-out;
  }
  .connectors__item:hover .bttn-link:after {
    transform: rotate(45deg);
  }
}
@media only screen and (min-width: 992px) {
  .connectors .container:before {
    content: "";
    position: absolute;
    top: -3rem;
    bottom: -3rem;
    left: -100rem;
    width: 146rem;
    background-color: #512D8D;
    z-index: 2;
    box-shadow: 30px 0px 10px -15px #512D8D;
  }
}
.connectors .swiper-container {
  margin-top: 1.6rem;
}
@media only screen and (min-width: 992px) {
  .connectors .swiper-container {
    transform: translateX(46rem);
    width: 78.75rem;
    overflow: visible;
    margin-top: 0;
  }
}

.integration {
  padding: 5rem 0;
}
@media only screen and (min-width: 992px) {
  .integration {
    padding: 7rem 0;
  }
}
.integration__title {
  max-width: 86.6rem;
}
.integration__descr {
  max-width: 53rem;
}
.integration__wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 40rem;
}
@media only screen and (min-width: 576px) {
  .integration__wrap {
    margin-top: 5.1rem;
  }
}
@media only screen and (min-width: 992px) {
  .integration__wrap {
    margin-top: 6rem;
  }
}
.integration__wrap img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .integration__wrap img {
    width: 100%;
  }
}
.integration__wrap-img img {
  max-width: fit-content;
  width: calc(100% + 2rem);
  left: 50%;
  transform: translateX(-50%);
}
.integration__spinner {
  position: absolute;
  width: 20rem;
  height: 20rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  .integration__spinner {
    transform: translate(-51.5%, -55%);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1312px) {
  .integration__spinner {
    width: 16rem;
    height: 16rem;
    transform: translate(-51.5%, -63%);
  }
}
.integration__spinner-text {
  transition: all 0.2s ease;
  animation: spin 30s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.integration__spinner-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.4rem;
  height: 6.4rem;
}
@media only screen and (min-width: 992px) and (max-width: 1312px) {
  .integration__spinner-logo {
    width: 5.2rem;
    height: 5.2rem;
  }
}

.reviews {
  background-color: #512d8d;
  padding: 5rem 0;
}
@media only screen and (min-width: 992px) {
  .reviews {
    padding: 7rem 0 8rem;
  }
}
.reviews__title {
  color: #fff;
}
.reviews__bttn {
  display: flex;
  justify-content: center;
  margin-top: 3.8rem;
}
.reviews__wrap {
  padding: 0 3rem;
  margin-top: 4.6rem;
}
@media only screen and (min-width: 992px) {
  .reviews__wrap {
    margin-top: 9rem;
    padding: 0;
  }
}
.reviews__item {
  border-radius: 0.8rem;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .reviews__item {
    border-radius: 1.6rem;
    width: 78rem !important;
    flex: 0 0 auto;
  }
}
.reviews__item-video {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  border-radius: 1.6rem;
  transition: 0.5s ease-in-out;
  background: #fff;
  background-color: #f3f2fd;
  padding: 2.2rem 1.6rem;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .reviews__item-video {
    padding: 4rem 6rem;
    transform: translateY(5rem);
  }
}
.reviews__item-video img {
  max-width: 100%;
  object-fit: contain;
}
.reviews__item-video hr {
  height: 1px;
  background: rgba(95, 55, 228, 0.15);
  margin: 1.8rem 0;
}
@media only screen and (min-width: 992px) {
  .reviews__item-video hr {
    margin: 2.6rem 0;
  }
}
.reviews__item.swiper-slide-active .reviews__item-video {
  background: #fff;
}
@media only screen and (min-width: 992px) {
  .reviews__item.swiper-slide-active .reviews__item-video {
    transform: translateY(-5rem);
  }
}
.reviews__item-logo {
  display: flex;
  justify-content: center;
  height: 9rem;
  margin-bottom: 1.6rem;
}
@media only screen and (min-width: 992px) {
  .reviews__item-logo {
    margin-bottom: 2.6rem;
  }
}
.reviews__item-title {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 140%;
  letter-spacing: 0;
  text-align: left;
  color: #051322;
}
@media only screen and (min-width: 992px) {
  .reviews__item-title {
    font-size: 2rem;
    text-align: center;
  }
}
.reviews__item-response {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 140%;
  letter-spacing: 0;
  color: #051322;
}
.reviews__item-person {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  margin-top: 2.6rem;
}
.reviews__item-person-img {
  border-radius: 50%;
  overflow: hidden;
  width: 5.4rem;
  height: 5.4rem;
}
@media only screen and (min-width: 992px) {
  .reviews__item-person-img {
    width: 6rem;
    height: 6rem;
  }
}
.reviews__item-person-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.reviews__item-person-name {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 120%;
  letter-spacing: 0;
  color: #051322;
}
.reviews__item-person-position {
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 120%;
  letter-spacing: 0;
  color: #606492;
}
.reviews__item-descr {
  margin-top: 1.6rem;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 120%;
  color: #ffffff;
  letter-spacing: -0.02em;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  z-index: -1;
}
@media only screen and (min-width: 992px) {
  .reviews__item-descr {
    margin-top: 3.2rem;
    font-size: 1.8rem;
  }
}
.reviews__bottom {
  margin-top: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .reviews__bottom {
    margin-top: 0rem;
  }
}
.reviews__bottom .swiper-button-next {
  margin-left: 0;
}
.reviews__bottom .swiper-pagination {
  margin: 0 2rem;
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #fff;
}
.reviews__bottom .swiper-pagination span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  background-color: #ffffff;
  transition: 0.2s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .reviews__bottom .swiper-pagination {
    margin: 0 2rem;
  }
}
.reviews__bottom .swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
}
.reviews__bottom .swiper-pagination-bullet-active {
  width: 2.6rem;
}

:root {
  --gap: calc(clamp(10rem, 1rem + 40vmin, 30rem) / 14);
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

.trust {
  padding: 6rem 0;
}
@media only screen and (min-width: 992px) {
  .trust {
    padding: 12rem 0 6rem;
  }
}
.trust__wrap {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  max-width: 100vw;
}
.trust__list {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  -webkit-mask-image: linear-gradient(var(--mask-direction, to right), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 20%, hsl(0, 0%, 0%) 80%, hsla(0, 0%, 0%, 0));
  mask-image: linear-gradient(var(--mask-direction, to right), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 20%, hsl(0, 0%, 0%) 80%, hsla(0, 0%, 0%, 0));
}
.trust__list--reverse .trust__group {
  animation-direction: reverse;
  animation-delay: calc(var(--duration) * -0.5);
}
.trust__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap);
  min-width: max-content;
  width: max-content;
  animation: scroll-x var(--duration) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .trust__group {
    animation-play-state: paused;
  }
}
@media only screen and (min-width: 992px) {
  .trust__group {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .trust .trust__item:not(:nth-child(-n+5)) {
    display: none;
  }
}
.trust__item {
  background-color: #fff;
  border: 1px solid #edecf5;
  border-radius: 20rem;
  width: 100%;
  height: 5.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem;
}
.trust__item img {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) {
  .trust__item {
    height: 9.3rem;
    padding: 1rem;
  }
}
.trust__bttn {
  margin-top: 6rem;
}
@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}
@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}

@media only screen and (max-width: 768px) {
  .pricing {
    padding: 3.2rem 0 4.2rem;
  }
  .pricing .container {
    padding: 0 1.1rem;
  }
}
.pricing__tabs-content-item:not(:first-child) {
  display: none;
}
.pricing__tabs-content + .pricing__descr {
  text-align: center;
}
.pricing__smart_crm {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm {
    gap: 18px;
  }
}
@media only screen and (min-width: 992px) {
  .pricing__smart_crm {
    grid-template-columns: 731px 1fr;
  }
}
.pricing__smart_crm__items {
  border: solid 1px #EDECF5;
  border-radius: 24px;
  padding: 1.2rem;
}
.pricing__smart_crm__items--left {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__items--left {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
}
.pricing__smart_crm__items:nth-of-type(2) .pricing__smart_crm__item {
  border: unset;
  border-radius: unset;
  padding: unset;
}
.pricing__smart_crm__item {
  border: solid 1px #EDECF5;
  border-radius: 12px;
  padding: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item {
    border-radius: 16px;
  }
}
.pricing__smart_crm__item:nth-of-type(4) {
  margin-top: 12px;
}
.pricing__smart_crm__item:nth-of-type(4), .pricing__smart_crm__item:nth-of-type(5) {
  grid-column: span 3/span 3;
}
.pricing__smart_crm__item:nth-of-type(4) .pricing__smart_crm__item__wrap, .pricing__smart_crm__item:nth-of-type(5) .pricing__smart_crm__item__wrap {
  display: flex;
  align-items: center;
  width: 100%;
}
.pricing__smart_crm__item:nth-of-type(4) .pricing__smart_crm__item__wrap-price, .pricing__smart_crm__item:nth-of-type(5) .pricing__smart_crm__item__wrap-price {
  justify-content: center;
  flex-direction: row;
  gap: 9px;
  min-width: 24rem;
  min-height: 7.8rem;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item:nth-of-type(4) .pricing__smart_crm__item__wrap-price, .pricing__smart_crm__item:nth-of-type(5) .pricing__smart_crm__item__wrap-price {
    min-width: 44.5rem;
  }
}
.pricing__smart_crm__item:nth-of-type(5) {
  grid-row-start: 3;
}
.pricing__smart_crm__item__wrap {
  width: 100%;
  text-align: center;
}
.pricing__smart_crm__item__wrap-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.03em;
  text-align: left;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item__wrap-title {
    text-align: center;
  }
}
.pricing__smart_crm__item__wrap-price {
  background-color: #F3F2FD;
  border-radius: 12px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-height: 8rem;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item__wrap-price {
    padding: 2.6rem 3rem;
    gap: 12px;
    border-radius: 16px;
  }
}
.pricing__smart_crm__item__wrap-price span {
  display: inline-block;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.03em;
  vertical-align: middle;
  color: #0BBAD5;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item__wrap-price span {
    font-size: 36px;
  }
}
.pricing__smart_crm__item__wrap-price_descr {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #606492;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item__wrap-price_descr {
    font-size: 15px;
  }
}
.pricing__smart_crm__item__wrap-logo {
  margin-top: 1.4rem;
  margin-bottom: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item__wrap-logo {
    margin-bottom: 5.1rem;
  }
}
.pricing__smart_crm__item-logo {
  margin-top: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item-logo {
    margin-top: 2.6rem;
  }
}
.pricing__smart_crm__item-descr {
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #606492;
  text-align: center;
  margin-top: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item-descr {
    margin-top: 2.2rem;
  }
}
.pricing__smart_crm__item-descr span {
  font-weight: 500;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  color: #0BBAD5;
}
.pricing__smart_crm__item-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 12px;
  margin-top: 2.2rem;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item-group {
    margin-top: 3.4rem;
  }
}
@media only screen and (min-width: 992px) {
  .pricing__smart_crm__item-group {
    margin-top: 8.4rem;
  }
}
.pricing__smart_crm__item-price {
  background-color: #F3F2FD;
  border-radius: 12px;
  padding: 2.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item-price {
    border-radius: 16px;
  }
}
.pricing__smart_crm__item-price span {
  display: inline-block;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.03em;
  vertical-align: middle;
  color: #0BBAD5;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item-price span {
    font-size: 36px;
  }
}
.pricing__smart_crm__item-price_descr {
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #606492;
}
.pricing__smart_crm__item-price--label {
  background: #512D8D;
  border: solid 3px #FFFFFF;
  border-radius: 38px;
  color: #FFFFFF;
  padding: 0.3rem 0.8rem;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.03em;
  text-align: center;
  position: absolute;
  left: 19px;
  top: -8px;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_crm__item-price--label {
    font-size: 14px;
  }
}
.pricing__smart_modules__items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 18px;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_modules__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.pricing__smart_modules__item {
  border: solid 1px #EDECF5;
  border-radius: 12px;
  padding: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_modules__item {
    border-radius: 16px;
  }
}
.pricing__smart_modules__item-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 22px;
  margin-top: 2.2rem;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_modules__item-group {
    margin-top: 3.4rem;
  }
}
@media only screen and (min-width: 992px) {
  .pricing__smart_modules__item-group {
    margin-top: 3.8rem;
  }
}
.pricing__smart_modules__item-price {
  background-color: #F3F2FD;
  border-radius: 12px;
  padding: 2.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_modules__item-price {
    border-radius: 16px;
  }
}
.pricing__smart_modules__item-price span {
  display: inline-block;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.03em;
  vertical-align: middle;
  color: #0BBAD5;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_modules__item-price span {
    font-size: 36px;
  }
}
.pricing__smart_modules__item-price span span {
  font-weight: 400;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #606492;
  vertical-align: super;
}
.pricing__smart_modules__item-price-descr {
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #606492;
}
.pricing__smart_modules__item-price--label {
  background: #512D8D;
  border: solid 3px #FFFFFF;
  border-radius: 38px;
  color: #FFFFFF;
  padding: 0.3rem 0.8rem;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.03em;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -8px;
}
@media only screen and (min-width: 768px) {
  .pricing__smart_modules__item-price--label {
    font-size: 14px;
  }
}
.pricing__smart_modules__item .price--special {
  background-color: #FCB742;
}
.pricing__smart_modules__item .price--special .pricing__smart_modules__item-price-descr {
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #051322;
}
.pricing__items {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.pricing__item {
  background-color: #FCFCFE;
  border: solid 1px #EDECF5;
  border-radius: 12px;
  padding: 2.2rem 1.6rem;
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
@media only screen and (max-width: 576px) {
  .pricing__item {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .pricing__item {
    border-radius: 16px;
  }
}
.pricing__item-title {
  width: 18.6rem;
  font-weight: 500;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #051322;
}
@media only screen and (max-width: 576px) {
  .pricing__item-title {
    text-align: center;
  }
}
.pricing__item-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem 0.4rem;
  flex: 1;
}
@media only screen and (max-width: 576px) {
  .pricing__item-tag {
    justify-content: center;
  }
}
.pricing__item-tag span {
  display: flex;
  padding: 0.8rem 1.6rem;
  color: #512D8D;
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0;
  background-color: rgba(81, 45, 141, 0.1019607843);
  border-radius: 99px;
}
@media only screen and (min-width: 768px) {
  .pricing__item-tag span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .pricing__item-price {
    text-align: center;
  }
}
.pricing__item-price span {
  display: inline-block;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #0BBAD5;
}
.pricing__item-price span span {
  font-weight: 400;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #606492;
  vertical-align: super;
}
.pricing__item-price-descr {
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #606492;
}
.pricing__descr {
  margin-top: 3.4rem;
}
.pricing__descr p {
  font-style: italic;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 120%;
  color: #606492;
}
.pricing__descr p + p {
  margin-top: 1rem;
}
.pricing__tabs {
  text-align: center;
}

.tabs-switch {
  border: 1px solid #EDECF5;
  border-radius: 99px;
  display: inline-flex;
  align-items: center;
  padding: 0.2rem;
}
@media only screen and (min-width: 768px) {
  .tabs-switch {
    padding: 0.4rem;
  }
}
.tabs-switch li {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 120%;
  color: #512D8D;
  transition: 0.2s ease-in-out;
  border-radius: 99px;
  padding: 1.6rem 3.2rem;
  cursor: pointer;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .tabs-switch li {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 992px) {
  .tabs-switch li:hover {
    background-color: rgba(81, 45, 141, 0.1);
  }
}
.tabs-switch li:not(:first-child) {
  margin-left: 0.2rem;
}
@media only screen and (min-width: 768px) {
  .tabs-switch li:not(:first-child) {
    margin-left: 0.4rem;
  }
}
.tabs-switch li:active {
  transform: scale(0.96);
}
.tabs-switch li.active {
  color: #fff;
  background-color: #512D8D;
  animation: bttnClick 0.3s ease-in-out;
}
@keyframes bttnClick {
  0% {
    transform: scale(0.96);
  }
  30% {
    transform: scale(0.96);
  }
  80% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
.tabs-switch-container {
  margin-top: 3.2rem;
  overflow: auto;
}
@media only screen and (min-width: 992px) {
  .tabs-switch-container {
    margin-top: 3.6rem;
  }
}
.tabs-switch-container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media only screen and (max-width: 576px) {
  .tabs-switch-container {
    width: calc(100% + 4rem);
    left: -2rem;
    padding: 0 2rem;
  }
}
.tabs-content {
  margin-top: 3.2rem;
}
@media only screen and (min-width: 992px) {
  .tabs-content {
    margin-top: 5.6rem;
  }
}

.feedback {
  background: #f3f2fd;
  padding: 10rem 0;
}
@media only screen and (min-width: 992px) {
  .feedback {
    padding: 11rem 0;
  }
}
@media only screen and (max-width: 576px) {
  .feedback .grid-2 {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 992px) {
  .feedback__container {
    display: flex;
  }
}
.feedback__wrap {
  max-width: 52rem;
}
.feedback__title {
  font-weight: 500;
  font-size: 2.6rem;
  line-height: 112%;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 992px) {
  .feedback__title {
    font-size: 5.6rem;
  }
}
.feedback__descr {
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 130%;
  margin-top: 3.6rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 992px) {
  .feedback__descr {
    margin-top: 3rem;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) {
  .feedback__form {
    min-width: 60.6rem;
  }
}
.feedback__form .wpcf7-form-control-wrap .iti {
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .feedback__form {
    margin-top: 2.6rem;
  }
}
.feedback__form input,
.feedback__form textarea {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media only screen and (max-width: 992px) {
  .feedback__form .grid-2 {
    grid-template-columns: 1fr;
  }
  .feedback__form .grid-2 .w100 {
    grid-column: 1;
  }
}

.r_modules {
  background: rgba(234, 234, 249, 0.2);
}
.r_modules .bttn-circle {
  width: 3rem;
  height: 3rem;
  padding: 0.9rem;
}
@media only screen and (max-width: 992px) {
  .r_modules .container {
    max-width: 64rem;
  }
}
.r_modules__tabs-switch {
  text-align: center;
}
.r_modules__item {
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .r_modules__item {
    grid-template-columns: repeat(1, minmax(100px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .r_modules__item {
    flex-direction: row;
  }
}
.r_modules__item:not(:first-child) {
  display: none;
}
.r_modules__item-head {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.r_modules__item-logo {
  width: 4.6rem;
  min-width: 4.6rem;
  height: 4.6rem;
}
.r_modules__item-logo img {
  max-width: 100%;
}
.r_modules__item-title {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 120%;
  color: #051322;
}
@media only screen and (min-width: 768px) {
  .r_modules__item-title {
    font-size: 2.8rem;
  }
}
.r_modules__item-descr {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 140%;
  margin-top: 1.6rem;
  color: #051322;
}
@media only screen and (min-width: 768px) {
  .r_modules__item-descr {
    font-size: 1.8rem;
  }
}
.r_modules__item-advantages {
  margin-top: 3.2rem;
}
.r_modules__item-advantage {
  display: flex;
}
.r_modules__item-advantage:not(:first-child) {
  margin-top: 1.8rem;
}
.r_modules__item-advantage-icon {
  width: 2.4rem;
}
.r_modules__item-advantage-icon + .r_modules__item-advantage-descr {
  margin-left: 1.2rem;
}
.r_modules__item-advantage-descr {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 140%;
  color: #606492;
}
.r_modules__item-advantage-descr strong {
  color: #051322;
}
.r_modules__item-img img {
  max-width: 100%;
}
@media only screen and (max-width: 992px) {
  .r_modules__item-img {
    order: -1;
  }
}
@media only screen and (min-width: 768px) {
  .r_modules__item-bttns {
    width: 140%;
  }
}

.r_advantages {
  padding: 3.2rem 0 6rem;
}
@media only screen and (min-width: 992px) {
  .r_advantages {
    padding: 10rem 0 2rem;
  }
}
.r_advantages__wrap {
  overflow: auto;
  margin-top: 3.2rem;
  width: calc(100% + 4rem);
  left: -2rem;
  padding: 0 1.5rem;
  scroll-snap-type: x mandatory;
  grid-template-columns: repeat(3, 1fr);
}
.r_advantages__wrap::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media only screen and (min-width: 992px) {
  .r_advantages__wrap {
    width: auto;
    left: 0;
    margin-top: 5.2rem;
  }
}
.r_advantages__card {
  background: #f3f2fd;
  border-radius: 24px;
  padding: 2.5rem 1.9rem 3.2rem;
  transition: 0.2s ease-in-out;
  min-height: 27rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 27rem;
  scroll-snap-align: center;
}
@media only screen and (min-width: 768px) {
  .r_advantages__card {
    min-width: auto;
  }
}
@media only screen and (min-width: 992px) {
  .r_advantages__card {
    padding: 4rem 3.2rem 3.2rem;
    min-height: 35.6rem;
  }
  .r_advantages__card:hover {
    background-color: #512d8d;
  }
  .r_advantages__card:hover svg path {
    stroke: #fff;
  }
  .r_advantages__card:hover h3,
  .r_advantages__card:hover p {
    color: #fff;
  }
  .r_advantages__card:hover .r_advantages__card-details {
    color: #fff;
  }
  .r_advantages__card:hover .r_advantages__card-details:after {
    transform: scale(1, -1);
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.490159 11.0961C0.0996346 11.4866 0.0996346 12.1198 0.490159 12.5103C0.880683 12.9009 1.51385 12.9009 1.90437 12.5103L0.490159 11.0961ZM12.8039 1.19662C12.8039 0.644336 12.3562 0.196621 11.8039 0.196621L2.80387 0.196621C2.25158 0.19662 1.80387 0.644336 1.80387 1.19662C1.80387 1.74891 2.25158 2.19662 2.80387 2.19662L10.8039 2.19662L10.8039 10.1966C10.8039 10.7489 11.2516 11.1966 11.8039 11.1966C12.3562 11.1966 12.8039 10.7489 12.8039 10.1966L12.8039 1.19662ZM1.90437 12.5103L12.511 1.90373L11.0968 0.489514L0.490159 11.0961L1.90437 12.5103Z' fill='white'/%3E%3C/svg%3E");
  }
}
.r_advantages__card-icon {
  width: 4.3rem;
}
@media only screen and (min-width: 992px) {
  .r_advantages__card-icon {
    width: 5.6rem;
  }
}
.r_advantages__card-icon svg {
  max-width: 100%;
}
.r_advantages__card h3 {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 120%;
  margin-top: 2.4rem;
  color: #051322;
}
@media only screen and (min-width: 992px) {
  .r_advantages__card h3 {
    font-size: 2.4rem;
    margin-top: 3.2rem;
  }
}
.r_advantages__card p {
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 140%;
  margin-top: 0.8rem;
  min-height: 6.72rem;
  color: #051322;
}
@media only screen and (min-width: 992px) {
  .r_advantages__card p {
    font-size: 1.6rem;
  }
}
.r_advantages__card svg path,
.r_advantages__card h3,
.r_advantages__card p {
  transition: 0.2s ease-in-out;
}
.r_advantages__card-details {
  display: flex;
  align-items: center;
  position: absolute;
  top: 3rem;
  right: 3rem;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 120%;
  color: #512d8d;
  transition: 0.2s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .r_advantages__card-details {
    font-size: 1.4rem;
    top: 4rem;
    right: 3.2rem;
  }
}
.r_advantages__card-details:after {
  content: "";
  display: block;
  margin-left: 1rem;
  background: url;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.490159 11.0961C0.0996346 11.4866 0.0996346 12.1198 0.490159 12.5103C0.880683 12.9009 1.51385 12.9009 1.90437 12.5103L0.490159 11.0961ZM12.8039 1.19662C12.8039 0.644336 12.3562 0.196621 11.8039 0.196621L2.80387 0.196621C2.25158 0.19662 1.80387 0.644336 1.80387 1.19662C1.80387 1.74891 2.25158 2.19662 2.80387 2.19662L10.8039 2.19662L10.8039 10.1966C10.8039 10.7489 11.2516 11.1966 11.8039 11.1966C12.3562 11.1966 12.8039 10.7489 12.8039 10.1966L12.8039 1.19662ZM1.90437 12.5103L12.511 1.90373L11.0968 0.489514L0.490159 11.0961L1.90437 12.5103Z' fill='%23512D8D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.2s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .r_advantages__card-details:after {
    width: 1.3rem;
    height: 1.3rem;
  }
}
.r_advantages__card.active {
  background-color: #512d8d;
}
.r_advantages__card.active svg path {
  stroke: #fff;
}
.r_advantages__card.active h3,
.r_advantages__card.active p {
  color: #fff;
}
.r_advantages__card.active .r_advantages__card-details {
  color: #fff;
}
.r_advantages__card.active .r_advantages__card-details:after {
  transform: scale(1, -1);
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.490159 11.0961C0.0996346 11.4866 0.0996346 12.1198 0.490159 12.5103C0.880683 12.9009 1.51385 12.9009 1.90437 12.5103L0.490159 11.0961ZM12.8039 1.19662C12.8039 0.644336 12.3562 0.196621 11.8039 0.196621L2.80387 0.196621C2.25158 0.19662 1.80387 0.644336 1.80387 1.19662C1.80387 1.74891 2.25158 2.19662 2.80387 2.19662L10.8039 2.19662L10.8039 10.1966C10.8039 10.7489 11.2516 11.1966 11.8039 11.1966C12.3562 11.1966 12.8039 10.7489 12.8039 10.1966L12.8039 1.19662ZM1.90437 12.5103L12.511 1.90373L11.0968 0.489514L0.490159 11.0961L1.90437 12.5103Z' fill='white'/%3E%3C/svg%3E");
}
.r_advantages__content {
  margin-top: 1.6rem;
  min-height: 23.2rem;
}
@media only screen and (min-width: 992px) {
  .r_advantages__content {
    margin-top: 5.6rem;
  }
}
.r_advantages__content-item {
  display: none;
}
.r_advantages__content-item ul {
  padding-left: 2rem;
}
.r_advantages__content-item li {
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 140%;
  list-style-type: none;
  display: flex;
  gap: 12px;
}
@media only screen and (min-width: 992px) {
  .r_advantages__content-item li {
    font-size: 1.6rem;
  }
}
.r_advantages__content-item li:not(:first-child) {
  margin-top: 1rem;
}
.r_advantages__content-item li::before {
  content: "";
  width: 8px;
  min-width: 8px;
  height: 8px;
  display: block;
  background: #0bbad5;
  margin-top: 0.6rem;
  border-radius: 50%;
}
.r_advantages__content-item.active {
  display: grid;
}

.platform {
  background: rgba(243, 242, 253, 0.4);
}
@media only screen and (max-width: 768px) {
  .platform {
    padding: 3.2rem 0 6rem;
  }
}
.platform__descr {
  max-width: 86rem;
}
@media only screen and (max-width: 992px) {
  .platform .container {
    max-width: 54rem;
  }
}
.platform__wrap {
  display: grid;
  gap: 3.2rem;
}
@media only screen and (min-width: 768px) {
  .platform__wrap {
    margin-top: 3.2rem;
  }
}
@media only screen and (min-width: 992px) {
  .platform__wrap {
    margin-top: 5.6rem;
    gap: 9.6rem;
  }
}
@media only screen and (min-width: 992px) {
  .platform__item {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .platform__item:nth-child(odd) .platform__item-img {
    order: 1;
  }
}
@media only screen and (min-width: 992px) {
  .platform__item:nth-child(even) .platform__item-img img {
    transform: translateX(-5%);
  }
}
.platform__item-img img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .platform__item-img img {
    width: 105%;
    top: -3rem;
  }
}
.platform__item-head {
  display: flex;
  align-items: center;
  width: calc(100% + 2rem);
}
.platform__item-icon {
  width: 3.8rem;
}
@media only screen and (min-width: 992px) {
  .platform__item-icon {
    width: 4.6rem;
  }
}
.platform__item-icon img {
  max-width: 100%;
}
.platform__item-icon + .platform__item-title {
  margin-left: 1.6rem;
}
.platform__item-title {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 120%;
  color: #051322;
}
@media only screen and (min-width: 992px) {
  .platform__item-title {
    font-size: 2.8rem;
  }
}
.platform__item-subtitle {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 140%;
  margin-top: 1.6rem;
  color: #051322;
}
@media only screen and (min-width: 992px) {
  .platform__item-subtitle {
    font-size: 1.8rem;
  }
}
.platform__item-descr {
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 140%;
  color: #051322;
  margin-top: 1.6rem;
}
@media only screen and (min-width: 992px) {
  .platform__item-descr {
    font-size: 1.6rem;
  }
}
.platform__item-advantages {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid rgba(81, 45, 141, 0.15);
}
@media only screen and (min-width: 768px) {
  .platform__item-advantages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.4rem 3rem;
    margin-top: 3.2rem;
    padding-top: 3.2rem;
  }
}
.platform__item-advantage {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .platform__item-advantage:not(:first-child) {
    margin-top: 1.6rem;
  }
}
.platform__item-advantage-icon {
  width: 2.4rem;
}
.platform__item-advantage-icon + .platform__item-advantage-descr {
  margin-left: 1.2rem;
}
.platform__item-advantage-descr {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 120%;
}
.platform .bttn-circle {
  width: 3rem;
  height: 3rem;
  padding: 0.9rem;
}