section {
 padding-top: 80rem
}

h1,
.h1 {
 position: relative;
 font-weight: 600;
 font-size: 30rem;
 line-height: 120%;
 letter-spacing: -.02em;
}

h2,
.h2 {
 font-weight: 600;
 font-size: 26rem;
 line-height: 120%;
 color: var(--color-black)
}

h2.mini,
.h2-mini {
 font-size: 18rem;
 line-height: 140%
}

.preview {
 position: relative;
 padding: 160rem 0 80rem;
 background: #302993
}

.preview-video {
 position: absolute;
 top: -180rem;
 right: -155rem;
 width: 440rem;
 height: 440rem
}

.preview .container {
 position: relative;
 display: flex;
 justify-content: space-between
}

.preview-subtitle {
 position: relative;
 margin-top: 30rem;
 max-width: 295rem;
 color: #dbd5ff
}

.preview-items {
 position: relative;
 display: grid;
 grid-template-columns: repeat(2, auto);
 grid-gap: 15rem
}

.preview-item {
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 gap: 10rem
}

.preview_item-img {
 -webkit-box-flex: 0;
 -ms-flex: none;
 flex: none;
 width: 40rem;
 height: 50rem;
 -o-object-fit: contain;
 object-fit: contain;
 -o-object-position: center;
 object-position: center
}

.preview_item-text {
 font-size: 14rem;
 line-height: 19rem;
 color: var(--color-white)
}

.preview-items1 {
 position: relative;
 display: grid;
 grid-template-columns: repeat(1, auto);
 grid-gap: 15rem
}

.preview-open1 {
 position: relative;
 padding: 8rem 32rem;
 font-size: 16rem;
 line-height: 22rem;
 color: #fff;
 background: content-box;
 border-radius: 6px;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s;
 width: fit-content;
 border: 1rem solid;
 border-color: #fff
}

