@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Regular.eot");
  src: url("../fonts/montserrat/Montserrat-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/montserrat/Montserrat-Regular.woff") format("woff"),
    url("../fonts/montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Medium.eot");
  src: url("../fonts/montserrat/Montserrat-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/montserrat/Montserrat-Medium.woff") format("woff"),
    url("../fonts/montserrat/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-SemiBold.eot");
  src: url("../fonts/montserrat/Montserrat-SemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/montserrat/Montserrat-SemiBold.woff") format("woff"),
    url("../fonts/montserrat/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Bold.eot");
  src: url("../fonts/montserrat/Montserrat-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/montserrat/Montserrat-Bold.woff") format("woff"),
    url("../fonts/montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Black.eot");
  src: url("../fonts/montserrat/Montserrat-Black.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/montserrat/Montserrat-Black.woff") format("woff"),
    url("../fonts/montserrat/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/*
@font-face{
    font-family:"PTrouble";
    src:url("../fonts/RUBSN.eot");
    src:url("../fonts/RUBSN.eot?#iefix") format("embedded-opentype"),
    url("../fonts/RUBSN.woff") format("woff"),
    url("../fonts/RUBSN.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
}
*/
@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot?a296v4);
  src: url(../fonts/icomoon.eot?a296v4#iefix) format("embedded-opentype"),
    url(../fonts/icomoon.woff?a296v4) format("woff"),
    url(../fonts/icomoon.svg?a296v4#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

[class*=" icon-"],
[class^="icon-"] {
  font-family: icomoon !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="ficon-"],
[class*=" ficon-"],
.licon-pseudo--before::before,
.licon-pseudo--after::after {
  font-family: "icomoon-new" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before {
  content: "\e904";
}

.icon-services-logo5:before {
  content: "\e90c";
}

.icon-services-logo6:before {
  content: "\e907";
}

.icon-services-logo4:before {
  content: "\e908";
}

.icon-services-logo3:before {
  content: "\e909";
}

.icon-services-logo2:before {
  content: "\e90a";
}

.icon-services-logo1:before {
  content: "\e90b";
}

.icon-arrow-vert:before {
  content: "\e905";
}

.icon-arrow:before {
  content: "\e906";
}

.icon-youtube:before {
  content: "\e902";
}

.icon-twitter:before {
  content: "\e903";
}

.icon-facebook:before {
  content: "\e901";
}

.icon-vkontakte:before {
  content: "\e900";
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.modal {
  background: rgb(0, 0, 0, 0.42);
  padding-right: 0 !important;
}

.modal-template .modal-dialog {
  max-width: 550px;
}

.modal-template .modal-content {
  padding: 70px 115px 60px;
  border: none;
  border-radius: 0;
}

.modal-template .modal-header,
.modal-template .modal-body {
  border: none;
  padding: 0;
}

.modal-template .modal-title {
  text-align: center;
  font-size: 25px;
  line-height: 1;
  margin: 0 0 50px;
  letter-spacing: 0.115em;
  text-transform: uppercase;
  width: 100%;
}

.modal-template .close,
.fancybox-close-small {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 10;
  cursor: pointer;
  padding: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  background-image: url("../img/close-modal.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  opacity: 1;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
  margin-bottom: 30px;
}

.form-row > .error {
  margin-bottom: 0;
  margin-top: 5px;
}

.form-row .form-control,
.form-row input.form-control {
  margin: 0;
}

.form-input-wrapper {
  width: 100%;
}

.form-callback__row {
  margin-bottom: 20px;
}

.form-callback__row > .error {
  margin-bottom: 0;
  margin-top: 5px;
}

.form-callback .form-control,
.form-callback input.form-control {
  font-size: 14px;
  margin: 0;
}

.form-label {
  padding-top: 4px;
  padding-left: 5px;
  margin-top: -3px;
  font-size: 13px;
  margin-bottom: 0;
  font-weight: normal;
}

.form-checkbox {
  display: flex;
}

.form-checkbox_center {
  align-items: center;
}

.form-checkbox_center .form-label {
  margin-top: 2px;
}

.form-callback .submit-btn-wrap {
  padding: 45px 0 0 0;
}

.submit-btn-wrap .btn-gradient {
  isolation: isolate;
}

.submit-btn-wrap .btn-gradient::after {
  z-index: -1;
}

@media (max-width: 576px) {
  .modal-template .modal-content {
    padding: 40px 25px 30px;
  }

  .modal-template .modal-dialog {
    max-width: 100%;
  }

  .modal-template .close {
    top: 10px;
    right: 10px;
  }

  .modal-template .modal-title {
    font-size: 18px;
    margin: 0 0 20px;
  }

  /* .form-callback .form-control, .form-callback input.form-control {
        margin: 0 0 15px;
    } */
  .form-callback__row {
    margin-bottom: 15px;
  }

  .form-callback .submit-btn-wrap {
    padding: 15px 0 0 0;
  }
}

/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg)
      scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg)
      scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg)
      scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg)
      scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg)
      scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg)
      scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg)
      scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg)
      scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0);
    -ms-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  opacity: 1;
}
.flipInY.wow {
  opacity: 1;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0);
    -ms-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0) skewX(-15deg);
    transform: translateX(0) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0) skewX(0);
    transform: translateX(0) skewX(0);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0) skewX(-15deg);
    -ms-transform: translateX(0) skewX(-15deg);
    transform: translateX(0) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0) skewX(0);
    -ms-transform: translateX(0) skewX(0);
    transform: translateX(0) skewX(0);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0) skewX(0);
    transform: translateX(0) skewX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0) skewX(0);
    -ms-transform: translateX(0) skewX(0);
    transform: translateX(0) skewX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    -ms-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    -ms-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    -ms-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    -ms-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

html {
  overflow-y: scroll;
  overflow-x: hidden;
}

html {
  height: 100%;
}
body.home {
  height: 100%;
}
body {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  color: #010101;
  line-height: 1.4;
  background-color: #fff;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

:active,
:focus,
:visited,
a:active,
a:focus,
a:visited,
button:active,
button:focus,
button:visited {
  outline: 0;
  text-decoration: none;
  outline-offset: inherit;
}

::-webkit-input-placeholder {
  color: #a8a8a8;
  opacity: 1;
}

::-moz-placeholder {
  color: #a8a8a8;
  opacity: 1;
}

:-moz-placeholder {
  color: #a8a8a8;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #a8a8a8;
  opacity: 1;
}

:focus::-webkit-input-placeholder {
  color: transparent;
}

:focus:-moz-placeholder {
  color: transparent;
}

:focus::-moz-placeholder {
  color: transparent;
}

:-ms-input-placeholder {
  color: transparent;
}

html.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
h1,
h2,
h3 {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 20px;
}
h1 {
  font-size: 25px;
  line-height: 1.2;
}
h2 {
  font-size: 18px;
  line-height: 1.2;
}
h3 {
  font-size: 16px;
  line-height: 1.2;
}
table {
  width: 100%;
  margin: 0 0 20px;
}
table tr td,
table tr th {
  padding: 10px 15px;
  border: 1px solid #e8e8e8;
}
table tr th {
  font-weight: bold;
  background-color: #e8e8e8;
}

.form-control,
input.form-control {
  width: 100%;
  font-family: Montserrat, sans-serif;
  height: auto;
  padding: 8px 10px;
  border-radius: 0;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #a8a8a8;
  color: #010101;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.form-control:focus,
input.form-control:focus {
  outline: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-color: #6228b1;
  color: #010101;
}

textarea.form-control {
  height: 90px;
  resize: none;
}

.wow {
  opacity: 0;
}

.home .header {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}

.header {
  background-color: #1c1d34;
}

.header .container {
  position: relative;
  height: 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header .container {
  padding: 0;
}
.header__logo-wrap {
  min-width: 160px;
  width: 160px;
}

.header__box-info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*.header__box-info .btn-white,*/
.header-feedback-item {
  margin: 0 0 0 90px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.btn-white {
  display: inline-block;
  vertical-align: top;
  font-weight: 300;
  font-size: 9px;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 10px 24px 8px;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-align: center;
}

.btn-white:hover {
  text-decoration: none;
  color: #010101;
  background-color: #fff;
}

.btn-second {
  font-size: 14px;
  line-height: 17px;
  border: none;
  text-decoration: underline;
  color: #b8bae8;
  padding: 0;
  letter-spacing: normal;
  text-transform: initial;
  text-align: right;
  background-color: transparent;
}

.btn-second:hover {
  text-decoration: none;
  color: #b8bae8;
  background-color: transparent;
}

.slide__btn-second {
  padding-left: 45px;
  margin-top: 11px;
  display: inline-block;
}
.support-page--new .slide__btn-second {
  display: none;
}
.btn-black {
  display: inline-block;
  vertical-align: top;
  font-weight: 300;
  font-size: 9px;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border: 1px solid #010101;
  border-radius: 20px;
  padding: 10px 24px 8px;
  white-space: nowrap;
  color: #010101;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-align: center;
}
.btn-black--size_lg,
.btn-white--size_lg {
  font-size: 12px;
}
.btn-black:hover {
  text-decoration: none;
  color: #fff;
  background-color: #010101;
}

.btn-grad-line {
  display: inline-block;
  vertical-align: top;
  font-weight: 300;
  font-size: 9px;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border-radius: 20px;
  overflow: hidden;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-align: center;
  position: relative;
  padding: 1px;
}

.btn-grad-line:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
}

.btn-grad-line span {
  position: relative;
  z-index: 2;
  display: block;
  padding: 10px 24px 8px;
  background-color: #002744;
  border-radius: 20px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.btn-grad-line:hover {
  color: #fff;
  text-decoration: none;
}

.btn-grad-line:hover span {
  background-color: transparent;
}

.btn-grad-line.grad-bg {
  background-image: url(../img/gradient-bg.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.policy__btn span {
  text-align: right;
  line-height: 8px;
}
.btn-grad-line.grad-bg:hover:after {
  opacity: 1;
  transition: all ease 0.5s;
}

.btn-grad-line.grad-bg:after {
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.btn-grad-line.grad-bg span {
  background-color: transparent;
}

.b-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -4px;
  padding: 0 0 10px;
}

.b-social__item {
  padding: 0 4px;
  margin: 0 0 5px;
}

.b-social__link {
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 1;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #1d1d35;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  position: relative;
}

.b-social__link:hover {
  text-decoration: none;
  color: #1d1d35;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.b-social__link:hover:after {
  opacity: 1;
  visibility: visible;
}

.b-social__link.icon-facebook {
  font-size: 16px;
}

.b-social__link.icon-facebook:before {
  top: 2px;
}

.b-social__link:before {
  position: relative;
  z-index: 3;
}

.b-social__link:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: 50%;
  overflow: hidden;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#06cfb5),
    to(#6e14b1)
  );
  background: -o-linear-gradient(top, #06cfb5 0, #6e14b1 100%);
  background: linear-gradient(180deg, #06cfb5 0, #6e14b1 100%);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.about .breadcrumb {
  margin: 0;
  padding-top: 10px;
}

.about .header-phone-item a {
  color: #010101;
}

.about .nav__header-phone-item a {
  color: #fff;
}

.menu-trigger {
  width: 30px;
  height: 23px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  z-index: 20;
  display: none;
}

.menu-trigger-icon {
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #fff;
  position: absolute;
  border-radius: 3px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.menu-trigger-icon:after,
.menu-trigger-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  height: 100%;
  border-radius: 3px;
  -webkit-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  transform: translate(0, -10px);
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.menu-trigger-icon:after {
  -webkit-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  transform: translate(0, 10px);
}

.menu-trigger.active .menu-trigger-icon {
  background-color: transparent;
}

.menu-trigger.active .menu-trigger-icon:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-trigger.active .menu-trigger-icon:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.title-section {
  font-family: "Montserrat";
  text-align: center;
  margin: 0 0 50px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 33px;
  line-height: 40px;
  color: #000;
}

.btn-gradient {
  display: inline-block;
  vertical-align: top;
  padding: 11px 35px 10px;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  border: none;
}

.btn-gradient:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
  -webkit-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
}

.btn-gradient span {
  position: relative;
  z-index: 3;
}

.btn-gradient:hover {
  color: #fff;
  text-decoration: none;
}

.btn-gradient:hover:after {
  width: 200%;
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav .menu-trigger {
  position: fixed;
  top: 15px;
  right: 15px;
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
}

.nav .menu-trigger .menu-trigger-icon {
  background-color: transparent;
}

.nav .menu-trigger .menu-trigger-icon:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav .menu-trigger .menu-trigger-icon:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.nav-list__item {
  position: relative;
  margin: 0 0 0 33px;
}
.nav-list__item--drop::before {
  content: "";
  background-image: url(/local/templates/acroweb/img/service_nav/arrow-menu.svg);
  width: 9px;
  height: 5px;
  background-repeat: no-repeat;
  position: absolute;
  right: -13px;
  top: 4px;
  transition: 0.5s;
}
.nav-list__item--drop:hover::before {
  transform: rotate(180deg);
}
.nav__link {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: block;
  /*margin: 0 0 0 80px;*/
  font-family: "Montserrat", sans-serif;
}
.nav__link:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: -8px;
  right: -8px;
  height: 1px;
  background-color: #07cfb5;
  z-index: 1;
  transition: all ease 0.5s;
  opacity: 0;
}

.nav__link:hover,
.nav__link--selected,
.nav-list__item:hover .nav__link {
  color: #07cfb5;
  text-decoration: none;
}
.nav__link:hover:after,
.nav__link--selected:after,
.nav-list__item:hover .nav__link:after {
  opacity: 1;
}
.drop-nav {
  position: absolute;
  top: 90%;
  left: -60px;
  z-index: 20;
  padding: 5px 0 0 0;
  opacity: 0;
  visibility: hidden;
}
.nav-list__item:hover .drop-nav {
  transition: all ease 0.5s;
  opacity: 1;
  visibility: visible;
}
.drop-nav__list {
  position: relative;
  background: #ffffff;
  box-shadow: 0px 4px 26px -4px rgba(0, 41, 71, 0.2);
  width: 275px;
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
}
.drop-nav__link {
  position: relative;
  display: block;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.14em;
  color: #010101;
  text-decoration: none;
  padding: 10px 30px 10px 44px;
  transition: all ease 0.5s;
}
.drop-nav__link:hover,
.drop-nav__item:hover .drop-nav__link {
  background-color: #f2f2f2;
  color: #010101;
  text-decoration: none;
  /* font-weight: 500; */
}
.drop-nav__link:after,
.drop-nav__link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 1;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all ease 0.5s;
  transform: translateY(-50%);
}
.drop-nav__link:before {
  z-index: 2;
  opacity: 0;
}
.drop-nav__link:hover:after,
.drop-nav__item:hover .drop-nav__link:after {
  opacity: 0;
}
.drop-nav__link:hover:before,
.drop-nav__item:hover .drop-nav__link:before {
  opacity: 1;
}
.drop-nav__link--target:after {
  background-image: url("../img/service_nav/target.svg");
}
.drop-nav__link--target:before {
  background-image: url("../img/service_nav/target.svg");
}
.drop-nav__link--site:after {
  background-image: url("../img/service_nav/img1.svg");
}
.drop-nav__link--site:before {
  background-image: url("../img/service_nav/img1-hover.svg");
}
.drop-nav__link--inet:after {
  background-image: url("../img/service_nav/img2.svg");
}
.drop-nav__link--inet:before {
  background-image: url("../img/service_nav/img2-hover.svg");
}
.drop-nav__link--social:after {
  background-image: url("../img/service_nav/img3.svg");
}
.drop-nav__link--social:before {
  background-image: url("../img/service_nav/img3-hover.svg");
}
.drop-nav__link--design:after {
  background-image: url("../img/service_nav/img4.svg");
}
.drop-nav__link--design:before {
  background-image: url("../img/service_nav/img4-hover.svg");
}
.drop-nav__link--bitrix:after {
  background-image: url("../img/service_nav/img5.svg");
}
.drop-nav__link--bitrix:before {
  background-image: url("../img/service_nav/img5-hover.svg");
}
.drop-nav__link--support:after {
  background-image: url("../img/service_nav/img6.svg");
}
.drop-nav__link--support:before {
  background-image: url("../img/service_nav/img6-hover.svg");
}
.drop-nav__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(5px);
  right: 12px;
  z-index: 2;
  width: 9px;
  height: 9px;
  background-image: url("../img/service_nav/arrow-h-nav.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  transition: all ease 0.5s;
  opacity: 0;
  display: block;
}
.drop-nav__link:hover .drop-nav__arrow,
.drop-nav__item:hover .drop-nav__arrow {
  transform: translateY(-50%) translateX(0);
  opacity: 1;
}
.list-level-drop {
  position: absolute;
  top: 0;
  left: 100%;
  width: 215px;
  min-height: 100%;
  background-color: #fafafa;
  border-left: 1px solid #e8e8e8;
  margin: 0;
  padding: 5px 0;
  list-style-type: none;
  display: none;
}
.drop-nav__item:hover .list-level-drop {
  display: block;
}
.list-level-drop__link {
  font-weight: 300;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.14em;
  display: block;
  padding: 10px 25px;
  color: #010101;
  text-decoration: none;
  position: relative;
}
.list-level-drop__link:after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  width: 54px;
  margin: 0 auto;
  height: 1px;
  background-color: #07cfb5;
  z-index: 1;
  transition: all ease 0.5s;
  opacity: 0;
}
.list-level-drop__link:hover {
  color: #010101;
  text-decoration: none;
}
.list-level-drop__link:hover:after {
  opacity: 1;
}

.about-section {
  position: relative;
}

.about-section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/local/templates/acroweb/img/bg/about-bg-new.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

.about-section .container {
  position: relative;
  z-index: 2;
  padding: 65px 0 80px;
  min-height: 565px;
}

.about-section__content {
  padding: 0 0 0 500px;
  position: relative;
  z-index: 3;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
}

.about-section__content .title-section {
  margin: 0 0 10px;
  text-align: left;
}

.about-section__img {
  position: absolute;
  bottom: 0;
  left: -123px;
  z-index: 2;
}

.about-section__btn {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  position: relative;
  padding-bottom: 2px;
}
.btn-text-gradient {
  background-color: #6e14b1;
  background-image: linear-gradient(90deg, #6e14b1 1.34%, #06cfb5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about-section__btn::after {
  content: "";
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, #6e14b1 1.34%, #06cfb5 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
}
.about-section__btn:hover::after {
  opacity: 0;
}
.about-section__btns {
  display: flex;
  align-items: center;
}
.awardsWrap__link {
  font-size: 15px;
  line-height: 18px;
  color: #000000;
  position: relative;
  padding: 14px 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 67px;
  max-height: 64px;
  width: 182px;
}
.awardsWrap__icon {
  margin-right: 9px;
}

.awardsWrap__link:hover .awardsWrap__label {
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #6e14b1;
}
.awardsWrap__link:hover {
  text-decoration: none;
}

.main-banner {
  overflow: hidden;
  position: relative;
  min-height: 550px;
}

.main-banner__content {
  height: 100%;
}

.main-banner-landing {
  height: 500px;
}

.main-banner-landing__container {
  max-height: 100%;
}

.main-banner__slogan {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.main-banner__slogan.container {
  padding: 0 30px 0 70px;
}

.main-banner__text {
  font-size: 17px;
  line-height: 21px;
  color: #b8bae8;
  margin: 0 0 59px;
}

.main-banner__slogan-wrap {
  position: relative;
  z-index: 5;
}

.main-banner__title {
  font-size: 25px;
  line-height: 129.9%;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 8px;
  max-width: 84%;
}

.main-banner__title span {
  font-weight: 800;
  font-size: 55px;
  line-height: 129.9%;
}

.main-banner__btn {
  max-width: 208px;
}

.main-banner__btn .btn-white {
  display: block;
  margin: 0 0 20px;
}

.main-banner__btn .btn-grad-line {
  display: block;
}

.main-slider {
  height: 100%;
}

.main-slider div {
  height: 100%;
}

.main-slider .slide {
  vertical-align: top;
}

.main-slider .slide__card {
  position: relative;
}

.main-slider .slide__img-mb {
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover;
  display: none;
}

.main-slider .slide__img-mb img {
  opacity: 0;
  margin: 0 auto;
}

.main-slider .slide__img {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.main-slider .slide__img img {
  opacity: 0;
  margin: 0 auto;
}

.main-slider .slide__info {
  /*position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 10;
    height: auto;
    font-size: 14px;*/
  color: #fff;
  padding: 0 30px 30px 70px;
  height: auto;
  flex: 0 0 auto;
}
.slide__content {
  position: absolute;
  top: 125px;
  bottom: 0;
  height: auto !important;
  left: 0;
  right: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
}
.slide__content .main-banner__slogan-wrap {
  height: auto;
  flex: 1 0 auto;
  padding: 0 30px 0 0;
  display: flex;
  align-items: center;
}
.slide__content .main-banner__slogan-wrap div {
  height: auto;
}
.main-slider .slide__caption {
  color: #fff;
  display: inline-block;
  min-width: 205px;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding: 0 35px 0 0;
  margin: 0 0 18px;
}

.main-slider .slide__caption:hover {
  color: #07cfb5;
  text-decoration: none;
}

.main-slider .slide__caption:hover:after {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}

.main-slider .slide__caption:after {
  content: "\e906";
  font-family: icomoon;
  color: #07cfb5;
  position: absolute;
  bottom: 6px;
  right: 0;
  z-index: 3;
  font-size: 8px;
  line-height: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.main-slider .slide__text {
  font-weight: 100;
}

.slider-controls-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.slider-controls-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  bottom: 0;
  background-color: #e8e8e8;
  opacity: 0.2;
  z-index: 2;
}

.slider-controls {
  position: relative;
  z-index: 2;
  padding: 40px 0 24px;
  bottom: 32px;
  left: -31px;
}

.slider-controls .slick-arrow {
  position: absolute;
  border: none;
  background-color: transparent;
  padding: 0;
  color: #fff;
  z-index: 10;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
}

.slider-controls .slick-prev {
  top: 0;
}

.slider-controls .slick-next {
  bottom: 0;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.slider-controls .slick-dots {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.slider-controls .slick-dots li {
  display: block;
  height: 7px;
  margin: 0 0 16px;
}

.slider-controls .slick-dots li.slick-active button:after {
  opacity: 1;
}

.slider-controls .slick-dots li button {
  padding: 0;
  border: none;
  text-indent: 100%;
  overflow: hidden;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  border: none;
  background-color: transparent;
  position: relative;
}

.slider-controls .slick-dots li button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 7px;
  z-index: 2;
  border: 1px solid #e8e8e8;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 1;
  border-radius: 50%;
  overflow: hidden;
}

.slider-controls .slick-dots li button:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  z-index: 3;
  top: 0;
  left: 0;
  background-image: url(../img/circle-icon-grad.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 7px;
  height: 7px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
}

.projects-wrap {
  overflow: hidden;
}

.projects-wrap .container {
  padding: 0;
}

.projects-slider .slide {
  vertical-align: top;
}

.projects-slider .slick-list {
  overflow: visible;
}

.projects-slider .slick-current .projects-card__btn {
  text-decoration: none;
  color: #fff;
  background: #1c1d34;
}

.projects-slider .slick-current .projects-card__subtitle,
.projects-slider .slick-current .projects-card__title {
  color: #010101;
}

.projects-slider .slick-current .projects-card__img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.projects-slider .slick-current .projects-card__img:after {
  opacity: 0.5;
}

.projects-slider .slick-current .projects-card__img:before {
  opacity: 0;
}

.projects-card {
  position: relative;
}

.projects-card__img {
  position: relative;
  padding: 65% 0 0 0;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.projects-card__img:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 240px;
  height: 175px;
  background-image: url(../img/watermark.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  opacity: 0.2;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.projects-card__img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    to(rgba(255, 255, 255, 0.7))
  );
  background: -o-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0.7) 100%);
  background: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0.7) 100%);
}

.projects-card__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.projects-card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* padding: 30px 35px 15px 65px; */
  padding: 30px 35px 25px 30px;
  z-index: 5;
  -webkit-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.projects-card__subtitle,
.projects-card__title {
  color: #010101;
}

.projects-card__subtitle {
  /* font-size: 14px;
    font-weight: 300 */
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 4px 0;
  text-transform: none;
}

.projects-card__title {
  /* font-weight: 600;
    font-size: 18px; */
  margin: 0 0 6px;
  font-weight: 800;
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.projects-card__btn {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background: #a9a9a9;
  border-radius: 16px;
  padding: 10px 25px 8px;
  color: #fff;
  font-weight: 550;
  font-family: "Montserrat";
  width: 160px;
}

.projects-card__btn span {
  position: relative;
  z-index: 5;
}

/* .projects-card__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    z-index: 3;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #6228b1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.projects-card__btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#6e14b1), to(#06cfb5));
    background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
    background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
    z-index: 1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    opacity: 0
} */

.projects-card__btn:hover {
  text-decoration: none;
  color: #fff;
  background: #1c1d34;
}

/* .projects-card__btn:hover:after {
    border-color: transparent transparent transparent #fff
}

.projects-card__btn:hover:before {
    opacity: 1
} */

.projects-card:hover .projects-card__btn {
  text-decoration: none;
  color: #fff;
  background: #1c1d34;
}

/* .projects-card:hover .projects-card__btn:after {
    border-color: transparent transparent transparent #fff
}

.projects-card:hover .projects-card__btn:before {
    opacity: 1
} */

/* .projects-card:hover .projects-card__subtitle, .projects-card:hover .projects-card__title {
    color: #fff
} */
.projects-card:hover .projects-card__subtitle,
.projects-card:hover .projects-card__title {
  color: #010101;
}
.projects-card:hover .projects-card__img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.projects-card:hover .projects-card__img:after {
  opacity: 0.5;
}

.projects-card:hover .projects-card__img:before {
  opacity: 0;
}

.services-wrap {
  background-color: #f6f6f6;
  padding: 50px 0 70px;
}

.services-row {
  margin: 0 -10px;
}

.services-row > div {
  padding: 0 10px;
}

.services-card {
  position: relative;
  display: block;
  min-height: 235px;
  margin: 0 0 20px;
}

.services-card:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
  opacity: 0;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.services-card--one {
  background-color: #d4ccc9;
}

.services-card--two {
  background: #cecece;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#cecece),
    to(#e1e1e1)
  );
  background: -o-linear-gradient(left, #cecece 0, #e1e1e1 100%);
  background: linear-gradient(to right, #cecece 0, #e1e1e1 100%);
}

.services-card--three {
  background: #bed0d0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#bed0d0),
    to(#d0dede)
  );
  background: -o-linear-gradient(left, #bed0d0 0, #d0dede 100%);
  background: linear-gradient(to right, #bed0d0 0, #d0dede 100%);
}

.services-card--thour {
  background: #bcbbc7;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#bcbbc7),
    to(#c5c4cf)
  );
  background: -o-linear-gradient(left, #bcbbc7 0, #c5c4cf 100%);
  background: linear-gradient(to right, #bcbbc7 0, #c5c4cf 100%);
}

.services-card--five {
  background: #c7d7dd;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#c7d7dd),
    to(#d5e4e9)
  );
  background: -o-linear-gradient(left, #c7d7dd 0, #d5e4e9 100%);
  background: linear-gradient(to right, #c7d7dd 0, #d5e4e9 100%);
}

.services-card--six {
  background: #d1cbcb;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#d1cbcb),
    to(#e1dede)
  );
  background: -o-linear-gradient(left, #d1cbcb 0, #e1dede 100%);
  background: linear-gradient(to right, #d1cbcb 0, #e1dede 100%);
}

.services-card__logo {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 15px 0 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.services-card__content {
  position: absolute;
  z-index: 4;
  padding: 20px;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 14px;
  line-height: 1.2;
}

.services-card__title {
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  margin: 0 0 5px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  letter-spacing: 0.05em;
  display: block;
  color: #010101;
  text-decoration: none;
  transition: all ease 0.5s;
}

.services-card__title:hover {
  text-decoration: underline;
  color: #fff;
}

.services-card__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.services-card__list li {
  position: relative;
  padding: 0 0 0 10px;
}

.services-card__list li:last-child {
  /*padding: 0*/
}

.services-card__list li:last-child:after {
  /*display: none*/
}

.services-card__list li:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 5px;
  height: 1px;
  background-color: #010101;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.services-card__list li a {
  color: #010101;
  text-decoration: none;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.services-card__icon {
  color: rgba(255, 255, 255, 0.3);
  line-height: 1;
  font-size: 160px;
}

.services-card__detail-btn {
  position: absolute;
  bottom: 25px;
  right: 10px;
  z-index: 5;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #fff;
  color: #fff;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  transform: translateX(-5px);
  opacity: 0;
  cursor: pointer;
}

.services-card__detail-btn:hover {
  background-color: #fff;
  text-decoration: none;
  color: #07cfb5;
}

/* .services-card.active, .services-card:hover {
    border-radius: 25px
} */

.services-card.active:after,
.services-card:hover:after {
  opacity: 1;
}

.services-card.active .services-card__title,
.services-card:hover .services-card__title {
  color: #fff;
  transition: 0.5s;
}

.services-card.active .services-card__list li:after,
.services-card:hover .services-card__list li:after {
  background-color: #fff;
}

.services-card.active .services-card__list li a,
.services-card:hover .services-card__list li a {
  color: rgba(255, 255, 255, 0.6);
}

.services-card.active .services-card__list li a:hover,
.services-card:hover .services-card__list li a:hover {
  color: #fff;
  text-decoration: underline;
}

.services-card.active .services-card__detail-btn,
.services-card:hover .services-card__detail-btn {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.facts-wrap {
  background-image: url(../img/bg/fact-bg-new.jpg);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.facts-container {
  padding: 80px 0 40px;
  min-height: 470px;
  position: relative;
}

.facts-container__title {
  font-size: 32px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  margin: 0 0 10px;
}

.facts-container__subtitle {
  margin: 0 0 35px;
  font-size: 17px;
  line-height: 131%;
  color: #fff;
  max-width: 590px;
}

.facts-row {
  max-width: 660px;
  width: 100%;
}

.facts-col {
  margin: 0 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.facts-col__logo {
  min-width: 140px;
  width: 140px;
}
.facts-col__logo-gold {
  width: 145px;
}

.facts-col__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 8px 0 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.facts-col__item {
  padding: 0 0 0 35px;
}

.facts-col__item:first-child {
  width: 170px;
}

.facts-col__item:nth-child(2) {
  width: 150px;
}

.facts-col__caption {
  font-size: 30px;
  line-height: 1;
  margin: 0 0 4px;
  color: #fff;
  font-weight: 700;
}

.facts-col__text {
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
}

.facts-robot-img {
  position: absolute;
  bottom: 0;
  right: 100px;
  z-index: 1;
}

.partners-wrap {
  background-color: #f8f8f8;
}

.partners-container {
  padding: 60px 0 55px;
}

.partners-section {
  align-items: center;
}

.partners-box {
  padding: 0 0 0 30px;
  display: none;
}

.partners-box__img {
  display: none;
  margin: 0 0 25px;
}

.partners-box__img img {
  margin: 0 auto;
}

.partners-box__title {
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  color: #000000;
  margin: 0 0 26px;
  font-weight: 700;
  text-transform: uppercase;
}

.partners-box__item {
  font-weight: 400;
  font-size: 15px;
  line-height: 131%;
  color: #393939;
  position: relative;
}

.partners-box__item:first-child {
  padding: 0;
}
.partners-box__item:first-child:after {
  top: 0;
}

.partners-box__item h3 {
  margin: 0 0 6px;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #393939;
}

.partners-box.visib {
  display: block;
}

.partners-box.hidden-box {
  display: none !important;
}

.partners-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.partners-list li {
  width: 182px;
  height: 122px;
  padding: 14px 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  cursor: pointer;
}

.partners-list li.hidden-box {
  display: none !important;
}

.partners-list li:nth-child(3n) {
  border-right: none;
}

.partners-list li:nth-child(-n + 3) {
  border-top: none;
}
.partners-list li img {
  transition: all ease 0.5s;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.partners-list li.current,
.partners-list li:hover {
  background: #ffffff;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.05);
}
.partners-list li.current img,
.partners-list li:hover img {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none;
}

.partners-more {
  display: inline-block;
  vertical-align: top;
  padding: 10px 10px 8px;
  text-align: center;
  border-radius: 20px;
  letter-spacing: 0.1em;
  cursor: pointer;
  color: #fff;
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  max-width: 210px;
  width: 100%;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-decoration: none;
  text-transform: uppercase;
}

.partners-more::after {
  opacity: 1;
}

.partners-more:hover {
  text-decoration: none;
  color: #fff;
}

.partners-more.hidden-btn {
  display: none;
}

.partners-btn-wrap {
  text-align: center;
  padding: 54px 0 0 0;
}

/* Партнеры на главной */
.partners-box__client {
  padding: 22px 26px 21px 30px;
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  margin-bottom: 43px;
}
.partners-box__client::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 7px;
  background: linear-gradient(180deg, #6e14b1 0%, #06cfb5 100%);
}
.partners-box__client-name {
  font-weight: 600;
}
.partners-box__task {
  margin-bottom: 42px;
}
.partners-box__solution-list {
  padding: 7px 0 0;
  margin: 0;
}
.partners-box__solution-item {
  list-style: none;
  position: relative;
  padding-left: 37px;
  padding-bottom: 6px;
}
.partners-box__solution-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  height: 3px;
  min-height: 3px;
  width: 21px;
  background: #06cfb5;
}

.portfolio {
  padding: 80px 0;
}

.photo-filter {
  padding: 0 15px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  max-width: 1030px;
  margin: 0 auto;
  justify-content: center;
}

.photo-filter__item {
  /* -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; */
  padding: 0 4px;
  margin: 0 0 10px;
}

.photo-filter__item.active .photo-filter__card {
  border-color: transparent;
}

.photo-filter__item.active .photo-filter__card:after {
  opacity: 1;
}

.photo-filter__card {
  position: relative;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #e6e6e6;
  border-radius: 45px;
  overflow: hidden;
  padding: 1px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.photo-filter__card:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
}

.photo-filter__name {
  padding: 12px 24px;
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border-radius: 20px;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #010101;
  letter-spacing: 0.1em;
  white-space: nowrap;
  font-weight: 600;
}

.photo-container {
  font-size: 0;
  overflow: hidden;
  padding: 0 20px 0 25px;
}

.portfolio-page .photo-container {
  min-height: 902px;
}

.photo-container .mix {
  display: none;
  width: calc(100% / 3 - 10px); /* 2022-08-22 */
  margin: 5px;
  vertical-align: top;
  font-size: 14px;
}

.photo-card {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 66% 0 0 0;
}

.photo-card:hover .photo-card__detail {
  opacity: 0.9;
}

.photo-card:hover .photo-card__c-item {
  background-color: rgba(225, 225, 225, 0.5);
}

.photo-card__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.photo-card__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.photo-card__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 30px;
  z-index: 5;
  left: 0;
  right: 0;
}

.photo-card__c-item {
  display: inline-block;
  vertical-align: top;
  margin: 0 7px;
  padding: 6px 15px 4px;
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 10px;
  line-height: 1;
  position: relative;
}

.photo-card__c-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
}

.photo-card__c-item:hover {
  color: #fff;
  text-decoration: none;
}

.photo-card__c-item:hover:after {
  opacity: 1;
}

.photo-card__c-item span {
  position: relative;
  z-index: 1;
}

.photo-card__detail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, .8); */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
  z-index: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* padding: 20px 20px 70px; */
  padding: 20px 20px 20px;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.photo-card__logo {
  margin-bottom: 20px;
}

.photo-card__title {
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  margin: 0 0 35px;
}

.photo-card__text {
  max-width: 380px;
  margin: 0 auto;
  color: #a8a8a8;
  padding: 0 0 20px;
}

.photo-card__btn-wrap .btn-grad-line {
  max-width: 208px;
  min-width: 208px;
  width: 100%;
}

.photo-box-all {
  padding: 45px 0 35px 0px;
  text-align: center;
}

.photo-box-all .btn-gradient {
  max-width: 210px;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
}

.photo-box-all .btn-gradient.active {
  opacity: 0;
  visibility: hidden;
}

.portfolio-btn.btn-white {
  font-weight: 500;
}

.p-slider-control {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px 0;
}

.p-slider-control__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0 26px;
}

.p-slider-control .slick-arrow {
  border: none;
  position: absolute;
  top: -1px;
  padding: 0;
  background-color: transparent;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #a8a8a8;
  font-size: 8px;
}

.p-slider-control .slick-arrow:hover {
  color: #07cfb5;
}

.p-slider-control .slick-prev {
  left: 0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.p-slider-control .slick-next {
  right: 0;
}

.p-slider-control .slick-dots {
  font-size: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.p-slider-control .slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
}

.p-slider-control .slick-dots li.slick-active button:after {
  opacity: 1;
}

.p-slider-control .slick-dots li button {
  padding: 0;
  border: 1px solid #a8a8a8;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  background-color: transparent;
  cursor: pointer;
  position: relative;
}

.p-slider-control .slick-dots li button:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 7px;
  height: 7px;
  z-index: 2;
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0;
}

.banner-inner {
  background-color: #f5f5f5;
  background-image: url(../img/banner-bg-inner.png);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-inner__content {
  max-width: 500px;
  width: 100%;
  padding: 15px 0;
  margin: 0 0 0 70px;
  position: relative;
  z-index: 2;
}

.banner-inner__subtitle,
.banner-inner__title {
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}

.banner-inner__title {
  font-size: 40px;
  color: #6228b1;
  line-height: 0.7;
}

.banner-inner__subtitle {
  font-size: 25px;
  margin: 0 0 40px;
}

.banner-inner__text {
  font-weight: 300;
}

.banner-inner__img {
  position: absolute;
  bottom: 0;
  right: -30px;
  z-index: 1;
  max-width: 630px;
}

.banner-inner .container {
  min-height: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.banner-inner .container .breadcrumb {
  position: absolute;
  left: 70px;
  top: 0;
}

.about-inner {
  padding: 75px 15px 35px;
}

.about-inner__container {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
}

.about-inner__title {
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 20px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
}

.stage-wrap {
  padding: 70px 0 80px;
}

.stage-wrap .title-section {
  margin: 0 0 70px;
  font-size: 28px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
}
.portfolio .title-section {
  margin-bottom: 34px;
}

.stage-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 500px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.stage-wrap__list:after {
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  width: 1px;
  bottom: 0;
  z-index: 1;
  background-color: #07cfb5;
}
.stage-wrap__box {
  display: none;
  position: absolute;
  max-width: 790px;
}

.stage-wrap__box.visib {
  display: block;
}

.item-stage {
  cursor: pointer;
}

.item-stage.current .item-stage__stage-number,
.item-stage.current .item-stage__title {
  color: #6228b1;
}

.item-stage.current .item-stage__text {
  display: block;
}

.item-stage.current .item-stage__number {
  font-size: 16px;
  color: #fff;
}

.item-stage.current .item-stage__number::after {
  opacity: 1;
}

.item-stage__card {
  color: #a8a8a8;
  line-height: 1.2;
  padding: 0 0 25px 25px;
  position: relative;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.item-stage__stage-number {
  text-transform: uppercase;
  margin: 0 0 10px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.item-stage__title {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 15px;
  text-transform: uppercase;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.item-stage__number {
  position: absolute;
  top: -4px;
  left: -10px;
  z-index: 2;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}

.item-stage__number:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
  z-index: 1;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
}

.item-stage__number span {
  position: relative;
  z-index: 3;
  display: inline-block;
  vertical-align: top;
  left: 1px;
}

.item-stage__text {
  color: #010101;
  display: none;
}

.item-stage__img {
  display: none;
  padding: 25px 0 0 0;
}

.portfolio-inner {
  padding: 75px 0;
  background-color: #f2f2f2;
}

.portfolio-inner .title-section {
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 20px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
}

.photo-in-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  margin: 0 0 25px;
}

.photo-in-list__img {
  width: 50%;
  position: relative;
  padding: 35% 0 0 0;
}

.photo-in-list__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.photo-in-list__content {
  width: 50%;
  padding: 100px 40px 20px;
  color: #a8a8a8;
}

.photo-in-list__title {
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-size: 18px;
  color: #010101;
}

.photo-in-list .no-visible {
  display: none;
}

.photo-all-wrap {
  padding: 45px 0 0 0;
  text-align: center;
}

.photo-all-wrap .btn-black {
  max-width: 210px;
  width: 100%;
}

.stages-development {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
}

.stages-development .title-section {
  margin: 0 0 70px;
  color: #fff;
  font-size: 28px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
}

.stages-development__container {
  padding: 80px 0 214px;
  position: relative;
}

.stages-development__container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  bottom: 0;
  z-index: 1;
  background-color: #e9e9e9;
}

.stages-development-list {
  margin: 0;
  padding: 45px 0 0 60px;
  list-style-type: none;
}

.stages-development-list li {
  cursor: pointer;
  margin: 0 0 35px;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #af75e4;
}

.stages-development-list li.current {
  color: #fff;
}

.stages-development-box {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 35px 80px 40px;
  -webkit-box-shadow: 0 4px 48px -25px rgba(81, 6, 136, 0.8);
  box-shadow: 0 4px 48px -25px rgba(81, 6, 136, 0.8);
  min-height: 450px;
  display: none;
  position: absolute;
  width: inherit;
}

.stages-development-box.visib {
  display: block;
}

.stages-development-box__title {
  font-size: 47px;
  line-height: 1;
  font-weight: 600;
  margin: 0 0 40px;
  text-transform: uppercase;
  color: #af75e4;
  position: relative;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.stages-development-box__btn-mb {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.stages-development-box__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.stages-development-box__list li {
  width: 33.3%;
  padding: 0 15px 0 0;
}

.stages-development-box__img {
  height: 115px;
}

.stages-development-box__img img {
  max-width: 80px;
}

.stages-development-box__caption {
  color: #010101;
  margin: 0 0 15px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
}

.stages-development-box__text {
  font-size: 14px;
  color: #383951;
  line-height: 1.2;
  max-width: 200px;
}

.questions-wrap {
  background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#f8f8f8),
      to(#f8f8f8)
    ),
    #f1f1f1;
  background: -o-linear-gradient(bottom, #f8f8f8, #f8f8f8), #f1f1f1;
  background: linear-gradient(0deg, #f8f8f8, #f8f8f8), #f1f1f1;
  padding: 65px 0 40px;
}

.questions-wrap .title-section {
  font-size: 28px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
}

.questions-list {
  max-width: 870px;
  width: 100%;
  margin: 0 auto;
}

.questions-list__item {
  margin: 0 0 10px;
  background: #fff;
  padding: 0 0 9px;
}

.questions-list__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  cursor: pointer;
  padding: 25px 21px 8px 36px;
}

.questions-list__content {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #5b5b5b;
  background-color: #fff;
  padding: 0px 61px 20px 36px;
  position: relative;
  display: none;
}

/* .questions-list__content:after {
    content: "";
    position: absolute;
    top: 0;
    width: 4px;
    left: -4px;
    bottom: 0;
    z-index: 1;
    background-color: #e8e8e8
} */

.trust-wrap {
  padding: 70px 0 50px;
}

.trust-wrap__caption {
  max-width: 730px;
  width: 100%;
  margin: 0 auto 80px;
}

.trust-wrap__title {
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  text-align: center;
  color: #010101;
}

.trust-wrap__text {
  color: #383951;
}

.trust-gallery {
  margin: 0 0 100px;
}

.trust-gallery > div {
  padding: 0;
}

.trust-gallery .no-visible {
  display: none;
}

.g-photo-card {
  display: block;
  position: relative;
  padding: 86% 0 0 0;
  cursor: pointer;
}

.g-photo-card:hover .g-photo-card__img {
  /* display: none; */
  /* transition: .5s;
    opacity: 0; */

  transform: scale(1.1);
  display: flex;
  opacity: 1;
}

/* .g-photo-card:hover .g-photo-card__bg {
    display: block;
    transition: .5s;
    opacity: 1;
} */

.trust-wrap-landing .g-photo-card:hover .g-photo-card__img {
  transform: scale(1.1);
  display: flex;
  opacity: 1;
}

.trust-wrap-landing .g-photo-card__img {
  opacity: 1;
}

.g-photo-card:after {
  content: "";
  position: absolute;
  top: -40px;
  left: -1px;
  right: 0;
  bottom: -40px;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  z-index: 1;
}

.g-photo-card:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -40px;
  right: -40px;
  bottom: 0;
  z-index: 2;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.g-photo-card__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px;
  transition: 0.5s;
  opacity: 1;
}

.g-photo-card__bg {
  position: absolute;
  display: block;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
  /* display: none; */
  opacity: 0;
}

.g-photo-card__bg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.trust-btn-wrap {
  text-align: center;
}

.trust-btn-wrap .btn-black {
  max-width: 210px;
  width: 100%;
}

.contacts-page {
  position: relative;
  z-index: 2;
}

.caption-section {
  padding: 40px 30px 40px 70px;
}

.caption-section h1 {
  font-size: 40px;
  line-height: 1;
  font-weight: 600;
  margin: 0 0 10px;
  color: #fff;
  text-transform: uppercase;
}

.caption-section h2 {
  font-size: 25px;
  line-height: 1.2;
  color: #fff;
  letter-spacing: 0.115em;
  text-transform: uppercase;
  margin: 0;
}

.bg-grad-content {
  position: relative;
}

.bg-grad-content:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  -ms-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
  background: -o-linear-gradient(
      243.17deg,
      #06cfb5 1.87%,
      rgba(0, 0, 0, 0) 49.46%
    ),
    -o-linear-gradient(top, #6f15b2 0, #1e1f3d 45.83%);
  background: linear-gradient(206.83deg, #06cfb5 1.87%, rgba(0, 0, 0, 0) 49.46%),
    linear-gradient(180deg, #6f15b2 0, #1e1f3d 45.83%);
}

.contacts-wrap {
  padding: 0 65px 0 0;
  position: relative;
}

.contacts-wrap__col {
  width: 100%;
  padding: 0 0 0 65%;
  background: rgba(255, 255, 255, 0.03);
  position: relative;
}

.contacts-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 25px 30px;
  padding: 30px 0 0 0;
  border-bottom: 1px solid #fff;
  list-style-type: none;
}

.contacts-wrap__list li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  cursor: pointer;
  padding: 0 10px 20px;
  font-size: 14px;
  line-height: 1.2;
  color: #a8a8a8;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.contacts-wrap__list li:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  left: 50%;
  right: 50%;
  opacity: 0;
  background-color: #fff;
  z-index: 1;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.contacts-wrap__list li.current {
  color: #fff;
}

.contacts-wrap__list li.current:after {
  left: 0;
  right: 0;
  opacity: 1;
}

.contacts-info {
  padding: 0 0 45px;
}

.contacts-info__item {
  padding: 0 0 15px;
  font-size: 14px;
  line-height: 1.2;
}

.contacts-info__caption {
  margin: 0 0 5px;
  color: #a8a8a8;
  font-weight: 100;
}

.contacts-info__content {
  color: #fff;
  text-transform: uppercase;
}

.contacts-info__item_address {
  min-height: 70px;
}

.contacts-info__content a {
  color: #fff;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-decoration: none;
}

.contacts-info__content a:hover {
  color: #07cfb5;
  text-decoration: none;
}

.box-contacts {
  padding: 40px 65px 45px;
  display: none;
}

.box-contacts .b-social {
  padding: 0;
  margin: 0 -8px;
}

.box-contacts .b-social__link {
  width: 26px;
  height: 26px;
  font-size: 15px;
}

.box-contacts .b-social__link.icon-facebook {
  font-size: 19px;
}

.box-contacts .b-social__link.icon-facebook:before {
  top: 3px;
}

.box-contacts .b-social__item {
  padding: 0 8px;
}

.box-contacts.visib {
  display: block;
}

.box-contacts__map {
  position: absolute;
  top: 0;
  left: 0;
  width: 65%;
  height: 100%;
  z-index: 2;
}

.box-contacts__map img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.contacts-img-wrap {
  text-align: center;
  display: none;
}

.contacts-img-wrap img {
  margin: 0 auto;
  position: relative;
  bottom: -41px;
  z-index: 2;
}

.feedback-bg {
  position: relative;
  padding-top: 79px;
  padding-bottom: 39px;
  /* z-index: 1;
    background-image: url(../img/feedback-bg.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #e8e8e8 */
}

.feedback-img {
  position: absolute;
}

.feedback-img.left {
  left: -58px;
  top: 325px;
}

.feedback-img.right {
  right: -267px;
  top: 62px;
}

.feedback-wrap {
  /* padding: 50px 0;
    max-width: 680px;
    margin: 0 auto */
  padding: 50px 114px;
  margin: 0 auto;
  background: #fff;
  max-width: 905px;
  position: relative;
}

.feedback-wrap__title {
  /* text-align: center;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: .115em;
    text-transform: uppercase; */
  margin: 0 0 45px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  text-align: center;
}

.feedback-wrap__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  padding: 0 0 35px;
  list-style-type: none;
}

.feedback-wrap__tabs li {
  width: 33.3%;
  padding: 0 12px 20px;
}

.feedback-wrap__tabs li.current .btn-grad-line:after {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
}

.feedback-wrap__tabs .btn-grad-line {
  font-size: 10px;
  width: 100%;
}

.feedback-wrap__tabs .btn-grad-line:after {
  background: #a8a8a8;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.feedback-wrap__tabs .btn-grad-line span {
  padding: 11px 24px 8px;
  background-color: #e8e8e8;
  color: #010101;
}

.feedback-wrap__section {
  display: none;
}

.feedback-wrap__section .form-control {
  margin: 0 0 20px;
}

.feedback-wrap__section.visib {
  display: block;
}

.submit-btn-wrap {
  padding: 25px 0 0 0;
  text-align: center;
}

.submit-btn-wrap .btn-gradient {
  max-width: 210px;
  width: 100%;
  padding: 11px 15px 10px;
}

.footer {
  padding: 59px 0 0px;
  background-color: #1d1d35;
  background-image: url(/local/templates/acroweb/img/new-bg-footer.png);
  background-position: 50% 50%;
  background-repeat: repeat;
  overflow: hidden;
}

.footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 70px;
}

.footer__col-left {
  min-width: 175px;
  width: 175px;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.08em;
}

.footer__link-logo {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 25px;
}

.footer__link-logo img {
  max-width: 160px;
}

.footer__adress {
  margin: 0 0 10px;
}

.footer__phone-wrap {
  min-height: 65px;
}

.footer__phone-item {
  margin: 0 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__caption {
  margin: 0 5px 0 0;
}

.footer__phone-link {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.footer__phone-link:hover {
  text-decoration: none;
  color: #07cfb5;
}

.footer__col-center {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 10px 0 0 0;
}

.footer__col-right {
  min-width: 165px;
  width: 165px;
  padding: 10px 0 0 0;
}

.footer__col-right .btn-feedback-mb {
  display: none;
}

.footer__col-right .footer__name-col {
  padding: 0 0 0 5px;
}

.footer__col-right .footer__info {
  color: #fff;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 0.08em;
  display: none;
}

.footer__col-right .footer__adress {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: #fff;
  font-weight: 300;
  margin: 0 0 40px;
  display: none;
}

.footer__col-right .footer__phone-mb {
  display: none;
  padding: 0 0 15px;
  text-align: center;
}

.footer__col-right .footer__phonemb-item {
  margin: 0 0 5px;
}

.footer__col-right .footer__phonemb-item .footer__phone-link {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 0.08em;
}

.footer__col-right .b-social {
  padding: 0 0 10px 5px;
}

.footer__name-col {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.08em;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.footer__policy-link {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.footer__policy-link a {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.08em;
  color: #ffffff;
  text-decoration: none;
  transition: all ease 0.5s;
}
.footer__policy-link a:hover {
  color: #07cfb5;
}

@media (max-width: 767px) {
  .footer__policy-link {
    justify-content: center;
    margin-top: 12px;
  }
}

.menu-footer__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.menu-footer__link {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin: 0 0 13px;
}

.menu-footer__link:hover {
  color: #07cfb5;
  text-decoration: underline;
}

.menu-footer__list {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 0.08em;
  color: #fff;
}

.menu-footer__caption {
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 22px 0 0;
  margin: 0 0 15px;
}

.menu-footer__caption button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 2;
  border: none;
  cursor: pointer;
  display: none;
  background-color: transparent;
}

.menu-footer__caption:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #6128b1 transparent transparent transparent;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: none;
}

.menu-footer__caption.current:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.menu-footer__item:first-child {
  min-width: 215px;
}

.menu-footer__item:nth-child(2) {
  min-width: 230px;
}

/*.menu-footer__item:last-child {
    min-width: 185px
}*/
.nav-list__item:first-child {
  margin: 0;
}

/*** transfer_to_bitrix ***/

.title-section--lg_bold {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: inherit;
}
.transfer-price {
  padding: 70px 0 60px;
  background: linear-gradient(215.47deg, #06cfb5 4.46%, rgba(0, 0, 0, 0) 77.19%),
    linear-gradient(180deg, #6f15b2 0%, #1e1f3d 100%);
}
.transfer-price .title-section {
  color: #fff;
  margin: 0 0 30px;
  font-size: 28px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
}
.title-description {
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  margin: 0 0 40px;
}
.price-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.price-list__item {
  width: 33.3%;
  padding: 0 15px;
  display: flex;
}
.price-list__card {
  margin: 0 0 30px;
}
.card-transfer {
  width: 100%;
  background-color: #fff;
  padding: 40px 50px;
}
.card-transfer__img {
  margin: 0 auto 15px;
}
.card-transfer__img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.card-transfer__name {
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.card-transfer__price {
  text-align: center;
  margin: 0 0 35px;
}
.price-col {
  position: relative;
  font-size: 18px;
  line-height: 1;
  color: #6228b1;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 16px 0 0;
}
.price-col:after {
  content: "₽";
  /* font-family:"PTrouble"; */
  position: absolute;
  top: 0.1em;
  right: 0;
  z-index: 3;
}
.check-transfer {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.check-transfer__li {
  padding: 0 0 0 30px;
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  color: #1c1d34;
  margin: 0 0 15px;
}
.check-transfer__li:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 1;
  width: 19px;
  height: 19px;
  background-image: url("../img/checkmark.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.step-transfer {
  background-color: #f5f5f5;
  padding: 150px 0 125px;
}
.step-transfer .title-section--lg_bold {
  font-size: 28px;
  letter-spacing: 0.02em;
}
.step-transfer--logo {
  padding: 90px 0 65px;
}
.step-transfer-list {
  display: flex;
  align-items: flex-start;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.step-transfer-list__item {
  width: 50%;
}
.step-transfer-list__item:first-child {
  padding: 8px 0 0 0;
}
.step-transfer-list__item:last-child {
  padding: 252px 0 0 0;
}
.step-transfer-list__item--center {
  width: 90px;
  flex: 0 0 auto;
  margin: 0 50px;
}
.card-step-transfer {
  position: relative;
  padding: 65px 0 15px;
}
.card-step-transfer__content {
  position: relative;
  z-index: 3;
}
.card-step-transfer__img {
  position: relative;
  padding: 60% 0 0 0;
  overflow: hidden;
  margin: 0 0 25px;
}
.card-step-transfer__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-step-transfer__name {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 15px;
}
.card-step-transfer__text {
  font-size: 14px;
  line-height: 1.5;
  color: #1c1d34;
  font-weight: 100;
  min-height: 130px;
}
.card-step-transfer:last-child {
  padding: 65px 0 0 0;
  margin: 0 0 60px;
}
.card-step-transfer:last-child .card-step-transfer__text {
  min-height: inherit;
}
.card-step-transfer__number {
  font-size: 112px;
  line-height: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-weight: 600;
  color: #e8e8e8;
}
.step-transfer-list__arrow {
  margin: 0 auto 39px;
  width: 16px;
  height: 131px;
  display: block;
  background-image: url("../img/line-step.svg");
  background-position: 0 0;
  background-size: cover;
}
.step-transfer-list__number {
  display: block;
  text-align: center;
  font-size: 72px;
  line-height: 0.7;
  margin: 0 0 39px;
  color: #383951;
  text-transform: uppercase;
  font-weight: 600;
}
.step-transfer__text-info {
  text-align: center;
}
.step-transfer-list__card--mb {
  display: none;
}
.step-transfer-list.hiding-even-cards
  .step-transfer-list__item:first-child
  .step-transfer-list__card:nth-child(even) {
  display: none;
}
.benefit-transfer {
  background-color: #fff;
}
.benefit-transfer__container {
  padding: 115px 0 70px;
  position: relative;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.benefit-transfer__container .title-section {
  margin: 0 0 60px;
  /* color: #6228B1; */
  font-size: 28px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
}
.benefit-transfer__content {
  position: relative;
  z-index: 3;
}
.line-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.line-container__item {
  width: 25%;
  border-left: 1px solid #efefef;
}
.line-container__item:last-child {
  border-right: 1px solid #efefef;
}
.benefit-transfer__item {
  margin: 0 0 35px;
  padding: 0 50% 0 0;
}
.benefit-transfer__item:nth-child(even) {
  padding: 0 0 0 50%;
}
.card-benefit-transfer {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 14px;
  line-height: 1.2;
  color: #a8a8a8;
}
.card-benefit-transfer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  bottom: 0;
  z-index: 1;
  background: rgb(110, 20, 177); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(110, 20, 177, 1) 0%,
    rgba(6, 207, 181, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(110, 20, 177, 1) 0%,
    rgba(6, 207, 181, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(110, 20, 177, 1) 0%,
    rgba(6, 207, 181, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e14b1', endColorstr='#06cfb5',GradientType=0 ); /* IE6-9 */
}
.card-benefit-transfer__caption {
  margin: 0 0 10px;
  text-transform: uppercase;
  font-weight: 700;
  color: #010101;
}
.card-benefit-transfer__text p {
  margin: 0 0 10px;
}
.card-benefit-transfer__text p:last-child {
  margin: 0;
}
.why-section {
  overflow: hidden;
  background-color: #f5f5f5;
}
.why-section .container {
  position: relative;
}
.why-section__img {
  position: absolute;
  bottom: 0;
  left: -70px;
  z-index: 1;
  max-width: 625px;
  width: 100%;
}
.why-section__img img {
  display: block;
  max-width: 100%;
}
.why-section__content {
  min-height: 520px;
  padding: 90px 0 45px 560px;
  position: relative;
  z-index: 3;
}
.why-section .title-section {
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 20px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
}
.why-section__row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -12px;
  padding: 0 0 35px;
}
.why-section__item {
  width: 50%;
  padding: 0 12px 25px;
}
.card-why-section {
  font-size: 14px;
  line-height: 1.2;
}
.card-why-section__caption {
  display: flex;
  align-items: center;
  margin: 0 0 5px;
}
.card-why-section__img {
  width: 35px;
  flex: 0 0 auto;
  margin: 0 10px 0 0;
}
.card-why-section__img img {
  display: block;
  max-width: 100%;
}
.card-why-section__name {
  font-weight: 600;
  text-transform: uppercase;
}
.bitrix-section-info__content {
  display: flex;
  align-items: flex-end;
  max-width: 665px;
  width: 100%;
  margin: 0 auto;
}
.bitrix-section-info__img {
  width: 185px;
  flex: 0 0 auto;
  margin: 0 100px 0 0;
}
.bitrix-section-info__img img {
  display: block;
  max-width: 100%;
}
.bitrix-section-info__text {
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 0 20px;
}
.bitrix-section-info {
  padding: 50px 0 90px;
  background-image: url("../img/bitrix-bg-img.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  overflow: hidden;
}
.breadcrumb {
  padding: 10px 0 0;
  margin: 0 0 20px;
  background-color: transparent;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.breadcrumb a {
  color: #010101;
  transition: all ease 0.5s;
}
.breadcrumb a:hover {
  color: #07cfb5;
}
.breadcrumb li + li:before {
  content: "";
  width: 12px;
  height: 4px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../img/arrow-breadcrumb.svg");
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 4px;
}
.transfer-banner {
  background: linear-gradient(278.97deg, #e5e3ec 32.5%, #ebf3f2 84.53%);
  padding: 15px 0 0 0;
}
.transfer-banner .container {
  padding: 0 0 0 70px;
}
.card-transfer-banner {
  min-height: 490px;
  position: relative;
  padding: 70px 0 0 0;
  position: relative;
}
.card-transfer-banner__content {
  position: relative;
  z-index: 3;
  max-width: 605px;
}
.card-transfer-banner__content h1 {
  font-size: 40px;
  line-height: 1;
  margin: 0 0 15px;
  text-transform: uppercase;
  color: #6228b1;
  margin: 0 0 20px;
  font-weight: 600;
}
.card-transfer-banner__content h2 {
  font-size: 25px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #010101;
  margin: 0 0 25px;
  font-weight: 600;
}
.card-transfer-banner__img {
  position: absolute;
  top: 0;
  right: -55px;
  z-index: 1;
  max-width: 635px;
  width: 100%;
}
.card-transfer-banner__img img {
  display: block;
  width: 100%;
}
.engines-list {
  display: flex;
}
.engines-list__column:first-child {
  margin: 0 35px 0 0;
}
.engines-list__item {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin: 0 0 15px;
  position: relative;
  padding: 0 0 0 35px;
  color: #010101;
}
.engines-list__item:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  z-index: 1;
  width: 26px;
  height: 6px;
  background-image: url("../img/arrow-gradient.svg");
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}
/*** /transfer_to_bitrix ***/
.price-logo-banner {
  background-image: url("../img/bg-price-info.jpg");
  background-position: 0 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.price-logo-banner__content {
  position: relative;
  min-height: 312px;
  padding: 50px 0;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.price-logo-banner__title {
  font-size: 29px;
  line-height: 1.3;
  margin: 0 0 20px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.price-logo-banner__value {
  font-size: 18px;
  line-height: 1;
  color: #fff;
  margin: 0 0 40px;
}
.price-logo-banner__value span {
  font-size: 39px;
  font-weight: 800;
  letter-spacing: 0.05em;
}
.price-logo-banner__content .btn-gradient {
  max-width: 210px;
  width: 100%;
}
.price-logo-banner__img {
  max-width: 440px;
  position: absolute;
  bottom: 0;
  right: -55px;
  z-index: 1;
}
.price-logo-banner__img img {
  display: block;
  max-width: 100%;
}
.our-work {
  background-color: #e5e5e5;
  padding: 65px 0 150px;
}
.our-work__title {
  text-align: center;
  font-size: 25px;
  line-height: 1.2;
  margin: 0 0 60px;
  text-transform: uppercase;
  color: #010101;
  font-weight: 600;
}
.our-work__content {
  display: flex;
  flex-wrap: wrap;
}
.our-work__item {
  width: 25%;
  position: relative;
  overflow: hidden;
  padding: 18% 0 0 0;
  transition: all ease 0.5s;
}
.our-work__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.what-logo {
  padding: 40px 0 70px;
}
.what-logo__title {
  text-align: center;
  margin: 0 0 45px;
  font-size: 25px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 600;
  color: #6228b1;
}
.what-logo__container {
  display: flex;
  align-items: center;
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
}
.what-logo__item:not(:last-child) {
  margin: 0 0 50px;
}
.what-logo__item {
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  color: #a8a8a8;
  padding: 0 0 0 25px;
}
.what-logo__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  bottom: 0;
  z-index: 1;
  background: rgb(110, 20, 177); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(110, 20, 177, 1) 0%,
    rgba(6, 207, 181, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(110, 20, 177, 1) 0%,
    rgba(6, 207, 181, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(110, 20, 177, 1) 0%,
    rgba(6, 207, 181, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e14b1', endColorstr='#06cfb5',GradientType=0 ); /* IE6-9 */
}
.what-logo__caption {
  color: #010101;
  font-weight: 600;
  text-transform: uppercase;
}
.what-logo__text {
  padding: 12px 0 0 0;
}
.what-logo__img {
  width: 41%;
  flex: 0 0 auto;
}
.what-logo__content {
  padding: 0 0 0 70px;
  flex-grow: 1;
}
.logotip-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.logotip-banner .container {
  padding: 0 30px 0 70px;
  min-height: 675px;
}
.logotip-banner--dev .container {
  padding: 0 30px 0 0;
}
.logotip-banner .breadcrumb {
  padding: 10px 0 0 0;
  margin: 0 0 90px;
}
.logotip-banner__content {
  max-width: 500px;
}
.logotip-banner__title {
  font-size: 40px;
  line-height: 1.2;
  color: #6228b1;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 25px;
}
.logotip-banner__text {
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #010101;
  margin: 0 0 60px;
}
.logotip-banner__content .btn-grad-line {
  width: 208px;
  color: #010101;
}
.logotip-banner__content .btn-grad-line:hover {
  color: #fff;
}
.logotip-banner-disain .breadcrumb {
  padding-top: 18px;
}
.banner-bx__image {
  position: absolute;
  right: 40px;
  top: 25%;
  width: auto;
}
.banner-bx__mob {
  display: none;
}
.logotip-banner-bx {
  position: relative;
}
.wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.wrapper .header,
.wrapper .footer {
  flex: 0 0 auto;
}
.wrapper .main {
  flex: 1 0 auto;
}
.contacts .header {
  background-color: transparent;
  position: relative;
  z-index: 20;
}
.contacts .main,
.contacts .footer {
  position: relative;
  z-index: 5;
}
.header-dark .header,
.header-white .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  z-index: 40;
}
.header-dark .banner-inner,
.header-dark .logotip-banner,
.header-white .logotip-banner {
  padding: 115px 0 0 0;
}
.header-dark .header .nav__link {
  color: #010101;
}
.header-dark .header .nav__link:hover,
.header-dark .nav__link--selected,
.header-dark .nav .nav-list__item:hover .nav__link {
  color: #07cfb5;
}
.header-dark .header .btn-white {
  color: #010101;
  border-color: #010101;
}
.header-dark .header .btn-white:hover {
  background-color: #010101;
  color: #fff;
}
.header-dark .header .btn-white.btn-second {
  background-color: transparent;
  border-color: transparent;
}
.header-dark .header .btn-white.btn-second:hover {
  background-color: transparent;
  color: #010101;
}

.logo-dark,
.header-dark .logo-white {
  display: none;
}
.header-dark .logo-dark {
  display: block;
}
.header-dark .transfer-banner {
  padding: 130px 0 0 0;
}
.header-dark .menu-trigger-icon,
.header-dark .menu-trigger-icon::after,
.header-dark .menu-trigger-icon::before {
  background-color: #010101;
}
.logotip-banner--dark .logotip-banner__content {
  max-width: 665px;
}
.logotip-banner--dark .breadcrumb {
  margin: 0 0 110px;
}
.logotip-banner--dark .logotip-banner__title {
  color: #010101;
}
.logotip-banner--wh .breadcrumb {
  margin: 0 0 110px;
}
.logotip-banner--wh .breadcrumb li,
.logotip-banner--wh .breadcrumb a,
.logotip-banner--wh .logotip-banner__title {
  color: #fff;
}
.logotip-banner--wh .breadcrumb li + li::before {
  background-image: url("../img/arrow-breadcrumb-wh.svg");
}
.logotip-banner--wh .logotip-banner__text {
  text-transform: inherit;
  font-weight: 300;
  color: #fff;
}

.step-transfer--wh_bg {
  background-color: #fff;
}
.about-inner--two .about-inner__title {
  font-size: 28px;
  text-align: center;
}
.inet-info {
  background-color: #f4f4f4;
  padding: 60px 15px 0;
}
.inet-info__container {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
}
.inet-info__item {
  display: flex;
  align-items: flex-start;
  padding: 0 0 70px;
}
.inet-info__img {
  width: 92px;
  flex: 0 0 auto;
  margin: 0 50px 0 0;
}
.inet-info__content {
  flex-grow: 1;
  color: #383951;
}
.inet-info__name {
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
  color: #6228b1;
  letter-spacing: 0.05em;
}
.inet-info__content p {
  margin: 0;
  padding: 15px 0 0 0;
}
.site-help-info {
  background-color: #f4f4f4;
  padding: 60px 0 30px;
}
.site-help-info h2 {
  text-align: center;
  margin: 0 0 90px;
  font-weight: 600;
  text-transform: uppercase;
  color: #010101;
  font-size: 28px;
  line-height: 1.2;
}
.site-help-info__items {
  display: flex;
  align-items: flex-start;
  margin: 0 -30px;
  flex-wrap: wrap;
}
.site-help-info__item {
  width: 25%;
  padding: 0 30px;
}
.card-site-help {
  width: 100%;
  margin: 0 0 30px;
}
.card-site-help__img {
  height: 97px;
  display: flex;
  align-items: flex-end;
  margin: 0 0 35px;
}
.card-site-help__img img {
  display: block;
  max-width: 100%;
}
.card-site-help__name {
  font-size: 18px;
  line-height: 1.3;
  font-weight: bold;
  margin: 0 0 20px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6228b1;
  min-height: 70px;
}
.card-site-help__text {
  color: #383951;
  font-size: 14px;
  line-height: 1.2;
}
.error-page {
  position: relative;
  color: #fff;
}
.error-page:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(206.83deg, #06cfb5 1.87%, rgba(0, 0, 0, 0) 49.46%),
    linear-gradient(180deg, #6f15b2 0%, #1e1f3d 45.83%);
  mix-blend-mode: normal;
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.error-page__container {
  min-height: 660px;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.error-page__img {
  position: absolute;
  top: 80px;
  bottom: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
}
.error-page .btn-grad-line {
  font-size: 12px;
  line-height: 1;
  padding: 0;
  width: 208px;
}
.error-page .btn-grad-line p {
  padding: 10px 10px 8px;
}
.error-page h1 {
  font-size: 25px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 15px;
}
.error-page__text {
  font-size: 12px;
  line-height: 1;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  margin: 0 0 40px;
}
.error-page__container .container,
.page-container .container {
  padding: 0 30px 0 70px;
}
.blog-container {
  padding: 40px 0 55px 0;
}
.blog-container h1 {
  font-size: 25px;
  line-height: 1.2;
  font-weight: bold;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.blog-link-group {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.blog-link-group__item {
  margin: 0 15px 15px 0;
  display: inline-block;
  vertical-align: top;
  font-weight: 300;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  color: #010101;
  padding: 11px 20px 9px;
  border: 1px solid transparent;
  border-radius: 40px;
}
.blog-link-group__item:hover {
  color: #010101;
  text-decoration: none;
}
.blog-link-group__item--current,
.blog-link-group__item--current:hover {
  color: #07cfb5;
  border-color: #07cfb5;
}
.blog-body {
  display: flex;
  align-items: flex-start;
  padding: 10px 0 0 0;
}
.blog-list {
  flex-grow: 1;
}
.blog-sidebar {
  width: 220px;
  margin: 0 0 0 20px;
  flex: 0 0 auto;
}
.blog-list__item {
  margin: 0 0 15px;
}
.card-blog {
  padding: 15px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
}
.card-blog__img {
  width: 280px;
  padding: 32% 0 0 0;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  margin: 0 35px 0 0;
  display: block;
  flex: 0 0 auto;
}
.card-blog__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-blog__content {
  flex-grow: 1;
  padding: 15px 0;
}
.card-blog__name {
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
  color: #010101;
  margin: 0 0 10px;
  display: inline-block;
  transition: all ease 0.2s;
}
.card-blog__name:hover {
  color: #07cfb5;
  text-decoration: underline;
}
.card-blog__text {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 300;
  margin: 0 0 15px;
}
.card-blog__text p:last-child {
  margin: 0;
}
.card-blog__link {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.card-blog__link-item {
  margin: 0 15px 15px 0;
  color: #07cfb5;
  text-decoration: none;
}
.card-blog__link-item:hover {
  color: #07cfb5;
  text-decoration: underline;
}
.card-blog__date {
  font-weight: 300;
  color: #606060;
}
.header-dark .page-container {
  padding: 115px 0 0 0;
}
.blog-list__item--btn {
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.blog-list__item--btn .line-gray {
  flex-grow: 1;
  display: block;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.blog-list__item--btn .btn-grad-line {
  font-size: 12px;
  color: #010101;
  width: 208px;
  flex: 0 0 auto;
  padding: 0;
  line-height: 1;
}
.blog-list__item--btn .btn-grad-line span {
  padding: 10px 10px 8px;
}
.blog-list__item--btn .btn-grad-line:hover {
  color: #fff;
}
.search-def {
  display: flex;
  align-items: flex-start;
  border: 1px solid #606060;
  border-radius: 20px;
  overflow: hidden;
  height: 26px;
}
.search-def__input {
  width: 100%;
  height: 100%;
  padding: 0 20px;
  background-color: transparent;
  font-size: 10px;
  line-height: 1;
  color: #010101;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  border: none;
}
.search-def__submit {
  width: 24px;
  height: 100%;
  padding: 0;
  border: none;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../img/search-black.svg");
  background-color: transparent;
  flex: 0 0 auto;
}
.blog-sidebar .search-def {
  margin: 0 0 30px;
}
.popular-posts__caption {
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 15px;
  font-weight: bold;
}
.popular-posts__item {
  margin: 0 0 5px;
}
.popular-posts__item a {
  font-size: 16px;
  line-height: 1.2;
  color: #07cfb5;
  text-decoration: none;
}
.popular-posts__item a:hover {
  color: #07cfb5;
  text-decoration: underline;
}
.blog-more-wrap {
  background-color: #f4f4f4;
  padding: 35px 0 10px;
}
.blog-more-wrap h2 {
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.blog-detail {
  overflow: hidden;
  font-weight: 300;
  padding: 0 0 25px;
}
.blog-detail__img {
  max-width: 450px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  float: right;
  margin: 0 0 15px 15px;
}
.btn-grad-line--arrow {
  padding: 0;
  width: 208px;
  height: 30px;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 15px;
  color: #010101;
}
.btn-grad-line--arrow span {
  padding: 10px 30px 8px;
}
.btn-grad-line--arrow span:after,
.btn-grad-line--arrow span:before {
  content: "";
  position: absolute;
  top: 15px;
  transform: translateY(-50%);
  left: 13px;
  width: 22px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: 0 0;
  transition: all ease 0.5s;
}
.btn-grad-line--arrow span:after {
  z-index: 1;
  background-image: url("../img/arrow-btn.svg");
}
.btn-grad-line--arrow span:before {
  z-index: 2;
  background-image: url("../img/arrow-btn_wh.svg");
  opacity: 0;
}
.btn-grad-line--arrow:hover span:before {
  opacity: 1;
}
.btn-grad-line--gray {
  border: 1px solid #e4e4e4;
  background-image: none !important;
}
.btn-grad-line--gray span {
  padding: 9px 30px;
}
.btn-grad-line--gray:after {
  display: none;
}
.btn-grad-line--gray:hover {
  color: #010101;
  background-color: #e4e4e4;
}
.btn-grad-line--gray span:after {
  margin: -1px 0 0 0;
}
.btn-grad-line--gray:hover span:before {
  opacity: 0;
}
.page-content {
  padding: 30px 0 0 0;
}
.page-content .btn-grad-line--arrow span {
  padding: 11px 25px 10px;
}
.politics-items {
  padding: 0 0 50px;
}
.politics-item {
  margin: 0 0 20px;
  font-weight: 300;
  padding: 25px 0 0 30px;
  border-left: 1px solid #e8e8e8;
}
.politics-item__title {
  font-weight: normal;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.politics-item__content {
  margin: 0 0 0 -30px;
  padding: 10px 0 1px 30px;
  position: relative;
}
.politics-item__content:after {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  bottom: 0;
  background-color: #e8e8e8;
  width: 4px;
  z-index: 3;
}
.policy__btn {
  width: 244px;
}
.header__box-info .search-main {
  top: 100%;
  position: absolute;
  left: 0;
  margin: 5px 0 0 0;
  z-index: 10;
}
.search-main {
  width: 28px;
  padding: 0 28px 0 0;
  height: 28px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.3);
  position: relative;
  transition: all ease 0.5s;
}
.search-main:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(232, 232, 232, 0.3);
  z-index: 1;
  border-radius: 30px;
  overflow: hidden;
}
.search-main__input {
  height: 28px;
  border: none;
  padding: 0 5px 0 15px;
  background-color: transparent;
  color: #010101;
  font-size: 12px;
  line-height: 1;
  width: 100%;
  position: relative;
  z-index: 3;
}
.search-main.open {
  width: 125px;
}
.search-main__btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  cursor: pointer;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #e9e9e9;
  background-image: url("../img/search-black.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: none;
}
.header-dark .search-main::after {
  border-color: rgba(96, 96, 96, 0.3);
}
.header-dark .search-main__btn {
  background-color: #000;
  background-image: url("../img/search-white.svg");
}
.search-main--lg {
  max-width: 460px;
  width: 100%;
  margin: 0 0 15px;
}
.search-info-result {
  margin: 0 0 20px;
  font-weight: 300;
}
.search-info-result__name {
  font-weight: 400;
  text-transform: uppercase;
}
.search-item {
  padding: 20px 0 0 0;
  margin: 0 0 40px;
  border-left: 1px solid #e8e8e8;
}
.search-item__title {
  margin: 0 0 15px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0 0 0 30px;
}
.search-item__text {
  margin: 0 0 20px;
  font-weight: 300;
}
.search-item__content {
  padding: 0 0 0 30px;
  position: relative;
}
.search-item__content:after {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  z-index: 2;
  bottom: 0;
  width: 4px;
  background-color: #e8e8e8;
}
.search-item__content .btn-grad-line {
  width: 208px;
  padding: 0;
  background-image: none;
  font-size: 10px;
  background-color: #e8e8e8;
  color: #010101;
}
.search-item__content .btn-grad-line:hover {
  color: #fff;
}
.search-more {
  display: flex;
  padding: 20px 0;
  margin: 0 0 40px;
  align-items: center;
}
.search-more .line-gray {
  flex-grow: 1;
  display: block;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.search-more .btn-grad-line {
  font-size: 12px;
  color: #010101;
  width: 208px;
  flex: 0 0 auto;
  padding: 0;
  line-height: 1;
}
.partners-list__btn-modal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  cursor: pointer;
  background-color: transparent;
  padding: 0;
  border: none;
}
.nav-list__drop-btn {
  display: none;
}

.otchet-main-group__btn {
  position: relative;
  z-index: 20;
}

/* О нас */
.about-page {
  padding: 20px 0 0 0;
}

/* .bg-gradient{
    background: linear-gradient(180deg, rgba(109, 20, 177, 0.1) 3.93%, #efefef38 47.1%, rgba(209, 246, 241, 0.184663) 80.58%, rgba(6, 207, 180, 0.1) 103.86%);
    background: -moz-linear-gradient(180deg, rgba(109, 20, 177, 0.1) 3.93%, #efefef38 47.1%, rgba(209, 246, 241, 0.184663) 80.58%, rgba(6, 207, 180, 0.1) 103.86%);
    background: -webkit-linear-gradient(180deg, rgba(109, 20, 177, 0.1) 3.93%, #efefef38 47.1%, rgba(209, 246, 241, 0.184663) 80.58%, rgba(6, 207, 180, 0.1) 103.86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6e14b1",endColorstr="#06cfb5",GradientType=1);
} */

.about-page__main {
  padding-bottom: 90px;
}

.about-page__caption {
  border-left: 1px solid #e8e8e8;
  padding-left: 27px;
  position: relative;
  padding-bottom: 21px;
}

.about-page__caption::before {
  content: "";
  position: absolute;
  width: 4px;
  background: #e8e8e8;
  height: 114px;
  left: -5px;
  bottom: 0;
}

.about-page__text {
  font-size: 16px;
  line-height: 21px;
  margin: 0;
}

.about-page__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  color: #6228b1;
}

.mission-block {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.about-page__mission-block {
  margin-top: 47px;
}

.mission-block__image {
  position: absolute;
  left: -81px;
  top: -169px;
  z-index: 2;
}

.mission-block__border-wrapper {
  padding: 14px 15px;
  background-color: transparent;
  max-width: 786px;
  position: relative;
  box-sizing: border-box;
}

.mission-block__border-wrapper::after {
  filter: blur(4px);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid #ffffff;
}

.mission-block__text-wrapper {
  padding: 19px 36px 22px 38px;
  background-color: #fff;
}

.mission-block__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  color: #6228b1;
  margin-bottom: 6px;
}

.mission-block__text {
  font-size: 16px;
  line-height: 18px;
  margin: 0;
}

.about-page__services {
  background: #fff;
  padding: 23px 0 48px;
}

.about-page__services-card {
  border-right: 1px solid #e0e0e0;
}

.about-page__services-card:last-child {
  border: none;
}

.about-page__services-item {
  padding: 45px 31px 29px 30px;
}

.about-page__services .col-lg-3.col-sm-2 {
  padding-right: 0;
  padding-left: 0;
}

.about-page__services-title {
  font-weight: 800;
  font-size: 20px;
  line-height: 17px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #010101;
  padding-bottom: 14px;
}

.about-page__services-text {
  font-weight: 250;
  font-size: 14px;
  line-height: 20px;
  color: #010101;
  padding: 0 11px 0 0px;
}

.about-page__services-info {
  padding: 60px 27px 22px 15px;
  position: relative;
  border-left: 1px solid #e8e8e8;
}

.about-page__services-info::before {
  content: "";
  position: absolute;
  width: 4px;
  background: #e8e8e8;
  height: 94px;
  left: -5px;
  bottom: 0;
}

.about-page__help {
  padding: 82px 0 64px;
  background: linear-gradient(191deg, #06cfb5 4.46%, rgba(0, 0, 0, 0) 77.19%),
    linear-gradient(184deg, #6f15b2 0%, #1e1f3d 100%);
  background: -webkit-linear-gradient(
      191deg,
      #06cfb5 4.46%,
      rgba(0, 0, 0, 0) 77.19%
    ),
    linear-gradient(184deg, #6f15b2 0%, #1e1f3d 100%);
  background: -moz-linear-gradient(
      191deg,
      #06cfb5 4.46%,
      rgba(0, 0, 0, 0) 77.19%
    ),
    linear-gradient(184deg, #6f15b2 0%, #1e1f3d 100%);
  background: -o-linear-gradient(191deg, #06cfb5 4.46%, rgba(0, 0, 0, 0) 77.19%),
    linear-gradient(184deg, #6f15b2 0%, #1e1f3d 100%);
  mix-blend-mode: normal;
}

.about-page__help-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  color: #ffffff;
  max-width: 620px;
  margin-bottom: 45px;
}

.about-page__help-box {
  display: flex;
  flex-wrap: wrap;
  padding-right: 109px;
  justify-content: space-around;
  margin-bottom: 65px;
}

.about-page__help-item {
  display: flex;
  align-items: flex-start;
  max-width: 220px;
}

.about-page__help-icon {
  margin-right: 15px;
}

.about-page__help-icon img {
  max-width: fit-content;
}

.about-page__help-text {
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}

.guarant-block {
  position: relative;
}

.guarant-block__border-wrapper {
  border: 1px solid transparent;
  border-image: linear-gradient(
    to bottom left,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.53),
    rgba(255, 255, 255, 0)
  );
  border-image: -webkit-linear-gradient(
    to bottom left,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.53),
    rgba(255, 255, 255, 0)
  );
  border-image: -moz-linear-gradient(
    to bottom left,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.53),
    rgba(255, 255, 255, 0)
  );
  border-image: -o-linear-gradient(
    to bottom left,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.53),
    rgba(255, 255, 255, 0)
  );
  border-image-slice: 1;
}

.guarant-block__text {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  color: #ffffff;
  padding: 39px 577px 40px 82px;
}

.guarant-block__image {
  position: absolute;
  bottom: -80px;
  right: 0;
  z-index: 2;
}

.about-page__partners {
  background-color: #fff;
  padding: 58px 0 77px;
  overflow: hidden;
}

.about-page__partners-title {
  font-weight: 700;
  font-size: 28px;
  line-height: 50px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #010101;
  text-align: center;
}

.about-page__partners-text {
  line-height: 18px;
  max-width: 100%;
  margin-top: 10px;
  text-align: center;
}

.about-page__partners-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.about-page__partner {
  display: block;
  max-width: 195px;
  filter: grayscale(100%);
  padding: 0 37px 0;
}

.about-page__partner:first-child {
  padding-left: 0;
}

.about-page__partner:last-child {
  padding-right: 0;
}

.about-page__partner:hover {
  filter: grayscale(0%);
}

/* Портфолио */
.portfolio-page {
  padding: 20px 0 20px;
}
.portfolio-page__title {
  margin-bottom: 40px;
  font-weight: 700;
  line-height: 30px;
}

.portfolio-page .photo-filter__name {
  font-size: 14px;
  line-height: 12px;
  padding: 12px 19px 10px;
  background-color: #fff;
  letter-spacing: normal;
}

.portfolio-page .photo-filter__item.active .photo-filter__name {
  background-color: #fff;
}

.portfolio-page .photo-filter__card {
  border: 1px solid #ffffff;
}

.portfolio-page .photo-filter {
  padding: 0;
  flex-wrap: wrap;
  max-width: 1060px;
  margin: 0;
}

.portfolio-page .photo-filter__item {
  padding: 0 6px;
  flex-grow: initial;
}

.portfolio-page .photo-filter__item:first-child {
  padding-left: 0;
}
.portfolio-page .photo-filter__item:last-child {
  padding-right: 0;
}

.portfolio-page__photos {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  padding: 0 44px;
  justify-content: center;
}

.portfolio-page__photo {
  margin: 0 8px 8px 0;
  position: relative;
  z-index: 2;
}

.portfolio-page__photos.photo-container .mix:hover {
  transform: scale(1.1);
  z-index: 3;
  transition: 0.5s;
}

.portfolio-page__photos.photo-container .mix {
  width: auto;
  margin: 0;
}

.portfolio-page__photos .photo-card {
  padding: 0;
}

.portfolio-page__photos .photo-card__img {
  position: relative;
  width: auto;
  height: auto;
}

.portfolio-page__photos .photo-card__img img {
  position: relative;
}

/* .portfolio-page__photo:hover{
    transform: scale(1.1);
    z-index: 3;
} */

.portfolio-page__photo:hover .photo-card__detail {
}
/* Хедер страница О нас */
.about .wrapper {
  background: linear-gradient(
    180deg,
    rgba(109, 20, 177, 0.1) 3.93%,
    #efefef38 47.1%,
    rgba(209, 246, 241, 0.184663) 80.58%,
    rgba(6, 207, 180, 0.1) 103.86%
  );
  background: -moz-linear-gradient(
    180deg,
    rgba(109, 20, 177, 0.1) 3.93%,
    #efefef38 47.1%,
    rgba(209, 246, 241, 0.184663) 80.58%,
    rgba(6, 207, 180, 0.1) 103.86%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(109, 20, 177, 0.1) 3.93%,
    #efefef38 47.1%,
    rgba(209, 246, 241, 0.184663) 80.58%,
    rgba(6, 207, 180, 0.1) 103.86%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6e14b1",endColorstr="#06cfb5",GradientType=1);
}

.about .header .nav__link {
  color: #010101;
}

.about .wrapper .header {
  background: transparent;
}

.about .header .logo-dark {
  display: block;
}

.about .header .logo-white {
  display: none;
}

.about .header .nav__link {
  color: #010101;
}

.about .header .btn-white {
  color: #010101;
  /* border: 1px solid #010101; */
  /*font-size: 12px;*/
}

.form-checkbox {
  display: flex;
  align-items: flex-start;
  position: relative;
}

.form-checkbox .check.error + * + .form-label {
  cursor: pointer;
  position: relative;
  margin-bottom: 15px;
}

#checkPolicy-error {
  position: absolute;
  bottom: unset;
  top: calc(100% - 10px);
}
.about .header__box-info .search-main {
  display: none;
}

.nav__link:after {
  left: -5px;
  right: 6px;
}

/* Попап Награды */
.modal-awards {
  margin-right: -17px;
}

.modal-awards.modal-template .modal-dialog {
  max-width: 1499px;
}

.modal-awards.modal-template .modal-content {
  background: #f1f1f1;
  padding: 86px 212px 76px;
}

.modal-awards__content {
  margin-bottom: 5px;
}

.modal-awards__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #010101;
  margin-bottom: 25px;
}

.awards-box {
  display: flex;
  flex-wrap: wrap;
}

.awards-item {
  position: relative;
  margin-right: 129px;
  margin-bottom: 44px;
}

.awards-item:nth-child(5n + 5) {
  margin-right: 0;
}

.awards-item::after {
  content: "";
  position: absolute;
  top: -13px;
  left: -44px;
  width: 39px;
  height: 39px;
  z-index: 1;
  background-image: url(/local/templates/acroweb/css/../img/hand-icon.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.awards-item__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #010101;
}

.awards-item__place {
  text-transform: uppercase;
}

.awards-item__link {
  text-decoration: underline;
  margin-top: 6px;
  display: block;
}

.certificate-page {
  background: rgba(244, 244, 244, 0.8);
  padding-top: 115px;
  position: relative;
}

.certificate-page::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 561px;
  left: 0px;
  top: -1px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.5) 22.81%,
    rgba(255, 255, 255, 0) 100%
  );
}

.certificate-page .breadcrumb,
.certificate-page .certificate-page__caption,
.certificate-page__diploma-box {
  padding-left: 70px;
  position: relative;
  z-index: 2;
}

.certificate-page__title {
  margin-bottom: 38px;
  margin-top: 30px;
}

.diploma-box {
  display: flex;
  flex-wrap: wrap;
}

.diploma-box__item {
  width: 242px;
  margin-right: 32px;
  margin-bottom: 27px;
}

.diploma-box__image {
  width: 100%;
}

.diploma-box__image img {
  object-fit: cover;
}

.diploma-box__title {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #010101;
  margin-top: 11px;
  min-height: 66px;
}

.certificate-page__more {
  font-weight: 300;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #010101;
  display: block;
  position: relative;
  z-index: 2;
  margin-left: auto;
  width: 208px;
  height: 30px;
  margin-top: 13px;
  margin-bottom: 60px;
  margin-right: 57px;
}

.certificate-page__bottom {
  position: relative;
}

.certificate-page__bottom::before {
  content: "";
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 72%;
  top: 15px;
  z-index: 1;
  left: 70px;
}

.certificate-page .feedback-bg {
  background: #efefef;
  padding-top: 45px;
  padding-bottom: 31px;
}

/* Детальные статьи */
.news-detail__btn {
  color: #010101;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 208px;
  height: 30px;
}

.news-detail__h1 {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  text-transform: uppercase;
  color: #010101;
  margin-bottom: 14px;
  margin-top: 15px;
}

.news-detail__btn span {
  padding: 10px 35px 8px;
  position: relative;
}

.news-detail__btn:hover span::before {
  background-image: url("/local/templates/acroweb/img/arrow-btn-white.svg");
  transition: all ease 0.7s;
}
.news-detail__date {
  font-family: "Montserrat";
  font-weight: 300;
  font-size: 16px;
  line-height: 15px;
  color: #606060;
  margin-bottom: 8px;
}
.blog-article__tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.blog-article__tag {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #07cfb5;
  display: block;
  margin-right: 17px;
}
.blog-article__tag:hover {
  text-decoration: none;
  color: #07cfb5;
}
.blog-article__tag:last-child {
  margin-right: 0;
}
.blog-article__text {
  font-family: "Montserrat";
  font-weight: 100;
  font-size: 14px;
  line-height: 20px;
  color: #010101;
}
.blog-article__img {
  width: 450px;
  height: 264px;
  border-radius: 10px;
}

.blog-article__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.blog-article__text-with-image p {
  max-width: 586px;
}
.blog-article__text-with-image {
  /* display: flex; */
  justify-content: space-between;
  margin-bottom: 20px;
}

.news-detail__btn-back {
  border: 1px solid #e4e4e4;
  border-radius: 20px;
  display: inline-block;
  margin-top: 30px;
}

.news-detail__btn-back span {
  background: transparent;
  padding: 10px 34px 8px 34px;
  display: inline-block;
  font-weight: 300;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #010101;
  border-radius: 20px;
}

.news-detail__btn-back:hover {
  color: #010101;
}

.news-detail__btn-back:hover {
  background: #e4e4e4;
  transition: 0.5s;
}

.news-detail__btn-back:hover span::before {
  background-image: url("/local/templates/acroweb/img/arrow-btn1.svg");
}

.news-detail__btn span::before {
  content: "";
  position: absolute;
  background-image: url("/local/templates/acroweb/img/arrow-btn1.svg");
  width: 14px;
  height: 8px;
  left: 12px;
  top: 11px;
}

body.blog-detail {
  background: rgba(244, 244, 244, 0.8);
}

.news-detail__h2 {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  color: #010101;
  margin-bottom: 9px;
}

.news-detail__article {
  padding-bottom: 100px;
}

.blog-article .card-blog__text {
  font-weight: 100;
  margin-bottom: 14px;
}

.blog-article .card-blog__date {
  font-size: 16px;
}

.blog-article {
  padding-top: 7px;
}

.blog-article__bottom {
  margin-top: 15px;
  max-width: 860px;
}

.blog-article__more {
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 0;
}
.blog-article__bottom::before {
  left: 0;
  width: 76%;
}

.blog-article + p a {
  display: none;
}

.blog-article .feedback-wrap__section {
  display: block;
}

.blog-article__other .blog-list {
  width: 63%;
  flex-grow: initial;
}

.blog-article__other .card-blog__img {
  width: 161px;
  height: 146px;
  padding: 0;
}

.blog-article__other .card-blog__img::after {
  content: "";
  display: block;
  padding-top: 100%;
}

.blog-article__other .card-blog__date {
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  color: #a9a9a9;
  position: absolute;
  top: 13px;
  right: 18px;
}

.blog-article__other .card-blog {
  padding: 7px 18px 7px 7px;
  position: relative;
}

.blog-article__other .card-blog__content {
  padding: 10px 0;
}

/* Техподдержка */
.support-page .banner-inner__title {
  line-height: 50px;
}

.support-page .banner-inner__text {
  font-weight: 100;
}

/* .support-page .btn-gradient{
    width: 233px;
    min-height: 34px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 28px;
    font-size: 13px;
    letter-spacing: 0.02em;
    padding: 11px 14px 10px;
    font-weight: 500;
} */

.support-page__callback {
  margin-top: 20px;
}

/* .header-support .container{
    max-width: 1460px;
} */

.support-page__about {
  padding-top: 50px;
  padding-bottom: 89px;
  background: #efefef;
}

.support-page__h2 {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #010101;
  text-align: center;
  margin-bottom: 80px;
}

.support-page__about-box {
  max-width: 1605px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 90px;
}

.about-item {
  width: 20%;
  position: relative;
}

.about-item::before {
  content: "";
  position: absolute;
  height: 165px;
  width: 1px;
  background: #e0e0e0;
  top: 86px;
  left: -30px;
}

.about-item:first-child::before {
  display: none;
}

.about-item__name {
  font-weight: 800;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6228b1;
  margin: 20px 0 9px;
}

.about-item__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  /*text-transform: uppercase;*/
  color: #383951;
  max-width: 286px;
}

.about-expirience__name {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #010101;
  margin-bottom: 13px;
  text-align: center;
}

.about-expirience__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #383951;
}

.support-page__about-expirience {
  max-width: 718px;
  margin: 0 auto;
}

.support-page__reviews {
  padding: 78px 0 70px;
}

.support-page__reviews .h1 {
  margin-bottom: 70px;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
}

.review-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.review-slide__info {
  margin-right: 65px;
}

.review-slide__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 19px;
}

.review-slide__user-box {
  display: flex;
  align-items: center;
}

.review-slide__user-img {
  border-radius: 50%;
  width: 52px;
  height: 52px;
  margin-right: 13px;
}

.review-slide__user-img img {
  max-width: 100%;
  object-fit: cover;
  border-radius: 50%;
  height: 100%;
}

.review-slide__user-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #424242;
}

.review-slide__user-place {
  font-weight: 250;
  font-size: 14px;
  line-height: 20px;
  color: #424242;
}

.rating {
  display: flex;
  align-items: center;
}

.review-slide__rating {
  margin-top: 8px;
}

.rating__star {
  background-image: url("/local/templates/acroweb/img/support/star.svg");
  width: 15.52px;
  height: 14.76px;
  background-repeat: no-repeat;
  margin-right: 4px;
}

.rating__star.active {
  background-image: url("/local/templates/acroweb/img/support/star-active.svg");
}

.review-slide__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #424242;
  max-width: 441px;
  margin-bottom: 5px;
}

.review-slide__link {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-decoration-line: underline;
  color: #6228b1;
}

.review-slide__image {
  width: 500px;
  height: 406px;
  background: -o-linear-gradient(top, #8321cc 0, #21e7cd 100%);
  background: linear-gradient(180deg, #8321cc 0, #21e7cd 100%);
  position: relative;
}

.review-slide__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 490px;
  height: 96%;
  object-fit: cover;
  object-position: top;
}

.review-slider .slick-arrow {
  position: absolute;
  top: 48%;
  transform: translate(0, -48%);
  background-color: transparent;
  border: none;
  color: #6228b1;
}

.review-slider .slick-prev {
  left: 0;
}

.review-slider .icon-arrow:before {
  content: "";
  background-image: url("/local/templates/acroweb/img/support/arrow-rev.svg");
  width: 45px;
  height: 8px;
  position: absolute;
}

.review-slider .slick-next {
  right: 50px;
}

.review-slider .slick-next .icon-arrow:before {
  transform: rotate(180deg);
}

.review-slider .slick-list {
  width: 1014px;
  margin: 0 auto;
}

.how-work .h1 {
  margin-bottom: 80px;
  font-size: 28px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
}

.how-work {
  padding-top: 30px;
  padding-bottom: 70px;
}

.how-work .row {
  margin-left: -73px;
  justify-content: space-between;
}

.how-work__item {
  color: #1c1d34;
  position: relative;
}

.how-work__item figure:before {
  background: url("/local/templates/acroweb/img/support/arrow-etaps.svg")
    no-repeat;
  content: "";
  width: 60px;
  height: 52px;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
}

.how-work__el:first-child .how-work__item figure:before {
  bottom: 5px;
  right: -52px;
}

.how-work__el:nth-child(2) .how-work__item figure:before {
  bottom: 113px;
  right: -61px;
  transform: rotate(274deg);
}

.how-work__el:nth-child(3) .how-work__item figure:before {
  bottom: 10px;
  right: -31px;
}

.how-work__el:nth-child(4) .how-work__item figure:before {
  bottom: 113px;
  right: -76px;
  transform: rotate(274deg);
}

.how-work__el:last-child .how-work__item figure:before {
  display: none;
}

.how-work__item figure {
  position: relative;
  z-index: 2;
}

.how-work__item figure img {
  margin: 0 auto;
}

.how-work__item .promotion-stage-head {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.how-work__item::after {
  content: "";
  position: absolute;
  font-weight: 700;
  font-size: 112px;
  line-height: 100px;
  text-transform: uppercase;
  color: #e8e8e8;
  z-index: 1;
}

.how-work__el:first-child .how-work__item:after {
  content: "01";
  top: -47px;
  left: 79px;
}

.how-work__el:nth-child(2) .how-work__item:after {
  content: "02";
  top: -39px;
  left: 79px;
}

.how-work__el:nth-child(3) .how-work__item:after {
  content: "03";
  top: -47px;
  left: 79px;
}

.how-work__el:nth-child(4) .how-work__item:after {
  content: "04";
  top: -39px;
  left: 79px;
}

.how-work__el:nth-child(5) .how-work__item:after {
  content: "05";
  top: -47px;
  left: 79px;
}

.how-work__el:nth-child(2),
.how-work__el:nth-child(4) {
  padding-top: 110px;
}

.how-work__tip {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #010101;
  background: #ffffff;
  box-shadow: 3px 4px 15px rgba(56, 57, 81, 0.2);
  width: 271px;
  padding: 22px 18px 24px 29px;
  border-radius: 20px;
  position: absolute;
  bottom: -172px;
  z-index: 2;
  left: 34px;
  display: none;
  transition: 0.3s;
}

.how-work__tip p {
  margin: 0;
}

/* .how-work__el:nth-child(2) .how-work__item:hover + .how-work__tip{
    bottom: -278px;
}

.how-work__el:nth-child(4) .how-work__item:hover + .how-work__tip{
    bottom: -278px;
}

.how-work__el:nth-child(5) .how-work__item:hover + .how-work__tip{
    bottom: -190px;
} */
@media (min-width: 576px) {
  .how-work__item:hover + .how-work__tip {
    display: block;
  }
}

.trust-wrap-support {
  background: #efefef;
  padding: 85px 0 70px;
}

.trust-wrap-support .g-photo-card:before {
  border-top: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  left: -140px;
  right: -140px;
}

.trust-wrap-support .g-photo-card:after {
  border-left: 1px solid #a9a9a9;
  border-right: 1px solid #a9a9a9;
  top: -48px;
  bottom: -48px;
}

.trust-wrap-support .g-photo-card__img {
  filter: grayscale(1);
}

.trust-wrap-support .g-photo-card:hover .g-photo-card__img {
  filter: grayscale(0);
}

.trust-wrap-support .trust-wrap__title {
  font-weight: 700;
  color: #010101;
}

.trust-wrap-support .trust-wrap__text {
  color: #010101;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}

.trust-wrap-support .btn-black {
  background-color: #1c1d34;
  font-weight: 550;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: #ffffff;
  border: 1px solid transparent;
}

.trust-wrap-support .btn-black:hover {
  background-color: transparent;
  color: #1c1d34;
  border: 1px solid #1c1d34;
}

.trust-wrap-support .trust-gallery {
  margin-bottom: 80px;
}

.support-page__competency {
  padding: 85px 0 55px;
}

.support-page__competency .h1 {
  margin-bottom: 80px;
  font-size: 28px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
}

.competency__name {
  font-weight: 800;
  font-size: 18px;
  line-height: 17px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000000;
  margin: 0 auto;
  margin-top: 20px;
  max-width: 293px;
}

.competency__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}

.competency__box_four {
  padding-left: 70px;
}

.support-page__tariff {
  padding: 65px 0 0;
}

.tariff {
  background-image: url("/local/templates/acroweb/img/support/bg-tarif.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}

.tariff .h1 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  text-align: center;
}

.tariff__item {
  background-color: #fff;
  padding: 43px 67px 40px;
  height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tariff__name {
  font-weight: 800;
  font-size: 18px;
  line-height: 17px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #010101;
  text-align: center;
  margin: 18px 0 10px;
}

.tariff__price {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #6228b1;
  text-align: center;
}

.tariff__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #1c1d34;
  margin: 18px 0;
}

.tariff__list {
  padding: 0 0 0 26px;
}

.tariff__li {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #1c1d34;
  list-style: none;
  position: relative;
  margin-bottom: 9px;
}

.tariff__li::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: -28px;
}

.tariff__li.time::before {
  background-image: url("/local/templates/acroweb/img/support/clock.svg");
}

.tariff__li.price::before {
  background-image: url("/local/templates/acroweb/img/support/rouble.svg");
}

.tariff__img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tariff__btn {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 208px;
  height: 34px;
  background: #1c1d34;
  border: 1px solid transparent;
  border-radius: 20px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  padding-top: 6px;
}

.tariff__box {
  padding-bottom: 65px;
}

.tariff__bottom {
  background: linear-gradient(206.83deg, #06cfb5 1.87%, rgba(0, 0, 0, 0) 49.46%),
    linear-gradient(180deg, #6f15b2 0%, #1e1f3d 45.83%);
  padding: 38px 0;
  position: relative;
}

.tariff__free {
  padding: 27px 0 24px 165px;
}

.tariff__free-text {
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  text-transform: uppercase;
  color: #07cfb5;
}

.container.container-lg {
  max-width: 1370px;
}

.tariff__free-text span {
  font-size: 40px;
  line-height: 50px;
  color: #ffffff;
}

.tariff__free p {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
  max-width: 517px;
  margin-bottom: 22px;
}

.tariff .guarant-block__border-wrapper {
  background: rgba(255, 255, 255, 0.03);
}

.tariff .btn-gradient {
  width: 208px;
  height: 30px;
  padding-top: 9px;
}

.tariff__robot {
  position: absolute;
  bottom: -57px;
  right: 363px;
}

.support-page__profit {
  padding: 95px 0 84px;
}

.profit .h1 {
  margin-bottom: 70px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  text-align: center;
}

.profit__title {
  display: flex;
  align-items: center;
}

.profit__name {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #010101;
  margin-left: 8px;
}

.profit__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #010101;
  margin-top: 5px;
}

.profit-el:not(:nth-child(2)) .profit__text {
  max-width: 281px;
}

.profit-el:nth-child(2) .profit__text {
  max-width: 386px;
}

.profit__box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 115px;
}

.profit__guarant-block {
  max-width: 1028px;
  margin: 0 auto;
}

.profit__guarant-block .guarant-block__border-wrapper {
  border-image: linear-gradient(
    to bottom left,
    rgba(110, 20, 177, 0.25),
    rgba(6, 207, 181, 0.25)
  );
  border-image: -moz-linear-gradient(
    to bottom left,
    rgba(110, 20, 177, 0.25),
    rgba(6, 207, 181, 0.25)
  );
  border-image: -o-linear-gradient(
    to bottom left,
    rgba(110, 20, 177, 0.25),
    rgba(6, 207, 181, 0.25)
  );
  background: linear-gradient(
    270deg,
    rgba(110, 20, 177, 0.11) 0%,
    rgba(6, 207, 181, 0.11) 100%
  );
}

.guarant-block__content {
  padding: 39px 0 40px 80px;
}

.guarant-block__content p {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  color: #010101;
  margin-bottom: 10px;
}

.guarant-block__content span {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #010101;
  display: block;
  max-width: 458px;
}

.service {
  /* background: linear-gradient(215.47deg, #06CFB5 4.46%, rgba(0, 0, 0, 0) 77.19%), linear-gradient(180deg, #6F15B2 0%, #1E1F3D 100%);
    mix-blend-mode: normal; */
  background-image: url("/local/templates/acroweb/img/support/bg-serv.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.support-page__service {
  padding: 65px 0 85px;
}

.service__h2 {
  color: #ffffff;
}

.service .main-price-item {
  flex-basis: 31%;
  min-width: 7%;
}

.service .main-price-group-main-head .main-price-item:first-child {
  width: 46px;
  min-width: auto;
  flex-basis: auto;
}

.service .main-price-group-main-head .main-price-item:nth-child(2) {
  flex-basis: 34%;
}

.service .main-price-item.service__main-price-item {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  text-align: left;
  background-color: rgb(255 255 255 / 30%);
  flex-basis: 34%;
}

.service .main-price-group-main .main-price-abonent {
  flex-basis: 31%;
  border-right: 1px solid rgba(110, 20, 177, 1);
}

.service .main-price-group-main .main-price-once {
  flex-basis: 31%;
}

.main-price-li {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-transform: none;
  letter-spacing: normal;
}

.main-price-group-main .main-price-select.main-price-item:first-child {
  border-left: none;
  background: #b295d8;
  flex-basis: auto;
  min-width: auto;
  width: 46px;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 0;
  margin-right: 1px;
}

.check-main.check-main-arrow {
  background: url("/local/templates/acroweb/img/support/arrow-serv.svg")
    no-repeat;
  width: 12px;
  height: 6px;
}

.check-main-arrow.open {
  transform: rotate(180deg);
}

.main-price-list {
  margin-top: 10px;
  display: none;
}

.support-page__form .feedback-wrap__section {
  display: block;
}

.support-page__form {
  position: relative;
}

.support-page__form::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/local/templates/acroweb/img/support/bg-form.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  z-index: 1;
}

.support-page__form .feedback-wrap {
  z-index: 2;
}

.support-page__form .feedback-wrap__title {
  text-align: center;
  margin-bottom: 33px;
}

/* Услуги */
.service-page {
  background: #fafafa;
}

.service-page__title {
  margin-bottom: 45px;
}

.service-page-container {
  background: #fafafa;
}

.service-page__box {
  display: grid;
  grid-template-columns: repeat(12, minmax(15px, 110px));
  grid-template-rows: repeat(6, minmax(40px, 108px));
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  margin-bottom: 44px;
}
.service-item {
  display: block;
  text-decoration: none;
  border-radius: 2px;
  padding: 33px 39px 28px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #010101;
}

.service-item__icon {
  display: flex;
  justify-content: flex-end;
}

.service-item:hover {
  color: inherit;
  text-decoration: none;
}

.service-item__title {
  font-weight: 800;
  font-size: 18px;
  line-height: 17px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: inherit;
}

.service-item__info {
  margin-top: auto;
}

.service-item__list {
  padding: 0;
  margin: 0;
  margin-top: 8px;
}

.service-item__li {
  list-style: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #010101;
  margin: 1px 0;
}

.service-item__title.white-color {
  color: #fff;
}

.service-item_corp-site {
  background: #6228b1;
  grid-column: 1 / 5;
  grid-row: 1 / 3;
}

.service-item_landing {
  background: url("/local/templates/acroweb/img/service/site-bg.jpg") no-repeat;
  background-size: cover;
  grid-column: 5 / 9;
  grid-row: 1 / 5;
}

.service-item_support {
  background: url("/local/templates/acroweb/img/service/supp-bg.jpg") no-repeat;
  background-size: cover;
  grid-column: 9 / 13;
  grid-row: 1 / 3;
}

.service-item_dev-site {
  background: #e8e8e8;
  grid-column: 1 / 5;
  grid-row: 3 / 5;
}

.service-item_seo {
  background: #6228b1;
  grid-column: 9 / 13;
  grid-row: 3 / 5;
}

.service-item_audit {
  background: url("/local/templates/acroweb/img/service/audit-bg.jpg") no-repeat;
  background-size: cover;
  grid-column: 1 / 5;
  grid-row: 5 / 7;
}

.service-item_media {
  background: #b2ced7;
  grid-column: 1 / 5;
  grid-row: 5 / 7;
}

.service-item_optimiz {
  background: url("/local/templates/acroweb/img/service/optimiz.jpg") no-repeat;
  background-size: cover;
  grid-column: 9 / 13;
  grid-row: 5 / 7;
}

.service-item_style {
  background: url("/local/templates/acroweb/img/service/style-bg.jpg") no-repeat;
  background-size: cover;
  grid-column: 1 / 9;
  grid-row: 7 / 9;
}

.service-item_adaptive {
  background: url("/local/templates/acroweb/img/service/adaptive-bg.jpg")
    no-repeat;
  background-size: cover;
  grid-column: 9 / 13;
  grid-row: 7 / 11;
}

.service-item_shop {
  background: #6228b1;
  grid-column: 5 / 9;
  grid-row: 5 / 7;
  background-position: center;
}

.service-item_ssl {
  background: #b2ced7;
  grid-column: 5 / 9;
  grid-row: 9 / 11;
}

.service-item_gos {
  background: #6228b1;
  grid-column: 5 / 9;
  grid-row: 11 / 13;
}

.service-item_tg {
  background: #e8e8e8;
  grid-column: 9 / 13;
  grid-row: 11 / 13;
}

.service-item_bx {
  background: #b2ced7;
  grid-column: 1 / 5;
  grid-row: 13 / 15;
}

.service-item_back {
  background: #e8e8e8;
  grid-column: 9 / 13;
  grid-row: 5 / 7;
}

.service-item_test {
  background: url("/local/templates/acroweb/img/service/test-bg.jpg") no-repeat;
  background-size: cover;
  grid-column: 9 / 13;
  grid-row: 13 / 15;
}

.service-page .feedback-bg {
  background: #efefef;
  padding: 45px 0 31px;
}

.step-transfer-list__card.small-show {
  display: none;
}

.read-more-checker {
  display: none;
}
.read-more-button {
  display: none;
}

@media (min-width: 1240px) {
  .container {
    padding: 0;
    max-width: 1200px;
  }
}
@media (min-width: 768px) {
  .our-work__item:hover {
    opacity: 0.5;
  }
}

@media (max-width: 1799px) {
  .support-page__form::after {
    background-position: -24px 0;
  }

  .tariff__robot {
    right: 0;
  }
}

@media (max-width: 1622px) {
  /* 2022-08-22
    .photo-container .mix{
        width: 32.69%;
    }
    */

  .support-page__about-box {
    max-width: 1200px;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 0;
  }

  .about-item {
    width: 33%;
    margin-bottom: 50px;
  }

  .about-item__text {
    max-width: 330px;
  }
}

@media (max-width: 1599px) {
  .photo-card {
    padding: 71% 0 0 0;
  }

  .portfolio-page__photos {
    padding: 0 40px;
  }
  /* 2022-08-22
    .photo-container .mix{
        width: 32.6%;
    }
    */

  .support-page__form::after {
    background-position: -140px 0;
  }
}

@media (max-width: 1499px) {
  .feedback-img.right {
    right: -172px;
    top: 62px;
    width: 19%;
  }

  .modal-awards.modal-template .modal-dialog {
    max-width: 1100px;
  }

  .awards-item {
    margin-right: 96px;
  }

  .awards-item:nth-child(5n + 5) {
    margin-right: 96px;
  }

  .modal-awards.modal-template .modal-content {
    padding: 86px 0 76px 78px;
  }

  .trust-wrap-support .g-photo-card:before {
    left: -40px;
    right: -40px;
  }
}

@media (max-width: 1405px) {
  /* 2022-08-22
    .photo-container .mix{
        width: 32.5%;
    }
    */
}

@media (max-width: 1399px) {
  .portfolio-page__photos {
    padding: 0 0px 0 8px;
  }

  .container.container-lg {
    max-width: 1200px;
  }
  .tariff__free {
    padding-left: 68px;
  }
}
@media (max-width: 1366px) {
  /* .about-section:after {
        left: -250px
    } */

  .about-section:after {
    left: -67px;
  }
  .about-section__img {
    left: 0;
  }
  .error-page__img {
    top: 40px;
    width: 720px;
  }
  .slider-controls {
    left: 28px;
  }
}

@media (max-width: 1318px) {
  /* 2022-08-22
    .photo-container .mix {
        width: 32.5%;
    }
    */
}

@media (max-width: 1299px) {
  .feedback-img.right {
    right: -130px;
    top: 62px;
    width: 19%;
  }

  .feedback-wrap {
    padding: 50px 20px;
    max-width: 680px;
  }

  .photo-container {
    min-height: auto;
  }

  .trust-wrap-support .g-photo-card:before {
    left: -22px;
    right: -22px;
  }

  .support-page__form::after {
    background-position: -3px 0;
  }

  .support-page .g-photo-card:before {
    left: -15px;
    right: -15px;
  }
  .how-work__el:nth-child(5) .how-work__item:after {
    left: 29px;
  }
}

@media (max-width: 1239px) {
  .caption-section {
    padding: 40px 15px 40px 55px;
  }

  .mission-block__image {
    left: -150px;
  }

  .facts-robot-img {
    right: 0;
  }

  .about-page__partners-box {
    flex-wrap: wrap;
    max-width: 1140px;
    margin: 30px auto 0;
    padding: 0 30px 0 70px;
  }

  .diploma-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px 10px;
  }
  .diploma-box__item {
    width: 100%;
    margin-right: 0;
  }
  .diploma-box__image {
    width: 100%;
    height: 350px;
    display: block;
  }
  .diploma-box__image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .certificate-page__more {
    margin-right: 0;
  }

  .certificate-page__bottom::before {
    width: 75%;
  }

  .services-card__content {
    max-width: 328px;
  }
  .banner-inner .container .breadcrumb {
    left: 87px;
  }
}

@media (max-width: 1199px) {
  .header .container,
  .error-page__container .container,
  .page-container .container {
    padding: 0 15px;
  }

  .header-feedback-item {
    margin: 0 0 0 60px;
  }

  .header__logo-wrap {
    margin-right: 30px;
  }

  .banner-inner .container .breadcrumb {
    left: 15px;
  }

  .about-section .container {
    min-height: inherit;
    padding: 40px 0 30px;
  }

  .about-section__content .title-section {
    margin: 0 0 50px;
  }

  .about-section:after {
    left: -228px;
  }

  .slide__content .main-banner__slogan-wrap {
    padding: 0 15px 0 40px;
  }
  .main-slider .slide__info {
    padding: 0 15px 20px 40px;
  }
  .slider-controls {
    left: 15px;
  }

  .services-card__content {
    padding: 20px 60px 20px 20px;
  }

  .services-card__icon {
    font-size: 120px;
  }

  .services-card__detail-btn {
    width: 40px;
    height: 40px;
    bottom: 20px;
    right: 15px;
    font-size: 9px;
  }

  .services-card__content {
    max-width: none;
  }

  /* .facts-wrap {
        overflow: hidden
    } */

  .facts-robot-img {
    right: -120px;
    max-width: 420px;
  }

  .partners-list li {
    height: 150px;
    width: 173px;
  }

  .photo-card {
    padding: 70% 0 0 0;
  }

  .banner-inner__content {
    margin: 0;
    max-width: 470px;
  }

  .banner-inner__img {
    max-width: 550px;
  }

  .banner-inner .container {
    min-height: 430px;
  }

  .photo-in-list__content {
    padding: 40px 30px;
  }

  .stages-development-list {
    padding: 45px 0 0 40px;
  }

  .stages-development-box {
    padding: 35px 30px;
  }

  .stages-development-box__caption {
    font-size: 16px;
  }

  .caption-section {
    padding: 40px 0;
  }

  .contacts-wrap {
    padding: 0 35px 0 0;
  }

  .contacts-wrap__col {
    padding: 0 0 0 60%;
  }

  .box-contacts__map {
    width: 60%;
  }

  .footer .container {
    padding: 0 15px;
  }

  .menu-footer__item:first-child {
    min-width: 155px;
  }

  .menu-footer__item:nth-child(2) {
    min-width: 210px;
  }

  .menu-footer__item:last-child {
    min-width: 165px;
  }
  .card-transfer {
    padding: 25px;
    margin: 0 0 20px;
  }
  .card-transfer__price {
    margin: 0 0 15px;
  }
  .price-list {
    margin: 0 -10px;
  }
  .price-list__item {
    padding: 0 10px;
  }
  .title-description {
    margin: 0 0 25px;
  }
  .transfer-price {
    padding: 50px 0 30px;
  }
  .step-transfer {
    padding: 80px 0 50px;
  }
  .step-transfer-list__number {
    font-size: 68px;
  }
  .step-transfer-list__item--center {
    margin: 0 20px;
  }
  .step-transfer-list__item:last-child {
    padding: 248px 0 0 0;
  }
  .card-step-transfer:last-child {
    margin: 0 0 40px;
  }
  .why-section__content {
    padding: 70px 0 45px 450px;
    min-height: inherit;
  }
  .card-transfer-banner {
    padding: 55px 0 35px;
    min-height: inherit;
  }
  .card-transfer-banner__img {
    max-width: 450px;
  }
  .card-transfer-banner__content h1 {
    font-size: 38px;
  }
  .transfer-banner .container {
    padding: 0 15px;
  }
  .logotip-banner .container {
    padding: 0 15px;
    min-height: 525px;
  }
  .site-help-info__items {
    margin: 0 -15px;
  }
  .site-help-info__item {
    padding: 0 15px;
  }
  .error-page__img {
    width: 500px;
    top: 0;
  }
  .error-page {
    padding: 115px 0 0 0;
  }
  .error-page__container {
    min-height: 400px;
  }
  .card-blog__img {
    width: 220px;
    margin: 0 15px 0 0;
    padding: 30% 0 0 0;
  }
  .card-blog__content {
    padding: 0;
  }
  .blog-detail__img {
    max-width: 350px;
  }

  .mission-block__border-wrapper {
    max-width: 676px;
  }
  .about-page__main {
    padding-bottom: 70px;
  }
  .about-page__help-box {
    padding: 0;
  }

  .awards-item {
    margin-right: 80px;
  }

  .awards-item:nth-child(5n + 5) {
    margin-right: 80px;
  }

  .modal-awards.modal-template .modal-dialog {
    max-width: 990px;
  }

  .certificate-page .breadcrumb,
  .certificate-page .certificate-page__caption,
  .certificate-page__diploma-box {
    padding-left: 0;
  }

  .certificate-page__bottom::before {
    left: 0;
  }

  .diploma-box__image img {
    width: 100%;
    height: 100%;
  }
  .diploma-box {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .diploma-box__item {
    margin-bottom: 0;
  }
  .certificate-page__bottom::before {
    width: 78%;
  }

  .blog-article__bottom::before {
    width: 76%;
  }

  .support-page__about-box {
    max-width: 960px;
  }

  .about-item__text {
    max-width: 286px;
  }

  .review-slider .slick-list {
    width: 760px;
    margin: 0 auto;
  }

  .review-slide__info {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .review-slide {
    flex-direction: column;
  }

  .how-work__el:nth-child(3) .how-work__item figure:before {
    right: -82px;
  }

  .how-work__el:nth-child(4) .how-work__item:after {
    left: 32px;
  }
  .how-work__el:nth-child(2) .how-work__item:after {
    left: 32px;
  }

  .how-work__el:nth-child(5) .how-work__item:after {
    left: 42px;
  }
  .how-work__el:nth-child(3) .how-work__item:after {
    left: 42px;
  }
  .how-work__el:nth-child(1) .how-work__item:after {
    left: 42px;
  }

  .tariff__item {
    padding-left: 22px;
    padding-right: 22px;
  }

  .competency__name {
    text-align: center;
  }

  .support-page__form::after {
    background-position: -107px 0;
  }
  .service-item_support {
    background-position: 72%;
  }

  .banner-bx__image {
    right: 0;
    top: 30%;
    width: 61%;
  }
}

@media (max-width: 1114px) {
  .tariff__robot {
    right: 15px;
  }
  .tariff__free p {
    max-width: 390px;
  }

  .banner-inner__img {
    right: -8px;
  }

  .nav-list__item {
    margin-left: 20px;
  }

  .how-work__el:nth-child(5) .how-work__item:after {
    left: -2px;
  }

  .how-work .row {
    margin-left: 0;
  }
}

@media (max-width: 1100px) {
  .facts-robot-img {
    right: -74px;
    max-width: 380px;
  }
  .support-page__reviews {
    padding-bottom: 0;
  }

  .main-banner-landing {
    height: 550px;
    position: relative;
  }
  .main-banner-landing__container {
    max-height: 100%;
  }
}

@media (max-width: 991px) {
  .header-feedback-item {
    margin: 0 0 0 30px;
  }

  .header-feedback-item .btn-white {
    padding: 10px 10px 8px;
  }

  .nav-list__item {
    margin: 0 0 0 20px;
  }
  .nav__link::after {
    left: -2px;
    right: -2px;
  }
  .about-section {
    background-color: #f1f1f1;
    overflow: hidden;
  }

  .about-section:after {
    left: 0;
    height: 650px;
    top: inherit;
    background-position: 0 50%;
    bottom: -120px;
  }

  .about-section .container {
    padding: 50px 0 0 0;
  }

  .about-section__content {
    padding: 0;
    padding-bottom: 70px;
    font-size: 16px;
    line-height: 1.4;
  }

  .about-section__content .title-section {
    text-align: center;
    margin: 0 0 25px;
  }

  .about-section__content .title-section br {
    display: none;
  }

  .about-section__img {
    position: relative;
    width: 100%;
  }

  .about-section__img img {
    margin: 0 auto;
    max-width: 400px;
  }

  .about-section__btn {
    margin-left: 0;
    margin-top: 15px;
  }

  .about-section__btns {
    flex-direction: column;
    padding-bottom: 50px;
  }

  .main-banner__slogan.container {
    padding: 0 0 0 30px;
  }

  .main-banner__slogan-wrap {
    padding: 20% 0 0 0;
  }
  .main-banner__text {
    min-height: 35px;
    margin: 0 0 5px;
  }
  .main-slider .slide__caption {
    margin: 0 0 8px;
  }
  .facts-row {
    max-width: 100%;
  }

  .facts-col__content {
    padding: 8px 0 0 0;
  }

  .facts-col__item:first-child {
    width: 155px;
  }

  .facts-col__item:nth-child(2) {
    width: 140px;
  }

  .facts-col__item {
    padding: 0 0 0 20px;
  }

  .facts-robot-img {
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    bottom: -65px;
    max-width: 100%;
  }

  .facts-container {
    padding-bottom: 410px;
  }

  .partners-list {
    justify-content: start;
  }

  .partners-list li {
    width: 50%;
    padding: 10px 25px;
  }

  .partners-list li:nth-child(2n) {
    border-right: none;
  }

  .partners-list li:nth-child(-n + 2) {
    border-top: none;
  }

  .photo-filter {
    padding: 0 5px 10px;
  }

  .photo-filter__item {
    padding: 0 5px;
  }

  .photo-card {
    padding: 80% 0 0 0;
  }

  .banner-inner__content {
    max-width: 400px;
  }

  .banner-inner__title {
    font-size: 36px;
  }

  .banner-inner__subtitle {
    font-size: 22px;
  }

  .banner-inner__img {
    max-width: 370px;
  }

  .banner-inner .container {
    min-height: 285px;
  }

  .about-inner {
    padding: 45px 15px 25px;
  }

  .about-inner__container {
    max-width: 690px;
  }

  .stage-wrap {
    padding: 40px 0;
  }

  .item-stage__card {
    padding: 0 0 15px 25px;
  }

  .portfolio-inner {
    padding: 45px 0;
  }

  .photo-in-list__item {
    display: block;
  }

  .photo-in-list__img {
    width: 100%;
    padding: 60% 0 0 0;
  }

  .photo-in-list__img .photo-card__category {
    bottom: 15px;
  }

  .photo-in-list__content {
    width: 100%;
    padding: 15px;
  }

  .photo-in-list__title {
    margin: 0 0 15px;
    font-size: 16px;
  }

  .photo-all-wrap {
    padding: 20px 0 0 0;
  }

  .stages-development-box__title {
    font-size: 35px;
    margin: 0 0 25px;
  }

  .stages-development-box__list {
    display: block;
  }

  .stages-development-box__list li {
    width: 100%;
    padding: 0 0 15px;
  }

  .stages-development-box__img {
    height: auto;
    margin: 0 0 15px;
  }

  .stages-development-box__text {
    max-width: 100%;
  }

  .contacts-wrap__col {
    padding: 0 0 0 50%;
  }

  .box-contacts__map {
    width: 50%;
  }

  .footer {
    padding: 20px 0 25px;
  }

  .footer__col-center {
    display: block;
    padding: 0 15px;
  }

  .menu-footer__card {
    display: block;
  }

  .menu-footer__link {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 5px 0;
  }

  .menu-footer__item {
    padding: 10px 0 0 0;
  }

  .menu-footer__item:first-child {
    padding: 0;
  }
  .price-list__item {
    width: 100%;
  }
  .card-step-transfer {
    padding: 55px 0 15px;
  }
  .card-step-transfer:last-child {
    padding: 55px 0 0 0;
  }
  .card-step-transfer__number {
    font-size: 92px;
  }
  .step-transfer-list__item--center {
    margin: 0 15px;
    width: 70px;
  }
  .step-transfer-list__number {
    font-size: 52px;
  }
  .step-transfer-list__item:last-child {
    padding: 176px 0 0 0;
  }
  .step-transfer-list__item:first-child {
    padding: 0;
  }
  .card-step-transfer__name {
    font-size: 14px;
    margin: 0 0 10px;
  }
  .card-step-transfer__text {
    font-size: 13px;
    line-height: 1.4;
  }
  .card-step-transfer__img {
    margin: 0 0 15px;
  }
  .step-transfer-list__arrow {
    margin: 0 auto 29px;
    width: 12px;
    height: 101px;
  }
  .step-transfer-list__number {
    margin: 0 0 29px;
  }
  .benefit-transfer__container {
    padding: 65px 0 30px;
  }
  .why-section__content {
    padding: 40px 0 15px 250px;
  }
  .why-section__img {
    left: -90px;
    max-width: 425px;
  }
  .why-section__row {
    padding: 0 0 10px;
  }
  .card-transfer-banner {
    padding: 35px 0 25px;
  }
  .card-transfer-banner__content h1 {
    font-size: 30px;
    margin: 0 0 10px;
  }
  .card-transfer-banner__content h2 {
    font-size: 20px;
    margin: 0 0 15px;
  }
  .card-transfer-banner__img {
    max-width: 350px;
    right: -105px;
  }
  .card-transfer-banner__content {
    max-width: 480px;
  }
  .engines-list__item {
    margin: 0 0 10px;
  }
  .price-logo-banner__img {
    max-width: 370px;
    right: -50px;
  }
  .price-logo-banner__title {
    font-size: 25px;
  }
  .price-logo-banner__value span {
    font-size: 32px;
  }
  .our-work__item {
    width: 33.3%;
    padding: 25% 0 0 0;
  }
  .our-work {
    padding: 45px 0 50px;
  }
  .our-work__title,
  .what-logo__title {
    font-size: 22px;
    margin: 0 0 40px;
  }
  .what-logo__content {
    padding: 0 0 0 25px;
  }
  .what-logo__item:not(:last-child) {
    margin: 0 0 30px;
  }
  .what-logo__img {
    width: 45%;
  }
  .logotip-banner .breadcrumb {
    margin: 0 0 50px;
  }
  .logotip-banner__title {
    font-size: 32px;
    max-width: 400px;
  }
  .logotip-banner__text {
    font-size: 14px;
    margin: 0 0 40px;
  }
  .logotip-banner .container {
    min-height: 420px;
  }
  .site-help-info__item {
    width: 50%;
  }
  .error-page__container {
    min-height: 300px;
  }
  .error-page__img {
    width: 340px;
  }
  .error-page h1 {
    font-size: 22px;
  }
  .blog-container {
    padding: 20px 0 35px;
  }
  .blog-sidebar {
    display: none;
  }
  .blog-detail__img {
    max-width: 280px;
  }
  .awardsWrap {
    text-align: center;
  }
  .mission-block__image {
    left: -378px;
  }
  .about-page__services-card {
    margin-bottom: 30px;
  }
  .about-page__services-card:nth-child(even) {
    border: none;
  }
  .guarant-block__image {
    bottom: -104px;
    right: -75px;
  }
  .guarant-block__text {
    padding: 20px 280px 10px 40px;
  }

  .about-page__help-item {
    max-width: 235px;
    margin-bottom: 30px;
  }

  .portfolio-page__photos {
    justify-content: start;
    padding: 0 0px 0 30px;
  }
  .portfolio-page__photos.photo-container .mix {
    width: 49%;
  }
  .portfolio-page__photo:nth-child(even) {
    margin-right: 0;
  }

  .about .header .btn-white {
    font-size: 9px;
  }
  .about .header .nav.open .nav__link {
    color: #fff;
  }

  .about .header .menu-trigger-icon {
    background-color: #010101;
  }
  .about .header .menu-trigger-icon::before {
    background-color: #010101;
  }
  .about .header .menu-trigger-icon::after {
    background-color: #010101;
  }
  .about .header .nav .menu-trigger-icon {
    background-color: transparent;
  }
  .about .header .nav .menu-trigger-icon::before,
  .about .header .nav .menu-trigger-icon::after {
    background-color: #fff;
  }

  .feedback-img {
    display: none;
  }

  .contacts-img-wrap {
    display: block;
    position: absolute;
    top: -287px;
    left: 17%;
  }

  .contacts .feedback-bg {
    padding-top: 210px;
  }

  .modal-awards.modal-template .modal-dialog {
    max-width: 680px;
  }

  .modal-awards.modal-template .modal-dialog {
    max-width: 95%;
  }

  .awards-item {
    margin-right: 50px;
  }

  .awards-item:nth-child(5n + 5) {
    margin-right: 50px;
  }

  .certificate-page .feedback-bg {
    padding-top: 193px;
  }

  .certificate-page__bottom::before {
    width: 70%;
  }

  .blog-article__text-with-image {
    flex-wrap: wrap;
  }
  .blog-article__text-with-image p {
    max-width: 100%;
  }

  .stages-development__container {
    padding: 80px 0 488px;
  }

  .tariff__robot {
    display: none;
  }

  .review-slider .slick-next {
    right: 0;
  }

  .review-slider .slick-prev {
    z-index: 2;
  }

  .how-work__el:nth-child(3) .how-work__item figure:before {
    display: none;
  }

  .how-work__el:nth-child(5) {
    padding-top: 110px;
  }

  .how-work__el:nth-child(4) .how-work__item figure:before {
    bottom: 30px;
    right: -156px;
    transform: rotate(318deg);
  }

  .how-work__el:nth-child(5) .how-work__item:after {
    left: 42px;
  }

  .competency__box_four {
    padding-left: 0;
  }

  .tariff__free p {
    max-width: 100%;
  }

  .tariff__item {
    margin-bottom: 20px;
  }

  .tariff__box {
    padding-bottom: 0;
  }

  .profit .guarant-block__image {
    bottom: -31px;
    width: 400px;
  }

  .support-page__about-box {
    max-width: 720px;
  }
  .about-item {
    width: 50%;
  }
  .support-page__about-box {
    padding-bottom: 30px;
  }
  .support-page__about-item {
    width: calc(100% / 2 - 10px);
    margin-right: 10px;
    padding-right: 10px;
  }

  .support-page__form::after {
    display: none;
  }

  .service-item_landing {
    background-position: 30%;
  }

  .service-item_style {
    background-position: 74%;
  }

  .service-item_adaptive {
    background-position: 50%;
  }

  .service-page__box {
    padding-bottom: 153px;
  }

  .service-item {
    padding: 25px 23px 21px 20px;
  }

  .header__box-info {
    flex-wrap: wrap;
    margin-top: 42px;
  }

  .header-feedback-item {
    margin: 20px 0 0 0px;
  }

  .blog-article__other .blog-list {
    width: 100%;
  }

  .logotip-banner__content-bx {
    max-width: 463px;
    padding-bottom: 20px;
  }

  .main-banner-landing {
    height: 400px;
  }
  .logotip-banner-corp {
    background-position: unset;
  }
}

@media (max-width: 925px) {
  .mission-block__image {
    display: none;
  }
}

@media (max-width: 840px) {
  .guarant-block__image {
    bottom: -84px;
    right: -14px;
  }
  .guarant-block__text {
    padding: 20px 380px 10px 40px;
    line-height: 18px;
  }

  .review-slider .slick-list {
    width: auto;
  }
  .review-slider .slick-next {
    right: 48px;
  }
}

@media (max-width: 800px) {
  .photo-container {
    padding: 0;
  }

  .portfolio-page__photos.photo-container {
    padding: 0 0 0 30px;
  }

  .facts-robot-img {
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    bottom: -100px;
  }
  .facts-container {
    padding-bottom: 410px;
  }

  .banner-bx__image {
    width: 71%;
  }
}

@media (max-width: 991px) and (max-width: 767px) {
  .menu-footer__item:first-child {
    padding: 0 0 15px;
  }
}

@media (max-width: 800px) {
  .slide-item-main-image img {
    height: 300px;
    object-fit: cover;
  }

  .info-rewiev p {
    max-height: 150px;
    overflow: hidden;
    transition: 0.8s;
  }
  .slide-main-group {
    min-height: auto;
  }
  .read-more-checker {
    opacity: 0;
    position: absolute;
    display: block;
  }
  .read-more-checker:checked ~ p {
    max-height: none;
    transition: 0.8s;
  }
  .read-more-checker ~ .read-more-button:before {
    content: "Показать";
  }
  .read-more-checker:checked ~ .read-more-button:before {
    content: "Скрыть";
  }
  .read-more-button {
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #1e416d;
    margin-top: 0px;
  }

  .review-slide__text {
    max-height: 56px;
    overflow: hidden;
    transition: 0.8s;
  }

  .read-more-checker:checked ~ .review-slide__text {
    max-height: none;
    transition: 0.8s;
  }
}

@media (max-width: 768px) {
  .about-page__partner:last-child {
    padding-left: 0;
  }
  .header-dark .header-landing .btn-white {
    background-color: #010101;
    /* color: #fff; */
  }
  .logotip-banner--dark .logotip-banner__content-smm {
    max-width: 400px;
  }
}

@media (max-width: 767px) {
  .header .container {
    height: 105px;
  }
  .header-dark .transfer-banner {
    padding: 120px 0 0 0;
  }
  .header-dark .header .nav__link {
    color: #fff;
  }

  .menu-trigger {
    display: block;
  }

  .nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    background-color: #1c1d34;
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
  }

  .nav.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
  }

  .nav__link {
    margin: 10px 0;
    font-size: 20px;
    line-height: 1;
  }

  .nav-list__item {
    margin: 0;
    width: 100%;
  }
  .nav-list {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 45px 15px 15px;
  }
  .nav__link::after {
    display: none;
  }

  .about-section .container {
    padding: 50px 15px 0;
  }

  .main-banner__slogan.container {
    padding: 0 15px;
  }

  .main-banner__btn .btn-grad-line span {
    background-color: transparent;
  }

  .main-slider .slide__img {
    background-position: 50% 100%;
  }

  .main-slider .slide__info {
    padding: 0 0 15px;
  }

  .slider-controls-wrap {
    display: none;
  }

  .projects-card__content {
    padding: 30px 20px 15px;
  }

  .projects-card__subtitle {
    font-size: 13px;
  }

  .projects-card__title {
    font-size: 16px;
  }

  .services-row {
    margin: 0;
  }

  .services-row > div {
    padding: 0;
  }

  .services-card {
    margin: 0 0 15px;
    min-height: 200px;
  }

  .services-card:after {
    border-radius: 0;
  }

  .services-card__logo {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 30px 15px 0 0;
  }

  .services-card__content {
    padding: 20px;
  }

  .services-card__list {
    padding: 10px 0 0 0;
    font-size: 13px;
  }

  .services-card__icon {
    font-size: 90px;
  }

  .services-card.active,
  .services-card:hover {
    border-radius: 0;
  }

  .facts-container {
    padding: 70px 0 410px;
  }

  .facts-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .facts-col {
    display: block;
    width: 50%;
    margin: 0;
  }

  .facts-col__logo {
    margin: 0 0 30px;
  }
  .facts-col__logo-gold {
    margin-top: -2px;
  }

  .facts-col__content {
    display: block;
    padding: 0;
  }

  .facts-col__item:first-child {
    width: 100%;
    min-height: 100px;
  }

  .facts-col__item:nth-child(2) {
    width: 100%;
    min-height: 105px;
  }

  .facts-col__item {
    padding: 0;
  }

  .facts-robot-img {
    right: 0;
    left: 0;
    max-width: 100%;
    bottom: -100px;
  }

  .facts-robot-img img {
    margin: 0 auto;
  }

  .partners-container {
    padding: 40px 0;
    border: none;
  }

  .partners-box {
    padding: 0;
  }

  .partners-box__img {
    display: block;
  }

  .partners-box__title {
    text-align: center;
  }

  .partners-box__item {
    padding: 10px 0 0 0;
  }

  .partners-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .partners-list li {
    width: auto;
    border: none;
    height: auto;
    padding: 0 10px;
    margin: 0 0 20px;
  }

  .partners-list li:nth-child(3n) {
    border: none;
  }

  .partners-list li.current,
  .partners-list li:hover {
    background-color: transparent;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }

  .partners-btn-wrap {
    padding: 20px 0 0 0;
  }

  .portfolio {
    padding: 40px 0;
  }

  .photo-filter {
    flex-wrap: wrap;
  }
  .photo-filter__item {
    width: auto;
  }
  .portfolio-page .photo-filter__item {
    width: 50%;
  }
  .photo-filter__name {
    font-size: 14px;
    padding: 13px 10px 9px;
  }

  .photo-card__category {
    display: none;
  }

  .photo-card__detail {
    display: inline-block;
    bottom: 15px;
    top: inherit;
    width: auto;
    height: auto;
    padding: 15px 35px;
    text-align: left;
    opacity: 1;
  }

  .photo-card__title {
    margin: 0;
  }

  .photo-card__text {
    display: none;
  }

  .photo-card__btn-wrap {
    display: none;
  }

  .banner-inner {
    overflow: hidden;
  }

  .banner-inner__content {
    max-width: 330px;
  }

  .banner-inner__content {
    max-width: 330px;
  }

  .banner-inner__title {
    font-size: 30px;
  }

  .banner-inner__subtitle {
    font-size: 18px;
    margin: 0 0 20px;
  }

  .banner-inner__img {
    max-width: 260px;
    right: -90px;
  }

  .banner-inner .container {
    min-height: 220px;
  }

  .about-inner__container {
    max-width: 510px;
  }

  .about-inner__title {
    text-align: center;
    font-size: 25px;
  }

  .stage-wrap {
    padding: 40px 0 0 0;
  }

  .stage-wrap__list {
    height: auto;
  }

  .item-stage__stage-number {
    color: #6228b1;
  }

  .item-stage__title {
    color: #6228b1;
  }

  .item-stage__number {
    font-size: 16px;
    color: #fff;
  }

  .item-stage__number:after {
    opacity: 1;
  }

  .item-stage__text {
    display: block;
  }

  .item-stage__img {
    display: block;
  }

  .photo-in-list__img .photo-card__category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .photo-container .mix {
    width: calc(50% - 10px);
  }

  .stages-development .title-section {
    margin: 0 0 40px;
  }

  .stages-development__container {
    padding: 40px 0 20px;
  }

  .stages-development-box {
    display: block;
    padding: 0;
    min-height: auto;
    margin: 0 0 20px;
    position: relative;
  }

  .stages-development-box__title {
    margin: 0;
    padding: 20px 30px;
    font-size: 20px;
  }

  .stages-development-box__btn-mb {
    display: block;
  }

  .stages-development-box__list {
    padding: 0 30px;
    display: none;
  }

  .stages-development-box__list li {
    padding: 0 0 25px;
  }

  .questions-wrap {
    padding: 50px 0 40px;
  }

  .trust-wrap {
    padding: 40px 0;
    overflow: hidden;
  }

  .trust-wrap__title {
    text-align: center;
    font-size: 25px;
  }

  .trust-gallery {
    margin: 0 0 70px;
  }

  .g-photo-card:after {
    top: -15px;
    bottom: -15px;
  }

  .g-photo-card:before {
    left: -15px;
    right: -15px;
  }

  .contacts-wrap {
    padding: 0;
  }

  .contacts-wrap__col {
    padding: 0;
    background: 0 0;
  }

  .contacts-info {
    padding: 20px 25px 15px;
  }

  .box-contacts {
    padding: 0 0 20px;
  }

  .box-contacts .b-social {
    padding: 0 25px;
  }

  .box-contacts__map {
    width: 100%;
    position: relative;
    padding: 0;
  }

  .contacts-img-wrap {
    top: -284px;
    left: 32px;
  }
  .main-banner {
    min-height: 420px;
  }
  .slide__content .main-banner__slogan-wrap {
    padding: 0;
  }
  .feedback-wrap__tabs {
    display: block;
    padding: 0 0 10px;
  }

  .feedback-wrap__tabs li {
    width: 100%;
  }

  .footer {
    padding: 60px 0 20px;
  }

  .footer .container {
    display: block;
    text-align: center;
  }

  .footer__col-left {
    min-width: inherit;
    width: 100%;
  }

  .footer__col-left .footer__adress,
  .footer__col-left .footer__info,
  .footer__col-left .footer__phone-wrap {
    display: none;
  }

  .footer__link-logo {
    margin: 0 0 50px;
  }

  .footer__link-logo img {
    max-width: 270px;
  }

  .footer__col-right {
    min-width: inherit;
    width: 100%;
  }

  .footer__col-right .btn-white {
    display: none;
  }

  .footer__col-right .btn-feedback-mb {
    display: inline-block;
    font-size: 12px;
    padding: 18px 10px 16px;
    max-width: 270px;
    width: 100%;
    border-radius: 30px;
    margin: 0 0 40px;
  }

  .footer__col-right .footer__name-col {
    padding: 0;
    font-size: 16px;
    margin: 0 0 50px;
  }

  .footer__col-right .footer__info {
    display: block;
  }

  .footer__col-right .footer__adress {
    display: block;
  }

  .footer__col-right .footer__phone-mb {
    display: block;
  }

  .footer__col-right .b-social {
    padding: 0 0 40px;
    margin: 0 -12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer__col-right .b-social__item {
    margin: 0 12px;
  }

  .footer__col-right .b-social__link {
    width: 38px;
    height: 38px;
    font-size: 22px;
  }

  .footer__col-right .b-social__link.icon-facebook {
    font-size: 28px;
  }

  .footer__col-right .b-social__link.icon-facebook:before {
    top: 5px;
  }

  .menu-footer__card {
    display: none;
  }

  .menu-footer__link {
    margin: 0 5px 10px;
  }

  .menu-footer__list {
    font-size: 12px;
  }

  .menu-footer__caption button {
    display: block;
  }

  .menu-footer__caption {
    font-size: 16px;
    line-height: 1;
    min-width: 130px;
    text-align: right;
  }

  .menu-footer__caption:after {
    top: 3px;
  }

  .menu-footer__item {
    padding: 0 0 15px;
  }
  .title-section--lg_bold {
    font-size: 22px;
  }
  .step-transfer {
    padding: 40px 0 25px;
  }
  .step-transfer-list__item--center {
    display: none;
  }
  .step-transfer-list__item {
    width: 100%;
  }
  .step-transfer-list__item:last-child {
    display: none;
  }
  .card-step-transfer__text {
    min-height: inherit;
  }
  .card-step-transfer {
    padding: 55px 0 25px;
  }
  .card-step-transfer:last-child {
    padding: 55px 0 25px;
    margin: 0;
  }
  .card-step-transfer__number {
    color: #383951;
  }
  .step-transfer-list__card--mb {
    display: block;
  }
  .card-step-transfer__name {
    font-size: 16px;
  }
  .card-step-transfer__text {
    font-size: 14px;
  }
  .benefit-transfer__container {
    padding: 45px 0 25px;
  }
  .benefit-transfer__container .title-section {
    margin: 0 0 35px;
  }
  .benefit-transfer__item,
  .benefit-transfer__item:nth-child(2n) {
    padding: 0;
  }
  .benefit-transfer__item {
    margin: 0 0 25px;
  }
  .why-section__img {
    display: none;
  }
  .why-section__content {
    padding: 40px 0 15px;
  }
  .why-section .title-section {
    margin: 0 0 25px;
  }
  .bitrix-section-info__content {
    display: block;
  }
  .bitrix-section-info__img {
    margin: 0 auto 20px;
  }
  .bitrix-section-info {
    padding: 30px 0 20px;
  }
  .bitrix-section-info__text {
    text-align: center;
  }
  .card-transfer-banner__img {
    max-width: 280px;
    right: -165px;
  }
  .card-transfer-banner {
    padding: 20px 0 25px;
  }
  .price-logo-banner__content {
    min-height: inherit;
    padding: 40px 0;
    max-width: 100%;
  }
  .price-logo-banner__img {
    max-width: 280px;
  }
  .price-logo-banner__value {
    margin: 0 0 25px;
    font-size: 14px;
  }
  .price-logo-banner__title {
    margin: 0 0 15px;
    font-size: 19px;
  }
  .price-logo-banner__value span {
    font-size: 25px;
  }
  .our-work__item {
    width: 50%;
    padding: 35% 0 0 0;
  }
  .what-logo__container {
    display: block;
  }
  .what-logo__content {
    padding: 0;
  }
  .what-logo__img {
    width: 45%;
    margin: 0 auto 25px;
  }
  .what-logo {
    padding: 40px 0;
  }
  .logotip-banner .breadcrumb {
    margin: 0 0 30px;
  }
  .logotip-banner__content {
    max-width: 100%;
  }
  .logotip-banner__title {
    font-size: 25px;
    margin: 0 0 15px;
  }
  .logotip-banner__text {
    max-width: 380px;
    margin: 0 0 30px;
  }
  .logotip-banner .container {
    min-height: 300px;
  }
  .inet-info {
    padding: 40px 15px 0;
  }
  .inet-info__item {
    padding: 0 0 40px;
  }
  .inet-info__img {
    margin: 0 30px 0 0;
  }
  .site-help-info h2 {
    margin: 0 0 50px;
  }
  .error-page__container {
    min-height: inherit;
    padding: 10px 0 0;
    display: block;
  }
  .error-page__img {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding: 0 0 0 15px;
  }
  .error-page__img img {
    max-width: 640px;
  }
  .card-blog__img {
    width: 160px;
  }
  .blog-detail__img {
    max-width: 100px;
    float: none;
    margin: 0 0 15px;
  }
  h1 {
    font-size: 20px;
  }
  .politics-item {
    padding: 15px 0 0 15px;
  }
  .politics-item__title {
    margin: 0 0 5px;
  }
  .politics-item__content {
    margin: 0 0 0 -15px;
    padding: 5px 0 1px 15px;
  }
  .partners-section__box-text {
    display: none;
  }
  .partners-list li {
    width: 33.3%;
    position: relative;
  }
  .partners-container .partners-list li img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
  }
  .partners-list__btn-modal {
    display: block;
  }
  .modal-template--partners .modal-content {
    padding: 30px;
  }
  .modal-template.modal-template--partners .close {
    top: 15px;
    right: 15px;
  }
  .modal-template.modal-template--partners .modal-title {
    margin: 0 0 10px;
    font-size: 22px;
  }
  .modal-template--partners .partners-box__item {
    padding: 20px 0 0 0;
  }
  .modal-template--partners .partners-box__item:after {
    display: none;
  }
  .modal-template--partners .partners-box__item h3 {
    text-align: center;
  }
  .menu-footer__caption:after {
    display: block;
  }
  .about-section picture,
  .about-section::after {
    display: none;
  }

  .nav-list__item--drop {
    display: flex;
    flex-wrap: wrap;
  }
  .nav-list__item--drop::before {
    display: none;
  }
  .nav-list__item--drop .nav__link {
    width: 92%;
  }
  .nav-list__item--drop .nav-list__drop-btn {
    display: block;
    width: 8%;
    height: 40px;
    background-color: #06cfb5;
    cursor: pointer;
    position: relative;
  }
  .nav-list__item--drop .nav-list__drop-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    z-index: 1;
    transform: translateY(-65%) translateX(-50%) rotate(-45deg);
  }
  .drop-nav {
    display: none;
    position: relative;
    top: initial;
    left: initial;
    padding: 0;
    opacity: 1;
    visibility: visible;
    width: 100%;
    margin: 0 0 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 1;
  }
  .nav-list__item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .drop-nav__list {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    width: 100%;
  }
  .drop-nav__link {
    color: #ffff;
    padding: 12px 0 10px 30px;
    font-size: 14px;
  }
  .drop-nav__link:before,
  .list-level-drop__link:after,
  .drop-nav__link:hover .drop-nav__arrow,
  .drop-nav__item:hover .drop-nav__arrow {
    display: none;
  }
  .drop-nav__link:after {
    left: 0;
    width: 24px;
    height: 24px;
    opacity: 1;
  }
  .list-level-drop {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    padding: 5px 0 5px 30px;
    display: block;
    background-color: transparent;
    border: none;
  }
  .list-level-drop__item {
    position: relative;
    margin: 0 15px 0 0;
    padding: 0 0 0 10px;
    display: inline-block;
    vertical-align: top;
  }
  .list-level-drop__item:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 5px;
    height: 1px;
    overflow: hidden;
    background-color: #fff;
    z-index: 3;
  }
  .list-level-drop__link {
    padding: 0;
    color: #fff;
  }
  .list-level-drop__link:hover {
    color: #fff;
  }
  .drop-nav__link:hover:after,
  .drop-nav__item:hover .drop-nav__link:after {
    opacity: 1;
  }
  .drop-nav__link:hover,
  .drop-nav__item:hover .drop-nav__link {
    background-color: transparent;
    color: #fff;
    font-weight: 300;
  }
  .nav-list:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    z-index: 15;
    background-color: #1c1d34;
    right: 0;
  }
  .nav-list__item:hover .drop-nav {
    transition: initial;
  }
  .nav-list__drop-btn.active:after {
    transform: translateY(-35%) translateX(-50%) rotate(135deg);
  }
  .header-dark .nav .menu-trigger-icon::before,
  .header-dark .nav .menu-trigger-icon::after {
    background-color: #fff;
  }

  .mission-block__border-wrapper {
    max-width: 100%;
  }
  .mission-block__image {
    display: none;
  }
  .about-page__help {
    padding-bottom: 0;
  }
  .guarant-block__image {
    bottom: auto;
    right: auto;
    position: relative;
    margin: 0 auto;
  }
  .guarant-block__text {
    padding: 20px 20px 20px 40px;
    margin: 0;
  }
  .portfolio-page__photos {
    padding: 0 0 0 24px;
  }

  .certificate-page__bottom::before {
    width: 59%;
  }
  .portfolio-page .photo-filter__name {
    white-space: break-spaces;
  }

  .how-work__item figure:before {
    display: none;
  }

  .support-page__about-box {
    max-width: 540px;
  }

  .about-item__text {
    max-width: 230px;
  }

  .how-work__el:nth-child(2),
  .how-work__el:nth-child(4),
  .how-work__el:nth-child(5) {
    padding-top: 0px;
  }

  .how-work__item {
    margin-bottom: 73px;
  }

  .tariff__item {
    padding-left: 70px;
    padding-right: 70px;
  }

  .profit__box {
    flex-wrap: wrap;
    padding-bottom: 0;
  }

  .profit__item {
    margin-bottom: 30px;
  }

  .profit-el:not(:nth-child(2)) .profit__text {
    max-width: none;
  }

  .profit .guarant-block__image {
    display: none;
  }

  .service-item_corp-site {
    grid-column: 1 / 7;
  }
  .service-item_landing {
    grid-column: 7 / 13;
  }

  .service-item_support {
    grid-column: 1 / 7;
    grid-row: 3 / 5;
  }

  .service-item_dev-site {
    grid-column: 1 / 7;
    grid-row: 5 / 7;
  }

  .service-item_seo {
    grid-column: 7 / 13;
    grid-row: 5/7;
  }

  .service-item_audit {
    grid-column: 1 / 7;
    grid-row: 7 / 9;
  }

  .service-item_media {
    grid-column: 1 / 7;
    grid-row: 7 / 9;
  }

  .service-item_optimiz {
    grid-column: 1 / 13;
    grid-row: 9 / 11;
  }

  .service-item_style {
    grid-column: 1 / 7;
    grid-row: 11 / 13;
  }

  .service-item_adaptive {
    grid-column: 7 / 13;
    grid-row: 11 / 13;
    background-position: inherit;
  }
  .service-item_shop {
    grid-column: 7 / 13;
    grid-row: 7 / 9;
  }

  .service-item_ssl {
    grid-column: 7 / 13;
    grid-row: 13 / 15;
  }

  .service-item_gos {
    grid-column: 1 / 7;
    grid-row: 15 / 17;
  }

  .service-item_tg {
    grid-column: 7 / 13;
    grid-row: 15 / 17;
  }

  .service-item_bx {
    grid-column: 1 / 7;
    grid-row: 17 / 19;
  }

  .service-item_back {
    grid-column: 1 / 13;
    grid-row: 9 / 11;
  }

  .service-item_test {
    grid-column: 1 / 13;
    grid-row: 19 / 21;
  }

  .service-page__box {
    grid-template-rows: repeat(10, minmax(40px, 108px));
  }
  .about-section__content {
    padding-bottom: 0;
  }
  .logotip-banner__content-bx {
    max-width: 50%;
  }

  .review-slider .slick-next {
    right: -22px;
  }
  .review-slider .slick-prev {
    left: -67px;
  }

  .step-transfer-list__card.small-show {
    display: block;
  }
  .firm-style-page .logotip-banner {
    padding-bottom: 60px;
  }
  .firm-style-page .logotip-banner_list {
    max-width: 230px;
  }

  .step-transfer-list.hiding-even-cards
    .step-transfer-list__item:first-child
    .step-transfer-list__card:nth-child(even) {
    display: block;
  }

  .diploma-box {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .error-page__img img {
    max-width: 560px;
  }

  .main-banner__content {
    height: 350px;
  }

  .home .main-banner__content {
    height: 100%;
  }

  .support-page__reviews {
    padding-bottom: 30px;
  }
  .review-slider .slick-prev {
    left: 40%;
  }
  .review-slider .slick-next {
    right: 46%;
  }
  .review-slider .slick-arrow {
    top: 102%;
  }
  .main-banner__content.main-banner-landing {
    height: 350px;
  }
}

@media (max-width: 576px) {
  .services-card__icon::before {
    width: 80px !important;
  }
  .services-card__icon {
    width: 80px;
  }
  .title-section {
    margin: 0 0 30px;
  }
  .header .container {
    height: 65px;
  }
  .header-dark .transfer-banner {
    padding: 80px 0 0 0;
  }
  .header-dark .banner-inner,
  .header-dark .page-container {
    padding: 65px 0 0 0;
  }
  .header-dark .logotip-banner,
  .header-white .logotip-banner {
    padding: 65px 0 30px;
  }

  .about-section:after {
    bottom: -60px;
    height: 400px;
  }

  .about-section__img {
    bottom: -35px;
  }

  .about-section__img img {
    max-width: 280px;
  }

  .main-banner {
    min-height: 460px;
  }

  .main-banner__slogan-wrap {
    padding: 90px 0 0 0;
  }

  .main-banner__title span {
    font-size: 35px;
  }

  .main-banner__title {
    font-size: 20px;
  }

  .main-banner__btn .btn-white {
    margin: 0 0 15px;
    background-color: #fff;
    color: #010101;
  }

  .main-banner__btn .btn-grad-line.grad-bg::after {
    opacity: 1;
  }
  .main-slider .slide__caption {
    padding: 0 25px 0 0;
  }

  .main-slider .slide__info {
    bottom: 20px;
  }

  .main-slider .slide__caption {
    margin: 0 0 10px;
  }

  .projects-slider .slick-current .projects-card {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .projects-slider .slick-current .projects-card__btn {
    text-decoration: none;
    color: #fff;
    background: #1c1d34;
  }

  .projects-slider .slick-current .projects-card__subtitle,
  .projects-slider .slick-current .projects-card__title {
    color: #010101;
  }

  .projects-slider .slick-current .projects-card__img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }

  .projects-slider .slick-current .projects-card__img:after {
    opacity: 0.5;
  }

  .projects-slider .slick-current .projects-card__img:before {
    opacity: 0;
  }

  .projects-card {
    width: 350px;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .projects-card__img {
    padding: 75% 0 0 0;
  }

  .projects-card__content {
    padding: 30px 35px 15px;
  }

  .projects-card__subtitle {
    font-size: 16px;
  }

  .projects-card__title {
    font-size: 20px;
  }

  .services-wrap {
    padding: 40px 0 10px;
  }

  .services-card {
    min-height: 170px;
  }

  .services-card__title {
    font-size: 16px;
    margin: 0;
  }

  .services-card__icon {
    font-size: 70px;
  }

  .facts-container {
    padding: 40px 0 410px;
  }

  .facts-container__title {
    font-size: 25px;
  }

  .photo-card__detail {
    padding: 10px 15px;
  }

  .p-slider-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .banner-inner__content {
    max-width: 100%;
    padding: 40px 0 25px;
  }

  .banner-inner__title {
    font-size: 35px;
    margin: 0 0 12px;
    line-height: 1;
  }

  .banner-inner__subtitle {
    font-size: 22px;
  }

  .banner-inner__img {
    position: relative;
    right: inherit;
    max-width: 100%;
  }

  .banner-inner__img img {
    margin: 0 auto;
    max-width: 350px;
  }

  .banner-inner .container {
    min-height: auto;
    display: block;
  }

  .about-inner {
    padding: 35px 15px 20px;
  }

  .about-inner__container {
    max-width: 100%;
  }

  .stage-wrap {
    padding: 0;
  }

  .questions-list__title {
    padding: 15px 31px 13px 15px;
  }

  .questions-list__content {
    padding: 2px 15px 5px;
  }

  .trust-wrap__caption {
    margin: 0 0 30px;
  }

  .trust-gallery {
    margin: 0 0 50px;
  }

  .caption-section {
    padding: 40px 0 20px;
  }

  .caption-section h1 {
    font-size: 38px;
  }

  .caption-section h2 {
    font-size: 18px;
  }

  .feedback-wrap {
    padding: 40px 10px;
  }

  .feedback-wrap__title {
    font-size: 22px;
    margin: 0 0 25px;
  }

  .submit-btn-wrap {
    padding: 15px 0 0 0;
  }

  .footer__col-right .b-social {
    margin: 0 -5px;
  }

  .footer__col-right .b-social__item {
    margin: 0 5px;
  }
  .transfer-price {
    padding: 30px 0 10px;
  }
  .transfer-price .title-section {
    margin: 0 0 15px;
  }
  .card-transfer {
    padding: 20px 15px 5px;
  }
  .title-section--lg_bold {
    font-size: 20px;
  }
  .card-step-transfer__number {
    font-size: 72px;
  }
  .card-step-transfer,
  .card-step-transfer:last-child {
    padding: 45px 0 25px;
  }
  .why-section__content {
    padding: 40px 0 0 0;
  }
  .why-section__row {
    padding: 0;
  }
  .why-section__item {
    width: 100%;
  }
  .why-section .title-section {
    text-align: center;
  }
  .card-transfer-banner {
    padding: 5px 0 15px;
  }
  .card-transfer-banner__content {
    max-width: 100%;
  }
  .card-transfer-banner__img {
    display: none;
  }
  .card-transfer-banner__content h1 {
    font-size: 25px;
  }
  .card-transfer-banner__content h2 {
    font-size: 18px;
  }
  .engines-list__item {
    font-size: 14px;
    letter-spacing: 0.1em;
    margin: 0 0 5px;
  }
  .price-logo-banner__img {
    display: none;
  }
  .price-logo-banner__content {
    text-align: center;
    padding: 30px 0;
  }
  .our-work {
    padding: 35px 0 0 0;
  }
  .our-work__title,
  .what-logo__title {
    font-size: 20px;
    margin: 0 0 30px;
  }
  .what-logo__item {
    padding: 0 0 0 20px;
  }
  .logotip-banner__text {
    max-width: 100%;
  }
  .logotip-banner .container {
    min-height: inherit;
  }
  .logotip-banner {
    padding: 0 0 30px;
  }
  .logotip-banner__title {
    font-size: 22px;
  }
  .inet-info__item {
    display: block;
    text-align: center;
  }
  .inet-info__img {
    margin: 0 auto 25px;
  }
  .about-inner--two .about-inner__title {
    font-size: 20px;
  }
  .logotip-banner--dark .btn-black {
    background-color: #010101;
    color: #fff;
  }
  .logotip-banner--wh .btn-white {
    background-color: #fff;
    color: #010101;
  }
  .site-help-info__item {
    width: 100%;
  }
  .card-site-help__img {
    height: auto;
    justify-content: center;
    margin: 0 auto 25px;
  }
  .card-site-help__name {
    text-align: center;
    min-height: inherit;
    font-size: 16px;
  }
  .site-help-info {
    padding: 40px 0 10px;
  }
  .site-help-info h2 {
    font-size: 20px;
    margin: 0 0 40px;
  }
  .card-site-help__name br {
    display: none;
  }
  .error-page {
    padding: 65px 0 0 0;
  }
  .error-page__container {
    padding: 20px 0 0 0;
    text-align: center;
  }
  .error-page__text {
    margin: 0 0 30px;
    line-height: 1.2;
  }
  .error-page__text br {
    display: none;
  }
  .error-page__img img {
    max-width: 100%;
  }
  .error-page h1 {
    font-size: 20px;
  }
  .blog-container {
    padding: 0 0 10px;
  }
  .blog-list__item--btn .line-gray {
    display: none;
  }
  .blog-list__item--btn {
    justify-content: center;
  }
  .search-item__content,
  .search-item__title {
    padding: 0 0 0 15px;
  }
  .search-item {
    padding: 15px 0 0 0;
  }
  .search-item__title {
    margin: 0 0 10px;
  }
  .search-main--lg {
    max-width: 100%;
  }
  .search-item {
    margin: 0 0 25px;
  }
  .search-more {
    margin: 0 0 10px;
    justify-content: center;
  }
  .search-more .line-gray {
    display: none;
  }
  .modal-template.modal-template--partners .close {
    top: 10px;
    right: 10px;
  }
  .modal-template--partners .modal-content {
    padding: 35px 15px 20px;
  }
  .modal-template.modal-template--partners .modal-title {
    margin: 0 0 5px;
    font-size: 18px;
  }
  .btn-gradient {
    font-size: 11px;
    padding: 17px 35px 16px;
  }
  .partners-more {
    padding: 17px 10px 15px;
    font-size: 11px;
    border-radius: 30px;
  }
  .btn-white {
    padding: 16px 10px 14px;
    font-size: 11px;
    border-radius: 30px;
    line-height: 1;
  }
  .btn-grad-line {
    font-size: 11px;
    border-radius: 30px;
    line-height: 1;
  }
  .btn-grad-line span {
    padding: 16px 10px 14px;
  }
  .main-banner__btn {
    max-width: 220px;
  }
  .nav-list__item--drop .nav__link {
    width: 88%;
  }
  .nav-list__item--drop .nav-list__drop-btn {
    width: 12%;
  }

  .photo-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .portfolio-page__photo {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .portfolio-page__photos.photo-container {
    padding: 0;
  }

  .portfolio-page__photos .photo-card__detail {
    left: 101px;
  }

  .portfolio-page__photos.photo-container .mix {
    width: 100%;
  }

  .certificate-page__bottom::before {
    display: none;
  }

  .certificate-page__more span {
    padding-top: 10px;
  }

  .support-page__about-box {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  .how-work__el:nth-child(1) .how-work__item:after,
  .how-work__el:nth-child(2) .how-work__item:after,
  .how-work__el:nth-child(3) .how-work__item:after,
  .how-work__el:nth-child(4) .how-work__item:after,
  .how-work__el:nth-child(5) .how-work__item:after {
    left: 50%;
    transform: translate(-50%, 0);
  }

  .guarant-block__content {
    padding-left: 30px;
  }
  .main-price-list {
    padding: 0;
  }

  .main-price-li {
    font-size: 14px;
    line-height: normal;
  }

  .service-page .feedback-bg {
    padding-top: 210px;
  }

  .service-page__box {
    padding-bottom: 0;
  }
  .blog-article__other .card-blog__name {
    margin-top: 15px;
  }
  .logotip-banner-disain {
    padding-top: 115px;
  }

  .banner-bx__image {
    display: none;
  }
  .banner-bx__mob {
    display: block;
    width: 100%;
  }
  .banner-bx__mob img {
    width: 100%;
  }
  .logotip-banner__content-bx {
    max-width: 100%;
  }
  .logotip-banner__content-bx .btn-black {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 575px) {
  .about-page__services-card {
    border: none;
  }
  .about-page__services-item {
    text-align: center;
  }
  .portfolio-page .photo-filter__name {
    white-space: break-spaces;
  }

  .contacts-img-wrap img {
    bottom: auto;
    max-width: 100%;
  }

  .contacts-img-wrap {
    top: -219px;
    left: 36px;
    width: 431px;
  }

  .feedback-bg {
    overflow: hidden;
  }

  .modal-awards.modal-template .modal-content {
    padding: 36px 0 36px 78px;
  }

  .blog-article__img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    padding-top: 50%;
    position: relative;
  }
  .blog-article__img img {
    position: absolute;
    top: 0;
    left: 0;
  }

  .news-detail__btn span::before {
    left: -11px;
    top: 17px;
  }
  .news-detail__btn-back span::before {
    left: 12px;
    top: 11px;
  }

  .review-slide__image {
    width: 100%;
    height: auto;
  }

  .review-slide__image::after {
    content: "";
    display: block;
    padding-top: 100%;
  }

  .review-slide__image img {
    width: 98%;
    height: 98%;
  }

  .support-page__about-item {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .service .main-price-item.service__main-price-item {
    flex-basis: 85%;
  }

  .service .main-price-group-main-head .main-price-item:nth-child(2) {
    flex-basis: 52%;
  }

  .photo-container .mix {
    width: 47.8%;
  }

  .firm-style-page .logotip-banner_list {
    max-width: 203px;
  }

  .main-price-group-main .main-price-select.main-price-item:first-child {
    width: 53px;
  }
}
@media (max-width: 480px) {
  .about-page__partners-box {
    flex-direction: column;
    padding: 0;
  }

  .about-page__partner {
    padding: 0 20px;
  }

  .about-page__partner:last-child {
    padding-top: 30px;
  }

  .about-page__partner:first-child {
    padding: 0;
  }

  .contacts-img-wrap {
    left: 0px;
  }

  .review-slider .slick-prev {
    left: 12px;
  }
  .review-slider .slick-next {
    right: 57px;
  }
}
@media (max-width: 460px) {
  .card-blog {
    display: block;
  }
  .card-blog__img {
    width: 100%;
    padding: 50% 0 0 0;
    margin: 0 0 15px;
  }
  .photo-filter__name {
    font-size: 11px;
    padding: 11px 5px 9px;
  }
  .service-item__title {
    font-size: 16px;
  }

  .service-item_landing {
    grid-row: 1 / 3;
  }

  .service-item_dev-site {
    grid-column: 7 / 13;
    grid-row: 3 / 5;
  }

  .service-item_seo {
    grid-column: 1 / 13;
  }

  .service-item_audit {
    grid-column: 7 / 13;
    grid-row: 5 / 7;
  }

  .service-item_optimiz {
    grid-column: 7 / 13;
    grid-row: 7 / 9;
  }

  .service-item_style {
    grid-column: 1 / 13;
    grid-row: 9 / 11;
  }

  .service-item_adaptive {
    grid-column: 1 / 13;
    grid-row: 11 / 13;
    background-position: center;
  }

  .service-item_optimiz {
    grid-column: 1 / 13;
  }

  .blog-article__other .card-blog__img {
    width: 100%;
    height: auto;
  }

  .blog-article__other .card-blog__name {
    margin-top: 5px;
  }

  .blog-article__other .card-blog {
    padding: 37px 7px 7px 7px;
  }

  .blog-article .card-blog__text {
    margin-top: 0;
  }
}
@media (max-width: 453px) {
  .photo-container .mix {
    width: 100%;
  }

  .logotip-banner__content-bx {
    max-width: 100%;
  }

  .logotip-banner__content-bx .logotip-banner__text {
    max-width: 100%;
  }

  .service-item {
    padding: 25px 13px 21px 10px;
  }

  .main-price-group-main .main-price-select.main-price-item:first-child {
    width: 61px;
  }
}

@media (max-width: 410px) {
  .main-banner {
    min-height: 420px;
  }

  .main-slider .slide__img-mb {
    display: block;
  }

  .main-slider .slide__img {
    display: none;
  }

  .main-slider .slide__info {
    bottom: 60px;
  }

  .services-card__content {
    padding: 20px 15px;
  }

  .services-card__title {
    font-size: 14px;
  }

  .facts-container {
    padding: 40px 0 330px;
  }

  .photo-card__title {
    font-size: 12px;
  }
  .engines-list__column:first-child {
    margin: 0 15px 0 0;
  }
  .card-transfer-banner__content h1 {
    font-size: 22px;
  }
  .card-transfer-banner__content h2 {
    font-size: 16px;
  }
  .engines-list__item {
    font-size: 12px;
  }
  .blog-link-group {
    display: block;
  }
  .blog-link-group__item {
    display: block;
    width: 100%;
    margin: 0 0 15px;
    text-align: center;
  }
  .partners-list li {
    width: 50%;
  }

  .contacts-img-wrap {
    left: -16px;
  }

  .diploma-box__item {
    width: 100%;
  }

  .support-page .banner-inner__title {
    line-height: 1;
    font-size: 30px;
  }

  .service-page__box {
    display: flex;
    flex-direction: column;
  }
  .service-item {
    padding: 25px 10px 21px 10px;
    min-height: 180px;
  }
  .service-item_shop {
    background-position: center 77%;
  }

  .logotip-banner__content-bx .logotip-banner__text {
    max-width: 67%;
  }

  .main-banner-landing__container .btn-grad-line {
    background: #fff;
    color: #000;
  }
  .main-banner-landing__container:hover .btn-grad-line {
    color: #fff;
  }

  .logotip-banner-corp {
    background-position: 25%;
  }

  .diploma-box {
    grid-template-columns: 1fr;
  }
  .diploma-box__title {
    min-height: auto;
    text-align: center;
  }
}

@media (max-width: 370px) {
  .main-banner__title span {
    font-size: 32px;
  }

  .main-banner__title {
    font-size: 18px;
  }

  .projects-card {
    width: 280px;
  }

  .projects-card__content {
    padding: 20px 20px 15px;
  }

  .projects-card__subtitle {
    font-size: 14px;
  }

  .projects-card__title {
    font-size: 18px;
  }

  .services-card {
    min-height: 140px;
  }

  .services-card__logo {
    padding: 20px 15px 0 0;
  }

  .services-card__content {
    padding: 15px;
  }

  .services-card__title {
    font-size: 13px;
  }

  .services-card__icon {
    font-size: 60px;
  }

  .facts-container {
    padding: 40px 0 300px;
  }

  .facts-robot-img {
    bottom: -80px;
  }

  .photo-container .mix {
    width: 100%;
  }

  .photo-card {
    padding: 70% 0 0 0;
  }

  .photo-card__detail {
    bottom: 10px;
  }

  .banner-inner__img img {
    max-width: 280px;
  }
  .what-logo__img {
    width: 100%;
  }
  .about-inner--two .about-inner__title {
    font-size: 18px;
  }
  .photo-filter__name {
    font-size: 10px;
  }
  .nav-list__item--drop .nav__link {
    width: 85%;
  }
  .nav-list__item--drop .nav-list__drop-btn {
    width: 15%;
  }

  .contacts-img-wrap {
    width: 320px;
    top: -161px;
    left: 0;
  }
  .tariff__item {
    padding-left: 22px;
    padding-right: 22px;
  }

  .tariff__free {
    padding-left: 10px;
  }

  .support-page .banner-inner__title {
    line-height: 1;
    font-size: 25px;
  }
  .services-card__icon::before {
    width: 60px !important;
  }
  .services-card__icon {
    width: 60px;
  }
}

@media (max-width: 360px) {
  .service .main-price-item.service__main-price-item {
    flex-basis: 113%;
    font-weight: 500;
    font-size: 12px;
  }

  .main-price-group-main .main-price-select.main-price-item:first-child {
    width: 30px;
  }

  .service .main-price-group-main-head .main-price-item:first-child {
    width: 30px;
  }

  .service .main-price-group-main-head .service__h2 {
    font-size: 14px;
    line-height: normal;
  }
  .main-price-li {
    font-size: 12px;
  }

  .main-banner__content.main-banner-landing {
    height: 400px;
  }

  .main-price-group-main .main-price-select.main-price-item:first-child {
    padding-left: 5px;
    padding-right: 5px;
    width: 45px;
  }
}

@media (max-width: 320px) {
  .facts-container {
    padding: 40px 0 270px;
  }

  .facts-robot-img {
    bottom: -60px;
  }
}

.webp .about-section:after {
  background-image: url(/local/templates/acroweb/img/bg/about-bg-new.png);
}

.webp .projects-card__img:after {
  background-image: url(../img/watermark.webp);
}

.webp .facts-wrap {
  background-image: url(../img/bg/fact-bg-new.webp);
}

.webp .banner-inner {
  background-image: url(../img/banner-bg-inner.webp);
}

.error {
  color: #07cfb5;
}

body.modal-open {
  overflow: visible;
  padding-right: 0 !important;
}

/*Пагинация*/
.pagination {
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagination__inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination__item {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  display: flex;
  justify-content: center;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  color: #a8a8a8;
  margin: 0 4px;
  position: relative;
}

.pagination__item span {
  z-index: 3;
  line-height: 21px;
}

.pagination__item:hover {
  text-decoration: none;
  color: #a8a8a8;
}

.pagination__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
  z-index: 1;
  opacity: 0;
}

.pagination__item.active::after {
  opacity: 1;
}

.pagination__item.active span {
  color: #fff;
}

.pagination__btn {
  background-image: url(/local/templates/acroweb/img/arrow-btn1.svg);
  width: 14px;
  height: 8px;
  left: 12px;
  top: 11px;
  margin: 0 5px;
}

.pagination__btn_next {
  transform: rotate(-180deg);
}

/*new footer*/
.footer__top {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.menu-footer__caption {
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  margin: 0;
  padding: 0 18px 0 0;
}

.menu-footer__caption::before {
  content: "";
  position: absolute;
  background: url(/local/templates/acroweb/img/arrow-footer.svg);
  width: 12px;
  height: 8px;
  background-repeat: no-repeat;
  top: 5px;
  right: 0;
}

.menu-footer__list {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  padding-left: 0;
  letter-spacing: normal;
  column-count: 2;
  border-top: 1px solid rgb(255 255 255 / 40%);
  margin: 8px 0 0px;
  padding: 20px 0 0px;
}

.menu-footer__li {
  list-style: none;
  margin-bottom: 10px;
}

.menu-footer__link {
  color: #ffffff;
}

.menu-footer__link:hover {
  color: #07cfb5;
  text-decoration: none;
}

.menu-footer__item:first-child {
  min-width: auto;
}

.menu-footer__item:first-child .menu-footer__li:nth-last-child(-n + 3) {
  margin-right: 0;
}

.menu-footer__item:first-child .menu-footer__list {
  column-gap: 50px;
  max-width: 230px;
}

.menu-footer__item:nth-child(2) .menu-footer__list {
  column-count: 3;
}

.menu-footer__item:nth-child(2) .menu-footer__list {
  column-gap: 35px;
}

.menu-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.footer__left {
  width: 18.7%;
}

.footer__wrapper_bottom {
  background: rgb(22 22 41 / 50%);
  padding-bottom: 44px;
  margin-top: 60px;
}

.footer__right {
  width: 81.3%;
}

.menu-footer__item:last-child .menu-footer__list {
  column-count: 1;
}

.footer-phone__btn.btn-grad-line.grad-bg {
  background-image: url(/local/templates/acroweb/img/border-grad-btn.svg);
  height: 34px;
  width: 188px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-phone__btn.btn-grad-line.grad-bg span {
  text-align: center;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 12px;
  line-height: 12px;
}

.footer__bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-top: 37px;
}

.footer-contacts__caption {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 10px;
}

.footer-contacts__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  margin-bottom: 9px;
  display: block;
}

.footer-contacts__text:hover {
  color: #fff;
  text-decoration: none;
}

.footer-contacts {
  display: flex;
}

.footer .container {
  display: block;
}

.footer__copyright {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.08em;
  color: #ffffff;
  display: flex;
  justify-content: flex-end;
  margin-top: -21px;
}

.footer-contacts__item {
  margin-right: 104px;
}

.footer-contacts__item:last-child {
  margin-right: 0;
}

/*Фирменный стиль*/
.firm-style-page .group-image-redesign figure:first-child:before,
.firm-style-page .group-image-redesign figure.image-rediz:before {
  display: none;
}

.firm-style-page .questions-list__content {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #606060;
}

.firm-style-page .questions-wrap {
  background: #fafafa;
  padding-top: 83px;
  padding-bottom: 50px;
}

.firm-style-page .questions-list__title {
  position: relative;
}

.firm-style-page .uslugi-title {
  font-size: 28px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
}

.firm-style-page .logotip-banner__title {
  margin-bottom: 38px;
  font-size: 36px;
  line-height: 110%;
}

.firm-style-page .info-diz-group {
  padding-top: 89px;
  padding-bottom: 56px;
}

.firm-style-page .step-transfer {
  padding-top: 84px;
  padding-bottom: 38px;
}

.firm-style-page .gray-main-bg {
  padding-bottom: 29px;
}

/*Брендбук*/
.brendbuk-page .questions-list__title {
  position: relative;
}

.brendbuk-page .questions-list__title::after {
  content: "";
  position: absolute;
  right: 27px;
  background: url(/local/templates/acroweb/img/arrow-question.svg);
  width: 16px;
  height: 9px;
}

.brendbuk-page .questions-list__content {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #606060;
}

.brendbuk-page .info-diz-item:last-child {
  margin-bottom: 0;
}

.brendbuk-page__h1 {
  font-size: 36px;
  line-height: 110%;
}

.brendbuk-page .info-diz-group {
  padding-bottom: 57px;
}

.brendbuk-page .what-logo__title {
  color: #010101;
}

.brendbuk-page .what-logo {
  padding-top: 78px;
}

.brendbuk-page .what-logo__caption {
  font-weight: 700;
  line-height: 20px;
}

.brendbuk-page .uslugi-title {
  font-size: 28px;
  line-height: 30px;
  letter-spacing: normal;
}

.brendbuk-page .step-transfer {
  padding-top: 84px;
  background: #efefef;
}

.brendbuk-page .questions-wrap {
  padding: 83px 0 57px;
  background: #fafafa;
}

.brendbuk-page .gray-main-bg {
  padding-bottom: 29px;
}

@media (min-width: 1600px) {
  .container-big.container {
    max-width: 1496px;
    padding: 0;
  }
}

@media (max-width: 1600px) {
  .menu-footer__item:nth-child(2) .menu-footer__list {
    column-count: 2;
  }

  .footer-contacts__item {
    margin-right: 60px;
  }
}

@media (max-width: 1239px) {
  .footer-contacts__item {
    margin-right: 34px;
  }
}

@media (max-width: 1199px) {
  .footer-contacts__item {
    margin-right: 34px;
  }

  .menu-footer__item:first-child .menu-footer__list {
    column-count: 1;
  }

  .menu-footer__item:nth-child(2) .menu-footer__list {
    column-count: 1;
  }

  .footer__left {
    width: 36%;
  }

  .footer__right {
    width: 100%;
  }

  .footer__wrapper_bottom .footer__left {
    width: auto;
  }
}

@media (max-width: 991px) {
  .footer {
    padding-bottom: 0;
  }

  .menu-footer__item:first-child .menu-footer__list {
    max-width: none;
  }

  .menu-footer__item {
    padding: 0;
  }

  .footer__copyright {
    margin-top: 0;
  }

  .firm-style-page .logotip-banner__title,
  .brendbuk-page__h1 {
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .footer__top {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .footer__top .footer__left {
    width: 100%;
  }

  .menu-footer__caption {
    text-align: center;
  }

  .footer .b-social {
    justify-content: center;
  }

  .footer__copyright {
    margin-top: 20px;
    justify-content: center;
  }

  .firm-style-page .logotip-banner__title,
  .brendbuk-page__h1 {
    font-size: 25px;
  }

  .firm-style-page .uslugi-title,
  .brendbuk-page .uslugi-title {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .firm-style-page .logotip-banner__title,
  .brendbuk-page__h1 {
    font-size: 22px;
  }
}

@media (max-width: 575px) {
  .menu-footer {
    flex-direction: column;
  }

  .menu-footer__link {
    margin: 0 0 10px;
  }

  .menu-footer__item {
    margin-bottom: 20px;
  }

  .menu-footer__item:first-child {
    padding: 0;
  }

  .footer__wrapper_bottom {
    margin: 0;
  }

  .footer-contacts {
    flex-direction: column;
  }

  .footer-contacts__item {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .footer-contacts__item:last-child {
    margin-bottom: 0;
  }

  .footer-phone__btn.btn-grad-line.grad-bg {
    margin: 0 auto;
  }

  .brendbuk-page .questions-list__title::after {
    right: 5px;
  }
}

.btn-up {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(180deg, #8321cc 0%, #21e7cd 100%);
  position: fixed;
  bottom: 10%;
  z-index: 99;
  right: 1%;
  cursor: pointer;
  transition: 0.8s;
  display: none;
}
.btn-up::after {
  content: "";
  display: block;
  background: url(/local/templates/acroweb/img/arrow-up.svg);
  background-repeat: no-repeat;
  width: 22px;
  height: 13px;
  margin-left: 14px;
  margin-top: 17px;
}
.btn-up:hover {
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
}
.btn-up.show {
  display: block;
}

/* Таргетированная реклама */
@font-face {
  font-family: "icomoon-new";
  src: url("/uslugi/prodvizheniye-v-sotssetyakh/target-reklama/fonts/icomoon?an5woa.eot");
  src: url("/uslugi/prodvizheniye-v-sotssetyakh/target-reklama/fonts/icomoon.eot?an5woa#iefix")
      format("embedded-opentype"),
    url("/uslugi/prodvizheniye-v-sotssetyakh/target-reklama/fonts/icomoon.ttf?an5woa")
      format("truetype"),
    url("/uslugi/prodvizheniye-v-sotssetyakh/target-reklama/fonts/icomoon.woff?an5woa")
      format("woff"),
    url("/uslugi/prodvizheniye-v-sotssetyakh/target-reklama/fonts/icomoon.svg?an5woa#icomoon")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.logotip-banner-target .logotip-banner_list {
  letter-spacing: 0.2em;
  max-width: 843px;
}
.logotip-banner-target .logotip-banner__title {
  max-width: 665px;
}
.logotip-banner-target .logotip-banner__content {
  max-width: 100%;
}
.logotip-banner-target__callback span {
  padding: 13.5px 20.5px 12.5px;
  font-size: 12px;
  line-height: 12px;
}
.logotip-banner-target .btn-grad-line {
  color: #010101;
}
.logotip-banner-target .btn-grad-line:hover {
  color: #fff;
  transition: none;
}
.logotip-banner-target__callback {
  padding-top: 14px;
}
.logotip-banner-target .container {
  min-height: auto;
  padding-bottom: 134px;
}
.contains {
  padding-bottom: 100px;
}
@media (max-width: 1170px) {
  .contains {
    padding-bottom: 75px;
  }
}
@media (max-width: 860px) {
  .contains {
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .contains {
    padding-bottom: 30px;
  }
}
.contains__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 860px) {
  .contains__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.contains__column:first-child {
  padding-top: 77px;
  padding-right: 20px;
  width: 50%;
}
@media (max-width: 860px) {
  .contains__column:first-child {
    padding-top: 30px;
    padding-right: 0;
    width: 100%;
  }
}
.contains__column:last-child {
  padding-top: 77px;
  width: 50%;
}
@media (max-width: 860px) {
  .contains__column:last-child {
    width: 100%;
  }
}
.contains__heading {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1170px) {
  .contains__heading {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .contains__heading {
    font-size: 24px;
  }
  .contains__column:last-child {
    padding-top: 0;
  }
}
.contains__heading span {
  font-size: 60px;
  display: block;
}
@media (max-width: 1170px) {
  .contains__heading span {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .contains__heading span {
    font-size: 40px;
  }
}
.contains-list {
  counter-reset: list;
  position: relative;
  padding: 0;
}
@media (max-width: 860px) {
  .contains-list::before {
    height: 70px;
  }
}

.contains-list__item {
  padding: 22px 0 22px 64px;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #383951;
  position: relative;
  list-style: none;
}
@media (max-width: 767px) {
  .contains-list__item {
    padding-left: 56px;
  }
}
@media (max-width: 767px) {
  .contains-list__item {
    font-size: 18px;
  }
}
@media (max-width: 500px) {
  .contains-list__item {
    font-size: 16px;
    padding-left: 46px;
  }
}
.contains-list__item::before {
  font-size: 30px;
  color: #383951;
  counter-increment: list;
  content: counter(list, decimal-leading-zero);
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (max-width: 767px) {
  .contains-list__item::before {
    font-size: 26px;
  }
}
.contains-list__item:not(:last-child)::after {
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translate(0, 17px);
  transform: translate(0, 17px);
  content: "";
  width: 15px;
  height: 27px;
  background-image: url(/local/templates/acroweb/img/contains-arrow.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (max-width: 767px) {
  .contains-list__item:not(:last-child)::after {
    left: 8px;
  }
}

.experience-cases {
  background: linear-gradient(206.83deg, #06cfb5 1.87%, rgba(0, 0, 0, 0) 49.46%),
    linear-gradient(180deg, #6f15b2 0%, #1e1f3d 45.83%);
  padding-bottom: 65px;
}
@media (max-width: 1170px) {
  .experience-cases {
    padding-top: 45px;
  }
}
@media (max-width: 767px) {
  .experience-cases {
    padding-top: 30px;
  }
}
.experience-cases__heading {
  color: #fff;
  font-weight: 700;
  font-size: 28px;
  line-height: 30px;
  text-transform: uppercase;
  max-width: 281px;
  margin-bottom: 36px;
  padding-left: 37px;
  max-width: 70%;
}
.experience-cases__description {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
  max-width: 47%;
  margin-top: -76px;
  padding-left: 37px;
}
@media (max-width: 767px) {
  .experience-cases__description {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 15px;
    max-width: 100%;
    margin-top: -20px;
  }
  .experience-cases__heading {
    max-width: 100%;
  }
}
.experience-cases__grid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.experience-cases__grid--top {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .experience-cases__grid--top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 400px) {
  .experience-cases__grid--top {
    margin-bottom: 0;
  }
}
.experience-cases__grid--top .experience-cases__grid-item:first-child {
  position: relative;
  padding-right: 130px;
}
.experience-cases__grid--top .experience-cases__grid-item:first-child::after {
  position: absolute;
  right: 68px;
  top: -26px;
  content: "";
  width: 15px;
  height: 98px;
}
@media (max-width: 767px) {
  .experience-cases__grid--top .experience-cases__grid-item:first-child::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .experience-cases__grid--top .experience-cases__grid-item:first-child {
    padding-right: 0;
    width: 100%;
  }
}
.experience-cases__grid--top .experience-cases__grid-item:last-child {
  padding-top: 10px;
}
@media (max-width: 767px) {
  .experience-cases__grid--top .experience-cases__grid-item:last-child {
    padding-top: 0;
    width: 100%;
  }
}
.experience-cases__grid--bottom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .experience-cases__grid--bottom {
    flex-direction: column;
  }
}
@media (max-width: 400px) {
  .experience-cases__grid--bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 700px) {
  .experience-cases__grid--bottom .experience-cases__grid-item:nth-child(1) {
    width: 60%;
  }
}
@media (max-width: 400px) {
  .experience-cases__grid--bottom .experience-cases__grid-item:nth-child(1) {
    width: 100%;
    padding-right: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media (max-width: 700px) {
  .experience-cases__grid--bottom .experience-cases__grid-item:nth-child(2) {
    width: 40%;
  }
}
@media (max-width: 400px) {
  .experience-cases__grid--bottom .experience-cases__grid-item:nth-child(2) {
    width: 100%;
    max-width: 100%;
    margin: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.experience-cases__grid-item {
  width: 50%;
}
.experience-cases__grid-item:nth-child(1) {
  padding-right: 20px;
}
.experience-cases__swiper {
  width: 100%;
  max-height: 534px;
}
@media (max-width: 767px) {
  .experience-cases__swiper {
    max-height: 400px;
  }
  .experience-cases__grid-item {
    width: 100%;
  }
  .experience-cases__grid-item:nth-child(1) {
    padding-right: 0px;
  }
}
@media (max-width: 700px) {
  .experience-cases__swiper {
    max-height: 250px;
  }
}
@media (max-width: 400px) {
  .experience-cases__swiper {
    max-height: 180px;
  }
}
.experience-cases__swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.experience-cases__swiper-image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  opacity: 0;
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-property: opacity transform;
  transition-property: opacity transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.experience-cases__swiper .swiper-slide-active .experience-cases__swiper-image {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.experience-cases__list {
  counter-reset: section;
}
@media (max-width: 767px) {
  .experience-cases__list {
    margin-top: 0;
  }
}
.experience-cases__list-item {
  cursor: pointer;
  list-style: none;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  position: relative;
  padding-left: 85px;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-property: color padding;
  transition-property: color padding;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
@media (max-width: 767px) {
  .experience-cases__list-item {
    padding-left: 50px;
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .experience-cases__list-item {
    padding-left: 40px;
    font-size: 16px;
  }
}
.experience-cases__list-item:not(:last-child) {
  margin-bottom: 21px;
}
.experience-cases__list-item::before {
  counter-increment: section;
  content: counter(section, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: -4px;
  font-size: 30px;
  line-height: 1;
}
@media (max-width: 767px) {
  .experience-cases__list-item::before {
    font-size: 26px;
  }
}
@media (max-width: 640px) {
  .experience-cases__list-item::before {
    top: -2px;
    font-size: 22px;
  }
}
.experience-cases__list-item--active {
  color: #0cc7b5;
  padding-left: 105px;
}
@media (max-width: 767px) {
  .experience-cases__list-item--active {
    padding-left: 55px;
  }
}
@media (max-width: 640px) {
  .experience-cases__list-item--active {
    padding-left: 45px;
  }
}
.serv-block {
  padding: 67px 0 91px;
}
.serv-block .title-section {
  font-weight: 700;
  font-size: 28px;
  line-height: 50px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #010101;
  margin-bottom: 0;
}
.serv-block__subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: #1c1d34;
  margin: 24px auto 47px;
  width: 70%;
}
.serv-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 62px;
  grid-row-gap: 47px;
}
.serv-item {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
  padding: 22px 21px 0px 11px;
  color: #ffffff;
}
.serv-item:nth-child(even) {
  color: #010101;
  background: #efefef;
}
.serv-item:nth-child(even) .serv-item__desc {
  color: #a8a8a8;
}
.serv-item__content {
  padding-left: 25px;
  padding-bottom: 23px;
  position: relative;
  height: 100%;
}
.serv-item__content::before {
  content: "";
  width: 3px;
  height: 100%;
  background: #af75e4;
  position: absolute;
  left: 0;
  bottom: 0;
}
.serv-item:nth-child(even) .serv-item__content::before {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
}
.serv-item__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.serv-item__desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.target-main-group .otchet-main {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  padding-left: 120px;
  padding-top: 54px;
  padding-bottom: 60px;
}
.target-main-group .otchet-main-text {
  letter-spacing: 0.065em;
  text-transform: uppercase;
  flex-basis: 52%;
}
.target-main-group .btn-white {
  font-size: 10px;
  line-height: 12px;
  letter-spacing: normal;
  padding-left: 50px;
  padding-right: 50px;
}

.work-stages {
  background-color: #d1c0ea;
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-image: url(/local/templates/acroweb/img/target-reklam/line-target.jpg);
}
@media (max-width: 960px) {
  .work-stages {
    background-size: auto 50%;
    background-position: center bottom;
  }
}
.list-arrow {
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
}
/* .icon-icon-arrow:before {
    content: "\e900";
} */
.flex-right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.list-arrow__item {
  padding-left: 30px;
  position: relative;
}
.list-arrow__item::before {
  content: "\e900";
  font-size: 7px;
  position: absolute;
  top: 0;
  left: 0;
}
.work-stages__container {
  position: relative;
  padding-top: 57px;
  padding-bottom: 82px;
}
.work-stages .title-section {
  font-weight: 700;
  font-size: 28px;
  line-height: 50px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1c1d34;
  margin-bottom: 64px;
  position: relative;
  z-index: 10;
}
.work-stages__picture {
  position: absolute;
  left: -130px;
  top: 0;
  height: 100%;
}
@media (max-width: 960px) {
  .work-stages__picture {
    left: -100px;
    top: auto;
    bottom: 0;
    height: 50%;
  }
}
@media (max-width: 767px) {
  .work-stages__picture {
    left: auto;
    right: 0;
  }
}
.work-stages .flex-right {
  position: relative;
  z-index: 1;
}
.work-stages__heading {
  font-size: 60px;
  font-weight: 700;
  line-height: 0.88;
  color: #fff;
  margin-bottom: 63px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1170px) {
  .work-stages__heading {
    font-size: 50px;
    margin-bottom: 53px;
  }
}
@media (max-width: 767px) {
  .work-stages__heading {
    font-size: 35px;
    margin-bottom: 40px;
  }
}
.work-stages__heading.heading-lined::before {
  top: 42.5px;
  width: 210px;
}
@media (max-width: 1170px) {
  .work-stages__heading.heading-lined::before {
    top: 36.5px;
  }
}
@media (max-width: 767px) {
  .work-stages__heading.heading-lined::before {
    top: 24.5px;
  }
}
.work-stages__heading.heading-lined::after {
  top: 42.5px;
  left: 398px;
}
@media (max-width: 1170px) {
  .work-stages__heading.heading-lined::after {
    top: 36.2px;
    left: 362px;
  }
}
@media (max-width: 767px) {
  .work-stages__heading.heading-lined::after {
    top: 24.2px;
    left: 255px;
  }
}
.work-stages__heading-inner {
  display: block;
  max-width: 420px;
}
.work-stages__list-wrapper {
  width: 50%;
  margin-top: 0px;
}
@media (max-width: 960px) {
  .work-stages__list-wrapper {
    width: 70%;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .work-stages__list-wrapper {
    width: 100%;
  }
}
.work-stages__step-number {
  font-weight: 800;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6228b1;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .work-stages__step-number {
    font-size: 12px;
  }
}
.work-stages__step-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #010101;
  margin-bottom: 11px;
}
@media (max-width: 767px) {
  .work-stages__step-name {
    font-size: 18px;
  }
}
.work-stages__list {
  margin-left: -48px;
  margin-bottom: 55px;
}
@media (max-width: 767px) {
  .work-stages__list {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
.work-stages__list-item {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #010101;
  padding-left: 44px;
  list-style: none;
}
@media (max-width: 767px) {
  .work-stages__list-item {
    font-size: 16px;
    padding-left: 24px;
  }
}
.work-stages__list-item:not(:last-child) {
  margin-bottom: 15px;
}
.work-stages__list-item::before {
  color: #fff;
  top: 7px;
}
@media (max-width: 767px) {
  .work-stages__list-item::before {
    top: 6px;
  }
}
.work-stages__list-item--active::before {
  color: #691fb2;
}

.landing-help-target .landing-help-item:before {
  display: none;
}
.landing-help-target .h1 {
  font-weight: 700;
  font-size: 28px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #010101;
  margin-bottom: 59px;
}
.landing-help-target .landing-help-group {
  padding-top: 0;
}
.landing-help-target .landing-help-item p {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  text-transform: none;
}
.main-price-group-target .main-price-group__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  margin: 24px auto 46px;
  width: 85%;
}
.main-price-group.main-price-group-target .h1 {
  margin-bottom: 0;
}
.main-price-group-target .main-price-group-main-head .main-price-item {
  padding-bottom: 19px;
}
.main-price-group-target
  .main-price-group-main
  .main-price-item:not(.main-price-item:first-child) {
  font-weight: 700;
}
.main-price-group-target .main-price-price {
  padding-top: 30px;
}
.main-price-group-target .price-col {
  font-size: 24px;
  margin-left: 4px;
}
.main-price-group-target .main-price-plus .main-price-item {
  padding-bottom: 29px;
  padding-top: 10px;
}
.main-price-group-target .main-price-btn .main-price-item {
  padding-top: 50px;
}
.main-price-group-target .main-price-btn .btn-gradient {
  font-size: 12px;
  line-height: 12px;
  font-weight: 300;
  padding: 14px 80px 12px;
  letter-spacing: 0.18em;
}
.main-price-group-target .rub {
  font-family: "PT Sans", sans-serif;
}
.trust-wrap-target .g-photo-card {
  filter: grayscale(1);
}
.trust-wrap-target .g-photo-card:hover {
  filter: grayscale(0);
}
.trust-wrap-target .trust-btn-wrap a {
  font-weight: 500;
  background: #1c1d34;
  color: #ffffff;
}
.trust-wrap-target .trust-btn-wrap a:hover {
  border: 1px solid #010101;
  color: #010101;
  background: transparent;
}
.trust-wrap-target .trust-wrap__title {
  text-align: left;
}

.audit-block {
  background: linear-gradient(215.47deg, #06cfb5 4.46%, rgba(0, 0, 0, 0) 77.19%),
    linear-gradient(180deg, #6f15b2 0%, #1e1f3d 100%);
  padding: 41px 0;
  color: #fff;
}
.audit-block__content {
  position: relative;
  max-width: 1106px;
  margin: 0 auto;
}
.audit-block__btn a {
  font-weight: 500;
  border: 1px solid #ffffff;
  font-weight: 550;
  font-size: 10px;
  line-height: 12px;
  color: #ffffff;
  padding: 12px 53px;
}
.audit-block__flex {
  padding: 32px 0 32px 98px;
  display: flex;
}
.audit-block__info {
  max-width: 550px;
}
.audit-block__title {
  font-weight: 700;
  font-size: 24.0791px;
  line-height: 29px;
  text-transform: uppercase;
  max-width: 90%;
}
.audit-block__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  margin-top: 19px;
  margin-bottom: 35px;
}
.audit-block__image {
  position: absolute;
  right: -35px;
  bottom: -30px;
}

/* Команда  */
.stage-team {
  padding-top: 54px;
  padding-bottom: 83px;
  position: relative;
}
@media (max-width: 1170px) {
  .stage-team {
    padding-top: 55px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .stage-team {
    padding-top: 30px;
    padding-bottom: 60px;
  }
}
.stage-team__heading {
  position: relative;
  z-index: 1;
  font-weight: 700;
  font-size: 28px;
  line-height: 30px;
}
@media (max-width: 1000px) {
  .stage-team__heading {
    max-width: 60%;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .stage-team__heading {
    max-width: 100%;
  }
}
.stage-team__grid {
  display: flex;
  max-width: 920px;
  margin: 0 auto;
  position: relative;
  margin-top: -89px;
}
.stage-team__blocks {
  display: flex;
  flex-wrap: wrap;
}
.stage-team__acroweb,
.stage-team__client {
  width: 50%;
}
@media (max-width: 1000px) {
  .stage-team__grid {
    flex-direction: column;
  }
  .stage-team__acroweb,
  .stage-team__client {
    width: 100%;
  }
  .stage-team__acroweb {
    order: 2;
  }
  .stage-team__client {
    order: 1;
  }
}

.stage-team__grid-decor {
  position: absolute;
  right: 37px;
  top: 20px;
  bottom: -6px;
  width: 14%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjI1NCIgdmlld0JveD0iMCAwIDEyNiAyNTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00IDI1NFYzNEM0IDE3LjQzMTUgMTcuNDMxNSA0IDM0IDRIMTI1LjM0NSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfNzE4XzU2OCkiIHN0cm9rZS13aWR0aD0iNyIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzcxOF81NjgiIHgxPSI5LjExNjk2IiB5MT0iMjQ3LjE0MiIgeDI9IjI5Ni4yMjUiIHkyPSItMTI2LjQyNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRURFREVEIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBDQzRCNSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: left top;
  z-index: 1;
  height: 162px;
}
@media (max-width: 1000px) {
  .stage-team__grid-decor {
    display: none;
  }
}
.stage-team__grid-decor::before,
.stage-team__grid-decor::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border: 5px transparent solid;
  border-radius: 50%;
  background-color: #fff;
}
.stage-team__grid-decor::before {
  right: 0;
  top: 4px;
  border-color: #0cc4b5;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.stage-team__grid-decor::after {
  left: 4px;
  bottom: 0;
  border-color: #b9b9b9;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.stage-team__grid-heading {
  font-weight: 700;
  font-size: 29px;
  line-height: 50px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 1000px) {
  .stage-team__grid-heading {
    font-size: 40px;
  }
}
.stage-team__grid-heading--client {
  color: #0cc4b5;
  min-height: auto;
}
@media (max-width: 1000px) {
  .stage-team__grid-heading--client {
    min-height: 0;
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .stage-team__grid-heading--client {
    grid-column: span 2;
  }
}
@media (max-width: 400px) {
  .stage-team__grid-heading--client {
    grid-column: span 1;
  }
}
.stage-team__grid-heading--acroweb {
  color: #d2d2d2;
  position: relative;
  padding-top: 132px;
}
@media (max-width: 1000px) {
  .stage-team__grid-heading--acroweb {
    padding-top: 30px;
    min-height: 0;
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .stage-team__grid-heading--acroweb {
    grid-column: span 2;
  }
}
@media (max-width: 400px) {
  .stage-team__grid-heading--acroweb {
    grid-column: span 1;
  }
}
.stage-team__grid-legend {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
  bottom: 9px;
  right: 30%;
}
@media (max-width: 1000px) {
  .stage-team__grid-legend {
    padding-left: 17px;
    padding-top: 15px;
    padding-bottom: 15px;
    bottom: -1px;
    right: 40%;
  }
}
.stage-team__grid-legend-item {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #1c1d34;
}
.stage-team__grid-legend-item:not(:last-child) {
  margin-bottom: 19px;
}
@media (max-width: 1000px) {
  .stage-team__grid-legend-item {
    font-size: 16px;
  }
}
.stage-team__grid-legend-icon {
  display: block;
  margin-right: 13px;
}
.stage-team__grid-legend-icon path {
  stroke: #af75e4;
}
.stage-team__grid-legend-item:first-child path {
  fill: #383951;
  stroke: transparent;
}

.team-card {
  background: rgb(255 255 255 / 90%);
  box-shadow: 0px 3px 91px -36px rgb(7 207 181 / 90%);
  padding: 20px 23px 17px 24px;
  font-size: 16px;
  line-height: 18px;
  color: #010101;
  color: #000;
  min-height: 115px;
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 209px;
  margin-right: 12px;
  margin-bottom: 12px;
}
@media (max-width: 1170px) {
  .team-card {
    font-size: 16px;
  }
}
@media (max-width: 1170px) {
  .team-card {
    padding: 15px 17px 10px 17px;
  }
}
@media (max-width: 1000px) {
  .team-card--acroweb3 {
    margin-right: 12px;
  }
}
.team-card__icon {
  display: block;
  width: 57px;
  height: 57px;
  margin-bottom: 8px;
  background: linear-gradient(163.53deg, #53b3e5 20.6%, #1b61ba 88.59%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -7px;
  left: -9px;
}
.team-card__icon:not(.team-card__icon_required) path {
  fill: #383951;
}
.team-card__icon svg {
  position: relative;
  z-index: 3;
}
.team-card__icon::after {
  content: "";
  position: absolute;
  background: linear-gradient(163.53deg, #53b3e5 20.6%, #1b61ba 88.59%);
  transform: rotate(21.78deg);
  width: 55px;
  height: 55px;
  left: -1px;
  top: 1px;
  border-radius: 50%;
  box-shadow: 0 1px 0 0 rgb(86 183 230 / 25%), 0 -1px 0 0 rgb(86 183 230 / 25%),
    1px 0 0 0 rgb(86 183 230 / 25%), -1px 0 0 0 rgb(86 183 230 / 25%),
    1px -1px 0 0 rgb(20 142 209 / 50%), -1px 1px 0 0 rgb(20 142 209 / 50%),
    1px 1px 0 0 rgb(20 142 209 / 75%), -1px -1px 0 0 rgb(20 142 209 / 75%);
  z-index: 2;
}
.team-card--client {
  background: linear-gradient(
    317.49deg,
    rgb(105 29 177 / 40%) -8.86%,
    rgb(13 195 181 / 40%) 87.03%
  );
  box-shadow: 0px 4px 97px -29px rgb(81 6 136 / 40%);
}
.team-card--client .team-card__icon {
  color: rgba(0, 0, 0, 0.6);
}
.team-card--acroweb3 {
  margin-right: 0;
}
.team-card--acroweb5 {
  margin-right: 0;
}
.team-card_empty {
  background: transparent;
  box-shadow: none;
}
.stage-team__top {
  padding-bottom: 80px;
}
.team-counts {
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-count-item {
  width: 332px;
  border-left: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.team-count-item:last-child {
  border-right: 1px solid #e0e0e0;
}
.team-count-item__num {
  font-weight: 700;
  font-size: 64px;
  line-height: 100px;
  text-transform: uppercase;
  text-align: center;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(180deg, #6e14b1 0%, #06cfb5 72%);
}
.team-count-item__name {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: #010101;
  margin-top: -13px;
  display: block;
}

.target-portfolio .portfolio {
  padding: 51px 0 29px;
}

.target__how-work {
  background: #efefef;
  padding: 69px 0 65px;
}
.target__how-work .h1 {
  margin-bottom: 29px;
}
.target__how-work__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #383951;
  margin: 0 auto;
  max-width: 80%;
  padding-bottom: 100px;
}
.target__how-work .how-work__item::after {
  color: #ffffff;
}
.target__how-work .how-work__item {
  cursor: pointer;
  transition: 0.4s;
}
.target__how-work .how-work__item:hover figure img {
  filter: brightness(0.5);
}

.diploma-block {
  padding: 64px 0 103px;
}
.diploma-block .h1 {
  margin-bottom: 58px;
}
.diplomas__swiper {
  padding-left: 63px;
}
.diplomas__swiper-link {
  display: block;
  height: 100%;
  width: 100%;
  border: 5px solid;
  border-image: linear-gradient(180deg, #8321cc 0%, #21e7cd 100%);
  border-image-slice: 1;
}
.diplomas__swiper-link img {
  width: 100%;
  height: 100%;
}
.diplomas__swiper-slide {
  display: flex;
  align-items: center;
  height: 465px;
}
.diplomas__swiper-slide .diplomas__swiper-link {
  opacity: 0.4;
  height: 385px;
  width: 267px;
  margin-right: 60px;
  transition: ease-in-out 0.4s;
}
.diplomas__swiper-slide.swiper-slide-active .diplomas__swiper-link {
  opacity: 1;
  transform: scale(1.2);
}
.diplomas__swiper-navigation-next,
.diplomas__swiper-navigation-prev {
  background: transparent;
  border: none;
}
.diplomas__swiper-navigation-next img,
.diplomas__swiper-navigation-prev img {
  transition: ease 0.4s;
}
.diplomas__swiper-navigation-next:hover img,
.diplomas__swiper-navigation-prev:hover img {
  filter: brightness(0.5);
}
.diplomas__swiper-navigation-next {
  transform: rotate(-180deg);
}
.diplomas__swiper-navigation {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 20;
}
.diplomas__swiper .swiper-wrapper {
  align-items: center;
}
.diploma-block .container {
  position: relative;
}
.swiper-pagination.diplomas__pagination {
  bottom: -58px;
}
.diplomas__pagination.swiper-pagination .swiper-pagination-bullet {
  position: relative;
  background: #dadada;
  width: 7px;
  height: 7px;
  opacity: 1;
}
.diplomas__pagination.swiper-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
}
.diplomas__pagination
  .swiper-pagination-bullet.swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  background: #fff;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.target__tariff {
  background: #efefef;
  padding: 72px 0 69px;
}
.target__tariff .tariff__item {
  height: 405px;
  padding: 43px 41px 41px;
}
.target__tariff .h1 {
  color: #010101;
  margin-bottom: 50px;
}
.target__tariff .tariff__price {
  text-decoration: none;
}
.target__tariff .tariff__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #1c1d34;
  text-align: center;
  margin: 35px auto 0;
  max-width: 277px;
}
.target__tariff .tariff__name {
  min-height: 34px;
}
.target__tariff a {
  background: linear-gradient(90deg, #010101 0%, #010101 100%);
  font-size: 12px;
  font-weight: 500;
}
.target__tariff a:hover {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
  border: 1px solid #fff;
}
.target__about-section .container {
  padding: 104px 0 84px;
  min-height: auto;
}
.target__about-section .title-section {
  text-align: left;
  margin-bottom: 23px;
}
.target__about-section .about-section__content {
  padding: 0;
  max-width: 1015px;
  margin: 0 auto;
  color: #606060;
}
.target__about-section:after {
  background-image: url(/local/templates/acroweb/img/target-reklam/bg-about-target.png) !important;
}

.feedback-new {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
  padding-top: 72px;
}
.feedback-new__content {
  display: flex;
  max-width: 1070px;
  margin: 0 auto;
}
.feedback-new__info {
  padding-top: 105px;
  color: #fff;
  max-width: 448px;
  margin-right: 110px;
}
.feedback-new__title {
  font-weight: 700;
  font-size: 46px;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.feedback-new__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}
.feedback-new__form-wrapper {
  position: relative;
}
.feedback-new-form {
  position: absolute;
  top: 99px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
}
.feedback-new-form__title {
  color: #6228b1;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  text-align: center;
}
.feedback-new-form__title-large {
  font-size: 28px;
}
.feedback-new-form__title-black {
  color: #1c1d34;
}
.feedback-new-form__inputs {
  padding-top: 48px;
}
.feedback-new-form .form-control:not(.form-control:last-child) {
  margin-bottom: 34px;
}
.feedback-new-form .submit-btn-wrap {
  padding: 0;
  margin-right: 7px;
}
.feedback-new-form .social-link {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(90deg, #a9a9a9 0%, #a9a9a9 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.feedback-new-form .social-link img {
  margin-left: -3px;
}
.feedback-new-form .social-link:hover {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
  transition: 0.4s;
}
.feedback-new-form__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 48px;
}
.feedback-new-form .form-checkbox {
  padding-top: 20px;
}
.feedback-new-form .btn-gradient {
  width: 250px;
  height: 46px;
  max-width: 100%;
  font-size: 12px;
  font-weight: 500;
}
.feedback-new-form__title-second {
  font-weight: 700;
  font-size: 23px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
  color: #1c1d34;
  margin-top: -28px;
}
.feedback-new__step.hide {
  display: none;
}
.feedback-new__step_1.hide {
  display: none;
}
.feedback-new__step_1 .feedback-new-form__title {
  padding-top: 67px;
}
.feedback-new__step_1 .feedback-new-form__title-large {
  font-size: 20px;
}
.target-questions-wrap {
  padding-bottom: 66px;
}
.main-price-whole {
  display: none;
}
.feedback-new-form .form-control.error {
  margin-bottom: 0 !important;
}

@media (max-width: 1780px) {
  .target__about-section .about-section__content {
    padding-left: 199px;
  }
}
@media (max-width: 1230px) {
  .target__about-section .about-section__content {
    padding: 0 0 0 327px;
  }
  .diplomas__swiper-slide .diplomas__swiper-link {
    height: 320px;
  }
}
@media (max-width: 1199px) {
  .main-price-group-target .main-price-btn .btn-gradient {
    padding: 14px 59px 12px;
  }
  .audit-block__image {
    max-width: 60%;
    bottom: 19px;
  }
  .audit-block__image img {
    width: 100%;
    height: 100%;
  }
  .audit-block__info {
    max-width: 390px;
  }
  .stage-team__grid {
    margin-top: 0;
  }
  .diplomas__swiper-slide {
    height: 322px;
  }
  .diplomas__swiper-slide .diplomas__swiper-link {
    height: 258px;
  }
  .diplomas__swiper-navigation {
    top: 57%;
  }
  .feedback-new-form {
    top: 38px;
    width: 80%;
  }
  .feedback-new-form__buttons {
    padding-top: 35px;
    justify-content: center;
  }
  .feedback-new-form .btn-gradient {
    width: 208px;
  }
  .feedback-new-form .form-control:not(.form-control:last-child) {
    margin-bottom: 20px;
  }
  .feedback-new__step_1 .feedback-new-form__title {
    padding-top: 35px;
  }
  .feedback-new-form__title-second {
    margin-top: 0;
  }
  .feedback-new-form__inputs {
    padding-top: 5px;
  }
  .feedback-new-form .form-checkbox {
    padding-top: 5px;
  }
  .feedback-new__info {
    padding-top: 30px;
  }
  .target__tariff .tariff__item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  .main-price-group-target .main-price-btn .btn-gradient {
    padding: 14px 36px 12px;
  }
  .audit-block__flex {
    padding-left: 36px;
  }
  .audit-block__image {
    max-width: 54%;
    bottom: 100px;
  }
  .diplomas__swiper-slide .diplomas__swiper-link {
    margin-right: 0;
  }
  .diplomas__swiper {
    padding-left: 27px;
  }
  .diplomas__swiper-navigation {
    top: 57%;
    left: 0;
    width: 104%;
  }
  .swiper-pagination.diplomas__pagination {
    bottom: -26px;
  }
  .target__about-section:after {
    background-image: none !important;
  }
  .target__about-section .about-section__content {
    padding: 0;
  }
  .target__about-section .container {
    padding: 64px 0 34px;
  }
  .feedback-new__info {
    padding-top: 0;
    margin-right: 0px;
    max-width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    text-align: center;
  }
  .feedback-new__content {
    flex-direction: column;
  }
  .feedback-new__form-wrapper img {
    width: 100%;
    height: 100%;
  }
  .feedback-new__form-wrapper {
    position: absolute;
    bottom: -124px;
    left: 26%;
  }
  .feedback-new {
    position: relative;
    padding-bottom: 400px;
    overflow: hidden;
  }
  .feedback-new-form .social-link img {
    height: auto;
    width: auto;
  }
  .feedback-new-form {
    top: 50px;
  }
  .target__tariff .tariff__name {
    min-height: auto;
  }
}
@media (max-width: 800px) {
  .feedback-new__form-wrapper {
    left: 20%;
  }
  .diplomas__swiper {
    max-width: 600px;
    padding-left: 0;
  }
  .diplomas__swiper-navigation {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 767px) {
  .serv-block__subtitle {
    width: 100%;
  }
  .serv-list {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
  }
  .target-main-group .otchet-main-text {
    flex-basis: 100%;
  }
  .target-main-group .otchet-main {
    padding-left: 0;
    padding-top: 34px;
    padding-bottom: 40px;
  }
  .audit-block__image {
    display: none;
  }
  .audit-block__info {
    max-width: 100%;
  }
  .team-card {
    width: 100%;
  }
  .stage-team__blocks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .stage-team__grid-legend {
    position: initial;
    order: 3;
  }
  .target__how-work__text {
    max-width: 100%;
  }
  .diplomas__swiper {
    max-width: 100%;
    padding-left: 27px;
  }
  .diplomas__swiper-slide .diplomas__swiper-link {
    height: auto;
  }
  .diplomas__swiper-slide {
    height: 385px;
  }
  .diplomas__swiper-navigation {
    left: -23px;
    width: 108%;
  }
  .target__tariff .tariff__text {
    max-width: 100%;
  }
  .logotip-banner-target {
    background-position: 59%;
  }
  .main-price-whole {
    display: block;
    padding-top: 25px;
  }
  .main-price-group-target.main-price-group {
    display: block;
  }
  .main-price-group-target .main-price-price,
  .main-price-group-target .main-price-plus,
  .main-price-group-target .main-price-paket,
  .main-price-group-target .main-price-btn {
    display: none !important;
  }
  .main-price-whole__atributes {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .main-price-whole__item {
    border-bottom: 1px solid #2b9bb1;
    padding: 15px 0;
  }
  .main-price-whole__price {
    color: #07cfb5;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2em;
  }
  .main-price-whole__price .price-col {
    color: #07cfb5;
  }
  .main-price-whole .main-price-item {
    color: #07cfb5;
    font-size: 13px;
    line-height: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    min-width: 29%;
  }
  .main-price-whole__title.h2 {
    margin-bottom: 0;
  }
  .main-price-whole .main-price-item .btn-gradient {
    padding-left: 35px;
    padding-right: 35px;
    font-size: 12px;
  }
  .main-price-group-target .main-price-group-main .main-price-item {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .main-price-group-target .main-price-group__text {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .feedback-new__form-wrapper {
    left: 12%;
  }
}
@media (max-width: 576px) {
  .diplomas__swiper-slide .diplomas__swiper-link {
    width: 100%;
    position: relative;
  }
  .diplomas__swiper-link img {
    position: absolute;
  }
  .diplomas__swiper-link::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 130%;
  }
  .diplomas__swiper-slide {
    height: auto;
  }
  .diplomas__swiper-slide.swiper-slide-active .diplomas__swiper-link {
    transform: scale(1);
  }
  .diplomas__swiper-navigation {
    left: 34px;
    top: 80px;
    width: auto;
  }
  .target__about-section .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .feedback-new__form-wrapper {
    left: 6%;
  }
  .target__how-work {
    padding-bottom: 0;
  }
  .experience-cases__list {
    padding-left: 0;
  }
  .experience-cases__heading {
    padding-left: 0;
  }
  .logotip-banner-target .container {
    padding-bottom: 30px;
  }
  .serv-block .title-section {
    line-height: 1.2;
  }
}
@media (max-width: 550px) {
  .feedback-new__form-wrapper {
    left: 4%;
    bottom: -93px;
  }
}
@media (max-width: 500px) {
  .feedback-new__form-wrapper {
    left: 0;
  }
}
@media (max-width: 450px) {
  .serv-list {
    grid-template-columns: 1fr;
  }
  .serv-block {
    padding-bottom: 50px;
  }
  .stage-team__blocks {
    grid-template-columns: 1fr;
  }
  .feedback-new__form-wrapper {
    left: 0;
    bottom: -50px;
  }
  .feedback-new__form-wrapper {
    position: initial;
    background: #fff;
    padding: 20px;
  }
  .feedback-new-form {
    width: 100%;
    position: initial;
    transform: none;
  }
  .feedback-new__title {
    font-size: 38px;
    line-height: 1.2;
  }
  .feedback-new__form-wrapper > img {
    display: none;
  }
  .feedback-new {
    padding-bottom: 50px;
  }
  .main-price-whole .main-price-item .btn-gradient {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 400px) {
  .experience-cases__description {
    margin-top: 0;
    padding-left: 0;
  }
  .work-stages .title-section {
    margin-bottom: 30px;
  }
  .diplomas__swiper-navigation {
    position: initial;
    margin-bottom: 20px;
    justify-content: flex-start;
  }
  .diploma-block .h1 {
    margin-bottom: 30px;
  }
  .main-price-group-target .main-price-group-main .main-price-item:first-child {
    min-width: 37%;
  }
  .main-price-group-target
    .main-price-group-main
    .main-price-item:not(.main-price-item:first-child) {
    min-width: 20%;
  }
  .main-price-group-target .main-price-group-main-head .h2 {
    font-size: 14px;
  }
}
@media (max-width: 360px) {
  .feedback-new-form .btn-gradient {
    width: 190px;
  }
  .team-counts {
    flex-direction: column;
  }
  .team-count-item {
    border: none;
    width: 100%;
  }
  .team-count-item:last-child {
    border: none;
  }
}

/* Внедрение Битрикс24 */
.logotip-banner-bitrix24__callback {
  padding-top: 14px;
}
.logotip-banner-bitrix24__callback .btn-grad-line {
  background-size: contain;
  color: #010101;
}
.logotip-banner-bitrix24__callback span {
  padding: 8px 25px 6px 33px;
  font-size: 12px;
  line-height: 12px;
}
.logotip-banner-bitrix24__callback .btn-grad-line:hover {
  color: #fff;
  transition: none;
}
.logotip-banner-bitrix24 .container {
  min-height: auto;
  padding-bottom: 169px;
}
.landing-help.landing-help-bitrix24 {
  background: #e8e8e8;
  padding: 78px 0;
  margin: 0;
}
.landing-help-bitrix24 .landing-help-item:before {
  display: none;
}
.landing-help-bitrix24 p {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  text-transform: none;
}
.landing-help-bitrix24 .landing-help-item {
  padding: 0;
}
.landing-help-bitrix24 .landing-help-item .h2 {
  min-height: 70px;
}
.landing-help-bitrix24 .landing-help-group {
  padding-top: 38px;
}

.benefit-transfer-bitrix24 {
  padding: 68px 0 86px;
  background: #f6f6f6;
}
.benefit-transfer-bitrix24 .benefit-transfer__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 21px;
}
.benefit-transfer-bitrix24 .benefit-transfer__item {
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: transparent;
  min-height: 84px;
}
.benefit-transfer-bitrix24 .benefit-transfer__item:hover {
  background: linear-gradient(
    90deg,
    rgb(110 20 177 / 10%) 0%,
    rgb(6 207 181 / 10%) 100%
  );
}
.benefit-transfer-bitrix24 .benefit-transfer__item:nth-child(even) {
  padding: 0;
}
.benefit-transfer-bitrix24 .benefit-transfer__card {
  padding: 10px 22px 14px 25px;
  height: 100%;
}
.benefit-transfer-bitrix24 .title-section {
  margin-bottom: 50px;
  font-size: 28px;
}
.benefit-transfer-bitrix24 .card-benefit-transfer:after {
  top: 10px;
  bottom: 10px;
}

.promotion-stage-site.bitrix24-stage-site {
  padding: 70px 0 0px;
}
.bitrix24-stage-site .promotion-stage-site-item figure:before {
  background: url(/local/templates/acroweb/img/arrow-light-green.svg) no-repeat;
}
.bitrix24-stage-site .promotion-stage-head {
  font-size: 16px;
  color: #1c1d34;
}
.promotion-stage-site.bitrix24-stage-site .h2 {
  margin-bottom: 40px;
}

.bitrix24-tariff {
  padding: 69px 0 36px;
  background: #efefef;
}
.bitrix24-tariff .h1 {
  color: #010101;
}
.bitrix24-tariff .tariff__item {
  padding: 43px 41px 41px;
  height: auto;
}
.bitrix24-tariff .tariff__price {
  text-decoration: none;
}
.bitrix24-tariff .tariff__btn {
  background: linear-gradient(90deg, #1c1d34 0%, #1c1d34 100%);
}
.bitrix24-tariff .tariff__btn:hover {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
  color: #fff;
  border: 1px solid #fff;
}
.bitrix24-tariff .tariff__list {
  padding-top: 35px;
  padding-left: 0;
}
.bitrix24-tariff .tariff__li {
  padding-left: 29px;
  margin-bottom: 7px;
}
.bitrix24-tariff .tariff__li::before {
  content: "";
  position: absolute;
  left: 0;
  background: url(/local/templates/acroweb/img/checkmark-ic.svg) no-repeat;
  width: 19px;
  height: 19px;
}

.gradient-filters {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 3px;
}
.gradient-filters__item {
  border-radius: 47.1429px;
  background: linear-gradient(180deg, #8321cc 0%, #21e7cd 100%);
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
}
.our-competency {
  background: #efefef;
  padding: 52px 0 58px;
}
.our-competency .h2 {
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 40px;
}
.our-competency__gradient-filters {
  padding-bottom: 47px;
}
.certif-content {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
.certif-content__item {
  width: 100%;
  height: 327px;
  display: block;
  position: relative;
}
.certif-content__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.price-bitrix {
  background: linear-gradient(319deg, #06cfb5 4.46%, rgba(0, 0, 0, 0) 77.19%),
    linear-gradient(323deg, #6f15b2 0%, #1e1f3d 100%);
  padding: 70px 0 75px;
}
.price-bitrix .h2 {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 45px;
}
.price-bitrix__tabs {
  display: flex;
}
.price-tab {
  background: linear-gradient(
    215.47deg,
    rgb(7 207 181 / 60%) 4.46%,
    rgb(0 129 112 / 0%) 77.19%
  );
  font-weight: 800;
  font-size: 18px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ffffff;
  padding: 28px 0 27px;
  width: 50%;
  border: none;
}
.price-tab.active {
  background: #07cfb5;
}
.price-bitrix__content {
  display: none;
}
.price-bitrix__content.active {
  display: block;
}
.tariff-item {
  color: #fff;
}
.tariff-item__icon {
  width: 69px;
  height: 69px;
  margin: 0 auto;
}
.tariff-item__icon img {
  height: 100%;
}
.tariff-item__title {
  font-weight: 800;
  font-size: 18px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 25px 0 10px;
}
.tariff-item__desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #e8e8e8;
  min-height: 51px;
}
.tariff-item__users {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  margin-top: 36px;
  padding: 16px 24px 17px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid transparent;
  border-image: linear-gradient(
    310.06deg,
    rgba(255, 255, 255, 0) -3.74%,
    rgba(255, 255, 255, 0.56) 36.01%,
    rgba(255, 255, 255, 0.15) 92.87%
  );
  border-image-slice: 1;
  min-height: 93px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.tariff-item__users-size {
  font-size: 18px;
  line-height: 20px;
  margin-top: 5px;
}
.price-bitrix__tariff-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 8px;
}
.tariff-item__cost {
  text-align: center;
  padding: 28px 0 37px;
  font-weight: 700;
  font-size: 24px;
  line-height: 20px;
  text-transform: uppercase;
}
.tariff-item__cost-value {
  margin-bottom: 27px;
}
.tariff-item__cost .btn-gradient {
  width: 186px;
}
.tariff-item__head {
  position: relative;
}
.tariff-item__body {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid transparent;
  border-image: linear-gradient(
    217deg,
    rgba(255, 255, 255, 0) 7.83%,
    rgba(255, 255, 255, 0.53) 56.14%,
    rgba(255, 255, 255, 0) 92.87%
  );
  border-image-slice: 1;
  padding: 29px 18px 26px 21px;
}
.tariff-item__service {
  font-size: 16px;
  line-height: 18px;
}
.tariff-item__name {
  font-weight: 700;
  display: flex;
  margin-bottom: 13px;
  position: relative;
}
.tariff-item__service:last-child .tariff-item__name {
  margin-bottom: 0;
}
.tariff-item__name > span {
  margin-right: 14px;
}
.tariff-item__mode {
  border: 1px solid #ffffff;
  border-radius: 11px;
  width: 42px;
  height: 15px;
  display: flex;
  align-items: center;
  padding: 2px;
}
.tariff-item__mode span {
  display: block;
  min-width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #ffffff;
  margin-right: 2px;
}
.tariff-item__mode span:last-child {
  margin-right: 0;
}
.tariff-item__list {
  padding-left: 10px;
}
.tariff-item__list li {
  list-style: none;
  margin-bottom: 11px;
}
.tariff-item__list li:last-child {
  margin-bottom: 0;
}
.price-bitrix__container {
  padding-top: 53px;
}
.tariff-item__label {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
  width: 58px;
  height: 23px;
  font-weight: 700;
  font-size: 12px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: -5px;
}
.price-bitrix__box-content {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid transparent;
  border-image: linear-gradient(
    310.06deg,
    rgba(255, 255, 255, 0) 7.83%,
    rgba(255, 255, 255, 0.53) 56.14%,
    rgba(255, 255, 255, 0) 92.87%
  );
  border-image-slice: 1;
  padding: 17px 150px 54px;
  color: #fff;
}
.price-bitrix__box-image {
  width: 140px;
  height: 138px;
  margin: 0 auto;
}
.price-bitrix__box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.price-bitrix__box-content .h2 {
  margin: 15px 0 10px;
  font-size: 18px;
}
.price-bitrix__box-list {
  font-size: 14px;
  line-height: 20px;
  color: #e8e8e8;
  padding-bottom: 29px;
  width: 350px;
  margin: 0 auto;
}
.price-bitrix__box-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 13px;
}
.price-bitrix__box-item:last-child {
  margin-bottom: 0;
}
.price-bitrix__box-price {
  font-weight: 700;
  padding: 0 20px 0 21px;
  width: 130px;
}
.price-bitrix__box-name {
  width: 570px;
}
.price-bitrix__box-btn {
  font-size: 12px;
  line-height: 12px;
  padding: 10px 38px 8px;
}

.trust-wrap-bitrix24 .trust-wrap__title {
  text-align: left;
}
.trust-wrap-bitrix24 .g-photo-card {
  filter: grayscale(1);
}
.trust-wrap-bitrix24 .g-photo-card:hover {
  filter: grayscale(0);
}
.trust-wrap-bitrix24 .trust-btn-wrap a {
  font-weight: 500;
  background: #1c1d34;
  color: #ffffff;
}
.trust-wrap-bitrix24 .trust-btn-wrap a:hover {
  border: 1px solid #010101;
  color: #010101;
  background: transparent;
}

.request-section {
  background: #efefef;
  padding: 97px 0 88px;
}
.request-section__content {
  display: flex;
}
.request-section__info {
  width: 44%;
  margin-right: 70px;
}
.request-section .h2 {
  font-weight: 400;
  margin-bottom: 16px;
  font-size: 25px;
  letter-spacing: 0.115em;
  line-height: 30px;
}
.request-section__desc {
  font-size: 16px;
  line-height: 18px;
  color: #606060;
  margin-bottom: 30px;
}
.request-section__some-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
.request-section__list {
  padding-top: 35px;
  padding-left: 0;
}
.request-section__list-item {
  display: flex;
  margin-bottom: 45px;
}
.request-section__list-item:last-child {
  margin-bottom: 0;
}
.request-section__number {
  font-weight: 700;
  font-size: 64px;
  line-height: 44px;
  text-transform: uppercase;
  color: #383951;
  margin-right: 15px;
}
.request-section__step-title {
  font-weight: 800;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #010101;
  margin-bottom: 8px;
}
.request-section__step-desc {
  font-weight: 250;
  font-size: 14px;
  line-height: 20px;
  color: #1c1d34;
}
.request-section__form {
  background: #ffffff;
  box-shadow: 0px 4px 81px -44px rgba(67, 52, 78, 0.8);
  padding: 90px 92px 63px;
  position: relative;
  z-index: 2;
}
.request-section__form-wrapper {
  position: relative;
  width: 50%;
}
.request-section__form-wrapper:after {
  content: "";
  display: block;
  width: 242px;
  height: 230px;
  position: absolute;
  top: 30px;
  background: url(/local/templates/acroweb/img/bg/feedback-wrap-right.svg)
    no-repeat;
  background-size: cover;
  right: -172px;
  z-index: 1;
}
.request-section__form:before {
  content: "";
  display: block;
  width: 110px;
  height: 196px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  background: url(/local/templates/acroweb/img/bg/feedback-wrap-left.svg)
    no-repeat;
  background-size: cover;
  left: -54px;
}
.request-section__item {
  margin-bottom: 40px;
}
.request-section__checkbox {
  margin-top: -20px;
}
.request-section__item textarea.form-control {
  height: 41px;
}
.request-section .btn-gradient {
  max-width: 188px;
  height: 34px;
}
@media (max-width: 1600px) {
  .request-section__content {
    justify-content: center;
  }
  .request-section__form-wrapper {
    width: 42%;
  }
  .request-section__info {
    width: 34%;
    margin-right: 35px;
  }
  .request-section__form-wrapper:after {
    width: 213px;
    height: 227px;
    right: -148px;
  }
  .trust-wrap-bitrix24 {
    overflow-x: hidden;
  }
}
@media (max-width: 1240px) {
  .certif-content__item {
    height: auto;
  }
  .certif-content__item::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%;
  }
  .certif-content__item img {
    position: absolute;
  }
  .logotip-banner-bitrix24 {
    background-position: 78% 50%;
  }
}
@media (max-width: 1199px) {
  .price-bitrix__box-content {
    padding: 17px 9px 54px;
  }
  .price-bitrix__box-btn {
    padding: 10px 24px 8px;
  }
  .request-section__content {
    flex-direction: column;
  }
  .request-section__info {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .request-section__form-wrapper {
    width: 80%;
    margin: 0 auto;
  }
  .price-bitrix__tariff-content {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
  }
  .request-section__form-wrapper:after {
    width: 201px;
    right: -138px;
  }
  .request-section__form-wrapper {
    width: 66%;
  }
  .request-section__form {
    padding: 72px 58px 35px;
  }
  .gradient-filters__item img {
    max-width: 90%;
  }
}
@media (max-width: 991px) {
  .logotip-banner-bitrix24 {
    background-position: 68% 50%;
  }
  .scroll-slider .col-sm-6 {
    flex: none;
  }
  .bitrix24-tariff .tariff__item {
    min-height: 640px;
  }
  .gradient-filters {
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
  }
  .certif-content {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .benefit-transfer-bitrix24 .benefit-transfer__list {
    grid-template-columns: 1fr 1fr;
  }
  .bitrix24-tariff .tariff__item {
    min-height: auto;
  }
  .price-bitrix__tariff-content {
    grid-template-columns: 1fr 1fr;
  }
  .price-bitrix__box-name {
    width: 100%;
  }
  .price-bitrix__box-price {
    width: auto;
  }
  .price-bitrix__box-item {
    flex-wrap: wrap;
  }
  .price-bitrix__box-item {
    margin-bottom: 20px;
  }
  .request-section__form-wrapper {
    width: 100%;
  }
  .request-section {
    overflow-x: hidden;
  }
}
@media (max-width: 575px) {
  .scroll-slider {
    max-height: 330px;
  }
  .gradient-filters {
    grid-template-columns: repeat(2, 1fr);
  }
  .certif-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 450px) {
  .benefit-transfer-bitrix24 .benefit-transfer__list {
    grid-template-columns: 1fr;
  }
  .price-bitrix__tariff-content {
    grid-template-columns: 1fr;
  }
  .tariff-item__desc {
    min-height: auto;
  }
  .price-bitrix__box-name {
    text-align: center;
    margin-bottom: 10px;
  }
}
@media (max-width: 380px) {
  .logotip-banner-bitrix24 .container {
    padding-bottom: 33px;
  }
  .price-bitrix__box-list {
    width: 100%;
  }
  .request-section__form {
    padding: 36px 20px 36px;
  }
  .request-section__form .form-control {
    font-size: 14px;
  }
  .request-section {
    padding-top: 37px;
    margin-top: 30px;
  }
}

/* Телеграм бот */
.logotip-banner-tg-bot__callback span {
  padding: 12px 28px 10px;
  font-size: 14px;
  color: #e8e8e8;
}
.logotip-banner-tg-bot__callback .btn-grad-line {
  background-size: contain;
}
.logotip-banner-tg-bot .logotip-banner__content {
  max-width: 755px;
}
.logotip-banner-tg-bot .container {
  min-height: auto;
  padding-bottom: 155px;
}
.with-us {
  padding: 43px 0 60px;
}
.with-us .h2 {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.2em;
  margin-bottom: 30px;
}
.with-us__item {
  filter: grayscale(1);
  height: auto;
  position: relative;
}
.with-us__item img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
}
.with-us__item::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.with-us__item:hover {
  filter: grayscale(0);
}
.tg-bot-with-us .team-count-item__name {
  text-align: left;
}
.tg-bot-with-us .team-count-item {
  width: 329px;
  align-items: flex-start;
  padding-left: 20px;
}
.tg-bot-with-us .team-count-item__num {
  text-align: left;
}
.with-us__list {
  padding-bottom: 85px;
}
.service-image {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
  padding: 60px 0 50px;
}
.service-image__wrapper {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid;
  border-image: linear-gradient(
    310.06deg,
    rgba(255, 255, 255, 0) 7.83%,
    rgba(255, 255, 255, 0.53) 56.14%,
    rgba(255, 255, 255, 0) 92.87%
  );
  border-image-slice: 1;
  padding: 44px 0 56px 45px;
  display: flex;
  position: relative;
}
.service-image__left {
  color: #ffffff;
  width: 400px;
}
.service-image__right {
  position: relative;
  width: 65%;
}
.service-image__title {
  font-weight: 700;
  font-size: 24.0791px;
  line-height: 29px;
  text-transform: uppercase;
  margin-bottom: 13px;
  max-width: 310px;
}
.service-image__desc {
  font-weight: 600;
  font-size: 17px;
  line-height: 16px;
  letter-spacing: 0.035em;
  color: #dbbcf9;
}
.service-image__list {
  list-style: none;
  padding-top: 27px;
  padding-left: 0;
}
.service-image__item {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 12px;
  padding-left: 47px;
  position: relative;
}
.service-image__item::before {
  content: "";
  position: absolute;
  background: url(/local/templates/acroweb/img/arrow-green-straight.svg)
    no-repeat;
  width: 27px;
  height: 8px;
  left: 0;
  top: 2px;
}
.service-image__btn {
  padding-top: 22px;
  display: block;
}
.service-image__btn span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.serv-pluses {
  display: flex;
}
.serv-pluses__item {
  background: linear-gradient(
    138.65deg,
    #ffffff 22.04%,
    rgba(250, 250, 250, 0.21) 124.51%
  );
  box-shadow: 0px 4px 101px -43px rgba(81, 6, 136, 0.8);
  backdrop-filter: blur(17.5px);
  padding: 27px 22px 21px 22px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  color: #1c1d34;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  width: 198px;
  z-index: 2;
}
.serv-pluses__item-title {
  margin-bottom: 9px;
}
.service-image__img {
  position: absolute;
  right: 124px;
  top: -137px;
  z-index: 1;
}
.serv-pluses__item:last-child {
  right: 17px;
}
.serv-pluses__item:nth-child(2) {
  right: 107px;
  bottom: -28px;
}
.serv-pluses__item:first-child {
  top: 63px;
  left: 121px;
}
.tg-bot-help-my-group {
  padding-top: 78px;
}
.help-my-group.tg-bot-help-my-group:before {
  left: 10%;
}
.tg-bot-help-my-group .i-help1:before {
  background: url(/local/templates/acroweb/img/tg-bot/info-green-ic.svg)
    no-repeat;
}
.tg-bot-help-my-group .i-help3:before {
  background: url(/local/templates/acroweb/img/tg-bot/task-list-green-ic.svg)
    no-repeat;
}
.tg-bot-help-my-group .i-help4:before {
  background: url(/local/templates/acroweb/img/tg-bot/sale-green-ic.svg)
    no-repeat;
}
.tg-bot-help-my-group .i-help5:before {
  background: url(/local/templates/acroweb/img/tg-bot/mailing-green-ic.svg)
    no-repeat;
}
.tg-bot-help-my-group .i-help6:before {
  background: url(/local/templates/acroweb/img/tg-bot/robot-green-ic.svg)
    no-repeat;
}
.tg-bot-help-my-group .help-my-item {
  padding: 0 0 10px;
  margin-bottom: 0;
}

.why-section {
  padding-top: 74px;
}
.why-section .h2 {
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 18px;
}
.why-section__desc {
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.035em;
  color: #1c1d34;
  max-width: 463px;
  margin: 0 auto;
}
.why-section .container {
  position: relative;
  min-height: 700px;
}
.why-section__image {
  border-radius: 50%;
  width: 237px;
  box-shadow: 20px 23px 95px -43px rgba(83, 179, 229, 0.6);
  margin: 0 auto;
  margin-top: 75px;
}
.why-section__image img {
  height: 100%;
}
.why-item {
  background: rgb(255 255 255 / 90%);
  box-shadow: 0px 4px 101px -43px #07cfb5;
  width: 266px;
  padding: 36px 46px 33px;
  position: absolute;
  cursor: pointer;
  color: #1c1d34;
}
.why-item__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 9px;
}
.why-item:nth-child(1) .why-item__title,
.why-item:nth-child(4) .why-item__title {
  color: #07cfb5;
}
.why-item:nth-child(2) .why-item__title,
.why-item:nth-child(3) .why-item__title {
  color: #6228b1;
}
.why-item:nth-child(2),
.why-item:nth-child(3) {
  box-shadow: 0px 4px 101px -43px rgba(81, 6, 136, 0.8);
}
.why-item__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}
.why-item__icon {
  position: absolute;
  right: -29px;
  top: -39px;
}
.why-item:first-child {
  top: 146px;
}
.why-item:nth-child(2) {
  right: 35px;
  top: 164px;
}
.why-item:nth-child(3) {
  left: 133px;
  bottom: 87px;
}
.why-item:nth-child(4) {
  right: 106px;
  bottom: 66px;
}
.why-item:nth-child(2)::before {
  content: "";
  background: url(/local/templates/acroweb/img/tg-bot/convers-arrow.png)
    no-repeat;
  position: absolute;
  width: 116px;
  height: 84px;
  top: 39px;
  left: -151px;
}
.why-item:nth-child(3)::before {
  content: "";
  background: url(/local/templates/acroweb/img/tg-bot/time-arrow.png) no-repeat;
  position: absolute;
  right: -167px;
  width: 116px;
  height: 84px;
  top: -51px;
}
.why-item:nth-child(4)::before {
  content: "";
  background: url(/local/templates/acroweb/img/tg-bot/users-arrow.png) no-repeat;
  position: absolute;
  width: 116px;
  height: 84px;
  top: -128px;
  left: -71px;
}
.why-item:first-child::before {
  content: "";
  background: url(/local/templates/acroweb/img/tg-bot/mail-arrow.png) no-repeat;
  position: absolute;
  right: -167px;
  width: 116px;
  height: 84px;
  top: -12px;
}
.why-item:hover {
  color: #ffffff;
  transition: 0.4s;
}
.why-item:hover .why-item__title {
  color: #ffffff;
  transition: 0.4s;
}
.why-item:nth-child(1):hover,
.why-item:nth-child(4):hover {
  background: rgb(7 207 181 / 90%);
}
.why-item:nth-child(2):hover,
.why-item:nth-child(3):hover {
  background: rgb(98 40 177 / 90%);
}

.benefit-transfer-tg-bot {
  padding: 67px 0 39px;
}
.benefit-transfer-tg-bot .benefit-transfer__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px 62px;
}
.benefit-transfer-tg-bot .benefit-transfer__item {
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: transparent;
  min-height: 84px;
}
.benefit-transfer-tg-bot .benefit-transfer__card {
  padding: 24px 22px 14px 25px;
  height: 100%;
}
.benefit-transfer-tg-bot
  .benefit-transfer__item:nth-child(odd)
  .benefit-transfer__card {
  color: #fff;
}
.benefit-transfer-tg-bot .benefit-transfer__item:nth-child(odd) {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
}
.benefit-transfer-tg-bot .benefit-transfer__item:nth-child(even) {
  background: #efefef;
}
.benefit-transfer-tg-bot
  .benefit-transfer__item:nth-child(odd)
  .card-benefit-transfer__caption {
  color: #fff;
}
.benefit-transfer-tg-bot .card-benefit-transfer:after {
  left: 10px;
  top: 22px;
}
.benefit-transfer-tg-bot
  .benefit-transfer__item:nth-child(odd)
  .card-benefit-transfer:after {
  background: #af75e4;
}
.benefit-transfer-tg-bot .title-section {
  margin-bottom: 43px;
  font-size: 28px;
}

.table-pluses {
  padding: 85px 0 62px;
}
.table-pluses .h1 {
  margin-bottom: 96px;
  font-size: 28px;
}
.table-pluses .landing-help-item:before {
  display: none;
}
.table-pluses .landing-help-item .h2 {
  min-height: auto;
  width: 79%;
}
.table-pluses__list {
  border: 1px solid #e0e0e0;
  border-bottom: none;
}
.table-pluses .landing-help-item {
  border-bottom: 1px solid #e0e0e0;
  height: 339px;
  padding: 0;
  margin-right: -2px;
}
.table-pluses .landing-help-item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 29px;
  bottom: 0;
  background: #e0e0e0;
  width: 1px;
}
.table-pluses__list > div {
  padding: 0;
}
.landing-help-item__content {
  padding: 0 36px 0 47px;
  margin-top: -30px;
}

.ready-made-solutions {
  padding: 64px 0 68px;
  background: #efefef;
}
.ready-made-solutions .photo-filter__item {
  -webkit-box-flex: initial;
  -ms-flex-positive: initial;
  flex-grow: initial;
  padding: 0 9px;
  margin: 0 0 15px;
}
.ready-made-solutions .photo-filter__card {
  border: 1px solid #ffffff;
}
.ready-made-solutions .photo-filter__name {
  background-color: #efefef;
}
.ready-made-solutions .photo-filter {
  justify-content: center;
}
.ready-made-solutions__content {
  padding-top: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ready-made-solutions .h2 {
  font-weight: 400;
  font-size: 28px;
  margin-bottom: 34px;
}
.ready-made-solutions__left {
  position: relative;
}
.ready-made-solutions__right {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid transparent;
  border-image: linear-gradient(
    236deg,
    rgba(255, 255, 255, 0) 7.83%,
    rgba(255, 255, 255, 0.53) 56.14%,
    rgba(255, 255, 255, 0) 92.87%
  );
  border-image-slice: 1;
  padding: 61px 70px 0 90px;
  height: 482px;
  max-width: 567px;
}
.ready-made-solutions__list {
  padding: 0;
}
.ready-made-solutions__item {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #010101;
  padding-left: 24px;
  margin-bottom: 24px;
  list-style: none;
}
.ready-made-solutions__item::before {
  content: "";
  background: url(/local/templates/acroweb/img/tg-bot/gradient-arrow.svg)
    no-repeat;
  width: 14px;
  height: 14px;
  left: 0;
  position: absolute;
  top: 5px;
}
.ready-made-solutions__image-small {
  width: 157px;
  height: 157px;
  position: absolute;
  top: 46px;
  left: -99px;
}
.ready-made-solutions__image-small img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 2;
}
.ready-made-solutions__image-small::before {
  content: "";
  background: linear-gradient(
    138.65deg,
    #ffffff 22.04%,
    rgba(250, 250, 250, 0.21) 124.51%
  );
  box-shadow: 0px 4px 101px -43px rgba(81, 6, 136, 0.8);
  backdrop-filter: blur(17.5px);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  bottom: 9px;
  left: 11px;
}
.ready-made-solutions__image-big {
  width: 383px;
  height: 551px;
  position: relative;
}
.ready-made-solutions__image-big img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ready-made-solutions__icon {
  background: linear-gradient(
    138.65deg,
    #ffffff 22.04%,
    rgba(250, 250, 250, 0.21) 124.51%
  );
  box-shadow: 0px 4px 101px -43px rgba(81, 6, 136, 0.8);
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 48px;
  right: -51px;
}
.ready-made-solutions__content {
  display: none;
}
.ready-made-solutions__content.active {
  display: flex;
}
.stages-tg-bot .stage-wrap__box {
  max-width: 590px;
  top: -81px;
  right: 0;
}
.stages-tg-bot .title-section {
  margin-bottom: 130px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}

.tg-bot-tariff {
  background: #efefef;
  padding: 64px 0 54px;
}
.tg-bot-tariff .h1 {
  color: #010101;
  margin-bottom: 62px;
}
.tg-bot-tariff .tariff__item {
  padding-left: 40px;
  padding-right: 40px;
  height: 520px;
}
.tg-bot-tariff .tariff__list {
  padding-left: 0;
}
.tg-bot-tariff .tariff__price {
  text-decoration: none;
  padding-bottom: 35px;
}
.tariff__text-single {
  text-align: center;
}
.tg-bot-tariff .tariff__text-single {
  width: 80%;
  margin: 0 auto;
}
.tg-bot-tariff .tariff__box {
  padding-bottom: 0;
}

.tg-bot-audit-block {
  padding: 75px 0;
}
.tg-bot-audit-block .audit-block__flex {
  padding: 25px 0 27px 69px;
}
.tg-bot-audit-block .audit-block__image {
  right: 0;
  bottom: -66px;
  max-width: 500px;
}

@media (max-width: 1440px) {
  .help-my-group.tg-bot-help-my-group:before {
    left: 0;
  }
  .serv-pluses__item:first-child {
    left: 54px;
  }
}

@media (max-width: 1199px) {
  .tg-bot-with-us .team-count-item__num {
    font-size: 54px;
  }
  .service-image__img {
    right: 54px;
    top: -124px;
  }
  .serv-pluses__item:first-child {
    left: -10px;
  }
  .why-section__image {
    margin-top: 126px;
    width: 196px;
  }
  .why-item:nth-child(2)::before {
    left: -94px;
  }
  .why-item:first-child::before {
    right: -140px;
  }
  .why-item:nth-child(3)::before {
    top: -82px;
    right: 0;
  }
  .why-item:nth-child(4)::before {
    top: -100px;
    left: 0;
  }
  .table-pluses .landing-help-item {
    height: 400px;
  }
  .ready-made-solutions__right {
    max-width: 450px;
  }
  .tg-bot-tariff .tariff__item {
    height: 580px;
  }
}

@media (max-width: 991px) {
  .tg-bot-with-us .team-counts {
    flex-wrap: wrap;
  }
  .service-image__wrapper {
    flex-direction: column;
    border-image: none;
    border: none;
    background: transparent;
    padding: 0;
  }
  .service-image__left,
  .service-image__right {
    width: 100%;
  }
  .service-image__left {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid;
    border-image: linear-gradient(
      310.06deg,
      rgba(255, 255, 255, 0) 7.83%,
      rgba(255, 255, 255, 0.53) 56.14%,
      rgba(255, 255, 255, 0) 92.87%
    );
    border-image-slice: 1;
    padding: 20px;
  }
  .service-image__img {
    position: initial;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .serv-pluses__item:last-child {
    top: 69px;
  }
  .serv-pluses__item:nth-child(2) {
    right: 80px;
    bottom: 111px;
  }
  .serv-pluses__item:first-child {
    top: 181px;
    left: 51px;
  }
  .why-section__image {
    display: none;
  }
  .why-list .why-item::before {
    display: none;
  }
  .why-item {
    position: initial;
    width: 100%;
  }
  .why-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding-top: 40px;
  }
  .why-section .container {
    min-height: auto;
  }
  .why-section {
    padding-bottom: 50px;
    overflow: initial;
  }
  .benefit-transfer-tg-bot .benefit-transfer__list {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .table-pluses .landing-help-item {
    margin-bottom: 0;
  }
  .ready-made-solutions__image-small {
    left: -20px;
  }
  .tg-bot-audit-block .audit-block__image {
    right: -41px;
    bottom: 0;
    max-width: 54%;
  }
  .tg-bot-audit-block .audit-block__flex {
    padding-left: 36px;
  }
}
@media (max-width: 767px) {
  .tg-bot-with-us .team-count-item {
    width: 50%;
    border-left: none;
  }
  .tg-bot-with-us .team-count-item:nth-child(odd) {
    border-right: 1px solid #e0e0e0;
  }
  .tg-bot-with-us .team-count-item:last-child {
    border: none;
  }
  .ready-made-solutions__content {
    flex-direction: column;
  }
  .ready-made-solutions__right {
    padding: 61px 35px 60px 35px;
    height: auto;
    max-width: 90%;
  }
  .tg-bot-tariff .tariff__item {
    height: 520px;
  }
  .table-pluses .landing-help-item {
    height: 500px;
  }
  .why-item__icon {
    width: 90px;
  }
}
@media (max-width: 575px) {
  .why-list {
    grid-template-columns: 1fr;
  }
  .why-item__icon {
    position: initial;
    margin: 0 auto;
  }
  .why-item {
    padding-top: 20px;
  }
  .benefit-transfer-tg-bot .benefit-transfer__list {
    grid-template-columns: 1fr;
  }

  .table-pluses .landing-help-item {
    height: auto;
  }
  .landing-help-item__content {
    padding: 0 20px 20px;
    margin-top: 20px;
  }
  .table-pluses .landing-help-item:after {
    display: none;
  }
  .table-pluses__list {
    margin: 0;
  }
  .ready-made-solutions .photo-filter__item {
    width: 100%;
  }
  .ready-made-solutions__icon {
    right: -20px;
  }
  .stages-tg-bot .title-section {
    margin: 50px 0 70px;
  }
  .service-image__left {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .tg-bot-with-us .team-count-item {
    width: 100%;
  }
  .tg-bot-with-us .team-count-item:nth-child(odd) {
    border-right: none;
  }
  .service-image__img {
    display: none;
  }
  .serv-pluses {
    flex-direction: column;
  }
  .serv-pluses__item {
    width: 100%;
    position: initial;
    margin-bottom: 10px;
    align-items: flex-start;
  }
  .ready-made-solutions__image-small {
    display: none;
  }
  .ready-made-solutions__icon {
    right: 20px;
    bottom: 10px;
    width: 90px;
    height: 90px;
  }
  .ready-made-solutions__image-big {
    width: 100%;
    height: 436px;
  }
  .ready-made-solutions__right {
    padding-bottom: 30px;
  }
  .tg-bot-audit-block .audit-block__title {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .slide__card::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 18%);
    top: 0;
    z-index: 1;
  }
}

.header-phone-item {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
}
.header-phone-item a {
  color: #ffffff;
}
.about .header-phone-item a {
  color: #010101;
}
.header-dark .header-phone-item a {
  color: #010101;
}
@media (max-width: 767px) {
  .header-dark .header-phone-item a {
    color: #fff;
  }
}

@media (max-width: 1239px) {
  .header-feedback-item {
    margin-left: 30px;
  }
}
@media (max-width: 1199px) {
  .header-phone-item {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: linear-gradient(180deg, #8321cc 0%, #21e7cd 100%);
    position: relative;
  }
  .header-phone-item::after {
    content: "";
    position: absolute;
    background: url(/local/templates/acroweb/img/tel-white.svg) no-repeat;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .header-phone-item a {
    font-size: 0px;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 3;
  }
}
@media (max-width: 991px) {
  .header-feedback-item {
    margin-left: 0;
    flex-direction: row;
  }
  .nav__link {
    font-size: 12px;
  }
}

.facts-col__logo-gold picture:last-child {
  display: block;
  margin-top: 14px;
}
.facts-col__logo-gold picture:last-child img {
  width: 100%;
}
.facts-col {
  margin: 0 0 14px;
}

/* Новые правки */
.slide__btn {
  width: 265px;
  display: block;
}
.slide__btn .btn-gradient {
  width: 100%;
  padding: 17px 56px;
  font-size: 15px;
  line-height: 18px;
}
.nav__link:after {
  left: 0;
  right: auto;
  width: 100%;
}
.feedback-wrap #checkPolicy-error {
  bottom: -25px;
}
.transfer-price__btn {
  margin: 0 auto;
  display: block;
  width: fit-content;
  margin-top: auto;
}
.perenos-bx-transfer-price .card-transfer {
  display: flex;
  flex-direction: column;
}

.header-dark nav .header-phone-item a {
  color: #ffffff;
}

/* Новое мобильное меню */
.nav-contacts {
  display: none;
  padding: 15px;
}
.nav-contacts__item {
  display: block;
  position: relative;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #b8bae8;
  padding-left: 32px;
  margin-bottom: 17px;
}
.nav-contacts__item:hover,
.nav-contacts__item:active {
  text-decoration: none;
  color: #b8bae8;
}
.nav-contacts__item:last-child {
  margin-bottom: 0;
}
.nav-contacts__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 19px;
  height: 19px;
}
.nav-contacts__item--phone::before {
  background: url(/local/templates/acroweb/img/tel-mob-ic.svg) no-repeat;
}
.nav-contacts__item--mail::before {
  background: url(/local/templates/acroweb/img/mail-mob-ic.svg) no-repeat;
}
.nav-contacts__item--time::before {
  background: url(/local/templates/acroweb/img/time-mob-ic.svg) no-repeat;
}
.nav__b-social {
  display: none;
  max-width: 100%;
  padding: 10px 15px 15px;
}
.nav__b-social-link {
  width: 40px;
  height: 40px;
}
.nav__b-social-link:before {
  font-size: 20px;
}
.nav__b-social-link.icon-telegram:before {
  width: 35px;
  height: 35px;
  background-size: contain;
  margin-left: -2px;
  margin-top: -2px;
}
.nav__b-social-item {
  padding: 0 23px 0 0;
  margin: 0;
}
.nav__btn {
  display: none;
  opacity: 0;
  padding: 0 15px;
  margin: 15px auto 0;
  width: 100%;
  max-width: 375px;
}
.nav__btn .btn-gradient {
  width: 100%;
  font-size: 16px;
  line-height: 1;
}
.nav__logo-wrap {
  display: none;
}
.nav__header-phone-item {
  display: none;
}

@media (max-width: 767px) {
  .nav {
    flex-direction: column;
    flex-wrap: initial;
    padding-bottom: 20px;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .nav-contacts {
    display: block;
  }
  .nav__b-social {
    display: flex;
  }
  .nav__btn {
    display: block;
    opacity: 1;
  }
  .nav__link {
    font-size: 17px;
    margin: 12px 0;
  }
  .nav-list__item--drop .nav-list__drop-btn {
    background-color: transparent;
  }
  .nav-list__item--drop .nav-list__drop-btn:after {
    border-left: 2px solid #06cfb5;
    border-bottom: 2px solid #06cfb5;
  }
  .nav__logo-wrap {
    display: block;
    max-width: 130px;
    margin-right: 26px;
  }
  .nav__header-phone-item {
    display: block;
    border-radius: 0;
    width: auto;
    height: auto;
    background: transparent;
    position: relative;
    margin: 0;
  }
  .nav__header-phone-item::after {
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #6e14b1 1.34%, #06cfb5 100%);
    bottom: 0;
    left: 0;
    position: absolute;
    top: auto;
    transform: none;
  }
  .nav__header-phone-item a {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
  }
  .nav__top {
    padding: 18px 0 0 15px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 20;
  }
  .nav-list {
    padding-top: 31px;
  }
}
@media (max-width: 359px) {
  .nav__logo-wrap {
    max-width: 119px;
    margin-right: 6px;
  }
  .nav__header-phone-item a {
    font-size: 13px;
  }
}

.how-work__el:first-child .how-work__tip {
  bottom: -69px;
}
.how-work__el:nth-child(2) .how-work__tip {
  bottom: -102px;
}
.how-work__el:nth-child(3) .how-work__tip {
  bottom: -14px;
}
.how-work__el:nth-child(5) .how-work__tip {
  bottom: -142px;
}

@media (max-width: 1439px) {
  .how-work__el:nth-child(5) .how-work__tip {
    left: -54px;
  }
}
@media (max-width: 1120px) {
  .how-work__el:nth-child(5) .how-work__tip {
    left: -130px;
  }
}
@media (max-width: 991px) {
  .how-work__el:nth-child(5) .how-work__tip {
    bottom: -236px;
    left: -30px;
  }
  .how-work__el:nth-child(4) .how-work__tip {
    bottom: -140px;
  }
  .how-work__el:nth-child(3) .how-work__tip {
    bottom: -14px;
    left: -30px;
  }
}
@media (max-width: 767px) {
  .how-work__el:first-child .how-work__tip {
    bottom: -120px;
  }
  .how-work__el:nth-child(2) .how-work__tip {
    bottom: -46px;
    left: -50px;
  }
  .how-work__el:nth-child(5) .how-work__tip {
    bottom: -176px;
  }
  .how-work__el:nth-child(4) .how-work__tip {
    bottom: -100px;
    left: -50px;
  }
  .how-work__el:nth-child(3) .how-work__tip {
    bottom: -70px;
  }
}

/* Новые этапы на seo */
.seo-stages-development .title-section {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.2em;
  margin: 0 0 54px;
}
.seo-stages-development .stages-development-list {
  margin-left: -9px;
  position: relative;
  z-index: 5;
  padding: 45px 0 0 0px;
}
.seo-stages-development .stages-development-list li {
  margin: 0 0 24px;
  display: flex;
}
.seo-stages-development .stages-development-box {
  padding: 80px 113px 40px;
  min-height: 514px;
}
.seo-stages-development .stages-development-box__title {
  margin: 0 0 50px;
}
.stages-development-box__content {
  display: flex;
  color: #383951;
}
.stages-development-box__name {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0 0 20px;
}
.stages-development-box__info {
  padding-left: 36px;
}
.stages-development-box__info-list {
  padding-left: 22px;
}
.stages-development-box__info-list li {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 5px;
}
.stages-development-box__content .stages-development-box__img img {
  max-width: 105px;
}
.seo-stages-development .stages-development__container {
  padding: 70px 0 100px;
}
.stages-development-list li .stages-number {
  font-weight: 800;
  font-size: 8px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #af75e4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #6228b1;
  border: 1px solid #af75e4;
  width: 21px;
  height: 21px;
  min-width: 21px;
  margin: 0 37px 0 0;
}
.seo-stages-development li.current .stages-number {
  font-size: 12px;
  color: #6228b1;
  background: #fff;
  border: 1px solid #fff;
}
.stages-development-box__title-mob {
  display: none;
}

@media (max-width: 1299px) {
  .seo-stages-development .stages-development-box {
    width: 95%;
  }
}
@media (max-width: 1199px) {
  .seo-stages-development .stages-development__container {
    padding: 70px 0 20px;
  }
  .seo-stages-development .stages-development-box {
    padding: 35px 30px;
  }
}
@media (max-width: 992px) {
  .seo-stages-development .stages-development-box {
    width: 100%;
  }
  .stages-development-box__content {
    flex-direction: column;
  }
  .stages-development-box__info {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .seo-stages-development .stages-development-box__title {
    margin: 0;
  }
  .seo-stages-development .stages-development-box {
    padding: 0;
    min-height: auto;
  }
  .stages-development-box__content {
    padding: 0 30px 20px;
    display: none;
  }
  .stages-development-box__title-desk {
    display: none;
  }
  .stages-development-box__title-mob {
    display: block;
  }
  .stages-development-box__content .stages-development-box__img img {
    max-width: 80px;
  }
  .stages-development-box__name {
    font-size: 16px;
    margin: 0 0 15px;
  }
  .seo-stages-development .title-section {
    margin: 0 0 40px;
  }
}
/* Новые стили для баннера на мобильных */
@media (max-width: 767px) {
  .slide__content {
    top: 0;
  }
  .slide__content .main-banner__slogan-wrap {
    padding: 120px 0 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: none;
  }
  .main-banner__title {
    margin: 0 auto 8px;
    font-size: 17px;
    line-height: 21px;
  }
  .main-banner__title span {
    font-weight: 900;
    font-size: 30px;
    line-height: 42px;
  }
  .main-banner__text {
    margin-bottom: 28px;
  }
  .slide__btn {
    width: 100%;
  }
  .logotip-banner-new .slide__btn {
    width: 100%;
  }
  .slide__btn .btn-gradient {
    font-size: 13px;
    line-height: 15px;
    padding: 12px 43px;
  }
  .slide__btn-second {
    font-size: 14px;
    line-height: 17px;
    margin-top: 9px;
    padding-left: 0;
  }
  .main-banner--index .main-banner__btn {
    max-width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .main-banner.fullScreen {
    min-height: 420px;
  }

  .header-feedback-item {
    margin: 0;
  }
  .header-feedback-item .header-phone-item {
    border-radius: 50px;
    width: 154px;
    height: 35px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: normal;
  }
  .header-feedback-item .header-phone-item a {
    font-size: 15px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-feedback-item .header-phone-item::after {
    display: none;
  }
  .header-feedback-item .btn-white {
    display: none;
  }
  .header__box-info {
    margin-top: 0;
    justify-content: flex-start;
  }
}

@media (max-width: 460px) {
  .header__logo-wrap {
    min-width: 130px;
    width: 130px;
    margin-right: 12px;
  }
}

@media (max-width: 359px) {
  .header-feedback-item .header-phone-item {
    width: 100%;
    height: 31px;
  }
  .header-feedback-item .header-phone-item a {
    font-size: 13px;
    padding: 0 5px;
  }
  .header__logo-wrap {
    margin-right: 4px;
  }
}
/* Баннеры */
.logotip-banner {
  overflow: hidden;
  min-height: auto;
  position: relative;
}
@media (min-width: 1025px) {
  .logotip-banner {
    min-height: 850px;
  }
}
.logotip-banner__title.color-white {
  color: #fff;
  font-weight: 400;
  font-size: 25px;
  line-height: 129.9%;
}
.logotip-banner__title.color-white span {
  font-weight: 800;
  font-size: 55px;
  line-height: 129.9%;
  display: block;
}
.logotip-banner__subtitle {
  font-weight: 400;
  font-size: 17px;
  line-height: 21px;
  color: #b8bae8;
  margin: 15px 0 66px;
  max-width: 395px;
}
.logotip-banner__image {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  min-width: 50%;
}
.logotip-banner__anim-bottom {
  position: absolute;
  bottom: 156px;
  right: 19%;
}
.logotip-banner__anim-top {
  position: absolute;
  top: 82px;
  left: 14%;
}
.logotip-banner__anim-right {
  position: absolute;
  bottom: 36px;
  left: 150px;
}
.logotip-banner__anim-behind {
  position: absolute;
  top: 47%;
  right: 32.3%;
}

/* smm */
.logotip-banner__img {
  z-index: 5;
  position: relative;
  height: 100%;
  min-width: 50%;
}
.smm-logotip-banner__image {
  height: 100%;
}
.smm-logotip-banner__anim-top {
  position: absolute;
  top: 200px;
  left: 180px;
  z-index: 2;
}
.smm-logotip-banner__anim-left {
  position: absolute;
  bottom: 255px;
  left: 100px;
  z-index: 1;
}
.smm-logotip-banner__anim-behind {
  position: absolute;
  right: 253px;
  top: 313px;
}
.smm-logotip-banner__anim-bottom {
  position: absolute;
  bottom: 124px;
  right: 20%;
}

/* support стили не удалять*/
.support-page .banner-inner {
  background-image: url(/local/templates/acroweb/img/bg/teh-pod/teh-pod-bg.png);
  position: relative;
  overflow-x: hidden;
  min-height: auto;
}
@media (min-width: 1025px) {
  .support-page .banner-inner {
    min-height: 850px;
  }
}
.webp .support-page .banner-inner {
  background-image: url(/local/templates/acroweb/img/bg/teh-pod/teh-pod-bg.webp);
}
.support-page .banner-inner .container {
  position: initial;
  display: block;
}
.support-page .banner-inner .breadcrumb {
  position: initial;
}
.support-page .banner-inner .banner-inner__content {
  margin: 0;
}
.support-page .banner-inner__text {
  font-weight: 400;
  font-size: 25px;
  line-height: 129.9%;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: -20px;
}

.logotip-banner__cubes {
  position: absolute;
  left: 156px;
  z-index: 20;
  bottom: 324px;
  display: flex;
}
.cube {
  width: 15px;
  height: 12px;
  position: relative;
  transform: rotate(180deg);
}
.cube:first-of-type {
  margin-right: 30px;
  z-index: 2;
}
.cube:nth-of-type(2) {
  top: -13px;
  left: -20px;
}
.cube:nth-of-type(3) {
  top: -28px;
  left: -7px;
}
.pink-1 {
  background: linear-gradient(
      0deg,
      rgba(14, 88, 120, 0.58),
      rgba(14, 88, 120, 0.58)
    ),
    radial-gradient(
      190.01% 159.83% at -20.25% 19.32%,
      rgba(118, 95, 182, 0.67) 0%,
      rgba(114, 199, 255, 0.67) 52.1%,
      rgba(70, 144, 213, 0) 100%
    );
}
.pink-2 {
  background: linear-gradient(
      0deg,
      rgba(14, 88, 120, 0.96),
      rgba(14, 88, 120, 0.96)
    ),
    radial-gradient(
      190.01% 159.83% at -20.25% 19.32%,
      rgba(118, 95, 182, 0.67) 0%,
      rgba(114, 199, 255, 0.67) 52.1%,
      rgba(70, 144, 213, 0) 100%
    );
}
.pink-3 {
  background: linear-gradient(147.98deg, #00c2ca 19.69%, #677e9e 74.78%),
    radial-gradient(
      128.35% 194.57% at 4.97% 14.17%,
      #9dc0c8 0%,
      rgba(110, 191, 244, 0.223958) 77.08%,
      rgba(70, 144, 213, 0) 100%
    );
}

.cube.anima .cube__item {
  height: 21px;
}
.cube.anima .top {
  top: 35px;
}

.cube.anima2 .cube__item {
  height: 25px;
}
.cube.anima2 .top {
  top: 41px;
}
.cube.anima2 .progress {
  animation-name: longify2;
}

.cube.anima2 .progress-3 {
  animation-name: shift2;
  height: 20px;
  left: 15px;
}

.cube__item {
  width: 20px;
  height: 14px;
  transform-origin: 50% 50%;
  animation-iteration-count: 1;
  animation-duration: 1.2s;
  position: absolute;
}
.top {
  height: 22px;
  transform: translateX(-50%) rotateX(60deg) rotateZ(45deg);
  /* top: 51px; */
  top: 30px;
  left: 15px;
}
.progress {
  animation-name: longify;
}
.progress-1 {
  transform: translateX(100%) skewY(26.5deg);
  width: 15px;
  top: 23px;
}
.progress-2 {
  transform: translateX(0%) skewY(-26.5deg);
  width: 15px;
  top: 23px;
}
.progress-3 {
  animation-name: shift;
}
@keyframes longify {
  0% {
    height: 15px;
  }
  100% {
    height: 21px;
  }
}
@keyframes longify2 {
  0% {
    height: 15px;
  }
  100% {
    height: 25px;
  }
}

@keyframes shift {
  0% {
    top: 30px;
  }
  100% {
    top: 35px;
  }
}
@keyframes shift2 {
  0% {
    top: 30px;
  }
  100% {
    top: 41px;
  }
}
.teh-logotip-banner__anim {
  position: absolute;
}
.teh-logotip-banner__behind {
  right: 26%;
  z-index: 20;
  bottom: 56%;
}
.teh-logotip-banner__bottom {
  bottom: 23%;
  right: 25%;
}
.teh-logotip-banner__front-behind {
  right: 40%;
  bottom: 32%;
}
.teh-logotip-banner__front {
  z-index: 20;
  bottom: 20%;
  left: 25%;
}
.teh-logotip-banner__image {
  height: 100%;
  min-width: 50%;
}

@media (max-width: 1700px) {
  .teh-logotip-banner__image {
    right: -100px;
  }
}
@media (max-width: 1440px) {
  .logotip-banner__image {
    right: -200px;
  }
}
@media (max-width: 1250px) {
  .smm-logotip-banner__image {
    right: -50px;
    width: 700px;
    display: flex;
    align-items: flex-end;
  }
  .smm-logotip-banner__anim-bottom {
    bottom: 64px;
    width: 25%;
  }
  .smm-logotip-banner__anim-top {
    top: auto;
    left: 100px;
    width: 50%;
    bottom: 170px;
  }
  .smm-logotip-banner__anim-behind {
    right: 163px;
    top: auto;
    bottom: 294px;
  }
  .smm-logotip-banner__anim-left {
    bottom: 155px;
    left: 70px;
    width: 25%;
  }

  .teh-logotip-banner__image {
    right: 0;
    width: 700px;
    height: auto;
  }
  .teh-logotip-banner__behind {
    right: 25%;
    bottom: 55%;
  }
  .teh-logotip-banner__front {
    bottom: 25%;
    left: 27%;
    width: 25%;
  }
  .teh-logotip-banner__front-behind {
    right: 35%;
    bottom: 30%;
    width: 35%;
  }
  .logotip-banner__cubes {
    left: 66px;
    bottom: 193px;
  }
  .teh-logotip-banner__bottom {
    bottom: 16%;
    right: 30%;
    width: 10%;
  }
}
@media (max-width: 1199px) {
  .logotip-banner__image {
    right: 0px;
    width: 700px;
  }
  .smm-logotip-banner__image {
    right: -100px;
  }
  .logotip-banner__anim-right {
    bottom: 40px;
    left: 100px;
    width: 40%;
  }
  .logotip-banner__anim-top {
    top: 70px;
    left: 16%;
    width: 30%;
  }
  .logotip-banner__anim-bottom {
    bottom: 76px;
    right: 19%;
    width: 25%;
  }
  .logotip-banner__anim-behind {
    top: 46%;
    right: 31.6%;
  }

  .teh-logotip-banner__image {
    right: -122px;
  }
  .logotip-banner__cubes {
    left: 101px;
    bottom: 216px;
  }
}
@media (max-width: 991px) {
  .logotip-banner__image {
    right: -150px;
  }
  .logotip-banner__title.color-white {
    max-width: 380px;
  }
  .logotip-banner__subtitle {
    margin-bottom: 36px;
  }

  .logotip-banner__title.color-white span {
    font-size: 35px;
  }
  .logotip-banner__title.color-white {
    font-size: 20px;
  }

  /* .teh-logotip-banner__image{
        height: 82%;
    } */
  .logotip-banner__cubes {
    bottom: 182px;
    display: none;
  }
}
@media (max-width: 767px) {
  .logotip-banner__title.color-white {
    max-width: 100%;
  }
  .logotip-banner__image {
    right: auto;
    position: relative;
    width: 700px;
    margin: 0 auto;
  }
  .logotip-banner__cubes {
    display: flex;
  }
  .cube:nth-of-type(2) {
    left: -16px;
    z-index: 20;
  }
  .support-page .banner-inner__text {
    margin-top: -10px;
  }

  .logotip-banner__content-smm .main-banner__btn {
    max-width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .logotip-banner__image {
    right: 20%;
  }
  .logotip-banner__anim-bottom {
    bottom: 76px;
    right: 29%;
    width: 15%;
  }
  .smm-logotip-banner__image {
    right: 10%;
  }
}
@media (max-width: 480px) {
  .smm-logotip-banner__image {
    right: 20%;
  }
  .smm-logotip-banner__anim-bottom {
    bottom: 84px;
    width: 15%;
    right: 30%;
  }

  .teh-logotip-banner__image {
    width: 500px;
    right: 0;
  }
  .teh-logotip-banner__behind {
    right: 25.5%;
    bottom: 56%;
    width: 2%;
  }
  .logotip-banner__cubes {
    left: 37px;
    bottom: 130px;
  }
}
@media (max-width: 420px) {
  .logotip-banner__image {
    right: 31%;
  }
  .smm-logotip-banner__image {
    right: 20%;
    width: 500px;
  }
  .smm-logotip-banner__anim-top {
    left: 90px;
    width: 50%;
    bottom: 150px;
  }
  .smm-logotip-banner__anim-left {
    bottom: 135px;
  }
  .smm-logotip-banner__anim-behind {
    right: 112px;
    bottom: 204px;
  }
  .smm-logotip-banner__anim-bottom {
    bottom: 54px;
  }

  .teh-logotip-banner__image {
    right: 10%;
  }
}
@media (max-width: 370px) {
  .logotip-banner__image {
    right: 11%;
    width: 500px;
  }
  .logotip-banner__anim-bottom {
    bottom: 57px;
  }
  .logotip-banner__anim-behind {
    top: 46%;
    right: 31.7%;
    width: 4%;
  }
  .logotip-banner__anim-top {
    top: 46px;
  }
  .logotip-banner__anim-right {
    bottom: 28px;
    left: 82px;
    width: 38%;
  }

  .logotip-banner__cubes {
    display: none;
  }
  .teh-logotip-banner__image {
    right: 24%;
  }
}

@media (max-width: 350px) {
  .smm-logotip-banner__image {
    right: 20%;
  }
  .teh-logotip-banner__image {
    right: 39%;
  }
}

/* Правка цвета хлебных крошек */
.header-white:not(.header-dark) .breadcrumb a {
  color: #fff;
}
.header-white:not(.header-dark) .breadcrumb li {
  color: #fff;
}
.header-white:not(.header-dark) .breadcrumb li + li:before {
  background-image: url(../img/arrow-breadcrumb-wh1.svg);
}

/* Новый баннер на Главной */
.main-banner--index {
  height: 850px;
}
.main-banner__wrapper {
  height: 100%;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  position: relative;
}
.main-banner__image {
  position: absolute;
  bottom: -35px;
  right: 0;
  height: 100%;
  min-width: 50%;
}
.main-banner__img {
  z-index: 5;
  position: relative;
  height: 100%;
  min-width: 50%;
}
.slide__content {
  top: 290px;
}
.slide__content .main-banner__slogan-wrap {
  align-items: flex-start;
}
.main-banner__anim {
  position: absolute;
  z-index: 6;
}
.main-banner__anim--front {
  bottom: 22%;
  left: 22%;
}
.main-banner__anim--front-right {
  bottom: 18%;
  right: 20%;
}
.main-banner__anim--behind {
  bottom: 51%;
  right: 25%;
}
.main-banner__anim--middle {
  bottom: 45%;
  right: 49%;
}
.main-banner__anim--behind-left {
  top: 17.9%;
  right: 52.1%;
}
@media (max-width: 1500px) {
  .main-banner__image {
    right: -100px;
  }
}
@media (max-width: 1260px) {
  .main-banner__image {
    right: -220px;
  }
}
@media (max-width: 1199px) {
  .main-banner__image {
    right: -100px;
    width: 700px;
    height: auto;
    bottom: 120px;
  }
  .main-banner__anim--front {
    width: 10%;
  }
  .main-banner__anim--front-right {
    width: 25%;
  }
  .main-banner__anim--behind {
    width: 6%;
  }
  .main-banner__anim--middle {
    width: 5%;
  }
  .main-banner__anim--behind-left {
    width: 14%;
  }
}
@media (max-width: 991px) {
  .main-banner--index {
    height: auto;
  }
  .main-banner__wrapper {
    height: auto;
    min-height: 550px;
    display: flex;
    flex-direction: column;
  }
  .main-banner__image {
    right: auto;
    width: 700px;
    height: auto;
    bottom: 0;
    position: relative;
    margin: 0 auto;
  }
  .slide__content {
    position: initial;
    padding-top: 150px;
  }
  .slide__content .main-banner__slogan-wrap {
    padding: 0;
    text-align: center;
    justify-content: center;
  }
  .main-banner__title {
    max-width: 100%;
  }
  .main-banner--index .main-banner__btn {
    max-width: none;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .slide__btn-second {
    padding-left: 0;
  }
  .support-page .slide__btn-second {
    padding-left: 45px;
  }
  .logotip-banner__content-smm .slide__btn-second {
    padding-left: 45px;
  }
}
@media (max-width: 767px) {
  .slide__content {
    padding-top: 102px;
  }
  .main-banner__image {
    width: 500px;
  }

  .support-page .main-banner__btn {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .support-page .slide__btn-second {
    padding-left: 0;
  }
  .logotip-banner__content-smm .slide__btn-second {
    padding-left: 0px;
  }
}
@media (max-width: 440px) {
  .main-banner__image {
    right: 6%;
  }
}
@media (max-width: 390px) {
  .main-banner__image {
    right: 20%;
    width: 550px;
  }
}
@media (max-width: 365px) {
  .main-banner__image {
    right: 21%;
    width: 500px;
  }
}

/* Новые стили seo */
.page-title {
  font-weight: 700;
  font-size: 33px;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  color: #010101;
}
.page-title--mb-sm {
  margin-bottom: 0.75rem;
}
.page-title--small {
  font-size: 23px;
  text-transform: none;
}
@media (max-width: 575px) {
  .page-title {
    font-size: 22px;
    line-height: 1.2;
  }
}
.page-title--white {
  color: #fff;
}
.help-group {
  padding: 78px 0 73px;
}
@media (max-width: 575px) {
  .help-group {
    padding: 37px 0 30px;
  }
}
.help-group__page-title {
  margin: 0 0 43px;
}
@media (max-width: 575px) {
  .help-group__page-title {
    margin: 0 0 18px;
  }
}
.help-group__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 0 61.5px;
  gap: 17px;
}
@media (max-width: 991px) {
  .help-group__grid {
    grid-template-columns: 1fr 1fr;
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .help-group__grid {
    grid-template-columns: 1fr;
    padding: 0;
    gap: 15px;
  }
}
.help-group__item {
  display: flex;
  max-width: 331px;
}
@media (max-width: 767px) {
  .help-group__item {
    max-width: 100%;
  }
}
.help-group__item-info {
  color: #010101;
  font-size: 14px;
  line-height: 1.3;
}
.help-group__item-icon {
  min-width: 35px;
  margin-right: 10px;
}
.help-group__item-title {
  font-weight: 700;
  max-width: 80%;
}
@media (max-width: 575px) {
  .help-group__item-desc {
    font-size: 13px;
  }
}

.stages-dev {
  padding: 88px 0 118px;
  /* background-image: url(/local/templates/acroweb/img/seo/bg-stages-dev.svg); */
  background-image: url(/local/templates/acroweb/img/bg-stages-dev.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 575px) {
  .stages-dev {
    padding: 37px 0 38px;
  }
}
.stages-dev__page-title {
  margin: 0 0 40px;
}
@media (max-width: 575px) {
  .stages-dev__page-title {
    margin: 0 0 22px;
  }
}
.stages-dev__container {
  padding: 0 0 0 103px;
}
@media (max-width: 1300px) {
  .stages-dev__container {
    padding: 0 0 0 60px;
  }
}
@media (max-width: 991px) {
  .stages-dev__container {
    padding: 0;
  }
}
.stages-dev-box {
  padding: 60px 168px 40px 63px;
  min-height: 452px;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.67) 0%,
    rgba(114, 199, 255, 0.67) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  border-radius: 3px;
  display: none;
  width: 712px;
  position: absolute;
  right: 0;
}
.stages-dev--online-store .stages-dev-box {
  padding: 60px 90px 40px 63px;
}
.stages-dev--online-corporate .stages-dev-box {
  min-height: 352px;
}
@media (max-width: 1199px) {
  .stages-dev-box,
  .stages-dev--online-store .stages-dev-box {
    padding-right: 68px;
    width: 612px;
  }
}
@media (max-width: 991px) {
  .stages-dev-box,
  .stages-dev--online-store .stages-dev-box {
    width: 400px;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .stages-dev-box,
  .stages-dev--online-store .stages-dev-box {
    width: auto;
    position: initial;
    background: transparent;
    border-radius: 0;
    display: block;
    min-height: auto;
    padding: 0 0 26px;
  }
}
.stages-dev-box.visib {
  display: block;
}
.stages-dev-box__title-desk {
  font-weight: 700;
  font-size: 33px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: #07cfb5;
}
@media (max-width: 767px) {
  .stages-dev-box__title-desk {
    font-size: 16px;
    line-height: 1.25;
  }
}
.stages-dev-box__desc {
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  color: #ffffff;
  margin: 6px 0 26px;
  max-width: 334px;
}
@media (max-width: 767px) {
  .stages-dev-box__desc {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 10px;
    max-width: 100%;
  }
}
.stages-dev-box__content {
  display: flex;
}
@media (max-width: 991px) {
  .stages-dev-box__content {
    flex-direction: column;
  }
}
.stages-dev-box__image {
  min-width: 80px;
  margin-right: 47px;
}
.stages-dev--online-store .stages-dev-box__image {
  margin-right: 25px;
}
@media (max-width: 767px) {
  .stages-dev-box__image {
    display: none;
  }
}
.stages-dev-box__info {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
}
@media (max-width: 991px) {
  .stages-dev-box__info {
    padding: 20px 0 0 0;
  }
}
@media (max-width: 991px) {
  .stages-dev-box__info {
    padding: 0;
    font-size: 13px;
    line-height: 16px;
  }
}
.stages-dev-box__info ul {
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .stages-dev-box__info ul {
    padding-left: 25px;
  }
}
.stages-dev-box__info li {
  margin-bottom: 5px;
}
.stages-dev__row {
  display: flex;
  justify-content: space-between;
}
.vnedrenie-stages-dev .stages-dev__col-content {
  position: relative;
  width: 100%;
}
.vnedrenie-stages-dev .stages-dev__col {
  width: 200px;
  min-width: 200px;
}
.vnedrenie-stages-dev .page-title {
  margin: 0 0 20px 200px;
  text-align: left;
}
.vnedrenie-stages-dev .page-title__desk {
  margin: 0 0 15px 200px;
  font-size: 16px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .stages-dev__col-content {
    padding: 9px 0 20px 23px;
  }
  .stages-dev__col-content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 83%;
    width: 1px;
    background: #fff;
  }
  .stages-teh-support__col-content::before {
    height: 98%;
  }

  .stages-dev--online-store .stages-dev__col-content::before {
    height: 92%;
  }
}
.stages-dev__col {
  width: 255px;
  min-width: 255px;
}
@media (max-width: 1199px) {
  .stages-dev__col {
    width: 200px;
    min-width: 200px;
  }
}
@media (max-width: 767px) {
  .stages-dev__col {
    display: none;
  }
}
.stages-dev__list {
  padding: 17px 0 23px 23px;
  margin: 0;
  position: relative;
}
.stages-dev__list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 98%;
  width: 1px;
  background: #fff;
}
.stages-teh-support__list::before {
  height: 100%;
}
.stages-dev__list li {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.3;
  color: #ffffff;
  cursor: pointer;
  list-style: none;
  text-transform: none;
  position: relative;
}
@media (max-width: 575px) {
  .stages-dev__list li {
    font-size: 14px;
  }
}
.stages-dev__list li.current {
  font-weight: 700;
  color: #07cfb5;
}
.stages-dev__list li:not(.stages-dev__list li:last-child) {
  margin-bottom: 25px;
}
.stages-dev__list li .stages-number span,
.stages-dev-box__title-mob .stages-number span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #5a5fa1;
  border: 1px solid #8e88b6;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-align: center;
}
.stages-dev__list li .stages-number,
.stages-dev-box__title-mob .stages-number {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -35px;
  border: 1px solid transparent;
  background: transparent;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stages-teh-support__list li .stages-number,
.stages-teh-support__col-content .stages-dev-box__title-mob .stages-number {
  left: -32px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: 700;
  background: #5a5fa1;
  border: 1px solid #8e88b6;
}
.stages-dev__list li.current .stages-number {
  border: 1px solid #765fb6;
}
.stages-dev__list.stages-teh-support__list li.current .stages-number,
.stages-teh-support__col-content
  .stages-dev-box__title-mob.current
  .stages-number {
  background-color: #fff;
  color: #765fb6;
  border: none;
}
.stages-dev__list.stages-teh-support__list li.current .stages-number::before,
.stages-teh-support__col-content
  .stages-dev-box__title-mob.current
  .stages-number::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #765fb6;
  border-radius: 50%;
}
.stages-dev__list li.current .stages-number span {
  color: #765fb6;
  background: #fff;
}
.stages-dev-box__title-mob {
  display: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #ffffff;
  position: relative;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .stages-dev-box__title-mob {
    display: inline;
  }
}
.stages-dev-box__title-mob.current {
  font-weight: 700;
  color: #07cfb5;
}
.stages-dev-box__title-mob.current::after {
  bottom: 7px;
  transform: rotate(180deg);
}
.stages-dev-box__title-mob.current .stages-number {
  border: 1px solid #765fb6;
}
.stages-dev-box__title-mob.current .stages-number span {
  color: #765fb6;
  background: #fff;
}
.stages-dev-box__title-mob::after {
  content: "";
  border: 5px solid transparent;
  border-top: 5px solid #07cfb5;
  margin-left: 3px;
}
@media (max-width: 767px) {
  .stages-dev-box__title-mob::after {
    display: inline-block;
    margin-bottom: -3px;
    position: absolute;
    right: -18px;
    bottom: 2px;
  }
}
@media (max-width: 340px) {
  .stages-dev-box__title-mob {
    font-size: 12px;
  }
}
.stages-dev-box__image--mob {
  display: none;
  min-width: 53px;
  width: 53px;
}
@media (max-width: 767px) {
  .stages-dev-box__image--mob {
    display: block;
  }
}
@media (max-width: 767px) {
  .stages-dev-box__content-mob {
    background: radial-gradient(
      273.87% 180.28% at 31.94% 4.83%,
      rgba(118, 95, 182, 0.67) 0%,
      rgba(114, 199, 255, 0.67) 52.1%,
      rgba(70, 144, 213, 0) 100%
    );
    border-radius: 3px;
    padding: 27px 28px 21px 20px;
    display: none;
    margin-top: 19px;
  }
}

.features {
  padding: 129px 0 55px;
  background: #f8f8f8;
}
@media (max-width: 575px) {
  .features {
    padding: 35px 0 0;
  }
}
.features__page-title {
  margin: 0 0 25px;
}
@media (max-width: 575px) {
  .features__page-title {
    margin: 0 0 14px;
  }
}
.features__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 991px) {
  .features__grid {
    grid-template-columns: 1fr;
  }
}
.features__item {
  background: #e7f4fc;
  border-radius: 5px;
  padding: 51px 76px 66px 57px;
  color: #000;
  font-size: 15px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .features__item:nth-child(3) {
    order: 4;
  }
}
@media (max-width: 575px) {
  .features__item {
    border-radius: 0;
    padding: 12px 13px 27px;
    font-size: 14px;
  }
}
.features__item--gradient {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    #765fb6 0%,
    #72c7ff 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  padding: 36px 71px 43px 81px;
  color: #fff;
}
@media (max-width: 575px) {
  .features__item--gradient {
    padding: 24px 13px 16px;
  }
}
.features__item-frame {
  background: #72c7ff;
  border-radius: 4px;
  text-align: center;
  padding: 16px 71px 21px;
  width: 100%;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.2;
  min-height: 100px;
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .features__item-frame {
    font-size: 14px;
  }
}
.features__item-text {
  margin: 24px 0;
}
@media (max-width: 575px) {
  .features__item-text {
    margin: 14px 0 16px;
  }
}
.features__item-image {
  margin: 0 auto;
  width: 38px;
}

@media (max-width: 575px) {
  .seo-features__container {
    padding: 0;
  }
}
.features__item-desc ul {
  margin: 0;
}
.features__item-desc li {
  margin-bottom: 4px;
}

.main-tex-group {
  background: #f8f8f8;
}
.main-tex-group.seo-main-tex-group {
  background: transparent;
  background-image: none;
  padding: 49px 0 50px;
}
.main-tex-group.main-tex-group--dev {
  padding: 60px 0 70px;
  background: #fff;
}
@media (max-width: 575px) {
  .main-tex-group.seo-main-tex-group {
    padding: 45px 0 39px;
  }
  .main-tex-group.main-tex-group--dev {
    padding: 30px 0 40px;
  }
}
.main-tex-group.main-tex-group--dev .container {
  max-width: 1200px;
}
.main-tex-group__page-title {
  margin: 0 0 16px;
}
@media (max-width: 575px) {
  .main-tex-group__page-title {
    margin: 0 0 8px;
  }
}
.main-tex-group__subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  color: #000000;
  max-width: 84%;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .main-tex-group__subtitle {
    font-size: 14px;
    max-width: 100%;
    padding: 0 15px;
  }
}
.main-tex-group__grid {
  padding: 47px 0 31px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 37px 50px;
  max-width: 973px;
  margin: 0 auto;
}
.main-tex-group--dev .main-tex-group__grid {
  max-width: unset;
}
@media (max-width: 991px) {
  .main-tex-group__grid {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .main-tex-group__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575px) {
  .main-tex-group__grid {
    padding: 28px 15px 22px;
  }
  .main-tex-group--dev .main-tex-group__grid {
    padding: 30px 0 0;
  }
}
.main-tex-group__item {
  display: flex;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .main-tex-group__item {
    align-items: center;
  }
}
@media (max-width: 575px) {
  .main-tex-group__item {
    flex-direction: column;
    text-align: center;
  }
}
.main-tex-group__item img {
  min-width: 89px;
  width: 89px;
}
.main-tex-group--dev .main-tex-group__item img {
  width: min-content;
  min-width: unset;
  height: clamp(50px, 3.36vw, 64px);
  object-fit: contain;
}
@media (max-width: 575px) {
  .main-tex-group__item img {
    min-width: 53px;
    width: 53px;
  }
}
.main-tex-group__item-info {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2;
  color: #000000;
  margin-left: 22px;
}
.main-tex-group--dev .main-tex-group__item-info {
  max-width: 453px;
}
@media (max-width: 575px) {
  .main-tex-group__item-info {
    font-size: 14px;
    margin-left: 0;
  }
  .main-tex-group__desc {
    margin: 0;
  }
}
.main-tex-group__h2 {
  font-weight: 700;
  margin-bottom: 4px;
  text-transform: uppercase;
  display: block;
}
@media (max-width: 575px) {
  .main-tex-group__h2 {
    margin: 8px 0 0;
  }
}
.main-tex-group__frame {
  background: rgba(189, 237, 240, 0.51);
  font-size: 15px;
  line-height: 1.2;
  color: #000000;
  padding: 17px 0;
  text-align: center;
  max-width: 973px;
  margin: 0 auto;
}
.main-tex-group--dev .main-tex-group__frame {
  padding: 20px 30px;
  max-width: unset;
  line-height: 1.33;
  text-align: left;
}
@media (max-width: 991px) {
  .main-tex-group__frame {
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .main-tex-group__frame {
    font-size: 14px;
    padding: 17px 28px 19px;
  }
  .main-tex-group--dev .main-tex-group__frame {
    margin-top: 20px;
    padding: 13px;
    font-size: 14px;
    line-height: 1.42;
  }
}
.main-tex-group__link {
  font-weight: 700;
  font-size: 13px;
  line-height: 1.2;
  color: #000000;
  position: relative;
  display: inline-block;
  padding: 0 17px 3px 0;
  margin: 26px auto 0;
  left: 50%;
  transform: translateX(-50%);
}
.main-tex-group__link:hover {
  text-decoration: none;
  color: #000000;
}
@media (max-width: 575px) {
  .main-tex-group__link {
    margin-top: 22px;
  }
}
.main-tex-group__link::after {
  content: "";
  position: absolute;
  background-image: url(/local/templates/acroweb/img/seo/arrow-gradient.svg);
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
  right: 0;
}
.main-tex-group__link::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #6e14b1 1.34%, #06cfb5 100%);
  left: 0;
}
@media (max-width: 575px) {
  .seo-main-tex-group__container {
    padding: 0;
  }
}

.otchet-main-group.seo-otchet-main-group {
  padding: 0 0 50px;
  background: #f8f8f8;
}
.seo-otchet-main-group::before {
  display: none;
}
.otchet-main-group__content {
  background: url(/local/templates/acroweb/img/seo/report-bg-1.png) no-repeat;
  background-size: cover;
}
@media (max-width: 575px) {
  .otchet-main-group__content {
    background: url(/local/templates/acroweb/img/seo/report-bg-mob.png)
      no-repeat;
    background-size: cover;
  }
}
.otchet-main-text {
  font-size: 15px;
  line-height: 1.2;
  color: #ffffff;
}
.otchet-main-group__info {
  display: flex;
  justify-content: space-between;
  padding: 49px 0 53px 263px;
  align-items: center;
  position: relative;
}
@media (max-width: 991px) {
  .otchet-main-group__info {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .otchet-main-group__info {
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .otchet-main-group__info {
    padding: 27px 43px 38px;
  }
}
.otchet-main-group__info::before {
  content: "";
  background-image: url(/local/templates/acroweb/img/seo/report-image.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 187px;
  height: 204px;
  position: absolute;
  left: 31px;
  bottom: 0;
}
@media (max-width: 991px) {
  .otchet-main-group__info::before {
    display: none;
  }
}
.otchet-main-group__info b {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  color: #ffffff;
  margin: 0 0 7px;
  display: block;
}
@media (max-width: 575px) {
  .otchet-main-group__info::before {
    font-size: 17px;
    margin: 0 0 4px;
  }
}
.otchet-main-group__btn-white {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
  padding: 12px 28.5px;
}
@media (max-width: 575px) {
  .otchet-main-group__btn-white {
    font-size: 12px;
    padding: 12px 26px;
  }
}
.otchet-contains__content {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.13) 0%,
    rgba(114, 199, 255, 0.13) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  border-radius: 5px;
  color: #2b2b2b;
  padding: 26px 47px 33px 49px;
  font-size: 15px;
  line-height: 1.3;
  max-width: 902px;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .otchet-contains__content {
    max-width: 100%;
    font-size: 14px;
    padding: 20px 6px 27px 12px;
  }
  .otchet-main-group__container {
    padding: 0;
  }
}
.otchet-contains__title {
  text-align: center;
  font-weight: 700;
  margin-bottom: 13px;
}
.otchet-contains__grid {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px;
  counter-reset: item;
}
@media (max-width: 575px) {
  .otchet-contains__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.otchet-contains__item {
  position: relative;
  padding-left: 20px;
  counter-increment: item;
  list-style: none;
}
.otchet-contains__item::before {
  content: counter(item);
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  color: #07cfb5;
}
@media (max-width: 767px) {
  .otchet-main-group__text {
    margin-bottom: 24px;
  }
}
@media (max-width: 575px) {
  .otchet-main-group__text {
    font-size: 13px;
  }
}

.how-order {
  padding: 50px 0 81px;
  background: #f8f8f8;
}
.how-order.how-order--dev {
  padding: 50px 0 20px;
}
@media (max-width: 575px) {
  .how-order {
    padding: 0px 0 47px;
  }
  .how-order.how-order--dev {
    padding: 30px 0 10px;
  }
}
.how-order--dev .how-order__page-title {
  margin: 0 auto;
  max-width: 710px;
}
.how-order--dev .how-order__page-title--wide {
  margin: 0 auto;
  max-width: 962px;
}
.how-order__content {
  display: flex;
  align-items: center;
  margin-top: -32px;
}
.how-order--dev .how-order__content {
  margin-top: -5px;
  flex-direction: row-reverse;
  gap: clamp(30px, 2.62vw, 50px);
}
.how-order--dev-corporate .how-order__content {
  margin-top: unset;
  padding: clamp(14px, 1.57vw, 30px) 0 0;
}
@media (max-width: 991px) {
  .how-order__content {
    flex-direction: column;
  }
  .how-order--dev .how-order__content {
    flex-direction: column-reverse;
  }
}
@media (max-width: 575px) {
  .how-order__content {
    margin-top: -92px;
  }
  .how-order--dev .how-order__content {
    margin-top: 20px;
    gap: 0;
  }
}
@media (max-width: 490px) {
  .how-order__content {
    margin-top: -82px;
  }
}
@media (max-width: 410px) {
  .how-order__content {
    margin-top: -68px;
  }
}
.how-order__make-order {
  background: url(/local/templates/acroweb/img/seo/make-order-bg-1.png)
    no-repeat;
  background-size: cover;
  background-position: center;
  width: 337px;
  height: 373px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: 55px;
}
.how-order--dev .how-order__make-order {
  margin-right: unset;
  background: url(/local/templates/acroweb/img/dev-sites/online-store/make-order-bg-2.svg)
    no-repeat;
  height: 396px;
  background-size: cover;
  background-position: center;
}
.how-order--dev-corporate .how-order__make-order {
  margin-top: -9%;
}
.how-order--dev-corporate .how-order--dev-portal {
  margin-top: -6%;
}
@media (max-width: 991px) {
  .how-order__make-order {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .how-order__make-order,
  .how-order--dev .how-order__make-order {
    background: url(/local/templates/acroweb/img/seo/make-order-mob1.png)
      no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
    aspect-ratio: 290/270;
  }
  .how-order--dev .how-order__make-order {
    margin: -40px 0 -20px;
  }
}
.how-order__btn {
  margin-bottom: 13px;
  display: block;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  text-decoration: none;
}
.how-order__btn:hover {
  text-decoration: none;
}
@media (max-width: 991px) {
  .how-order__btn {
    font-size: 25px;
  }
}
.how-order__btn span {
  position: relative;
  color: #22ecd2;
  background: linear-gradient(93.27deg, #bb60ff -11.22%, #22ecd2 97.35%),
    #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.how-order__btn span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(93.27deg, #bb60ff -11.22%, #22ecd2 97.35%),
    #ffffff;
}
.how-order__desc {
  font-size: 17px;
  line-height: 1.2;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 575px) {
  .how-order__desc {
    font-size: 14px;
  }
}
.how-order__make-order-content {
  max-width: 260px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .how-order__make-order-content {
    max-width: 210px;
  }
}
.how-order__list {
  display: flex;
  counter-reset: item;
  gap: 44px;
}
@media (max-width: 767px) {
  .how-order__list {
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 575px) {
  .how-order__list {
    margin-top: -44px;
  }
  .how-order--dev .how-order__list {
    margin-top: 0;
  }
}
@media (max-width: 359px) {
  .how-order__list {
    margin-top: -21px;
  }
}
.how-order__item {
  font-size: 15px;
  line-height: 20px;
  color: #2b2b2b;
  position: relative;
  margin-bottom: 24px;
  padding-left: 68px;
  counter-increment: item;
  min-height: 60px;
  display: flex;
  align-items: center;
  max-width: 370px;
}
.how-order--dev .how-order__item {
  align-items: start;
  max-width: 393px;
}
.how-order--dev-lp .how-order__item {
  margin-bottom: 20px;
  padding-left: 60px;
  min-height: 30px;
}
@media (max-width: 991px) {
  .how-order__item {
    min-height: 100px;
  }
}
@media (max-width: 767px) {
  .how-order__item {
    min-height: 50px;
    max-width: 100%;
    padding-left: 56px;
  }
}
@media (max-width: 575px) {
  .how-order__item {
    font-size: 14px;
  }
}
@media (max-width: 359px) {
  .how-order__item {
    min-height: auto;
  }
}
.how-order__item::before {
  content: counter(item);
  position: absolute;
  left: 0;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.31) 0%,
    rgba(114, 199, 255, 0.31) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.how-order__item a {
  text-decoration-line: underline;
  color: #07cfb5;
  font-weight: 700;
}

.why-us {
  background: #f8f8f8;
  padding-bottom: 58px;
}
@media (max-width: 575px) {
  .why-us {
    padding-bottom: 53px;
  }
}
.why-us__page-title {
  margin: 0 0 40px;
}
@media (max-width: 575px) {
  .why-us__page-title {
    margin: 0 0 14px;
  }
}
.why-us__row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 991px) {
  .why-us__row {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .why-us__row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .why-us__row {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.why-us__item {
  color: #000000;
  line-height: 1.2;
  padding: 0 26px 0 27px;
  border-left: 1px solid #d3d3d3;
}
.why-us__item:first-child {
  border: none;
}
@media (max-width: 991px) {
  .why-us__item:nth-child(4) {
    border: none;
  }
}
@media (max-width: 767px) {
  .why-us__item:nth-child(4) {
    border-left: 1px solid #d3d3d3;
  }
  .why-us__item:nth-child(3),
  .why-us__item:nth-child(5) {
    border: none;
  }
}
@media (max-width: 575px) {
  .why-us__item:nth-child(4) {
    border: none;
  }
  .why-us__item {
    border: none;
    display: flex;
    padding: 0;
  }
}
.why-us__item-title {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 19px 0 7px;
}
@media (max-width: 575px) {
  .why-us__item-title {
    margin: 0;
    font-size: 13px;
  }
}
.why-us__item-text {
  font-size: 14px;
}
@media (max-width: 575px) {
  .why-us__item-text {
    font-size: 12px;
  }
}
.why-us__item-img {
  width: 55px;
  min-width: 50px;
}
@media (max-width: 575px) {
  .why-us__item-desc {
    margin-left: 9px;
  }
}

.our-team {
  background: #ffffff;
  padding: 40px 0 61px;
}
@media (max-width: 575px) {
  .our-team {
    padding: 24px 0 35px;
  }
}
.our-team__page-title {
  margin: 0 0 5px;
}
.our-team__content {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .our-team__content {
    display: block;
  }
}
.our-team__circle {
  width: 450px;
  height: 450px;
  background-image: url(/local/templates/acroweb/img/seo/circle-team1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .our-team__circle {
    width: 420px;
    height: 420px;
  }
}
@media (max-width: 767px) {
  .our-team__circle {
    display: none;
  }
}
.our-team__circle-content {
  max-width: 200px;
  margin: 0 auto;
  text-align: center;
}
.our-team__item {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  position: relative;
}
@media (max-width: 991px) {
  .our-team__item {
    flex-direction: column;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .our-team__item {
    flex-direction: row;
    margin-bottom: 21px;
  }
}
@media (max-width: 575px) {
  .our-team__item::before {
    content: "";
    position: absolute;
    left: -15px;
    width: 8px;
    height: 42px;
  }
  .our-team__item--tech-lead::before {
    background: #00b3ab;
  }
  .our-team__item--manager::before {
    background: #01cdb3;
  }
  .our-team__item--seo::before {
    background: #01e4d0;
  }
  .our-team__item--copy::before {
    background: #69059a;
  }
  .our-team__item--html::before {
    background: #800db5;
  }
  .our-team__item--php::before {
    background: #71439a;
  }
  .our-team__item--seo-lead::before {
    background: #407ca3;
  }
  .our-team__item--web::before {
    background: #0195a6;
  }
}
.our-team__col-left .our-team__item-title {
  margin-right: 18px;
  text-align: right;
}
@media (max-width: 991px) {
  .our-team__col-left .our-team__item-title {
    margin-right: 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .our-team__col-left .our-team__item-title {
    text-align: left;
  }
}
.our-team__item-title {
  width: 130px;
}
@media (max-width: 991px) {
  .our-team__item-title {
    order: 2;
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .our-team__item-title {
    order: 2;
    width: 100%;
    margin-top: 0;
    margin-left: 12px;
  }
}
.our-team__item-icon {
  min-width: 60px;
  height: 60px;
}
@media (max-width: 991px) {
  .our-team__item-icon {
    order: 1;
  }
}
@media (max-width: 767px) {
  .our-team__item-icon {
    min-width: 35px;
    height: 35px;
  }
}
.our-team__col-right .our-team__item-icon {
  order: 1;
}
.our-team__col-right .our-team__item-title {
  order: 2;
  margin-left: 10px;
}
@media (max-width: 991px) {
  .our-team__col-right .our-team__item-title {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .our-team__col-right .our-team__item-title {
    margin-left: 12px;
  }
}
.our-team__col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 0 30px;
}
@media (max-width: 991px) {
  .our-team__col {
    padding: 40px 0 10px;
  }
}
@media (max-width: 767px) {
  .our-team__col {
    padding: 0;
  }
}
.our-team__col-left .our-team__item {
  padding-right: 45px;
}
@media (max-width: 767px) {
  .our-team__col-left .our-team__item {
    padding-right: 0;
  }
}
.our-team__col-right .our-team__item {
  padding-left: 45px;
}
@media (max-width: 767px) {
  .our-team__col-right .our-team__item {
    padding-left: 0;
  }
}
.our-team__item-line {
  content: "";
  position: absolute;
  height: 2px;
  background: #000;
}
@media (max-width: 767px) {
  .our-team__item-line {
    display: none;
  }
}
.our-team__item--tech-lead .our-team__item-line {
  width: 100px;
  right: -82px;
}
@media (max-width: 991px) {
  .our-team__item--tech-lead .our-team__item-line {
    right: -39px;
    top: 22px;
  }
}
.our-team__item--manager .our-team__item-line {
  width: 53px;
  right: -40px;
}
@media (max-width: 991px) {
  .our-team__item--manager .our-team__item-line {
    right: 1px;
    top: 22px;
  }
}
.our-team__item--seo .our-team__item-line {
  width: 53px;
  right: -40px;
}
@media (max-width: 991px) {
  .our-team__item--seo .our-team__item-line {
    right: 1px;
    top: 22px;
  }
}
.our-team__item--copy .our-team__item-line {
  width: 100px;
  right: -82px;
}
@media (max-width: 991px) {
  .our-team__item--copy .our-team__item-line {
    right: -39px;
    top: 22px;
  }
}
.our-team__item--html .our-team__item-line {
  width: 100px;
  left: -82px;
}
@media (max-width: 991px) {
  .our-team__item--html .our-team__item-line {
    left: -39px;
    top: 22px;
  }
}
.our-team__item--php .our-team__item-line {
  width: 53px;
  left: -40px;
}
@media (max-width: 991px) {
  .our-team__item--php .our-team__item-line {
    left: 1px;
    top: 22px;
  }
}
.our-team__item--seo-lead .our-team__item-line {
  width: 53px;
  left: -40px;
}
@media (max-width: 991px) {
  .our-team__item--seo-lead .our-team__item-line {
    left: 1px;
    top: 22px;
  }
}
.our-team__item--web .our-team__item-line {
  width: 100px;
  left: -82px;
}
@media (max-width: 991px) {
  .our-team__item--web .our-team__item-line {
    left: -39px;
    top: 22px;
  }
}
.our-team__item-line::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #000;
  opacity: 0;
}
.our-team__item--tech-lead .our-team__item-line::after {
  right: -17px;
  top: 8px;
  transform: rotate(45deg);
  opacity: 1;
}
.our-team__item--copy .our-team__item-line::after {
  right: -17px;
  bottom: 7px;
  transform: rotate(-45deg);
  opacity: 1;
}
.our-team__item--html .our-team__item-line::after {
  left: -17px;
  top: 8px;
  transform: rotate(313deg);
  opacity: 1;
}
.our-team__item--web .our-team__item-line::after {
  left: -17px;
  transform: rotate(-313deg);
  bottom: 7px;
  opacity: 1;
}
.our-team__item-line::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  z-index: 3;
  top: -6px;
  left: -10px;
}
.our-team__item--tech-lead .our-team__item-line::before {
  background: #00b3ab;
}
.our-team__item--manager .our-team__item-line::before {
  background: #00d0b5;
}
.our-team__item--seo .our-team__item-line::before {
  background: #00e4d0;
}
.our-team__item--copy .our-team__item-line::before {
  background: #6a049b;
}
.our-team__item--html .our-team__item-line::before {
  background: #0096a7;
}
.our-team__item--php .our-team__item-line::before {
  background: #407ca3;
}
.our-team__item--seo-lead .our-team__item-line::before {
  background: #72439b;
}
.our-team__item--web .our-team__item-line::before {
  background: #800cb6;
}
.our-team__col-right .our-team__item-line::before {
  left: auto;
  right: -10px;
}
.our-team__mob-text {
  display: none;
  text-align: center;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .our-team__mob-text {
    display: block;
  }
}
.our-team__desc {
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
}
@media (max-width: 767px) {
  .our-team__desc {
    font-size: 14px;
  }
}

.who-need {
  background: #f8f8f8;
  padding: 63px 0 60px;
}
@media (max-width: 575px) {
  .who-need {
    padding: 33px 0 41px;
  }
}
.who-need__page-title {
  margin: 0 auto 24px;
  max-width: 68%;
}
@media (max-width: 575px) {
  .who-need__page-title {
    margin-bottom: 7px;
    font-size: 15px;
  }
}
.who-need__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
}
@media (max-width: 575px) {
  .who-need__grid {
    gap: 13px;
  }
}
.who-need__item {
  font-size: 15px;
  line-height: 1.3;
  color: #000000;
  display: flex;
  align-items: start;
}
@media (max-width: 575px) {
  .who-need__item {
    flex-direction: column;
    font-size: 13px;
  }
}
.who-need__item-ic {
  margin-right: 10px;
}
@media (max-width: 575px) {
  .who-need__item-ic {
    margin-right: 0px;
    margin-bottom: 6px;
  }
}
@media (max-width: 575px) {
  .who-need__item-text {
    min-height: 64px;
  }
  .who-need__item-icon {
    min-height: 30px;
    display: flex;
  }
}

.feedback-bg-new {
  padding: 62px 0 71px;
}
@media (max-width: 575px) {
  .feedback-bg-new {
    padding: 33px 0 44px;
  }
}
.feedback-bg-new__page-title {
  margin: 0 0 4px;
}
.feedback-bg-new__subtitle {
  font-size: 25px;
  line-height: 129.9%;
  text-transform: uppercase;
  color: #404040;
  text-align: center;
}
@media (max-width: 575px) {
  .feedback-bg-new__subtitle {
    font-size: 15px;
    margin-bottom: 23px;
  }
}
.feedback-bg-new .feedback-wrap__section {
  padding: 40px 0 0;
  width: 686px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .feedback-bg-new .feedback-wrap__section {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .feedback-bg-new .feedback-wrap__section {
    padding: 0;
  }
}
@media (max-width: 575px) {
  .feedback-bg-new .feedback-wrap {
    padding: 0;
  }
}
.feedback-bg-new .form-control {
  padding: 5px 10px 5px 0;
  margin: 0 0 30px;
  font-size: 14px;
  line-height: 1.2;
  color: #575757;
}
@media (max-width: 575px) {
  .feedback-bg-new .form-control {
    font-size: 12px;
    margin: 0 0 24px;
  }
}
.feedback-bg-new .form-checkbox {
  margin-top: -11px;
}
.feedback-bg-new .form-label {
  font-size: 14px;
  line-height: 1.2;
  color: #575757;
}
@media (max-width: 575px) {
  .feedback-bg-new .form-label {
    font-size: 13px;
  }
  .support-form .form-label {
    font-size: 11px;
  }
}
.form-checkbox a {
  color: #575757;
  text-decoration: underline;
}
.feedback-bg-new .submit-btn-wrap {
  padding: 42px 0 0;
}
@media (max-width: 575px) {
  .feedback-bg-new .submit-btn-wrap {
    padding: 22px 0 0;
  }
}
.feedback-bg-new .btn-gradient {
  padding: 15px 44px;
  max-width: 241px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
}
@media (max-width: 575px) {
  .feedback-bg-new .btn-gradient {
    padding: 12px 34px;
    max-width: 221px;
  }
}
.feedback-bg-new .check {
  position: absolute;
  opacity: 0;
}
.feedback-bg-new .check + * + .form-label,
.feedback-bg-new .check + .form-label {
  padding-left: 20px;
  cursor: pointer;
  position: relative;
}

.feedback-bg-new .check.error + * + .form-label,
.feedback-bg-new .check.error + .form-label {
  margin-bottom: 10px;
}

.feedback-bg-new .check + * + .form-label::before,
.feedback-bg-new .check + .form-label::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border: 2px solid #07cfb5;
  left: 0;
}
.feedback-bg-new .check + * + .form-label::after,
.feedback-bg-new .check + .form-label::after {
  content: "";
  position: absolute;
  background: url(/local/templates/acroweb/img/check-ic-form.svg);
  width: 14px;
  height: 14px;
  left: 1px;
  top: -1px;
  background-size: contain;
  filter: invert(1);
  opacity: 0;
}
.feedback-bg-new .check:checked + * + .form-label::before,
.feedback-bg-new .check:checked + .form-label::before {
  background: #07cfb5;
}
.feedback-bg-new .check:checked + * + .form-label::after,
.feedback-bg-new .check:checked + .form-label::after {
  opacity: 1;
}

.feedback-bg-new #checkPolicy-error {
  bottom: unset;
  top: calc(100% - 5px);
}

.portfolio-seo {
  padding: 79px 0 112px;
  background-color: #f8f8f8;
}
.portfolio-seo__page-title {
  margin: 0 0 25px;
}
/* График Seo */
.cases-section {
  background: #efefef;
}
.cases-slider {
  position: relative;
}
.cases-slider__swiper {
  background: #ffffff;
}
.cases-item__container {
  display: flex;
}

.cases-item__main-info {
  width: 438px;
  background-image: url(/local/templates/acroweb/img/seo/bg-chart.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.cases-item__chart {
  flex: 1;
  padding: 59px 45px 62px 64px;
}
.cases-item__desk-info {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.45) 0%,
    rgba(114, 199, 255, 0.45) 52.1%,
    rgba(70, 144, 213, 0.45) 100%
  );
  padding: 25px 33px 29px;
  color: #fff;
}
.cases-item__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 16px;
  max-width: 305px;
}
.cases-item__site-info {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  display: flex;
  align-items: center;
}
.cases-item__site-link {
  text-decoration: underline;
  color: #fff;
  position: relative;
  padding-left: 26px;
  padding-right: 41px;
}
.cases-item__site-link:hover {
  color: #fff;
}
.cases-item__site-link::before {
  content: "";
  background: url(/local/templates/acroweb/img/seo/site-icon.svg) no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  background-size: contain;
}
.cases-item__site-during {
  position: relative;
  padding-left: 26px;
}
.cases-item__site-during::before {
  content: "";
  background: url(/local/templates/acroweb/img/seo/calendar-ic.svg) no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: -4px;
}
.cases-item__stats-item {
  margin-bottom: 12px;
}
.cases-item-wrapper {
  padding: 25px 33px 37px;
}
.cases-item__stats-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}
.cases-item__stats-numbers {
  display: flex;
  padding-left: 31px;
  position: relative;
  font-weight: 700;
  font-size: 31px;
  line-height: 50px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.cases-item__stats-numbers span {
  text-transform: lowercase;
}
.cases-item__stats-numbers::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
}
.cases-item__stats-item--customers .cases-item__stats-numbers::before {
  background: url(/local/templates/acroweb/img/seo/people-ic.svg) no-repeat;
  top: 16px;
}
.cases-item__stats-item--visits .cases-item__stats-numbers::before {
  background: url(/local/templates/acroweb/img/seo/visit-ic.svg) no-repeat;
  top: 18px;
}
.cases-item__stats-item--requests .cases-item__stats-numbers::before {
  background: url(/local/templates/acroweb/img/seo/diagram-ic.svg) no-repeat;
  top: 18px;
}
.cases-item__stats-item--orders .cases-item__stats-numbers::before {
  background: url(/local/templates/acroweb/img/seo/check-ic.svg) no-repeat;
  top: 18px;
}
.cases-item__stats-past {
  color: #fff;
  position: relative;
  margin-right: 44px;
  font-weight: 500;
  font-size: 20px;
}
.cases-item__stats-past::after {
  content: "";
  background: url(/local/templates/acroweb/img/seo/arrow-white.svg) no-repeat;
  width: 23px;
  height: 8px;
  position: absolute;
  top: 20px;
  right: -31px;
}
.cases-item__stats-current {
  color: #07cfb5;
  position: relative;
}
.cases-item__stats-current::after {
  content: "";
  background: url(/local/templates/acroweb/img/seo/arrow-white-vertical.svg)
    no-repeat;
  width: 15px;
  height: 22px;
  position: absolute;
  top: 12px;
  right: -20px;
}

.cases-slider__btn:after,
.swiper-rtl .cases-slider__btn:after {
  content: "";
}
.cases-slider__btn {
  background: url(/local/templates/acroweb/img/arrow-slider-purple.svg)
    no-repeat;
  width: 46px;
  height: 8px;
}
.cases-slider__btn--prev {
  transform: rotate(-180deg);
  left: -75px;
}
.cases-slider__btn--next {
  right: -75px;
}
.cases-item__chart-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  padding: 0 0 18px;
}
.swiper-pagination-bullets.cases-slider__pag {
  opacity: 1;
  bottom: -45px;
}
.cases-slider__pag .swiper-pagination-bullet {
  border: 1px solid #a9a9a9;
  background: linear-gradient(90deg, #6e14b100 0%, #06cfb500 100%);
  width: 7px;
  height: 7px;
  transition: 0.4s;
  margin-right: 16px !important;
  opacity: 1;
}
.cases-slider__pag .swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
}
.cases-section {
  padding-bottom: 104px;
  padding-top: 50px;
}
.cases-item__chart-wrap {
  position: relative;
}

.chart {
  position: relative;
}
.chart-tooltip {
  width: auto;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 7px 14px rgba(7, 207, 181, 0.31);
  padding: 9px 13px;
  color: #606060;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 0);
  transition: all 0.1s ease;
  z-index: 20;
}

.chart-tooltip.triangle-bottom::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 47%;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 16px solid #fff;
}

.chart-tooltip table tr th {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.06em;
  color: #6228b1;
  background-color: transparent;
  border: none;
  padding: 0;
}
@media (max-width: 575px) {
  .chart-tooltip table tr th {
    font-size: 13px;
  }
}
.chart-tooltip table tr span {
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
  color: #1c1d34;
  display: block;
}
.chart-tooltip table tr td {
  padding: 0;
  background-color: transparent;
}
.chart-tooltip table tr {
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: #606060;
}
@media (max-width: 575px) {
  .chart-tooltip table tr,
  .chart-tooltip table tr span {
    font-size: 12px;
  }
}

.cases-item__more {
  font-weight: 700;
  font-size: 13px;
  line-height: 1.2;
  color: #ffffff;
  text-decoration: none;
  position: relative;
}
.cases-item__more:hover {
  text-decoration: none;
  color: #fff;
}
.cases-item__more::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #cb85ff 1.34%, #74ffed 100%);
}

@media (max-width: 1320px) {
  .cases-slider__swiper {
    max-width: 90%;
  }
  .cases-slider__btn--prev {
    left: 0;
  }
  .cases-slider__btn--next {
    right: 0;
  }
}
@media (max-width: 1199px) {
  .cases-item__container {
    flex-direction: column;
  }
  .cases-item__chart {
    width: 100%;
    margin-top: 0;
  }
  .cases-item__main-info {
    width: 100%;
  }
  .cases-item__title {
    max-width: 100%;
    text-align: center;
  }
  .cases-item__site-info {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .cases-item__site-during {
    width: fit-content;
  }
  .cases-slider__btn--prev {
    left: -20px;
  }
  .cases-slider__btn--next {
    right: -20px;
  }
  .cases-item__chart-wrap::after {
    width: 93%;
  }
}
@media (max-width: 767px) {
  .cases-item__chart-wrap::after {
    height: 63px;
  }
  .cases-item__chart {
    padding: 14px 0 0;
  }
  .cases-slider__swiper {
    background: transparent;
  }
  .portfolio-seo {
    padding: 41px 0 52px;
  }
  .portfolio-seo.container {
    padding: 0;
    max-width: 100%;
  }
  .cases-slider__btn {
    background: url(/local/templates/acroweb/img/seo/arrow-slider-mob.svg)
      no-repeat;
    height: 12px;
    top: 70px;
    width: 16px;
  }
  .cases-slider__btn--prev {
    left: 10px;
  }
  .cases-slider__btn--next {
    right: 10px;
  }
  .cases-slider__swiper {
    max-width: 100%;
  }
  .cases-item__chart-title {
    padding: 0 0 18px 6px;
  }
}
@media (max-width: 575px) {
  .cases-slider__swiper {
    max-width: 100%;
  }
  .portfolio-seo__page-title {
    margin-bottom: 14px;
  }
  .cases-item__title {
    font-size: 16px;
    max-width: 60%;
    margin: 0 auto 11px;
  }
  .cases-item__site-info {
    font-size: 13px;
    flex-direction: column;
  }
  .cases-item__site-link {
    padding-right: 0;
    margin-bottom: 8px;
  }
  .cases-item-wrapper {
    padding: 10px 12px 39px;
  }
  .cases-item__stats-name {
    font-size: 13px;
  }
  .chart-tooltip table tr {
    font-size: 12px;
  }
  .cases-item__desk-info {
    padding: 16px 0 22px;
  }
  .chart-tooltip {
    padding: 5px 6px;
    max-width: 100px;
  }
  .cases-item__chart-wrap::after {
    height: 50px;
  }
  .cases-item__chart-wrap::after {
    width: 88%;
  }

  .chart-tooltip.triangle-bottom::after {
    display: none;
  }
  .cases-slider__btn {
    top: 10%;
  }
}
@media (max-width: 400px) {
  .cases-item__title {
    max-width: 67%;
  }
}

.clients {
  background: #f8f8f8;
  padding-bottom: 110px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .clients {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .clients {
    padding-bottom: 30px;
  }
}
.clients__trust-gallery {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1440px) {
  .clients__trust-gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 991px) {
  .clients__trust-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575px) {
  .clients__trust-gallery {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
  }
}
.clients__page-title {
  margin: 0 0 55px;
}
@media (max-width: 575px) {
  .clients__page-title {
    margin: 0 0 20px;
  }
}
.clients .g-photo-card:before {
  left: -110px;
  right: -110px;
}
@media (max-width: 1440px) {
  .clients .g-photo-card:before {
    left: -40px;
    right: -40px;
  }
}
@media (max-width: 991px) {
  .clients .g-photo-card:before {
    left: -20px;
    right: -20px;
  }
}
@media (max-width: 575px) {
  .clients .g-photo-card:before,
  .clients .g-photo-card:after {
    display: none;
  }
}
.clients .g-photo-card {
  filter: grayscale(100%);
}
@media (max-width: 575px) {
  .clients .g-photo-card {
    padding: 0;
  }
  .clients .g-photo-card__img {
    padding: 0;
    position: initial;
  }
}
.clients .g-photo-card:hover {
  filter: none;
}

/* Тарифы */
.main-price-group.tariff-table {
  padding: 84px 0 109px;
  background-image: url(/local/templates/acroweb/img/seo/bg-tariff.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .main-price-group.tariff-table {
    display: block;
  }
  .tariff-table .container {
    max-width: 100%;
    padding: 0;
  }
}
@media (max-width: 575px) {
  .main-price-group.tariff-table {
    display: block;
    padding: 28px 0 42px;
  }
}
.tariff-table__page-title {
  margin: 0 0 57px;
}
@media (max-width: 575px) {
  .tariff-table__page-title {
    font-size: 24px;
    width: 277px;
    margin: 0 auto 13px;
  }
}
.group-price-items__cols {
  display: flex;
}
@media (max-width: 767px) {
  .group-price-items__cols {
    overflow: auto;
  }
}
.tariff-table .group-price-items {
  display: flex;
  color: #fff;
}
.table-column-wrapper {
  font-size: 13px;
  line-height: 1.2;
  color: #ffffff;
  border-radius: 5px;
  padding: 46px 0 16px;
}
.table-column-wrapper:not(.table-column-wrapper--titles) {
  flex: 1;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 52.1%,
    rgba(255, 255, 255, 0) 100%
  );
}
@media (max-width: 767px) {
  .table-column-wrapper:not(.table-column-wrapper--titles) {
    min-width: 176px;
    flex: initial;
    width: 176px;
  }
}
.table-column-wrapper:not(.table-column-wrapper--titles):hover {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.45) 0%,
    rgba(114, 199, 255, 0.45) 52.1%,
    rgba(70, 144, 213, 0.45) 100%
  );
}
.table-column {
  border-bottom: 1px solid #506589;
}
.table-column-wrapper:last-child .table-column {
  border-right: 1px solid #506589;
}
.table-column--titles {
  width: 385px;
}
@media (max-width: 991px) {
  .table-column--titles {
    width: 200px;
  }
}
@media (max-width: 575px) {
  .table-column--titles {
    width: 144px;
  }
}
.table-column__str {
  border: 1px solid #506589;
  border-bottom: none;
  border-right: none;
  padding: 15px 20px 16px;
  font-size: 15px;
  line-height: 17px;
}
@media (max-width: 575px) {
  .table-column__str {
    font-size: 12px;
    line-height: 15px;
    padding: 13px;
  }
}
.table-column-wrapper:not(.table-column-wrapper--titles) .table-column__str {
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-column__str-text {
  position: relative;
  display: inline-block;
}
.table-column__str-asterisk {
  text-decoration-line: underline;
  color: #07cfb5;
  cursor: pointer;
}
.table-column__tip {
  background: #424986;
  font-size: 13px;
  line-height: 1.2;
  padding: 7px 15px 11px 11px;
  position: absolute;
  display: none;
  z-index: 20;
  max-width: 242px;
  right: -191px;
  top: 51px;
}
@media (max-width: 991px) {
  .table-column__tip {
    right: -145px;
    top: 107px;
  }
}
.table-column__str-asterisk:hover + .table-column__tip {
  display: block;
}

.table-column__icon {
  position: relative;
  width: 69px;
  height: 69px;
  display: flex;
  align-items: flex-end;
  margin: 0 auto;
}
.table-column__icon-item {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  transition: ease 0.3s;
}
.table-column__icon-dots,
.table-column__icon-star {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.table-column__icon-lines {
  position: absolute;
  top: 26px;
  left: 28px;
}
.table-column__icon-check {
  position: absolute;
  top: 15px;
  right: 7px;
}
.table-column-wrapper .h2 {
  font-weight: 700;
  margin: 16px 0 5px;
}
@media (max-width: 575px) {
  .table-column-wrapper .h2 {
    font-size: 13px;
    margin: 10px 0 3px;
  }
  .main-price-group .table-column-wrapper p {
    font-size: 11px;
    margin: 0 auto;
    max-width: 140px;
  }
}
.tariff-table__main-price-item {
  height: 180px;
  max-width: 230px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 575px) {
  .tariff-table__main-price-item {
    height: 166px;
  }
}
.tariff-table__price {
  padding: 22px 0 18px;
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  color: #07cfb5;
}
@media (max-width: 575px) {
  .tariff-table__price {
    font-size: 20px;
    line-height: 24px;
    padding: 14px 0 6px;
  }
}
.tariff-table__price span {
  font-size: 16px;
  line-height: 19.5px;
}
@media (max-width: 575px) {
  .tariff-table__price span {
    font-size: 13px;
    line-height: 1.3;
  }
}
.tariff-table__btn {
  max-width: 206px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .tariff-table__btn {
    max-width: 170px;
  }
}
@media (max-width: 991px) {
  .tariff-table__btn {
    max-width: 160px;
  }
}
.tariff-table .btn-gradient {
  color: #fff;
  border: 1px solid #fff;
  width: 100%;
  margin: 0 auto;
  font-size: 13px;
  line-height: 16px;
}
@media (max-width: 1199px) {
  .tariff-table .btn-gradient {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (max-width: 991px) {
  .tariff-table .btn-gradient {
    font-size: 12px;
    line-height: 1.2;
  }
}
@media (max-width: 575px) {
  .tariff-table .btn-gradient {
    padding: 13px 17px;
  }
}
.tariff-table .btn-gradient::after {
  background: transparent;
  width: 100%;
}
.tariff-grid-support .btn-gradient {
  padding: 11px 0 10px;
  text-decoration: underline;
  font-size: 13px;
}
.tariff-grid-support .btn-gradient::after,
.tariff-grid-support .tariff-item:hover .btn-gradient::after {
  background: transparent;
}
.table-column-wrapper:not(.table-column-wrapper--titles):hover .btn-gradient {
  border-color: transparent;
}
.table-column-wrapper:not(.table-column-wrapper--titles):hover
  .btn-gradient::after {
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
}

.table-column-wrapper:not(.table-column-wrapper--titles):hover
  .table-column__icon-item {
  animation-duration: 0.5s;
  animation-name: iconUp;
}
.table-column-wrapper:not(.table-column-wrapper--titles):hover
  .table-column__icon-star {
  animation-duration: 0.5s;
  animation-name: iconUp;
}
.table-column-wrapper:not(.table-column-wrapper--titles):hover
  .table-column__icon-dots {
  animation-duration: 0.6s;
  animation-name: iconUp;
}
.table-column-wrapper:not(.table-column-wrapper--titles):hover
  .table-column__icon-check {
  animation-duration: 0.5s;
  animation-name: iconUp1;
}
.table-column-wrapper:not(.table-column-wrapper--titles):hover
  .table-column__icon-lines {
  animation-duration: 0.6s;
  animation-name: iconUp2;
}

.audit-group {
  background: #f8f8f8;
  padding: 63px 0 51px;
}
.audit-group__page-title {
  margin: 0 0 26px;
}
.audit.new-audit {
  max-width: 996px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  /* align-items: start; */
  align-items: stretch;
}
@media (max-width: 767px) {
  .audit.new-audit {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.audit-item__head {
  width: 100%;
  aspect-ratio: 322/226;
  position: relative;
}
@media (max-width: 575px) {
  .audit-item__head {
    aspect-ratio: 320/145;
  }
}
.audit-item__head::after {
  content: "";
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.67) 0%,
    rgba(114, 199, 255, 0.67) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.audit-item__head-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.audit-item__head-title {
  position: absolute;
  z-index: 3;
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  text-transform: uppercase;
  color: #ffffff;
  max-width: 233px;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .audit-item__head-title {
    font-size: 20px;
    line-height: 24px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
}
.new-audit .audit-item-text {
  padding: 19px 42px 23px 23px;
  margin-bottom: 23px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #000;
  flex-grow: 1;
  /* height: 305px;
    min-height: 305px;
    overflow: hidden;
    transition: .3s; */
}
@media (max-width: 767px) {
  .new-audit .audit-item-text {
    height: auto;
    min-height: auto;
  }
}
@media (max-width: 575px) {
  .new-audit .audit-item-text {
    padding: 12px 12px 21px;
  }
}
.new-audit .audit-item {
  background: #ffffff;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.07);
  border: none;
  padding-bottom: 36px;
  min-width: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 575px) {
  .new-audit .audit-item {
    padding-bottom: 40px;
  }
}
.new-audit .audit-item:hover .audit-item-text {
  height: auto;
}
.new-audit .audit-item:first-child {
  border: none;
}
.btn-all.btn-all--grad:hover {
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
  color: #fff;
  border: none;
}
.btn-all.btn-all--grad {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 400;
  min-width: auto;
  margin: 0 auto;
  padding: 12px 42.5px;
  height: 42px;
}
.btn-all.audit-item__btn-all {
  max-width: 206px;
}
.new-audit .btn-group-audit {
  position: initial;
}

.questions-wrap.new-questions-wrap {
  padding-bottom: 88px;
}
@media (max-width: 575px) {
  .questions-wrap.new-questions-wrap {
    padding: 41px 0 62px;
  }
}
.questions-wrap__page-title {
  margin: 0 0 37px;
}
@media (max-width: 575px) {
  .questions-wrap__page-title {
    margin: 0 0 12px;
  }
}
.new-questions-wrap .questions-list {
  max-width: 100%;
}
.new-questions-wrap .questions-list__title {
  padding-left: 40px;
  padding-right: 26px;
}
@media (max-width: 575px) {
  .new-questions-wrap .questions-list__title {
    padding-left: 19px;
    padding-right: 30px;
    padding-bottom: 9px;
    font-size: 14px;
    line-height: 17px;
  }
  .questions-list__item {
    padding-bottom: 0;
  }
}
.new-questions-wrap .questions-list__content {
  padding: 0 128px 32px 40px;
}
@media (max-width: 575px) {
  .new-questions-wrap .questions-list__content {
    padding: 0 19px 22px 19px;
    font-size: 13px;
    line-height: 1.2;
  }
}

.other-services {
  background: #f8f8f8;
  padding-bottom: 50px;
}
.other-services__page-title {
  margin: 0 auto 26px;
  max-width: 70%;
}
@media (max-width: 991px) {
  .other-services__page-title {
    max-width: 87%;
  }
}
@media (max-width: 575px) {
  .other-services__page-title {
    max-width: 75%;
    margin: 0 auto 15px;
  }
}
@media (max-width: 575px) {
  .other-services .container {
    max-width: 100%;
    padding: 0;
  }
}
.other-slider {
  position: relative;
}
.other-slider__slide {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 27px 0 28px;
  border: 1px solid transparent;
  border-image: linear-gradient(
    90deg,
    rgba(110, 20, 177, 0) 1.34%,
    rgba(6, 207, 181, 0) 100%
  );
  border-image-slice: 1;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0);
}
@media (max-width: 991px) {
  .other-slider__slide {
    min-height: 270px;
  }
}
@media (max-width: 575px) {
  .other-slider__slide {
    padding: 0 20px;
    width: 249px;
    min-height: 190px;
    justify-content: center;
  }

  .other-slider .swiper-wrapper {
    align-items: center;
  }
}
.other-slider__slide.swiper-slide-active {
  margin-bottom: 10px;
  border: 1px solid #6e14b1;
  border-image: linear-gradient(90deg, #6e14b1 1.34%, #06cfb5 100%);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.07);
  border-image-slice: 1;
}
@media (max-width: 575px) {
  .other-slider__slide.swiper-slide-active {
    min-height: 232px;
    width: 256px;
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
.other-slider__slide.swiper-slide-active .other-slider__btn-all {
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
  color: #fff;
  border: none;
}
.other-slider__slide-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 245px;
  margin: 0 auto;
  padding-bottom: 36px;
}
.other-slider__slide-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  margin: 16px 0 7px;
  min-height: 40px;
}
@media (max-width: 991px) {
  .other-slider__slide-title {
    min-height: 60px;
  }
}
@media (max-width: 575px) {
  .other-slider__slide-title {
    font-size: 15px;
    margin: 9px 0 3px;
    min-height: 40px;
  }
}
.other-slider__slide-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #000000;
}
.btn-all.other-slider__btn-all {
  max-width: 176px;
}

.useful-article {
  padding: 57px 0 77px;
  background: #f8f8f8;
}
.useful-article__page-title {
  margin: 0 0 21px;
}
@media (max-width: 575px) {
  .useful-article__page-title {
    margin: 0 0 10px;
  }
}
.aricle-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding-bottom: 22px;
}
@media (max-width: 767px) {
  .aricle-wrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 7px;
    padding-bottom: 7px;
  }
}
.article-item {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  padding: 17px 20px;
  text-decoration: none;
}
.article-item__flex {
  display: flex;
}
@media (max-width: 575px) {
  .article-item {
    padding-right: 15px;
  }
}
.article-item:hover {
  text-decoration: none;
}
.article-item__image {
  border-radius: 5px;
  width: 105px;
  height: 105px;
  min-width: 105px;
  margin-right: 25px;
}
.article-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
@media (max-width: 575px) {
  .article-item__image {
    margin-right: 14px;
  }
}
.article-item__title {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  color: #000000;
  max-width: 70%;
}
@media (max-width: 575px) {
  .article-item__title {
    order: 2;
    font-size: 13px;
  }
}
.article-item__desc {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.2;
  color: #5b5b5b;
  margin: 3px 0 16px;
}
@media (max-width: 575px) {
  .article-item__desc {
    display: none;
  }
}
.article-item__desc--mob {
  display: none;
}
@media (max-width: 575px) {
  .article-item__desc--mob {
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin: 10px 0 0;
  }
}
.article-item__date {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.2;
  color: #9d9d9d;
}
@media (max-width: 575px) {
  .article-item__date {
    font-size: 12px;
    margin-bottom: 4px;
    order: 1;
  }
  .article-item__info {
    display: flex;
    flex-direction: column;
    width: 67%;
  }
}
.link-more {
  font-weight: 700;
  font-size: 13px;
  line-height: 1.2;
  color: #000000;
  position: relative;
  padding-right: 18px;
  display: inline-block;
  padding-bottom: 1px;
  text-decoration: none;
}
@media (max-width: 575px) {
  .link-more {
    font-size: 12px;
    line-height: 17px;
  }
  .link-more span {
    position: relative;
    display: inline-block;
  }
  .link-more span::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 1px;
    background: linear-gradient(90deg, #6e14b1 1.28%, #06cfb5 95.52%);
  }
}
.link-more:hover {
  color: #000;
  text-decoration: none;
}
.link-more::after {
  content: "";
  position: absolute;
  background-image: url(/local/templates/acroweb/img/seo/arrow-angle-up.svg);
  width: 10px;
  height: 11px;
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  top: 3px;
}
@media (max-width: 575px) {
  .link-more::after {
    right: 20%;
    bottom: 2px;
    top: auto;
  }
}
.link-more::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 1px;
  background: linear-gradient(90deg, #6e14b1 1.28%, #06cfb5 95.52%);
}
@media (max-width: 575px) {
  .link-more::before {
    width: 50%;
    left: 52px;
  }
}
.useful-article__link-more {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 575px) {
  .useful-article__link-more {
    width: 202px;
    text-align: center;
    padding: 0;
  }
}

.form-order-wrapper {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.13) 0%,
    rgba(114, 199, 255, 0.13) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  padding: 53px 0 61px;
}
@media (max-width: 575px) {
  .form-order-wrapper {
    padding: 41px 0 45px;
  }
}
.form-order-wrapper .feedback-wrap__section {
  max-width: 690px;
  margin: 0 auto;
  padding: 0;
}
.form-order-wrapper .row {
  justify-content: center;
}
.form-order-wrapper__page-title {
  margin: 0 auto 14px;
  max-width: 70%;
}
@media (max-width: 575px) {
  .form-order-wrapper__page-title {
    margin: 0 auto 28px;
    max-width: 266px;
    font-size: 15px;
  }
}
.form-order-wrapper__item {
  max-width: 458px;
}
@media (max-width: 767px) {
  .form-order-wrapper__item {
    max-width: 100%;
  }
}

.logotip-banner--seo .logotip-banner__title strong {
  font-weight: 800;
  font-size: 55px;
  display: inline-block;
}
@media (max-width: 1370px) {
  .logotip-banner--seo .logotip-banner__title strong {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .logotip-banner--seo .logotip-banner__title strong {
    font-size: 35px;
  }
}
.logotip-banner--seo .logotip-banner__title span {
  display: inline-block;
}
.logotip-banner--seo .logotip-banner__title {
  font-weight: 400;
  font-size: 25px;
  line-height: 129.9%;
  text-transform: uppercase;
  color: #404040;
  position: absolute;
}
.logotip-banner.logotip-banner--seo .container {
  padding: 0;
  z-index: 100;
  position: relative;
}
@media (max-width: 575px) {
  .logotip-banner.logotip-banner--seo .container {
    padding: 0 15px;
  }
}
.logotip-banner--seo .slide__btn .btn-gradient {
  padding-left: 44px;
  padding-right: 44px;
}
.logotip-banner--seo .slide__btn {
  width: 304px;
}
.logotip-banner__subtitle li {
  list-style: none;
  position: relative;
  padding-left: 24px;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2;
  color: #000000;
  margin-bottom: 17px;
}
.logotip-banner__subtitle li:last-child {
  margin-bottom: 0;
}
.logotip-banner__subtitle li::before {
  content: "";
  background: linear-gradient(297.22deg, #3182b3 -51.04%, #06cfb5 128.22%);
  border-radius: 40px;
  width: 10px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 8px;
}
.logotip-banner__subtitle ul {
  padding-left: 8px;
}

.logotip-banner--seo .logotip-banner__image {
  height: auto;
}
@media (max-width: 1740px) {
  .logotip-banner--seo .logotip-banner__image {
    right: -150px;
  }
}
@media (max-width: 1199px) {
  .logotip-banner--seo .logotip-banner__image {
    right: 0px;
  }
}
@media (max-width: 991px) {
  .logotip-banner--seo .logotip-banner__image {
    right: -150px;
  }
  .logotip-banner--seo .main-banner__btn {
    align-items: start;
  }
}
@media (max-width: 767px) {
  .logotip-banner--seo .logotip-banner__image {
    right: 0px;
  }
}
@media (max-width: 575px) {
  .logotip-banner--seo .logotip-banner__image {
    right: 15%;
  }
}
@media (max-width: 440px) {
  .logotip-banner--seo .logotip-banner__image {
    right: 25%;
  }
}
@media (max-width: 400px) {
  .logotip-banner--seo .logotip-banner__image {
    right: 32%;
  }
}
@media (max-width: 370px) {
  .logotip-banner--seo .logotip-banner__image {
    right: 17%;
  }
}

.logotip-banner-title-wrap {
  min-height: 142px;
  position: relative;
}
.logotip-banner__title--anim1 strong {
  line-height: 1.2;
}

@keyframes iconUp {
  0% {
    top: 0;
  }

  50% {
    top: 30px;
  }

  100% {
    top: 0;
  }
}
@keyframes iconUp1 {
  0% {
    top: 15px;
  }

  50% {
    top: 22px;
  }

  100% {
    top: 15px;
  }
}
@keyframes iconUp2 {
  0% {
    top: 26px;
  }

  50% {
    top: 33px;
  }

  100% {
    top: 26px;
  }
}

/* общие для баннеров */
.logotip-banner-new .logotip-banner__title strong {
  font-weight: 800;
  font-size: 55px;
  display: inline-block;
}
@media (max-width: 1370px) {
  .logotip-banner-new .logotip-banner__title strong {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .logotip-banner-new .logotip-banner__title strong {
    font-size: 35px;
  }
}
.logotip-banner-new .logotip-banner__title span {
  display: inline-block;
}
.logotip-banner-new .logotip-banner__title {
  font-weight: 400;
  font-size: 25px;
  line-height: 129.9%;
  text-transform: uppercase;
  color: #404040;
  position: initial;
}
.logotip-banner.logotip-banner--new .container {
  padding: 0;
  /* z-index: 100; */
  position: relative;
}
@media (max-width: 575px) {
  .logotip-banner.logotip-banner-new .container {
    padding: 0 15px;
  }
}
.logotip-banner-new .slide__btn .btn-gradient {
  padding-left: 43px;
  padding-right: 43px;
}
.logotip-banner-new .slide__btn {
  width: 304px;
}
.logotip-banner .logotip-banner__content {
  z-index: 19;
  position: relative;
}
.logotip-banner-new .logotip-banner-title-wrap {
  min-height: auto;
}
.logotip-banner-new {
  z-index: 19;
}
.logotip-banner-new .logotip-banner__image {
  height: auto;
}
@media (max-width: 350px) {
  .logotip-banner--seo .logotip-banner__title strong {
    font-size: 28px;
  }
  .logotip-banner--seo .slide__btn {
    width: 100%;
  }
  .logotip-banner--seo .main-banner__btn {
    max-width: 100%;
    width: 100%;
  }
}

/* .about .header-phone-item a{
    color: #fff;
} */

/* Разработка сайтов */
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media (max-width: 991px) {
  .grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .grid-3 {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}
.grid-item {
  position: relative;
  cursor: pointer;
}

.why-item1::before,
.why-item1__desc::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(90deg, #6e14b1 1.34%, #06cfb5 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: add, add;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
}

.why-item1__desc::before {
  top: -1px;
  overflow: hidden;
}

.grid-item:hover .why-item1::before,
.grid-item:hover .why-item1__desc::before,
.grid-item.open .why-item1::before,
.grid-item.open .why-item1__desc::before {
  box-shadow: 0px 0px 15px rgba(107, 74, 132, 0.1);
  opacity: 1;
}

.why-item1__desc {
  overflow: hidden;
}

.dev-why-service {
  padding: 66px 0 87px;
}
.dev-why-service.why-service--dev-online-store {
  padding: 40px 0 60px;
}
@media (max-width: 767px) {
  .dev-why-service {
    padding: 36px 0 46px;
  }
}
.why-service.why-service--dev-lp {
  padding: 60px 0 20px;
}
.why-service.why-service--dev-corporate {
  padding: clamp(30px, 2.62vw, 50px) 0;
}
.dev-why-service .page-title {
  margin: 0 0 21px;
}
@media (max-width: 767px) {
  .dev-why-service .page-title {
    margin: 0 0 3px;
  }
}
.page-text {
  font-weight: 400;
  font-size: 21px;
  line-height: 1.2;
  text-align: center;
  color: #010101;
}
.page-text--left {
  text-align: left;
}
.page-text--md {
  font-size: 18px;
}

@media (max-width: 767px) {
  .page-text {
    font-size: 14px;
  }
  .why-service--dev-corporate .page-text {
    padding-right: 10px;
  }
}
.page-text__item--bold {
  font-weight: 700;
}
.dev-why-service .page-text {
  max-width: 999px;
  margin: 0 auto 72px;
}
.dev-why-service.why-service--dev-online-store .page-text {
  margin: 0 auto;
}
.why-service--dev-lp .page-text {
  text-align: left;
}
@media (max-width: 767px) {
  .dev-why-service .page-text {
    max-width: 100%;
    margin: 0 auto 34px;
  }
}
.page-title .color-purple {
  color: #765fb6;
}
.why-service__block .page-title {
  margin: 0 auto 23px;
  max-width: 65%;
}
@media (max-width: 767px) {
  .why-service__block .page-title {
    max-width: 100%;
    margin: 0 auto 10px;
  }
}
.why-service .help-group__item {
  max-width: none;
}
.why-item1__info {
  color: #010101;
  display: flex;
  align-items: center;
  gap: 25px;
  position: relative;
}
.why-item1__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
  max-width: 212px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .why-item1__title {
    max-width: 152px;
  }
}
.why-item1__title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background-image: url(/local/templates/acroweb/img/dev-sites/arrow-green.svg);
  width: 12px;
  height: 7px;
  background-repeat: no-repeat;
  opacity: 0;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .why-item1__title::after {
    opacity: 1;
  }
}
.why-item1__desc {
  font-size: 13px;
  line-height: 1.2;
  display: none;
  padding: 0px 25px 15px 34px;
  background: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  top: 98%;
  border: 1px solid #e8e8e8;
  border-top: none;
  z-index: 3;
}
@media (max-width: 767px) {
  .why-item1__desc {
    padding: 6px 0 0;
    position: initial;
    border: none;
  }
}
.why-item1__icon {
  min-width: 56px;
  height: 57px;
}
.why-item1__icon img {
  height: 100%;
}
.why-item1 {
  border: 1px solid #e8e8e8;
  padding: 22px 16px 21px 35px;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
  background: #fff;
  min-width: fit-content;
}
@media (max-width: 767px) {
  .why-service .grid-item {
    border: 1px solid #e8e8e8;
    padding: 23px 17px 17px 20px;
  }
  .why-item1 {
    padding: 0;
    height: auto;
    border: none;
  }
}
@media (min-width: 768px) {
  .why-item1.open {
    /* position: absolute; */
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.05);
    z-index: 2;
    height: auto;
  }
  /* .why-item1:hover .why-item1__desc{
        display: block;
    } */
}
.why-item1.open .why-item1__title::after {
  transform: rotate(-180deg);
}
.item-link {
  color: #765fb6;
}

.dev-site-stages-dev {
  padding: 71px 0 92px;
}
.dev-site-stages-dev .stages-dev-box {
  padding: 50px 73px 39px 57px;
  width: 876px;
  min-height: auto;
  height: 100%;
}
@media (max-width: 1199px) {
  .dev-site-stages-dev .stages-dev-box {
    width: 715px;
    min-height: 500px;
  }
}
@media (max-width: 991px) {
  .dev-site-stages-dev .stages-dev-box {
    padding: 50px 33px 39px 37px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .dev-site-stages-dev .stages-dev-box {
    padding: 0 0 26px;
    width: auto;
    height: auto;
    min-height: auto;
  }
}
.dev-site-stages-dev .stages-dev-box__desc {
  font-size: 15px;
  margin: 0;
}
.dev-site-stages-dev .stages-dev-box__title-desk {
  text-align: left;
  margin: 0 0 47px;
}
.dev-site-stages-dev .stages-dev__col-content {
  min-height: 472px;
}
@media (max-width: 1199px) {
  .dev-site-stages-dev .stages-dev__col-content {
    min-height: 544px;
  }
}
@media (max-width: 1199px) {
  .dev-site-stages-dev .stages-dev__col-content {
    min-height: 472px;
  }
}
@media (max-width: 767px) {
  .dev-site-stages-dev .stages-dev__col-content {
    min-height: auto;
  }
}
.dev-site-stages-dev .stages-dev__list li:not(.stages-dev__list li:last-child) {
  margin-bottom: 52px;
}
.dev-site-stages-dev .stages-dev-box__content {
  gap: 43px;
}
@media (max-width: 991px) {
  .dev-site-stages-dev .stages-dev-box__content {
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 20px;
    gap: 23px;
  }
}
@media (max-width: 767px) {
  .dev-site-stages-dev .stages-dev-box__content {
    padding-bottom: 0;
    gap: 29px;
    min-height: 352px;
    width: 100%;
  }
}
.stages-dev-item {
  max-width: 220px;
}
@media (max-width: 991px) {
  .stages-dev-item {
    min-width: 220px;
  }
}

.stages-dev-item__title {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  color: #ffffff;
  position: relative;
  display: flex;
  gap: 6px;
}
@media (max-width: 767px) {
  .stages-dev-item__title {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .stages-dev-item__title {
    max-width: 174px;
  }
}
.stages-dev-item__title span {
  color: #07cfb5;
}
.stages-dev-item:not(.stages-dev-item:last-child)
  .stages-dev-item__title::after {
  content: "";
  position: absolute;
  right: 0;
  background-image: url(/local/templates/acroweb/img/dev-sites/small-arrow-green.svg);
  width: 17px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.stages-dev-item__desc {
  font-size: 13px;
  line-height: 1.2;
  margin: 7px 0 0;
  color: #ffffff;
}
.dev-site-stages-dev .stages-dev-box__image {
  min-width: auto;
  height: 55px;
  margin: 0 0 16px;
}

@media (max-width: 1199px) {
  .dev-site-stages-dev .stages-dev__container {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .dev-site-stages-dev .stages-dev-box__title,
  .dev-site-stages-dev .stages-dev-box__desc,
  .dev-site-stages-dev .stages-dev-box__title-desk {
    display: none;
  }
  .dev-site-stages-dev .stages-dev-box__image {
    display: block;
  }
}
@media (max-width: 575px) {
  .dev-site-stages-dev .container {
    padding-right: 0;
    padding-left: 27px;
  }
  .dev-site-stages-dev .stages-dev-box__content-mob {
    padding-right: 0;
  }
}

.steps-section {
  background: #f8f8f8;
  padding: 68px 0 0;
}
.steps-section--dev {
  padding: 20px 0 65px;
}
.steps-block {
  display: flex;
}
.steps-block__tabs {
  min-width: 319px;
  background-image: url(/local/templates/acroweb/img/dev-sites/tabs-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .steps-block__tabs {
    min-width: 220px;
  }
}
@media (max-width: 767px) {
  .steps-block__tabs {
    display: none;
    background-image: url(/local/templates/acroweb/img/dev-sites/bg-tabs-mob.jpg);
  }
}
.steps-block__tab_mobile {
  display: none;
}
@media (max-width: 767px) {
  .steps-block__tab_mobile {
    display: block;
  }
}
.step-block__tab {
  padding: 43px 41px 43.5px;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
}
@media (max-width: 991px) {
  .step-block__tab {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .step-block__tab {
    padding: 20px 12px 24px;
  }
}
.step-block__tab::after {
  content: "";
  position: absolute;
  right: -28px;
  top: 50%;
  border: 17px solid transparent;
  border-left: 11px solid #39668e;
  transform: translateY(-50%);
  opacity: 0;
  z-index: 3;
}
@media (max-width: 991px) {
  .step-block__tab::after {
    right: -27px;
  }
}
@media (max-width: 767px) {
  .step-block__tab::after {
    right: auto;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    top: auto;
    bottom: -18px;
    z-index: -1;
    transition: 0.3s;
  }
  .step-block__tab.active::after {
    bottom: -30px;
    z-index: 3;
    transition: 0.3s;
  }
}
.step-block__tab.active {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgb(118 95 182 / 57%) 0%,
    rgb(114 199 255 / 34%) 52.1%,
    rgba(70, 144, 213, 0.67) 100%
  );
}
.step-block__tab.active::after {
  opacity: 1;
}
.step-block__tab:hover {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgb(118 95 182 / 57%) 0%,
    rgb(114 199 255 / 34%) 52.1%,
    rgba(70, 144, 213, 0.67) 100%
  );
}
.step-block__tab:not(.step-block__tab:last-child)::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.67) 0%,
    rgba(114, 199, 255, 0.67) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  opacity: 0.45;
  height: 2px;
}
.step-block__tab.active:not(.step-block__tab:last-child)::before {
  opacity: 0;
}
.steps-block__content {
  position: relative;
  flex-grow: 1;
  background: #fff;
}
@media (max-width: 767px) {
  .steps-block__content {
    background: transparent;
  }

  .steps-block__uniq:not(.steps-block__uniq:last-child)
    .step-block__tab::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: radial-gradient(
      273.87% 180.28% at 31.94% 4.83%,
      rgba(118, 95, 182, 0.67) 0%,
      rgba(114, 199, 255, 0.67) 52.1%,
      rgba(70, 144, 213, 0) 100%
    );
    opacity: 0.45;
    height: 2px;
  }
  .steps-block__uniq:not(.steps-block__uniq:last-child)
    .step-block__tab.active::before {
    opacity: 0;
  }
}
.step-block__stage {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  color: #07cfb5;
  margin-bottom: 5.5px;
}
.step-block__title {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  color: #ffffff;
}
@media (max-width: 767px) {
  .step-block__stage,
  .step-block__title {
    font-size: 14px;
    line-height: 1.3;
  }
}
.step-block__title_black {
  color: #010101;
}
.steps-block__desc {
  font-size: 15px;
  line-height: 133.9%;
  color: #010101;
  margin: 9px 0 20px;
  min-height: 100px;
}
@media (max-width: 991px) {
  .steps-block__desc {
    font-size: 13px;
    margin: 9px 0 10px;
  }
}
@media (max-width: 767px) {
  .steps-block__desc {
    padding: 26px 12px 19px;
    min-height: auto;
    margin: 0;
    background: #fff;
  }
}
.steps-block__background {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.13) 0%,
    rgba(114, 199, 255, 0.13) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  border-radius: 5px;
  padding: 64px 170px;
}
@media (max-width: 991px) {
  .steps-block__background {
    padding: 24px 90px;
  }
}
@media (max-width: 767px) {
  .steps-block__background {
    padding: 22px 22px 24px 16px;
  }
}
.steps-block__uniq {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 33px 50px 43px 49px;
}
@media (max-width: 991px) {
  .steps-block__uniq {
    padding: 33px 20px 43px 29px;
  }
}
@media (max-width: 767px) {
  .steps-block__uniq {
    position: initial;
    display: block;
    padding: 0;
  }
  .steps-block__wrap {
    display: none;
  }
  .steps-block__wrap .step-block__title {
    display: none;
  }
}
.steps-block__uniq.visib {
  display: block;
}

.background-section {
  background: #f8f8f8;
}
.background-section--cyan {
  background: rgba(189, 237, 240, 0.51);
}
.many-services {
  padding: 88px 0 53px;
}
@media (max-width: 767px) {
  .many-services {
    padding: 48px 0 23px;
  }
}
.many-services .page-title {
  margin: 0 0 59px;
}

.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 39px 20px;
}
@media (max-width: 1199px) {
  .grid-5 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .grid-5 {
    grid-template-columns: 1fr;
  }
}
.service-card {
  background: #ffffff;
  border-radius: 6px;
  padding: 12px 13px 31px 16px;
  position: relative;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .service-card {
    padding: 12px 15px 22px 16px;
  }
}
.service-card__title {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
  color: #000000;
  margin: 20px 0 7px;
}

.service-card__desc {
  font-size: 13px;
  line-height: 1.2;
  color: #000000;
}
.service-card__desc ul {
  margin: 13px 0 0;
  padding: 0 0 0 16px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.service-card__icon {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.31) 0%,
    rgba(114, 199, 255, 0.31) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  width: 57px;
  height: 57px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -28.5px;
}
.service-card__link {
  display: block;
  background-image: url(/local/templates/acroweb/img/dev-sites/arrow-green-angle.svg);
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  margin-left: auto;
  transform: translate(0, 0);
  transition: ease-in 0.3s;
}
.service-card:hover .service-card__link {
  transform: translate(5px, -3px);
}
.service-card__link-none::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.our-team-dev {
  padding-bottom: 90px;
}
@media (max-width: 767px) {
  .our-team-dev {
    padding-bottom: 47px;
  }
}
.our-team-dev .our-team__circle {
  background-image: url(/local/templates/acroweb/img/dev-sites/circle-team2.png);
  width: 368px;
  height: 368px;
}
.our-team__subtitle {
  font-size: 15px;
}
.our-team-dev .our-team__col-left {
  padding-right: 80px;
}
.our-team-dev .our-team__col-right {
  padding-left: 80px;
}
.our-team-dev .our-team__desc {
  margin-top: 50px;
}

.our-team-dev .our-team__item--web .our-team__item-title {
  width: 170px;
}
.our-team-dev .our-team__col-left .our-team__item-title {
  margin-right: 30px;
}

@media (max-width: 1199px) {
  .our-team-dev .our-team__col-left {
    padding-right: 0px;
  }
  .our-team-dev .our-team__col-right {
    padding-left: 0px;
  }
  .our-team-dev .our-team__col-left .our-team__item-title {
    margin-right: 18px;
  }
  .our-team-dev .our-team__content {
    height: 400px;
    justify-content: space-between;
  }
  .our-team-dev .our-team__col {
    padding: 0px 0 10px;
  }
}
@media (max-width: 991px) {
  .our-team-dev .our-team__col-left .our-team__item-title {
    margin-right: 0px;
  }
  .our-team-dev .our-team__circle {
    width: 268px;
    height: 268px;
  }
  .our-team-dev .our-team__content {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .our-team-dev .our-team__col {
    padding: 0;
  }
  .our-team-dev .our-team__content {
    height: auto;
  }
}
@media (max-width: 575px) {
  .our-team-dev .our-team__desc {
    margin: 0;
  }
  .our-team-dev .our-team__item--web .our-team__item-title {
    width: 100%;
  }
}

.new-portfolio {
  padding: 67px 0 56px;
}
@media (max-width: 767px) {
  .new-portfolio {
    padding: 48px 0 21px;
  }
}
.new-portfolio .page-title {
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .new-portfolio .page-title {
    margin: 0 0 9px;
  }
}
.new-portfolio-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
}
@media (max-width: 1199px) {
  .new-portfolio-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .new-portfolio-grid {
    gap: 0;
  }
}
.case-item {
  padding: 0 80px 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1366px) {
  .case-item {
    padding: 0 40px 0;
  }
}
@media (max-width: 1199px) {
  .case-item {
    padding: 0 15% 0;
  }
}
@media (max-width: 767px) {
  .case-item {
    padding: 0 17% 0;
  }
}
.case-item__image {
  margin: 70px auto 0;
  aspect-ratio: 313/276;
  overflow: hidden;
  border-radius: 5px 5px 0px 0px;
}
@media (max-width: 767px) {
  .case-item__image {
    margin-top: 23px;
  }
}
.case-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-item__hover {
  transform: translateY(100%);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgb(118 95 182 / 83%) 0%,
    rgb(114 199 255 / 83%) 52.1%,
    rgba(70, 144, 213, 0.83) 100%
  );
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: ease-in 0.3s;
  padding: 0 10px;
  opacity: 0;
}
@media (max-width: 767px) {
  .case-item__hover {
    padding: 5px;
  }
}
.case-item__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
  text-align: center;
}
@media (max-width: 767px) {
  .case-item__title {
    font-size: 14px;
  }
}
.case-item__desc {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  margin: 9px 0 21px;
}
@media (max-width: 767px) {
  .case-item__desc {
    font-size: 12px;
    margin: 5px 0 10px;
  }
}
.case-item .btn-white {
  border: 2px solid #ffffff;
  border-radius: 50px;
  padding: 12px 33.5px;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: normal;
}
@media (max-width: 1366px) {
  .case-item .btn-white {
    width: 100%;
    padding: 12px;
  }
}
@media (max-width: 1199px) {
  .case-item .btn-white {
    max-width: 242px;
  }
}
@media (max-width: 767px) {
  .case-item .btn-white {
    font-size: 10px;
    padding: 5px;
  }
}
.case-item:hover .case-item__hover {
  transform: translateY(0);
  opacity: 1;
}

.our-results {
  padding: 56px 0 58px;
}
@media (max-width: 767px) {
  .our-results {
    padding: 22px 0 43px;
  }
}
.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 35px 14px;
}
@media (max-width: 1299px) {
  .grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .grid-4 {
    grid-template-columns: 1fr;
    gap: 7px;
  }
}
.our-results .page-title {
  margin: 0 auto 41px;
  max-width: 71%;
}
@media (max-width: 767px) {
  .our-results .page-title {
    margin: 0 auto 15px;
  }
}
@media (max-width: 490px) {
  .our-results .page-title {
    max-width: 257px;
  }
}
.result-card {
  padding: 5px;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.13) 0%,
    rgba(114, 199, 255, 0.13) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
}
.result-card_long .result-card__head {
  gap: 9px;
  padding-left: 12px;
}
.result-card__head {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.13) 0%,
    rgba(114, 199, 255, 0.13) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  padding: 17px 4px 23px 14px;
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 95px;
}
@media (max-width: 1199px) {
  .result-card__head {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .result-card__head {
    padding: 17px 6px 17px 12px;
    gap: 13px;
    min-height: 81px;
  }
}
.result-card__icon img {
  max-width: none;
}
.result-card__title {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #000000;
}
@media (max-width: 767px) {
  .result-card__title {
    font-size: 14px;
  }
}
.result-card__body {
  font-size: 14px;
  line-height: 1.3;
  color: #000000;
  background: #fff;
  padding: 17px 22px 24px 20px;
  min-height: 240px;
}
@media (max-width: 767px) {
  .result-card__body {
    padding: 12px 12px 17px;
    font-size: 13px;
    min-height: auto;
  }
}
.result-card__text {
  max-width: 230px;
}
@media (max-width: 1299px) {
  .result-card__text {
    max-width: 100%;
  }
}
/* Отзывы */
.container-lg1 {
  max-width: 1356px;
}
.new-reviews {
  padding-bottom: 86px;
}
.new-reviews .page-title {
  margin: 0 0 29px;
}

.new-reviews-slider-wrapper {
  position: relative;
}
.new-reviews-slider .swiper-wrapper {
  align-items: center;
}
.new-reviews-slider-pag {
  position: initial;
  padding: 35px 0 0;
}
.new-reviews-slider-pag .swiper-pagination-bullet {
  border: 1px solid #a9a9a9;
  width: 7px;
  height: 7px;
}
.new-reviews-slider-pag .swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
  border: none;
}
.new-reviews-slide {
  background: #fff;
  box-shadow: 0px 0px 23px rgba(58, 63, 74, 0.04);
  opacity: 0.38;
}
.new-reviews-slide__author {
  flex-grow: 1;
}
.swiper-slide-active .new-reviews-slide__content {
  padding: 20px 33px 20px 27px;
  gap: 25px;
}
.swiper-slide-active .new-reviews-slide__photo {
  width: 83px;
  margin: 0 0 12px;
}
.swiper-slide-active .new-reviews-slide__name {
  font-size: 15px;
}
.swiper-slide-active .new-reviews-slide__place {
  font-size: 12px;
}
.swiper-slide-active .new-reviews-slide__text {
  font-size: 14px;
  max-width: 318px;
  padding: 37px 0 38px 26px;
}
.new-reviews-slide.swiper-slide-active {
  opacity: 1;
  min-width: 625px;
  width: 625px !important;
  margin-left: -88px;
}
.new-reviews-slide__content {
  display: flex;
  align-items: center;
  padding: 7px 42px 18px 20px;
  gap: 18px;
}
.new-reviews-slide__photo {
  width: 60px;
  aspect-ratio: 1/1;
  border-radius: 3px;
  overflow: hidden;
  margin: 0 0 7px;
}
.new-reviews-slide__photo img {
  height: 100%;
  object-fit: cover;
}
.new-reviews-slide__name {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #000000;
}
.new-reviews-slide__place {
  font-size: 9px;
  line-height: 1.25;
  color: #000000;
}
.new-reviews-slide__text {
  font-size: 11px;
  line-height: 1.2;
  color: #000000;
  max-width: 212px;
  padding: 27px 0 19px 27px;
  border-left: 1px solid #e2e2e8;
}
.new-reviews-slide__text-value {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.new-reviews-slide__photo {
  width: 60px;
  aspect-ratio: 1/1;
  border-radius: 3px;
  overflow: hidden;
  margin: 0 0 7px;
}

.read-more {
  position: relative;
  cursor: pointer;
}
.read-more span::before,
.read-more span::after {
  position: absolute;
  bottom: -20px;
  left: 0;
  text-decoration: underline;
  font-size: 12px;
  color: #07cfb5;
}
.read-more.none span::before,
.read-more.none span::after {
  display: none;
}
.read-more span::before {
  content: "Подробнее";
}
.read-more span::after {
  content: "Скрыть";
  opacity: 0;
}
.read-more-check {
  display: none;
}
.read-more-check:checked + span {
  display: block;
}
.read-more-check:checked + span::after {
  opacity: 1;
}
.read-more-check:checked + span::before {
  opacity: 0;
}

@media (max-width: 1299px) {
  .new-reviews .container-lg1 {
    padding: 0 20px;
  }
}
@media (max-width: 1199px) {
  .new-reviews-slide.swiper-slide-active {
    margin-left: -120px;
  }
}
@media (max-width: 1024px) {
  .new-reviews-slide.swiper-slide-active {
    margin-left: 0;
  }
  .new-reviews-slide.swiper-slide-active {
    width: auto !important;
    min-width: auto;
  }
}
@media (max-width: 767px) {
  .new-reviews-slide.swiper-slide-active {
    min-width: 100%;
    max-width: 100%;
  }
  .new-reviews-slide__content {
    flex-direction: column;
    align-items: flex-start;
  }
  .new-reviews-slide__content,
  .swiper-slide-active .new-reviews-slide__content {
    padding: 14px 20px 14px 14px;
    gap: 11px;
  }
  .swiper-slide-active .new-reviews-slide__photo {
    width: 60px;
    margin: 0 0 7px;
  }
  .swiper-slide-active .new-reviews-slide__name,
  .new-reviews-slide__name {
    font-size: 14px;
  }
  .new-reviews-slide__place {
    font-size: 12px;
  }
  .new-reviews-slide__text {
    border-top: 1px solid #e2e2e8;
    border-left: none;
    padding: 11px 0 20px;
    font-size: 13px;
  }
  .swiper-slide-active .new-reviews-slide__text {
    padding: 11px 0 20px;
    max-width: 100%;
    font-size: 13px;
  }

  .new-reviews .page-title {
    margin: 0 0 11px;
  }
  .new-reviews {
    padding-bottom: 60px;
  }
}

/* Форма и вопросы */
.faq-form {
  /* background: url(/local/templates/acroweb/img/bg-faq.svg) center/cover no-repeat; */
  background: url(/local/templates/acroweb/img/bg-faq.webp) center/cover
    no-repeat;
  padding: 51px 0 57px;
}
@media (max-width: 767px) {
  .faq-form {
    background: url(/local/templates/acroweb/img/bg-faq-mob.svg) center/cover
      no-repeat;
    padding: 36px 0 20px;
  }
}
.faq-form .pahe-title {
  margin: 0 0 25px;
}
.faq-form__form {
  max-width: 458px;
  flex-shrink: 1;
}
.faq-form__block {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .faq-form__block {
    justify-content: center;
    flex-wrap: wrap;
    gap: 63px;
  }
}
.faq-form__faq {
  flex-basis: 585px;
}
.faq-form .questions-wrap {
  padding: 0;
  background: transparent;
}
.faq-form .title-section {
  display: none;
}
.faq-form .questions-list {
  width: 100%;
  margin: 0;
}
.faq-form .questions-list__item {
  background: radial-gradient(
    339.23% 227.51% at 30.85% 4.46%,
    rgba(118, 95, 182, 0.45) 0%,
    rgba(114, 199, 255, 0.45) 71.06%,
    rgba(70, 144, 213, 0) 100%
  );
}
.faq-form .questions-list__title {
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  max-width: 485px;
}
.faq-form .page-title {
  text-align: left;
}
@media (max-width: 767px) {
  .faq-form .page-title {
    text-align: center;
    margin: 0 auto 20px;
  }
}
.faq-form .questions-list__content {
  color: #fff;
  background-color: transparent;
}
.faq-form .form-control,
.faq-form *.form-control {
  color: #fafafa;
  border-bottom: 1px solid #aeaeae;
  padding-left: 4px;
  background: transparent;
}
.faq-form *.form-control {
  margin-bottom: 0;
  /* margin-bottom: 35px; */
}

.faq-form *.form-control + .error {
  margin-top: 5px;
  margin-bottom: 0;
}

.form-order-wrapper__item {
  margin-bottom: 35px;
}

.faq-form *.form-control::placeholder {
  color: #fafafa;
}
.faq-form .form-control:focus,
.faq-form *.form-control:focus {
  color: #fafafa;
  background: transparent;
}
.faq-form .form-control:focus-visible,
.faq-form *.form-control:focus-visible {
  color: #fafafa;
  background: transparent;
  outline: none;
  border-bottom-color: #6228b1;
}
.faq-form .form-label,
.faq-form .form-checkbox a {
  color: #fafafa;
}
.faq-form .questions-list__content a {
  color: #07cfb5 !important;
}
.faq-form .questions-list__title:after {
  background: url(/local/templates/acroweb/img/arrow-faq-green.svg) no-repeat;
  top: 29px;
}
.faq-form .feedback-bg-new .form-checkbox {
  margin-top: -17px;
}
.form-control.form-control_border {
  border: 1px solid #aeaeae;
  padding: 8px 10px;
}
.faq-form .form-order-wrapper__item:nth-child(3) .form-control {
  margin-bottom: 16px;
}
.faq-form .submit-btn-wrap {
  justify-content: flex-start;
  margin: -21px 0 0;
  display: flex;
}
@media (max-width: 991px) {
  .faq-form .submit-btn-wrap {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .faq-form .submit-btn-wrap {
    margin: 0;
  }
  .faq-form .questions-list__title {
    font-size: 14px;
    padding: 18px 37px 17px 19px;
  }
  .faq-form .questions-list__content {
    font-size: 12px;
    line-height: 16px;
    padding: 0 37px 15px 19px;
  }
  /* .feedback-bg-new .form-checkbox{
        margin-top: -27px;
    } */
}
.faq-form .btn-gradient {
  max-width: 217px;
}
.faq-form__faq .container {
  padding: 0;
}

/* РљРІРёР· */
.quiz-section {
  /* background: url(/local/templates/acroweb/img/bg-faq.svg) center/cover no-repeat; */
  background: url(/local/templates/acroweb/img/bg-faq.webp) center/cover
    no-repeat;
  padding: 65px 45px;
}
.quiz-section .container {
  max-width: 1216px;
}
.quiz-section .page-title {
  text-align: left;
  margin: 0 0 33px;
}
.quiz__flex {
  display: flex;
  gap: 10px;
}
.quiz__title {
  font-weight: 700;
  font-size: 21px;
  line-height: 20px;
  color: #ffffff;
}
.quiz__subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  margin-top: 10px;
  color: #ffffff;
}
.quiz__description {
  font-size: 15px;
  line-height: 1.3;
  color: #fff;
  margin: 12px 0 0;
}
.quiz-questions {
  width: 70%;
}
.quiz-steps {
  width: 30%;
}
.quiz-steps .quiz__title {
  padding-left: 26px;
}
.quiz-steps .stages-dev__list {
  padding-left: 26px;
}
.quiz-steps .stages-dev__list li .stages-number {
  left: -37px;
}
.support-quiz-steps .stages-dev__list li .stages-number {
  left: -35px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: 700;
  background-color: #5a5fa1;
  border: 1px solid #8e88b6;
}
.support-quiz-steps .stages-dev__list li.current .stages-number {
  background-color: #fff;
  color: #765fb6;
  border: none;
}
.support-quiz-steps .stages-dev__list li.current .stages-number::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #765fb6;
  border-radius: 50%;
}
.quiz-steps .stages-dev__list li {
  pointer-events: none;
}
.quiz-questions__line {
  /* margin: 75px 0 0px; */
  margin: 30px 0 0 0;
}
.quiz-questions__item {
  display: none;
  min-height: 391px;
}
.quiz-questions__item.visible {
  display: block;
}
.quiz-questions__line {
  display: flex;
  gap: 17px;
  max-width: 744px;
}
.quiz-questions__var {
  flex: 1;
  max-width: 147px;
  height: 160px;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: #ffffff;
  position: relative;
  filter: drop-shadow(0px 0px 19px rgba(142, 136, 157, 0.1));
  transition: ease-in 0.3s;
  border-radius: 2px;
}

.quiz-questions__var::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  padding: 1.1px;
  border-radius: 2px;
  background: radial-gradient(
      273.87% 180.28% at 31.94% 4.83%,
      #765fb6 0%,
      #72c7ff 52.1%,
      rgba(70, 144, 213, 0) 100%
    ),
    linear-gradient(0deg, #000000, #000000);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.quiz-questions__var label:not(.quiz-input-label) {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 35px 0 25px;
  gap: 25px;
  position: relative;
  margin: 0;
}
@media screen and (min-width: 991px) {
  .support-quiz .quiz-section-step[data-step="1"] .quiz-questions__var {
    text-align: left;
  }
  .support-quiz
    .quiz-section-step[data-step="1"]
    .quiz-questions__var
    label:not(.quiz-input-label) {
    justify-content: start;
  }
}

.quiz-questions__var input:not(.quiz-input-text) {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
}

.quiz-questions__var span {
  max-width: 130px;
  display: flex;
  align-items: center;
  min-height: 34px;
  flex-direction: column;
}

.quiz-questions__item_large-text .quiz-questions__var span {
  font-size: 17px;
}

.quiz-questions__var img {
  min-width: 38px;
  width: 40px;
  height: 40px;
  min-height: 40px;
}

.quiz-questions__input-text {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.quiz-input-text {
  background: transparent;
  border: none;
  border-bottom: 2px solid #07cfb5;
  border-radius: 1px;
  color: #fff;
  margin-bottom: 2px;
  max-width: 140px;
}
.quiz-input-text::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.quiz-input-text--wide {
  max-width: 190px;
}
.quiz-input-text:focus {
  background: transparent;
  color: #fff;
}
.quiz-input-text:focus::placeholder {
  color: transparent;
}
.quiz-input-label {
  font-size: 15px;
  line-height: 1.3;
  color: #ffffff;
  margin: 0;
}
#siteArea .quiz-input-text {
  width: 236px;
  max-width: none;
  padding-bottom: 5px;
  font-size: 15px;
}
#siteArea .quiz-input-text::placeholder {
  color: #fff;
}
.quiz-questions__input-text-range {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.quiz-questions__input-text-range input {
  width: 56px;
}

.quiz-buttons {
  margin-top: 23px;
  display: flex;
  align-items: center;
  gap: 33px;
}
.quiz-btn {
  padding: 0;
  background: transparent;
  border: none;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
}
.quiz-btn_next {
  font-weight: 700;
  color: #07cfb5;
  position: relative;
  padding-right: 23px;
}
.quiz-btn_next::after {
  content: "";
  position: absolute;
  right: 0;
  background-image: url(/local/templates/acroweb/img/dev-sites/arrow-green-quiz.svg);
  width: 19px;
  height: 12px;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
}
.quiz-btn.disabled {
  color: #776c8f;
  pointer-events: none;
}
.quiz-btn.disabled::after {
  background-image: url(/local/templates/acroweb/img/dev-sites/arrow-grey-quiz.svg);
}

.quiz-questions__var.checked {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.45) 0%,
    rgba(114, 199, 255, 0.45) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
}
.quiz-questions__var.checked::before {
  opacity: 0;
}
.quiz-questions__var.checked span {
  font-weight: 700;
  color: #07cfb5;
}

.quiz-contacts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 21px 51px;
  max-width: 672px;
  margin: 30px 0 0;
  padding: 0;
}

.quiz-contacts__item_span2 {
  grid-column: span 2;
}
.quiz-contacts .form-control {
  color: #fafafa;
  border-color: #fafafa;
  margin: 0;
}
.quiz-contacts .form-control:focus {
  color: #fafafa;
}
.quiz-contacts .form-control::placeholder {
  color: #fafafa;
}
.quiz-contacts .form-order-wrapper__item {
  max-width: 100%;
}
.quiz-contacts .submit-btn-wrap {
  display: flex;
  padding: 0;
}
.quiz-contacts .btn-gradient {
  min-height: 40px;
  max-width: 238px;
  font-size: 13px;
  padding: 12px;
}
.btn-attach {
  position: relative;
  padding: 0;
  background: transparent;
  border: none;
  padding-left: 21px;
  text-decoration: underline;
}
.btn-attach::before {
  content: "";
  background: url(/local/templates/acroweb/img/dev-sites/attach-icon.svg)
    no-repeat;
  width: 15px;
  height: 16px;
  position: absolute;
  left: 0;
}
.fileinp-invisible {
  display: none;
}
.attach-container {
  display: flex;
  gap: 5px;
  flex-direction: column;
  padding-bottom: 20px;
}
.attach__wrapper {
  width: 200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
  position: relative;
  margin-top: 14px;
  overflow: hidden;
}
.attach__close {
  border: 0;
  width: 11px;
  height: 11px;
  padding: 0;
  background: url(/local/templates/acroweb/img/dev-sites/close-white.svg)
    center/contain no-repeat;
  cursor: pointer;
  outline: none;
}
.attach__name {
  width: auto;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.27;
  color: #fff;
  word-wrap: break-word;
}

.quiz-contacts .btn-attach {
  color: #fff;
}

.quiz-contacts .form-checkbox a,
.quiz-contacts .form-label {
  color: #cfcfcf;
}
.quiz-contacts .attach {
  margin-top: -24px;
  margin-bottom: 10px;
}
.quiz-questions__input-text.error {
  position: relative;
}
.quiz-questions__input-text.error .quiz-input-text {
  border-color: red;
}
.quiz-questions__input-text.error::before {
  content: "Поле не заполнено";
  position: absolute;
  left: 0;
  font-size: 12px;
  color: red;
  bottom: -20px;
}

.quiz-input-text.quiz-input-text--thin {
  max-width: 60px;
}

.quiz-questions__line .quiz-questions__input-text.error::before {
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .quiz-questions__line {
    flex-wrap: wrap;
  }
  .quiz-questions__var {
    flex: 1 1 136px;
  }
  .quiz-contacts {
    max-width: 472px;
  }
}
@media (max-width: 1050px) {
  .quiz-questions__line {
    max-width: 544px;
  }
  .quiz-questions__item {
    min-height: 463px;
  }
  .quiz__flex {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .quiz-section {
    padding: 30px 0 41px;
    background-image: url(/local/templates/acroweb/img/bg-faq-mob.svg)
      center/cover no-repeat;
  }
  .quiz-section .page-title {
    margin: 0 0 34px;
    text-align: center;
  }
  .quiz__flex {
    gap: 53px;
    flex-direction: column;
  }
  .quiz-steps .quiz__title {
    display: none;
  }
  .quiz-steps .stages-dev__list {
    display: flex;
    padding: 0 20px 0;
    gap: 23px;
    justify-content: space-between;
  }
  .quiz-steps .stages-dev__list::before {
    height: 1px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
  .quiz-steps .stages-dev__list li {
    font-size: 0;
    pointer-events: none;
  }
  .quiz-steps .stages-dev__list li .stages-number {
    position: initial;
    transform: none;
  }
  .quiz-steps .stages-dev__list li:not(.stages-dev__list li:last-child) {
    margin: 0;
  }
  .quiz-steps {
    width: 100%;
    padding-right: 9px;
  }
  .quiz-questions__item {
    min-height: auto;
  }
  .quiz-questions {
    width: 100%;
  }
  .quiz-questions__line {
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    margin: 26px 0 0;
  }
  .quiz__title {
    font-size: 15px;
  }
  .quiz-questions__var {
    font-size: 13px;
    max-width: 100%;
    height: 135px;
  }
  .quiz-buttons {
    margin-top: 29px;
    gap: 27px;
  }
  .quiz-btn {
    font-size: 14px;
  }
  .quiz__description {
    font-size: 14px;
    margin: 0;
  }
  .quiz-questions__var span {
    max-width: 120px;
  }
  .quiz-contacts {
    padding: 0;
    max-width: 100%;
    grid-template-columns: 1fr;
    margin-top: 17px;
    gap: 19px;
  }
  .quiz-contacts__item_span2 {
    grid-column: auto;
  }
  .quiz-contacts .form-control {
    font-size: 12px;
  }
  .quiz-contacts input.form-control {
    padding-left: 0;
  }
  .quiz-contacts__item_empty {
    display: none;
  }
  .quiz-contacts__item:nth-child(5) {
    margin-top: -3px;
  }
  .quiz-contacts .attach {
    margin-top: -20px;
    margin-bottom: 23px;
  }
  .btn-attach {
    font-size: 12px;
  }
  .quiz-contacts .form-checkbox a,
  .quiz-contacts .form-label {
    font-size: 12px;
  }
  .quiz-contacts .btn-gradient {
    max-width: 221px;
  }
  #siteArea .quiz-input-text {
    width: 100%;
  }
  #siteArea .quiz-questions__input-text {
    grid-column: span 2;
  }
  .quiz-contacts .form-checkbox {
    margin-top: -27px;
  }
}

.logotip-banner .logotip-banner__content {
  z-index: 19;
  position: relative;
}

/* Баннер на разработке */
.logotip-banner--dev .logotip-banner__title strong {
  line-height: 1.2;
}
.logotip-banner-new .logotip-banner-title-wrap {
  min-height: auto;
}
.logotip-banner--dev .slide__btn {
  width: 318px;
}
.logotip-banner--dev .logotip-banner__title {
  margin-bottom: 44px;
}
.logotip-banner--dev .slide__btn-second {
  padding-left: 0;
  color: #404040;
  font-size: 16px;
}
.logotip-banner--dev .main-banner__btn {
  max-width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.logotip-banner--dev .main-banner__btn {
  align-items: start;
}
.logotip-banner__anim {
  position: absolute;
  z-index: 20;
}
.logotip-banner--dev .logotip-banner__image {
  right: -50px;
}
.logotip-banner--dev .logotip-banner__anim-top1 {
  bottom: 19%;
  left: 26%;
}
.logotip-banner--dev .logotip-banner__anim-behind3 {
  top: 33.3%;
  right: 33%;
}
.logotip-banner--dev .logotip-banner__anim-bottom2 {
  right: 23%;
  bottom: 17%;
}
.logotip-banner--dev-lp .logotip-banner__anim-bottom2 {
  right: 20%;
  bottom: 11%;
}
.logotip-banner--dev .logotip-banner__anim-right1 {
  right: 34%;
  bottom: 35%;
}
.logotip-banner--dev .logotip-banner__anim-left1 {
  top: 29%;
  left: 6%;
}
.logotip-banner--dev .logotip-banner__anim-front1 {
  top: 40%;
  left: 42%;
}
.logotip-banner--dev .logotip-banner__anim-front2 {
  top: 32%;
  left: 31%;
}
@media (max-width: 1840px) {
  .logotip-banner--dev .logotip-banner__image {
    right: -200px;
  }
}
@media (max-width: 1370px) {
  .logotip-banner--dev .logotip-banner__image {
    top: 110px;
  }
  .logotip-banner--dev .logotip-banner__anim-front1 {
    top: 39%;
    left: 39%;
  }
  .logotip-banner--dev .logotip-banner__anim-right1 {
    right: 37%;
    bottom: 34%;
  }
  .logotip-banner--dev .logotip-banner__anim-behind3 {
    top: 32.9%;
    right: 36.5%;
  }
  .logotip-banner--dev .logotip-banner__anim-top1 {
    bottom: 18.3%;
    left: 25%;
  }
  .logotip-banner--dev .logotip-banner__anim-front2 {
    top: 31.5%;
    left: 29%;
  }
  .logotip-banner--dev .logotip-banner__anim-left1 {
    top: 28.6%;
    left: 5.6%;
  }
  .logotip-banner--dev-lp .logotip-banner__anim-bottom2 {
    right: 24%;
    bottom: 10%;
  }
}
@media (max-width: 1199px) {
  .logotip-banner--dev .logotip-banner__image {
    top: auto;
    right: -160px;
    width: 800px;
  }
  .logotip-banner--dev .logotip-banner__anim-bottom2 {
    width: 11%;
  }
  .logotip-banner--dev .logotip-banner__anim-behind3 {
    right: 32%;
  }
  .logotip-banner--dev .logotip-banner__anim-top1 {
    bottom: 17%;
    width: 17%;
  }
  .logotip-banner--dev .logotip-banner__anim-right1 {
    width: 7%;
  }
  .logotip-banner--dev .logotip-banner__anim-front1 {
    width: 15%;
  }
  .logotip-banner--dev .logotip-banner__anim-left1 {
    width: 15%;
  }
  .logotip-banner--dev .logotip-banner__anim-front2 {
    width: 7%;
  }
}
@media (max-width: 1024px) {
  .logotip-banner--dev .logotip-banner__anim-bottom2 {
    width: 8%;
    right: 26%;
  }
  .logotip-banner--dev .logotip-banner__image {
    width: 700px;
  }
  .logotip-banner--dev .logotip-banner-title-wrap {
    max-width: 70%;
  }
}

@media (max-width: 991px) {
  .logotip-banner--dev .logotip-banner-title-wrap {
    max-width: 60%;
  }
  .logotip-banner--dev .logotip-banner__anim-behind3 {
    right: 32%;
    top: 32.3%;
  }
  .logotip-banner--dev .logotip-banner__image {
    right: -187px;
  }
}

@media (max-width: 767px) {
  .logotip-banner--dev {
    background-position: 38%;
  }
  .logotip-banner--dev .logotip-banner-title-wrap {
    max-width: 100%;
  }
  .logotip-banner--dev .logotip-banner__image {
    right: 0;
  }
}
@media (max-width: 576px) {
  .logotip-banner--dev .logotip-banner__title {
    margin-bottom: 15px;
  }
  .logotip-banner--dev .logotip-banner__image {
    right: 37px;
  }
  .logotip-banner--dev .logotip-banner__anim-bottom2 {
    width: 6%;
    right: 29%;
  }
  .logotip-banner--dev .slide__btn {
    width: 100%;
  }
}
@media (max-width: 490px) {
  .logotip-banner--dev .logotip-banner__image {
    right: 28px;
    width: 600px;
  }
}
@media (max-width: 405px) {
  .logotip-banner--dev .logotip-banner__image {
    right: 14px;
    width: 500px;
  }
  .logotip-banner--dev .logotip-banner__anim-behind3 {
    right: 32%;
    top: 33%;
    width: 4%;
  }
}
@media (max-width: 350px) {
  .logotip-banner--dev .logotip-banner__image {
    width: 450px;
  }
}
@media (max-width: 767px) {
  .about .wrapper .header {
    z-index: 3;
  }
  .header-dark .header-phone-item a {
    color: #fff;
  }
  .header-dark .nav .logo-dark {
    display: none;
  }
  .header-dark .nav .logo-white {
    display: block;
  }
  .about .header .nav__link {
    color: #fff;
  }
  .about .header-phone-item a {
    color: #fff;
  }
  .about .nav .logo-dark {
    display: none;
  }
  .about .nav .logo-white {
    display: block;
  }
  .about .nav .menu-trigger-icon::before,
  .about .nav .menu-trigger-icon::after {
    background-color: #fff;
  }
  .about .nav .menu-trigger .menu-trigger-icon {
    background-color: transparent;
  }
}

/* Блок Как мы работаем */
.page-subtitle {
  font-size: 17px;
  line-height: 1.2;
  color: #010101;
  text-align: center;
}

.steps-section .page-title {
  margin: 0 0 9px;
}
.steps-block-popup {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  counter-reset: list;
}
.steps-item-popup {
  list-style: none;
  position: relative;
}
.steps-item-popup__image::before {
  content: counter(list, decimal-leading-zero);
  counter-increment: list;
  font-weight: 700;
  font-size: 75px;
  line-height: 1.2;
  color: #e8eef4;
  position: absolute;
  right: -20px;
  top: -38px;
  z-index: 1;
}
.steps-item-popup:not(.steps-item-popup:last-child)::after {
  content: "";
  position: absolute;
  background-image: url(/local/templates/acroweb/img/dev-sites/arrow-straight-purple.svg);
  background-repeat: no-repeat;
  width: 27px;
  height: 16px;
  top: 30%;
  right: -83px;
}
.steps-item-popup__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.steps-item-popup__title {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  color: #010101;
  margin: 17px 0 0;
  position: relative;
  z-index: 2;
}
.steps-item-popup__image {
  height: 78px;
  position: relative;
  z-index: 2;
}
.steps-item-popup__image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
}
.steps-item-popup__tip {
  display: none;
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.05);
  padding: 18px 24px;
  width: 322px;
  z-index: 2;
  font-size: 13px;
  line-height: 1.2;
  color: #010101;
}
.steps-item-popup__tip p:last-child {
  margin-bottom: unset;
}

.steps-item-popup__tip.resize {
  width: auto;
}
.steps-item-popup.hover .steps-item-popup__tip {
  display: block;
}

.steps-section .steps-block-popup {
  padding: 44px 60px 0 0;
}

@media (max-width: 1199px) {
  .steps-item-popup:not(.steps-item-popup:last-child)::after {
    right: -56px;
  }
  .steps-section .steps-block-popup {
    padding-right: 0;
  }

  .dev-reviews .review-slider .slick-prev {
    left: 0;
  }
  .dev-reviews .review-slider .slick-next {
    right: 40px;
  }
}

@media (max-width: 991px) {
  .steps-item-popup:not(.steps-item-popup:last-child)::after {
    right: -23px;
  }
}

@media (max-width: 767px) {
  .steps-section .steps-block-popup {
    flex-direction: column;
    gap: 23px;
    padding-right: 15px;
  }
  .steps-item-popup__content {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    gap: 10px;
  }
  .steps-block-popup .steps-item-popup:first-child .steps-item-popup__title {
    max-width: 105px;
  }
  .steps-block-popup .steps-item-popup:nth-child(2) .steps-item-popup__title {
    max-width: 100px;
  }
  .steps-section--dev
    .steps-block-popup
    .steps-item-popup:nth-child(2)
    .steps-item-popup__title {
    max-width: 158px;
  }
  .steps-block-popup .steps-item-popup:nth-child(3) .steps-item-popup__title {
    max-width: 105px;
  }
  .steps-block-popup .steps-item-popup:nth-child(5) .steps-item-popup__title {
    max-width: 105px;
    width: 100%;
  }
  .steps-section--dev
    .steps-block-popup
    .steps-item-popup:nth-child(5)
    .steps-item-popup__title {
    max-width: 123px;
  }
  .support-process
    .steps-block-popup
    .steps-item-popup:nth-child(5)
    .steps-item-popup__title {
    max-width: 111px;
    width: 100%;
  }
  .steps-item-popup:nth-child(even) .steps-item-popup__content {
    flex-direction: row-reverse;
  }
  .steps-item-popup:not(.steps-item-popup:last-child)::after {
    right: auto;
    bottom: 0;
    top: auto;
    left: 50%;
    transform: rotate(37deg);
    width: 15px;
    background-position: right;
  }
  .steps-item-popup:not(.steps-item-popup:last-child):nth-child(even)::after {
    transform: rotate(149deg);
  }
  .steps-item-popup__title {
    font-size: 13px;
    margin: 0 0 15px;
  }
  .steps-item-popup.hover .steps-item-popup__tip {
    z-index: 7;
  }
}

/* Блог */
.blog-banner {
  min-height: 382px;
  width: 100%;
  padding: 120px 0 45px;
  position: relative;
}
.blog-banner__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 1;
}
.blog-banner .container {
  position: relative;
  z-index: 2;
}
.blog-banner__content {
  padding: 34px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.blog-banner__title {
  font-weight: 800;
  font-size: 38px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #404040;
  margin: 0 0 25px;
  text-align: center;
}
.blog-banner__tags {
  display: flex;
  gap: 23px;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.blog-tag {
  font-size: 15px;
  line-height: 1.3;
  color: #6e14b1;
}

.article-blog__container {
  padding-top: 70px;
}
.article-heading {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.1) 0%,
    rgba(114, 199, 255, 0.1) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  border-radius: 5px;
  padding: 49px 55px;
}
.article-title {
  font-weight: 700;
  font-size: 23px;
  line-height: 0.9;
  color: #010101;
  text-transform: none;
}
.article-blog h2 {
  font-weight: 700;
  font-size: 23px;
  line-height: 0.9;
  color: #010101;
  text-transform: none;
}
.article-blog h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.1;
  color: #010101;
  text-transform: none;
}
.article-heading .article-title {
  margin: 0 0 30px;
}
.article-heading__list {
  padding: 0;
  margin: 0;
  counter-reset: heading-list;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.article-heading__item {
  list-style: none;
  position: relative;
  font-size: 16px;
  line-height: 1.25;
  position: relative;
  padding-right: 21px;
  width: fit-content;
}
.article-heading__item::before {
  content: counter(heading-list) ".";
  counter-increment: heading-list;
  color: #07cfb5;
  font-weight: 700;
}
.article-heading__item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  background-image: url(/local/templates/acroweb/img/blog/arrow-angle-green.svg);
  background-repeat: no-repeat;
  width: 9px;
  height: 13px;
}
.article-heading__item a {
  color: #010101;
}
.article-heading__item a:hover {
  text-decoration: none;
  border-bottom: 1px solid #07cfb5;
}
.article-blog__prolog {
  font-size: 15px;
  line-height: 1.3;
  color: #010101;
  margin: 30px 0 0;
}
.article-blog__content p {
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 1.3;
  color: #010101;
}
.article-blog__content .article-title {
  margin: 0px 0 20px;
}
.article-blog__content h3 {
  margin: 0 0 20px;
}
.article-blog__content h2 {
  margin: 36px 0 20px;
}
body {
  counter-reset: section;
}
ul li::marker {
  color: #765fb6;
}
.article-blog__content {
  font-size: 16px;
}
.article-blog__content ol li::marker {
  color: transparent;
}
.article-blog__content ol li::before {
  content: counter(section) "";
  width: 25px;
  height: 25px;
  background: #edf0f9;
  display: block;
  position: absolute;
  left: -35px;
  border-radius: 50%;
  top: -3px;
  z-index: 1;
  counter-increment: section;
  text-align: center;
  line-height: 25px;
  color: #765fb6;
  font-weight: 600;
}
.article-blog__content ul li p,
.article-blog__content ol li p {
  margin: 0;
}
.article-blog__content ul,
.article-blog__content ol {
  margin-top: 30px;
  padding-left: 60px;
}
ul li,
ol li {
  position: relative;
  margin-bottom: 15px;
  font-size: 16px;
}
.article-important {
  background: #daf2f4;
  padding: 35px 55px 35px;
}
.article-important p {
  font-size: 21px;
  line-height: 1.23;
  color: #010101;
  margin: 0;
}
.code-wrapper.article-important {
  background: #f8f8f8;
  padding: 35px 55px 35px;
  border: 1px solid #e3e3e3;
}
.code-wrapper.article-important p {
  font-size: 14px;
  line-height: 1.23;
  color: #010101;
  margin: 5px 0;
}
.quote-block-wrapper {
  padding: 20px 0 50px;
}
.quote-block {
  position: relative;
  padding: 24px 0 35px 138px;
  width: fit-content;
}
.quote-block::before,
.quote-block::after {
  content: "";
  position: absolute;
  background-image: url(/local/templates/acroweb/img/blog/qoute-icon.svg);
  width: 108px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.quote-block::before {
  top: 1px;
  left: 98px;
}
.quote-block::after {
  transform: rotate(180deg);
  bottom: 0;
  right: 12px;
}
.quote-block p {
  font-size: 21px;
  line-height: 1.23;
  color: #010101;
  margin: 0;
  max-width: 654px;
  position: relative;
  z-index: 2;
}
.article-link {
  display: flex;
  align-items: center;
  position: relative;
}
.article-link:not(.article-link:last-child) {
  margin: 0 0 20px;
}
.article-link__image {
  width: 302px;
  min-width: 302px;
  height: 98px;
  position: relative;
  z-index: 2;
}
.article-link__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 73%;
}
.article-link__info {
  padding: 20px 34px 28px 39px;
  font-size: 17px;
  line-height: 1.2;
  border: 1px solid;
  border-image-source: linear-gradient(90deg, #6e14b1 1.34%, #06cfb5 100%);
  border-image-slice: 1;
  margin-left: -5px;
  flex-grow: 1;
}
.article-link__name {
  margin: 0 0 7px;
  color: #6e14b1;
}
.article-link__title {
  color: #010101;
}
.article-link__title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.article-link__title:hover {
  text-decoration: none;
  color: #010101;
}
.article-date {
  font-weight: 700;
  font-size: 13px;
  line-height: 1.23;
  text-transform: uppercase;
  color: #404040;
}
.back-btn {
  padding: 12px 47px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #6e14b1;
  border-radius: 50px;
  font-size: 13px;
  line-height: 1.23;
  text-transform: uppercase;
  color: #6e14b1;
  max-width: 253px;
}
.back-btn:hover {
  text-decoration: none;
  color: #6e14b1;
}
.article-blog .back-btn {
  margin: 44px 0 0;
}

.service-block {
  background: url(/local/templates/acroweb/img/blog/underlay-new.jpg) no-repeat;
  background-size: cover;
  padding: 54px 44px 50px 0;
}
.service-block__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.service-block__text {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.4;
  color: #ffffff;
}
.service-block__text span {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.3;
  margin: 8px 0 0;
  display: block;
}
.service-block__btn {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.23;
  width: 320px;
  display: block;
  padding-left: 33px;
  position: relative;
}
.service-block__btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(/local/templates/acroweb/img/blog/list-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 27px;
}
.service-block__btn:hover {
  text-decoration: none;
}
.service-block__btn span {
  position: relative;
  color: #bb60ff;
  background: linear-gradient(93.27deg, #bb60ff -11.22%, #22ecd2 97.35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.service-block__btn span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(93.27deg, #bb60ff -11.22%, #22ecd2 97.35%);
}
.article-blog .service-block {
  margin: 60px 0 0;
}
.blog-page .useful-article {
  background: transparent;
}
.article-image {
  max-width: 498px;
  aspect-ratio: 498/312;
  overflow: hidden;
}
.article-blog figure {
  max-width: 498px;
  aspect-ratio: 498/312;
  overflow: hidden;
  margin: 40px auto;
}
.article-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.article-blog figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.article-blog .article-image {
  margin: 40px auto;
}
.blog-page .form-order-wrapper__page-title {
  margin-bottom: 45px;
}

@media (max-width: 1199px) {
  .article-link__image {
    width: 265px;
    min-width: 265px;
  }
}
@media (max-width: 991px) {
  .article-link__image {
    width: 100%;
    min-width: auto;
    height: auto;
    aspect-ratio: 296/134;
  }
  .article-link {
    display: block;
  }
  .article-link__info {
    width: 100%;
    margin: -5px 0 0;
    padding-top: 25px;
  }

  .article-heading {
    padding: 18px 26px 26px 17px;
  }
  .article-heading__item::after {
    display: none;
  }
  .blog-banner__image {
    object-position: right;
  }
}

@media (max-width: 767px) {
  .service-block__content {
    flex-direction: column;
    gap: 20px;
  }
  .service-block__text {
    text-align: center;
  }
  .service-block {
    padding-right: 0;
  }
  .service-block__btn {
    text-align: center;
    padding-left: 0;
  }
  .service-block__btn::before {
    display: none;
  }
  .service-block__btn span:first-child {
    position: relative;
    padding-left: 33px;
  }
  .service-block__btn span:first-child::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/local/templates/acroweb/img/blog/list-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 27px;
  }

  .blog-page .feedback-bg-new .form-checkbox {
    margin-top: -11px;
  }
}

@media (max-width: 575px) {
  .blog-banner {
    padding: 59px 0 19px;
    min-height: 308px;
  }
  .blog-banner__title {
    font-size: 30px;
    margin: 0 0 64px;
  }
  .blog-banner__tags {
    gap: 18px;
    max-width: 200px;
  }
  .blog-tag {
    font-size: 13px;
  }
  .blog-banner__content {
    padding: 8px 0 0;
    display: block;
  }
  .article-blog__container {
    padding-top: 16px;
  }
  .article-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    color: #000000;
  }
  .article-heading .article-title {
    margin: 0 0 14px;
  }
  .article-heading__item {
    font-size: 14px;
  }
  .article-heading__list {
    gap: 11px;
  }
  .article-blog__prolog {
    margin: 14px 0 0;
    font-size: 14px;
  }
  .article-blog h2 {
    font-size: 15px;
  }
  .article-blog__content h2 {
    margin: 22px 0 6px;
  }
  .article-blog__content p {
    font-size: 14px;
    margin: 0 0 22px;
  }
  .article-blog h3 {
    font-size: 14px;
  }
  .article-blog__content h3 {
    margin: 0 0 6px;
  }
  .article-image {
    max-width: 100%;
    aspect-ratio: 296/186;
  }
  .article-blog .article-image {
    margin: 22px 0 26px;
  }
  .article-important {
    padding: 18px 8px 22px 12px;
    margin: 0 -15px;
  }
  .article-important p {
    margin: 0;
  }
  .article-link__info {
    padding: 14px 23px 13px 16px;
    font-size: 12px;
  }
  .article-link__name {
    margin: 0 0 3px;
  }
  .article-link__image {
    aspect-ratio: 296/85;
  }
  .quote-block {
    padding: 23px 9px 26px 23px;
  }
  .quote-block-wrapper {
    padding: 10px 0 30px;
  }
  .quote-block::before,
  .quote-block::after {
    width: 91px;
    height: 67px;
  }
  .quote-block::before {
    left: 0;
  }
  .back-btn {
    font-size: 12px;
  }
  .article-blog .back-btn {
    margin: 44px auto 0;
  }
  .service-block__text {
    font-size: 17px;
  }
  .service-block__text span {
    font-size: 13px;
  }
  .service-block {
    padding: 27px 0;
  }
  .blog-page .form-order-wrapper__page-title {
    margin-bottom: 27px;
    font-size: 22px;
  }
}

/* SMM продвижение */
.how-order-smm {
  padding: 94px 0 91px;
}
.how-order-smm .how-order__item {
  margin-bottom: 15px;
  padding-left: 58px;
  max-width: 619px;
  min-height: 51px;
}
.how-order-smm .how-order__list {
  gap: 34px;
}
.how-order-smm .how-order__make-order {
  margin-right: 20px;
  margin-top: -30px;
  margin-left: -42px;
  background-image: url(/local/templates/acroweb/img/smm/bg-how-order-smm.png);
  background-repeat: no-repeat;
  width: 587px;
  height: 420px;
}
.how-order-smm .how-order__content {
  margin-top: 0;
}
.how-order__important {
  background: rgba(189, 237, 240, 0.51);
  font-size: 15px;
  line-height: 1.3;
  color: #010101;
  padding: 19px 53px 24px 32px;
  margin-top: -26px;
}
.how-order__important p {
  margin: 0;
}
.page-subtitle1 {
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
  display: block;
}
.help-group-smm {
  padding: 60px 0 125px;
}
.help-group-smm .page-subtitle1 {
  margin: 13px auto 0;
}
.help-group-smm .page-title {
  margin: 0;
}
.help-group-smm .title-keeper {
  margin: 0 0 26px;
}

.steps-section-smm {
  padding: 82px 0;
}

.smm-stages-dev .stages-dev__col-content {
  min-height: 452px;
}
.smm-stages-dev .stages-dev-box__content {
  align-items: flex-start;
}
.smm-stages-dev .stages-dev-box {
  padding-right: 57px;
}
.smm-stages-dev .stages-dev-box__image {
  aspect-ratio: 1;
  width: 80px;
}
.our-results-smm {
  padding: 86px 0 69px;
}
.our-results-smm .page-title {
  margin: 0 auto 26px;
}
.our-results-smm .result-card__body {
  min-height: 186px;
}
.slider-cards-wrapper {
  position: relative;
}
.slider-cards-btn {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: none;
  opacity: 1;
  background-image: url(/local/templates/acroweb/img/smm/btn-slider.svg);
  background-repeat: no-repeat;
  border: none;
  padding: 0;
}
.slider-cards-btn::after {
  display: none;
}
.slider-cards-btn_prev {
  transform: rotate(-180deg);
  left: -10px;
}
.slider-cards-btn_next {
  right: -10px;
}
.services {
  padding: 60px 0 71px;
}
.services .page-title {
  margin: 0 auto 21px;
  max-width: 600px;
}
.grid-block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 18px;
}
.services .grid-block {
  padding: 0 48px;
}
.serv-card {
  border: 1px solid #e7e7e7;
  position: relative;
  border-radius: 4px;
  padding: 42px 32px 67px 41px;
}
.serv-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 4px;
  padding: 1px;
  background: linear-gradient(90deg, #6e14b1 1.34%, #06cfb5 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
}
.serv-card:hover::before {
  opacity: 1;
}
.serv-card:hover {
  box-shadow: 0px 0px 15px rgba(107, 74, 132, 0.1);
}
.serv-card__image {
  border: 1px solid #cdc4e8;
  padding: 5px;
  width: 39px;
  height: 39px;
  border-radius: 10px;
}
.serv-card__image-bg {
  box-shadow: 0px 0px 4px #8e88b6;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.serv-card__image-bg_vk {
  background: #0077ff;
}
.serv-card__image-bg_tg {
  background: #4e9ce4;
}
.serv-card__image-bg_ok {
  background: #ef8e1d;
}
.serv-card__title {
  font-weight: 700;
  font-size: 19px;
  line-height: 1.6;
  color: #010101;
  margin: 19px 0 4px;
}
.serv-card__text p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #010101;
  max-width: 283px;
}
.serv-card__text p:not(p:last-child) {
  margin: 0 0 10px;
}

.tariff-cards {
  padding: 59px 0 136px;
  /* background-image: url(/local/templates/acroweb/img/seo/bg-stages-dev.svg); */
  background-image: url(/local/templates/acroweb/img/bg-stages-dev.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.tariff-cards .page-title {
  margin: 0 0 18px;
}
.tariff-cards .grid-block {
  padding: 0 40px 0 57px;
  gap: 25px;
  width: auto;
}
.tariff-item {
  position: relative;
  border-radius: 5px;
  padding: 33px 20px 47px 34px;
  border: 2px transparent;
}
.tariff-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 4px;
  padding: 2px;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.45) 0%,
    rgba(114, 199, 255, 0.45) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.tariff-item__image {
  margin: 0 auto 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tariff-item__title1 {
  font-weight: 700;
  font-size: 19px;
  line-height: 1.2;
  text-align: center;
  color: #ffffff;
  margin: 0 0 25px;
}
.tariff-item__soc-row {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 6px;
  color: #07cfb5;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
  min-height: 40px;
  flex-wrap: wrap;
}
.tariff-item__soc-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #ffffff;
  text-transform: uppercase;
}
.tariff-item__list {
  margin: 0;
  padding: 9px 0 25px;
}
.tariff-item__li {
  list-style: none;
  padding-left: 19px;
  position: relative;
  font-size: 15px;
  line-height: 1.2;
  color: #ffffff;
}
.tariff-item__li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
}
.tariff-item__li_time::before {
  background-image: url(/local/templates/acroweb/img/smm/clock-green1.svg);
}
.tariff-item__li_content::before {
  background-image: url(/local/templates/acroweb/img/smm/list-green.svg);
}
.tariff-item__price {
  font-weight: 700;
  font-size: 25px;
  line-height: 1.2;
  color: #07cfb5;
  margin: 0 auto 9px;
  text-align: center;
}
.tariff-item__price span {
  font-size: 16px;
}

.tariff-item:hover {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.45) 0%,
    rgba(114, 199, 255, 0.45) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  border-color: transparent;
}
.tariff-item:hover .btn-gradient {
  border-color: transparent;
}
.tariff-item:hover::before {
  display: none;
}
.tariff-item:hover .btn-gradient::after {
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
}

.smm-other-services {
  padding: 50px 0 43px;
}
.smm-useful-article {
  padding-bottom: 93px;
}

.portfolio-smm {
  padding: 63px 0 91px;
}
.cases-item__site-link_inst::before {
  background-image: url(/local/templates/acroweb/img/smm/inst-wh-icon.svg);
  width: 18px;
  height: 18px;
}
.cases-item__info-text {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.2;
  color: #ffffff;
  margin: 6px 0 0;
}
.cases-item__budget {
  font-weight: 500;
  font-size: 20px;
  line-height: 2.5;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
}
.cases-item__budget span {
  font-size: 15px;
  text-transform: none;
}
.portfolio-smm .cases-item__stats-current::after {
  display: none;
}
.cases-item__stats-current span {
  font-size: 15px;
}

.our-team-smm .our-team__circle {
  background-image: url(/local/templates/acroweb/img/smm/team-circle-smm.svg);
  width: 368px;
  height: 368px;
}
.our-team-smm .our-team__item--tech-lead .our-team__item-line::before {
  background: #08c5b6;
}
.our-team-smm .our-team__item--manager .our-team__item-line::before {
  background: #3b77b6;
}
.our-team-smm .our-team__item--html .our-team__item-line::before {
  background: #4568b6;
}
.our-team-smm .our-team__item--php .our-team__item-line::before {
  background: #761db6;
}
.our-team-smm .our-team__item--manager .our-team__item-line {
  width: 100px;
  right: -82px;
}
.our-team-smm .our-team__item--manager .our-team__item-line::after {
  right: -17px;
  bottom: 7px;
  transform: rotate(-45deg);
  opacity: 1;
}
.our-team-smm .our-team__item--php .our-team__item-line {
  width: 100px;
  left: -82px;
}
.our-team-smm .our-team__item--php .our-team__item-line::after {
  left: -17px;
  transform: rotate(-313deg);
  bottom: 7px;
  opacity: 1;
}
.our-team-smm .our-team__content {
  gap: 79px;
}
.our-team-smm .our-team__desc {
  margin: 59px 0 0;
}

.result-section {
  background: #daf2f4;
  padding: 56px 0 78px;
}
.result-section .page-title {
  margin: 0 auto 37px;
  max-width: 832px;
}
.result-list {
  padding: 0;
  margin: 0;
  max-width: 500px;
}
.result-item {
  padding-left: 28px;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.3;
  color: #010101;
  list-style: none;
}
.result-item:not(.result-item:last-child) {
  margin-bottom: 14px;
}
.result-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(140.74deg, #00d0b5 12.76%, #800cb6 88.79%);
  width: 17px;
  height: 17px;
  border-radius: 50%;
}
.result-item:after {
  content: "";
  background: #daf2f4;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 5px;
}
.result-section__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 120px;
}
.clients-smm {
  padding-top: 91px;
}
.our-team-smm {
  padding-top: 50px;
}
.quiz-questions__var-circle {
  border: 1px solid #07cfb5;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  right: 13px;
  top: 11px;
}
.quiz-questions__var-circle::before {
  content: "";
  background-image: url(/local/templates/acroweb/img/smm/check-quiz-white.svg);
  width: 11px;
  height: 11px;
  background-repeat: no-repeat;
}
.quiz-questions__var.checked .quiz-questions__var-circle {
  background: #07cfb5;
  display: flex;
  align-items: center;
  justify-content: center;
}
#socialMedia .quiz-questions__var {
  flex: auto;
  max-width: 165px;
  width: 165px;
}
#socialMedia .quiz-questions__line {
  flex-wrap: wrap;
}

@media (max-width: 1199px) {
  .how-order__important {
    margin-top: 0;
  }
  .tariff-cards .grid-block {
    padding: 0;
  }
  .tariff-item__soc-row {
    min-height: 70px;
  }
  .our-team-smm .our-team__content {
    gap: 30px;
  }
}
@media (max-width: 991px) {
  .how-order-smm .how-order__make-order {
    margin-right: 0;
    margin-top: 0;
    margin-left: 0;
    height: 464px;
  }
  .smm-stages-dev .stages-dev-box__image {
    margin: 0 0 20px;
  }
  .grid-block {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .serv-card__text p {
    max-width: 100%;
  }
  .tariff-item__list {
    max-width: 300px;
    margin: 0 auto;
  }
  .our-team-smm .our-team__circle {
    width: 278px;
    height: 278px;
  }
  .our-team-smm .our-team__col {
    gap: 140px;
    padding-top: 0;
  }
  .our-team-smm .our-team__item-title {
    min-height: 40px;
  }
  .result-section__grid {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .how-order-smm .how-order__list {
    gap: 0;
  }
  .how-order-smm .how-order__make-order {
    width: 100%;
  }
  .smm-stages-dev .stages-dev__col-content {
    min-height: auto;
  }
  .smm-stages-dev .stages-dev-box {
    padding-right: 0;
  }
  .our-results-smm .result-card__body {
    min-height: auto;
    font-size: 12px;
  }
  .slider-cards-wrapper .grid-4 {
    display: flex;
    gap: initial;
  }
  .slider-cards-btn {
    display: block;
  }
  .our-results-smm .result-card__icon img {
    max-width: 40px;
  }
  .tariff-item__list {
    max-width: 100%;
  }
  .card-slider1-wrapper {
    position: relative;
  }
  .tariff-cards .grid-block {
    display: flex;
    gap: 0;
  }
  .tariff-item__soc-row {
    min-height: auto;
  }
  .tariff-item {
    background: radial-gradient(
      273.87% 180.28% at 31.94% 4.83%,
      rgba(118, 95, 182, 0.45) 0%,
      rgba(114, 199, 255, 0.45) 52.1%,
      rgba(70, 144, 213, 0) 100%
    );
    border-color: transparent;
  }
  .our-team-smm .our-team__col {
    gap: 0;
  }
  .our-team-smm .our-team__item-title {
    min-height: auto;
  }
  .our-team-smm .our-team__desc {
    margin: 0;
  }
  .result-section__grid {
    gap: 0;
    display: block;
  }
  .result-list:last-child {
    margin-top: 14px;
  }
  #socialMedia .quiz-questions__var {
    max-width: none;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .how-order-smm {
    padding: 40px 0 0;
  }
  .how-order-smm .how-order__make-order {
    margin-top: -55px;
    background-image: url(/local/templates/acroweb/img/smm/bg-how-order-smm-mob.png);
    height: 265px;
    width: 320px;
  }
  .how-order-smm .how-order__list {
    margin-top: -25px;
  }
  .how-order-smm .how-order__item {
    margin-bottom: 0;
    max-width: 100%;
    min-height: 60px;
  }
  .how-order__important {
    font-size: 13px;
    padding: 23px 16px 23px 12px;
    margin: 25px -15px 0;
  }
  .help-group-smm {
    padding: 45px 0 42px;
  }
  .help-group-smm .page-subtitle1 {
    margin: 0;
  }
  .page-subtitle1 {
    font-size: 13px;
  }
  .help-group-smm .title-keeper {
    margin: 0 0 13px;
  }
  .smm-stages-dev {
    padding: 35px 0 27px;
  }
  .smm-stages-dev .stages-dev-box__image {
    width: 53px;
  }
  .smm-stages-dev .stages-dev__page-title {
    text-align: left;
  }
  .our-results-smm {
    padding: 44px 0 27px;
  }
  .our-results-smm .page-title {
    margin: 0 auto 13px;
    max-width: 100%;
  }

  .services {
    padding: 22px 0 44px;
  }
  .services .page-title {
    margin: 0 auto 12px;
    font-size: 15px;
  }
  .services .grid-block {
    padding: 0;
  }
  .serv-card__top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px;
  }
  .serv-card__title {
    margin: 0;
    font-size: 15px;
  }
  .serv-card {
    padding: 17px 19px 23px 17px;
  }
  .serv-card__text p {
    font-size: 12px;
  }
  .tariff-cards {
    padding: 32px 0 46px;
  }
  .tariff-cards .page-title {
    margin: 0 0 25px;
  }
  .tariff-item {
    padding: 24px 36px 23px 29px;
  }
  .tariff-item__title1 {
    margin: 0 0 10px;
  }
  .tariff-item__list {
    padding: 16px 0 26px;
  }
  .tariff-item__li {
    font-size: 14px;
  }
  .tariff-cards .tariff-item__list li {
    margin: 0 0 18px;
  }
  .tariff-item__price {
    font-size: 20px;
    margin: 0 0 11px;
  }
  .tariff-item__price span {
    font-size: 20px;
  }
  .tariff-cards .tariff-table__btn {
    max-width: 186px;
  }
  .tariff-item__soc-row {
    font-size: 12px;
    gap: 3px;
  }
  .tariff-item__soc-item {
    gap: 3px;
  }
  .tariff-item__soc-item img {
    width: 17px;
    max-height: 13px;
  }

  .portfolio-smm {
    padding: 43px 0 60px;
  }
  .our-team-smm .our-team__item--tech-lead::before {
    background: #08c5b6;
  }
  .our-team-smm .our-team__item--manager::before {
    background: #3b77b6;
  }
  .our-team-smm .our-team__item--html::before {
    background: #4568b6;
  }
  .our-team-smm .our-team__item--php .our-team__item-line::before {
    background: #761db6;
  }

  .result-item {
    font-size: 13px;
  }
  .result-section {
    padding: 24px 0 32px;
  }

  .clients-smm {
    padding-top: 59px;
  }
  .smm-other-services {
    padding-top: 29px;
  }
  .our-team-smm {
    padding-top: 30px;
  }

  .smm-quiz .quiz-steps .stages-dev__list {
    padding: 0 10px 0;
    gap: 6px;
  }
  .smm-quiz .page-title {
    font-size: 20px;
    margin: 0 0 16px;
  }
  .smm-quiz .quiz__description {
    margin: 9px 0 0;
  }
}

/* Директ */
.logotip-banner-new .logotip-banner__title {
  line-height: 1.2;
}
.logotip-banner-direct .logotip-banner__subtitle {
  margin-bottom: 36px;
}
.logotip-banner-direct .slide__btn {
}
.direct-why-service {
  padding: 41px 0 43px;
}
.direct-why-service .page-text {
  max-width: 1075px;
  margin: 0 auto;
}
.how-order-direct {
  background: transparent;
  padding: 59px 0 55px;
}
.how-order p {
  font-size: 15px;
  line-height: 1.3;
  color: #010101;
  margin: 0;
}
.how-order-direct .how-order__important {
  margin: 28px 0 0;
}
.how-order-direct .how-order__make-order {
  margin-right: -37px;
  width: 450px;
  height: 420px;
  background: url(/local/templates/acroweb/img/direct/how-order-bg.png)
    no-repeat;
}
.how-order-direct .how-order__item {
  margin-bottom: 0;
  max-width: 393px;
}
.how-order-direct .how-order__desc {
  max-width: 200px;
  margin: 0 auto;
}
.how-order__important strong {
  margin: 0 0 5px;
}
.how-order-direct .how-order__make-order-content {
  margin: 0 0 0 30px;
}
.how-order-direct .how-order__content + p {
  margin-top: -24px;
}
.help-group-direct {
  padding: 81px 0;
}
.help-group-direct .help-group__grid {
  grid-template-columns: repeat(2, 1fr);
  padding: 0 115px;
  gap: 26px 86px;
}
.help-group-direct .help-group__item {
  max-width: 450px;
}
.help-group-direct .page-title {
  margin: 0 0 38px;
}
.services-content {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.13) 0%,
    rgba(114, 199, 255, 0.13) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  padding: 66px 0 44px;
}
.services-content .page-title {
  margin: 0 0 39px;
}
.services-content__flex {
  display: flex;
  gap: 12px 58px;
}
.services-content__image {
  max-width: 790px;
  aspect-ratio: 790/396;
}
.services-content__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.services-content__info {
  min-width: 343px;
  width: 343px;
}
.services-content__info ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.services-content__info li {
  list-style: none;
  font-size: 15px;
  line-height: 1.2;
  color: #010101;
  background: #ffffff;
  border-radius: 3px;
  padding: 21px 31px;
}
.our-results-direct .grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 53px 16px;
}
.our-results-direct {
  padding: 96px 0 25px;
}
.our-results-direct .page-title {
  margin: 0 0 23px;
  max-width: 100%;
}
.result-card1 {
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.3;
  color: #010101;
  position: relative;
}
.result-card1:nth-child(2)::after {
  content: "";
  position: absolute;
  right: -115%;
  top: -39%;
  background-image: url(/local/templates/acroweb/img/direct/spot2.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 674px;
  height: 420px;
  z-index: 1;
}
.result-card1:nth-child(4)::after {
  content: "";
  position: absolute;
  left: -18%;
  top: -39%;
  background-image: url(/local/templates/acroweb/img/direct/spot1.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 475px;
  height: 415px;
  z-index: 1;
}
.result-card1__content {
  z-index: 2;
  position: relative;
  padding: 57px 35px 32px 30px;
  background: #ffffff;
  height: 100%;
}
.result-card1__title {
  font-weight: 700;
  margin: 0 0 11px;
}
.result-card1__icon {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.31) 0%,
    rgba(114, 199, 255, 0.31) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  width: 57px;
  height: 57px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
}
.page-text_small {
  font-size: 15px;
}
.page-subtitle_large {
  font-size: 20px;
}
.our-results-direct .page-text {
  margin: 0 0 31px;
}
.our-results-direct .slider-cards2 {
  padding: 59px 0 25px;
  overflow: initial;
}
.our-results1 {
  padding: 50px 0 119px;
}
.our-results1 .page-title {
  margin: 0 0 6px;
}
.our-results1__content {
  display: flex;
}
.our-results1__middle {
  margin: 0 0 0 44px;
  max-width: 574px;
}
.our-results1__content ul {
  padding: 0;
  margin: 0;
  max-width: 254px;
  display: flex;
  flex-direction: column;
  gap: 27px;
}
.our-results1__image {
  width: 100%;
  aspect-ratio: 574/364;
}
.our-results1__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.our-results1__content li {
  list-style: none;
  font-size: 14px;
  line-height: 1.3;
  color: #010101;
  position: relative;
  padding-left: 20px;
}
.our-results1__content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  border-radius: 50%;
  background: #07cfb5;
  width: 8px;
  height: 8px;
}
.our-results1__col_left {
  padding-top: 65px;
}
.our-results1__col_right {
  padding-top: 100px;
}
.direct-stages-dev .stages-dev-box__content {
  align-items: flex-start;
}
.direct-stages-dev .stages-dev-box__image {
  height: 80px;
}
.direct-stages-dev .stages-dev__col {
  width: 280px;
  min-width: 280px;
}
.direct-stages-dev .stages-dev-box__desc {
  max-width: 480px;
}
.direct-stages-dev .stages-dev-box {
  padding-right: 70px;
}
.direct-stages-dev {
  padding-bottom: 74px;
}
.clients-direct {
  padding: 97px 0;
}
.direct-page .faq-form .title-section {
  margin: 0 0 19px;
  display: block;
  font-size: 16px;
  line-height: 1.25;
  color: #ffffff;
  text-transform: none;
  text-align: left;
  max-width: 500px;
}
.direct-page .other-services {
  padding: 65px 0 34px;
}
.direct-page .quiz-input-text::placeholder {
  color: #fff;
  font-style: italic;
}
#regionPromo .quiz-input-text {
  max-width: 200px;
  width: 200px;
}
.direct-page .quiz-section .page-title {
  max-width: 770px;
}

@media (max-width: 1199px) {
  .how-order-direct .how-order__make-order {
    margin-right: 0px;
    background-image: url(/local/templates/acroweb/img/direct/how-order-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 347px;
  }
  .how-order-direct .how-order__make-order-content {
    margin: 0 0 0 55px;
  }
  .how-order-direct .how-order__content {
    margin-top: 0;
  }
  .how-order-direct .how-order__content + p {
    margin-top: 0;
  }
  .direct-stages-dev .stages-dev__col {
    width: 200px;
    min-width: 200px;
  }
}

@media (max-width: 991px) {
  .how-order-direct .how-order__make-order {
    width: 415px;
  }
  .how-order-direct .how-order__make-order-content {
    margin: 40px 0 0 22px;
  }
  .help-group-direct .help-group__grid {
    padding: 0;
  }
  .services-content__flex {
    display: flex;
    flex-direction: column;
  }
  .services-content__info {
    min-width: auto;
    width: 100%;
  }
  .services-content__image {
    max-width: 100%;
  }
  .our-results-direct .grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .result-card1:nth-child(2)::after {
    right: 0;
    top: -20%;
    width: 100%;
  }
  .result-card1:nth-child(5)::after {
    content: "";
    position: absolute;
    left: -18%;
    top: -39%;
    background-image: url(/local/templates/acroweb/img/direct/spot1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 475px;
    height: 415px;
    z-index: 1;
  }
  .result-card1:nth-child(4)::after {
    display: none;
  }
  .our-results1__content {
    flex-direction: column;
  }
  .our-results1__col_left,
  .our-results1__col_right {
    padding: 0;
  }
  .our-results1__col_left {
    order: 2;
  }
  .our-results1__col_right {
    order: 3;
  }
  .our-results1__middle {
    margin: 0;
    order: 1;
    max-width: 100%;
  }
  .our-results1__content ul {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .how-order-direct .how-order__content {
    margin-top: 18px;
  }
  .how-order-direct .how-order__item {
    margin: 0 0 7px;
    max-width: 100%;
  }
  .how-order-direct .how-order__list {
    margin-top: 0;
  }
  .help-group-direct .help-group__grid {
    grid-template-columns: 1fr;
  }
  .our-results-direct .slider-cards2 {
    overflow: hidden;
    z-index: 3;
  }
  .result-card1:nth-child(2)::after,
  .result-card1:nth-child(5)::after {
    display: none;
  }
  .our-results-direct .grid-3 {
    gap: 0;
    display: flex;
  }
  .our-results-direct .slider-cards-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(/local/templates/acroweb/img/direct/spot-mob1.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    width: 141px;
    height: 238px;
  }
  .our-results-direct .slider-cards-wrapper::before {
    content: "";
    position: absolute;
    left: -18%;
    top: 6%;
    background-image: url(/local/templates/acroweb/img/direct/spot-mob2.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    width: 211px;
    height: 345px;
  }
  .result-card1 {
    max-width: 90%;
    height: auto;
  }
  .our-results-direct .slider-cards-btn_next {
    right: 7px;
  }
  .our-results-direct .slider-cards-btn_prev {
    left: 7px;
  }
  .our-results-direct .slider-cards-wrapper {
    margin: 0 -15px;
  }
  .direct-stages-dev .stages-dev-box {
    padding-right: 0;
  }
}

@media (max-width: 575px) {
  .direct-why-service {
    padding: 17px 0 24px;
  }
  .direct-why-service .page-text {
    max-width: 100%;
  }
  .how-order-direct {
    padding: 24px 0 16px;
  }
  .how-order p {
    font-size: 13px;
  }
  .how-order-direct .page-title {
    margin: 0 0 12px;
  }
  .how-order-direct .how-order__important {
    margin: 18px 0 0;
  }
  .how-order-direct .how-order__make-order {
    background-image: url(/local/templates/acroweb/img/direct/how-order-bg-mobile.png);
    width: 320px;
    height: 290px;
    margin-top: -14px;
  }
  .how-order-direct .how-order__make-order-content {
    margin: 0 auto;
  }
  .help-group-direct {
    padding: 30px 0 44px;
  }
  .help-group-direct .page-title {
    margin: 0 0 22px;
  }
  .help-group-direct .help-group__grid {
    gap: 15px;
  }
  .how-order-direct .how-order__item {
    margin: 0 0 21px;
  }
  .how-order-direct .how-order__content + p {
    margin-top: -10px;
  }
  .services-content {
    padding: 35px 0 14px;
  }
  .services-content .page-title {
    margin: 0 0 12px;
  }
  .services-content__info li {
    font-size: 14px;
    text-align: center;
  }
  .services-content__flex {
    margin: 0 -15px;
  }
  .services-content__info {
    padding: 0 15px;
  }
  .result-card1__content {
    padding: 46px 25px 15px 19px;
  }
  .result-card1 {
    font-size: 14px;
    max-width: 85%;
  }
  .our-results-direct {
    padding: 35px 0 13px;
  }
  .our-results-direct .page-title {
    margin: 0 0 15px;
  }
  .page-text_small {
    font-size: 13px;
  }
  .our-results-direct .page-text {
    margin: 0 0 15px;
  }
  .page-subtitle_large {
    font-size: 16px;
  }
  .our-results-direct .slider-cards2 {
    padding: 50px 0 13px;
  }
  .our-results1 {
    padding: 25px 0 41px;
  }
  .our-results1 .page-title {
    margin: 0;
  }
  .our-results1__content ul {
    gap: 8px;
  }
  .direct-stages-dev {
    padding-bottom: 31px;
  }
  .direct-stages-dev .stages-dev__col-content {
    padding-bottom: 0;
  }
  .clients-direct {
    padding: 55px 0;
  }
  .direct-page .other-services {
    padding: 59px 0 10px;
  }
}
.logotip-banner-direct .container {
  padding: 0;
}
.direct-logotip-banner__anim {
  position: absolute;
  z-index: 6;
}
.logotip-banner-direct .logotip-banner__image {
  right: -5%;
}
.direct-logotip-banner__anim-front2 {
  top: 18px;
  left: 18%;
}
.direct-logotip-banner__anim-front1 {
  top: 31%;
  left: 33%;
}
.direct-logotip-banner__anim-back {
  top: 25%;
  right: 40%;
}
.direct-logotip-banner__anim-arrow {
  bottom: 24%;
  left: 53%;
}

.logotip-banner-direct .anim-keeper {
  display: block;
  width: 212px;
  height: 245px;
  position: absolute;
  top: 17%;
  left: 4%;
  overflow: hidden;
}
.direct-logotip-banner__anim-top:first-child {
  top: 3%;
  left: 20%;
}
.direct-logotip-banner__anim-top:nth-child(2) {
  top: 32%;
  left: 12%;
}
.direct-logotip-banner__anim-top:nth-child(3) {
  top: 54%;
  left: 5px;
}

@media (max-width: 1800px) {
  .logotip-banner-direct .logotip-banner__image {
    right: -19%;
  }
}
@media (max-width: 1200px) {
  .logotip-banner-direct .logotip-banner__image {
    right: -16%;
    width: 800px;
  }
  .direct-logotip-banner__anim-arrow {
    bottom: 20%;
  }
  .direct-logotip-banner__anim-front1 {
    left: 29%;
  }
  .logotip-banner-direct .anim-keeper {
    top: 12%;
    left: -5%;
  }
}

@media (max-width: 1024px) {
  .logotip-banner-direct .logotip-banner__image {
    width: 700px;
  }
  .logotip-banner-direct .anim-keeper {
    top: 16%;
    left: 4%;
    width: 21%;
  }
  .direct-logotip-banner__anim-top:first-child {
    top: 3%;
    left: 20%;
    width: 79%;
  }
  .direct-logotip-banner__anim-top:nth-child(2) {
    top: 23%;
    width: 60%;
  }
  .direct-logotip-banner__anim-top:nth-child(3) {
    top: 42%;
    width: 60%;
  }
  .direct-logotip-banner__anim-front2 {
    width: 10%;
  }
  .direct-logotip-banner__anim-front1 {
    width: 15%;
  }
  .direct-logotip-banner__anim-back {
    width: 5%;
  }
  .direct-logotip-banner__anim-arrow {
    bottom: 17%;
    left: 53%;
    width: 19%;
  }
}

@media (max-width: 991px) {
  .logotip-banner-direct .logotip-banner__image {
    right: -21%;
  }
  .direct-logotip-banner__anim-arrow {
    bottom: 24%;
    width: 13%;
  }
}
@media (max-width: 900px) {
  .logotip-banner-direct .logotip-banner__image {
    right: -27%;
  }
}
@media (max-width: 767px) {
  .logotip-banner-direct .main-banner__btn {
    align-items: flex-start;
  }
  .logotip-banner-direct .logotip-banner__image {
    right: -93px;
  }
}
@media (max-width: 600px) {
  .logotip-banner-direct .logotip-banner__image {
    right: 0;
  }
}

@media (max-width: 500px) {
  .logotip-banner-direct .logotip-banner__image {
    width: 500px;
  }
  .logotip-banner-new .logotip-banner__title strong {
    font-size: 30px;
  }
  .logotip-banner-direct .anim-keeper {
    height: 162px;
  }
}
@media (max-width: 350px) {
  .logotip-banner-direct .logotip-banner__image {
    left: -7%;
  }
}

/* Слайдер кейсов на smm */
.cases-slider-mockups .cases-item__main-info {
  width: 706px;
  z-index: 2;
  position: relative;
  min-height: 540px;
}
.cases-slider-mockups .cases-slider__swiper {
  background: transparent;
}
.cases-item__subtitle {
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 13px;
}
.cases-slider-mockups .cases-item__title {
  margin-bottom: 8px;
}
.cases-slider-mockups .cases-item__desk-info {
  padding: 26px 10px 5px 43px;
  min-height: 148px;
}
.cases-item__info {
  color: #fff;
  font-size: 15px;
  line-height: 1.2;
}
.cases-item__info ul {
  padding: 0 0 28px 15px;
  margin: 8px 0 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.cases-slider-mockups .cases-item-wrapper {
  padding: 31px 20px 61px 45px;
}
.cases-slider-mockups .cases-item__stats-numbers {
  font-size: 27px;
  line-height: 1.2;
  gap: 9px;
  align-items: center;
  padding-left: 20px;
}
.cases-item__results {
  color: #fff;
}
.cases-item__results b {
  margin-bottom: 9px;
  display: block;
}
.cases-slider-mockups
  .cases-item__stats-item--orders
  .cases-item__stats-numbers::before {
  top: 65%;
  transform: translateY(-50%);
}
.cases-slider-mockups
  .cases-item__stats-item--requests
  .cases-item__stats-numbers::before {
  background: url(/local/templates/acroweb/img/seo/diagram-ic.svg) no-repeat;
  top: 50%;
  transform: translateY(-50%);
}

.cases-slider-mockups .cases-item__stats-name {
  font-size: 15px;
  line-height: 1.2;
  text-transform: none;
}
.cases-item__stats-item--messages .cases-item__stats-numbers::before {
  background: url(/local/templates/acroweb/img/smm/mail-wh.svg) no-repeat;
  top: 14px;
}
.cases-item__stats-item--calls .cases-item__stats-numbers::before {
  background: url(/local/templates/acroweb/img/smm/phone-wh.svg) no-repeat;
  top: 10px;
}
.cases-item__stats-item--followers .cases-item__stats-numbers::before {
  background: url(/local/templates/acroweb/img/smm/followers.svg) no-repeat;
  top: 10px;
}
.cases-item__stats-item--comments .cases-item__stats-numbers::before {
  background: url(/local/templates/acroweb/img/smm/comments.svg) no-repeat;
  top: 10px;
}
.cases-item__stats-item--awards .cases-item__stats-numbers::before {
  background: url(/local/templates/acroweb/img/smm/award-white.svg) no-repeat;
  top: 0px;
}
.cases-slider-mockups .cases-item__stats-item {
  margin-bottom: 8px;
}
.cases-item__stats-current span {
  font-size: 20px;
}
.cases-item__picture {
  margin-left: -23px;
}
.cases-slider-mockups .cases-item__container {
  position: relative;
}
.cases-slider-mockups .cases-item__container::after {
  content: "";
  position: relative;
  background-image: url(/local/templates/acroweb/img/smm/arrow-decor2.png);
  background-repeat: no-repeat;
  width: 56px;
  height: 137px;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cases-item__main-info-wrap {
  padding-right: 75px;
  position: relative;
}
.cases-item__main-info-wrap::after {
  content: "";
  position: relative;
  background-image: url(/local/templates/acroweb/img/smm/arrow-decor1.png);
  background-repeat: no-repeat;
  width: 115px;
  height: 297px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cases-item__main-info-wrap::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  border: 49px solid transparent;
  border-left: 40px solid #26395c;
  transform: translateY(-50%);
}

input.form-control:-webkit-autofill,
input.form-control:-webkit-autofill:hover,
input.form-control:-webkit-autofill:focus,
input.form-control:-webkit-autofill:active {
  box-shadow: 0 0 0 30px transparent inset !important;
}
.cases-item__site-link_vk::before {
  background-image: url(/local/templates/acroweb/img/smm/vk-icon-white.svg);
  width: 17px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.cases-item__site-link_ok::before {
  background-image: url(/local/templates/acroweb/img/smm/ok-icon-white.svg);
  width: 8px;
  height: 14px;
  top: 50%;
  transform: translateY(-50%);
}
.cases-item__site-link_fb::before {
  background-image: url(/local/templates/acroweb/img/smm/fb-icon-white.svg);
  width: 7px;
  height: 13px;
  top: 50%;
  transform: translateY(-50%);
}
.cases-item__site-link_tg::before {
  background-image: url(/local/templates/acroweb/img/smm/tg-icon-white.svg);
  width: 14px;
  height: 11px;
  top: 50%;
  transform: translateY(-50%);
}
.cases-item__site-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.cases-slider-mockups .cases-item__site-link {
  text-decoration: none;
}
.cases-item__stats-name strong {
  font-weight: 700;
  color: #07cfb5;
}
.cases-item__results_list .cases-item__stats-item {
  margin-bottom: 14px;
}
.cases-slider-mockups .cases-item__container {
  align-items: center;
}
.cases-item__picture-mob {
  display: none;
  width: 126px;
  min-width: 126px;
  aspect-ratio: 126/252;
  height: auto;
}
.cases-item__picture-mob img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 1440px) {
  .cases-slider-mockups .cases-slider__btn--prev {
    left: -50px;
  }
  .cases-slider-mockups .cases-slider__btn--next {
    right: -50px;
  }
  .cases-slider-mockups .cases-item__main-info {
    width: 600px;
  }
  .cases-item__picture {
    margin-left: 0;
  }
  .cases-slider-mockups .cases-item__container {
    justify-content: center;
  }
}
@media (max-width: 1320px) {
  .cases-slider-mockups .cases-slider__btn--prev {
    left: 0px;
  }
  .cases-slider-mockups .cases-slider__btn--next {
    right: 0px;
  }
  .clients .g-photo-card:before {
    left: 0;
    right: 0;
  }
  .cases-slider-mockups .cases-item-wrapper {
    padding-left: 25px;
  }
  .cases-slider-mockups .cases-item__desk-info {
    padding-left: 25px;
    min-height: 115px;
  }
  .cases-slider-mockups .cases-item__stats-numbers {
    font-size: 20px;
  }
  .cases-item__stats-current span {
    font-size: 16px;
  }
  .cases-slider-mockups .cases-item__stats-name {
    font-size: 13px;
  }
  .cases-item__picture {
    margin-left: -77px;
  }
  .cases-item__main-info-wrap::after {
    right: 26px;
  }
}

@media (max-width: 1199px) {
  .cases-slider-mockups .cases-item__container {
    flex-direction: row;
  }
  .cases-item__main-info-wrap::after {
    display: none;
  }
  .cases-slider-mockups .cases-item__container::after {
    display: none;
  }
  .cases-slider-mockups .cases-slider__btn--prev {
    left: -20px;
  }
  .cases-slider-mockups .cases-slider__btn--next {
    right: -20px;
  }
  .cases-item__picture {
    margin-left: -40px;
  }
  .cases-slider-mockups .cases-item__site-info {
    justify-content: flex-start;
  }
}

@media (max-width: 991px) {
  .cases-item__main-info-wrap::before {
    display: none;
  }
  .cases-slider-mockups .cases-item__main-info {
    min-height: auto;
  }
  .cases-item__picture {
    display: none;
  }
  .cases-item__picture-mob {
    display: block;
  }
  .cases-item__row {
    display: flex;
    align-items: center;
  }
  .cases-item__main-info-wrap {
    padding-right: 0;
    height: 100%;
  }
  .cases-slider-mockups .cases-item__main-info {
    height: 100%;
    width: 100%;
  }
  .cases-slider-mockups .swiper-wrapper {
    align-items: stretch;
  }
  .cases-slider-mockups .cases-item__container {
    height: 100%;
  }
  .cases-slider-mockups .cases-slider__slide {
    height: auto;
  }
}

@media (max-width: 767px) {
  .cases-slider-mockups .cases-slider__slide {
    height: min-content;
  }
  .cases-slider-mockups .cases-item__container {
    height: min-content;
  }
  .cases-item__info {
    font-size: 12px;
  }
  .cases-slider-mockups .cases-item-wrapper {
    padding: 22px 12px 30px 12px;
  }

  .cases-slider-mockups .cases-item__desk-info {
    padding: 16px 10px;
    min-height: 100px;
  }
  .cases-item__subtitle {
    font-size: 13px;
    text-align: center;
  }
  .cases-item__site-grid {
    display: none;
  }
  .cases-slider-mockups .cases-item__title {
    font-size: 16px;
  }
  .cases-item__results {
    font-size: 13px;
  }
  .cases-slider-mockups .cases-item__stats-numbers {
    font-size: 23px;
  }
  .cases-slider-mockups .cases-item__stats-name {
    font-size: 12px;
    max-width: 75%;
  }
  .cases-slider-mockups
    .cases-item__stats-item--messages
    .cases-item__stats-numbers::before {
    top: 8px;
  }
  .cases-slider-mockups
    .cases-item__stats-item--calls
    .cases-item__stats-numbers::before {
    top: 6px;
  }
  .cases-slider-mockups
    .cases-item__stats-item--orders
    .cases-item__stats-numbers::before {
    top: 6px;
    transform: none;
  }
}

@media (max-width: 575px) {
  .cases-slider-mockups {
    margin: 0 -15px;
  }
  .cases-slider-mockups .cases-slider__btn--prev {
    left: 15px;
  }
  .cases-slider-mockups .cases-slider__btn--next {
    right: 15px;
  }
  .cases-item__main-info-wrap {
    width: 100%;
  }
  .cases-slider-mockups .cases-item__subtitle {
    margin: 0 auto;
    max-width: 273px;
  }
  .cases-slider-mockups .cases-item__stats-numbers {
    align-items: flex-start;
    gap: 5px;
  }
  .cases-slider-mockups .cases-item__stats-numbers {
    flex-wrap: wrap;
  }
  .cases-slider-mockups .cases-item__stats-name {
    min-height: 30px;
    display: flex;
    align-items: center;
  }
  .cases-slider-mockups
    .cases-item__stats-item--requests
    .cases-item__stats-numbers::before {
    transform: none;
    top: 7px;
  }
  .cases-slider-mockups
    .cases-item__stats-item--followers
    .cases-item__stats-numbers::before {
    top: 5px;
  }
  .cases-item__results_list .cases-item__stats-name {
    display: block;
  }
}
/* Правки директ */
.direct-stages-dev .stages-dev-box {
  min-height: 100%;
}
.direct-stages-dev .stages-dev__col-content {
  min-height: 452px;
}

@media (max-width: 991px) {
  .direct-stages-dev .stages-dev-box__image {
    margin: 0 0 30px;
  }
  .direct-stages-dev .stages-dev-box__image {
    width: 100%;
  }
  .direct-stages-dev .stages-dev__col-content {
    min-height: 480px;
  }
  .direct-stages-dev .stages-dev__col {
    width: 240px;
    min-width: 240px;
  }
}

@media (max-width: 767px) {
  .direct-stages-dev .stages-dev__col-content {
    min-height: auto;
  }
  .direct-stages-dev .stages-dev-box {
    min-height: auto;
  }
  .direct-stages-dev .stages-dev-box__image {
    margin: 0 0 10px;
  }
}

/* Техническая поддержка */
.support-page .our-results .page-text {
  text-align: left;
  padding-bottom: 82px;
}
.page-text strong {
  font-weight: 700;
  font-size: 21px;
  line-height: 1.2;
  color: #07cfb5;
  margin-top: 36px;
  display: block;
  text-align: center;
}
.page-text.page-text--left.page-text--md strong {
  font-size: 18px;
  text-align: left;
  color: inherit;
}
.support-page .our-results .page-title {
  margin: 0 auto 30px;
}
.support-page .slider-cards .grid-3 {
  gap: 24px 15px;
  grid-auto-rows: 1fr;
}
.support-page .result-card__text {
  max-width: 100%;
}
.support-page .result-card__body {
  min-height: 150px;
}
.support-page .our-results {
  padding: 60px 0 92px;
}
.support-page .steps-section {
  padding: 109px 0 85px;
}
.support-page .stages-dev-box__info {
  max-width: 376px;
}
.support-page .stages-dev-box__image {
  margin-right: 25px;
}
.support-page .stages-dev__col-content {
  min-height: 452px;
}
.support-page .stages-dev-box__info ul {
  padding-left: 20px;
}
.support-page .stages-dev-box__desc {
  max-width: 100%;
}
.support-page .certificate-block {
  padding: 15px 0 77px;
}
.certificate-block__text {
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
  color: #010101;
  margin: 0 0 15px;
}
.certificate-block__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.certificate-item {
  background: #e8eef4;
  width: 166px;
  min-width: 166px;
  aspect-ratio: 166/222;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.certificate-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.certificate-item:first-child,
.certificate-item:last-child {
  width: 185px;
  min-width: 185px;
  aspect-ratio: 185/144;
}
.support-page .other-services {
  padding-top: 86px;
}
.support-page .form-order-wrapper__page-title {
  margin-bottom: 55px;
}
.support-page .questions-list__content p {
  margin: 0;
}
.support-page .questions-list__content {
  padding-bottom: 13px;
}
.support-page .questions-wrap.new-questions-wrap {
  padding: 35px 0 75px;
}
.support-page .quiz-section .page-title {
  max-width: 770px;
}
.support-page .quiz-questions__line {
  margin-top: 41px;
}
.support-page #siteType1 .quiz-questions__line {
  /*max-width: 600px;*/
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.support-page #siteType1 .quiz-questions__var span {
  min-height: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.support-page #siteType1 .quiz-questions__var label:not(.quiz-input-label) {
  flex-direction: row;
  padding: 35px 20px 25px;
  gap: 14px;
}
.support-page #siteType1 .quiz-questions__var {
  max-width: 100%;
  height: 115px;
}
.tariff-item__li_plus::before {
  background-image: url("/local/templates/acroweb/img/support/icon-plus-green.svg");
}
.slider-tariff {
  position: relative;
  padding: 0 57px;
}
.slider-tariff-btn {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 3px;
  border-radius: 50%;
  border: none;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.67) 0%,
    rgba(114, 199, 255, 0.67) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  width: 45px;
  height: 45px;
}
.support-tariffs .slider-tariff-btn {
  color: #6bb9f2;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  gap: 2px;
}
.support-tariffs .slider-tariff .slider-tariff-btn::after {
  content: "";
  display: block;
  width: 7px;
  height: 10px;
  background-size: contain;
}
.support-tariffs .slider-tariff-btn.slider-tariff-btn_prev::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath d='M6 1L2 5L6 9' stroke='%236BB9F2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.support-tariffs .slider-tariff-btn.slider-tariff-btn_next::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath d='M1 9L5 5L1 0.999999' stroke='%236BB9F2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.slider-tariff-btn.swiper-button-next:after,
.slider-tariff-btn.swiper-button-prev:after {
  display: none;
}
.slider-tariff-btn_prev svg {
  transform: rotate(-180deg);
  margin-right: 5px;
}
.slider-tariff-btn_prev {
  left: -10px;
}
.slider-tariff-btn_next {
  right: -10px;
}
.slider-tariff-btn.swiper-button-disabled {
  display: none;
}
.slider-tariff-btn span {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  color: #6bb9f2;
}
.tariffs-section1 {
  padding: 0px 0 150px;
}
.tariffs-section1 .page-title {
  text-align: center;
}
.support-page .tariffs-section1 .page-title {
  text-align: center;
  margin: 0 0 42px;
  max-width: 100%;
}
.support-page .tariff-item {
  padding-bottom: 36px;
}
.support-page .tariff-item__image {
  min-height: 62px;
}
.tariff-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  padding: 16px 57px 0;
}
.tariff-grid .tariff-item {
  padding: 32px 43px 37px 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.tariff-grid .tariff-item:hover {
  background: transparent;
}
.tariff-grid .tariff-item:hover::before {
  display: block;
}
.tariff-grid .tariff-item__desc {
  display: flex;
  align-items: baseline;
  gap: 11px;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  min-height: auto;
}
.tariff-item__price1 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.23;
  color: #07cfb5;
}
.tariff-item__price1 span {
  font-size: 16px;
}
.tariff-grid .tariff-item a {
  font-size: 13px;
  line-height: 1.23;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #fff;
}
.facts-section {
  background-image: url("/local/templates/acroweb/img/support/bg-teh-support-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 55px 0 64px;
  color: #fff;
}
.facts-section .page-title {
  text-align: left;
  margin: 0 0 14px;
}
.facts-section .page-text {
  font-size: 21px;
  line-height: 1.2;
  color: #ffffff;
  margin: 0 0 50px;
  text-align: left;
}
.facts-row1 {
  display: flex;
  justify-content: space-between;
  gap: 33px 100px;
}
.facts-logos {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.facts-logo-item {
  width: 124px;
}
.facts-item {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.2;
  color: #07cfb5;
}
.facts-item p {
  margin: 6px 0 0;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.2;
  color: #ffffff;
  max-width: 230px;
}
.facts-logo-item img {
  width: 100%;
}
.facts-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  flex: 1;
  gap: 20px;
}
.competencies {
  padding-bottom: 65px;
}
.competencies .page-title {
  margin-bottom: 52px;
}
.competencies-block {
  position: relative;
}
.competency-card__content {
  background: #ffffff;
  padding: 28px 52px 35px 34px;
  max-width: 426px;
  position: relative;
}
.competency-card__top {
  display: flex;
  margin-bottom: 13px;
  align-items: center;
  gap: 13px;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  color: #010101;
}
.competency-card__desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.2;
  color: #010101;
}
.competencies-block__image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.competencies-block__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px;
  align-items: flex-start;
}
.competency-card:first-child {
  margin-left: 60px;
}
.competency-card:nth-child(5) {
  margin-left: 60px;
}
.competency-card:nth-child(2) {
  margin-top: -34px;
  display: flex;
  justify-content: flex-end;
  margin-right: 60px;
}
.competency-card:nth-child(4) {
  display: flex;
  justify-content: flex-end;
}
.competency-card:nth-child(6) {
  display: flex;
  justify-content: flex-end;
  margin-right: 60px;
  margin-top: -18px;
}
.competency-card__content::after {
  content: "";
  background-image: url("/local/templates/acroweb/img/support/line1.svg");
  width: 32px;
  height: 137px;
  background-repeat: no-repeat;
  position: absolute;
}
.competency-card:first-child .competency-card__content::after {
  right: -41px;
  bottom: 0;
}
.competency-card:nth-child(2) .competency-card__content::after {
  left: -41px;
  bottom: 0;
  transform: scale(-1, 1);
}
.competency-card:nth-child(3) .competency-card__content::after {
  background-image: none;
  width: 19px;
  height: 1px;
  background: #6e14b1;
  right: -31px;
  top: 139px;
}
.competency-card:nth-child(4) .competency-card__content::after {
  background-image: none;
  width: 19px;
  height: 1px;
  background: #6e14b1;
  left: -31px;
  top: 139px;
}
.competency-card:nth-child(5) .competency-card__content::after {
  right: -41px;
  bottom: 96px;
  transform: rotate(180deg) scale(-1, 1);
}
.competency-card:nth-child(6) .competency-card__content::after {
  left: -41px;
  bottom: 79px;
  transform: rotate(180deg) scale(1, 1);
}
.bg-line-section {
  background: url("/local/templates/acroweb/img/seo/report-bg-1.png") no-repeat;
  padding: 57px 0;
  background-size: cover;
}
.bg-line-section__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bg-line-section__text {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.15;
  color: #ffffff;
  margin: 0;
}
.bg-line-section__text span {
  color: #07cfb5;
}
.bg-line-section .slide__btn {
  width: 312px;
}
.form1-section {
  padding: 103px 0 101px;
}
.form1-section .feedback-bg-new {
  background: radial-gradient(
    162.14% 106.76% at 30.73% 4.43%,
    #e7e7fd 0%,
    #ebf5fc 100%
  );
  border-radius: 5px;
  padding: 62px 145px 66px 73px;
}
.form1__wrapper {
  position: relative;
}
.form1__row {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  position: relative;
  z-index: 2;
}
.form1__info {
  color: #010101;
  max-width: 391px;
}
.form1__info p {
  margin: 0;
  font-size: 17px;
  line-height: 1.4;
}
.form1__title {
  font-weight: 700;
  font-size: 23px;
  line-height: 1.2;
  margin: 0 0 10px;
}
.form1__form {
  max-width: 458px;
}
.form1-section .form-checkbox a,
.form1-section .form-label {
  color: #010101;
}
.form1-section .form-checkbox {
  margin-top: -13px;
}
.form1-section .btn-gradient {
  width: 312px;
  height: 52px;
  font-size: 15px;
  max-width: 100%;
}
.form1-section .submit-btn-wrap {
  padding: 27px 0 0;
  text-align: left;
}
.gear {
  position: absolute;
  min-width: auto;
}
.gear1 {
  top: 100px;
  left: -27px;
  z-index: 3;
}
.gear2 {
  top: -24px;
  left: 32%;
  z-index: 3;
}
.gear3 {
  bottom: 93px;
  right: -46px;
  z-index: 1;
}
.gear4 {
  bottom: -24px;
  right: 17%;
  z-index: 3;
  width: 48px;
  height: 48px;
}
.gear5 {
  top: -32px;
  right: -33px;
  z-index: 3;
}
.gear6 {
  top: 130px;
  left: -44px;
  z-index: 1;
}
.information-section {
  padding: 54px 0 67px;
}
.information-section .page-title {
  margin: 0 0 10px;
}
.information-section .page-text {
  margin: 0 auto 26px;
  text-align: center;
  max-width: 817px;
  font-size: 15px;
  line-height: 1.3;
}
.information-section li {
  font-size: 15px;
  line-height: 1.3;
}
.information-section ul {
  padding: 0;
  margin: 0 auto 38px;
  column-count: 2;
  max-width: 863px;
}
.information-section ul li {
  padding-left: 10px;
  position: relative;
  list-style-type: none;
}
.information-section ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 2px;
  height: 2px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 31.955 31.955' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23030104;' d='M27.25,4.655C20.996-1.571,10.88-1.546,4.656,4.706C-1.571,10.96-1.548,21.076,4.705,27.3 c6.256,6.226,16.374,6.203,22.597-0.051C33.526,20.995,33.505,10.878,27.25,4.655z'/%3E%3Cpath style='fill:%23030104;' d='M13.288,23.896l-1.768,5.207c2.567,0.829,5.331,0.886,7.926,0.17l-0.665-5.416 C17.01,24.487,15.067,24.5,13.288,23.896z M8.12,13.122l-5.645-0.859c-0.741,2.666-0.666,5.514,0.225,8.143l5.491-1.375 C7.452,17.138,7.426,15.029,8.12,13.122z M28.763,11.333l-4.965,1.675c0.798,2.106,0.716,4.468-0.247,6.522l5.351,0.672 C29.827,17.319,29.78,14.193,28.763,11.333z M11.394,2.883l1.018,5.528c2.027-0.954,4.356-1.05,6.442-0.288l1.583-5.137 C17.523,1.94,14.328,1.906,11.394,2.883z'/%3E%3Ccircle style='fill:%23030104;' cx='15.979' cy='15.977' r='6.117'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.information-frame {
  background: #daf2f4;
  padding: 32px 0;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
}
.main-tex-group.main-tex-group1 {
  background: transparent;
  padding: 21px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.information-section .main-tex-group__item-info {
  max-width: 420px;
  margin-left: 18px;
}
.information-section .main-tex-group__item img {
  min-width: 75px;
  width: 76px;
}
.main-tex-group__item-top .main-tex-group__h2 {
  display: none;
}
.information-section .main-tex-group__desc {
  margin: 0;
}
.advantages1 {
  background: #daf2f4;
  padding: 52px 0 143px;
}
.advantages1 .page-title {
  margin: 0 auto 83px;
  max-width: 817px;
}
.advantages1__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 45px;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
}
.advantages1__item-inner {
  padding-left: 43px;
  font-size: 15px;
  line-height: 1.3;
  position: relative;
  list-style: none;
  display: flex;
  gap: 7px;
  width: 300px;
}
.advantages1__item-inner span {
  font-weight: 700;
  font-size: 55px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #000000;
  position: relative;
  z-index: 2;
  margin: -10px 0 0;
  display: block;
}
.advantages1__item-inner::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 8px;
  background: #ffffff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: 1;
}
.advantages1__item-inner span.advantages1__item-position {
  position: absolute;
  left: 0;
  font-size: 55px;
  font-weight: 700;
}
.advantages1__item:first-child
  .advantages1__item-inner
  span.advantages1__item-position {
  left: 6px;
}
.advantages1__image {
  position: relative;
  z-index: 1;
}
.advantages1__image img {
  position: absolute;
  left: 37px;
  top: -188px;
  z-index: 1;
}

/*Тезисы*/
.theses {
  padding: 0 0 clamp(40px, 4.2vw, 80px);
}
.cards-numbered__wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}
.card-numbered {
  padding: 52px 0 0;
  position: relative;
  min-height: 130px;
  z-index: 1;
}
.card-numbered:nth-child(1),
.card-numbered:nth-child(3) {
  z-index: 2;
}
.card-numbered::before {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
}
.card-numbered:nth-child(1):before {
  top: 0;
  left: 65px;
  width: 90%;
  height: 80%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='334' height='215' viewBox='0 0 334 215' fill='none'%3E%3Cg opacity='0.33' filter='url(%23filter0_f_2644_3661)'%3E%3Cpath d='M158.626 60.0874C103.522 47.1159 64.0149 97.4564 57.1308 107.199C63.4377 127.54 139.94 117.25 152.062 127.509C167.215 140.332 234.81 173.183 252.677 147.8C314.322 60.2217 238.038 105.816 227.088 82.8143C216.138 59.813 189.181 67.2801 158.626 60.0874Z' fill='%23AA93EC' fill-opacity='0.53'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2644_3661' x='0.130859' y='0.965332' width='333.35' height='213.202' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='28.5' result='effect1_foregroundBlur_2644_3661'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.card-numbered:nth-child(2):before {
  top: -10px;
  right: 40px;
  width: 348px;
  height: 245px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='348' height='255' viewBox='0 0 348 255' fill='none'%3E%3Cg opacity='0.33' filter='url(%23filter0_f_2644_3658)'%3E%3Cpath d='M285.683 149.807C309.953 98.7901 242.36 72.5312 230.422 61.4804C202.802 59.5578 136.772 53.5108 121.677 61.6858C102.807 71.9045 37.964 149.317 63.8667 183.205C89.7695 217.093 171.692 182.128 203.422 180.397C235.152 178.666 272.225 178.095 285.683 149.807Z' fill='%2355F5E1' fill-opacity='0.45'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2644_3658' x='0.841309' y='0.520508' width='347.06' height='254.412' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='28.5' result='effect1_foregroundBlur_2644_3658'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(25.442deg);
}
.card-numbered:nth-child(4):before {
  top: -10px;
  right: 60px;
  width: 413px;
  height: 250px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='413' height='250' viewBox='0 0 413 250' fill='none'%3E%3Cg opacity='0.33' filter='url(%23filter0_f_2644_3660)'%3E%3Cpath d='M195.494 60.5982C120.563 42.9593 66.8398 111.413 57.4786 124.661C66.0548 152.321 170.084 138.329 186.568 152.279C207.174 169.717 299.09 214.388 323.386 179.872C407.213 60.7809 303.48 122.78 288.59 91.5026C273.7 60.225 237.043 70.3789 195.494 60.5982Z' fill='%23AA93EC' fill-opacity='0.53'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2644_3660' x='0.478516' y='0.712646' width='412.277' height='248.897' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='28.5' result='effect1_foregroundBlur_2644_3660'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.card-numbered:nth-child(5):before {
  top: -10px;
  right: -30px;
  width: 206px;
  height: 185px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='348' height='256' viewBox='0 0 348 256' fill='none'%3E%3Cg opacity='0.33' filter='url(%23filter0_f_2644_3659)'%3E%3Cpath d='M285.431 150.085C309.701 99.0677 242.108 72.8088 230.17 61.758C202.55 59.8354 136.52 53.7884 121.425 61.9634C102.555 72.1821 37.712 149.595 63.6148 183.482C89.5175 217.37 171.441 182.405 203.17 180.675C234.9 178.944 271.973 178.373 285.431 150.085Z' fill='%2355F5E1' fill-opacity='0.45'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2644_3659' x='0.589355' y='0.798096' width='347.06' height='254.412' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='28.5' result='effect1_foregroundBlur_2644_3659'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(25.442deg);
}
.card-numbered__number {
  position: absolute;
  top: 0;
  left: 20px;
  font-size: 79px;
  color: #daf2f4;
  font-weight: 700;
  z-index: 1;
  line-height: 1;
}
.card-numbered__desc {
  padding: 20px;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #fff;
  font-size: 16px;
  border-radius: 6px;
}

/* Техподдержка лендинг */
.support-lp {
  padding: clamp(20px, 2.1vw, 40px) 0;
}
.support-lp__wrapper {
  margin: 0 auto;
  display: grid;
  grid-template-areas:
    "a b"
    "a c";
  gap: 7px clamp(15px, 1.57vw, 30px);
  max-width: 830px;
}
.support-lp__icon {
  grid-area: a;
}
.support-lp__icon object {
  width: 100%;
}
.support-lp__text {
  margin-bottom: 0;
  font-size: 18px;
}
.support-lp__text--1 {
  grid-area: b;
}
.support-lp__text--2 {
  grid-area: c;
}

/*Корпоративный сайт*/
.theses-cards {
  padding: clamp(45px, 4.2vw, 80px) 0 20px;
}
.theses-cards__wrapper {
  padding: 10px 0 0;
  display: flex;
  flex-flow: row wrap;
  gap: 20px 15px;
  justify-content: center;
}
.theses-cards__slider {
  display: none;
}
.theses-cards__item {
  position: relative;
  padding: 28px 0 0;
  width: calc(100% / 3 - 15px);
}
.theses-cards__item::before {
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}
.theses-cards__item:nth-child(1)::before {
  top: 0;
  left: 41%;
  width: 100%;
  height: 131%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='450' height='415' viewBox='0 0 450 415' fill='none'%3E%3Cg opacity='0.33' filter='url(%23filter0_f_2824_1725)'%3E%3Cpath d='M393 148.149C393 56.2288 275.044 64.8926 249.717 57.0005C207.688 73.4811 106.197 110.748 89.691 133.311C69.0587 161.513 27.7941 320.574 89.6911 352.258C151.588 383.943 247.752 275.31 293.274 250.589C338.796 225.868 393 199.118 393 148.149Z' fill='%2355F5E1' fill-opacity='0.45'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2824_1725' x='0' y='0.000488281' width='450' height='415' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='28.5' result='effect1_foregroundBlur_2824_1725'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.theses-cards__item:nth-child(2)::before {
  top: -15%;
  right: -25%;
  width: 78%;
  height: 138%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='361' height='420' viewBox='0 0 361 420' fill='none'%3E%3Cg opacity='0.33' filter='url(%23filter0_f_2824_1727)'%3E%3Cpath d='M259.352 144.08C232.024 56.6648 91.3649 56.4995 64.885 57.4878C29.7355 87.2558 125.12 178.957 116.099 205.949C104.823 239.689 103.961 364.671 172.885 362.003C410.693 352.798 243.857 298.39 279.885 259.614C315.913 220.838 274.505 192.551 259.352 144.08Z' fill='%23AA93EC' fill-opacity='0.53'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2824_1727' x='0.0732422' y='0.311279' width='360.453' height='418.734' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='28.5' result='effect1_foregroundBlur_2824_1727'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  transform: rotate(-17.553deg);
}
.theses-cards__item:nth-child(3)::before {
  top: -15%;
  right: -24%;
  width: 73%;
  height: 148%;
  background-image: url("data:image/svg+xml,%3Csvg width='313' height='432' viewBox='0 0 313 432' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.33' filter='url(%23filter0_f_3520_170)'%3E%3Cpath d='M256 102.726C256 56.6134 196.671 60.9597 183.932 57.0005C162.793 65.2682 111.745 83.9638 103.443 95.2823C93.0652 109.43 72.3101 189.225 103.443 205.12C134.576 221.015 182.944 166.518 205.84 154.116C228.737 141.715 256 128.295 256 102.726Z' fill='%2355F5E1' fill-opacity='0.45'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_3520_170)'%3E%3Cpath d='M210.91 218.226C191.817 157.152 83.8594 160.445 63.5137 161.785C35.8941 183.661 107.131 246.111 99.626 265.393C90.2448 289.495 86.8919 377.784 139.851 374.229C322.577 361.963 195.694 327.582 224.183 299.323C252.671 271.065 221.497 252.091 210.91 218.226Z' fill='%23B39FEB' fill-opacity='0.14'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_3520_170' x='30' y='0.000488281' width='283' height='265' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='28.5' result='effect1_foregroundBlur_3520_170'/%3E%3C/filter%3E%3Cfilter id='filter1_f_3520_170' x='0.118164' y='104.258' width='297.72' height='327.075' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='28.5' result='effect1_foregroundBlur_3520_170'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.theses-cards__item:nth-child(5)::before {
  top: 14%;
  right: -39%;
  width: 106%;
  height: 119%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='405' height='354' viewBox='0 0 405 354' fill='none'%3E%3Cg filter='url(%23filter0_f_2824_1728)'%3E%3Cpath d='M347.677 129.435C347.677 56.3872 245.632 63.2723 223.722 57.0005C187.362 70.0975 99.5608 99.7137 85.2814 117.644C67.4321 140.056 31.7337 266.461 85.2814 291.64C138.829 316.82 222.022 230.49 261.403 210.844C300.785 191.199 347.677 169.94 347.677 129.435Z' fill='%233AF3DB' fill-opacity='0.13'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2824_1728' x='0' y='0.000488281' width='404.678' height='353.203' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='28.5' result='effect1_foregroundBlur_2824_1728'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.theses-cards__item .service-card {
  padding: 25px 36px 30px 30px;
  z-index: 2;
}
.theses-cards__item .service-card__title {
  text-align: left;
}
.theses-cards__item .service-card__desc {
  font-size: 15px;
}
@media (max-width: 1500px) {
  .advantages1__item-inner {
    width: 100%;
  }
}
@media (max-width: 1365px) {
  .gear3 {
    right: -20px;
  }
  .gear5 {
    right: 0;
  }
  .advantages1__grid {
    padding: 0 30px;
  }
}
@media (max-width: 1239px) {
  .competency-card__content {
    max-width: 350px;
  }
  .competency-card:nth-child(2) .competency-card__content::after {
    bottom: 14px;
  }
  .competency-card:nth-child(6) .competency-card__content::after {
    bottom: 96px;
  }
}

@media (max-width: 1199px) {
  .competency-card:first-child,
  .competency-card:nth-child(5) {
    margin-left: 0;
  }
  .competency-card:nth-child(2),
  .competency-card:nth-child(6) {
    margin-right: 0;
  }
  .competencies-block__image {
    max-width: 203px;
  }
  .advantages1__image img {
    left: -46px;
  }
  .card-numbered::before {
    display: none;
  }
}

@media (max-width: 991px) {
  .support-page #siteType1 .quiz-questions__line {
    grid-template-columns: 1fr 1fr;
  }
  .tariff-grid {
    grid-template-columns: 1fr;
  }
  .facts-row1 {
    gap: 33px;
  }
  .facts-grid {
    grid-template-columns: 1fr 1fr;
  }
  .competency-card__content::after {
    display: none;
  }
  .competency-card:nth-child(2),
  .competency-card:nth-child(6) {
    margin-top: 0;
  }
  .competencies-block__image {
    max-width: 230px;
    position: initial;
    margin: 0 auto 50px;
    transform: none;
  }
  .competency-card__content {
    max-width: 100%;
    height: 100%;
  }
  .competency-card {
    height: 100%;
  }
  .bg-line-section__content {
    flex-direction: column;
    gap: 18px;
    justify-content: center;
  }
  .form1__row {
    flex-direction: column;
  }
  .form1__info {
    max-width: 100%;
  }
  .form1__form {
    max-width: 100%;
  }
  .form1-section .feedback-bg-new {
    padding-right: 45px;
  }
  .advantages1__image {
    display: none;
  }
  .advantages1__grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
  }
  .advantages1__item:first-child .advantages1__item-inner::after {
    content: "";
    background-image: url(/local/templates/acroweb/img/support/ticket1.svg);
    background-size: contain;
    width: 150px;
    height: 115px;
    position: absolute;
    top: -78px;
    right: 0;
  }
  .advantages1__item:nth-child(2) .advantages1__item-inner::after {
    content: "";
    background-image: url(/local/templates/acroweb/img/support/ticket2.svg);
    background-size: contain;
    width: 150px;
    height: 139px;
    position: absolute;
    top: -94px;
    right: 0;
  }
  .advantages1__item:nth-child(3) .advantages1__item-inner::after {
    content: "";
    background-image: url(/local/templates/acroweb/img/support/ticket3.svg);
    background-size: contain;
    width: 96px;
    height: 92px;
    position: absolute;
    right: 0;
    bottom: -87px;
  }
  .advantages1__item:nth-child(4) .advantages1__item-inner::after {
    content: "";
    background-image: url(/local/templates/acroweb/img/support/ticket4.svg);
    background-size: contain;
    width: 105px;
    height: 91px;
    position: absolute;
    bottom: -78px;
    right: 0;
  }
  .theses-cards__item {
    width: calc(100% / 2 - 15px);
  }
}

@media (max-width: 767px) {
  .support-page .slider-cards .grid-3 {
    display: flex;
    gap: initial;
  }
  .support-page .result-card__body {
    min-height: auto;
  }
  .support-page .slider-cards-wrapper {
    padding: 0 9px;
  }
  .slider-tariff {
    padding: 0 9px;
  }
  .slider-tariff .grid-3 {
    display: flex;
    gap: initial;
  }
  .support-page .tariff-item__list li {
    width: fit-content;
    text-align: center;
    margin: 0 auto 11px;
  }
  .support-page .tariff-item__list {
    max-width: 100%;
    text-align: center;
    width: fit-content;
  }
  .tariff-grid {
    padding: 14px 9px 0;
  }
  .support-page .tariff-table__btn {
    max-width: 186px;
  }
  .slider-tariff-btn {
    display: flex;
  }
  .competencies-block__cards {
    grid-template-columns: 1fr;
  }
  .gear5 {
    right: -14px;
  }
  .main-tex-group.main-tex-group1 {
    grid-template-columns: 1fr;
    gap: 21px;
  }
  .information-section .main-tex-group__item {
    align-items: flex-start;
  }
  .cards-numbered__wrapper {
    grid-template-columns: 1fr;
  }
  .card-numbered {
    padding: 0 0 0 65px;
    min-height: 80px;
  }
  .card-numbered__number {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 56px;
  }
  .support-lp__wrapper {
    grid-template-areas:
      "a b"
      "c c";
    grid-template-columns: clamp(65px, 15vw, 80px) 1fr;
  }
  .support-lp__icon {
    width: 100%;
  }
  .support-lp__text {
    font-size: 14px;
  }
  .page-text.page-text--left.page-text--md strong {
    font-size: 14px;
  }
  .theses-cards__container {
    max-width: unset;
  }
  .theses-cards__wrapper {
    display: none;
  }
  .theses-cards__slider {
    display: flex;
    margin: 0 -15px;
  }
  .theses-cards__item {
    height: auto;
  }
}

@media (max-width: 575px) {
  .support-page .our-results .page-text {
    font-size: 13px;
    padding-bottom: 22px;
  }
  .support-page .our-results {
    padding: 47px 0 33px;
  }
  .page-text p {
    margin-bottom: 7px;
  }
  .page-text strong {
    margin-top: 14px;
    font-size: 13px;
  }
  .support-page .our-results .page-title {
    font-size: 15px;
    margin: 0 auto 10px;
  }
  .support-page .steps-section {
    padding: 48px 0 59px;
  }
  .support-page .stages-dev__page-title {
    text-align: left;
  }
  .support-page .stages-dev__col-content {
    min-height: auto;
  }
  .support-page .stages-dev-box:last-child {
    padding-bottom: 0;
  }
  .support-page .stages-dev-box {
    max-width: 98%;
  }
  .certificate-block__text {
    font-size: 12px;
    margin-bottom: 12px;
  }
  .support-page .our-team {
    padding-bottom: 5px;
  }
  .certificate-item {
    min-width: 103px;
  }
  .certificate-item:first-child,
  .certificate-item:last-child {
    min-width: 115px;
  }
  .support-page .certificate-block {
    padding-bottom: 59px;
  }
  .review-slide__user-img {
    min-width: 52px;
  }
  .support-page .other-services {
    padding-top: 38px;
  }
  .support-page .useful-article {
    padding-top: 48px;
  }
  .support-page .form-order-wrapper__page-title {
    margin-bottom: 27px;
    font-size: 22px;
  }
  .support-page .support-page__reviews {
    padding: 40px 0;
  }
  .certificate-block__list {
    gap: initial;
    flex-wrap: initial;
    justify-content: initial;
  }
  .certificate-slider {
    margin: 0 -15px;
  }
  .support-page #siteType1 .quiz-questions__var label:not(.quiz-input-label) {
    flex-direction: column;
    padding: 35px 0 25px;
  }
  .support-page #siteType1 .quiz-questions__var {
    height: auto;
  }
  .support-page .quiz-questions__line {
    margin-top: 24px;
  }
  .support-page #siteType1 .quiz-questions__var span {
    -webkit-hyphens: initial;
    -moz-hyphens: initial;
    -ms-hyphens: initial;
    hyphens: initial;
  }
  .support-page .quiz__description {
    margin-top: 5px;
  }
  .support-page #SiteReaction .quiz-questions__var span {
    max-width: 96px;
  }
  .support-page .tariff-item {
    padding-bottom: 29px;
  }
  .support-page .tariff-item__image {
    min-height: auto;
    height: 48px;
  }
  .support-page .tariff-item__title1 {
    margin: 0;
    font-size: 15px;
  }
  .support-page .tariff-item__list {
    padding-top: 13px;
    padding-bottom: 15px;
  }
  .tariff-grid .tariff-item {
    padding: 20px 14px 22px 17px;
  }
  .tariff-grid .tariff-item__desc {
    font-size: 14px;
  }
  .tariff-grid-support .tariff-item__desc {
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
  }
  .tariff-item__price1 {
    font-size: 19px;
  }
  .tariff-item__price1 span {
    font-size: 14px;
  }
  .tariff-grid .tariff-item a {
    font-size: 12px;
  }
  .tariffs-section1 {
    padding-bottom: 83px;
  }
  .facts-section {
    padding: 20px 0 29px;
  }
  .facts-section .page-title {
    text-align: center;
    margin: 0 0 9px;
  }
  .facts-section .page-text {
    text-align: center;
    font-size: 14px;
    margin-bottom: 12px;
  }
  .facts-row1 {
    flex-direction: column-reverse;
  }
  .facts-item {
    font-size: 17px;
  }
  .facts-item p {
    font-size: 12px;
  }
  .facts-grid {
    gap: 12px;
  }
  .facts-logo-item {
    width: auto;
    flex: 1;
  }
  .facts-logos {
    flex-direction: row;
    gap: 7px;
    align-items: center;
  }
  .competencies .page-title {
    margin-bottom: 33px;
  }
  .competency-card__top {
    margin-bottom: 10px;
  }
  .competencies-block__cards {
    gap: 15px;
  }
  .competency-card__content {
    padding: 18px 13px 25px;
  }
  .competencies-block__cards {
    background: #f8f8f8;
    margin: 0 -15px;
  }
  .competencies {
    background: #fff;
    padding: 33px 0 18px;
  }
  .bg-line-section {
    padding: 38px 0 48px;
    background-position: 73%;
  }
  .bg-line-section__text {
    font-size: 17px;
    max-width: 230px;
    margin: 0 auto;
    text-align: center;
  }
  .support-bg-line-section .bg-line-section__text {
    line-height: normal;
  }
  .bg-line-section .slide__btn {
    width: 233px;
    height: 40px;
    margin: 0 auto;
    font-size: 12px;
  }
  .form1-section {
    padding: 33px 0;
  }
  .gear {
    display: none;
  }
  .gear1,
  .gear2 {
    display: block;
  }
  .gear1 {
    top: auto;
    left: -41px;
    z-index: 3;
    bottom: -10px;
    width: 56px;
  }
  .gear2 {
    top: -15px;
    left: auto;
    right: 14px;
  }
  .form1-section .feedback-bg-new {
    margin: 0 -15px;
    padding: 32px 14px 50px 12px;
  }
  .form1__title {
    font-size: 15px;
    margin: 0 0 7px;
  }
  .form1__info p {
    font-size: 12px;
  }
  .form1-section .btn-gradient {
    width: 258px;
    height: 40px;
    font-size: 12px;
  }
  .form1-section .submit-btn-wrap {
    padding-top: 18px;
    text-align: center;
  }
  .form1-section .form-control {
    margin-bottom: 20px;
  }
  .form1-section .form-checkbox {
    margin-top: -7px;
  }
  .information-section {
    padding: 23px 0 35px;
  }
  .information-section .page-title {
    margin-bottom: 3px;
  }
  .information-section .page-text {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .information-section li {
    font-size: 13px;
  }
  .information-section li:not(.information-section li:last-child) {
    margin-bottom: 4px;
  }
  .information-section ul {
    margin-bottom: 22px;
    column-count: auto;
    padding-left: 20px;
  }
  .information-frame {
    padding: 14px 35px;
    margin: 0 -15px;
  }
  .information-section .main-tex-group__item-info {
    max-width: 100%;
    margin-left: 0;
    text-align: left;
  }
  .information-section .main-tex-group__h2 {
    margin: 0;
  }
  .main-tex-group__item-top {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .main-tex-group__item-top .main-tex-group__h2 {
    display: block;
    color: #010101;
    text-align: left;
  }
  .main-tex-group__item-info .main-tex-group__h2 {
    display: none;
  }
  .main-tex-group--dev .main-tex-group__item-info .main-tex-group__h2 {
    display: block;
  }
  .information-section .main-tex-group__item {
    gap: 8px;
  }
  .advantages1__grid {
    grid-template-columns: 1fr;
    gap: 21px;
  }
  .advantages1 {
    padding: 33px 0 47px;
  }
  .advantages1 .page-title {
    margin-bottom: 34px;
  }
  .advantages1__item-inner {
    font-size: 14px;
    width: 220px;
  }
  .advantages1__item:first-child {
    padding-left: 73px;
  }
  .advantages1__item:nth-child(3) {
    padding-left: 73px;
  }
  .advantages1__item:first-child .advantages1__item-inner::after {
    top: -32px;
    right: auto;
    left: -65%;
  }
  .advantages1__item:nth-child(2) .advantages1__item-inner::after {
    top: -40px;
    right: -46%;
  }
  .advantages1__item:nth-child(3) .advantages1__item-inner::after {
    right: auto;
    bottom: auto;
    top: -3px;
    left: -48%;
  }
  .advantages1__item:nth-child(4) .advantages1__item-inner::after {
    right: auto;
    bottom: auto;
    bottom: -37px;
    right: -40%;
  }
  .support-page {
    overflow-x: hidden;
  }
  .cards-numbered__wrapper {
    margin: 0 -7px 0 0;
  }
  .card-numbered__desc {
    padding: 20px 10px 20px 20px;
    font-size: 13px;
  }
  .theses-cards__item .service-card {
    padding: 20px 10px 25px 20px;
  }
  .theses-cards__item .service-card__desc,
  .theses-cards__item .service-card__title {
    font-size: 14px;
  }
}
@media screen and (max-width: 370px) {
  .support-form .feedback-bg-new {
    padding: 32px 8px 50px 12px;
  }
  .why-service--dev-corporate .page-text__item {
    display: flex;
    flex-flow: column wrap;
  }
}

/* Квиз для seo */
.seo-quiz-section .quiz-input-text {
  max-width: 100%;
  width: 220px;
}
.range {
  position: relative;
  height: 60px;
}
.quiz-section .range {
  max-width: 425px;
  width: 100%;
}
.range__input-box {
  position: relative;
}
.range__input-box input[type="range"] {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  -webkit-appearance: none;
}
.range__bar {
  position: absolute;
  bottom: 50%;
  left: 0;
  margin: 0 0 -2.5px;
  height: 2px;
  background: #07cfb5;
  z-index: 0;
  border-radius: 1px;
}
.range__input-box input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #07cfb5;
  border: none;
  border-radius: 1px;
}
.range__input-box input[type="range"]::-webkit-slider-thumb {
  position: relative;
  border: 2px solid #07cfb5;
  height: 28px;
  width: 28px;
  border-radius: 100%;
  background: #07cfb5;
  cursor: pointer;
  z-index: 1;
  -webkit-appearance: none;
  margin-top: -12px;
  outline: 5px solid #fff;
  outline-offset: -8px;
}
.range__input-box input[type="range"]::-webkit-slider-thumb::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #07cfb5;
}
.range__value {
  position: absolute;
  bottom: -20px;
  min-width: 78px;
  height: 44px;
  display: block;
  margin-left: -34px;
}
.range__value span {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.45) 0%,
    rgba(114, 199, 255, 0.45) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  filter: drop-shadow(0px 0px 19px rgba(142, 136, 157, 0.1));
  border-radius: 2px;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.range__value span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #765fb661;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  transform: rotate(180deg);
}

@media (max-width: 767px) {
  .seo-quiz-section .quiz-steps .stages-dev__list {
    gap: 5px;
  }

  .quiz-section #rangePrices .quiz-questions__line {
    grid-template-columns: 1fr;
  }
  .quiz-section .range {
    width: 85%;
    margin-left: 10px;
  }
}

/* 25.09.23 */
.logotip-banner--dev-new .logotip-banner__anim-bottom2 {
  right: 21%;
  bottom: 12%;
}
.faq-form__faq-caption {
  color: #b8bae8;
}
.why-service.why-service--dev-portal {
  padding: clamp(30px, 2.62vw, 50px) 0 0;
}
.why-service--dev-portal .page-text p:last-child {
  margin-bottom: 0;
}
.how-order--dev-portal .how-order__content {
  margin-top: 20px;
}
.how-order--dev-portal .how-order__make-order {
  margin-top: -5%;
}
.how-order--dev-bcard .how-order__make-order {
  margin-top: -13%;
}
.page-text--decor-left {
  display: grid;
  grid-template-areas:
    "decor text1"
    "decor text2"
    "decor text3";
  column-gap: clamp(12px, 1.15vw, 22px);
  align-items: center;
}
.page-text--decor-right {
  display: grid;
  grid-template-areas:
    "text1 decor"
    "text2 decor";
  column-gap: clamp(12px, 1.15vw, 22px);
}
.page-text__decor-left,
.page-text__decor-right {
  grid-area: decor;
  object-fit: contain;
}
.page-text__decor-right {
  margin-top: -25%;
}
.page-text__item--first {
  grid-area: text1;
}
.page-text__item--second {
  grid-area: text2;
}
.page-text__item--third {
  grid-area: text3;
}
.page-text .page-text__item {
  font-size: inherit;
}
.page-text .page-text__item-link {
  color: inherit;
  text-decoration: underline;
}
.how-order__page-title--wide + .page-text {
  margin: 15px 0 0;
}
.how-order--dev p {
  margin: 0 0 1rem;
}
.stages-dev-box__image--thin {
  min-width: 60px;
}
.stages-dev-box__desc--wide {
  max-width: unset;
}
.corporate-text-section {
  padding: clamp(12px, 1.32vw, 25px) 0 0;
}
.corporate-text-section .page-text {
  padding: 25px clamp(10px, 4.25vw, 80px) 25px 25px;
  display: flex;
  align-items: center;
  gap: clamp(5px, 2.6vw, 50px);
}
.corporate-text-section .page-text--cyan {
  background-color: rgba(189, 237, 240, 0.51);
}
.quiz-input-text.quiz-input-text--thin {
  max-width: 60px;
}
@media screen and (max-width: 768px) {
  .page-text--decor-left {
    grid-template-areas:
      "decor text1"
      "text2 text2"
      "text3 text3";
    grid-template-columns: 70px 1fr;
  }
  .page-text--decor-right {
    grid-template-areas:
      "text1 decor"
      "text2 text2";
    grid-template-columns: 1fr 70px;
  }
  .page-text__decor-left {
    height: 70px;
  }
  .page-text__decor-right {
    height: 70px;
  }
  .page-text__item.page-text__item--third {
    margin: 0 0 12px;
  }
  .corporate-text-section {
    padding: 25px 0;
    background-color: rgba(189, 237, 240, 0.51);
  }
  .corporate-text-section .page-text--cyan {
    background-color: transparent;
  }
  .corporate-text-section .page-text {
    padding: 0;
    flex-flow: row wrap;
  }
  .corporate-text-section__decor {
    margin-bottom: -5%;
    height: 100px;
  }
}
@media screen and (min-width: 978px) {
  .dev-reviews__title-container {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .stages-dev__col--wide {
    min-width: 295px;
  }
}

.container--wide {
  max-width: 1585px;
}
.awards {
  padding-block: clamp(35px, 3.67vw, 70px);
  background: url(../img/awards/awards-bg-with-icons.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
}
.awards .page-title {
  padding-bottom: clamp(30px, 2.99vw, 57px);
}
.awards__slider-wrapper {
  position: relative;
}
.awards__slider {
}
.awards__slide {
  padding: 28px 12px;
  display: flex;
  flex-flow: column wrap;
  background-color: rgba(66, 85, 123, 0.62);
  border-radius: 5px;
  border: 1px solid #f4f089;
  text-align: center;
  height: auto;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.awards__slide:hover {
  color: #000;
  background-color: #e6c661;
}
.award {
}
.awards__slide-wrapper {
  height: 100%;
}
.awards__slide-front {
  display: flex;
  flex-flow: column wrap;
  height: 100%;
}
.award__place {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}
.award__place-value {
  font-weight: 700;
  font-size: 73px;
  line-height: 0.8;
}
.award__place-desc {
  padding: 10px 8px 0;
  font-size: 15px;
}
.award__place-decor {
  margin-top: -20px;
}
.award__icon {
  transition: fill 0.3s ease;
}
.awards__slide:hover .award__icon path {
  fill: #fff;
}
.award__desc {
  padding: 15px 0 22px;
}
.award__year {
  margin-top: auto;
  font-size: 16px;
}
.bold {
  font-weight: 700;
}
.awards__more {
  padding-top: clamp(20px, 2.1vw, 40px);
  text-align: center;
}
.awards__slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 55px;
  height: 55px;
  background: url(../img/awards/slider-btn-bg.svg) no-repeat center;
  background-size: contain;
  border-radius: 50%;
}
.awards__slider-arrow svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.awards__slider-arrow--next {
  right: -7%;
}
.awards__slider-arrow--prev {
  left: -7%;
}
.more-link {
  font-size: 15px;
  text-decoration: none;
  border-bottom: 1px solid;
}
.more-link:hover {
  text-decoration: none;
}
.more-link--white {
  color: #fff;
  border-color: #fff;
  transition: color 0.3s ease, border-color 0.3s ease;
}
.more-link--hover-gold:hover {
  color: #e6c661;
  border-color: #e6c661;
}
@media screen and (max-width: 1820px) {
  .container--wide {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1200px) {
  .container--wide {
    max-width: unset;
    overflow: hidden;
  }
  .awards__slider {
    overflow: visible;
  }
  .awards__slider-arrow {
    display: none;
  }
  .awards__slide {
    width: 235px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1380px) {
  .awards__slider {
    max-width: 1100px;
  }
  .awards__slider-arrow--next {
    right: -4%;
  }
  .awards__slider-arrow--prev {
    left: -4%;
  }
}

.btn-gradient:after {
  display: none;
}
.btn-gradient {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
  -webkit-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
}

.vnedr-bitrix__anim-top {
  position: absolute;
  top: 233px;
  left: 32%;
}
.vnedr-bitrix__anim-bottom {
  position: absolute;
  bottom: 186px;
  left: 350px;
}
.vnedr-bitrix__anim-bottom-r {
  position: absolute;
  bottom: 200px;
  right: 130px;
}
.vnedr-bitrix__anim-middle {
  position: absolute;
  top: 430px;
  left: 46%;
}
.vnedr-bitrix__anim-top2 {
  position: absolute;
  top: 200px;
  left: 48%;
}
.vnedr-bitrix__anim-top001 {
  position: absolute;
  top: 253px;
  left: 25%;
  z-index: 10;
}

.vnedr-bitrix__anim-top3 {
  position: absolute;
  top: 260px;
  left: 67%;
}
.vnedr-bitrix__anim-top4 {
  z-index: 10;
  position: absolute;
  top: 355px;
  right: 15%;
}

@media (min-width: 1025px) {
  .logotip-banner.vnedr {
    min-height: 750px;
  }
}

@media (max-width: 576px) {
  .smm-logotip-banner__image.vnedr-bitrix__image {
    right: 0;
  }
  .logotip-banner__image.vnedr-bitrix__image {
    right: 54px;
    width: 450px;
  }
  .vnedr-bitrix__anim-top2 {
    max-width: 4%;
    position: absolute;
    top: 90px;
    left: 49%;
  }
  .vnedr-bitrix__anim-top {
    max-width: 4%;
    position: absolute;
    top: 100px;
    left: 32%;
  }
  .vnedr-bitrix__anim-top001 {
    max-width: 15%;
    position: absolute;
    top: 113px;
    left: 26%;
  }
  .vnedr-bitrix__anim-middle {
    width: 10%;
    position: absolute;
    top: 190px;
    left: 46%;
  }
}
.how-order__important-top p {
  line-height: 25.6px;
  font-size: 21px;
  margin-bottom: 20px;
}
.how-order__important-top {
  margin-bottom: 50px;
}
.how-order__important-top p:last-child {
  margin-bottom: 0;
}
.how-order-vnedrenie .how-order__content {
  margin-top: 0;
}
.how-order-vnedrenie .how-order__important {
  margin: 30px 0 20px 0;
}
.how-order-vnedrenie .how-order__desk {
  max-width: 850px;
  line-height: 20.72px;
  font-size: 17px;
}
.how-order-vnedrenie .how-order__item span {
  color: #000000;
}
.two-column-list {
  margin: 0;
  padding: 0;
}
ul.two-column-list li::marker {
  color: transparent;
}
ul.two-column-list li {
  position: relative;
  margin-left: 18px;
  font-size: 17px;
}
ul.two-column-list li::before {
  top: 8px;
  margin-left: -18px;
  border-radius: 50%;
  background: #07cfb5;
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
}
.two-column-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style-type: none;
}
.left-column,
.right-column {
  width: 45%;
  box-sizing: border-box;
}
.left-column {
  order: 1;
}
.right-column {
  order: 2;
}
.two-column-list_div {
  margin-top: 16px;
  margin-bottom: 32px;
}
.page-title__vnedreni_div {
  line-height: 20.72px;
  margin-top: 18px;
  font-size: 17px;
}
.effekt-block {
  display: flex;
  gap: 20px;
  padding: 36px 54px;
  background: #bdedf0;
}
.effekt-block__l p,
.effekt-block__r p {
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 28.05px;
  font-size: 17px;
}
.effekt-block__l li,
.effekt-block__r li {
  position: relative;
}
.effekt-block__l li::before,
.effekt-block__r li::before {
  position: absolute;
  content: "";
  left: -30px;
  top: 4px;
  height: 14px;
  width: 18px;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25 13.752L0 4.25195L6.25 6.75195L17.5 0.251953L6.25 13.752Z' fill='%2307CFB5'/%3E%3C/svg%3E%0A");
}
ul.effekt-block__ul li::marker {
  color: transparent;
}
.effekt-block__ul li {
  margin-bottom: 5px;
}
.vnedreni-our-results1 .page-title {
  margin: 0;
  font-size: 17px;
  text-transform: unset;
}
.our-results1-direct.vnedreni {
  padding: 50px 0 81px;
}
.form-zayavku {
  overflow: hidden;
  margin-top: 60px;
  gap: 20px;
  padding: 60px 57px;
  background: #07cfb5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.form-zayavku::before {
  bottom: 0;
  top: 0;
  background-size: contain;
  background-position: right;
  right: 0;
  width: 100%;
  position: absolute;
  content: "";
  background-image: url("/local/templates/acroweb/img/bg/vnedrenie-bitrix24/V.png");
  background-repeat: no-repeat;
}
.form-zayavku__left-title {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 33px;
  color: #ffffff;
  font-weight: 700;
  line-height: 30px;
}
.form-zayavku__left-desk {
  padding: 0;
  margin: 0;
  font-size: 20px;
  color: #ffffff;
  font-weight: 400;
  line-height: 20px;
}
.tariff-table__btn-v .btn-gradient.filter {
  color: #010101;
  font-size: 15px;
  padding: 16px 76px;
  background: #fff;
}
.vnedreni-our-results1 {
  padding: 0px 0 45px;
}
.tariff-item__soc-row-ul li {
  font-weight: 400;
  color: #ffffffc2;
  font-size: 15px;
  line-height: 18.29px;
}
ul.tariff-item__soc-row-ul li::marker {
  color: #07cfb5;
}
.quiz-section .vnedrenie {
  margin-bottom: 60px;
}
.quiz-section .nedrenie.page-title {
  text-align: center;
}
.card-slider01 .tariff-item .btn-gradient {
  background: transparent;
}
.card-slider01 .tariff-item:hover .btn-gradient {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
  -webkit-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
}
.other-services.vnedrenie {
  padding-top: 80px;
}
.quiz-input-text.vnedrenie {
  position: absolute;
  z-index: 100;
  height: 40%;
  box-sizing: border-box;
  margin: 0;
  border-bottom: transparent;
  text-align: center;
}
.otherText {
  top: 65px;
  position: absolute;
  display: inline;
  font-weight: 700;
  color: #07cfb5;
}
.quiz-section-step.one .quiz-questions__var:last-child span {
  min-height: 70px;
}
.quiz-section-step.one .otherText {
  top: 75px;
}
.quiz-section-step.one .quiz-input-text.vnedrenie {
  height: 10%;
}
.quiz-section-step.one .otherText {
  font-style: italic;
  font-weight: 400;
  color: #ffffff;
}
.step_too {
  margin: 27px 0 37px 0;
  position: relative;
}
.step_too .otherText {
  top: 0;
  font-style: italic;
  position: absolute;
  font-weight: 400;
  color: #f3f3f3;
}
.step_too .quiz-input-text.vnedrenie {
  width: 100%;
  height: 90%;
  border-bottom: 2px solid #07cfb5;
  max-width: 280px;
}
.selected-value {
  display: block;
}

.quiz-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  outline: none;
}
.quiz-select {
  display: none;
  position: absolute;
  background: #223757;
  z-index: 10;
}
.quiz-select.active {
  display: block;
}
.select-group {
  position: relative;
  max-width: 270px;
  width: 100%;
}
.selected-value__btn {
  position: relative;
  color: #fff;
  padding: 0 20px 4px 0;
  border: none;
  background: transparent;
  font-style: italic;
  font-size: 15px;
  text-align: left;
  border-bottom: 2px solid #07cfb5;
  width: 100%;
}
.selected-value__btn::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0.669873 1.38009e-07L9.33013 8.95112e-07L5 6Z' fill='%2307CFB5'/%3E%3C/svg%3E%0A");
  width: 10px;
  height: 6px;
  top: 14px;
  right: 0;
}
.selected-value__btn.active::before {
  transform: rotate(180deg);
}
.quiz-select {
  margin-top: 10px;
}
.quiz-select li {
  color: #fff;
  font-size: 15px;
  margin: 0 0 2px 0;
  list-style: none;
  cursor: pointer;
}
.quiz__title-desk {
  color: #fff;
  padding: 9px 0 0 0;
  font-size: 15px;
}
.select-group.four {
  margin-top: 29px;
}
.quiz.vnedrenie .quiz-questions__line {
  flex-wrap: wrap;
}
.quiz.vnedrenie .quiz-questions__var {
  min-width: 165px;
  max-width: 165px;
}
.vnedrenie-stages-dev .stages-dev-box {
  width: 100%;
}
.quiz-section-step.step5 .quiz-questions__var {
  height: 115px;
}
.swiper-reviews {
  padding-bottom: 30px;
}
.vnedrenie-stages-dev .stages-dev__list {
  padding: 17px 10px 23px 23px;
}
.swiper-reviews .swiper-pagination {
  bottom: 0;
}
.swiper-reviews .swiper-pagination-bullet {
  border: 1px solid #a9a9a9;
  background: linear-gradient(90deg, #6e14b100 0%, #06cfb500 100%);
  width: 7px;
  height: 7px;
  transition: 0.4s;
  margin-right: 11px !important;
  opacity: 1;
}
.swiper-reviews .swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #6e14b1 0%, #06cfb5 100%);
}
.swiper-reviews__inner-inf-title {
  font-size: 20px;
  margin: 0 0 16px 0;
  padding: 0;
  font-weight: 700;
}
.swiper-reviews__inner-inf-desk {
  color: #07cfb5;
  font-size: 16px;
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: 700;
}
.swiper-reviews__inner-inf-list li {
  font-size: 14px;
  margin-bottom: 6px;
  position: relative;
}
.swiper-reviews__inner-inf-list li::before {
  top: 8px;
  line-height: 20px;
  box-sizing: border-box;
  left: -20px;
  position: absolute;
  content: "";
  background: #07cfb5;
  width: 12px;
  height: 1px;
}
.swiper-reviews__inner-inf-list {
  padding: 0 0 0 20px;
}
.swiper-reviews__inner-inf-list li:last-child {
  margin-bottom: 0;
}
ul.swiper-reviews__inner-inf-list li::marker {
  color: transparent;
}
.swiper-reviews__inner-inf-bg {
  padding: 39px 44px 44px 39px;
  background: #bdedf050;
}
.swiper-reviews__inner-inf-rew {
  font-size: 19px;
  text-align: center;
}
.swiper-reviews__inner-inf-sign {
  font-size: 16px;
  font-weight: 700;
  display: block;
  text-align: right;
}
.swiper-reviews__inner-inf-bg {
  position: relative;
}
.swiper-reviews__inner-inf-bg::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='57' height='48' viewBox='0 0 57 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.39' d='M13.5621 25.9512C15.1345 25.561 16.6414 25.626 18.0828 26.1463C19.5241 26.5366 20.769 27.252 21.8172 28.2927C22.9966 29.3333 23.9138 30.5691 24.569 32C25.3552 33.4309 25.7483 34.9919 25.7483 36.6829C25.7483 39.935 24.569 42.6667 22.2103 44.878C19.8517 46.9593 16.969 48 13.5621 48C8.97586 48 5.56897 46.374 3.34138 43.1219C1.11379 39.7398 0 35.4472 0 30.2439C0 23.2195 1.63793 17.1057 4.91379 11.9024C8.32069 6.56911 13.5621 2.60163 20.6379 0L23.3897 3.70732C18.2793 6.04878 14.4793 8.97561 11.9897 12.4878C9.5 16 8.25517 19.9024 8.25517 24.1951C8.25517 25.626 8.51724 26.4715 9.04138 26.7317C9.69655 26.9919 10.4172 26.9919 11.2034 26.7317L13.5621 25.9512ZM45.0103 25.9512C48.0241 25.3008 50.7759 26.0813 53.2655 28.2927C55.7552 30.5041 57 33.3008 57 36.6829C57 39.935 55.8207 42.6667 53.4621 44.878C51.2345 46.9593 48.4172 48 45.0103 48C40.4241 48 36.9517 46.374 34.5931 43.1219C32.3655 39.7398 31.2517 35.4472 31.2517 30.2439C31.2517 23.2195 32.9552 17.1057 36.3621 11.9024C39.769 6.56911 45.0103 2.60163 52.0862 0L54.8379 3.70732C49.7276 6.04878 45.8621 8.97561 43.2414 12.4878C40.7517 16 39.5069 19.9024 39.5069 24.1951C39.5069 25.626 39.769 26.4715 40.2931 26.7317C40.9483 26.9919 41.7345 26.9919 42.6517 26.7317L45.0103 25.9512Z' fill='%2307CFB5'/%3E%3C/svg%3E");
  height: 48px;
  width: 57px;
  left: 37px;
  top: 33px;
}
.swiper-reviews__inner-inf-bg::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='57' height='48' viewBox='0 0 57 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.39' d='M43.4379 22.0488C41.8655 22.439 40.3586 22.374 38.9172 21.8537C37.4759 21.4634 36.231 20.748 35.1828 19.7073C34.0034 18.6667 33.0862 17.4309 32.431 16C31.6448 14.5691 31.2517 13.0081 31.2517 11.3171C31.2517 8.06504 32.431 5.33333 34.7897 3.12195C37.1483 1.04065 40.031 2.33122e-06 43.4379 2.62906e-06C48.0241 3.03e-06 51.431 1.62602 53.6586 4.87805C55.8862 8.26017 57 12.5528 57 17.7561C57 24.7805 55.3621 30.8943 52.0862 36.0976C48.6793 41.4309 43.4379 45.3984 36.3621 48L33.6103 44.2927C38.7207 41.9512 42.5207 39.0244 45.0103 35.5122C47.5 32 48.7448 28.0976 48.7448 23.8049C48.7448 22.374 48.4828 21.5285 47.9586 21.2683C47.3035 21.0081 46.5828 21.0081 45.7966 21.2683L43.4379 22.0488ZM11.9897 22.0488C8.97586 22.6992 6.22413 21.9187 3.73448 19.7073C1.24483 17.4959 -9.03448e-07 14.6992 -6.07774e-07 11.3171C-3.23473e-07 8.06504 1.17931 5.33333 3.53793 3.12195C5.76551 1.04065 8.58276 -4.18073e-07 11.9897 -1.20232e-07C16.5759 2.80707e-07 20.0483 1.62602 22.4069 4.87805C24.6345 8.26016 25.7483 12.5528 25.7483 17.7561C25.7483 24.7805 24.0448 30.8943 20.6379 36.0976C17.231 41.4309 11.9897 45.3984 4.91379 48L2.16206 44.2927C7.27241 41.9512 11.1379 39.0244 13.7586 35.5122C16.2483 32 17.4931 28.0976 17.4931 23.8049C17.4931 22.374 17.231 21.5285 16.7069 21.2683C16.0517 21.0081 15.2655 21.0081 14.3483 21.2683L11.9897 22.0488Z' fill='%2307CFB5'/%3E%3C/svg%3E%0A");
  height: 48px;
  width: 57px;
  bottom: 25px;
  right: 55px;
}
.swiper-reviews__inner a {
  min-width: 300px;
}
.swiper-reviews__inner {
  gap: 50px;
  display: flex;
  padding: 0 60px;
}
.swiper-reviews__inner a {
  background: #e8eef4;
  padding: 10px;
  display: flex;
}
.reviews-section .swiper-button-next:after,
.reviews-section .swiper-button-prev:after,
.swiper-module .swiper-button-next:after,
.swiper-module .swiper-button-prev:after {
  display: none;
}
.reviews-section .swiper-button-next,
.reviews-section .swiper-button-prev {
  width: 45px;
}
.reviews-section .swiper-reviews__inner-mobi {
  display: none;
}
.my_swiper_diplom-inner {
  padding: 12px;
  background: #e8eef4;
}
.my_swiper_diplom-inner a img {
  width: 100%;
}
.my_swiper_diplom .swiper-wrapper {
  align-items: center;
}
.my_swiper_diplom {
  margin: 0 50px;
}
.my_swiper_diplom-wrap {
  position: relative;
}
.my_swiper_diplom-wrap .my_swiper_diplom {
  position: unset;
}
.my_swiper_diplom .swiper-button-prev:after,
.my_swiper_diplom .swiper-button-next:after {
  display: none;
}
.my_swiper_diplom-wrap__desk {
  color: #010101;
  font-weight: 400;
  font-size: 15px;
  text-align: center;
  margin: 0 0 22px 0;
  padding: 0;
}
.my_swiper_diplom .swiper-button-next,
.my_swiper_diplom .swiper-button-prev {
  transform: translateY(-10%);
  top: 60%;
}
.vnedrenie-feedback .title-section {
  display: block;
  text-transform: inherit;
  margin-bottom: 20px;
  text-align: left;
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
}
.card-slider01.vnedrenie .swiper-button-next:after,
.card-slider01.vnedrenie .swiper-button-prev:after,
.slider__support .swiper-button-prev:after,
.slider__support .swiper-button-next:after {
  display: none;
}
.vnedrenie-wrapper {
  position: relative;
  padding: 0 20px;
  overflow: hidden;
}
.vnedrenie-wrapper .swiper {
  position: unset;
  overflow-y: overlay;
  overflow-x: hidden;
}
.vnedrenie-wrapper .swiper-button-prev {
  left: 0px;
}
.card-slider01 .swiper-notification {
  display: none;
}
.tekhpodderzhka .how-order__inf {
  margin-bottom: 20px;
}
.tekhpodderzhka .how-order__desk {
  margin-bottom: 22px;
  font-weight: 700;
}
.tekhpodderzhka .how-order__content {
  justify-content: space-between;
}
.support-advant__bock {
  width: 100%;
  gap: 12px;
  flex-wrap: wrap;
  display: flex;
}
.support-advant__item {
  position: relative;
  width: 48%;
  padding: 50px;
  box-shadow: 10px 12px 42px 0px #eae7f652;
  border: 1px solid #f3f3f3;
  counter-increment: section-counter;
}
.support-advant__item::before {
  content: "0" counter(section-counter) " ";
  font-weight: bold;
  top: 10px;
  left: 20px;
  z-index: -1;
  font-size: 107px;
  color: #daf2f4;
  position: absolute;
}
body {
  counter-reset: section-counter;
}
.support-advant__item p {
  font-weight: 400;
  color: #010101;
  font-size: 15px;
  line-height: 20px;
  padding: 0;
  margin: 0;
}
.section-advant {
  padding: 50px 0 68px 0;
}
.accordion-option-img {
  height: 75px;
  width: 101px;
  min-width: 100px;
}
.accordion-option-img img {
  object-fit: cover;
  width: 100%;
}
.accordion-option-info-title {
  padding: 0;
  margin: 0 0 10px 0;
  line-height: 20.72px;
  font-size: 17px;
  font-weight: 700;
  color: #010101;
}
.accordion-option-info-desk {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 17px;
  line-height: 20.72px;
}
.accordion-option-top {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.accordion-option-btn {
  font-weight: 700;
  color: #765fb6;
  line-height: 18.29px;
  font-size: 15px;
  position: relative;

  margin: 0;
  border: none;
  background: transparent;
  padding: 0;
}
.accordion-option-btn span {
  position: relative;
}
.accordion-option-btn span::before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.68213 1L6.68213 5L11.6821 1' stroke='%23765FB6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  width: 13px;
  height: 7px;
  top: 9px;
  right: -20px;
}
.section-option {
  background: #bdedf051;
  padding: 50px 0 68px 0;
}
.section-option h2 {
  margin-bottom: 5px;
}

.accordion-option-btn.active span::before {
  transform: rotate(180deg);
  top: 5px;
}
.accordion-option {
  border-radius: 5px;
  background: #ffffff;
  padding: 18px 30px 31px 44px;
  margin-bottom: 10px;
}
.accordion-option:last-child {
  margin-bottom: 0;
}
.accordion-option-content {
  display: none;
}
.accordion-option-content.active {
  display: block;
}
.accordion-option-content {
  margin-top: 20px;
}
.accordion-option-content p {
  margin: 0;
  padding: 0;
  line-height: 18.29px;
  color: #010101;
  font-size: 15px;
}
.accordion-option-top {
  display: flex;
  align-items: end;
}
.section-advant-desk {
  line-height: 30.48px;
}
.section-advant-desk {
  margin-bottom: 29px;
  text-align: center;
  font-size: 25px;
}
.slider__support-inner {
  border-radius: 6px;
  padding: 57px 36px 27px 30px;
  position: relative;
  background: #ffffff;
  height: 100%;
}
.slider__support-inner-img {
  left: 50%;
  transform: translate(-50%, -50%);
  top: 0px;
  position: absolute;
}
.slider__support {
  padding: 40px 0 20px 0;
}
.slider__support-inner-title {
  line-height: 20px;
  font-weight: 700;
  font-size: 15px;
}
.slider__support-inner-desk {
  line-height: 20px;
  font-weight: 400;
  font-size: 15px;
}
.section-support {
  background: #f8f8f8;
  padding: 74px 0 117px 0;
}
.slider__support-bg-img {
  background-image: url("/uslugi/vnedrenie-bitrix24/img/bg.svg");
  margin: 50px auto 0 auto;
  box-sizing: border-box;
  padding: 21px 0 26px 0;
  background-repeat: no-repeat;
  height: 100%;
  width: 90%;
  background-size: contain;
}

.slider__support-bg-desk {
  font-weight: 300;
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: #010101;
}
.slider__support-bg-text {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 32px;
  text-decoration: none;
}
.slider__support-bg-text {
  padding: 21px 0 26px 0;
  background: #ffffff40;
}
.slider__support-bg-text a:hover {
  text-decoration: none;
}
.slider__support-inner.bg {
  padding: 0;
  justify-content: space-between;
  flex-direction: column;
  display: flex;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgb(118 95 182 / 41%) 0%,
    rgb(114 199 255 / 52%) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
}
.slider__support-bg-text span {
  color: #908acb;
}
.section-support h2 {
  max-width: 841px;
  text-align: center;
  margin: 0 auto 38px auto;
  padding: 0;
  font-size: 33px;
}
.slider__support-inner-form .slider__support-bg-img {
  text-align: center;
  min-height: 240px;
  background-position: center;
}
ul.tekhpodderzhka-priseul li::marker {
  color: transparent;
}
.tekhpodderzhka-prise .tariff-item__soc-row {
  justify-content: left;
}
ul.tekhpodderzhka-priseul li {
  position: relative;
}
ul.tekhpodderzhka-priseul li::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 13.3407C2.91005 13.3407 0 10.4306 0 6.8407C0 3.25075 2.91005 0.340698 6.5 0.340698C10.0899 0.340698 13 3.25075 13 6.8407C13 10.4306 10.0899 13.3407 6.5 13.3407ZM11.7 6.8407C11.7 5.46157 11.1521 4.13893 10.177 3.16374C9.20177 2.18855 7.87913 1.6407 6.5 1.6407C5.12087 1.6407 3.79823 2.18855 2.82304 3.16374C1.84786 4.13893 1.3 5.46157 1.3 6.8407C1.3 8.21982 1.84786 9.54246 2.82304 10.5177C3.79823 11.4928 5.12087 12.0407 6.5 12.0407C7.87913 12.0407 9.20177 11.4928 10.177 10.5177C11.1521 9.54246 11.7 8.21982 11.7 6.8407ZM9.1 6.1907C9.27239 6.1907 9.43772 6.25918 9.55962 6.38108C9.68152 6.50298 9.75 6.66831 9.75 6.8407C9.75 7.01309 9.68152 7.17842 9.55962 7.30032C9.43772 7.42222 9.27239 7.4907 9.1 7.4907H7.15C6.435 7.4907 5.85 6.9057 5.85 6.1907V3.5907C5.85 3.41831 5.91848 3.25298 6.04038 3.13108C6.16228 3.00918 6.32761 2.9407 6.5 2.9407C6.67239 2.9407 6.83772 3.00918 6.95962 3.13108C7.08152 3.25298 7.15 3.41831 7.15 3.5907V6.1907H9.1Z' fill='%2307CFB5'/%3E%3C/svg%3E%0A");
  width: 13px;
  height: 14px;
  top: 2px;
  left: -20px;
}
.tekhpodderzhka .select-group {
  padding: 20px 0 40px 0;
}
.tekhpodderzhka .select-group:last-child {
  padding: 0;
}
.prise_bottom {
  display: flex;
  gap: 20px;
  align-items: center;
}
.prise_bottom p {
  padding: 0;
  margin: 0;
  text-transform: none;
}
.tariff-item__title {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
}
.tariff-item__prise {
  font-size: 22px;
  font-weight: 700;
  color: #07cfb5;
}
.tariff-item__prise span {
  font-size: 16px;
}
.tekhpodderzhka-prise .vnedrenie-wrapper {
  margin-bottom: 100px;
}
.tekhpodderzhka-prise .vnedrenie {
  margin-bottom: 10px;
}
.prise_bottom a {
  text-transform: uppercase;
  font-size: 13px;
  color: #fff;

  text-underline-offset: 3px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: #f4f4f4;
  font-size: 13px;
}
.prise-table__input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.prise-table__checkbox {
  box-sizing: border-box;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #07cfb5;
  position: absolute;
  height: 18px;
  width: 18px;
}
.prise-table__title {
  line-height: 16px;
  font-size: 16px;
  font-weight: 400;
}
.prise-table__input:checked + .prise-table__checkbox {
  background: #07cfb5;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.34668 4.17404L4.72168 8.44071L9.99971 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: border-box;
}

.tekhpodderzhka .quiz-questions__line {
  margin: 15px 0 0px;
}
.prise-form__input-p {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.prise-form__label {
  margin-bottom: 30px;
}
.prise-form__label-text {
  color: #000;
  line-height: 17.07px;
  font-size: 14px;
  font-weight: 400;
}
.prise-form__label-text a {
  color: #000;
  text-decoration: underline;
}
.prise-form__input-checkbox {
  top: 3px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 2px;
  border: 3px solid #07cfb5;
  position: absolute;
  height: 13px;
  width: 13px;
}
.prise-form__label-text {
  display: block;
  margin-left: 20px;
}

.prise-form__input-p:checked + .prise-form__input-checkbox {
  top: 3px;
  background: #07cfb5;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.34668 4.17404L4.72168 8.44071L9.99971 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: border-box;
}

.prise-table__item.active .prise-table__title,
.prise-table__item.active .prise-table__item-prise p {
  font-weight: 700;
}
.prise-table__item {
  gap: 10px;
  display: flex;
  justify-content: space-between;
}
.prise-table__label {
  padding: 18px 0;
  margin: 0;
  position: relative;
  display: flex;
  align-items: center;
}
.prise-table__item-prise p {
  padding: 0;
  margin: 0;
  text-align: center;
}
.prise-table__item-prise {
  align-items: center;
  display: flex;
  justify-content: center;

  width: 100%;
  padding: 18px 0;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    #765fb626 0%,
    #72c7ff1f 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  max-width: 245px;
}
.prise-table__item:first-child {
  border-top: 2px solid #c0dff6;
}
.prise-table__item {
  border-bottom: 2px solid #c0dff6;
}
.prise-table__item-prise p {
  font-size: 22px;
}
.prise-table__item-prise p span {
  font-size: 17px;
}
.prise-table__side {
  margin-left: 30px;
}
.prise-table__side span {
  display: block;
}
.prise-table__desk {
  margin-top: 15px;
}
.prise-section-block {
  align-items: flex-start;
  gap: 50px;
  display: flex;
}
.prise-section {
  width: 100%;
}
.prise-section-block {
  display: flex;
  gap: 40px;
}
.block__form {
  box-sizing: border-box;
  max-width: 380px;
  width: 100%;
}
.block__form {
  padding: 38px 43px 57px 43px;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    #765fb626 0%,
    #72c7ff1f 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
}
.prise-form__title {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 38px 0;
  padding: 0;
  line-height: 19.5px;
}
.prise-form__val {
  font-size: 17px;
  font-weight: 400;
  margin: 0 0 9px 0;
  padding: 0;
  line-height: 19.5px;
}
.prise-form__result {
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 16px 0;
  padding: 0;
  line-height: 19.5px;
}
.prise-form__desk p {
  font-size: 15px;
  font-weight: 400;
  margin: 0 0 12px 0;
  padding: 0;
  line-height: 18.29px;
}
.prise-form__desk {
  margin-bottom: 50px;
}
.prise-form__block-input {
  margin-bottom: 30px;
  position: relative;
}
.prise-form__block-input span {
  position: absolute;
  bottom: 8px;
}
.prise-form__input {
  border-right: none;
  border-left: none;
  border-top: none;
  background: transparent;
  height: 35px;
  width: 100%;
}
.prise-s {
  padding: 105px 0;
}
.prise-s-title {
  text-align: right;
  margin-right: 420px;
  font-weight: 700;
  font-size: 33px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #010101;
}
.prise-form__label {
  position: relative;
}
.module__slide-inner {
  position: relative;
  background-color: #f8f8f8;
  border: 5px solid transparent;
  background-clip: padding-box;
  height: 100%;
}
.module__slide-desk {
  margin: 0;
  padding: 17px 27px 10px 25px;
  font-weight: 400;
  line-height: 18px;
  font-size: 14px;
}
.module__slide-top-img {
  min-width: 40px;
}
.module__slide-top-img img {
  min-width: 40px;
}
.module__slide-top h3 {
  margin: 0;
  line-height: 18.29px;
  font-size: 13px;
  font-weight: 700;
  padding: 0;
}
.module__slide-top {
  width: 100%;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.13) 0%,
    rgba(114, 199, 255, 0.13) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  align-items: center;
  gap: 10px;
  display: flex;
  padding: 0 20px;
  min-height: 90px;
  align-items: center;
  gap: 10px;
  display: flex;
  box-sizing: border-box;
}

.module__slide-inner::before {
  content: "";
  position: absolute;
  top: -5px; /* Толщина границы */
  left: -5px;
  right: -5px;
  bottom: -5px;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.13) 0%,
    rgba(114, 199, 255, 0.13) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  z-index: -1;
}
.module__slide-inner.bg {
  border-radius: 10px;
  position: relative;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgb(118 95 182 / 35%) 0%,
    rgb(114 199 255 / 17%) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  border: none;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.module__slide-inner.bg::before {
  background: transparent;
}
.module__slide-header-bottom {
  padding: 20px 20px;
  background: #ffffff4a;
  width: 100%;
}
.module__slide-header-link {
  text-decoration: underline;
  font-weight: 700;
  font-size: 32px;
  color: #908acb;
}
.module__slide-header-link:hover {
  text-decoration: underline;
  font-weight: 700;
  font-size: 32px;
  color: #908acb;
}
.module__slide-header-bottom-desk {
  font-size: 15px;
  display: block;
}
.module__slide-header p {
  line-height: 20px;
  font-size: 15px;
  margin: 0;
  padding: 33px 230px 0 30px;
}
.module__slide-header-img {
  right: 36px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.module__slide-header-img::before {
  position: absolute;
  content: "";
  background-image: url("/uslugi/integraciya-bitrix24/img/formbg-link.svg");
  right: 10px;
  top: -20px;
  height: 54px;
  width: 60px;
}
.section-module {
  padding: 49px 0 100px 0;
}
.section-module h2 {
  margin: 0 auto 20px auto;
  max-width: 700px;
  font-weight: 700;
  font-size: 33px;
  line-height: 40.23px;
  text-align: center;
  text-transform: uppercase;
  color: #010101;
}
.module__slide-inner-mobi .module__slide-header-img {
  width: 170px;
  position: relative;
  margin: 0 auto 20px auto;
  right: unset;
  transform: unset;
  top: unset;
}
.module__slide-inner-mobi .module__slide-header p {
  padding: 33px 20px 20px 20px;
}
.module__slide-inner-mobi .module__slide-header-bottom {
  text-align: center;
}

.card-slider01 .tariff-item:hover .tariff-table__btn {
  border: 1px solid transparent;
}

.vnedrenie-stages-dev
  .stages-dev__list
  li:not(.stages-dev__list li:last-child) {
  margin-bottom: 45px;
}
.mySwiperReviews .swiper-button-prev,
.mySwiperReviews .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg width='46' height='8' viewBox='0 0 46 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.3536 4.35356C45.5488 4.1583 45.5488 3.84171 45.3536 3.64645L42.1716 0.46447C41.9763 0.269208 41.6597 0.269208 41.4645 0.46447C41.2692 0.659732 41.2692 0.976314 41.4645 1.17158L44.2929 4L41.4645 6.82843C41.2692 7.02369 41.2692 7.34028 41.4645 7.53554C41.6597 7.7308 41.9763 7.7308 42.1716 7.53554L45.3536 4.35356ZM-4.37114e-08 4.5L45 4.5L45 3.5L4.37114e-08 3.5L-4.37114e-08 4.5Z' fill='%236228B1'/%3E%3C/svg%3E");
  height: 8px;
  width: 46px;
}
.mySwiperReviews .swiper-button-next {
  right: 0;
}
.mySwiperReviews .swiper-button-prev {
  left: 0;
  transform: rotate(180deg);
}
.mySwiperReviews .swiper-button-prev svg {
  transform: rotate(180deg);
}

@media (min-width: 920px) {
  .wrapper__support .swiper-slide {
    width: 32.7% !important;
    height: auto;
  }
  .slider__support .wrapper__support {
    gap: 40px 10px;
    flex-wrap: wrap;
    height: 100%;
  }
  .wrapper__support .swiper-slide:last-child .slider__support-inner.bg {
    height: calc(100% + 20px);
  }
  .slider__support-inner-form {
    display: none;
  }

  .swiper-module .module__slide {
    width: 24% !important;
    height: auto;
  }
  .swiper-module .swiper-wrapper {
    flex-wrap: wrap;
    gap: 10px;
  }
  .swiper-module .module__slide:last-child {
    width: calc(50% - 5px) !important; /* 50% минус промежуток */
  }
  .module__slide-inner-mobi {
    display: none;
  }
}

@media (max-width: 920px) {
  .module__slide-inner-mobi {
    display: block;
  }
  .module__slide-inner {
    margin: 0 20px;
  }
  .swiper-slide.bg {
    display: none;
  }
  .slider__support-inner {
    margin: 0 20px;
  }
  .slider__support-inner-form {
    display: block;
  }
  .prise-section-block {
    flex-direction: column;
  }
  .prise-table__item-prise {
    max-width: 160px;
  }
  .module__slide.last-child {
    display: none;
  }
  .section-module {
    padding: 49px 0 40px 0;
  }
  .section-module h2 {
    padding: 0 20px;
    margin: 0 auto 20px auto;
    max-width: 700px;
    font-weight: 700;
    font-size: 22px;
    line-height: 26.82px;
    text-align: center;
    text-transform: uppercase;
    color: #010101;
  }
}

@media (min-width: 920px) and (max-width: 1200px) {
  .swiper-module .module__slide {
    width: 49% !important;
    height: auto;
  }
  .swiper-module .module__slide:last-child {
    width: calc(100%) !important;
  }
  .wrapper__support .swiper-slide {
    width: 48% !important;
    height: auto;
  }

  .slider__support .wrapper__support {
    justify-content: space-between;
    gap: 20px 10px;
  }
}

@media (min-width: 576px) {
  .how-order__important.mobi {
    display: none;
  }
  .how-order__important.desk {
    display: block;
  }
}
@media (max-width: 576px) {
  .block__form {
    max-width: 100%;
    width: 100%;
  }
  .how-order__important.mobi {
    display: block;
    margin: 10px 0 0 0;
  }
  .how-order__important.desk {
    display: none;
  }
  .how-order__make-order {
    aspect-ratio: 290 / 240;
  }
  .prise_bottom {
    flex-wrap: wrap;
  }
  .prise_bottom a {
    flex-basis: 100%;
  }
  .section-support {
    background: #f8f8f8;
    padding: 34px 0 31px 0;
  }
  .accordion-option-top {
    gap: 20px;
    align-items: flex-start;
    flex-direction: column;
  }
  .support-advant__item {
    width: 100%;
  }
  .vnedr-bitrix__anim-bottom-r {
    max-width: 40px;
    position: absolute;
    bottom: 80px;
    right: 1px;
  }
  .vnedr-bitrix__anim-bottom {
    max-width: 40px;
    position: absolute;
    bottom: 60px;
    left: 80px;
  }
  .vnedr-bitrix__anim-top4 {
    z-index: 10;
    position: absolute;
    top: 114px;
    right: 4%;
  }
  .vnedr-bitrix__anim-top3 {
    position: absolute;
    top: 40px;
    right: 30%;
  }
  .quiz.vnedrenie .select-group {
    max-width: 100%;
  }
  .how-order.how-order-vnedrenie {
    padding: 55px 0 0 0;
  }
  .how-order__important-top p {
    line-height: 17.07px;
    font-size: 14px;
  }
  .how-order-vnedrenie .how-order__list {
    margin-top: 0;
  }
  .how-order-vnedrenie .how-order__desk {
    margin-bottom: 10px;
    line-height: 15.85px;
    font-size: 13px;
  }
  .how-order__item {
    margin-bottom: 7px;
  }
  .left-column,
  .right-column {
    width: 100%;
  }
  .effekt-block {
    flex-wrap: wrap;
  }
  .effekt-block {
    padding: 16px 16px;
    gap: 10px;
  }
  .effekt-block__l p,
  .effekt-block__r p {
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 15.85px;
    font-size: 13px;
  }
  .effekt-block__ul li {
    font-size: 13px;
  }
  .page-title__vnedreni_div {
    line-height: 15.85px;
    margin-top: 9px;
    font-size: 13px;
  }
  ul.two-column-list li {
    line-height: 15.85px;
    font-size: 13px;
  }
  .two-column-list_div {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .our-results1-direct.vnedreni {
    padding: 30px 0 30px;
  }
  .vnedreni-our-results1 .page-title {
    font-size: 13px;
  }
  .form-zayavku {
    flex-wrap: wrap;
    padding: 25px 47px 40px 45px;
  }
  .form-zayavku__left {
    text-align: center;
  }
  .form-zayavku__left-title {
    font-size: 22px;
  }
  .form-zayavku__left-desk {
    font-size: 15px;
    line-height: 17.07px;
  }
  .tariff-table__btn-v {
    display: block;
    margin: auto;
  }
  .tariff-table__btn-v .btn-gradient.filter {
    font-size: 12px;
    padding: 16px 36px;
  }
  .vnedrenie-stages-dev .page-title {
    margin: 0 0 20px 0;
  }
  .vnedrenie-stages-dev .page-title__desk {
    margin: 0 0 15px 0;
  }
  .my_swiper_diplom .swiper-button-next,
  .my_swiper_diplom .swiper-button-prev {
    top: 70%;
  }
  .swiper-reviews__inner-desk {
    display: none;
  }
  .reviews-section .swiper-reviews__inner-mobi {
    display: block;
    min-width: 100px;
  }
  .swiper-reviews__inner {
    flex-direction: column;
    padding: 0;
    width: 100%;
  }
  .reviews-section .swiper-button-next,
  .reviews-section .swiper-button-prev {
    display: none;
  }
  .swiper-reviews__inner a.swiper-reviews__inner-desk {
    display: none;
  }
  .swiper-reviews__inner-inf-rew {
    line-height: 17.07px;
    font-size: 14px;
  }
  .swiper-reviews__inner-info-block {
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
  }
  .swiper-reviews__inner a.swiper-reviews__inner-mobi {
    max-width: 100px;
  }
  .form-zayavku::before {
    background-size: cover;
  }
}
.tariff-table .btn-gradient {
  border: none;
}
.tariff-grid-support .btn-gradient {
  text-decoration: none;
}
@media (max-width: 767px) {
  .photo-card__detail {
    border-radius: 4px;
    box-sizing: border-box;
    right: 5px;
    left: 5px;
    bottom: 5px;
    display: inline-block;
    top: inherit;
    width: auto;
    height: auto;
    padding: 8px 10px;
    text-align: left;
    opacity: 1;
  }
  .photo-card__detail .photo-card__content {
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .photo-card__detail .photo-card__content .brand-name,
  .photo-card__detail .photo-card__content .photo-card__btn-wrap {
    width: 50%;
    text-align: end;
  }
  .photo-card__detail .photo-card__content .btn-white {
    letter-spacing: unset;
    text-transform: capitalize;
    padding: 0;
    position: relative;
    border: none;
    font-size: 14px;
    padding-right: 20px;
    background: transparent;
    color: #fff;
  }
  .photo-card__detail .photo-card__content .brand-name {
    line-height: 15px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    color: white;
    margin-bottom: 0;
    text-transform: uppercase;
  }
  .photo-card__logo {
    margin-bottom: 0;
  }
  .brand-name p {
    margin: 0;
    padding: 0;
  }
  .photo-card__btn-wrap a span {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    position: relative;
  }
  .photo-card__btn-wrap a span::before {
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.646447 7.14645C0.451184 7.34171 0.451184 7.65829 0.646447 7.85355C0.841709 8.04882 1.15829 8.04882 1.35355 7.85355L0.646447 7.14645ZM8 1C8 0.723858 7.77614 0.5 7.5 0.5H3C2.72386 0.5 2.5 0.723858 2.5 1C2.5 1.27614 2.72386 1.5 3 1.5H7V5.5C7 5.77614 7.22386 6 7.5 6C7.77614 6 8 5.77614 8 5.5V1ZM1.35355 7.85355L4.60355 4.60355L3.89645 3.89645L0.646447 7.14645L1.35355 7.85355ZM4.60355 4.60355L7.85355 1.35355L7.14645 0.646447L3.89645 3.89645L4.60355 4.60355Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 8px;
    height: 8px;
    top: 5px;
    right: -15px;
  }
  .photo-card__logo img {
    max-width: 100px;
  }
  .photo-card .photo-card__detail {
    background: linear-gradient(
      59.98deg,
      rgba(110, 20, 177, 0.9) 6.37%,
      rgba(6, 207, 181, 0.9) 101.86%
    );
    height: 55px;
  }

  .logotip-banner.logotip-banner-disain {
    background-size: 100% auto;
    background-position: left bottom;
    padding-bottom: 40vw;
  }
}

.tariff-table .btn-gradient {
  border: none;
}
.tariff-grid-support .btn-gradient {
  text-decoration: none;
}
.vnedrenie .tariff-table__btn {
  border: 1px solid #fff;
  border-radius: 50px;
}
.vnedrenie .card-slider01 .tariff-item:hover .tariff-table__btn {
  border: 1px solid transparent;
}
ul.two-column-list li::before {
  top: 5px;
}

.my_swiper_diplom .swiper-button-next,
.my_swiper_diplom .swiper-button-prev {
  top: unset;
  bottom: 30%;
  width: 28px;
  height: 29px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14.6699' r='14' transform='rotate(-180 14 14.6699)' fill='%23879DC4' fill-opacity='0.25'/%3E%3Ccircle cx='14' cy='14.6699' r='13.5' transform='rotate(-180 14 14.6699)' stroke='url(%23paint0_radial_2249_1763)' stroke-opacity='0.67'/%3E%3Cpath d='M12 19.6699L17 14.6699L12 9.66992' stroke='%236BB9F2' stroke-width='2' stroke-linecap='round'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_2249_1763' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(8.94284 2.02362) rotate(71.4508) scale(53.2459 81.3907)'%3E%3Cstop stop-color='%23765FB6'/%3E%3Cstop offset='0.521002' stop-color='%2372C7FF'/%3E%3Cstop offset='1' stop-color='%234690D5' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.my_swiper_diplom .swiper-button-prev {
  left: 0;
  transform: rotate(180deg);
}

.vnedrenie-wrapper .btn-gradient.filter {
  background: transparent;
  font-size: 13px;
}
.vnedrenie-wrapper .tariff-item__btn {
  border: 1px solid #fff;
  border-radius: 50px;
}
.tariff-item__image {
  min-height: 62px;
}
.vnedrenie-wrapper .tariff-item:hover .btn-gradient.filter {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6e14b1),
    to(#06cfb5)
  );
  background: -o-linear-gradient(left, #6e14b1 0, #06cfb5 100%);
  background: linear-gradient(90deg, #6e14b1 0, #06cfb5 100%);
}
.vnedrenie-wrapper .tariff-item:hover .tariff-item__btn {
  border: 1px solid transparent;
}
.tekhpodderzhka-prise.quiz-section {
  background: url("/uslugi/bitrix24-tekhpodderzhka/img/bg-faq.svg") center /
    cover no-repeat;
  padding: 65px 45px;
}
.vnedrenie-wrapper .swiper-button-prev,
.vnedrenie-wrapper .swiper-button-next {
  border-radius: 50%;
  border: 1px solid;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.67) 0%,
    rgba(114, 199, 255, 0.67) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  height: 45px;
  width: 45px;
  align-items: center;
  flex-direction: column;
  display: flex;
}
.vnedrenie-wrapper .swiper-button-prev span,
.vnedrenie-wrapper .swiper-button-next span {
  font-weight: 700;
  color: #6bb9f2;
  font-size: 16px;
}
.vnedrenie-wrapper .swiper-button-next,
.vnedrenie-wrapper .swiper-button-prev {
  position: absolute;
  top: 150px;
}
.vnedrenie-bitrix24 .swiper-button-next,
.vnedrenie-bitrix24 .swiper-button-prev {
  top: 250px;
}

@media (min-width: 920px) {
  .vnedrenie .swiper-button-prev,
  .vnedrenie .swiper-button-next {
    display: none;
  }
}
@media (min-width: 920px) {
  .slider__support::before {
    background-size: cover;
    height: 850px;
    width: 100%;
    content: "";
    position: absolute;
    background-image: url(/uslugi/bitrix24-tekhpodderzhka/img/bg.svg);
  }
  .swiper.slider__support {
    overflow: visible;
  }
}
@media (max-width: 600px) {
  .prise-s .btn-gradient {
    width: 100%;
  }
  .section-support h2 {
    font-size: 22px;
  }
  .clients {
    padding-bottom: 50px;
  }
  .clients.reviews-section {
    padding-top: 0;
  }
  .clients.reviews-section.vnedrenie-bitrix24 {
    padding-top: 60px;
  }
  .clients.clients-smm {
    padding-bottom: 0;
  }
  .prise_bottom {
    gap: 10px;
  }
  .vnedrenie-wrapper .tariff-item__btn {
    text-align: center;
  }
  .tekhpodderzhka-prise.quiz-section {
    padding: 65px 15px;
  }
  .tariff-table__btn {
    max-width: 100%;
    max-width: 179px;
  }
  .prise_bottom.tariff-item {
    background: transparent;
  }
  .prise_bottom.tariff-item:hover {
    border-color: transparent;
  }
  .prise_bottom.tariff-item:hover::before {
    display: block;
  }
  .tariff-table__btn {
    max-width: 230px;
  }

  .effekt-block {
    position: relative;
    background: transparent;
  }

  .effekt-block::before {
    content: "";
    position: absolute;
    background: #bdedf0;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    height: 100%;
    top: 0;
    z-index: 1;
  }
  .effekt-block__l,
  .effekt-block__r {
    position: relative;
    z-index: 2;
  }
  .form-zayavku-row {
    padding: 20px 0 20px 0;
    position: relative;
  }
  .our-results1.our-results1-direct.vnedreni-our-results1 {
    overflow: hidden;
  }
  .form-zayavku {
    margin-top: 0;
  }
  .form-zayavku-row::before {
    content: "";
    position: absolute;
    background: #eeeeee;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 110vw;
    height: 100%;
    top: 0;
    z-index: 1;
    border: 1px solid #fff;
  }
  .card-slider01 .swiper-slide {
    height: auto;
  }

  .card-slider01 .swiper-wrapper {
    display: flex;
    align-items: stretch;
  }

  .card-slider01 .swiper-slide {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 920px) {
  .prise-s-title {
    text-align: center;
    margin-right: unset;
  }
}

/*integratsiya*/
.integration {
  background-color: #fafafa;
  margin: 0 auto;
  padding: 50px 0;
}

.integration .how-order__make-order {
  margin-right: 0;
  height: auto;
  width: 50%;
}
.integration .integration__bottom {
  gap: 10px;
  display: flex;
}
.integration .integration__title {
  padding: 0;
  margin: 0;
  text-transform: math-auto;
  font-family: "Montserrat";
  font-size: 21px;
  font-weight: 700;
  line-height: 25.6px;
}

.integration__title {
  text-align: center;
  font-size: 24px;
  margin-bottom: 15px;
}

.integration__subtitle {
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
}

.integration__label {
  line-height: 25.6px;
  font-size: 21px;
  padding: 0;
  margin: 0;
  text-align: center;
}

.integration__subtitle {
  padding: 0;
  margin: 0;
  font-family: Montserrat;
  font-size: 21px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
}

.integration__features {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 10px;
  margin-top: 60px;
  position: relative;
}

.integration__features::before {
  position: absolute;
  content: "";
  background: url("/uslugi/integratsiya-sayta-s-1s-saytov-na-bitriks/img/integbg.png");
  width: 100%;
  height: 281px;
  z-index: 10;
}
.integration__feature {
  z-index: 11;
  position: relative;
  flex: 1;
  text-align: center;
  padding: 40px;
  background: #fff;
  border-radius: 8px;
}

.integration__icon {
  left: 50%;
  transform: translateX(-50%);
  top: -28px;
  position: absolute;
  width: 57px;
  height: 57px;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.31) 0%,
    rgba(114, 199, 255, 0.31) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  border-radius: 50%;
  margin: 0 auto 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.integration__text {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.5px;
  color: #010101;
  padding: 0;
  margin: 0;
}

.integration__note {
  z-index: 11;
  text-align: center;
  background: #ffffff;
  padding: 0;
  margin: 0;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.integration__note span {
  color: #010101;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.5px;
  max-width: 340px;
}

.integration__consultation {
  background: linear-gradient(135deg, #1e3f66, #2a4a73);
  padding: 30px;
  border-radius: 8px;
  text-align: center;
  color: white;
}

.integration__consultation-title {
  color: #b794f4;
  font-size: 20px;
  margin-bottom: 15px;
}

.integration__consultation-text {
  font-size: 14px;
}
.integration .integration__bottom-r {
  text-align: center;
  padding: 30px 20px;
  z-index: 11;
  width: 50%;
  background-size: cover;
  background-image: url("/uslugi/integratsiya-sayta-s-1s-saytov-na-bitriks/img/integrationbd.png");
  border-radius: 9px;
}
.integration .how-order__btn {
  margin-bottom: 5px;
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
  text-decoration: none;
}
.integration .how-order__desc {
  font-family: "Montserrat";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

.benefits-row {
  margin: 0 auto;
  padding: 10px 0;
}
.benefits {
  align-items: center;
  display: flex;
}

.benefits__image {
  flex: 0 0 45%;
  position: relative;
}

.benefits__image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.benefits__image-content {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.benefits__content {
  flex: 0 0 55%;
}

.benefits__title {
  text-transform: math-auto;
  color: #6e14b1;
  font-family: "Montserrat";
  font-size: 33px;
  font-weight: 400;
  line-height: 40.23px;
  margin: 0 0 20px;
}

.benefits__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.benefits__item {
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 400;
  line-height: 17.07px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.benefits__item::before {
  content: "";
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  background-color: #07cfb5;
  border-radius: 50%;
}
.settings-list {
  gap: 50px;
  display: flex;
  margin: 50px 0;
}
.integratsiya-dev .stages-dev__col-content {
  min-height: 320px;
}
.settings-item__title {
  font-weight: 700;
  margin: 0 0 10px 0;
}
.settings-item__desk {
  font-weight: 400;
  margin: 0;
}
.settings-item__title,
.settings-item__desk {
  color: #fff;
  font-family: "Montserrat";
  font-size: 15px;
  line-height: 18.29px;
  text-align: center;
  padding: 0;
}
.settings-item__img {
  margin-bottom: 15px;
}
.settings-item__img img {
  margin: auto;
}
.integratsiya-dev .stages-dev__list li:first-child {
  margin-top: 30px;
}
.integratsiya-dev .stages-dev__list li:last-child {
  margin-bottom: 30px;
}
.integratsiya-dev .stages-dev__list li:not(.stages-dev__list li:last-child) {
  margin-bottom: 65px;
}
.integratsiya-dev .stages-dev__page-title {
  margin: 0 0 20px;
}
.integratsiya-dev-desk {
  padding: 0;
  margin: 0;
  font-family: "Montserrat";
  font-size: 21px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
}
.settings-item {
  padding: 0 20px;
  box-sizing: border-box;
}
.integratsiya-clients .clients__trust-gallery {
  margin-top: 55px;
  grid-template-columns: repeat(4, 1fr);
}
.integratsiya-clients .clients__page-title {
  margin: 0 0 15px;
}
.integratsiya-clients .desk {
  font-family: "Montserrat";
  font-size: 19px;
  font-weight: 400;
  line-height: 23.16px;
  text-align: center;
}
.integratsiya-clients .g-photo-card__img {
  padding: 45px;
}
.integratsiya-dev .stages-dev-box {
  min-height: 300px;
}
.clients-smm.integratsiya-clients {
  padding-bottom: 10px;
  padding-top: 80px;
}

.cert-integratsiya .certificate-item:first-child,
.cert-integratsiya .certificate-item:last-child {
  width: 166px;
  min-width: 166px;
  aspect-ratio: 166 / 222;
}
.certificates {
  padding: 100px 0;
  background: #f8f8fc;
}

.certificates__wrapper {
  display: grid;
  grid-template-columns: 30% 65%;
  gap: 20px;
  justify-content: space-between;
}

.certificates__title {
  font-family: "Montserrat";
  font-size: 33px;
  font-weight: 700;
  line-height: 40.23px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.certificates__description {
  font-family: "Montserrat";
  font-size: 19px;
  font-weight: 400;
  line-height: 23.16px;
}

.certificate-item {
  position: relative;
  display: block;
}

.certificate-item img {
  aspect-ratio: 166 / 222;
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 100%;
  padding: 0px;
  box-sizing: border-box;
}

.certificate-marker {
  position: absolute;
  top: 0;
  left: 10px;
  width: 20px;
  height: 40px;
  background: #ffd700;
  border-radius: 2px;
}

.certificates .certificate-item:first-child,
.certificates .certificate-item:last-child {
  aspect-ratio: unset;
}
.new-reviews.integratsiya {
  padding-top: 41px;
  padding-bottom: 86px;
}

.integrat-tabs {
  width: 100%;
  margin: 20px auto;
}
.integrat-tabs .tabs__nav {
  display: flex;
  margin-bottom: 20px;
}
.integrat-tabs .tabs__button {
  background: #765fb61c;
  width: 50%;
  padding: 20px 10px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.integrat-tabs .tabs__button.tabs__button--active {
  background: #765fb6;
  box-shadow: 0px 0px 24.9px 0px #765fb699;
}
.integrat-tabs .tabs__button.tabs__button--active span {
  color: #ffffff;
}
.integrat-tabs .tabs__content {
  display: none;
  padding: 20px 0;
  background: #f9f9f9;
  border-radius: 4px;
}
.integrat-tabs .tabs__content--active {
  display: block;
}
.integrat-tabs .tabs__button-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  margin: 0;
}
.integrat-tabs .tabs__button-disk {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.integrat-tabs .tabs__button-title,
.integrat-tabs .tabs__button-disk {
  display: block;
  font-family: "Montserrat";
  color: #010101;
}

.cases-item__site-link_site::before {
  background-image: url("/local/templates/acroweb/img/integratsiya/site.svg");
  width: 18px;
  height: 18px;
}
.tabs__content.integratsiya .cases-item__desk-info {
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.67) 0%,
    rgba(114, 199, 255, 0.67) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
}
.tabs__content.integratsiya .cases-slider-mockups .cases-item__desk-info {
  min-height: 138px;
}
.tabs__content.integratsiya .cases-item__info ul li,
.tabs__content.integratsiya .cases-item__info p {
  padding: 0;
  margin: 0;
  font-size: 15px;
}
.tabs__content.integratsiya .cases-item__info ul {
  margin: 0;
}
.tabs__content.integratsiya .cases-item__stats-current::after {
  display: none;
}
.tabs__content.integratsiya .cases-item__stats-current {
  font-weight: 700;
  font-size: 27px;
  line-height: 1.2;
}
.integratsiya .tabs__title {
  display: none;
}
.cases-item__stats-item--site .cases-item__stats-numbers::before {
  background: url("/local/templates/acroweb/img/integratsiya/site.svg")
    no-repeat;
  top: 14px;
}
.cases-item__stats-item--updates .cases-item__stats-numbers::before {
  background: url("/local/templates/acroweb/img/integratsiya/updates.svg")
    no-repeat;
  top: 14px;
}

.cases-item__stats-item--updates01 .cases-item__stats-numbers::before {
  background: url("/local/templates/acroweb/img/integratsiya/store001.svg")
    no-repeat;
  top: 14px;
}

.cases-item__stats-item--presence .cases-item__stats-numbers::before {
  background: url("/local/templates/acroweb/img/integratsiya/presence.svg")
    no-repeat;
  top: 14px;
}

.logotip-banner--dev.integratsiya .logotip-banner__anim-front1 {
  top: 46%;
  left: 21%;
}
.logotip-banner--dev.integratsiya .logotip-banner__anim-front2 {
  top: 55%;
  right: 11%;
  left: unset;
}
.logotip-banner--dev.integratsiya .logotip-banner__anim-front3 {
  top: 48%;
  right: 35%;
  left: unset;
}
.logotip-banner--dev.integratsiya .logotip-banner__anim-front4 {
  top: 38%;
  right: 55%;
  left: unset;
}
@media (max-width: 1150px) {
  .integration__feature {
    padding: 40px 10px 20px 10px;
  }
  .integration__features {
    flex-wrap: wrap;
    gap: 10px;
  }
  .integration__text,
  .integration__note span {
    font-size: 14px;
    line-height: 17px;
  }
}

@media (max-width: 768px) {
  .integration__features {
    margin-top: 10px;
  }
  .integration__bottom {
    flex-direction: column;
  }
  .integration__note,
  .integration .integration__bottom-r {
    width: 100%;
  }
  .integration__icon {
    margin: 0;
    left: 15px;
    transform: translateY(-50%);
    top: 50%;
  }
  .integration__feature {
    align-items: center;
    justify-content: left;
    display: flex;
    min-height: 87px;
    padding: 20px 10px 20px 80px;
  }
  .benefits {
    flex-direction: column;
    gap: -px;
  }

  .integration__text {
    text-align: left;
  }

  .benefits__image {
    flex: 0 0 200px;
  }

  .benefits__content {
    flex: auto;
  }

  .benefits__title {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 15.5px;
  }

  .benefits__list {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .benefits__item {
    font-size: 13px;
    line-height: 15px;
  }

  .integration__features {
    flex-direction: column;
  }
  .integratsiya-dev-desk {
    line-height: 17px;
    font-size: 14px;
  }

  .integration__title {
    font-size: 20px;
  }

  .integration__subtitle,
  .integration__label {
    line-height: 16px;
    font-size: 14px;
  }
  .integration__subtitle {
    margin-bottom: 5px;
  }
  .integration__title {
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 5px;
  }
  .integration {
    padding: 50px 10px;
  }
  .integration__note {
    padding: 20px 0;
  }
  .settings-list {
    flex-direction: column;
    gap: 30px;
    margin: 20px 0;
  }
  .benefits-row {
    padding: 0 0 30px 0;
  }
  .integratsiya-dev .stages-dev__col-content {
    min-height: auto;
  }
  .integration .how-order__btn {
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .integration .how-order__desc {
    font-size: 14px;
    line-height: 17px;
  }

  .integratsiya-clients .clients__trust-gallery {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0;
  }
  .integratsiya-clients .g-photo-card__img {
    padding: 25px;
  }
  .clients-smm.integratsiya-clients {
    padding-bottom: 70px;
    padding-top: 50px;
  }
  .integratsiya-dev .stages-dev-box {
    min-height: auto;
  }
  .integratsiya-clients .desk {
    font-size: 15px;
    line-height: 20px;
  }

  .certificates {
    padding: 40px 0;
  }

  .certificates__wrapper {
    gap: 30px;
    text-align: center;
    grid-template-columns: 100%;
  }

  .certificates__title {
    font-size: 24px;
  }

  .certificate-marker {
    width: 15px;
    height: 30px;
  }
  .integratsiya .cases-item__site-grid {
    display: block;
  }
  .integratsiya .tabs__title {
    display: block;
    text-transform: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }
  .integrat-tabs .tabs__button-disk {
    display: none;
  }
  .integrat-tabs .tabs__button-title {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
  }
  .integrat-tabs .tabs__button {
    padding: 15px 5px;
  }
  .integratsiya .cases-item__subtitle {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
  .integratsiya .cases-item__picture-mob {
    display: none;
  }
  .integratsiya .cases-slider-mockups .cases-item__stats-name {
    display: block;
    max-width: 100%;
  }
  .tabs__content.integratsiya .cases-slider-mockups .cases-item__desk-info {
    min-height: auto;
  }
  .tabs__content.integratsiya
    .cases-slider-mockups
    .cases-item__stats-item--orders
    .cases-item__stats-numbers::before {
    top: 12px;
  }
  .tabs__content.integratsiya .cases-item__info ul li,
  .tabs__content.integratsiya .cases-item__info p {
    padding: 0;
    margin: 0;
    font-size: 13px;
  }
  .tabs__content.integratsiya .cases-item__info b {
    margin-bottom: 10px;
    display: block;
  }
  .logotip-banner--dev.integratsiya .logotip-banner__img {
    left: -100px;
  }
  .logotip-banner--dev.integratsiya .logotip-banner__anim-front4 {
    width: 15%;
    top: 38%;
    right: 74%;
  }
  .logotip-banner--dev.integratsiya .logotip-banner__anim-front3 {
    width: 12%;
    top: 50%;
    right: 52%;
    left: unset;
  }
  .logotip-banner--dev.integratsiya .logotip-banner__anim-front1 {
    width: 15%;
    top: 50%;
    left: 8%;
  }
  .logotip-banner--dev.integratsiya .logotip-banner__anim-front2 {
    width: 11%;
    top: 55%;
    right: 28%;
    left: unset;
  }
}
/*integratsiya*/

@media (max-width: 550px) {
  .logotip-banner-new .logotip-banner__title.integratsiya strong {
    text-align: center;
    font-size: 30px;
  }
  .logotip-banner__title.integratsiya .logotip-banner__desk {
    margin: 10px 0 40px 0;
    display: block;
    text-align: left;
    font-size: 13px;
  }
  .logotip-banner--dev .main-banner__btn {
    width: 100%;
    max-width: none;
  }
  .logotip-banner-new .logotip-banner__title.integratsiya strong {
    text-align: left;
  }
  .logotip-banner--dev.integratsiya .main-banner__btn {
    margin: auto;
    align-items: start;
  }
  .stages-dev--online-store.integratsiya-dev .stages-dev-box {
    padding: 0px 10px 20px 0px;
  }
}

@media (max-width: 768px) {
  .clients-smm.integratsiya-clients {
    padding-bottom: 10px;
    padding-top: 0px;
  }
}
.clients.clients-smm.integratsiya-clients.integrat {
  padding-top: 50px;
}

/*sozdanie-i-proektirovanie-lichnykh-kabinetov*/
.services.lk {
  background: #f8f8f8;
  margin: 0 auto;
}

.services.lk .services__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 10px;
  justify-content: center;
}

.services.lk .service-card {
  flex: 0 1 calc(25% - 8px);
  padding: 49px 20px 30px 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: auto;
}

.services.lk .service-card__icon {
  width: 57px;
  height: 57px;
  background: radial-gradient(
    273.87% 180.28% at 31.94% 4.83%,
    rgba(118, 95, 182, 0.31) 0%,
    rgba(114, 199, 255, 0.31) 52.1%,
    rgba(70, 144, 213, 0) 100%
  );
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.services.lk .service-card__icon img {
  width: 32px;
  height: 32px;
}

.services.lk .service-card__title {
  text-transform: math-auto;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.5px;
  margin: 0;
  padding: 0;
}

.services.lk .service-card__description {
  color: #010101;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.29px;
  text-align: center;
}

.services.lk .service-card__description-list li {
  margin: 0;
  padding: 0 0 8px 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.29px;
}

.services.lk .service-card__description-list li:last-child {
  padding: 0;
}

.services.lk .service-card__description-list li span {
  position: relative;
}

.services.lk .service-card__description-list li span::before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 50%;
  top: 7px;
  left: -10px;
  min-width: 3px;
  min-height: 3px;
  width: 4px;
  height: 4px;
}

.services.lk ul.service-card__description-list li::marker {
  background: transparent;
  color: transparent;
}

.services.lk ul.service-card__description-list {
  margin: 0;
  padding: 0;
  text-align: center;
}

.services.lk .swiper {
  display: none;
  height: auto;
  padding-top: 50px;
}

.services.lk .swiper-wrapper {
  height: auto !important;
}

.services.lk .swiper-slide {
  height: auto !important;
}

.services.lk .swiper .service-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.services.lk .swiper-pagination-bullet-active {
  background: #232323;
}

.services.lk .swiper .service-card__description {
  flex-grow: 1;
}

.services.lk .page-title {
  margin: 0 auto 61px;
  max-width: 100%;
}

.services.lk .page-text {
  margin-bottom: 100px;
}

.services.lk .page-text p {
  font-size: 21px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  margin: 0;
  padding: 0;
}

.block-list__bottom-desk p {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.5px;
  padding: 0 0 15px 0;
  margin: 0;
  color: #ffffff;
}

.block-list__bottom-desk p:last-child {
  padding: 0;
}

.block-list__bottom-desk {
  text-align: center;
  padding: 0;
  margin: 0 120px 20px 120px;
}

.block-list__bottom-title {
  padding: 0;
  margin: 0 0 20px 0;
  text-align: center;
  color: #ffffff;
  font-size: 33px;
  font-weight: 700;
  line-height: 40.23px;
}

.block-title {
  padding: 0;
  margin: 0 0 40px 0;
  text-align: center;
  color: #ffffff;
  font-size: 33px;
  font-weight: 700;
  line-height: 40.23px;
}

.block-item.middle {
  position: relative;
}

.block-list__row {
  display: contents;
  position: relative;
}

.block-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 58px;
  margin-bottom: 100px;
}

.block-list__row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  position: relative;
}

.block-list__row::before {
  position: absolute;
  content: "";
  background-image: url("/local/templates/acroweb/img/block-item-middle.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 112px;
  width: 100%;
  max-width: 940px;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.block-item {
  background: #475086;
  border-radius: 4px;
  padding: 68px 38px 30px 38px;
  position: relative;
  color: white;
  z-index: 2;
}
.section-stages {
  background: url("/local/templates/acroweb/img/bg-sozdanie.png") center / cover
    no-repeat;
  padding: 130px 0;
}
.block-item__number {
  font-family: "Montserrat";
  font-size: 19px;
  font-weight: 700;
  line-height: 23.16px;
  color: #07cfb5;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: #46709d;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.block-item__title {
  font-family: "Montserrat";
  font-size: 15px;
  font-weight: 700;
  line-height: 18.29px;
  margin-bottom: 10px;
  text-align: center;
  text-transform: math-auto;
}

.block-item__description {
  font-family: "Montserrat";
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 18.29px;
  text-align: center;
}

.block-item__connector {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 40px;
  border-right: 2px solid #2cd5c4;
  border-radius: 0 20px 20px 0;
  z-index: 1;
}

.section-stages .slide__btn {
  width: 362px;
  margin: auto;
}

.clients__page-desk {
  font-size: 19px;
  font-weight: 400;
  line-height: 23.16px;
  text-transform: math-auto;
  padding: 0 0 48px 0;
  margin: 0;
}

.clients.lk .clients__page-title {
  margin: 0 0 15px;
}

.technolog-list {
  gap: 32px;
  display: flex;
  padding-bottom: 100px;
}

.technolog-item {
  width: 25%;
  border-radius: 4px;
  gap: 15px;
  align-items: center;
  display: flex;
  background: #ffffff;
  padding: 16px 30px;
}

.technolog-item__text {
  margin: 0;
  padding: 0;
  font-size: 19px;
  font-weight: 400;
  line-height: 23.16px;
}

.technolog-blog-desk {
  font-size: 19px;
  font-weight: 400;
  line-height: 23.16px;
  text-transform: math-auto;
  padding: 0 0 20px 0;
  margin: 0;
  text-align: center;
}

.technolog-blog-title {
  padding: 0;
  margin: 0 0 20px 0;
  font-weight: 700;
  font-size: 33px;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  color: #010101;
}

.faq-form.lk .title-section {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.5px;
  color: #ffffff;
  text-transform: math-auto;
  text-align: left;
  margin: 0 0 20px 0;
}

.technolog-blog-bottom {
  padding: 40px 180px 40px 180px;
  background: linear-gradient(180deg, #364269 0%, #4d64b5 100%);
}

.technolog-blog-bottom-text p {
  color: #ffffff;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.5px;
  margin: 0;
  padding: 0 0 10px 0;
}

.technolog-blog-bottom-text p a {
  text-decoration: underline;
  text-decoration-color: #07cfb5;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  color: #07cfb5;
}

.technolog-blog-bottom-text p:last-child {
  padding: 0;
}

.technolog-blog {
  margin-bottom: 100px;
}

.technolog-blog-bottom-inner {
  display: flex;
  align-items: center;
  gap: 25px;
}

.logotip-banner__anim-bottom-lk {
  position: absolute;
  bottom: 200px;
  left: 55%;
}

.logotip-banner__anim-behind-lk {
  position: absolute;
  top: 40%;
  left: 24%;
}

.logotip-banner__anim-top-lk {
  position: absolute;
  top: 277px;
  left: 52%;
}

.technolog-blog-bottom-img {
  min-width: 33px;
  width: 50px;
  height: 50px;
}

@media (max-width: 1200px) {
  .services.lk .service-card {
    flex: 49%;
  }
  .block-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .technolog-list {
    gap: 10px;
    flex-direction: column;
  }
  .technolog-item {
    width: 100%;
  }
  .technolog-blog-bottom {
    padding: 40px 60px;
  }
}

@media (max-width: 768px) {
  .services.lk .services__grid {
    display: none;
  }

  .services.lk .swiper {
    display: block;
  }

  .services.lk .swiper-slide {
    width: 300px;
  }

  .services.lk .page-title {
    margin: 0 auto 10px;
    max-width: 100%;
  }

  .services.lk .page-text p {
    font-size: 16px;
  }

  .services.lk .page-text {
    margin-bottom: 40px;
  }
  .block-list {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 40px;
  }

  .block-list__row {
    gap: 20px;
  }

  .block-list__bottom-desk {
    margin: 0 30px 20px 30px;
  }
  .section-stages {
    padding: 60px 0;
  }

  .technolog-blog-bottom {
    padding: 20px;
  }
  .technolog-blog {
    margin-bottom: 50px;
  }
  .section-stages .slide__btn {
    width: 300px;
  }
  .logotip-banner__anim-bottom-lk {
    position: absolute;
    bottom: 100px;
    left: 58%;
    width: 15%;
  }
  .logotip-banner__anim-behind-lk {
    width: 10%;
  }
  .logotip-banner__anim-top-lk {
    width: 10%;
    position: absolute;
    top: 137px;
    left: 53%;
  }
}
/*.sozdanie-i-proektirovanie-lichnykh-kabinetov*/

@media (max-width: 520px) {
  .main-banner__btn {
    max-width: 100%;
  }

  .logotip-banner-new .slide__btn {
    width: 100%;
  }

  .logotip-banner-new .slide__btn .btn-gradient {
    padding: 17px 56px;
    font-size: 15px;
  }
}

.swiper-reviews__inner a {
  height: auto;
  width: 100%;
  max-width: 300px;
  min-width: 30px;
}

.quiz-questions .otherText.active {
  font-size: 12px;
  top: 65px;
}

.quiz-questions .step_too .otherText.active {
  top: -10px;
}

.step_too .quiz-input-text.vnedrenie {
  z-index: 2;
}

.step_too .otherText {
  z-index: 1;
}

body.fancybox-active {
  overflow: unset !important;
}

.fancybox-slide.fancybox-slide--inline {
  overflow: hidden;
}

body.compensate-for-scrollbar {
  margin-right: 0;
  padding-right: 0 !important;
}

body.webp {
  padding-right: 0 !important;
}

/**/
.modal-template .modal-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 30px;
}

.modal-template .modal-content {
  padding: 50px 60px;
}

.form-control,
input.form-control {
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0;
  padding: 8px 12px;
  border-bottom: 1px solid #6c757d;
}

.modal-content .error {
  color: #b43737;
}

.modal .form-callback__row {
  position: relative;
}

.modal .form-callback__row label.error {
  position: absolute;
  border: 1px solid #dedede;
  background-color: #fff;
  background: #fff;
  padding: 11px;
  z-index: 2;
  top: -20px;
  right: 0;
}

.modal .form-callback__row label.error::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='7.4364' width='10.5167' height='10.5167' transform='rotate(45 7.4364 0)' fill='white'/%3e%3cpath d='M7.43636 4.12146e-05V1.41425L1.41421 7.4364L7.43636 13.4585V14.8728L0 7.4364L7.43636 4.12146e-05Z' fill='%23DEDEDE'/%3e%3c/svg%3e ");
  width: 15px;
  height: 15px;
  left: -7px;
}

input.form-control.error {
  border-bottom: 1px solid #b43737;
}

.modal .form-checkbox label.error {
  position: absolute;
  border: 1px solid #dedede;
  background-color: #fff;
  background: #fff;
  padding: 11px;
  z-index: 2;
  top: -20px;
  left: 0;
}

.modal .form-checkbox label.error::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='7.4364' width='10.5167' height='10.5167' transform='rotate(45 7.4364 0)' fill='white'/%3e%3cpath d='M7.43636 4.12146e-05V1.41425L1.41421 7.4364L7.43636 13.4585V14.8728L0 7.4364L7.43636 4.12146e-05Z' fill='%23DEDEDE'/%3e%3c/svg%3e ");
  width: 15px;
  height: 15px;
  top: -8px;
  transform: rotate(90deg);
  left: 0;
}

#checkPolicy-error {
  top: calc(100% + 10px);
}

.form-checkbox .check.error + * + .form-label {
  margin-bottom: 0;
}

.form-label {
  color: #010101;
  font-weight: 400;
  font-size: 12px;
  z-index: 10;
  line-height: 100%;
}

.form-checkbox a {
  color: #010101;
}

.modal .form-callback .submit-btn-wrap {
  padding: 35px 0 0 0;
}

.form-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #6c757d;
  border-radius: 0;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  margin: 0;
  transition: all 0.3s ease;
}

.form-checkbox input[type="checkbox"]:hover {
  border-color: #6228b1;
  box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
}

.form-checkbox input[type="checkbox"]:checked {
  background-color: #6228b1;
  border-color: #6228b1;
}

.form-checkbox input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.form-checkbox input[type="checkbox"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #f5f5f5;
}

.form-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  position: relative;
}

.btn-gradient span {
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  text-transform: uppercase;
  position: relative;
}

.submit-btn-wrap .btn-gradient {
  max-width: 230px;
  padding: 13px 15px 13px;
}

.modal-template .close {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.3278 10.5896L10.5896 11.3278L5.67659 6.41487L0.890896 11.2006L0.101765 10.4114L4.88746 5.62574L-5.85641e-05 0.738218L0.738161 -2.16549e-06L5.62568 4.88752L10.4368 0.0763649L11.226 0.865496L6.41481 5.67665L11.3278 10.5896Z' fill='%23010101'/%3e%3c/svg%3e ");
}

.fancybox-slide > * {
  padding: 50px 74px;
  margin: auto;
}

.pop .h2-title {
  color: #010101;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
}

.pop .desk {
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #010101;
  margin-bottom: 30px;
}

.pop .btn-row {
  text-align: center;
}

@media (max-width: 576px) {
  .modal-template .modal-content {
    padding: 30px 25px;
  }
  .modal-template .modal-title {
    font-size: 20px;
  }
  .modal .form-callback__row label.error {
    font-size: 11px;
    padding: 10px;
    top: -12px;
  }

  .modal .form-checkbox label.error {
    font-size: 11px;
    padding: 10px;
  }
  .form-callback .form-control,
  .form-callback input.form-control {
    font-size: 13px;
  }
  .form-label {
    font-size: 11px;
  }
  .fancybox-slide > * {
    padding: 30px 36px;
    margin: auto;
  }

  .fancybox-slide {
    margin: 0.5rem;
    width: auto;
  }
}


.tariff-grid .tariff-item__desc {
    flex-wrap: wrap;
    gap: 3px;
}

.tariff-grid .tariff-item {
    flex-wrap: nowrap;
}

.tariff-grid .tariff-item a {
    max-width: 206px;
    display: block;
    width: 100%;
}

.tariff-grid-support .btn-gradient {
    width: 100%;
}

.feedback-wrap__tabs li {
  padding: 0;
}

.feedback-wrap li.current .btn-grad-line {
  padding: 2px;
}

.feedback-wrap__tabs li.current .btn-grad-line span {
  background-color: #FAFAFA;
}

.feedback-wrap__tabs li .btn-grad-line span {
  background-color: #fff;
}

.feedback-wrap__tabs {
  gap: 22px;
}

.feedback-wrap__tabs li {
  margin-bottom: 0;
}

/* .quiz-questions__line .quiz-questions__input-text.error::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='169' height='40' viewBox='0 0 169 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M169 0H7V12.9999L0 19.9999L7 26.9999V40H169V0Z' fill='%23576892'/%3e%3c/svg%3e ");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 24px;
  color: #fff;
  bottom: 10px;
  right: 0;
  left: unset;
  width: auto;
} */

.quiz-contacts .form-order-wrapper__item,
.faq-form__block .form-order-wrapper__item  {
  position: relative;
}

.quiz-contacts__item .form-order-wrapper__item label.error,
.faq-form__block .form-order-wrapper__item label.error {
    position: absolute;
    border: 1px solid #576892;
    background: #576892;
    padding: 11px;
    z-index: 2;
    top: -25px;
    color: #fff;
    right: 0;
}

.faq-form *.form-control + .error {
      margin-top: unset;
}

.quiz-contacts__item .form-order-wrapper__item label.error::before,
.faq-form__block .form-order-wrapper__item label.error::before {
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='7.4364' width='10.5167' height='10.5167' transform='rotate(45 7.4364 0)' fill='%23576892'/%3e%3cpath d='M7.43636 4.12146e-05V1.41425L1.41421 7.4364L7.43636 13.4585V14.8728L0 7.4364L7.43636 4.12146e-05Z' fill='%23576892'/%3e%3c/svg%3e");
    width: 15px;
    height: 15px;
    left: -7px;
}

.feedback-bg-new #checkPolicy-error {
    bottom: unset;
    position: absolute;
    border: 1px solid #576892;
    background-color: #576892;
    color: #fff;
    padding: 11px;
    z-index: 1000;
    top: 50px;
    left: 22px;
}

.feedback-bg-new #checkPolicy-error::before {
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='7.4364' width='10.5167' height='10.5167' transform='rotate(45 7.4364 0)' fill='%23576892'/%3e%3cpath d='M7.43636 4.12146e-05V1.41425L1.41421 7.4364L7.43636 13.4585V14.8728L0 7.4364L7.43636 4.12146e-05Z' fill='%23576892'/%3e%3c/svg%3e");
    width: 15px;
    height: 15px;
    top: -8px;
    transform: rotate(90deg);
    left: -1px;
}

.feedback-bg-new .form-checkbox {
  margin-left: -22px;
}

.quiz-section-step .form-control:focus,
.quiz-section-step input.form-control:focus,
.faq-form .form-control:focus-visible,
.faq-form *.form-control:focus-visible {
    border-bottom-color: #07CFB5;
}

.feedback-bg-new .check + * + .form-label::before,
.feedback-bg-new .check + .form-label::before {
    width: 16px;
    height: 16px;
}

.feedback-bg-new .check + * + .form-label::after,
.feedback-bg-new .check + .form-label::after {
    top: 4px;
}

.feedback-bg-new .check + * + .form-label,
.feedback-bg-new .check + .form-label {
      padding-left: 35px;
}

.quiz-contacts .form-order-wrapper__item,
.faq-form__block .form-order-wrapper__item {
    width: 100%;
}