@charset "UTF-8";

* {
   padding: 0;
   margin: 0;
   border: 0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-tap-highlight-color: transparent;
   scrollbar-color: #ddd #1d1d1d;
   scrollbar-width: thin
}

::-webkit-scrollbar-thumb {
   background-color: #ddd
}

::-webkit-scrollbar-track {
   background-color: #1d1d1d
}

::-webkit-scrollbar-button {
   display: none;
   background-color: rgba(221, 221, 221, .737254902);
   border-radius: 8px
}

::-webkit-scrollbar {
   border-radius: 8px;
   width: 8px
}

*,
:after,
:before {
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

:active,
:focus {
   outline: 0
}

a:active,
a:focus {
   outline: 0
}

aside,
footer,
header,
nav {
   display: block
}

body,
html {
   height: 100%;
   width: 100%;
   font-size: 100%;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

input::-ms-clear {
   display: none
}

button {
   cursor: pointer
}

button::-moz-focus-inner {
   padding: 0;
   border: 0
}

a,
a:visited {
   text-decoration: none
}

a:hover {
   text-decoration: none
}

a,
button {
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-tap-highlight-color: transparent;
   background: 0 0;
   font-family: inherit
}

ul li {
   list-style: none
}

img {
   vertical-align: top;
   max-width: 100%;
   height: auto
}

@font-face {
   font-family: Inter;
   font-display: swap;
   src: url(../fonts/Inter-Bold.woff2) format("woff2"), url(../fonts/Inter-Bold.woff) format("woff");
   font-weight: 700;
   font-style: normal
}

@font-face {
   font-family: Inter;
   font-display: swap;
   src: url(../fonts/Inter-SemiBold.woff2) format("woff2"), url(../fonts/Inter-SemiBold.woff) format("woff");
   font-weight: 600;
   font-style: normal
}

@font-face {
   font-family: Manrope;
   font-display: swap;
   src: url(../fonts/Manrope-ExtraBold.woff2) format("woff2"), url(../fonts/Manrope-ExtraBold.woff) format("woff");
   font-weight: 800;
   font-style: normal
}

@font-face {
   font-family: Manrope;
   font-display: swap;
   src: url(../fonts/Manrope-Bold.woff2) format("woff2"), url(../fonts/Manrope-Bold.woff) format("woff");
   font-weight: 700;
   font-style: normal
}

@font-face {
   font-family: Manrope;
   font-display: swap;
   src: url(../fonts/Manrope-SemiBold.woff2) format("woff2"), url(../fonts/Manrope-SemiBold.woff) format("woff");
   font-weight: 600;
   font-style: normal
}

@font-face {
   font-family: Inter;
   font-display: swap;
   src: url(../fonts/Inter-Regular.woff2) format("woff2"), url(../fonts/Inter-Regular.woff) format("woff");
   font-weight: 400;
   font-style: normal
}

@font-face {
   font-family: Manrope;
   font-display: swap;
   src: url(../fonts/Manrope-Medium.woff2) format("woff2"), url(../fonts/Manrope-Medium.woff) format("woff");
   font-weight: 500;
   font-style: normal
}

html {
   scroll-behavior: smooth
}

body {
   height: 100%;
   font-family: Inter;
   font-size: 18px;
   color: #fff;
   font-weight: 400;
   line-height: 120%
}

body.no-scroll {
   overflow: hidden
}

.wrapper {
   min-height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background: #0e1011;
   overflow: hidden
}

main {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto
}

.container {
   width: min(100% - 180px, 1440px);
   margin-inline: auto
}

.gradient-text {
   background: -webkit-gradient(linear, left top, left bottom, from(#5d21c1), to(#9d5bff));
   background: -o-linear-gradient(top, #5d21c1, #9d5bff);
   background: linear-gradient(180deg, #5d21c1, #9d5bff);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-right: 10px
}

.gradient-text>* {
   background: -webkit-gradient(linear, left top, left bottom, from(#5d21c1), to(#9d5bff));
   background: -o-linear-gradient(top, #5d21c1, #9d5bff);
   background: linear-gradient(180deg, #5d21c1, #9d5bff);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent
}

.gradient-text .word>* {
   background: -webkit-gradient(linear, left top, left bottom, from(#5d21c1), to(#9d5bff));
   background: -o-linear-gradient(top, #5d21c1, #9d5bff);
   background: linear-gradient(180deg, #5d21c1, #9d5bff);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent
}

.word {
   white-space: nowrap
}

.word:not(:empty) {
   margin-right: 5px
}

.preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 999;
   background: #0e1011;
   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 .5s ease 0s;
   -o-transition: all .5s ease 0s;
   transition: all .5s ease 0s
}

.preloader.loaded {
   display: none
}

.preloader svg {
   width: 80px;
   height: 80px;
   -o-object-fit: contain;
   object-fit: contain;
   overflow: visible
}

.preloader .logo-icon-circle {
   color: #5d21c1;
   -webkit-animation: rotating 1.4s linear 0s infinite;
   animation: rotating 1.4s linear 0s infinite;
   -webkit-transform-origin: center;
   -ms-transform-origin: center;
   transform-origin: center
}

@-webkit-keyframes rotating {
   0% {
      rotate: 0deg;
      -webkit-transform: scale(1);
      transform: scale(1)
   }

   50% {
      rotate: 180deg;
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
   }

   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      rotate: 360deg
   }
}

@keyframes rotating {
   0% {
      rotate: 0deg;
      -webkit-transform: scale(1);
      transform: scale(1)
   }

   50% {
      rotate: 180deg;
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
   }

   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      rotate: 360deg
   }
}

.header {
   background: rgba(255, 255, 255, .04)
}

.header__body {
   padding: 40px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px
}

.header__logo {
   max-width: 185px;
   position: relative;
   z-index: 101
}

.header__logo a {
   color: #fff
}

.header__logo svg {
   width: 70px;
   max-height: 70px;
   -o-object-fit: contain;
   object-fit: contain;
   color: #fff;
   -webkit-transform: translateY(2px);
   -ms-transform: translateY(2px);
   transform: translateY(2px)
}

.header__menu {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1
}

.menu__icon {
   display: none
}

.menu__body .button {
   display: none
}

.menu__list {
   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;
   gap: 42px
}

.menu__link {
   color: #fff;
   font-family: Inter;
   font-size: 28px;
   font-weight: 600;
   line-height: 121.428571%;
   letter-spacing: -.02em;
   text-align: left;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   white-space: nowrap
}

@-webkit-keyframes rotateBurger {
   0% {
      -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0)
   }

   50% {
      -webkit-transform: translateY(5px) rotate(0);
      transform: translateY(5px) rotate(0)
   }

   100% {
      -webkit-transform: translateY(5px) rotate(45deg);
      transform: translateY(5px) rotate(45deg)
   }
}

@keyframes rotateBurger {
   0% {
      -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0)
   }

   50% {
      -webkit-transform: translateY(5px) rotate(0);
      transform: translateY(5px) rotate(0)
   }

   100% {
      -webkit-transform: translateY(5px) rotate(45deg);
      transform: translateY(5px) rotate(45deg)
   }
}

@-webkit-keyframes rotateBurger2 {
   0% {
      -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0)
   }

   50% {
      -webkit-transform: translateY(-6px) rotate(0);
      transform: translateY(-6px) rotate(0)
   }

   100% {
      -webkit-transform: translateY(-6px) rotate(-45deg);
      transform: translateY(-6px) rotate(-45deg)
   }
}

@keyframes rotateBurger2 {
   0% {
      -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0)
   }

   50% {
      -webkit-transform: translateY(-6px) rotate(0);
      transform: translateY(-6px) rotate(0)
   }

   100% {
      -webkit-transform: translateY(-6px) rotate(-45deg);
      transform: translateY(-6px) rotate(-45deg)
   }
}

.button {
   border: 3px solid #fff;
   border-radius: 60px;
   color: #fff;
   font-family: Inter;
   padding: 16px 40px;
   font-size: 26px;
   font-weight: 600;
   line-height: 1;
   max-height: 60px;
   letter-spacing: -.02em;
   white-space: nowrap
}

.wave-btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   overflow: hidden;
   position: relative;
   -webkit-transition: all .8s ease 0s;
   -o-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   text-decoration: none
}

.wave-btn__text {
   position: relative;
   z-index: 1
}

.wave-btn__waves {
   position: absolute;
   width: 100%;
   height: 400%;
   background: -webkit-gradient(linear, left top, left bottom, from(#5d21c1), to(#9d5bff));
   background: -o-linear-gradient(top, #5d21c1, #9d5bff);
   background: linear-gradient(180deg, #5d21c1, #9d5bff);
   top: 100%;
   left: 0;
   -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);
   box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);
   opacity: 0;
   -webkit-transition: all .8s ease 0s;
   -o-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
   pointer-events: none
}

.wave-btn__waves::after,
.wave-btn__waves::before {
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   width: 250%;
   height: 250%;
   -webkit-transform: translate3d(-50%, -96%, 0) rotate(0) scale(1);
   transform: translate3d(-50%, -96%, 0) rotate(0) scale(1)
}

.wave-btn__waves::before {
   background-color: #000;
   border-radius: 48%;
   -webkit-animation: waves 5s infinite linear;
   animation: waves 5s infinite linear
}

.wave-btn__waves::after {
   background-color: rgba(0, 0, 0, .5);
   border-radius: 44%;
   -webkit-animation: waves 10s infinite linear;
   animation: waves 10s infinite linear
}

@-webkit-keyframes waves {
   0% {
      transform: translate3d(-50%, -96%, 0) rotate(0) scale(1);
      -moz-transform: translate3d(-50%, -96%, 0) rotate(0) scale(1);
      -ms-transform: translate3d(-50%, -96%, 0) rotate(0) scale(1);
      -webkit-transform: translate3d(-50%, -96%, 0) rotate(0) scale(1);
      -o-transform: translate3d(-50%, -96%, 0) rotate(0) scale(1)
   }

   100% {
      transform: translate3d(-50%, -96%, 0) rotate(360deg) scale(1);
      -moz-transform: translate3d(-50%, -96%, 0) rotate(360deg) scale(1);
      -ms-transform: translate3d(-50%, -96%, 0) rotate(360deg) scale(1);
      -webkit-transform: translate3d(-50%, -96%, 0) rotate(360deg) scale(1);
      -o-transform: translate3d(-50%, -96%, 0) rotate(360deg) scale(1)
   }
}

@keyframes waves {
   0% {
      transform: translate3d(-50%, -96%, 0) rotate(0) scale(1);
      -moz-transform: translate3d(-50%, -96%, 0) rotate(0) scale(1);
      -ms-transform: translate3d(-50%, -96%, 0) rotate(0) scale(1);
      -webkit-transform: translate3d(-50%, -96%, 0) rotate(0) scale(1);
      -o-transform: translate3d(-50%, -96%, 0) rotate(0) scale(1)
   }

   100% {
      transform: translate3d(-50%, -96%, 0) rotate(360deg) scale(1);
      -moz-transform: translate3d(-50%, -96%, 0) rotate(360deg) scale(1);
      -ms-transform: translate3d(-50%, -96%, 0) rotate(360deg) scale(1);
      -webkit-transform: translate3d(-50%, -96%, 0) rotate(360deg) scale(1);
      -o-transform: translate3d(-50%, -96%, 0) rotate(360deg) scale(1)
   }
}

.no-webp .hero {
   background: url(../img/hero-bg.png) center/cover no-repeat
}

.hero__body {
   padding: 57px 0 37px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   position: relative
}

.hero__title {
   font-family: Manrope;
   font-weight: 700;
   line-height: 100%;
   font-size: 68px;
   margin-bottom: 50px;
   max-width: 675px;
   letter-spacing: -1px
}

.hero__buttons {
   position: relative
}

.hero__buttons .button {
   display: inline-block;
   width: auto;
   background: #fff;
   color: #0e1011;
   min-width: 285px;
   max-height: 56px
}

.hero__buttons .button .wave-btn__waves {
   height: 310px
}

.hero__buttons .button .wave-btn__waves::before {
   background: #fff
}

.hero__buttons .button .wave-btn__waves::after {
   background: rgba(255, 255, 255, .5)
}

.hero__descr {
   color: #fff;
   font-family: Manrope;
   font-size: 32px;
   font-weight: 600;
   line-height: 110%;
   margin-top: 20px
}

.hero__messages {
   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-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   z-index: 2;
   gap: 10px;
   position: relative
}

.no-webp .hero__message {
   background: url(../img/message.png) 0 0/100% 100% no-repeat
}

.hero__message {
   color: #fff;
   font-family: Manrope;
   font-size: 32px;
   font-weight: 600;
   line-height: 110%;
   padding: 24px 32px 47px 70px;
   max-width: 364px;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content
}

.hero__message:nth-child(1) {
   margin-bottom: 10px;
   -webkit-transform-origin: center;
   -ms-transform-origin: center;
   transform-origin: center;
   -webkit-animation: dynamicSwing 10s ease-in-out 0s infinite;
   animation: dynamicSwing 10s ease-in-out 0s infinite
}

.hero__message:nth-child(2) {
   rotate: -5.81deg;
   -webkit-animation: dynamicSwing 10s ease-in-out 1s infinite;
   animation: dynamicSwing 10s ease-in-out 1s infinite;
   margin-bottom: 20px
}

.hero__message:nth-child(3) {
   rotate: 4.76deg;
   -webkit-animation: dynamicSwing 10s ease-in-out 2s infinite;
   animation: dynamicSwing 10s ease-in-out 2s infinite;
   translate: -20px 0
}

@-webkit-keyframes iconSwing {

   0%,
   100% {
      -webkit-transform: rotate(-40deg);
      transform: rotate(-40deg)
   }

   50% {
      -webkit-transform: translate(50px, -20px) rotate(40deg);
      transform: translate(50px, -20px) rotate(40deg)
   }
}

@keyframes iconSwing {

   0%,
   100% {
      -webkit-transform: rotate(-40deg);
      transform: rotate(-40deg)
   }

   50% {
      -webkit-transform: translate(50px, -20px) rotate(40deg);
      transform: translate(50px, -20px) rotate(40deg)
   }
}

@-webkit-keyframes dynamicSwing {
   0% {
      -webkit-transform: rotateY(0) rotateX(0) rotateZ(0);
      transform: rotateY(0) rotateX(0) rotateZ(0)
   }

   25% {
      -webkit-transform: rotateY(10deg) rotateX(5deg) rotateZ(-2deg);
      transform: rotateY(10deg) rotateX(5deg) rotateZ(-2deg)
   }

   50% {
      -webkit-transform: rotateY(-10deg) rotateX(-5deg) rotateZ(2deg);
      transform: rotateY(-10deg) rotateX(-5deg) rotateZ(2deg)
   }

   75% {
      -webkit-transform: rotateY(8deg) rotateX(-3deg) rotateZ(-1deg);
      transform: rotateY(8deg) rotateX(-3deg) rotateZ(-1deg)
   }

   100% {
      -webkit-transform: rotateY(0) rotateX(0) rotateZ(0);
      transform: rotateY(0) rotateX(0) rotateZ(0)
   }
}

@keyframes dynamicSwing {
   0% {
      -webkit-transform: rotateY(0) rotateX(0) rotateZ(0);
      transform: rotateY(0) rotateX(0) rotateZ(0)
   }

   25% {
      -webkit-transform: rotateY(10deg) rotateX(5deg) rotateZ(-2deg);
      transform: rotateY(10deg) rotateX(5deg) rotateZ(-2deg)
   }

   50% {
      -webkit-transform: rotateY(-10deg) rotateX(-5deg) rotateZ(2deg);
      transform: rotateY(-10deg) rotateX(-5deg) rotateZ(2deg)
   }

   75% {
      -webkit-transform: rotateY(8deg) rotateX(-3deg) rotateZ(-1deg);
      transform: rotateY(8deg) rotateX(-3deg) rotateZ(-1deg)
   }

   100% {
      -webkit-transform: rotateY(0) rotateX(0) rotateZ(0);
      transform: rotateY(0) rotateX(0) rotateZ(0)
   }
}

.hero-about__body {
   padding-bottom: 55px
}

.hero-about__info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 94px
}

.hero-about__card {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   padding: 30px;
   width: 100%;
   color: #fff;
   font-family: Inter;
   font-size: 26px;
   font-weight: 400;
   line-height: 120%;
   border-radius: 20px;
   -webkit-backdrop-filter: blur(8px);
   backdrop-filter: blur(8px);
   background: rgba(255, 255, 255, .04);
   border: 1px solid rgba(255, 255, 255, .4)
}

.hero-about__card p:not(:last-child) {
   margin-bottom: 15px
}

.hero-about__card p:last-child {
   font-weight: 700
}

.hero-about__card img {
   display: block;
   margin-bottom: 15px;
   max-width: 185px;
   height: auto;
   -o-object-fit: contain;
   object-fit: contain
}

.hero-about__descr {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%
}

.hero-about__descr-name {
   font-family: Manrope;
   font-size: 48px;
   font-weight: 500;
   line-height: 110%;
   letter-spacing: -.02em;
   margin-bottom: 15px
}

.hero-about__descr-text {
   color: #fff;
   font-family: Inter;
   font-size: 26px;
   font-weight: 400;
   line-height: 120%;
   letter-spacing: -.01em
}

.section-padding {
   padding: 80px 0
}

.title {
   color: #fff;
   font-family: Manrope;
   font-size: 68px;
   font-weight: 700;
   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;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   line-height: 100%;
   letter-spacing: -2px;
   text-align: center;
   gap: 15px;
   margin-bottom: 60px;
   letter-spacing: -.04em
}

.title__circle {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 15px;
   flex: 0 0 15px;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background: -webkit-gradient(linear, left top, left bottom, from(#5d21c1), to(#9d5bff));
   background: -o-linear-gradient(top, #5d21c1, #9d5bff);
   background: linear-gradient(180deg, #5d21c1, #9d5bff);
   -webkit-animation: zoomed 2s ease 0s infinite;
   animation: zoomed 2s ease 0s infinite
}

@-webkit-keyframes zoomed {

   0%,
   100% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }

   50% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
   }
}

@keyframes zoomed {

   0%,
   100% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }

   50% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
   }
}

.title-chars {
   -webkit-perspective: 1000px;
   perspective: 1000px
}

.marquee {
   background: #151617
}

.marquee__body {
   padding: 42px 0
}

.marquee__slider {
   width: 100%
}

.marquee__slider .swiper-wrapper {
   -webkit-transition-timing-function: linear !important;
   -o-transition-timing-function: linear !important;
   transition-timing-function: linear !important
}

.marquee__slider .swiper-slide {
   -webkit-transition-timing-function: linear !important;
   -o-transition-timing-function: linear !important;
   transition-timing-function: linear !important
}

.marquee__slider-wrapper {
   width: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.marquee__slide {
   display: inline;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content
}

.marquee__slide img {
   max-height: 50px;
   height: auto
}

.comparison {
   background: #0e1011
}

.comparison__body {
   padding: 80px 0;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 140px 1fr;
   grid-template-columns: 1fr 140px 1fr;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   position: relative
}

.comparison__col {
   max-width: 500px
}

.comparison__col:first-child {
   margin-left: auto
}

.comparison__col:first-child .comparison__name {
   color: #adadad
}

.comparison__col:nth-child(3) .comparison__advantage svg {
   color: #5cecbf
}

.comparison__col-sm {
   text-align: center;
   font-family: Manrope;
   font-size: 68px;
   font-weight: 700;
   line-height: 1;
   letter-spacing: -.04em
}

.comparison__name {
   color: #fff;
   font-family: Manrope;
   font-size: 68px;
   font-weight: 700;
   line-height: 1;
   letter-spacing: -.04em;
   text-align: center;
   margin-bottom: 30px;
   white-space: nowrap
}

.comparison__graphic {
   aspect-ratio: 72 / 85;
   position: relative;
   margin-bottom: 30px
}

.comparison__image {
   aspect-ratio: 72 / 85;
   width: 100%;
   height: 100%
}

.comparison__image img {
   width: 100%;
   height: 100%
}

.comparison__labels {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   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: space-evenly;
   -ms-flex-pack: space-evenly;
   justify-content: space-evenly
}

.comparison__label {
   text-align: center;
   color: #fff;
   font-family: Inter;
   font-size: 18px;
   font-weight: 700;
   line-height: 122.222222%;
   letter-spacing: -.03em;
   text-align: center;
   text-shadow: 0 2px 4px rgba(0, 0, 0, .3)
}

.comparison__advantages {
   max-width: 285px;
   margin-inline: auto;
   border-top: 1px solid #fff;
   padding-top: 30px
}

.comparison__advantage {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 12px 18px;
   border: 1px solid rgba(255, 255, 255, .04);
   border-radius: 30px;
   background: rgba(255, 255, 255, .04);
   gap: 8px;
   white-space: nowrap;
   color: #fff;
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 125%;
   letter-spacing: -.03em
}

.comparison__advantage:not(:last-child) {
   margin-bottom: 10px
}

.comparison__advantage svg {
   width: 20px;
   height: 20px;
   color: #c22303
}

.comparison__descriptions {
   position: absolute;
   top: 0;
   left: 100%;
   width: 100%;
   height: 100%;
   -webkit-transform: translateX(-25%);
   -ms-transform: translateX(-25%);
   transform: translateX(-25%);
   max-width: 264px;
   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: space-evenly;
   -ms-flex-pack: space-evenly;
   justify-content: space-evenly;
   z-index: 5;
   padding: 20px 0
}

.comparison__description {
   padding: 8px 16px;
   border-radius: 300px;
   -webkit-backdrop-filter: blur(90px);
   backdrop-filter: blur(90px);
   background: rgba(255, 255, 255, .04);
   color: #fff;
   font-family: Inter;
   font-size: 14px;
   font-weight: 400;
   line-height: 121.428571%;
   letter-spacing: -.03em;
   text-align: center;
   max-height: 50px;
   position: relative
}

.comparison__description::before {
   content: "";
   display: block;
   position: absolute;
   right: 100%;
   top: 50%;
   border-bottom: 2px dashed #c22303;
   width: 48%
}

.comparison__description::after {
   content: "";
   display: block;
   position: absolute;
   left: 100%;
   top: 50%;
   border-bottom: 2px dashed #c22303;
   width: 50%
}

.comparison__description:nth-child(4)::after,
.comparison__description:nth-child(4)::before,
.comparison__description:nth-child(5)::after,
.comparison__description:nth-child(5)::before,
.comparison__description:nth-child(6)::after,
.comparison__description:nth-child(6)::before {
   border-color: #fff
}

.no-webp .advantages {
   background-image: url(../img/mod-bg.png)
}

.advantages {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: fixed
}

.advantages__body {
   padding: 228px 0
}

.advantages__title {
   display: block;
   max-width: 856px;
   margin-inline: auto;
   text-align: center;
   margin-bottom: 50px;
   padding-inline: 20px
}

.advantages__content {
   width: 100%;
   position: relative
}

.advantages__content::after,
.advantages__content::before {
   content: "";
   position: absolute;
   top: 0;
   width: 282px;
   height: 100%;
   z-index: 2;
   pointer-events: none
}

.advantages__content::before {
   left: 0;
   background: -webkit-gradient(linear, right top, left top, from(rgba(14, 16, 17, 0)), to(#0e1011));
   background: -o-linear-gradient(right, rgba(14, 16, 17, 0), #0e1011 100%);
   background: linear-gradient(270deg, rgba(14, 16, 17, 0), #0e1011 100%)
}

.advantages__content::after {
   right: 0;
   background: -webkit-gradient(linear, left top, right top, from(rgba(14, 16, 17, 0)), to(#0e1011));
   background: -o-linear-gradient(left, rgba(14, 16, 17, 0), #0e1011 100%);
   background: linear-gradient(90deg, rgba(14, 16, 17, 0), #0e1011 100%)
}

.advantages__slide {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   border-radius: 20px;
   -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background: rgba(255, 255, 255, .04);
   padding: 60px;
   width: 70%;
   height: auto;
   border: 1px solid rgba(255, 255, 255, .3)
}

.advantages__slide-titles {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 60%;
   flex: 0 1 60%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.advantages__slide-title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 16px;
   color: #fff;
   font-size: 48px;
   font-weight: 500;
   line-height: 108.333333%;
   letter-spacing: -.02em;
   margin-bottom: 60px
}

.advantages__slide-title img {
   display: inline-block;
   width: 60px;
   height: 60px
}

.advantages__slide-button {
   margin-top: auto
}

.advantages__slide-button .button {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.advantages__slide-description {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 40%;
   flex: 0 1 40%;
   color: #fff;
   font-size: 32px;
   font-weight: 600;
   line-height: 106.25%
}

.experts {
   background: #0e1011
}

.experts__body {
   padding: 80px 0
}

.experts__title {
   margin-bottom: 55px;
   display: block;
   text-align: left
}

.experts__tags {
   padding-left: calc((100vw - 1440px)/ 2);
   margin-bottom: 56px
}

.experts__tag {
   display: inline-block;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   padding: 16px 40px;
   border-radius: 60px;
   border: 2px solid #5d21c1;
   background: rgba(255, 255, 255, .04);
   color: #d5d5d5;
   font-family: Inter;
   font-size: 26px;
   font-weight: 600;
   line-height: 107.692308%;
   letter-spacing: -.02em
}

.experts__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 58px
}

.experts__info {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%
}

.experts__text {
   color: #fff;
   font-family: Inter;
   font-size: 26px;
   font-weight: 400;
   line-height: 115.384615%;
   letter-spacing: -.01em;
   text-align: left;
   margin-bottom: 50px
}

.experts__text p:not(:last-child) {
   margin-bottom: 16px
}

.experts__logos-mob {
   display: none
}

.experts__logos-title {
   color: #fff;
   font-family: Manrope;
   font-size: 32px;
   font-weight: 600;
   line-height: 106.25%;
   margin-bottom: 16px
}

.experts__logos-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 40px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.experts__team {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   display: -ms-grid;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 15px 20px;
   -webkit-perspective: 1000px;
   perspective: 1000px
}

.experts__teammate {
   text-align: center;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   will-change: transform
}

.experts__teammate-photo {
   margin-inline: auto;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   overflow: hidden;
   margin-bottom: 16px;
   border: 1px solid #d5d5d5
}

.experts__teammate-photo img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

.experts__teammate-info {
   color: #fff;
   font-family: Inter;
   font-size: 16px;
   line-height: 125%;
   letter-spacing: -.03em
}

.experts__teammate-name {
   font-weight: 700
}

.experts__teammate-speciality {
   color: #d5d5d5;
   font-weight: 400
}

.no-webp .services {
   background-image: url(../img/serv-bg.png)
}

.services {
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-attachment: fixed
}

.services__card-col .button {
   display: inline-flex;
   margin-left: auto
}

.services__card:last-child .services__card-col:last-child {
   text-align: right
}

.services__body {
   padding: 80px 0
}

.services__title {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   margin-bottom: 40px
}

.services__cards {
   display: -ms-grid;
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   -webkit-perspective: 1000px;
   perspective: 1000px;
   gap: 30px
}

.services__card {
   border-radius: 20px;
   -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background: rgba(255, 255, 255, .04);
   padding: 60px;
   cursor: pointer
}

.services__card.services__card-1 {
   grid-column: 1/-1
}

.services__card.services__card-2 {
   -ms-grid-column-span: 5;
   grid-column: span 5
}

.services__card.services__card-3 {
   -ms-grid-column-span: 7;
   grid-column: span 7
}

.services__card.services__card-4 {
   -ms-grid-column-span: 6;
   grid-column: span 6
}

.services__card.services__card-5 {
   -ms-grid-column-span: 6;
   grid-column: span 6
}

.services__card.services__card-6 {
   grid-column: 1/-1
}

.services__card:nth-child(6) .services__card-subtitle {
   max-width: 970px
}

.services__card:nth-child(6) .services__card-text {
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.services__card:nth-child(6) .services__card-text .button {
   margin-left: auto
}

.services__card-title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 12px;
   margin-bottom: 32px
}

.services__card-icon {
   width: 60px;
   height: 60px
}

.services__card-icon img {
   width: 100%;
   height: 100%
}

.services__card-name {
   color: #fff;
   font-family: Manrope;
   font-size: 48px;
   font-weight: 500;
   line-height: 108.333333%;
   letter-spacing: -.02em
}

.services__card-subtitle {
   margin-bottom: 40px;
   color: #fff;
   font-family: Inter;
   font-size: 26px;
   font-weight: 400;
   line-height: 115.384615%;
   letter-spacing: -.01em
}

.services__card-text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   color: #fff;
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 125%;
   letter-spacing: -.03em
}

.services__card-text ul {
   padding-left: 20px
}

.services__card-text ul li {
   list-style-type: disc
}

.services__card-text ul li:not(:last-child) {
   margin-bottom: 8px
}

.services__card-col {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto
}

.services__card-label {
   color: #8646e8;
   font-family: Manrope;
   font-size: 32px;
   font-weight: 600;
   line-height: 106.25%;
   margin-bottom: 12px
}

.cases {
   background: #0e1011
}

.cases__title {
   margin-bottom: 50px;
   padding-inline: 20px
}

.cases__items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 45% 1fr;
   grid-template-columns: 45% 1fr;
   grid-template-rows: repeat(6, 1fr);
   gap: 20px;
   max-width: 1704px;
   margin-inline: auto;
   padding-inline: 20px
}

.case {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   border-radius: 30px;
   border: 1px solid #737373;
   overflow: hidden
}

.case.case-1,
.case.case-3 {
   -ms-grid-row-span: 3;
   grid-row: span 3;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.case.case-2,
.case.case-4,
.case.case-5 {
   -ms-grid-row-span: 2;
   grid-row: span 2
}

.case__image {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 48%;
   flex: 0 1 48%;
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden
}

.case__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   -webkit-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2)
}

.case__visit {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   position: absolute;
   bottom: 20px;
   right: 20px;
   z-index: 2;
   padding: 10px 20px;
   border-radius: 10px;
   text-transform: uppercase;
   color: #fff;
   font-family: Inter;
   font-size: 16px;
   font-weight: 700;
   line-height: 100%;
   letter-spacing: -.03em;
   text-align: center;
   white-space: nowrap;
   opacity: 0;
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   will-change: transform max-height;
   -webkit-transition: all .5s ease 0s;
   -o-transition: all .5s ease 0s;
   transition: all .5s ease 0s;
   height: 100px;
   max-height: 36px
}

.case__visit svg {
   width: 12px;
   height: 12px;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   will-change: transform
}

.case__label {
   position: absolute;
   top: 20px;
   left: 20px;
   z-index: 2;
   padding: 10px 20px;
   border-radius: 90px;
   background: #5cecbf;
   color: #0e1011;
   font-family: Inter;
   font-size: 16px;
   font-weight: 700;
   line-height: 100%;
   letter-spacing: -.03em;
   text-align: center;
   white-space: nowrap
}

.case__info {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 52%;
   flex: 0 1 52%;
   padding: 42px;
   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
}

.case__name {
   color: #fff;
   font-family: Manrope;
   font-size: 32px;
   font-weight: 600;
   line-height: 106.25%;
   margin-bottom: 20px;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s
}

.case__achievement,
.case__description {
   color: #fff;
   font-family: Inter;
   font-size: 26px;
   font-weight: 400;
   line-height: 115.384615%;
   letter-spacing: -.01em;
   margin-bottom: 30px
}

.case__achievement {
   margin: 0;
   margin-top: auto
}

.case__achievement span {
   display: block;
   margin-top: 6px;
   color: #5cecbf;
   font-family: Manrope;
   font-size: 48px;
   font-weight: 500;
   line-height: 52px;
   letter-spacing: -.02em
}

.no-webp .roadmap {
   background-image: url(../img/roadmap-bg.png)
}

.roadmap {
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat
}

.roadmap__body {
   padding: 80px 0
}

.roadmap__title {
   margin-bottom: 32px
}

.roadmap__infographic {
   position: relative;
   width: 100%;
   cursor: pointer
}

.roadmap__infographic img,
.roadmap__infographic picture {
   width: 100%
}

.roadmap__labels {
   position: relative;
   z-index: 2
}

.roadmap__road {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.roadmap__road .empty-path {
   opacity: 0
}

.roadmap__tips {
   display: block;
   position: absolute;
   z-index: 3;
   width: 30%;
   height: 30%;
   max-width: 26.666667%
}

.roadmap__tips p {
   width: auto;
   padding: 12px 16px;
   border-radius: 12px;
   -webkit-box-shadow: 0 1px 6px 0 rgba(255, 255, 255, .25);
   box-shadow: 0 1px 6px 0 rgba(255, 255, 255, .25);
   -webkit-backdrop-filter: blur(40px);
   backdrop-filter: blur(40px);
   background: rgba(255, 255, 255, .08);
   color: #fff;
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 125%;
   letter-spacing: -.03em;
   text-align: center;
   opacity: 0;
   -webkit-transform: translateY(50%) scaleX(.8);
   -ms-transform: translateY(50%) scaleX(.8);
   transform: translateY(50%) scaleX(.8);
   -webkit-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
   will-change: transform
}

.roadmap__tips.roadmap__tips-1 {
   top: 28%;
   left: 20px
}

.roadmap__tips.roadmap__tips-2 {
   top: 78%;
   left: 8%
}

.roadmap__tips.roadmap__tips-3 {
   top: 16%;
   left: 23%
}

.roadmap__tips.roadmap__tips-4 {
   top: 61%;
   left: 33%
}

.roadmap__tips.roadmap__tips-5 {
   top: 8%;
   left: 45%
}

.roadmap__tips.roadmap__tips-6 {
   top: 46%;
   right: 13%
}

.roadmap__tips.roadmap__tips-7 {
   top: -60px;
   right: 4%
}

.moving-path {
   -webkit-animation: dash-animation 1.8s linear infinite;
   animation: dash-animation 1.8s linear infinite
}

@-webkit-keyframes dash-animation {
   0% {
      stroke-dashoffset: 16
   }

   100% {
      stroke-dashoffset: 0
   }
}

@keyframes dash-animation {
   0% {
      stroke-dashoffset: 16
   }

   100% {
      stroke-dashoffset: 0
   }
}

@-webkit-keyframes dash-animation-mob {
   0% {
      stroke-dashoffset: 0
   }

   100% {
      stroke-dashoffset: 16
   }
}

@keyframes dash-animation-mob {
   0% {
      stroke-dashoffset: 0
   }

   100% {
      stroke-dashoffset: 16
   }
}

.no-webp .solutions {
   background-image: url(../img/serv-bg.png)
}

.solutions {
   overflow: hidden;
   max-width: 100vw;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed
}

.solutions__body {
   padding: 80px 0 150px
}

.solutions__title {
   display: block;
   margin-bottom: 20px
}

.solutions__subtitle {
   color: #fff;
   font-family: Inter;
   font-size: 26px;
   font-weight: 400;
   line-height: 115.384615%;
   letter-spacing: -.01em;
   text-align: center;
   margin-bottom: 111px;
   max-width: 450px;
   margin-inline: auto
}

.solutions__cards {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   padding-top: 40px;
   padding-inline: calc((100vw - 1440px)/ 2)
}

.solution {
   height: auto;
   -webkit-box-flex: 1;
   -ms-flex: 1 0 30%;
   flex: 1 0 30%;
   padding: 60px;
   border-radius: 20px;
   background: -o-linear-gradient(265.56deg, #8646e8 -137.899%, rgba(134, 70, 232, 0) 31.561%), rgba(0, 0, 0, .02);
   background: linear-gradient(184.44deg, #8646e8 -137.899%, rgba(134, 70, 232, 0) 31.561%), rgba(0, 0, 0, .02);
   border: 1px solid #737373;
   -webkit-backdrop-filter: blur(30px);
   backdrop-filter: blur(30px);
   position: relative;
   width: 30%;
   max-width: 456px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.solution__name {
   position: absolute;
   top: 0;
   left: 26px;
   padding: 18px 40px;
   border-radius: 32px;
   background: #292631;
   translate: 0 -50%;
   color: #fff;
   font-family: Manrope;
   font-size: 32px;
   font-weight: 600;
   line-height: 106.25%
}

.solution__group {
   color: #fff;
   font-family: Inter;
   font-size: 18px;
   font-weight: 400;
   line-height: 120%;
   letter-spacing: -.01em;
   padding-bottom: 30px;
   border-bottom: 1px solid rgba(134, 70, 232, .3019607843);
   margin-bottom: 30px
}

.solution__list li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 12px;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start
}

.solution__list li:not(:last-child) {
   margin-bottom: 16px
}

.solution__list li svg {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 32px;
   flex: 0 0 32px;
   width: 32px;
   height: 32px
}

.solution__list li img {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 30px;
   flex: 0 0 30px;
   width: 30px;
   height: 30px
}

.solution__price {
   margin-top: auto;
   color: #8646e8;
   font-family: Manrope;
   font-weight: 600;
   line-height: 106.25%;
   white-space: nowrap;
   font-size: 40px
}

.solution__price span {
   font-size: .8em
}

@media (width < 1440px) {
   .solution__price {
      font-size: calc(20px + 28 * ((100vw - 320px)/ 1600))
   }

   .solution__price span {
      font-size: calc(16px + 16 * ((100vw - 320px)/ 1600))
   }
}

.testimonials {
   background: #0e1011
}

.testimonials__body {
   overflow-x: hidden;
   margin-inline: 0;
   margin-left: auto;
   padding-bottom: 120px;
   padding-top: 70px
}

.testimonials__title {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: start;
   text-align: left
}

.testimonials__slider {
   padding-left: calc((100vw - 1440px)/ 2)
}

.testimonials__slide {
   max-width: 247px
}

.testimonials__slide img {
   width: 100%;
   height: auto;
   -o-object-fit: contain;
   object-fit: contain
}

.dynamic-gallery-button {
   display: none
}

.no-webp .request {
   background-image: url(../img/request-bg.png)
}

.request {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed
}

.request__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   max-width: 1220px;
   padding: 80px 0
}

.request__text {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   max-width: 480px
}

.request__title {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: start;
   text-align: left;
   margin-bottom: 20px;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap
}

.request__subtitle {
   color: #fff;
   font-family: Manrope;
   font-size: 32px;
   font-weight: 600;
   line-height: 110%;
   margin-bottom: 50px;
   margin-left: 30px
}

.request__team {
   font-family: Manrope;
   font-size: 48px;
   font-weight: 500;
   line-height: 110%;
   max-width: 450px;
   margin-left: 30px
}

.request__team p {
   margin-bottom: 28px
}

.request__team-images img {
   width: 60px;
   height: 60px;
   border-radius: 50%;
   -o-object-fit: cover;
   object-fit: cover;
   margin-right: 2px;
   border: 1px solid #fff
}

.request__block {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   border: 1px solid #5b5b5b;
   border-radius: 30px;
   background: rgba(255, 255, 255, .04);
   -webkit-backdrop-filter: blur(30px);
   backdrop-filter: blur(30px);
   padding: 60px;
   max-width: 607px
}

.request__block img {
   max-width: 185px;
   display: block;
   margin-inline: auto;
   margin-bottom: 40px
}

.request__block-title {
   color: #fff;
   font-family: Manrope;
   font-size: 48px;
   font-weight: 500;
   line-height: 110%;
   letter-spacing: -1px;
   text-align: center;
   margin-bottom: 12px
}

.request__block-subtitle {
   color: #fff;
   font-family: Inter;
   font-size: 26px;
   font-weight: 400;
   line-height: 120%;
   text-align: center;
   margin-bottom: 40px
}

.request__form {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 10px;
   position: relative
}

.request__form button {
   color: #fff;
   font-family: Inter;
   font-size: 28px;
   font-weight: 600;
   line-height: 121.428571%;
   padding: 20px;
   border-radius: 20px;
   background: #5d21c1;
   border: 2px solid transparent;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s
}

.request__form button .wave-btn__waves {
   height: 1000%
}

.request__form .loading-icon {
   position: absolute;
   top: calc(50% - 60px);
   left: calc(50% - 20px);
   display: block;
   width: 40px;
   height: 40px;
   background: 0 0;
   border-top: 4px solid transparent;
   border-right: 4px solid #5d21c1;
   border-bottom: 4px solid #5d21c1;
   border-left: 4px solid #5d21c1;
   border-radius: 50%;
   -webkit-animation: rotating 1s ease 0s infinite;
   animation: rotating 1s ease 0s infinite;
   z-index: 2;
   display: none
}

.request__form .loaded-message {
   color: #fff;
   font-weight: 700;
   font-size: 24px;
   text-align: center;
   margin-top: 10px;
   display: none
}

.request__form.loading .request__form-item {
   opacity: .6
}

.request__form.loading button {
   pointer-events: none
}

.request__form.loading .loading-icon {
   display: block
}

.request__form.loaded .loading-icon {
   display: none
}

.request__form.loaded .loaded-message {
   display: block
}

.request__form.loaded .request__form-item {
   pointer-events: none
}

.request__form-item {
   width: 100%
}

.request__form-item input,
.request__form-item textarea {
   border-radius: 20px;
   background: #fff;
   width: 100%;
   color: #17191a;
   font-family: Inter;
   font-size: 28px;
   font-weight: 600;
   line-height: 121.428571%;
   padding: 20px;
   resize: none;
   border: 2px solid transparent;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s
}

.request__form-item input::-webkit-input-placeholder,
.request__form-item textarea::-webkit-input-placeholder {
   color: #0e1011
}

.request__form-item input::-moz-placeholder,
.request__form-item textarea::-moz-placeholder {
   color: #0e1011
}

.request__form-item input:-ms-input-placeholder,
.request__form-item textarea:-ms-input-placeholder {
   color: #0e1011
}

.request__form-item input::-ms-input-placeholder,
.request__form-item textarea::-ms-input-placeholder {
   color: #0e1011
}

.request__form-item input::placeholder,
.request__form-item textarea::placeholder {
   color: #0e1011
}

.request__form-item input:focus,
.request__form-item input:hover,
.request__form-item textarea:focus,
.request__form-item textarea:hover {
   border: 2px solid #5d21c1
}

.request__form-item input:user-invalid,
.request__form-item textarea:user-invalid {
   border: 2px solid red
}

.request__form-item textarea {
   min-height: 130px
}

.footer {
   background: #17191a
}

.footer__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 90px 0;
   gap: 120px
}

.footer__info {
   max-width: 202px
}

.footer__logo {
   max-width: 185px;
   margin-bottom: 15px
}

.footer__descr {
   color: #fff;
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 118.75%;
   letter-spacing: -.5px;
   margin-bottom: 38px
}

.footer__socials {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 6px
}

.footer__social {
   width: 36px;
   height: 36px;
   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;
   border-radius: 8px;
   color: #fff;
   background: rgba(255, 255, 255, .04);
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s
}

.footer__social svg {
   width: 16px;
   color: #fff;
   height: 16px;
   -o-object-fit: contain;
   object-fit: contain;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s
}

.footer__wrapper {
   flex: 1;
}

.footer__items {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 40px;
}

.footer__menu {
   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: left;
   gap: 15px
}

.footer__link {
   color: #fff;
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 118.75%;
   letter-spacing: -1px;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s
}

.footer__contacts {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 15px
}

.footer__contacts a,
.footer__contacts p {
   color: #fff;
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 118.75%;
   letter-spacing: -1px;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s
}

.footer__contacts a {
   margin-left: 16px;
   text-decoration: underline;
   text-decoration-thickness: from-font
}

.footer__address {
   color: #fff;
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 118.75%;
   letter-spacing: -.01em
}

.footer__address p:first-child {
   margin-bottom: 15px
}

.footer__policy {
   margin-top: 83px;
   display: flex;
   gap: 40px;
}

.footer__policy a {
   color: #fff;
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 118.75%;
   letter-spacing: -1px;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   text-decoration: underline;
   text-decoration-thickness: from-font
}

.footer__policy a:not(:last-child) {
   margin-right: 20px
}

.lg-outer .lg-object {
   max-height: 95%
}

.page-head {
   background: rgba(255, 255, 255, .04);
   color: #fff
}

.page-head__body {
   padding: 64px 0 80px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 24px
}

.page-head__title {
   font-size: 36px;
   line-height: 130%
}

.page-head__subtitle {
   font-size: 18px;
   text-align: center
}

.policy {
   background: #f7f7f7;
   min-height: 500px
}

.policy__body {
   max-width: 1120px;
   margin-inline: auto;
   color: #0e1011;
   padding: 64px 0
}

.policy__document {
   font-size: 16px;
   line-height: 140%
}

.policy__document p {
   margin: 20px 0
}

.policy__document h2 {
   margin: 60px 0 20px;
   text-transform: uppercase
}

.policy__document h3 {
   margin: 40px 0 20px
}

.policy__document a {
   color: #0e1011;
   text-decoration: underline
}

.policy__document ul {
   padding-left: 25px;
   margin: 20px 0
}

.policy__document ul li {
   list-style-type: disc
}

.policy__document ul li:not(:last-child) {
   margin-bottom: 15px
}

.policy__document ol {
   padding-left: 25px;
   margin: 20px 0
}

.policy__document ol li {
   list-style-type: decimal
}

.policy__document ol li:not(:last-child) {
   margin-bottom: 15px
}

.policy__naming {
   font-size: 16px;
   font-weight: 600;
   color: #737373
}

.go-top {
   position: fixed;
   right: 24px;
   bottom: 40px;
   width: 40px;
   height: 40px;
   background: #0e1011;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   z-index: 999;
   cursor: pointer;
   transform: translateX(400px);
   transition: all 0.8s ease;
}

.go-top svg {
   transform: rotate(-45deg);
   width: 35%;
   height: 50%;
}

.go-top.show {
   transform: translateX(0);
}

@media (min-width:601px) {
   .experts__teammate-name br {
      display: none
   }
}

@media (min-width:767px) {
   .roadmap__road-mob {
      display: none
   }
}

@media (min-width:1200px) {
   .menu__list li:nth-child(1) {
      -webkit-transition: all .5s ease .1s;
      -o-transition: all .5s ease .1s;
      transition: all .5s ease .1s
   }

   .menu__list li:nth-child(2) {
      -webkit-transition: all .5s ease .2s;
      -o-transition: all .5s ease .2s;
      transition: all .5s ease .2s
   }

   .menu__list li:nth-child(3) {
      -webkit-transition: all .5s ease .3s;
      -o-transition: all .5s ease .3s;
      transition: all .5s ease .3s
   }

   .menu__list li:nth-child(4) {
      -webkit-transition: all .5s ease .4s;
      -o-transition: all .5s ease .4s;
      transition: all .5s ease .4s
   }
}

@media (min-width:1601px) {

   .case.case-1 .case__image,
   .case.case-3 .case__image {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 45%;
      flex: 0 1 45%
   }

   .case.case-1 .case__info,
   .case.case-3 .case__info {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 55%;
      flex: 1 1 55%
   }
}

@media (max-width:1680px) {
   .marquee__body {
      padding: 20px 0 18px
   }
}

@media (max-width:1600px) {
   .header__body {
      padding: 30px 0
   }

   .advantages__slide-title {
      font-size: 40px
   }

   .advantages__slide-title img {
      width: 44px;
      height: 44px
   }

   .advantages__slide-description {
      font-size: 26px
   }

   .experts__tags {
      padding-left: calc(100vw - (100% - 80px));
      margin-bottom: 40px
   }

   .case {
      border-radius: 20px
   }

   .case__label {
      font-size: 12px;
      top: 18px;
      left: 18px
   }

   .case__info {
      padding: 30px
   }

   .case__name {
      font-size: 24px;
      margin-bottom: 12px
   }

   .case__achievement,
   .case__description {
      font-size: 20px;
      margin-bottom: 20px
   }

   .case__achievement span {
      font-size: 42px
   }

   .roadmap__body {
      padding: 60px 0
   }

   .solutions__body {
      padding: 60px 0
   }

   .solutions__subtitle {
      font-size: 20px;
      margin-bottom: 80px
   }

   .solutions__cards {
      padding-inline: calc(100vw - (100% - 80px));
      margin-bottom: 40px
   }

   .solution {
      padding: 60px 40px
   }

   .solution__name {
      font-size: 24px
   }

   .solution__group {
      font-size: 14px;
      padding-bottom: 16px;
      margin-bottom: 20px
   }

   .solution__list li {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }

   .solution__list li:not(:last-child) {
      margin-bottom: 12px
   }

   .testimonials__slider {
      padding-left: calc(100vw - (100% - 80px));
      margin-bottom: 40px
   }

   .request__subtitle {
      font-size: 24px;
      margin-bottom: 27px
   }

   .request__team {
      font-size: 42px
   }

   .request__block {
      padding: 40px
   }

   .request__block img {
      max-width: 144px;
      margin-bottom: 30px
   }

   .request__block-title {
      font-size: 42px
   }

   .request__block-subtitle {
      font-size: 22px;
      margin-bottom: 30px
   }

   .request__form button {
      font-size: 22px;
      padding: 16px 32px
   }

   .request__form-item input,
   .request__form-item textarea {
      font-size: 22px;
      padding: 14px 20px
   }
}

@media (max-width:1560px) {
   .hero-about__card {
      font-size: 20px;
      -webkit-box-flex: 0;
      -ms-flex: 0 1 45%;
      flex: 0 1 45%;
      padding: 20px
   }

   .hero-about__card img {
      max-width: 144px
   }

   .hero-about__descr-name {
      font-size: 42px
   }

   .hero-about__descr-text {
      font-size: 20px
   }
}

@media (max-width:1480px) {
   .hero__body {
      padding: 22px 0 6px
   }

   .hero__title {
      font-size: 62px;
      max-width: 870px
   }
}

@media (max-width:1449px) {
   .experts__title {
      margin-bottom: 40px
   }

   .experts__tag {
      font-size: 22px;
      padding: 12px 32px
   }

   .experts__text {
      font-size: 20px;
      margin-bottom: 60px
   }

   .experts__logos-title {
      font-size: 24px
   }

   .experts__logos-items {
      gap: 32px
   }

   .experts__logos-items img {
      max-width: 85px;
      max-height: 40px
   }

   .experts__team {
      gap: 20px 0
   }

   .experts__teammate-photo {
      width: 60px;
      height: 60px;
      margin-bottom: 10px
   }

   .experts__teammate-info {
      font-size: 12px
   }

   .services__cards {
      gap: 20px
   }

   .services__card {
      padding: 40px
   }

   .services__card-title {
      margin-bottom: 20px
   }

   .services__card-name {
      font-size: 42px
   }
}

@media (max-width:1441px) {
   .header__logo {
      max-width: 140px
   }

   .menu__link {
      font-size: 22px
   }

   .button {
      font-size: 22px
   }

   .hero__descr {
      font-size: 24px
   }

   .hero__messages {
      gap: 0
   }

   .hero__message {
      font-size: 24px
   }

   .section-padding {
      padding: 100px 0
   }

   .title {
      font-size: 62px;
      margin-bottom: 40px
   }

   .testimonials__slide {
      max-width: 199px
   }

   .request__body {
      padding: 60px 0
   }

   .footer__logo {
      max-width: 144px
   }

   .footer__descr {
      font-size: 12px
   }

   .footer__link {
      font-size: 12px;
      letter-spacing: normal
   }

   .footer__contacts a,
   .footer__contacts p {
      font-size: 12px;
      letter-spacing: normal
   }

   .footer__address {
      font-size: 12px
   }

   .footer__policy a {
      font-size: 12px
   }
}

@media (max-width:1440px) {
   .container {
      width: min(100% - 80px, 1200px)
   }

   .hero__title {
      font-size: calc(32px + 36 * ((100vw - 320px)/ 1120))
   }

   .hero-about__info {
      gap: calc(20px + 74 * ((100vw - 320px)/ 1120))
   }

   .experts__tags {
      padding-left: calc((100vw - 1200px)/ 2)
   }

   .solutions__cards {
      padding-inline: calc((100vw - 1200px)/ 2)
   }

   .testimonials__slider {
      padding-left: calc((100vw - 1200px)/ 2)
   }
}

@media (max-width:1400px) {
   .advantages__slide {
      padding: 40px
   }
}

@media (max-width:1360px) {
   .header__body {
      padding: 20px 0
   }

   .testimonials__body {
      padding-top: 60px;
      padding-bottom: 60px
   }
}

@media (max-width:1280px) {
   .experts__tags {
      padding-left: 40px
   }

   .solutions__cards {
      padding-inline: 40px
   }

   .testimonials__slider {
      padding-left: 40px
   }
}

@media (max-width:1220px) {

   .comparison__description::after,
   .comparison__description::before {
      width: 30%
   }
}

@media (max-width:1200px) {
   .hero__message {
      font-size: 18px;
      padding: 18px 24px 32px 48px
   }

   .comparison__name {
      font-size: 48px
   }

   .services__card.services__card-1 .services__card-text {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
   }

   .services__card.services__card-1 .services__card-col {
      width: 48%
   }

   .cases__items {
      gap: 8px
   }

   .case {
      border-radius: 16px
   }

   .case__label {
      font-size: 10px;
      top: 10px;
      left: 10px;
      padding: 8px 12px
   }

   .case__info {
      padding: 18px
   }

   .case__name {
      font-size: 18px;
      margin-bottom: 8px
   }

   .case__achievement,
   .case__description {
      font-size: 16px;
      margin-bottom: 12px
   }

   .case__achievement span {
      font-size: 26px;
      margin-top: 0;
      line-height: 1.2
   }

   .roadmap__tips {
      display: none
   }

   .solutions__cards {
      padding-inline: 20px
   }

   .solutions__cards-wrapper {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      gap: 40px 20px
   }

   .solution {
      width: 100%;
      max-width: 100%;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto
   }
}

@media (max-width:1100px) {
   .header__logo {
      max-width: 100px
   }

   .menu__list {
      gap: 20px
   }

   .menu__link {
      font-size: 16px
   }

   .button {
      font-size: 18px;
      padding: 12px 30px;
      max-height: 42px
   }
}

@media (max-width:1000px) {
   .hero__body {
      padding: 70px 0 30px
   }

   .hero__title {
      font-size: 40px;
      margin-bottom: 30px
   }

   .hero__descr {
      font-size: 18px;
      margin-top: 12px
   }

   .hero__message {
      font-size: 12px;
      padding: 12px 12px 20px 26px
   }

   .hero-about__body {
      padding-bottom: 43px
   }

   .hero-about__info {
      gap: 40px
   }

   .hero-about__card {
      font-size: 16px;
      padding: 15px;
      max-width: 213px;
      letter-spacing: -.01em;
      border-radius: 8px;
      width: 211px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 211px;
      flex: 0 0 211px
   }

   .hero-about__card img {
      max-width: 77px;
      margin-bottom: 6px
   }

   .hero-about__card p:last-child {
      font-size: 10px;
      letter-spacing: -.03em
   }

   .hero-about__card p:not(:last-child) {
      margin-bottom: 6px
   }

   .hero-about__descr {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto
   }

   .hero-about__descr-name {
      font-size: 32px
   }

   .hero-about__descr-text {
      font-size: 16px
   }

   .title {
      font-size: 42px;
      margin-bottom: 30px;
      padding-left: 25px;
      position: relative
   }

   .title .title__circle {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
      flex: 0 0 15px;
      position: absolute;
      top: calc(50% - 7px);
      left: 0
   }

   .roadmap__title {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      margin-inline: auto
   }

   .testimonials__slide {
      max-width: 129px
   }

   .request__subtitle {
      font-size: 18px;
      margin-bottom: 70px
   }

   .request__team {
      font-size: 32px;
      margin-bottom: 16px
   }

   .request__team-images img {
      width: 40px;
      height: 40px
   }

   .request__block {
      padding: 20px
   }

   .request__block img {
      max-width: 99px;
      margin-bottom: 12px
   }

   .request__block-title {
      font-size: 32px
   }

   .request__block-subtitle {
      font-size: 16px;
      margin-bottom: 20px
   }

   .request__form button {
      font-size: 18px
   }

   .request__form-item input,
   .request__form-item textarea {
      font-size: 18px;
      padding: 12px;
      border-radius: 12px
   }

   .footer__body {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 60px;
      padding: 40px 0
   }

   .footer__info {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
      flex: 0 1 30%
   }

   .footer__logo {
      max-width: 100px;
      margin-bottom: 8px
   }

   .footer__descr {
      font-size: 10px;
      margin-bottom: 20px
   }

   .footer__menu {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
      flex: 0 1 30%;
      gap: 8px;
   }

   .footer__policy {
      gap: 20px;
   }

   .footer__link {
      width: 70px;
      font-size: 10px
   }

   .footer__contacts {
      gap: 8px
   }

   .footer__contacts a,
   .footer__contacts p {
      font-size: 10px
   }

   .footer__contacts a {
      margin-left: 12px
   }

   .footer__address p:first-child {
      margin-bottom: 8px
   }

   .footer__policy a {
      font-size: 10px
   }

}

@media (max-width:980px) {
   .marquee__slide img {
      max-height: 30px;
      width: auto;
      height: auto
   }

   .comparison__body {
      -ms-grid-columns: 1fr 120px 1fr;
      grid-template-columns: 1fr 120px 1fr
   }

   .comparison__col-sm {
      font-size: 38px
   }

   .comparison__name {
      font-size: 38px;
      margin-bottom: 12px
   }

   .comparison__label {
      font-size: 10px
   }

   .comparison__advantages {
      max-width: 188px
   }

   .comparison__advantage {
      font-size: 10px;
      padding: 8px 10px
   }

   .comparison__advantage svg {
      width: 12px;
      height: 12px
   }

   .comparison__descriptions {
      max-width: 226px;
      padding: 12px 0
   }

   .comparison__description {
      font-size: 10px;
      padding: 6px 20px
   }

   .comparison__description::after,
   .comparison__description::before {
      width: 15%
   }

   .advantages__body {
      padding: 80px 0
   }

   .advantages__title {
      text-wrap: balance;
      margin-bottom: 30px
   }

   .advantages__content::after,
   .advantages__content::before {
      width: 80px
   }

   .advantages__slide {
      padding: 30px
   }

   .advantages__slide-titles {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
      flex: 0 1 50%
   }

   .advantages__slide-title {
      font-size: 32px;
      gap: 12px;
      max-width: 254px;
      margin-bottom: 20px
   }

   .advantages__slide-title img {
      width: 40px;
      height: 40px
   }

   .advantages__slide-description {
      font-size: 18px;
      -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
      flex: 0 1 50%
   }

   .experts__body {
      padding: 40px 0
   }

   .experts__title {
      padding-left: 0
   }

   .experts__title br {
      display: none
   }

   .experts__tag {
      font-size: 16px;
      padding: 8px 20px;
      border: 1px solid #5d21c1
   }

   .experts__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 40px
   }

   .experts__text {
      font-size: 16px;
      margin-bottom: 0
   }

   .experts__logos:not(.experts__logos-mob) {
      display: none
   }

   .experts__logos-mob {
      display: block
   }

   .experts__logos-title {
      font-size: 16px
   }

   .experts__logos-items {
      gap: 12px
   }

   .experts__logos-items img {
      max-width: 68px;
      max-height: 32px
   }

   .experts__team {
      grid-template-columns: repeat(6, 1fr);
      gap: 20px
   }

   .services__body {
      padding: 60px 0
   }

   .services__title {
      margin-bottom: 30px;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      margin-inline: auto
   }

   .services__cards {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 16px
   }

   .services__card {
      padding: 30px;
      border-radius: 16px
   }

   .services__card-title {
      gap: 8px;
      margin-bottom: 14px
   }

   .services__card-icon {
      width: 40px;
      height: 40px
   }

   .services__card-name {
      font-size: 32px
   }

   .services__card-subtitle {
      font-size: 16px;
      margin-bottom: 20px
   }

   .services__card-label {
      font-size: 18px
   }

   .cases__title {
      margin-bottom: 30px;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      margin-inline: auto
   }

   .case__achievement,
   .case__description {
      font-size: 14px
   }

   .case__achievement span {
      font-size: 18px;
      margin-top: 6px;
      line-height: 1
   }

   .case__achievement {
      font-size: 10px
   }

   .roadmap__body {
      padding: 40px 0
   }

   .solutions__body {
      padding: 40px 0
   }

   .solutions__subtitle {
      font-size: 16px;
      margin-bottom: 50px
   }

   .solutions__cards {
      gap: 50px
   }

   .solutions__cards-wrapper {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr
   }

   .solution {
      max-width: 475px;
      margin-inline: auto;
      padding: 40px 20px 20px
   }

   .solution__name {
      padding: 12px 32px;
      font-size: 18px
   }

   .solution__group {
      font-size: 12px;
      padding-bottom: 12px;
      margin-bottom: 12px
   }

   .solution__list li {
      gap: 4px
   }

   .solution__list li svg {
      width: 20px;
      height: 20px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
      flex: 0 0 20px
   }

   .solution__list li img {
      width: 18px;
      height: 18px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
      flex: 0 0 18px
   }

   .solution__price {
      font-size: 32px
   }

   .solution__price span {
      font-size: 18px
   }

   .request__body {
      padding-bottom: 40px
   }

   .request__title {
      padding-left: 0
   }
}

@media (max-width:767px) {
   .container {
      width: calc(100% - 40px)
   }

   .header__logo svg {
      max-height: 35px;
      width: 35px
   }

   .header__menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: end
   }

   .header__button {
      display: none
   }

   .menu__icon {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
      flex: 0 0 24px;
      width: 24px;
      height: 24px;
      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: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 3px 3px;
      gap: 4px;
      z-index: 101
   }

   .menu__icon span {
      display: block;
      width: 18px;
      border: 1px solid #fff;
      border-radius: 50px;
      overflow: hidden
   }

   .menu__icon.active span:nth-child(1) {
      -webkit-animation: rotateBurger .5s ease 0s forwards;
      animation: rotateBurger .5s ease 0s forwards
   }

   .menu__icon.active span:nth-child(3) {
      -webkit-animation: rotateBurger2 .5s ease 0s forwards;
      animation: rotateBurger2 .5s ease 0s forwards
   }

   .menu__icon.active span:nth-child(2) {
      opacity: 0
   }

   .menu__body {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      z-index: 100;
      border-radius: 0 0 12px 12px;
      -webkit-backdrop-filter: blur(90px);
      backdrop-filter: blur(90px);
      background: rgba(255, 255, 255, .04);
      padding: 64px 20px 20px 20px;
      -webkit-transition: all .5s ease 0s;
      -o-transition: all .5s ease 0s;
      transition: all .5s ease 0s
   }

   .menu__body .button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-inline: auto;
      opacity: 0;
      -webkit-transition: opacity .3s ease 1.2s;
      -o-transition: opacity .3s ease 1.2s;
      transition: opacity .3s ease 1.2s
   }

   .menu__body.active {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      -webkit-box-shadow: 0 12px 12px 0 rgba(0, 0, 0, .9);
      box-shadow: 0 12px 12px 0 rgba(0, 0, 0, .9)
   }

   .menu__body.active .menu__link {
      opacity: 1
   }

   .menu__body.active .button {
      opacity: 1
   }

   .menu__body.active .menu__list::after {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1)
   }

   .menu__list {
      padding: 30px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      gap: 12px
   }

   .menu__list::after {
      content: "";
      width: 100%;
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      height: 1px;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      -webkit-transition: all .3s ease .6s;
      -o-transition: all .3s ease .6s;
      transition: all .3s ease .6s
   }

   .menu__list li:nth-child(1) a {
      -webkit-transition: all .3s ease .8s;
      -o-transition: all .3s ease .8s;
      transition: all .3s ease .8s
   }

   .menu__list li:nth-child(2) a {
      -webkit-transition: all .3s ease .9s;
      -o-transition: all .3s ease .9s;
      transition: all .3s ease .9s
   }

   .menu__list li:nth-child(3) a {
      -webkit-transition: all .3s ease 1s;
      -o-transition: all .3s ease 1s;
      transition: all .3s ease 1s
   }

   .menu__list li:nth-child(4) a {
      -webkit-transition: all .3s ease 1.1s;
      -o-transition: all .3s ease 1.1s;
      transition: all .3s ease 1.1s
   }

   .menu__list li:nth-child(5) a {
      -webkit-transition: all .3s ease 1.2s;
      -o-transition: all .3s ease 1.2s;
      transition: all .3s ease 1.2s
   }

   .menu__link {
      opacity: 0
   }

   .no-webp .hero {
      background: url(../img/hero-bg.png) 32% 0/1000px auto no-repeat
   }

   .hero__body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 50px 0 10px
   }

   .hero__info {
      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-align: center;
      -ms-flex-align: center;
      align-items: center
   }

   .hero__title {
      font-size: 32px;
      text-align: center;
      margin-bottom: 30px;
      letter-spacing: -1px;
      text-wrap: balance
   }

   .hero__buttons {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
   }

   .hero__descr {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
   }

   .hero__messages {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 30px
   }

   .hero__message {
      display: inline-block;
      width: auto
   }

   .hero-about__body {
      padding-bottom: 22px;
      padding-top: 40px;
      width: 100%;
      padding-inline: 20px
   }

   .hero-about__info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 16px
   }

   .hero-about__card {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%;
      max-width: 100%;
      text-align: center;
      font-size: 14px
   }

   .hero-about__card img {
      width: 143px;
      margin-inline: auto;
      margin-bottom: 12px
   }

   .hero-about__card p:last-child {
      font-size: 14px;
      letter-spacing: -.03em
   }

   .hero-about__descr-name {
      text-align: center;
      font-size: 24px;
      margin-bottom: 12px
   }

   .hero-about__descr-text {
      font-size: 14px;
      text-align: center
   }

   .section-padding {
      padding: 80px 0
   }

   .title {
      margin-bottom: 24px;
      font-size: 32px
   }

   .comparison__body {
      padding: 40px 0;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 12px
   }

   .comparison__col {
      margin-inline: auto;
      max-width: 252px
   }

   .comparison__col:first-child {
      margin-inline: auto
   }

   .comparison__col-sm {
      font-size: 32px
   }

   .comparison__name {
      margin-bottom: 12px;
      font-size: 32px
   }

   .comparison__graphic {
      margin-bottom: 12px
   }

   .comparison__label {
      border-radius: 32px;
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
      background: rgba(0, 0, 0, .5);
      padding: 2px 8px 4px;
      width: 72px;
      margin-inline: auto
   }

   .comparison__advantages {
      padding-top: 12px
   }

   .comparison__descriptions {
      top: 10px;
      display: block;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      left: 50%
   }

   .comparison__description {
      border-radius: 300px;
      -webkit-backdrop-filter: blur(90px);
      backdrop-filter: blur(90px);
      background: rgba(255, 255, 255, .04)
   }

   .comparison__description:not(:first-child) {
      display: none
   }

   .comparison__description::after,
   .comparison__description::before {
      content: none;
      display: none
   }

   .advantages__body {
      padding: 50px 0
   }

   .advantages__slide {
      width: calc(96% - 44px);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative;
      gap: 0;
      padding: 20px 20px 80px 20px
   }

   .advantages__slide-title {
      font-size: 24px;
      margin-bottom: 20px;
      max-width: 170px
   }

   .advantages__slide-title img {
      width: 32px;
      height: 32px
   }

   .advantages__slide-description {
      font-size: 14px;
      line-height: 128.571429%;
      font-weight: 400
   }

   .experts__tags {
      padding-left: 20px
   }

   .experts__team {
      grid-template-columns: repeat(3, 1fr);
      max-width: 335px;
      margin-inline: auto
   }

   .services__body {
      padding: 40px 0
   }

   .services__title {
      margin-bottom: 20px
   }

   .services__card {
      border-radius: 12px;
      padding: 20px
   }

   .services__card-name {
      font-size: 24px
   }

   .services__card-subtitle {
      font-size: 14px
   }

   .services__card-text {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
      font-size: 14px
   }

   .services__card-text ul {
      padding-left: 16px
   }

   .services__card-text ul li:not(:last-child) {
      margin-bottom: 4px
   }

   .services__card-col {
      width: 100% !important
   }

   .services__card-col .button {
      width: 100%;
      margin-top: 30px
   }

   .services__card-label {
      font-size: 16px
   }

   .cases__body {
      padding: 40px 0
   }

   .cases__title {
      margin-bottom: 24px;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      margin-inline: auto
   }

   .cases__items {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto
   }

   .case {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-grid-row-span: 1 !important;
      grid-row: span 1 !important;
      max-width: 400px;
      margin-inline: auto
   }

   .case__image img {
      position: static;
      height: 126px
   }

   .case__info {
      padding: 16px 18px 20px
   }

   .case__achievement,
   .case__description {
      margin-bottom: 22px
   }

   .case__achievement {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      gap: 8px;
      font-size: 14px
   }

   .case__achievement span {
      font-size: 24px
   }

   .no-webp .roadmap {
      background-image: url(../img/roadmap-bg-mob.png)
   }

   .roadmap__infographic {
      max-width: 450px;
      margin-inline: auto;
      padding-inline: 10px
   }

   .roadmap__road:not(.roadmap__road-mob) {
      display: none
   }

   .moving-path {
      -webkit-animation: dash-animation-mob 1.8s linear infinite;
      animation: dash-animation-mob 1.8s linear infinite
   }

   .testimonials__body {
      padding-top: 40px;
      padding-bottom: 40px
   }

   .request__body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .request__title {
      font-size: 32px;
      font-weight: 700;
      line-height: 100%;
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: -webkit-gradient(linear, left top, left bottom, from(#5d21c1), to(#9d5bff));
      background: -o-linear-gradient(top, #5d21c1, #9d5bff);
      background: linear-gradient(180deg, #5d21c1, #9d5bff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: 8px
   }

   .request__title span {
      display: none
   }

   .request__subtitle {
      font-size: 16px;
      margin-bottom: 25px;
      text-align: center;
      margin-left: 0
   }

   .request__team {
      text-align: center;
      margin-left: 0
   }

   .request__team p {
      text-wrap: balance;
      color: #fff;
      font-family: Manrope;
      font-size: 24px;
      font-weight: 500;
      line-height: 110%;
      text-align: center;
      background: unset;
      -webkit-background-clip: unset;
      -webkit-text-fill-color: unset
   }

   .request__team-images {
      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
   }

   .request__block-title {
      font-size: 24px;
      margin-bottom: 8px
   }

   .request__block-subtitle {
      font-size: 14px;
      margin-bottom: 12px;
      max-width: 80%;
      margin-inline: auto;
      text-wrap: balance
   }

   .request__form button {
      font-size: 16px
   }

   .request__form-item input,
   .request__form-item textarea {
      font-size: 16px;
      padding: 12px
   }

   .page-head__title {
      font-size: 32px;
      text-align: center;
      line-height: 130%
   }

   .go-top {
      right: 10px;
      bottom: 20px;
      width: 34px;
      height: 34px;
      opacity: 0.7;
   }

   .page-head__subtitle {
      font-size: 16px;
      line-height: 130%;
      text-align: center
   }

   .policy__body {
      padding: 40px 0
   }

   .policy__document {
      font-size: 14px;
      line-height: 140%
   }

   .policy__document p {
      margin: 15px 0
   }

   .policy__document h2 {
      margin: 40px 0 20px;
      text-transform: uppercase
   }

   .policy__document h3 {
      margin: 30px 0 20px
   }

   .policy__document ul {
      padding-left: 20px;
      margin: 15px 0
   }

   .policy__document ul li:not(:last-child) {
      margin-bottom: 10px
   }

   .policy__document ol {
      padding-left: 20px;
      margin: 15px 0
   }

   .policy__document ol li:not(:last-child) {
      margin-bottom: 10px
   }

   .policy__naming {
      font-size: 14px;
      font-weight: 400
   }

   .footer__body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      gap: 40px;
      padding: 80px 0
   }

   .footer__logo {
      max-width: 200px;
      margin-inline: auto;
      margin-bottom: 15px
   }
}

@media (max-width:600px) {
   .menu__body .button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-inline: auto;
      font-size: 16px;
      width: 100%;
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }

   .menu__link {
      font-size: 14px;
      line-height: 118.75%
   }

   .marquee__slide img {
      max-height: 16px
   }

   .advantages__slide-button {
      width: calc(100% - 40px);
      position: absolute;
      bottom: 20px;
      left: 20px
   }

   .advantages__slide-button .button {
      width: 100%;
      height: 40px
   }

   .advantages__content::after,
   .advantages__content::before {
      display: none
   }

   .experts__title {
      text-align: center;
      text-wrap: balance;
      margin-bottom: 30px
   }

   .experts__tag {
      font-size: 14px
   }

   .experts__text {
      font-size: 14px
   }

   .experts__logos-title {
      margin-bottom: 16px;
      text-align: center
   }

   .experts__logos-items img {
      display: inline-block;
      margin-inline: auto;
      max-width: 20%;
      -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
      flex: 0 1 20%
   }

   .experts__teammate-photo {
      width: 48px;
      height: 48px;
      margin-bottom: 8px
   }

   .experts__teammate-name {
      margin-bottom: 4px;
      font-size: 12px;
      max-width: 68px;
      margin-inline: auto
   }

   .experts__teammate-speciality {
      font-size: 10px
   }

   .solutions__title {
      margin-bottom: 12px;
      padding-inline: 20px
   }

   .solutions__subtitle {
      padding-inline: 20px;
      font-size: 14px;
      text-wrap: balance
   }

   .solutions__cards {
      gap: 38px
   }

   .solution {
      border-radius: 12px
   }

   .solution__name {
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%)
   }

   .solution__price {
      text-align: center
   }

   .testimonials__body {
      padding-inline: 20px
   }

   .testimonials__title {
      text-wrap: balance
   }

   .testimonials__title br {
      display: none
   }

   .testimonials__slider {
      padding: 0
   }

   .testimonials__slider-wrapper {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 7px
   }

   .testimonials__slide {
      max-width: 100%
   }

   .request__team-images img {
      margin-right: 6px
   }

   .footer__descr {
      font-size: 14px;
      margin-bottom: 38px
   }

   .footer__socials {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 16px
   }

   .footer__menu {
      gap: 15px
   }

   .footer__link {
      font-size: 16px;
      width: auto
   }

   .footer__contacts {
      gap: 15px
   }

   .footer__contacts a,
   .footer__contacts p {
      font-size: 16px
   }

   .footer__address {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 16px;
      max-width: auto
   }

   .footer__address p {
      max-width: auto
   }

   .footer__policy {
      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-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 8px;
      text-align: center;
      margin-bottom: 15px;
      margin-top: 40px;
   }

   .footer__policy a {
      margin: 0 !important;
      font-size: 16px
   }

   .footer__items {
      grid-template-columns: 1fr;
      align-items: center;
      text-align: center;
   }

   .footer__menu {
      text-align: center;
   }
}

@media (max-width:500px) {
   .button {
      font-size: 14px;
      padding: 12px 16px;
      max-height: 40px
   }

   .hero__info {
      width: 100%
   }

   .hero__buttons {
      width: 100%
   }

   .hero__buttons .button {
      width: 100%
   }

   .hero__descr {
      font-size: 16px;
      margin-top: 8px
   }

   .hero__message:nth-child(2) {
      margin-right: -40px
   }

   .hero-about__descr-text {
      max-width: 250px;
      margin-inline: auto
   }
}

@media (max-width:460px) {
   .roadmap__infographic {
      max-width: 360px
   }
}

@media (max-width:359px) {
   .experts__logos-items img {
      max-width: 18%
   }
}

@media (hover:hover) {
   .menu__link:hover {
      color: #5d21c1
   }

   .wave-btn:hover .wave-btn__waves {
      opacity: 1;
      top: 0
   }

   .hero__buttons .button:hover {
      background: #fff;
      color: #fff
   }

   .case:hover .case__visit {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0)
   }

   .case__visit:hover {
      max-height: 56px;
      background: #5d21c1
   }

   .case__visit:hover svg {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg)
   }

   .roadmap__tips:hover p {
      opacity: 1;
      -webkit-transform: translateY(0) scaleX(1);
      -ms-transform: translateY(0) scaleX(1);
      transform: translateY(0) scaleX(1)
   }

   .request__form button:hover {
      color: #fff;
      border: 2px solid #5d21c1
   }

   .footer__social:hover {
      background: rgba(255, 255, 255, .1)
   }

   .footer__link:hover {
      color: #5d21c1
   }

   .footer__contacts a:hover {
      color: #5d21c1
   }

   .footer__policy a:hover {
      color: #5d21c1
   }

   .policy__document a:hover {
      color: #5d21c1
   }
}

.webp .hero {
   background: url(../img/hero-bg.webp) center/cover no-repeat
}

.webp .hero__message {
   background: url(../img/message.webp) 0 0/100% 100% no-repeat
}

.webp .advantages {
   background-image: url(../img/mod-bg.avif)
}

.webp .services {
   background-image: url(../img/serv-bg.avif)
}

.webp .roadmap {
   background-image: url(../img/roadmap-bg.webp)
}

.webp .solutions {
   background-image: url(../img/serv-bg.avif)
}

.webp .request {
   background-image: url(../img/request-bg.avif)
}

@media (max-width:767px) {
   .webp .hero {
      background: url(../img/hero-bg.webp) 32% 0/1000px auto no-repeat
   }

   .request,
   .solutions,
   .services,
   .advantages {
      background-attachment: scroll
   }

   .solutions__subtitle {
      margin-bottom: 10px
   }
}

@media (max-width:767px) {
   .webp .roadmap {
      background-image: url(../img/roadmap-bg-mob.webp)
   }
}