.preview-open {
 position: relative;
 padding: 8rem 32rem;
 margin-top: 55rem;
 font-size: 16rem;
 line-height: 22rem;
 color: #000;
 background: #fff;
 border-radius: 6px;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.preview-open:hover {
 background: #000;
 color: #fff;
 -webkit-box-shadow: 0 0 15px rgba(234, 155, 254, 0.4);
 box-shadow: 0 0 15px rgba(234, 155, 254, 0.4)
}

@media (max-width: 750px) and (max-height: 800px) {
h1 {
  font-size: calc(36 / 812 * 100vh);
  line-height: 120%
 }

 .preview {
  padding: calc(160 / 812 * 100vh) 0 calc(80 / 812 * 100vh)
 }

 .preview-video {
  top: calc(-180 / 812 * 100vh);
  right: calc(-155 / 812 * 100vh);
  width: calc(440 / 812 * 100vh);
  height: calc(440 / 812 * 100vh)
 }

 .preview-subtitle {
  margin-top: calc(30 / 812 * 100vh)
 }

 .preview-items {
  grid-gap: calc(15 / 812 * 100vh)
 }

 .preview-items1 {
  grid-gap: calc(15 / 812 * 100vh)
 }

 .preview_item-img {
  width: calc(40 / 812 * 100vh);
  height: calc(50 / 812 * 100vh)
 }

 .preview_item-text {
  font-size: calc(14 / 812 * 100vh);
  line-height: calc(19 / 812 * 100vh)
 }

 .preview-open {
  padding: calc(8 / 812 * 100vh) calc(32 / 812 * 100vh);
  margin-top: calc(55 / 812 * 100vh);
  font-size: calc(16 / 812 * 100vh);
  line-height: calc(22 / 812 * 100vh)
 }
}

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

.services-tabs {
 margin-top: 10rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 gap: 10rem;
 justify-content: center
}

.services-tab {
 padding: 10rem 20rem;
 font-weight: 600;
 line-height: 22rem;
 color: var(--color-blue);
 border: 1px solid var(--color-blue);
 border-radius: 6px;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s;
 cursor: pointer
}

.services-tab:hover,
.services-tab.active {
 color: var(--color-white);
 background: var(--color-blue)
}

.services-tab[data-tab="outgoing"] {
 -webkit-box-ordinal-group: 5;
 -ms-flex-order: 4;
 order: 4
}

.tab-content {
 display: none;
 margin-top: 30rem
}

.tab-content.active {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 grid-row-gap: 10rem;
 grid-column-gap: 20rem
}

.tab-content a {
 padding: 20rem 10rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 border: 1px solid var(--color-gray);
 border-radius: 10px;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.tab-content a:hover {
 color: var(--color-white);
 background: var(--color-blue) !important;
 border-color: var(--color-blue)
}

.about-blocks {
 margin-top: 20rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column
}

.about-img {
 position: relative;
 padding: 8rem 16rem;
 width: 100%;
 height: 260rem;
 font-weight: 600;
 font-size: 44rem;
 line-height: 120%;
 color: var(--color-white);
 border-radius: 10px;
 overflow: hidden;
 cursor: pointer
}

.about-img::before,
.about-img::after {
 z-index: -1;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%
}

.about-img::before {
 background: -o-linear-gradient(165.1deg, rgba(82, 55, 223, 0) 30.94%, rgba(82, 55, 223, 0.8) 81.48%);
 background: linear-gradient(284.9deg, rgba(82, 55, 223, 0) 30.94%, rgba(82, 55, 223, 0.8) 81.48%)
}

.about-img::after {
 background: url(../media/mask-1.png) top left / cover no-repeat;
 opacity: .4
}

.about_img-play {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 40rem;
 height: 40rem;
 background: url(../media/icon-play.svg) center / contain no-repeat;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.about-img:hover .about_img-play {
 width: 50rem;
 height: 50rem
}

.about-img span {
 display: block;
 margin-top: 5rem;
 font-weight: 400;
 font-size: 24rem;
 line-height: 130%
}

.about-img img {
 z-index: -2;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center;
 object-position: center
}

.about-text {
 margin: 40rem 0
}

.about-text span {
 color: var(--color-blue)
}

.about-video {
 -webkit-box-ordinal-group: 4;
 -ms-flex-order: 3;
 order: 3;
 position: relative;
 width: 100%;
 height: 260rem;
 background: -o-linear-gradient(163.23deg, rgba(82, 55, 223, 0) 40.72%, rgba(82, 55, 223, 0.8) 103.6%);
 background: linear-gradient(286.77deg, rgba(82, 55, 223, 0) 40.72%, rgba(82, 55, 223, 0.8) 103.6%);
 border-radius: 10px;
 overflow: hidden;
 cursor: pointer;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.about-video::after {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 40rem;
 height: 40rem;
 background: url(../media/icon-play.svg) center / contain no-repeat;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.about-video:hover::after {
 width: 50rem;
 height: 50rem
}

.about-video img {
 z-index: -1;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center;
 object-position: center
}

.about-after {
 margin-top: 40rem;
 font-weight: 600;
 font-size: 26rem;
 line-height: 140%
}

.about-before {
 margin-top: 40rem;
 font-weight: 600;
 font-size: 26rem;
 line-height: 140%
}

.advantages {
 padding-top: 60rem
}

.advantages-items {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 80rem 50rem;
 margin-top: 55rem
}

.advantages-item {
 color: var(--color-blue);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 20px;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center
}

.advantages-item svg {
 flex-shrink: 0
}

.advantages-item span {
 display: block
}

.how_work {
 padding-top: 40rem
}

.how_work-items {
 margin-top: 10rem;
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 grid-template-rows: repeat(2, 1fr);
 grid-gap: 20rem
}

.how_work-item {
 position: relative;
 padding: 10rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 gap: 20rem;
 border: 1px solid var(--color-blue);
 border-radius: 10px;
 overflow: hidden
}

.how_work_item-number {
 position: absolute;
 z-index: -1;
 left: -45rem;
 bottom: -20rem;
 font-weight: 800;
 font-size: 217rem;
 line-height: 90%;
 color: var(--color-blue);
 opacity: .1
}

.how_work_item-icon {
 background-color: var(--color-blue);
 -webkit-mask-image: url(../media/how_work.svg);
 mask-image: url(../media/how_work.svg);
 -webkit-mask-size: contain;
 mask-size: contain;
 -webkit-mask-repeat: no-repeat;
 mask-repeat: no-repeat;
 width: 60rem;
 height: 60rem
}

.form-line {
 padding: 50rem 0 60rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 gap: 30rem
}

.form-img {
 position: relative;
 width: 100%;
 height: 260rem;
 border-radius: 10px;
 overflow: hidden
}

.form-img::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: .8;
 background: -o-linear-gradient(165.25deg, rgba(82, 55, 223, 0) 24.96%, rgba(82, 55, 223, 0.8) 79.75%);
 background: linear-gradient(284.75deg, rgba(82, 55, 223, 0) 24.96%, rgba(82, 55, 223, 0.8) 79.75%)
}

.form-img img {
 position: relative;
 width: 100%;
 height: 100%;
 opacity: .4;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center;
 object-position: center
}

.examples {
 padding: 40rem 0;
 color: var(--color-white);
 background: var(--color-blue)
}

.examples h2,
.examples p {
 color: var(--color-white)
}

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

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

.swiper-slide {
 -ms-flex-negative: 0;
 flex-shrink: 0;
 width: 100%;
 position: relative;
 -webkit-transition-property: -webkit-transform;
 transition-property: -webkit-transform;
 -o-transition-property: transform;
 transition-property: transform;
 transition-property: transform, -webkit-transform;
 display: block;
 height: auto
}

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

.examples-swiper {
 margin-top: 20rem;
 width: 100%
}

.swiper-pagination {
 margin-bottom: 20rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
 font-weight: 600;
 font-size: 18px;
 line-height: 120%;
 color: #a696fa
}

.examples-swiper .swiper-pagination-current {
 color: var(--color-white)
}

.swiper-slide {
 position: relative;
 padding: 10rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 border: 1px solid var(--color-white);
 border-radius: 10px;
 overflow: hidden;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s;
 cursor: pointer
}

.examples-swiper .swiper-slide {
 border-color: var(--color-white)
}

.examples-swiper .swiper-slide.active {
 color: var(--color-black)
}

.swiper-slide::after {
 content: "";
 z-index: -1;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 40rem;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.examples-swiper .swiper-slide::after {
 background: var(--color-white)
}

.swiper-slide.active::after {
 height: 100%
}

.slide_item-img {
 position: absolute;
 top: 10rem;
 left: 10rem;
 width: 80rem;
 height: 20rem
}

.slide_item-img img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
 -o-object-position: center left;
 object-position: center left
}

.slide_item-desc {
 -webkit-box-ordinal-group: 3;
 -ms-flex-order: 2;
 order: 2;
 /* margin-top: 20rem; */
 font-size: 14rem;
 line-height: 140%;
 display: -webkit-box;
 overflow: hidden;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 6
}

.swiper-slide.active .slide_item-desc {
 -webkit-line-clamp: initial
}

.slide_item-coop {
 /* margin-top: 50rem; */
 /* font-size: 14rem; */
 /* line-height: 120%; */
}

.slide_item-coop span {
 display: block;
 margin-bottom: 5rem;
 font-weight: 600;
 font-size: 16rem;
 line-height: 120%
}

.slide_item-arrow {
 position: absolute;
 top: 16rem;
 right: 10rem;
 width: 11rem;
 height: 8rem;
 -webkit-mask-image: url(../media/slider-arrow.svg);
 mask-image: url(../media/slider-arrow.svg);
 -webkit-mask-size: contain;
 mask-size: contain;
 -webkit-mask-repeat: no-repeat;
 mask-repeat: no-repeat;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.examples-swiper .slide_item-arrow {
 background-color: var(--color-blue)
}

.swiper-slide.active .slide_item-arrow {
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg)
}

.clients-subtitle {
 margin-top: 60rem;
 font-weight: 600;
 font-size: 22rem;
 line-height: 120%
}

.clients-map {
 position: relative;
 margin-top: 10rem;
 height: 307rem
}

.clients-map img {
 position: absolute;
 top: 0;
 left: -33rem;
 width: auto;
 max-width: initial;
 height: 100%;
 pointer-events: none
}

:root {
 --point-top: calc(307rem / 100);
 --point-left: calc(335rem / 100)
}

.clients_map-point {
 position: absolute;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 gap: 3rem;
 font-size: 8rem;
 line-height: 80%;
 color: var(--color-white)
}

.clients_map-point_mini {
 font-size: 6rem;
 line-height: 80%
}

.clients_map-point_rev {
 -webkit-box-orient: horizontal;
 -webkit-box-direction: reverse;
 -ms-flex-direction: row-reverse;
 flex-direction: row-reverse
}

.clients_map-point_blue_text {
 color: var(--color-blue)
}

.clients_map-dot {
 width: 9rem;
 height: 9rem;
 border-radius: 100%;
 background: var(--color-white)
}

.clients_map-point_mini .clients_map-dot {
 width: 5rem;
 height: 5rem
}

.reviews_video-title {
 margin: 20rem 0;
 font-weight: 600;
 font-size: 18rem;
 line-height: 120%;
 text-align: left
}

.reviews-swiper {
 margin-top: 40rem;
 width: 100%
}

.reviews-swiper .swiper-pagination-current {
 color: var(--color-blue)
}

.reviews-swiper .swiper-slide {
 border-color: var(--color-blue)
}

.reviews-swiper .swiper-slide.active {
 color: var(--color-white)
}

.reviews-swiper .swiper-slide::after {
 background: var(--color-blue)
}

.reviews-swiper .slide_item-arrow {
 background-color: var(--color-white)
}

.slide_item-title {
 margin-top: 50rem;
 font-weight: 600;
 font-size: 16rem;
 line-height: 120%
}

.slide_item-title span {
 display: block;
 margin-top: 5rem;
 font-weight: 400;
 font-size: 14rem;
 line-height: 140%
}

.rating-items {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 40rem
}

.rating-item {
 padding: 8rem 10rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 border: 1px solid var(--color-blue);
 border-radius: 6px
}

.rating_item-logo {
 width: 82rem
}

.rating_item-stars {
 position: relative;
 width: 122rem;
 height: 17rem;
 background: url(../media/rating-stars.svg) center left / auto 100% no-repeat
}

.rating_item-stars span {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 background: url(../media/rating-stars-on.svg) center left / auto 100% no-repeat
}

.rating_item-count {
 font-weight: 600;
 font-size: 24rem;
 line-height: 120%;
 color: var(--color-blue)
}

.rating-item--kp .rating_item-logo {
 margin-bottom: -1.6%
}

.faq-items {
 margin-top: 20rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 gap: 10rem
}

.faq-question {
 position: relative;
 padding: 7rem 20rem;
 font-weight: 600;
 font-size: 16rem;
 line-height: 120%;
 color: var(--color-black);
 border: 1px solid var(--color-gray);
 border-radius: 10px;
 cursor: pointer;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.faq-item.active .faq-question,
.faq-question:hover {
 color: var(--color-blue);
 border-color: var(--color-blue)
}

.faq-question::before {
 content: "";
 position: absolute;
 top: 50%;
 right: 13rem;
 -webkit-transform: translateY(-50%) rotate3d(1, 0, 0, -180deg);
 transform: translateY(-50%) rotate3d(1, 0, 0, -180deg);
 width: 8rem;
 height: 12rem;
 background: var(--color-gray);
 -webkit-mask-image: url(../media/faq-arrow.svg);
 mask-image: url(../media/faq-arrow.svg);
 -webkit-mask-size: contain;
 mask-size: contain;
 -webkit-mask-repeat: no-repeat;
 mask-repeat: no-repeat;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.faq-item.active .faq-question::before,
.faq-question:hover::before {
 background: var(--color-blue)
}

.faq-item.active .faq-question::before {
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%)
}

.faq-answer {
 padding: 0 20rem;
 height: 0;
 font-size: 14rem;
 line-height: 140%;
 color: var(--color-white);
 background: var(--color-blue);
 border-radius: 10px;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s;
 overflow: hidden
}

.faq-item.active .faq-answer {
 margin: 10rem 0;
 padding: 20rem;
 height: auto
}

.feedback {
 position: relative;
 margin-top: 80rem;
 padding: 40rem 0;
 background: var(--color-blue)
}

.feedback::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: url(../media/mask-2.png) top right / auto 45% no-repeat
}

.feedback .container {
 position: relative;
 z-index: 1
}

.feedback h2,
.feedback .form-subtitle {
 color: var(--color-white)
}

.feedback .form-input {
 color: var(--color-white);
 border-color: var(--color-white);
 background: none
}

.feedback .form-input::-webkit-input-placeholder {
 color: var(--color-white)
}

.feedback .form-input::-moz-placeholder {
 color: var(--color-white)
}

.feedback .form-input:-ms-input-placeholder {
 color: var(--color-white)
}

.feedback .form-input::-ms-input-placeholder {
 color: var(--color-white)
}

.feedback .form-input::placeholder {
 color: var(--color-white)
}

.feedback .form-submit {
 color: var(--color-black);
 background: var(--color-white);
 border-color: var(--color-white)
}

.feedback .form-submit:hover {
 color: var(--color-white);
 background: var(--color-black);
 border-color: var(--color-black)
}

.projects-items {
 width: 100%;
 overflow: hidden;
 white-space: nowrap
}

.projects-wrapper {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 animation: marquee 50s infinite linear;
 width: max-content !important
}

.projects-item {
 -webkit-box-flex: 0;
 -ms-flex: 0 0 auto;
 flex: 0 0 auto;
 padding: 0 30rem;
 width: auto;
 height: 105rem;
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center
}

.projects-item img {
 max-height: 100%;
 -webkit-filter: grayscale(100%);
 filter: grayscale(100%);
 -o-object-fit: contain;
 object-fit: contain
}

@keyframes marquee {
 0% {
  transform: translateX(0%)
 }

 100% {
  transform: translateX(-50%)
 }
}

.projects-more {
 padding: 80rem 0 0 20rem
}

.projects_more-open {
 position: relative;
 margin-top: 5rem;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 font-weight: 600;
 font-size: 26rem;
 line-height: 120%;
 color: var(--color-blue);
 cursor: pointer;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.projects_more-open:hover {
 color: var(--color-black)
}

.projects_more-open::after {
 content: "";
 position: absolute;
 top: 50%;
 right: -10rem;
 -webkit-transform: translate(100%, -45%);
 -ms-transform: translate(100%, -45%);
 transform: translate(100%, -45%);
 width: 18rem;
 height: 16rem;
 background: var(--color-blue);
 -webkit-mask-image: url(../media/partner-arrow.svg);
 mask-image: url(../media/partner-arrow.svg);
 -webkit-mask-size: contain;
 mask-size: contain;
 -webkit-mask-repeat: no-repeat;
 mask-repeat: no-repeat;
 -webkit-transition: .2s;
 -o-transition: .2s;
 transition: .2s
}

.projects_more-open:hover::after {
 -webkit-transform: translate(150%, -45%);
 -ms-transform: translate(150%, -45%);
 transform: translate(150%, -45%);
 background-color: var(--color-black)
}

.section-title {
 font-weight: 400;
 font-size: 26px;
 line-height: 140%;
 color: #1C1B21
}

@media (min-width: 750px) {

/* h1,
 .h1 {
  font-size: 40rem;
 }*/

 .preview {
  position: relative;
  padding: 280rem 0;
  background: #302993
 }

 .preview-video {
  top: 50%;
  right: 0;
  -webkit-transform: translate(40%, -50%);
  -ms-transform: translate(40%, -50%);
  transform: translate(40%, -50%);
  width: 1078rem;
  height: 1078rem
 }

 .preview .container {
  position: relative
 }

 .preview-subtitle {
  margin-top: 70rem;
  max-width: 380rem
 }

 .preview-items {
  max-width: 380rem
 }

 .preview-open {
  margin-top: 45rem
 }

 .container-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
 }

 .container-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: justify;
  justify-content: center
 }

 .container-top> :nth-child(2) {
  max-width: 560rem
 }

 .container-center> :nth-child(2) {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto
 }

 .section-title+p {
  margin: 41rem 0
 }

 .services-tabs {
  margin-top: 20rem;
  gap: 20rem
 }

 .services-tab[data-tab="outgoing"] {
  -webkit-box-ordinal-group: initial;
  -ms-flex-order: initial;
  order: initial
 }

 .tab-content {
  margin-top: 60rem
 }

 .tab-content.active {
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 20rem;
  grid-column-gap: 25rem
 }

 .tab-content a {
  position: relative;
  padding: 30rem 65rem 30rem 20rem
 }

 .tab-content a:hover {
  color: var(--color-white);
  background: var(--color-blue) !important;
  border-color: var(--color-blue)
 }

 .tab-content a::after {
  content: "";
  position: absolute;
  top: 10rem;
  right: 10rem;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: var(--color-white);
  -webkit-mask-image: url(../media/slider-arrow.svg);
  mask-image: url(../media/slider-arrow.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 11rem;
  height: 8rem;
  opacity: 0;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s
 }

 .tab-content a:hover::after {
  opacity: 1
 }

 .about-blocks {
  position: relative;
  margin-top: 20rem;
  padding-left: 400rem
 }

 .about-img {
  position: absolute;
  top: 0;
  left: 0;
  padding: 25rem;
  width: 360rem;
  height: 405rem;
  font-size: 46rem
 }

 .about-img span {
  margin-top: 15rem;
  font-size: 24rem
 }

 .about-text {
  margin: 80rem 0 0
 }

 .about-video {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  height: 405rem
 }

 .about-after {
  margin-top: 30rem;
  padding-left: 0;
  width: 95%
 }

 .about-before {
  margin-top: 30rem;
  margin-bottom: -50rem;
  padding-right: 0;
  width: 95%
 }

 .advantages-item span {
  display: inline-block
 }

 .how_work {
  padding-top: 80rem
 }

 .how_work-items {
  margin-top: 10rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-gap: 40rem
 }

 .how_work-item {
  padding: 20rem;
  gap: 25rem;
  border-color: var(--color-black);
  overflow: visible;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s
 }

 .how_work-item.active {
  color: var(--color-white);
  border-color: var(--color-blue);
  background-color: var(--color-blue)
 }

 .how_work-item::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  -webkit-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
  width: 40rem;
  height: 2rem;
  background: url(../media/how_work-line.svg) center / auto 100% repeat-x
 }

 .how_work-item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  -webkit-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
  width: 0;
  height: 4rem;
  background: var(--color-blue);
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
  -webkit-transition: 3s;
  -o-transition: 3s;
  transition: 3s
 }

 .how_work-item.active::after {
  width: 40rem
 }

 .how_work-item:last-child::before,
 .how_work-item:last-child::after {
  content: none
 }

 .how_work_item-number {
  display: none
 }

 .how_work_item-icon {
  background-color: var(--color-black);
  width: 80rem;
  height: 80rem;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s
 }

 .how_work-item.active .how_work_item-icon {
  background-color: var(--color-white)
 }

 .form-line {
  padding: 120rem 0 60rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
 }

 .form-img {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 360rem;
  height: 265rem
 }

 .form-line .form {
  width: 100%
 }

 .inform-line {
  margin-top: 30rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20rem
 }

 .inform-line .form-input {
  margin: 0
 }

 .examples {
  padding: 80rem 0
 }

 .examples-swiper {
  margin-top: 20rem
 }

 .swiper-pagination {
  margin-bottom: 30rem
 }

 .swiper-slide {
  width: 560rem;
  padding: 20rem;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s
 }

 .swiper-slide.active {
  background: var(--color-white)
 }

 .swiper-slide::after {
  content: none
 }

 .slide_item-img {
  position: absolute;
  top: 20rem;
  left: 20rem;
  padding: 15rem;
  width: 160rem;
  height: 80rem;
  background: var(--color-white);
  border-radius: 10px
 }

 .slide_item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center left;
  object-position: center left
 }

 .slide_item-desc {
  margin-top: 35rem;
  font-size: 16rem;
  -webkit-line-clamp: 4
 }

 .slide_item-coop {
  margin: 15rem 0 0 180rem;
  font-size: 16rem
 }

 .slide_item-coop span {
  font-size: 18rem
 }

 .slide_item-arrow {
  position: absolute;
  top: 20rem;
  right: 20rem
 }

 .examples-swiper .slide_item-arrow {
  background-color: var(--color-white)
 }

 .swiper-slide.active .slide_item-arrow {
  background-color: var(--color-black);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
 }

 .clients h2 {
  max-width: 560rem
 }

 .clients-subtitle {
  margin: 60rem 150rem 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
 }

 .clients-map {
  position: relative;
  margin-top: 10rem;
  height: 427rem
 }

 .clients-map img {
  left: -46rem
 }

 :root {
  --point-top: calc(427rem / 100);
  --point-left: calc(335rem / 100)
 }

 .clients_map-point {
  gap: 4rem;
  font-size: 12rem;
  line-height: 80%
 }

 .clients_map-point_mini {
  font-size: 10rem;
  line-height: 80%
 }

 .clients_map-dot {
  width: 12rem;
  height: 12rem
 }

 .clients_map-point_mini .clients_map-dot {
  width: 6rem;
  height: 6rem
 }

 .reviews_video-title {
  margin-top: 20rem
 }

 .reviews-left .about-video {
  height: 345rem
 }

 .reviews-swiper {
  margin-top: 50rem
 }

 .reviews-swiper .swiper-pagination-current {
  color: var(--color-blue)
 }

 .reviews-swiper .swiper-slide {
  border-color: var(--color-blue)
 }

 .reviews-swiper .swiper-slide.active {
  color: var(--color-white);
  background: var(--color-blue)
 }

 .reviews-swiper .swiper-slide::after {
  background: var(--color-blue)
 }

 .reviews-swiper .slide_item-arrow {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  position: static;
  margin-top: 25rem;
  background-color: var(--color-black)
 }

 .slide_item-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20rem
 }

 .reviews-swiper .slide_item-img {
  position: static
 }

 .slide_item-title {
  margin: 0;
  font-size: 18rem;
  line-height: 140%
 }

 .rating-items {
  margin-top: 40rem
 }

 .rating-item {
  padding: 15rem 30rem;
  border-radius: 10px
 }

 .rating_item-logo {
  width: 115rem
 }

 .rating_item-stars {
  position: relative;
  width: 160rem;
  height: 22rem;
  background: url(../media/rating-stars.svg) center left / auto 100% no-repeat
 }

 .rating_item-count {
  font-size: 24rem
 }

 .rating-item--kp .rating_item-text {
  font-size: 16rem
 }

 .rating-item--kp .rating_item-count {
  font-size: 24rem
 }

 .faq-items {
  margin-top: 50rem
 }

 .faq-question {
  padding: 17rem 25rem;
  font-size: 18rem
 }

 .faq-question::before {
  right: 25rem
 }

 .faq-answer {
  padding: 0 25rem;
  font-size: 16rem
 }

 .faq-item.active .faq-answer {
  padding: 20rem 25rem
 }

 .feedback {
  margin-top: 42rem;
  padding: 78rem 0 70rem
 }

 .feedback .container {
  position: relative;
  z-index: 1
 }

 .feedback .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
 }

 .form-left {
  width: 315rem
 }

 .form-right {
  width: 360rem
 }

 .projects-more {
  margin: 100rem auto 0;
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
 }

 .projects_more-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
 }
}

@media (min-width: 1200px) {

 h1,
 .h1 {
  font-size: 40rem
 }

 .preview {
  padding: 200rem 0 100rem;
  overflow: hidden
 }

 .preview h1 {
  max-width: 765rem
 }

 .preview-video {
  position: absolute;
  top: 50%;
  right: -190rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 900rem;
  height: 900rem
 }

 .preview-subtitle {
  margin-top: 20rem
 }

 .container-top> :nth-child(2) {
  max-width: 660rem
 }

 .container-center> :nth-child(2) {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto
 }

 .services-tabs {
  margin-top: 20rem
 }

 .tab-content {
  margin-top: 50rem
 }

 .tab-content.active {
  grid-column-gap: 40rem
 }

 .tab-content a {
  padding: 20rem 90rem 20rem 20rem
 }

 .about-blocks {
  padding-left: 500rem
 }

 .about-img {
  padding: 40rem 30rem;
  width: 460rem;
  height: 520rem;
  font-size: 56rem
 }

 .about-img span {
  margin-top: 20rem;
  font-size: 26rem
 }

 .about-text {
  margin: 50rem 0 0;
  max-width: 660px
 }

 .about-video {
  height: 520rem
 }

 .about-after {
  padding-left: 40rem
 }

 .about-before {
  padding-right: 40rem
 }

 .advantages h2 {
  max-width: initial
 }

 .how_work {
  padding-top: 42rem
 }

 .how_work-items {
  margin-top: 0
 }

 .how_work-item {
  padding: 20rem 20rem 25rem
 }

 .form-line {
  padding: 50rem 0 35rem
 }

 .form-img {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 460rem;
  height: 265rem
 }

 .inform-line {
  max-width: 580rem
 }

 .swiper-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25rem
 }

 .swiper-nav::before {
  content: ""
 }

 .swiper-pagination {
  margin: 0;
  justify-content: flex-start
 }

 .swiper-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20rem;
  position: relative;
  z-index: 10
 }

 .swiper_arrow-item {
  position: relative;
  width: 40rem;
  height: 40rem;
  background-color: var(--color-blue);
  border: 1px solid var(--color-white);
  border-radius: 50%;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  cursor: pointer
 }

 .swiper_arrow-item:hover {
  background-color: var(--color-white)
 }

 .swiper_arrow-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18rem;
  height: 16rem;
  background-color: var(--color-white);
  -webkit-mask-image: url(../media/swiper-arrow.svg);
  mask-image: url(../media/swiper-arrow.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s
 }

 .swiper_arrow-item:hover::after {
  background-color: var(--color-blue)
 }

 .swiper_arrow-next::after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg)
 }

 .swiper_arrow-item.swiper-button-disabled {
  opacity: .5;
  pointer-events: none
 }

 .swiper-slide {
  width: 560rem;
  padding: 40rem 15rem 20rem 200rem
 }

 .examples-swiper .swiper-slide:hover {
  background: var(--color-white);
  color: var(--color-black)
 }

 .examples-swiper .swiper-slide:hover .slide_item-arrow {
  background-color: var(--color-black);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
 }

 .slide_item-img {
  top: 40rem
 }

 .slide_item-desc {
  margin-top: 0;
  -webkit-line-clamp: 6
 }

 .slide_item-coop {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin: 20rem 0 0
 }

 .examples-swiper .slide_item-arrow {
  background-color: var(--color-white)
 }

 .swiper-slide.active .slide_item-arrow {
  background-color: var(--color-black);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
 }

 .clients .container {
  position: relative
 }

 .clients h2 {
  max-width: 360rem
 }

 .clients h2 span {
  display: block
 }

 .clients-subtitle {
  position: absolute;
  top: 0;
  right: 95rem;
  margin: 0;
  max-width: 360rem
 }

 .clients-map {
  margin-top: -20rem;
  height: 511rem
 }

 .clients-map img {
  left: -55rem
 }

 :root {
  --point-top: calc(511rem / 100);
  --point-left: calc(400rem / 100)
 }

 .clients_map-point {
  gap: 5rem;
  font-size: 14rem;
  line-height: 80%
 }

 .clients_map-point_mini {
  font-size: 12rem;
  line-height: 80%
 }

 .clients_map-dot {
  width: 15rem;
  height: 15rem
 }

 .clients_map-point_mini .clients_map-dot {
  width: 8rem;
  height: 8rem
 }

 .reviews_video-title {
  margin: 45rem 0 10rem
 }

 .reviews-swiper .swiper_arrow-item {
  background-color: var(--color-white);
  border-color: #606060
 }

 .reviews-swiper .swiper_arrow-item::after {
  background-color: #606060
 }

 .reviews-swiper .swiper_arrow-item:hover::after {
  background-color: var(--color-blue)
 }

 .reviews-swiper .swiper-slide {
  padding: 40rem 30rem 65rem 20rem
 }

 .reviews-swiper .slide_item-desc {
  margin-top: 20rem
 }

 .reviews-swiper .swiper-slide.active .slide_item-arrow {
  background-color: var(--color-white)
 }

 .reviews-swiper .slide_item-img img {
  -o-object-position: center;
  object-position: center
 }

 .rating {
  padding-top: 25rem
 }

 .rating-items {
  margin-top: 0
 }

 .rating-item {
  position: relative;
  padding: 20rem;
  border-color: var(--color-gray);
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s
 }

 .rating-item:hover {
  border-color: var(--color-blue)
 }

 .rating-item::before {
  content: "";
  position: absolute;
  top: auto;
  right: 20rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 11rem;
  height: 8rem;
  background-color: var(--color-gray);
  -webkit-mask-image: url(../media/slider-arrow.svg);
  mask-image: url(../media/slider-arrow.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  bottom: 30px
 }

 .rating-item:hover::before {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  background-color: var(--color-blue)
 }

 .rating_item-count {
  color: var(--color-gray);
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s
 }

 .rating-item:hover .rating_item-count {
  color: var(--color-blue)
 }

 .feedback .form {
  gap: 20rem
 }

 .projects-more {
  margin: 110rem auto 0
 }

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

 section.services {
  padding-top: 100rem
 }

 section.about {
  padding-top: 42rem
 }

 .advantages {
  padding-top: 25rem
 }

 section.faq {
  padding-top: 38rem
 }
}

@media (max-width: 1200px) {
 .swiper-pagination {
  margin: auto;
  width: calc(100% - 40px);
  left: 0;
  bottom: -20px
 }

 .advantages-items {
  grid-template-columns: repeat(3, 1fr)
 }
}

.callback-bt {
 content: url("https://wilstream.ru/img/icons/12.png");
 background: #43d854;
 border-radius: 50%;
 box-shadow: 0 8px 10px rgba(67, 216, 84, 0.3);
 cursor: pointer;
 border: 2px solid transparent;
 display: block;
 height: 48rem;
 width: 48rem;
 text-align: center;
 position: fixed;
 right: 4.5%;
 bottom: 15%;
 z-index: 999;
 transition: .3s ease-in-out;
 -webkit-animation: hoverWave linear 1s infinite;
 animation: hoverWave linear 1s infinite
}

.callback-bt:hover {
 background: #fff;
 border: 2px solid #03a507
}

.callback-bt .text-call {
 height: 75px;
 width: 75px;
 border-radius: 50%;
 position: relative
}

.callback-bt .text-call:after {
 display: block;
 font-family: fontawesome;
 color: #fff;
 font-size: 38px;
 line-height: 75px;
 height: 75px;
 width: 75px;
 opacity: 1;
 transition: .3s ease-in-out;
 animation: 1200ms ease 0 normal none 1 running shake;
 animation-iteration-count: infinite
}

.callback-bt .text-call:hover:after {
 opacity: 0
}

.callback-bt .text-call span {
 color: #43d854;
 display: block;
 left: 50%;
 top: 50%;
 position: absolute;
 transform: translate(-50%, -50%);
 opacity: 0;
 font-size: 11px;
 line-height: 12px;
 font-weight: 600;
 text-transform: uppercase;
 transition: .3s ease-in-out;
 font-family: 'montserrat', Arial, Helvetica, sans-serif
}

.callback-bt .text-call:hover span {
 opacity: 1
}

.form-body_inputs {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 40rem
}

.form-body_row-btns {
 display: flex;
 gap: 40rem;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 margin-top: 20px;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center
}

.form-body_row-btns .form-submit {
 margin-top: 0
}

.rating-item_column {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 gap: 20px;
 height: 100%
}

.rating-item--kp .rating_item-text {
 text-align: left
}

@media (max-width: 1200px) {
 .rating-item {
  padding: 15rem 30rem;
  border-radius: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 20px
 }
}

@media (max-width: 750px) {
 .advantages-items {
  grid-template-columns: repeat(2, 1fr);
  gap: 30rem 20rem
 }

 .about-blocks {
  row-gap: 20rem
 }

 .rating-items {
  grid-template-columns: 1fr;
  gap: 20rem
 }

 .rating-item_column {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
 }

 .form-body_inputs {
  grid-template-columns: 1fr;
  gap: 20rem
 }

 .form-body_row-btns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20rem
 }

 section.services,
 section.reviews {
  padding-top: 60rem
 }

 section.about,
 section.advantages,
 section.how_work,
 section.examples,
 section.rating,
 section.faq,
 section.feedback {
  padding: 40rem 0
 }

 .advantages-items {
  margin-top: 35rem
 }

 .form-line {
  padding-bottom: 30rem
 }

 .feedback {
  margin-top: 30rem
 }
}

@media (max-width: 575px) {
 .advantages-items {
  grid-template-columns: 1fr;
  gap: 20rem
 }
}