/* @font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(static/1-3144c757f918cf243e23ad9a3dbd86a8.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(static/2-d7a93bb2f8f6b752dc7071ef8b2fa2dd.woff2) format("woff2");
  unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(static/3-17f3c06161ba4e867bea99fe86130659.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+1ea0-1ef9, u+20ab;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(static/4-7cd4dd8390a27f0a0afbfc8540503066.woff2) format("woff2");
  unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf,
    u+2113, u+2c60-2c7f, u+a720-a7ff;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(static/5-008898cbb48d8012cdddbadd737f8e2b.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215,
    u+feff, u+fffd;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(static/6-3144c757f918cf243e23ad9a3dbd86a8.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(static/7-d7a93bb2f8f6b752dc7071ef8b2fa2dd.woff2) format("woff2");
  unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(static/8-17f3c06161ba4e867bea99fe86130659.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+1ea0-1ef9, u+20ab;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(static/9-7cd4dd8390a27f0a0afbfc8540503066.woff2) format("woff2");
  unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf,
    u+2113, u+2c60-2c7f, u+a720-a7ff;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(static/10-008898cbb48d8012cdddbadd737f8e2b.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215,
    u+feff, u+fffd;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(static/11-3144c757f918cf243e23ad9a3dbd86a8.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(static/12-d7a93bb2f8f6b752dc7071ef8b2fa2dd.woff2) format("woff2");
  unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(static/13-17f3c06161ba4e867bea99fe86130659.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+1ea0-1ef9, u+20ab;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(static/14-7cd4dd8390a27f0a0afbfc8540503066.woff2) format("woff2");
  unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf,
    u+2113, u+2c60-2c7f, u+a720-a7ff;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(static/15-008898cbb48d8012cdddbadd737f8e2b.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215,
    u+feff, u+fffd;
}

@font-face {
  font-family: gd;
  src: url(static/gd-85d44098424ce92d06160568544202f7.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
} */

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

.gd-icon-database:before {
  content: "i";
}

.gd-icon-rocket:before {
  content: "j";
}

.gd-icon-front-end:before {
  content: "k";
}

.gd-icon-lightbulb:before {
  content: "l";
}

.gd-icon-comment:before {
  content: "m";
}

.gd-icon-mobile-call:before {
  content: "n";
}

.gd-icon-pencil:before {
  content: "o";
}

.gd-icon-briefcase:before {
  content: "p";
}

.gd-icon-chip:before {
  content: "q";
}

.gd-icon-diamond:before {
  content: "a";
}

.gd-icon-back-end:before {
  content: "b";
}

.gd-icon-round-the-clock:before {
  content: "d";
}

.gd-icon-outsourcing:before {
  content: "e";
}

.gd-icon-checkbox:before {
  content: "c";
}

.gd-icon-star:before {
  content: "h";
}

.gd-icon-users:before {
  content: "g";
}

.gd-icon-stopwatch:before {
  content: "r";
}

.gd-icon-government-building:before {
  content: "s";
}

.gd-icon-trophy-alt:before {
  content: "t";
}

.gd-icon-headphones:before {
  content: "u";
}

.gd-icon-tree:before {
  content: "v";
}

.gd-icon-star-badge:before {
  content: "w";
}

.gd-icon-map-marker:before {
  content: "x";
}

.gd-icon-custom-software:before {
  content: "y";
}

.gd-icon-analytics:before {
  content: "D";
}

.gd-icon-restaurant:before {
  content: "E";
}

.gd-icon-warranty:before {
  content: "F";
}

.gd-icon-wallet:before {
  content: "G";
}

.gd-icon-devices:before {
  content: "H";
}

.gd-icon-aircraft:before {
  content: "I";
}

.gd-icon-envelope:before {
  content: "J";
}

.gd-icon-skype:before {
  content: "K";
}

.gd-icon-telephone:before {
  content: "A";
}

.gd-icon-worldwide:before {
  content: "C";
}

.gd-icon-arrow-right:before {
  content: "z";
}

.gd-icon-left-arrow:before {
  content: "L";
}

.gd-icon-right-arrow:before {
  content: "M";
}

.gd-icon-quotes:before {
  content: "N";
}

*,
:after,
:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

main {
  overflow: hidden;
}

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

img,
picture {
  display: inline-block;
}

input {
  outline: none;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

canvas {
  position: fixed;
  z-index: 3000000000;
  top: 0;
  left: 0;
  display: block;
  pointer-events: none;
}

.no-pointer * {
  cursor: none !important;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.container {
  max-width: 1230px;
}

.container,
.container-fluid {
  min-width: 320px;
  padding-right: 15px;
  padding-left: 15px;
  margin: 0 auto;
}

.container-fluid {
  width: 100%;
}

.container-header {
  display: flex;
  flex-wrap: wrap;
}

@media (max-height: 768px) and (max-width: 1440px) {
  .smaller-container .banner .container,
  .smaller-container .header .container {
    max-width: 1180px;
  }
}

.hero-half-screen {
  min-height: 50vh;
  padding: 30px 0;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.hero-half-screen__title {
  text-transform: uppercase;
  padding: 70px 15px;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 34px;
}

.hero-half-screen__title span {
  font-weight: 300;
  font-size: inherit;
  line-height: inherit;
}

.hero-desktop-half-screen {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  color: #fff;
  padding: 50px 0;
}

.hero-desktop-half-screen__title {
  text-transform: uppercase;
  font-size: 26px;
  text-align: center;
  padding: 35px 15px 0;
}

.hero-desktop-half-screen__title span {
  font-weight: 300;
  font-size: inherit;
  line-height: inherit;
}

.section-heading {
  margin-bottom: 30px;
}

.section-heading a {
  display: inline-block;
  color: currentColor;
}

.section-heading h3 {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}

.section-heading h3 span {
  color: #ffde17;
  font-weight: 300;
  font-size: inherit;
}

.section-heading h3:after {
  content: "";
  width: 105px;
  height: 3px;
  display: block;
  margin: 20px auto;
  background-color: #ffde17;
}

.section-heading_black {
  margin-bottom: 60px;
}

.section-heading_black h3 {
  color: #01101f;
  text-shadow: 1px 1px 1px #fff;
}

.section-heading_black h3 span {
  color: inherit;
}

.section-heading_black h3:after {
  background-color: #01101f;
}

.section-heading_yellow h3 {
  color: #01101f;
}

.section-heading_yellow h3 span {
  color: #ffde17;
  font-weight: inherit;
}

.section-heading_yellow h3:after {
  background-color: #ffde17;
}

.section-heading_yellow-underline h3,
.section-heading_yellow-underline h3 span {
  color: #01101f;
}

.section-heading_yellow-underline:after {
  background-color: #ffde17;
}

.section-heading_orange h3 span {
  color: #fda61c;
}

.section-heading_black-orange h3 {
  color: #01101f;
}

.section-heading_black-orange h3 span {
  color: #fda61c;
}

.section-subheading p {
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 112px;
}

.dots-bg {
  /* background-image: url(static/dots-bg-375-fd326f38d3e63efa1eeacd6f7946343f.png); */
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.dots-bg_yellow {
  background-color: #fec608;
}

.dots-bg_blue {
  background-color: #1d2033;
  background-blend-mode: overlay;
}

.dots-bg_white {
  background-image: none;
  background-color: #fff;
  position: relative;
}

.dots-bg_white:after {
  pointer-events: none;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(static/dots-bg-375-fd326f38d3e63efa1eeacd6f7946343f.png);
  background-position: 50%;
  background-size: cover;
  background-repeat: repeat-y;
  background-color: #fff;
  background-blend-mode: difference;
  opacity: 0.15;
}

.parallax {
  background-attachment: fixed;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.btn {
  overflow: hidden;
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  line-height: normal;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: #01101f;
  background-color: #ffde17;
  border-radius: 24px;
  cursor: pointer;
}

.btn:after {
  background: #fff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.4;
  position: absolute;
  top: -70px;
  transform: rotate(35deg);
  width: 70px;
  z-index: 2;
}

.btn:after,
.btn:hover:after {
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn:hover:after {
  left: 120%;
}

.btn_orange {
  background-color: #fda61c;
}

.ordered-list {
  list-style-type: decimal;
  padding-left: 40px;
  margin-bottom: 16px;
}

.ordered-list-item {
  display: list-item;
  list-style-type: decimal;
  line-height: 1.5;
}

.bullet-list {
  list-style-type: disc;
  padding-left: 40px;
  margin-bottom: 16px;
}

.bullet-list-item {
  display: list-item;
  list-style-type: disc;
  line-height: 1.5;
}

.rounded-list {
  list-style-type: circle;
  padding-left: 40px;
  margin-bottom: 16px;
}

.rounded-list-item {
  display: list-item;
  list-style-type: circle;
  line-height: 1.5;
}

.dashed-list {
  list-style-type: none;
  padding-left: 20px;
  margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
  .dashed-list {
    padding-left: 40px;
  }
}

.dashed-list-item {
  display: list-item;
  list-style-type: none;
  line-height: 1.5;
}

.dashed-list-item:before {
  content: "-";
  margin-right: 14px;
}

.dashed-list-item h3 {
  display: inline;
  font-weight: inherit;
  font-size: inherit;
}

.dashed-list-item h4 {
  display: inline;
  font-weight: 700;
  font-size: inherit;
}

.no-markers-list li {
  margin-bottom: 16px;
  line-height: 1.5;
}

.new .container {
  width: 100%;
  min-width: 375px;
  max-width: 1288px;
  padding: 0 24px;
  margin: 0 auto;
  margin-top: 20px;
}

.new .container-fluid {
  width: 100%;
  min-width: 320px;
  padding-right: 15px;
  padding-left: 15px;
  margin: 0 auto;
}

.new.dots-bg,
.new .dots-bg {
  position: relative;
  background-image: linear-gradient(90deg, #3f194b 0, #501a69 50.02%, #1f2981);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-top: 30px;
  margin-bottom: 20px;
}

.new.dots-bg:after,
.new .dots-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-image: url(static/dots-bg-3670bb32848af4cf47411cb958b62bd1.png); */
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  overflow: hidden;
  pointer-events: none;
  mix-blend-mode: overlay;
  opacity: 0.75;
  z-index: 1;
}

.new.dots-bg .container,
.new .dots-bg .container {
  position: relative;
  z-index: 5;
}

.new.dots-bg_upper:after,
.new .dots-bg_upper:after {
  /* background-image: url(static/dots-bg-upper-c0e8b20d7c654641aedf5873dd8df95b.png); */
  background-position: center 0;
  height: 300px;
}

.new .five-stars__sprite {
  width: 96px;
  height: 16px;
  position: relative;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj48cGF0aCBkPSJNMTUuOTU4MiA2LjEzNzE4QzE1Ljg1MjggNS44MTMyIDE1LjU2NTUgNS41ODM4MyAxNS4yMjY4IDUuNTUzMTlMMTAuNjA4MSA1LjEzMzg3TDguNzgyNzUgMC44NjAzNkM4LjY0Nzk4IDAuNTQ2MzkgOC4zNDEzNCAwLjM0Mzc1IDguMDAwMDIgMC4zNDM3NUM3LjY1ODcxIDAuMzQzNzUgNy4zNTE5NCAwLjU0NjM5IDcuMjE4MDMgMC44NjAzNkw1LjM5MjY4IDUuMTMzODdMMC43NzMyMTYgNS41NTMxOUMwLjQzNDU4NyA1LjU4NDQ0IDAuMTQ3ODM5IDUuODEzODEgMC4wNDE4ODA1IDYuMTM3MThDLTAuMDYzNDY3OSA2LjQ2MTE2IDAuMDMzODIzNyA2LjgxNjUxIDAuMjg5OTMyIDcuMDQxMTNMMy43ODEzMiAxMC4xMDI2TDIuNzUxODkgMTQuNjM2NkMyLjY3NjU3IDE0Ljk3IDIuODA1OTYgMTUuMzE0NyAzLjA4MjU4IDE1LjUxNDdDMy4yMzEyNiAxNS42MjI3IDMuNDA1OTUgMTUuNjc2NiAzLjU4MTI1IDE1LjY3NjZDMy43MzE4OCAxNS42NzY2IDMuODgyNjQgMTUuNjM2NiA0LjAxNzI5IDE1LjU1Nkw4LjAwMDAyIDEzLjE3NDdMMTEuOTgyIDE1LjU1NkMxMi4yNzQxIDE1LjczMDYgMTIuNjQxNSAxNS43MTQ2IDEyLjkxNzUgMTUuNTE0N0MxMy4xOTQxIDE1LjMxNDcgMTMuMzIzNSAxNC45NyAxMy4yNDgyIDE0LjYzNjZMMTIuMjE4NyAxMC4xMDI2TDE1LjcxMDEgNy4wNDExM0MxNS45NjYxIDYuODE2NTEgMTYuMDYzNSA2LjQ2MTg5IDE1Ljk1ODIgNi4xMzcxOFoiIGZpbGw9IiNGRkNFMUYiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMCI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
  background-repeat: space no-repeat;
  background-size: 18px 16px;
  background-position: 0 100%;
}

@media screen and (min-width: 375px) {
  .dots-bg,
  .dots-bg_white:after {
    /* background-image: url(static/dots-bg-768-417f854abdb199fbc9095f371eedabd3.png); */
  }
}

@media screen and (min-width: 768px) {
  .section-heading a {
    transform: scale(1);
    transition: transform 0.3s;
  }

  .section-heading a:hover {
    transform: scale(1.03);
  }

  .section-heading h3 {
    font-size: 36px;
  }

  .dots-bg,
  .dots-bg_white:after {
    background-image: url(static/dots-bg-199c5e72d0491143b33fcb2cb4b3c7ee.png);
  }

  .hero-half-screen__title {
    font-size: 48px;
  }

  .hero-desktop-half-screen {
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hero-desktop-half-screen__title {
    font-size: 48px;
  }
}

@media screen and (min-width: 990px) {
  .container-header {
    flex-wrap: nowrap;
  }
}

@media screen and (min-width: 1024px) {
  .fade-in .container,
  .fade-in .container:after,
  .fade-in .container:before,
  .fade-in:after,
  .fade-in:before {
    opacity: 0;
    transition: opacity 1.3s;
  }

  .fade-in_visible .container,
  .fade-in_visible .container:after,
  .fade-in_visible .container:before,
  .fade-in_visible:after,
  .fade-in_visible:before {
    opacity: 1;
  }

  .new .dots-bg:after {
    background-size: 130%;
    background-position: 50%;
  }

  .new .dots-bg_upper:after {
    background-size: 100%;
  }
}

@-webkit-keyframes animatePaws {
  0% {
    transform: rotate(20deg);
  }

  to {
    transform: rotate(-10deg);
  }
}

@keyframes animatePaws {
  0% {
    transform: rotate(20deg);
  }

  to {
    transform: rotate(-10deg);
  }
}

@-webkit-keyframes sectionFadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes sectionFadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes headerSlideIn {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  padding: 16px 0;
  background-color: transparent;
  z-index: 3000000000;
  transition: background-color 0.3s;
}

@media (min-width: 1200px) {
  .header {
    height: 74px;
    padding: 0;
  }
}

.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 1200px) {
  .header .container {
    height: inherit;
    justify-content: space-between;
  }
}

.header .gecko-fill {
  fill: #fff;
  transition: fill 0.3s;
}

.header-logo__link {
  width: 173px;
  height: 32px;
}

.header-logo__link svg {
  width: inherit;
  height: inherit;
}

@media (min-width: 1200px) {
  .header-logo__link {
    width: 192px;
    height: 35px;
  }
}

.header-burger {
  display: block !important;
  width: 24px;
  height: 24px;
  padding: 3px;
  position: relative;
  z-index: 50;
}

@media (min-width: 1200px) {
  .header-burger {
    display: none !important;
  }
}

.header-burger span {
  display: block;
  width: 18px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #fff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

.header-burger span:first-child {
  transform-origin: 0 0;
}

.header-burger span:nth-last-child(2) {
  transform-origin: 0 100%;
}

.header-checkbox__input {
  display: none;
}

.header-checkbox__input:checked + .header-burger span {
  opacity: 1;
  transform: rotate(45deg) translate(3px);
}

.header-checkbox__input:checked + .header-burger span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2);
}

.header-checkbox__input:checked + .header-burger span:nth-last-child(2) {
  transform: rotate(-45deg) translate(1px, 1px);
}

.header-checkbox__input:checked ~ .header-nav {
  opacity: 1;
  pointer-events: auto;
}

.header-nav {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 47px 24px 40px;
  overflow-y: auto;
  background-image: linear-gradient(90deg, #13152b 0, #151b50 50.02%, #1c2365);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}

@media (min-width: 1200px) {
  .header-nav {
    display: flex !important;
    justify-content: flex-end;
    width: auto;
    padding: 0;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
    position: static;
    background-image: unset;
    transition: opacity 0.3s;
  }
}

@media (min-width: 1200px) {
  .header-list,
  .header-nav {
    align-items: center;
    height: inherit;
  }

  .header-list {
    display: flex;
  }

  .header-list:hover .header-item__link {
    opacity: 0.5;
  }

  .header-list:hover .header-item__link:hover {
    opacity: 1;
  }
}

@media (min-width: 1200px) {
  .header-item {
    height: inherit;
    margin-right: 32px;
  }

  .header-item_company .header-item-dropdown {
    width: 186px;
  }

  .header-item_services .header-item-dropdown {
    display: flex;
    width: 578px;
  }

  .header-item_services .header-item-submenu {
    flex-grow: 1;
  }

  .header-item_services .header-item-submenu:nth-child(2) {
    margin-top: 0;
  }

  .header-item_expertise .header-item-dropdown {
    display: flex;
    flex-direction: row-reverse;
    width: 520px;
  }

  .header-item_expertise .header-item-submenu {
    flex-grow: 1;
  }

  .header-item_expertise .header-item-submenu:nth-child(2) {
    margin-top: 0;
    width: 60%;
  }

  .header-item:hover .header-item__link {
    opacity: 1;
  }

  .header-item:hover .header-item__link:after {
    transform: scaleY(-1);
  }
}

@media (min-width: 1200px) {
  .header-item_dropdown {
    position: relative;
  }
}

.header-item_dropdown .header-item__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-item_dropdown .header-item__link:after {
  content: "";
  width: 24px;
  height: 24px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0002 9.16994C16.8128 8.98369 16.5594 8.87915 16.2952 8.87915C16.031 8.87915 15.7776 8.98369 15.5902 9.16994L12.0002 12.7099L8.46019 9.16994C8.27283 8.98369 8.01938 8.87915 7.75519 8.87915C7.49101 8.87915 7.23756 8.98369 7.05019 9.16994C6.95646 9.26291 6.88207 9.37351 6.8313 9.49537C6.78053 9.61723 6.75439 9.74793 6.75439 9.87994C6.75439 10.012 6.78053 10.1427 6.8313 10.2645C6.88207 10.3864 6.95646 10.497 7.05019 10.5899L11.2902 14.8299C11.3832 14.9237 11.4938 14.9981 11.6156 15.0488C11.7375 15.0996 11.8682 15.1257 12.0002 15.1257C12.1322 15.1257 12.2629 15.0996 12.3848 15.0488C12.5066 14.9981 12.6172 14.9237 12.7102 14.8299L17.0002 10.5899C17.0939 10.497 17.1683 10.3864 17.2191 10.2645C17.2699 10.1427 17.296 10.012 17.296 9.87994C17.296 9.74793 17.2699 9.61723 17.2191 9.49537C17.1683 9.37351 17.0939 9.26291 17.0002 9.16994Z' fill='white'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transform: scaleY(1);
  transition: transform 0.3s;
}

.header-item_dropdown a.header-item__link {
  display: none;
}

@media (min-width: 1200px) {
  .header-item_dropdown a.header-item__link {
    display: flex;
  }

  .header-item_dropdown a.header-item__link + label {
    display: none;
  }
}

.header-item_dropdown
  .header-item__checkbox:checked
  ~ .header-item__link:after {
  transform: scaleY(-1);
}

.header-item_dropdown .header-item__checkbox:checked ~ .header-item-dropdown {
  max-height: 600px;
  padding: 32px;
}

@media (min-width: 1200px) {
  .header-item_dropdown .header-item__checkbox:checked ~ .header-item-dropdown {
    max-height: unset;
    padding: 40px;
  }
}

.header-item__link {
  display: block;
  height: inherit;
  padding: 31px 0 25px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #fff;
}

@media (min-width: 1200px) {
  .header-item__link {
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
  }

  .header-item__link:hover ~ .header-item-dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 15;
  }
}

.header-item-dropdown {
  max-height: 0;
  padding: 0 32px;
  border-radius: 20px;
  color: #131a58;
  background-color: #fff;
  overflow: hidden;
  transition: all 0.3s;
  transition-timing-function: linear;
}

@media (min-width: 1200px) {
  .header-item-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0 0 20px 20px;
    max-height: unset;
    padding: 40px;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 5;
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.08);
  }

  .header-item-dropdown:hover {
    opacity: 1;
    pointer-events: auto;
    z-index: 15;
  }
}

.header-item-submenu + .header-item-submenu {
  margin-top: 32px;
}

.header-item-submenu__title {
  display: block;
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.header-item-submenu-elem {
  padding: 16px 0;
}

.header-item-submenu-elem:first-child {
  padding-top: 0;
}

.header-item-submenu-elem:last-child {
  padding-bottom: 0;
}

.header-item-submenu-elem-link {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: currentColor;
}

@media (min-width: 1200px) {
  .header-item-submenu-elem-link {
    transition: color 0.3s;
  }

  .header-item-submenu-elem-link:hover {
    color: #1780ff;
  }
}

.header-item-submenu-elem-link svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 14px;
}

.header-contact .button.button_secondary {
  width: 100%;
  padding: 12px 16px;
  text-align: center;
}

@media (min-width: 1200px) {
  .header-contact .button.button_secondary {
    border-radius: 4px;
    color: #fff;
    border-color: #fff;
    font-size: 16px;
    line-height: 20px;
  }

  .header-contact .button.button_secondary:hover {
    color: #131a58;
    background-color: #fff;
    border-radius: 4px;
  }
}

.header_light,
.header_light-from-top {
  background-color: #fff;
  color: #131a58;
  box-shadow: 0 0 20px rgba(13, 21, 68, 0.2);
}

.header_light-from-top .gecko-fill,
.header_light .gecko-fill {
  fill: #131a58;
}

.header_light-from-top .header-burger span,
.header_light .header-burger span {
  background-color: #131a58;
}

.header_light-from-top .header-checkbox__input:checked + .header-burger span,
.header_light .header-checkbox__input:checked + .header-burger span {
  background-color: #fff;
}

@media (min-width: 1200px) {
  .header_light-from-top .header-item__link,
  .header_light .header-item__link {
    color: #131a58;
  }

  .header_light-from-top .header-item__link:after,
  .header_light .header-item__link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0002 9.16994C16.8128 8.98369 16.5594 8.87915 16.2952 8.87915C16.031 8.87915 15.7776 8.98369 15.5902 9.16994L12.0002 12.7099L8.46019 9.16994C8.27283 8.98369 8.01938 8.87915 7.75519 8.87915C7.49101 8.87915 7.23756 8.98369 7.05019 9.16994C6.95646 9.26291 6.88207 9.37351 6.8313 9.49537C6.78053 9.61723 6.75439 9.74793 6.75439 9.87994C6.75439 10.012 6.78053 10.1427 6.8313 10.2645C6.88207 10.3864 6.95646 10.497 7.05019 10.5899L11.2902 14.8299C11.3832 14.9237 11.4938 14.9981 11.6156 15.0488C11.7375 15.0996 11.8682 15.1257 12.0002 15.1257C12.1322 15.1257 12.2629 15.0996 12.3848 15.0488C12.5066 14.9981 12.6172 14.9237 12.7102 14.8299L17.0002 10.5899C17.0939 10.497 17.1683 10.3864 17.2191 10.2645C17.2699 10.1427 17.296 10.012 17.296 9.87994C17.296 9.74793 17.2699 9.61723 17.2191 9.49537C17.1683 9.37351 17.0939 9.26291 17.0002 9.16994Z' fill='%23131A58'/%3E%3C/svg%3E");
  }
}

@media (min-width: 1200px) {
  .header_light-from-top .header-contact .button.button_secondary,
  .header_light .header-contact .button.button_secondary {
    color: #131a58;
    border-color: #131a58;
    font-size: 16px;
    line-height: 20px;
  }

  .header_light-from-top .header-contact .button.button_secondary:hover,
  .header_light .header-contact .button.button_secondary:hover {
    color: #fff;
    background-color: #131a58;
    border-radius: 4px;
  }
}

.make-header-light .header {
  background-color: hsla(0, 0%, 100%, 0);
  color: #131a58;
  box-shadow: 0 0 0 rgba(13, 21, 68, 0.2);
  transition: box-shadow 0.3s;
}

.make-header-light .header .gecko-fill {
  fill: #131a58;
}

.make-header-light .header .header-burger span {
  background-color: #131a58;
}

.make-header-light
  .header
  .header-checkbox__input:checked
  + .header-burger
  span {
  background-color: #fff;
}

@media (min-width: 1200px) {
  .make-header-light .header .header-item__link {
    color: #131a58;
  }

  .make-header-light .header .header-item__link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0002 9.16994C16.8128 8.98369 16.5594 8.87915 16.2952 8.87915C16.031 8.87915 15.7776 8.98369 15.5902 9.16994L12.0002 12.7099L8.46019 9.16994C8.27283 8.98369 8.01938 8.87915 7.75519 8.87915C7.49101 8.87915 7.23756 8.98369 7.05019 9.16994C6.95646 9.26291 6.88207 9.37351 6.8313 9.49537C6.78053 9.61723 6.75439 9.74793 6.75439 9.87994C6.75439 10.012 6.78053 10.1427 6.8313 10.2645C6.88207 10.3864 6.95646 10.497 7.05019 10.5899L11.2902 14.8299C11.3832 14.9237 11.4938 14.9981 11.6156 15.0488C11.7375 15.0996 11.8682 15.1257 12.0002 15.1257C12.1322 15.1257 12.2629 15.0996 12.3848 15.0488C12.5066 14.9981 12.6172 14.9237 12.7102 14.8299L17.0002 10.5899C17.0939 10.497 17.1683 10.3864 17.2191 10.2645C17.2699 10.1427 17.296 10.012 17.296 9.87994C17.296 9.74793 17.2699 9.61723 17.2191 9.49537C17.1683 9.37351 17.0939 9.26291 17.0002 9.16994Z' fill='%23131A58'/%3E%3C/svg%3E");
  }
}

@media (min-width: 1200px) {
  .make-header-light .header .header-contact .button.button_secondary {
    color: #131a58;
    border-color: #131a58;
    font-size: 16px;
    line-height: 20px;
  }

  .make-header-light .header .header-contact .button.button_secondary:hover {
    color: #fff;
    background-color: #131a58;
    border-radius: 4px;
  }
}

.make-header-light .header_light {
  background-color: #fff;
  color: #131a58;
  box-shadow: 0 0 20px rgba(13, 21, 68, 0.2);
}

.contact {
  padding: 35px 0;
}

.contact-thankyou-secton {
  padding: 50px 0;
}

@media (min-width: 1024px) {
  .contact-thankyou-secton {
    padding: 100px 0;
  }
}

.contact-thankyou {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  min-height: 50vh;
  padding: 30px 10px;
  display: none;
}

.contact-thankyou_visible {
  display: flex;
  align-items: center;
  min-height: auto;
  height: 50vh;
}

.contact-thankyou__text {
  margin: auto;
  text-align: center;
}

.contact-thankyou__text h3,
.contact-thankyou__text span {
  font-size: 26px;
  line-height: 1.5;
  text-transform: uppercase;
}

.contact-thankyou__text h3 {
  font-weight: 700;
}

.contact-thankyou__text h3:after {
  content: "";
  width: 105px;
  height: 3px;
  display: block;
  margin: 20px auto;
  background-color: #ffde17;
}

.contact-thankyou__text span {
  font-weight: 300;
}

@media screen and (min-width: 768px) {
  .contact-thankyou__text h3,
  .contact-thankyou__text span {
    font-size: 36px;
  }
}

.new .contact {
  color: #fff;
  padding: 100px 0;
  position: relative;
}

.new .contact_contact-show-popup {
  z-index: 1500;
}

.new .contact-popup-checkbox {
  display: none;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.new .contact-popup-checkbox:checked + .contact {
  z-index: 3000000050;
}

.new .contact-popup-checkbox:checked + .contact .contact-popup {
  display: block !important;
  opacity: 1;
}

.new
  .contact-popup-checkbox:checked
  + .contact
  .contact-popup
  .contact-form__submit {
  opacity: 1;
}

.new .contact-partners {
  text-align: center;
}

.new .contact-partners__title.h3 {
  margin-bottom: 28px;
  position: relative;
  font-size: 30px;
}

.new .contact-partners__title.h3:after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 50%;
  height: 2px;
  width: 81px;
  background-color: #fff;
  transform: translateX(-50%);
}

.new .contact-partners__caption.h3 {
  color: #ffce1f;
  display: block;
  margin-bottom: 40px;
  font-size: 30px;
}

.new .contact-partners__btn {
  cursor: pointer;
}

.new .contact-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: none;
  z-index: 5;
  background-image: linear-gradient(68.66deg, #13152b, #151b50 50.02%, #1c2365);
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0;
}

.new .contact-popup-close {
  position: absolute;
  top: 3px;
  right: 12px;
  padding: 7px;
  width: 46px;
  height: 46px;
  z-index: 10;
  cursor: pointer;
}

.new .contact-popup-close__btn {
  display: block;
  width: 32px;
  height: 32px;
  position: relative;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 8L8 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8L24 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 8L8 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8L24 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: scale(1);
  background-color: #fff;
  transition: transform 0.3s, background-color 0.3s;
}

.new .contact-popup-close:hover .contact-popup-close__btn {
  transform: scale(1.2);
  background-color: #ffce1f;
}

.new .contact-popup-inner {
  position: relative;
  z-index: 5;
  padding: 0 24px;
}

.new .contact-popup-inner__logo {
  width: 173px;
  height: 32px;
  margin-top: 3px;
  margin-bottom: 64px;
}

.new .contact-description {
  display: none;
}

.new .contact-main__title {
  font-weight: 700;
  letter-spacing: -0.04em;
}

.new .contact-main__title br {
  display: none;
}

.new .contact-form input:-webkit-autofill,
.new .contact-form input:-webkit-autofill:focus,
.new .contact-form input:-webkit-autofill:hover,
.new .contact-form textarea:-webkit-autofill,
.new .contact-form textarea:-webkit-autofill:focus,
.new .contact-form textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

.new .contact-form-row {
  display: block;
  position: relative;
}

.new .contact-form-row_inline {
  display: inline-flex;
  margin-top: 16px;
  margin-right: 40px;
  align-items: center;
}

.new .contact-form-row_inline:last-of-type {
  margin-right: 0;
}

.new .contact-form__input,
.new .contact-form__text-area {
  display: block;
  outline: none;
  background-color: transparent;
  width: 100%;
  height: 57px;
  margin-bottom: 24px;
  border: none;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.25);
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
}

.new .contact-form__input::-moz-placeholder,
.new .contact-form__text-area::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.35);
}

.new .contact-form__input::placeholder,
.new .contact-form__text-area::placeholder {
  color: hsla(0, 0%, 100%, 0.35);
}

.new .contact-form__input[name="phone"] + .contact-form__invalid,
.new .contact-form__text-area[name="phone"] + .contact-form__invalid {
  bottom: -25px;
}

.new .contact-form__text-area {
  height: 40px;
  margin-top: 40px;
}

.new .contact-form__invalid {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 24px;
  color: #ffce1f;
}

.new .contact-form__checkbox {
  display: none;
}

.new .contact-form__checkbox-checkmark {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 16px;
  border: 2px solid hsla(0, 0%, 100%, 0.25);
  transition: border 0.3s;
  border-radius: 3px;
}

.new .contact-form__checkbox-checkmark:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  background-color: #fff;
  opacity: 0;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4.5L6.75 12.75L3 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4.5L6.75 12.75L3 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: opacity 0.3s;
}

.new .contact-form__checkbox-caption {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}

.new .contact-form__checkbox:checked ~ .contact-form__checkbox-checkmark {
  border: 2px solid #fff;
}

.new .contact-form__checkbox:checked ~ .contact-form__checkbox-checkmark:after {
  opacity: 1;
}

.new .contact-form__submit {
  font-family: Mulish, sans-serif;
  font-weight: 700;
  margin-top: 40px;
  opacity: 0;
  letter-spacing: -0.3px;
}

.new .contact .preloader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2000;
}

.new .contact .preloader-circle {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 50%;
  border: 4px solid #ffce1f;
  border-right-color: rgba(255, 206, 31, 0.3);
  -webkit-animation: spinning 1s linear infinite;
  animation: spinning 1s linear infinite;
}

.new .contact .preloader_visible {
  display: block;
}

@-webkit-keyframes spinning {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

@media (min-width: 768px) {
  .new .contact-partners__title.h3 {
    margin-bottom: 16px;
    font-size: 36px;
    line-height: 80px;
    text-align: center;
    letter-spacing: -0.04em;
  }

  .new .contact-partners__title.h3:after {
    bottom: -12px;
  }

  .new .contact-partners__caption.h3 {
    margin-bottom: 39px;
    font-size: 36px;
    line-height: 80px;
    text-align: center;
    letter-spacing: -0.04em;
  }
}

@media screen and (min-width: 1024px) {
  .new .contact {
    padding-top: 109px;
    padding-bottom: 108px;
  }

  .new .contact-partners__caption.h3,
  .new .contact-partners__title.h3 {
    font-size: 64px;
  }

  .new .contact-popup {
    padding: 100px 24px;
    display: flex;
    align-items: center;
  }

  .new .contact-popup-close {
    top: 98px;
  }

  .new .contact-popup-inner {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1288px;
  }

  .new .contact-popup-inner__logo {
    display: none;
  }

  .new .contact-description {
    flex-shrink: 0;
    display: block;
    position: relative;
    width: 419px;
    margin-right: 50px;
    color: #131a58;
  }

  .new .contact-description:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 659px;
    height: 1262px;
    background-color: #fff;
    border: 40px solid #ffce1f;
    border-radius: 0 298px;
    pointer-events: none;
  }

  .new .contact-description-inner {
    position: relative;
    z-index: 5;
    width: 292px;
  }

  .new .contact-description-inner .why-us-clutch {
    color: #131a58;
  }

  .new .contact-description-inner .why-us-clutch a {
    color: currentColor;
    font-weight: 700;
  }

  .new .contact-description__item {
    display: flex;
    align-items: center;
    margin-bottom: 64px;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.01em;
  }

  .new .contact-description__item img {
    height: 36px;
    width: 36px;
    flex-shrink: 0;
    margin-right: 24px;
  }

  .new .contact-main {
    min-width: 418px;
    max-width: 714px;
    width: 50%;
  }

  .new .contact-main__title br {
    display: inline;
  }
}

@media screen and (min-width: 1288px) {
  .new .contact-popup-close {
    top: 78px;
    right: 93px;
  }

  .new .contact-popup-inner {
    margin: 0 auto;
    max-width: 1288px;
  }

  .new .contact-description {
    margin-right: 106px;
    width: 421px;
    flex-shrink: 0;
  }

  .new .contact-description__item img {
    margin-right: 26px;
  }

  .new .contact-description__item:last-of-type {
    margin-bottom: 80px;
  }

  .new .contact-description .why-us-clutch p {
    margin-top: 4px;
  }

  .new .contact-main {
    width: 714px;
  }

  .new .contact-main__title {
    letter-spacing: -0.03em;
  }

  .new .contact-form__submit {
    margin-top: 36px;
    padding: 20px 38px;
  }
}

.new .footer {
  padding: 48px 0;
  color: #fff;
  background-image: linear-gradient(90deg, #13152b 0, #151b50 50.02%, #1c2365);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  position: relative;
}

.new .footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: hsla(0, 0%, 100%, 0.25);
}

.new .footer-heading {
  font-weight: 800;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  margin-bottom: 24px;
}

.new .footer-heading a {
  color: #ffce1f;
}

.new .footer-heading a:hover {
  color: #ffce1f;
  text-decoration: underline;
}

.new .footer-contact {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 16px;
  margin-bottom: 24px;
}

.new .footer-contact svg {
  width: 100%;
  height: 100%;
}

.new .footer-about {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.new .footer-about-col {
  margin-right: 30px;
}

.new .footer-about-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
}

.new .footer-about-list {
  margin-bottom: 24px;
}

.new .footer-about__link {
  display: block;
  color: #596573;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: -0.01em;
  transition: color 0.3s;
}

.new .footer-about__link:hover {
  color: #fff;
}

.new .footer-locations__title {
  font-weight: 700;
  font-size: 36px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

.new .footer-locations-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.new .footer-locations-item {
  margin-bottom: 36px;
  width: 100%;
  max-width: 300px;
}

.new .footer-locations-item-title {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.02em;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

.new .footer-locations-item-title .country-flag {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  padding-left: 40px;
  height: 24px;
}

.new .footer-locations-item-title .country-flag:before {
  width: 24px;
  height: 24px;
}

.new .footer-locations-item__box {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

.new .footer-locations-item__box svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 16px;
}

.new .footer-locations-item__box a {
  color: #fff;
  transition: color 0.3s;
}

.new .footer-locations-item__box a:hover {
  color: #1780ff;
}

.new .footer-bottom {
  display: flex;
  flex-direction: column;
}

.new .footer-outlinks {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}

.new .footer-outlinks__goodfirms {
  flex-shrink: 0;
  width: 58px;
  height: 50px;
  margin-right: 16px;
}

.new .footer-outlinks__clutch.why-us-clutch {
  color: #fff;
  margin-bottom: 0;
}

.new .footer-outlinks__clutch.why-us-clutch a {
  margin-bottom: 0;
}

.new .footer-outlinks__clutch.why-us-clutch strong {
  font-weight: inherit;
}

.new .footer-copyright__text {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 15px;
}

.new .footer-copyright__link {
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  transition: color 0.3s;
}

.new .footer-copyright__link:hover {
  color: #1780ff;
}

@media (min-width: 600px) {
  .new .footer-bottom {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }

  .new .footer-social {
    margin-left: auto;
  }

  .new .footer-contact {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .new .footer-about-col {
    margin-right: 74px;
  }

  .new .footer-about-col:last-child {
    margin-right: 0;
  }

  .new .footer-social {
    margin-right: auto;
  }

  .new .footer-outlinks__clutch.why-us-clutch p {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .new .footer {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .new .footer-wrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .new .footer-right {
    width: 448px;
  }

  .new .footer-contact .path-white {
    fill: #fff;
    transition: fill 0.3s;
  }

  .new .footer-contact:hover .path-white {
    fill: #ffce1f;
  }

  .new .footer-about-col {
    margin-right: 30px;
  }

  .new .footer-locations {
    max-width: 628px;
    width: 50%;
  }

  .new .footer-locations-list {
    margin: 0 -12px;
  }

  .new .footer-locations-item {
    width: calc(50% - 24px);
    margin: 0 12px 36px;
  }

  .new .footer-bottom {
    align-items: center;
  }

  .new .footer-outlinks {
    margin-bottom: 0;
  }

  .new .footer-outlinks__goodfirms {
    margin-right: 24px;
  }

  .new .footer-outlinks__clutch .why-us-clutch-text {
    display: flex;
    align-items: center;
  }

  .new .footer-outlinks__clutch .why-us-clutch-text p {
    display: block;
  }

  .new .footer-outlinks__clutch .why-us-clutch-text br {
    display: none;
  }

  .new .footer-outlinks__clutch .why-us-clutch-text strong {
    font-weight: 700;
  }

  .new .footer-copyright {
    display: flex;
  }

  .new .footer-copyright__text {
    margin-right: 21px;
    margin-bottom: 0;
  }
}

@media (min-width: 1150px) {
  .new .footer-social {
    position: relative;
    transform: translateX(-44%);
  }
}

@media screen and (min-width: 1400px) {
  .new .footer-right {
    width: 600px;
  }

  .new .footer-heading {
    margin-bottom: 32px;
    font-weight: 700;
    font-size: 36px;
    line-height: 115%;
    letter-spacing: -0.04em;
  }

  .new .footer-contact {
    font-size: 18px;
    line-height: 23px;
  }

  .new .footer-contact svg {
    margin-right: 15px;
  }

  .new .footer-about {
    margin-bottom: 16px;
  }

  .new .footer-about-col {
    margin-right: 94px;
  }

  .new .footer-about-col:nth-child(2) {
    margin-right: 80px;
  }

  .new .footer-locations {
    width: 608px;
  }

  .new .footer-locations__title {
    letter-spacing: -0.035em;
  }

  .new .footer-locations-list {
    margin: 0 -16px;
    justify-content: flex-start;
  }

  .new .footer-locations-item {
    width: 284px;
    margin: 0 16px 29px;
  }

  .new .footer-locations-item:nth-child(2),
  .new .footer-locations-item:nth-child(4) {
    order: 3;
  }

  .new .footer-locations-item-title {
    margin-bottom: 11px;
  }

  .new .footer-locations-item__box {
    margin-bottom: 12px;
  }

  .new .footer-locations-item__box-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
  }

  .new .footer-social {
    position: relative;
    transform: translateX(-34%);
  }

  .new .footer-outlinks__clutch .why-us-clutch-text p {
    letter-spacing: 0.05px;
  }
}

@media screen and (min-width: 1480px) {
  .new .footer-copyright {
    display: flex;
    justify-content: space-between;
  }
}

.new,
.new body {
  font-family: Mulish, sans-serif;
  color: #131a58;
}

.new .h1,
.new h1 {
  font-weight: 800;
  font-size: 63px;
  line-height: 115%;
  letter-spacing: -0.1rem;
}

.new .h2,
.new h2 {
  font-weight: 700;
  font-size: 75px;
  line-height: 115%;
}

.new .h3,
.new h3 {
  font-weight: 800;
  font-size: 36px;
  line-height: 115%;
  margin-bottom: 32px;
}

.new .h3 a,
.new h3 a {
  color: #131a58;
  transition: color 0.3s;
}

.new .h3 a:hover,
.new h3 a:hover {
  color: #1780ff;
}

.new .h4,
.new h4 {
  font-weight: 700;
  font-size: 36px;
  line-height: 115%;
}

.new .subtitle-extra-bold {
  font-weight: 800;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: -0.03em;
}

.new .subtitle-bold {
  font-weight: 700;
  font-size: 24px;
  line-height: 115%;
}

.new .subtitle-normal {
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
}

.new .text-big {
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
}

.new .text-regular-bold {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
}

.new .text-regular {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01rem;
}

.new .text-main-bold {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

.new .text-main,
.new .text-main.h3 {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.new .text-small {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}

.new .small-subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  text-transform: uppercase;
  text-align: center;
  color: #1780ff;
}

@media screen and (min-width: 1400px) {
  .new .h1,
  .new h1 {
    font-size: 85px;
    letter-spacing: -0.04em;
  }

  .new .h3,
  .new h3 {
    font-weight: 800;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -0.04em;
  }

  .new .small-subtitle {
    font-size: 16px;
  }
}

.new .button,
.new button {
  display: inline-block;
  background-color: #ffce1f;
  color: #131a58;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.3px;
  padding: 19px 38px;
  border: 2px solid #ffce1f;
  border-radius: 0 30px;
  transition: 0.3s;
  cursor: pointer;
}

.new .button:hover,
.new button:hover {
  border-color: #131a58;
  background-color: #fff;
  border-radius: 30px;
}

.new .button_secondary,
.new button_secondary {
  background-color: transparent;
  color: #ffce1f;
  padding: 14px 32px;
}

.new .button_outlined,
.new button_outlined {
  background-color: transparent;
  color: #131a58;
  border-color: #131a58;
  padding: 19px 37px;
}

.new .box-hover {
  border: 2px solid #eaeaea;
}

.new .show-more__checkbox {
  display: none;
}

.new .show-more__checkbox:checked ~ .show-more__label:before {
  content: "Show less";
}

.new .show-more__checkbox:checked ~ .help-items-list {
  height: 1328px;
}

.new .show-more__checkbox:checked ~ .speciality-grid {
  height: 896px;
}

.new .show-more__label {
  width: 176px;
  text-align: center;
}

.new .show-more__label:before {
  content: "Show more";
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  letter-spacing: -0.02em;
}

@media screen and (min-width: 630px) {
  .new .show-more__checkbox:checked ~ .help-items-list {
    height: auto;
  }

  .new .show-more__label {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .new .box-hover {
    transition: border-color 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.08);
  }

  .new .box-hover:hover {
    border-color: #fec608;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
  }

  .new .box-hover_with-arrow {
    position: relative;
  }

  .new .box-hover_with-arrow:after {
    content: "";
    position: absolute;
    top: 0;
    right: 32px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23131A58' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5l7 7-7 7m-7-7h13H5z'/%3E%3C/svg%3E");
    opacity: 0;
    transition: top 0.3s, opacity 0.3s;
  }

  .new .box-hover_with-arrow:hover:after {
    top: 32px;
    opacity: 1;
  }
}

.cookies-wrapper {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 15px 0;
  z-index: 10000000000;
  color: #fff;
  background-color: #131a58;
}

@media (min-width: 1024px) {
  .cookies-wrapper {
    padding: 7px 0;
  }
}

.cookies-wrapper .container {
  display: flex;
  align-items: center;
}

.cookies-text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
}

.cookies-button {
  flex-shrink: 0;
  margin-left: 24px;
}

.cookies-button__accept.button {
  padding: 10px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  background-color: hsla(0, 0%, 100%, 0);
  color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
}

.cookies-button__accept.button:hover {
  color: #131a58;
  background-color: #fff;
  border-radius: 10px;
}

.not-found {
  padding: 90px 0 70px;
  text-align: center;
}

@media (min-width: 1024px) {
  .not-found {
    padding: 179px 0 144px;
  }
}

.not-found svg {
  margin-bottom: 32px;
  width: 100%;
  max-width: 425px;
  height: auto;
}

@media (min-width: 1024px) {
  .not-found svg {
    margin-bottom: 48px;
  }
}

.not-found__title.h1 {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 36px;
  line-height: 115%;
  text-align: center;
  letter-spacing: -0.04em;
}

.not-found__caption {
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #596573;
}

.webdev-hero {
  padding-top: 70px;
  color: #fff;
  background-image: linear-gradient(180deg, #131a58, #131a58 75%, #f4f7fa 0);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media (min-width: 1024px) {
  .webdev-hero {
    padding-top: 143px;
    background-image: linear-gradient(
      180deg,
      #131a58,
      #131a58 58.5%,
      #f4f7fa 0
    );
  }
}

.webdev-hero_fintech {
  background-image: linear-gradient(180deg, #131a58, #131a58 75%, #f4f7fa 0);
}

@media (min-width: 1024px) {
  .webdev-hero_fintech {
    padding-top: 174px;
    background-image: linear-gradient(
      180deg,
      #131a58,
      #131a58 69.9%,
      #f4f7fa 0
    );
  }
}

.webdev-hero_fintech .webdev-hero__subtitle.h2 {
  max-width: 608px;
}

.webdev-hero_fintech .webdev-hero-image {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .webdev-hero_fintech .webdev-hero-image {
    margin-top: -36px;
    margin-bottom: -78px;
  }
}

.webdev-hero_fintech .webdev-hero-image img {
  width: 1018px;
}

.webdev-hero_iot {
  padding-top: 90px;
  padding-bottom: 0;
  color: #fff;
  background-image: url(static/iot-hero-f11f081fbddcee2688fd19f9ce0abd90.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  min-height: 100vh;
}

@media (min-width: 1024px) {
  .webdev-hero_iot {
    padding-top: 174px;
    padding-bottom: 0;
  }
}

.webdev-hero_iot .webdev-hero-image {
  margin-top: 12px;
}

.webdev-hero_iot .webdev-hero-image img {
  display: block;
  width: 100%;
  max-width: 818px;
  margin: 0 auto;
}

.webdev-hero__title.h1 {
  max-width: 784px;
  margin: 0 auto 12px;
  font-size: 42px;
  line-height: 125%;
  text-align: center;
}

@media (min-width: 1024px) {
  .webdev-hero__title.h1 {
    font-size: 64px;
  }
}

.webdev-hero__subtitle.h2 {
  max-width: 585px;
  margin: 0 auto 32px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.01em;
  opacity: 0.8;
}

.webdev-hero-contact {
  text-align: center;
}

.webdev-hero-image {
  text-align: center;
  margin-top: 0;
}

@media (min-width: 1024px) {
  .webdev-hero-image {
    margin-top: -22px;
  }
}

.webdev-hero-image img {
  width: 1116px;
}

.custom-dev-hero {
  background-image: linear-gradient(180deg, #131a58, #131a58 85%, #f4f7fa 0);
}

@media (min-width: 1200px) {
  .custom-dev-hero {
    background-image: linear-gradient(
      180deg,
      #131a58,
      #131a58 59.9%,
      #f4f7fa 0
    );
  }
}

@media (min-width: 1024px) {
  .custom-dev-hero .webdev-hero__title.h1 {
    margin: 0 auto;
    font-size: 48px;
    line-height: 115%;
  }
}

.custom-dev-hero .webdev-hero__subtitle.h2 {
  max-width: 558px;
  margin-top: 12px;
}

.custom-dev-hero .webdev-hero-image {
  margin-top: 0;
  margin-bottom: 0;
  padding: 30px;
  position: relative;
}

@media (min-width: 1024px) {
  .custom-dev-hero .webdev-hero-image {
    padding: 71px 0 30px;
  }
}

@media (min-width: 1200px) {
  .custom-dev-hero .webdev-hero-image {
    padding-bottom: 100px;
  }
}

.custom-dev-hero .webdev-hero-image:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  padding-bottom: 35.9%;
  padding-left: 35.9%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkzIiBoZWlnaHQ9IjI5MyIgdmlld0JveD0iMCAwIDI5MyAyOTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTQ2LjUiIGN5PSIxNDYuNSIgcj0iMTQ2LjUiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE0Ni41IDE0Ni41KSIgZmlsbD0iIzk4NThENCIvPjwvc3ZnPg==);
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: 1;
}

@media (min-width: 768px) {
  .custom-dev-hero .webdev-hero-image:before {
    width: 293px;
    height: 293px;
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .custom-dev-hero .webdev-hero-image:before {
    left: 102px;
  }
}

.custom-dev-hero .webdev-hero-image:after {
  content: "";
  position: absolute;
  top: 10px;
  right: -20px;
  max-width: 664px;
  max-height: 411px;
  padding-bottom: 50.4%;
  padding-left: 81.4%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjY1IiBoZWlnaHQ9IjQxMSIgdmlld0JveD0iMCAwIDY2NSA0MTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02NDIuMzMxIDIxLjgzNDlDNjcxLjQ5MyA1MC45NDgxIDY3MS40OTMgOTguMTQ5NyA2NDIuMzMxIDEyNy4yNjNMMzc5Ljk1OSAzODkuMTY3QzM1MC43OTQgNDE4LjI3OCAzMDMuNTA4IDQxOC4yNzggMjc0LjM0MyAzODkuMTY3QzI0NS4xNzcgMzYwLjA1MiAyNDUuMTc3IDMxMi44NSAyNzQuMzQzIDI4My43MzdMNTM2LjcxMiAyMS44MzQ5QzU2NS44NzggLTcuMjc4MjkgNjEzLjE2NCAtNy4yNzgyOSA2NDIuMzMxIDIxLjgzNDlaIiBmaWxsPSIjRjdDRTNCIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zODkuODYyIDIxLjgzNDlDNDE5LjAyNSA1MC45NDgxIDQxOS4wMjUgOTguMTQ5NyAzODkuODYyIDEyNy4yNjNMMTI3LjQ5IDM4OS4xNjdDOTguMzI1IDQxOC4yNzggNTEuMDM5IDQxOC4yNzggMjEuODczOSAzODkuMTY3Qy03LjI5MTI5IDM2MC4wNTIgLTcuMjkxMjkgMzEyLjg1IDIxLjg3MzkgMjgzLjczN0wyODQuMjQ0IDIxLjgzNDlDMzEzLjQwOSAtNy4yNzgyOSAzNjAuNjk1IC03LjI3ODI5IDM4OS44NjIgMjEuODM0OVoiIGZpbGw9IiNGN0NFM0IiLz48L3N2Zz4=);
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: 1;
}

@media (min-width: 768px) {
  .custom-dev-hero .webdev-hero-image:after {
    width: 664px;
    height: 411px;
    padding: 0;
    top: 0;
  }
}

@media (min-width: 1024px) {
  .custom-dev-hero .webdev-hero-image:after {
    top: 2px;
    right: 20px;
  }
}

.custom-dev-hero .webdev-hero-image img {
  width: 816px;
  position: relative;
  z-index: 5;
}

@media (min-width: 1200px) {
  .custom-dev-hero .webdev-hero-image img {
    filter: drop-shadow(0 0 80px rgba(152, 88, 212, 0.3));
  }
}

.dev-help {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .dev-help {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-top: 98px;
  }
}

.dev-help__title.h2 {
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .dev-help__title.h2 {
    margin-bottom: 47px;
    font-size: 48px;
  }
}

.dev-help-list {
  margin-bottom: 48px;
}

@media (min-width: 1024px) {
  .dev-help-list {
    display: flex;
    margin: 0 -12px 48px;
  }
}

.dev-help-item {
  display: block;
  max-width: 550px;
  margin: 0 auto 24px;
  padding: 30px 32px;
  border-radius: 20px;
  border: 2px solid;
  color: #131a58;
  background-color: #fff;
}

.dev-help-item:nth-child(3n + 1),
.dev-help-item:nth-child(3n + 1):hover {
  border-color: #ffce1f;
}

.dev-help-item:nth-child(3n + 2),
.dev-help-item:nth-child(3n + 2):hover {
  border-color: #1780ff;
}

.dev-help-item:nth-child(3n + 3),
.dev-help-item:nth-child(3n + 3):hover {
  border-color: #131a58;
}

.dev-help-item:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .dev-help-item {
    max-width: 397px;
    width: calc(33.33333% - 12px);
    margin-bottom: 0;
  }
}

.dev-help-item-icon {
  width: 36px;
  height: 35px;
  margin-bottom: 26px;
}

.dev-help-item__title.h3 {
  margin-bottom: 0;
  font-weight: 800;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.03em;
}

.dev-help-item__text.h4 {
  display: inline-block;
  margin-top: 14px;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  letter-spacing: -0.01em;
  white-space: pre-wrap;
  color: #596573;
}

.dev-help-contact {
  text-align: center;
}

.dev-help-illustrated {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .dev-help-illustrated {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.dev-help-illustrated__title.h3 {
  margin-bottom: 36px;
}

@media (min-width: 1024px) {
  .dev-help-illustrated__title.h3 {
    margin-bottom: 48px;
  }
}

@media (min-width: 768px) {
  .dev-help-illustrated-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
  }
}

.dev-help-illustrated-item {
  display: block;
  margin-bottom: 24px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.dev-help-illustrated-item:after {
  content: "";
  position: absolute;
  bottom: 32px;
  right: 32px;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23131A58' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5l7 7-7 7m-7-7h13H5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23131A58' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5l7 7-7 7m-7-7h13H5z'/%3E%3C/svg%3E");
  transform: scale(1);
  transition: transform 0.3s;
}

.dev-help-illustrated-item:hover:after {
  transform: scale(1.3);
}

.dev-help-illustrated-item:last-child {
  margin-bottom: 0;
}

.dev-help-illustrated-item:first-child {
  color: #000;
  background-color: #ffce1f;
}

.dev-help-illustrated-item:first-child:after {
  background-color: #131a58;
}

.dev-help-illustrated-item:first-child .dev-help-illustrated-item__text {
  color: #596573;
}

.dev-help-illustrated-item:nth-child(2) {
  color: #fff;
  background-color: #1780ff;
}

.dev-help-illustrated-item:nth-child(2):after {
  background-color: #fff;
}

.dev-help-illustrated-item:nth-child(3) {
  color: #fff;
  background-color: #131a58;
}

.dev-help-illustrated-item:nth-child(3):after {
  background-color: #fff;
}

@media (min-width: 768px) {
  .dev-help-illustrated-item {
    width: calc(50% - 12px);
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .dev-help-illustrated-item {
    width: calc(33% - 13px);
  }
}

.dev-help-illustrated-item img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 264px;
}

.dev-help-illustrated-item__title {
  margin-bottom: 14px;
  font-weight: 800;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.03em;
}

.dev-help-illustrated-item__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 170%;
  letter-spacing: -0.01em;
}

.dev-help-illustrated-wrp {
  padding: 30px 30px 45px;
}

@media (min-width: 1024px) {
  .dev-help-illustrated-wrp {
    padding: 40px 34px 61px 30px;
  }
}

.blog-wrapper {
  font-family: Mulish, sans-serif;
  padding-top: 136px;
}

.blog-wrapper .container {
  min-width: 375px;
  max-width: 1288px;
  padding: 0 24px;
}

.blog-main__title {
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 36px;
  line-height: 115%;
  letter-spacing: -0.04em;
  color: #131a58;
}

.blog-post {
  margin-bottom: 80px;
}

.blog-post__title {
  font-weight: 700;
  font-size: 36px;
  line-height: 115%;
  letter-spacing: -0.04em;
  color: #131a58;
  margin-bottom: 16px;
}

.blog-post .blog-post__small-title {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 125%;
}

.blog-post-info {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.blog-post-info .blog-post-info__category {
  margin-right: 40px;
}

.blog-post-info .blog-post-info__category,
.blog-post-info .blog-post-info__date {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #596573;
}

.blog-post img {
  border-radius: 20px;
  margin-bottom: 24px;
}

.blog-post p {
  margin-bottom: 40px;
  font-weight: 400;
  font-size: 20px;
  line-height: 165%;
  color: #000;
}

.blog-post h2 {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 115%;
  color: #131a58;
}

.blog-post a {
  color: #1780ff;
}

.blog-post .link-strong {
  display: inline-block;
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 115%;
  color: #1780ff;
}

.blog-post .blog-post-end {
  padding-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 115%;
  color: #131a58;
}

.blog-post li,
.blog-post q,
.blog-post span {
  font-size: 20px;
  line-height: 165%;
  color: #000;
  margin-bottom: 40px;
}

.blog-post code {
  font-style: normal;
}

.blog-post q {
  font-style: italic;
}

.blog-post figure {
  margin-bottom: 24px;
}

.blog-post figure img {
  margin-bottom: 0;
}

.blog-post .italic {
  font-style: italic;
}

.blog-post .center {
  text-align: center;
}

.blog-post .inline {
  display: inline;
}

.blog-post .normal-text {
  font: inherit;
}

.blog-post .pre {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  font-family: monospace;
  margin-bottom: 24px;
}

.blog-post .pre code,
.blog-post .pre pre {
  font: inherit;
}

.blog-post .pre code {
  display: inline-block;
  padding: 10px;
  width: 100%;
  overflow-y: auto;
  background-color: #eaeaea;
}

.blog-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 32px;
}

.blog-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
}

.blog-item:last-child {
  margin-bottom: 0;
}

.blog-item-img {
  display: block;
}

.blog-item-img img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-item__text {
  flex-grow: 1;
  padding: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.blog-item__text-link.h3 {
  display: block;
  width: 100%;
  margin-top: auto;
  margin-bottom: 16px;
  font-weight: 800;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: -0.03em;
  color: #131a58;
}

.blog-item__text-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #596573;
  margin-bottom: auto;
}

.blog-main,
.blog-popular {
  font-family: Mulish, sans-serif;
  padding-bottom: 80px;
}

.blog-main__title,
.blog-popular__title {
  font-weight: 700;
  font-size: 36px;
  line-height: 115%;
  letter-spacing: -0.04em;
  color: #131a58;
  margin-bottom: 32px;
}

.blog-categories {
  width: 100%;
  overflow-x: auto;
}

.blog-categories-scrollable {
  display: flex;
  width: 520px;
  padding-bottom: 36px;
}

.blog-categories-item-wrp.h2 {
  margin-right: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.blog-categories-item-wrp.h2:last-child {
  margin-right: 0;
}

.blog-categories-item {
  color: #596573;
  position: relative;
  transition: color 0.3s;
}

.blog-categories-item:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 100%;
  height: 2px;
  transform: translateX(-50%);
  background-color: rgba(23, 128, 255, 0);
  transition: background-color 0.3s;
}

.blog-categories-item.active {
  color: #1780ff;
}

.blog-categories-item.active:after {
  background-color: #1780ff;
}

@media (min-width: 700px) {
  .blog-categories-tem-wrp {
    margin-right: 40px;
  }

  .blog-item {
    width: 50%;
    max-width: 609px;
    margin: 0 11px;
  }

  .blog-item-img {
    height: 280px;
  }

  .blog-main,
  .blog-popular-inner {
    display: flex;
    margin: 0 -11px;
  }

  .blog-main {
    flex-wrap: wrap;
  }

  .blog-main_narrow {
    max-width: 818px;
    margin: 0 auto;
  }

  .blog-main__title {
    margin-bottom: 64px;
    font-weight: 800;
    font-size: 64px;
    line-height: 115%;
  }

  .blog-main .blog-item {
    width: calc(50% - 22px);
    margin-bottom: 24px;
  }

  .blog__img-right {
    float: right;
    margin-left: 16px;
  }

  .blog__img-left {
    float: left;
    margin: 16px;
  }

  .blog__text-right {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  .blog-wrapper {
    background-color: #f4f7fa;
  }

  .blog-item {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.08);
    transition: border-color 0.3s, box-shadow 0.3s;
  }

  .blog-item:hover {
    border-color: #ffce1f;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
  }

  .blog-item__title {
    font-weight: 800;
    font-size: 64px;
    line-height: 80px;
  }

  .blog-post {
    margin-bottom: 140px;
  }

  .blog-post__title {
    font-weight: 800;
    font-size: 64px;
    line-height: 80px;
  }

  .blog-post img {
    margin-bottom: 40px;
  }

  .blog-post h2 {
    padding-top: 24px;
  }

  .blog-post a {
    transition: color 0.3s;
  }

  .blog-post a:hover {
    color: #131a58;
  }

  .blog-popular {
    padding-bottom: 140px;
  }

  .blog-popular__title {
    margin-bottom: 48px;
    font-weight: 800;
    font-size: 64px;
    line-height: 80px;
    letter-spacing: -0.04em;
  }

  .blog-categories-scrollable {
    width: auto;
  }

  .blog-categories-item {
    transition: color 0.3s;
  }

  .blog-categories-item:hover {
    color: #1780ff;
  }

  .blog-categories-item.active:hover {
    color: #0067e3;
  }
}

.privacy {
  background-color: #f4f7fa;
  padding-top: 90px;
  padding-bottom: 36px;
}

@media (min-width: 1024px) {
  .privacy {
    padding-top: 179px;
  }
}

.privacy .container {
  max-width: 866px;
}

.privacy__title.h1 {
  margin-bottom: 50px;
  font-weight: 800;
  font-size: 48px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .privacy__title.h1 {
    margin-bottom: 100px;
    font-size: 64px;
  }
}

.privacy__title_less-margin.h1 {
  margin-bottom: 24px;
}

@media (min-width: 1024px) {
  .privacy__title_less-margin.h1 {
    margin-bottom: 24px;
  }
}

.privacy-block {
  margin-bottom: 36px;
}

@media (min-width: 1024px) {
  .privacy-block {
    margin-bottom: 64px;
  }
}

.privacy__subtitle.h3 {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 32px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

@media (min-width: 1204px) {
  .privacy__subtitle.h3 {
    font-size: 36px;
  }
}

.privacy p {
  margin-bottom: 34px;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: -0.01em;
  color: #596573;
}

.privacy p a {
  color: currentColor;
  transition: color 0.3s;
}

.privacy p a:hover {
  color: #1780ff;
}

.privacy-list {
  counter-reset: policyCounter;
}

.privacy-item {
  display: flex;
}

.privacy-item:before {
  counter-increment: policyCounter;
  content: counter(policyCounter) ".";
  flex-shrink: 0;
  width: 30px;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #596573;
}

.privacy-item + .privacy-list-bullet {
  margin-top: 34px;
}

.privacy-item p {
  margin-bottom: 0;
}

.privacy-list-bullet {
  margin-bottom: 34px;
}

.privacy-item-bullet {
  display: flex;
}

.privacy-item-bullet:before {
  content: "\2022";
  flex-shrink: 0;
  width: 30px;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #596573;
}

.privacy-item-bullet p {
  margin-bottom: 0;
}

.job-hero {
  padding-top: 90px;
  padding-bottom: 60px;
  color: #fff;
  background-color: #131a58;
}

@media (min-width: 1024px) {
  .job-hero {
    padding-top: 180px;
    padding-bottom: 64px;
  }
}

.job-hero__title.h1 {
  margin-bottom: 32px;
}

.job-hero-wrp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 420px) {
  .job-hero-wrp {
    flex-direction: row;
    align-items: stretch;
  }
}

.job-hero-pill {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 10px 22px;
  border: 2px solid #fff;
  border-radius: 100px;
}

@media (min-width: 420px) {
  .job-hero-pill {
    margin-right: 17px;
    margin-bottom: 0;
  }
}

.job-hero-pill:last-child {
  margin-bottom: 0;
}

@media (min-width: 420px) {
  .job-hero-pill:last-child {
    margin-right: 0;
  }
}

.job-hero-pill svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.job-hero-pill span {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}

.job-hero-pill .country-flag {
  height: 24px;
  padding-left: 36px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.job-hero-pill .country-flag:before {
  width: 24px;
  height: 24px;
}

.job-content {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .job-content {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-bottom: 64px;
  }
}

.job-content__title.h3 {
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 28px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .job-content__title.h3 {
    font-size: 36px;
  }
}

.job-content__subtitle.h4 {
  margin-top: -4px;
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
}

@media (min-width: 1024px) {
  .job-content__subtitle.h4 {
    margin-top: -32px;
  }
}

.job-content__caption {
  max-width: 713px;
  margin-bottom: 48px;
  font-weight: 400;
  font-size: 18px;
  line-height: 173%;
  letter-spacing: -0.01em;
  color: #596573;
}

@media (min-width: 1024px) {
  .job-content__caption {
    margin-bottom: 64px;
  }
}

.job-content-list {
  margin-bottom: 48px;
}

.job-content-list:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .job-content-list {
    margin-bottom: 64px;
  }
}

.job-content-list-item {
  display: flex;
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #596573;
}

.job-content-list-item:last-child {
  margin-bottom: 0;
}

.job-content-list-item:before {
  content: "";
  flex-shrink: 0;
  margin-top: 6px;
  margin-right: 16px;
  width: 20px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 8.40841C20 9.33333 19.1705 10.048 18.2028 10.048H18.0184C17.5576 10.006 15.1152 9.7958 14.5622 10.3003C13.9631 10.8468 14.2396 11.3093 14.2857 11.3513C14.424 11.6036 14.5161 11.8559 14.5161 12.1502C14.5161 13.0751 13.6866 13.7898 12.7189 13.7898C12.5346 13.7898 12.3502 13.7477 12.212 13.7057C12.212 13.7057 11.106 13.4955 10.1382 13.4955C9.17051 13.5375 8.24885 13.8739 8.24885 13.8739C8.01843 13.958 7.78802 14 7.5576 14C6.68203 14 5.9447 13.4114 5.76037 12.6126V12.4444C5.71429 12.2342 5.57604 11.8559 5.06912 11.6456C4.37788 11.3934 3.36406 11.9399 2.90323 12.1922C2.81106 12.2342 2.76498 12.2763 2.67281 12.3183C2.39631 12.4444 2.11982 12.5285 1.79724 12.5285C0.78341 12.5285 0 11.7718 0 10.8889C0 9.96396 0.829493 9.24925 1.79724 9.24925C1.8894 9.24925 1.98157 9.24925 2.07373 9.29129H2.1659C2.76498 9.37538 5.6682 9.83784 6.17512 8.74475C6.68203 7.6937 3.87097 6.43243 3.13364 6.13814C3.08756 6.13814 3.04147 6.0961 2.99539 6.0961H2.94931C2.39631 5.8018 1.98157 5.25526 1.98157 4.62462C1.98157 3.6997 2.81106 2.98499 3.7788 2.98499C4.60829 2.98499 5.29954 3.48949 5.52995 4.16216C5.85253 4.79279 6.82028 6.55856 7.74194 6.22222C8.70968 5.84384 7.23502 3.1952 6.82028 2.48048C6.77419 2.43844 6.77419 2.3964 6.72811 2.31231C6.63595 2.1021 6.58986 1.89189 6.58986 1.63964C6.58986 0.714715 7.37327 0 8.3871 0C9.40092 0 10.1843 0.714715 10.1843 1.63964V1.72372C10.1843 1.80781 10.1843 1.93393 10.1382 2.01802C10 2.98498 9.7235 5.71772 10.6912 6.13814C11.7972 6.6006 12.8111 3.95195 12.9954 3.40541V3.32132C13.2719 2.69069 13.9171 2.22823 14.7005 2.22823C15.7143 2.22823 16.4977 2.98498 16.4977 3.86787C16.4977 4.37237 16.2673 4.83484 15.8525 5.12913H15.8065C15.7143 5.17117 15.6682 5.25526 15.576 5.2973C14.8848 5.75976 13.0415 7.02102 13.4562 7.69369C13.9171 8.40841 16.4055 7.35736 17.235 7.02102C17.3272 6.97898 17.3733 6.93694 17.4654 6.8949C17.6498 6.81081 17.8802 6.76877 18.1106 6.76877C19.2166 6.76877 20 7.52553 20 8.40841Z' fill='%23FFCE1F'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.job-contact {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .job-contact {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.job-contact .job-content__title {
  margin-bottom: 36px;
  font-size: 36px;
  line-height: 125%;
  text-align: center;
  letter-spacing: -0.03em;
}

@media (min-width: 1024px) {
  .job-contact .job-content__title {
    margin-bottom: 48px;
    font-size: 48px;
  }
}

.job-contact-form {
  max-width: 608px;
  margin: 0 auto;
}

.job-contact-form-row {
  display: block;
}

.job-contact-form-input {
  display: block;
  width: 100%;
  height: 57px;
  margin-bottom: 24px;
  border: none;
  border-bottom: 1px solid rgba(19, 26, 88, 0.25);
  font-weight: 400;
  font-size: 20px;
  line-height: 57px;
  background-color: transparent;
  color: #131a58;
}

.job-contact-form-input::-moz-placeholder {
  color: rgba(19, 26, 88, 0.35);
}

.job-contact-form-input::placeholder {
  color: rgba(19, 26, 88, 0.35);
}

.job-contact-form-upload {
  display: block;
  margin-bottom: 16px;
  padding: 30px 32px;
  position: relative;
  border-radius: 20px;
  border: 1px dashed rgba(19, 26, 88, 0.25);
  text-align: center;
  background-color: rgba(19, 26, 88, 0);
  transition: background-color 0.3s;
  cursor: pointer;
}

.job-contact-form-upload:hover {
  background-color: rgba(19, 26, 88, 0.03);
}

.job-contact-form-upload_cv {
  margin-top: 40px;
}

.job-contact-form-upload_letter {
  margin-bottom: 32px;
}

.job-contact-form-upload__hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}

.job-contact-form-upload-box__title {
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
}

.job-contact-form-upload-box__caption {
  display: inline;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #596573;
}

.job-contact-form-upload-box-name,
.job-contact-form-upload-box__caption.hidden {
  display: none;
}

.job-contact-form-upload-box-name.visible {
  display: block;
  text-align: center;
  position: relative;
  z-index: 20;
}

.job-contact-form-upload-box-name__text {
  margin-right: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #1780ff;
  vertical-align: unset;
}

.job-contact-form-upload-box-name__reset {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M12 4L4 12' stroke='%23131A58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4L12 12' stroke='%23131A58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0;
  padding: 0 !important;
  cursor: pointer;
}

.job-contact-form-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  cursor: pointer;
}

.job-contact-form-checkbox__hidden {
  display: none;
}

.job-contact-form-checkbox__hidden:checked
  + .job-contact-form-checkbox__checkmark {
  border: 2px solid #131a58;
}

.job-contact-form-checkbox__hidden:checked
  + .job-contact-form-checkbox__checkmark:after {
  opacity: 1;
}

.job-contact-form-checkbox__checkmark {
  position: relative;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border: 2px solid rgba(19, 26, 88, 0.25);
  border-radius: 3px;
  transition: border 0.3s;
}

.job-contact-form-checkbox__checkmark:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  background-color: #131a58;
  opacity: 0;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4.5L6.75 12.75L3 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4.5L6.75 12.75L3 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: opacity 0.3s;
}

.job-contact-form-checkbox__label {
  padding-left: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.job-contact-form .button {
  width: 100%;
  font: inherit;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
}

.home-hero {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url(static/hero-panet-1x-9de5159e75077cf47818cd1a1c962afa.png);
  background-size: cover;
  background-position: 50%;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .home-hero {
    background-image: url(static/hero-panet-1.5x-bee8e2121351309bc15aae62e7d8525d.png);
  }
}

@media (min-width: 1200px) {
  .home-hero {
    background-image: url(static/hero-panet-1.5x-bee8e2121351309bc15aae62e7d8525d.png);
  }
}

.home-hero .container {
  position: relative;
  z-index: 10;
}

.home-hero-content {
  max-width: 670px;
}

@media (min-width: 1200px) {
  .home-hero-content {
    margin-top: 183px;
    max-width: 70%;
  }
}

.home-hero-title.h1 {
  display: inline-block;
  max-width: 670px;
  margin-bottom: 24px;
  padding-bottom: 10px;
  font-weight: 800;
  font-size: 54px;
  line-height: 1.25;
  letter-spacing: -0.04em;
  color: #fff;
  position: relative;
  background-image: linear-gradient(
    180deg,
    transparent 0,
    transparent 67px,
    #ffce1f 0,
    #ffce1f 72px
  );
  background-position: 0 72px;
  background-repeat: repeat-y;
  background-size: 100% 72px;
}

.home-hero-title.h1 span {
  font: inherit;
  line-height: inherit;
  color: #ffce1f;
}

@media (min-width: 1200px) {
  .home-hero-title.h1 {
    margin-bottom: 41px;
    padding-bottom: 0;
    font-size: 80px;
    background-image: unset;
    position: relative;
  }

  .home-hero-title.h1:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #ffce1f;
  }
}

.home-hero-caption {
  max-width: 623px;
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: #eaeaea;
}

.home-hero-logos {
  margin-top: 71px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 596px;
}

@media (min-width: 1200px) {
  .home-hero-logos {
    margin-top: 141px;
  }
}

.home-hero-logos__item {
  margin-right: 12px;
}

.home-hero-logos__item:last-child {
  margin-right: 0;
}

@media (min-width: 1200px) {
  .home-hero-logos__item {
    margin-right: 40px;
  }
}

.new .speciality {
  padding: 50px 0;
  overflow: hidden;
}

.new .speciality-title {
  margin-bottom: 12px;
}

.new .speciality-wrapper {
  padding-top: 33px;
  padding-bottom: 8px;
}

.new .speciality-item {
  max-width: 396px;
  margin: 0 auto 16px;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  display: block;
}

.new .speciality-item__img {
  display: block;
  margin-bottom: 15px;
}

.new .speciality-item__title {
  margin: 0 16px 32px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #131a58;
}

.new .speciality-grid {
  margin-top: 2px;
  margin-bottom: 32px;
  overflow: hidden;
  height: 440px;
  transition: height 0.5s;
}

.new .speciality .show-more__label {
  display: block;
  margin: 0 auto;
}

.new .speciality-link {
  display: block;
  background-color: #fff;
  color: #131a58;
  border-radius: 20px;
  padding: 32px;
  margin: 0 auto 16px;
  width: 327px;
  height: 212px;
}

.new .speciality-link__icon {
  display: block;
  margin-bottom: 16px;
}

.new .speciality-link__title {
  margin-bottom: 12px;
  line-height: 1.3;
}

.new .speciality-link__caption {
  line-height: 1.7;
  color: #596573;
}

@media screen and (min-width: 630px) {
  .new .speciality-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
    margin: 0 -12px;
  }

  .new .speciality .show-more__checkbox:checked ~ .speciality-grid {
    height: auto;
  }

  .new .speciality .show-more__label {
    display: none;
  }

  .new .speciality-link {
    flex-basis: calc(50% - 24px);
    max-width: 327px;
    margin: 0 12px 24px;
  }
}

@media screen and (min-width: 768px) {
  .new .speciality-title {
    margin-bottom: 16px;
  }

  .new .speciality-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -12px;
  }

  .new .speciality-item {
    width: 397px;
    margin: 0 12px 16px;
  }

  .new .speciality-item__title {
    margin: 21px 30px 32px;
    letter-spacing: -0.4px;
  }

  .new .speciality-item__text {
    margin: 0 30px;
    letter-spacing: -0.1px;
  }
}

@media screen and (min-width: 1024px) {
  .new .speciality {
    background-color: #f4f7fa;
  }

  .new .speciality-subtitle {
    padding-top: 0;
    padding-bottom: 15px;
    letter-spacing: 0.05px;
  }

  .new .speciality-link {
    max-width: 292px;
  }

  .new .speciality-slider-inner {
    width: 1780px;
  }
}

@media screen and (min-width: 1288px) {
  .new .speciality {
    padding-top: 100px;
    padding-bottom: 76px;
    position: relative;
  }

  .new .speciality:after {
    content: "";
    position: absolute;
    width: 396px;
    height: 700px;
    top: 62px;
    right: -86px;
    border: 23px solid #ffce1f;
    border-radius: 174px 0;
    z-index: 1;
  }

  .new .speciality .container {
    position: relative;
    z-index: 5;
  }

  .new .speciality-item {
    width: calc(25% - 24px);
    height: auto;
  }

  .new .speciality-item__img {
    height: 150px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  .new .speciality-item__title {
    margin: 16px 30px 30px;
  }

  .new .speciality-link {
    padding: 30px;
  }

  .new .speciality-link__title {
    letter-spacing: -0.5px;
    white-space: pre-wrap;
  }
}

@media (min-width: 1700px) {
  .new .speciality:after {
    display: none;
  }
}

.new.help,
.new .help {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
}

@media (min-width: 1024px) {
  .new.help,
  .new .help {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.new.help_oslo .help-items-list,
.new .help_oslo .help-items-list {
  height: 645px;
}

.new.help:after,
.new .help:after {
  content: "";
  position: absolute;
  top: 32px;
  left: -43px;
  width: 151px;
  height: 267px;
  border: 10px solid #ffce1f;
  border-radius: 70px 0;
  z-index: -1;
}

.new.help-wrp,
.new .help-wrp {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
}

.new.help-items-list,
.new .help-items-list {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 656px;
  transition: height 0.5s;
}

.new.help-item,
.new .help-item {
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 16px;
  padding: 38px 30px 44px;
  width: 327px;
  height: 208px;
}

.new.help-item_no-hover,
.new .help-item_no-hover {
  border: 2px solid #eaeaea;
}

.new.help-item__title,
.new .help-item__title {
  margin-bottom: 12px;
  color: #131a58;
  line-height: 130%;
  white-space: break-spaces;
}

.new.help-item__caption.h3,
.new .help-item__caption.h3 {
  color: #596573;
  line-height: 170%;
}

.new.help-item:first-child,
.new .help-item:first-child {
  border-color: #ffce1f;
}

.new.help-item:first-child .help-item__title:before,
.new .help-item:first-child .help-item__title:before {
  background-color: #ffce1f;
}

.new.help-item:nth-child(2),
.new .help-item:nth-child(2) {
  border-color: #1780ff;
}

.new.help-item:nth-child(2) .help-item__title:before,
.new .help-item:nth-child(2) .help-item__title:before {
  background-color: #1780ff;
}

.new.help .show-more__label,
.new .help .show-more__label {
  align-self: center;
  order: 4;
  margin-top: 32px;
}

@media screen and (min-width: 630px) {
  .new.help_oslo .help-items-list,
  .new .help_oslo .help-items-list {
    height: auto;
  }

  .new.help-items-list,
  .new .help-items-list {
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
    align-items: unset;
    margin: 0 -12px;
  }

  .new.help-item,
  .new .help-item {
    flex-basis: calc(50% - 24px);
    margin: 0 12px 24px;
    max-width: 327px;
  }
}

@media screen and (min-width: 1024px) {
  .new.help,
  .new .help {
    padding-bottom: 64px;
    background-color: #f4f7fa;
  }

  .new.help_oslo,
  .new .help_oslo {
    padding-bottom: 100px;
  }

  .new.help:after,
  .new .help:after {
    width: 306px;
    height: 540px;
    top: 35px;
    left: -53px;
    border-width: 18px;
    border-radius: 135px 0;
  }

  .new.help-item,
  .new .help-item {
    max-width: 292px;
    height: auto;
    min-height: 208px;
    border-radius: 20px;
  }

  .new.help-item:hover,
  .new .help-item:hover {
    border-color: #ffce1f;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
  }

  .new.help-item_no-hover:hover,
  .new .help-item_no-hover:hover {
    border-color: #eaeaea;
    box-shadow: none;
  }

  .new.help-items-list,
  .new .help-items-list {
    overflow: unset;
  }

  .new.help-items-list:hover .help-item:first-child,
  .new .help-items-list:hover .help-item:first-child {
    border-color: #eaeaea;
  }

  .new.help-items-list:hover .help-item:first-child:hover,
  .new .help-items-list:hover .help-item:first-child:hover {
    border-color: #ffce1f;
  }
}

@media screen and (min-width: 1200px) {
  .new.help-item,
  .new .help-item {
    padding: 38px 30px;
  }

  .new.help-item__caption,
  .new .help-item__caption {
    letter-spacing: -0.01em;
  }
}

@media screen and (min-width: 1288px) {
  .new.help-wrp,
  .new .help-wrp {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 24px;
    gap: 24px;
  }

  .new.help-item,
  .new .help-item {
    margin: 0;
  }

  .new.help-title,
  .new .help-title {
    grid-column-start: 1;
    grid-column-end: 3;
  }

  .new.help-items-list,
  .new .help-items-list {
    display: contents;
  }
}

@media (min-width: 1700px) {
  .new.help:after,
  .new .help:after {
    display: none;
  }
}

.partner-logos-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 50px;
}

@media (min-width: 1024px) {
  .partner-logos-list {
    justify-content: center;
    padding-top: 64px;
  }
}

.partner-logos-item {
  padding-bottom: 32px;
}

@media (min-width: 500px) {
  .partner-logos-item {
    width: 50%;
    text-align: center;
  }
}

@media (min-width: 600px) {
  .partner-logos-item {
    width: 33%;
  }
}

@media (min-width: 900px) {
  .partner-logos-item {
    width: 25%;
  }
}

@media (min-width: 1024px) {
  .partner-logos-item {
    padding-bottom: 64px;
    width: 20%;
  }
}

@media (min-width: 1200px) {
  .partner-logos-item {
    width: 16.66%;
  }
}

.careers-hero.team {
  padding-top: 70px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .careers-hero.team {
    padding-top: 180px;
    padding-bottom: 49px;
  }
}

.careers-hero:after {
  display: none;
}

.careers-hero__title.h1 {
  max-width: 753px;
  font-weight: 800;
  font-size: 42px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .careers-hero__title.h1 {
    margin-bottom: 63px;
    font-size: 64px;
  }
}

.careers-benefit {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .careers-benefit {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-top: 50px;
  }
}

.careers-benefit__title.h2 {
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .careers-benefit__title.h2 {
    margin-bottom: 47px;
    font-size: 48px;
  }
}

@media (min-width: 768px) {
  .careers-benefit-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -12px;
  }
}

.careers-benefit-item {
  margin: 0 auto 24px;
  padding: 40px 34px 40px 32px;
  max-width: 397px;
  border-radius: 20px;
  color: #fff;
}

@media (min-width: 768px) {
  .careers-benefit-item {
    width: calc(50% - 24px);
    max-width: unset;
    flex-shrink: 0;
    margin: 0 12px 24px;
  }

  .careers-benefit-item:last-child {
    margin-right: auto;
  }
}

@media (min-width: 1024px) {
  .careers-benefit-item {
    width: calc(33.33333% - 24px);
    max-width: 397px;
    min-height: 186px;
  }

  .careers-benefit-item:last-child {
    margin-right: 12px;
    margin-bottom: 0;
  }

  .careers-benefit-item:nth-last-child(2),
  .careers-benefit-item:nth-last-child(3) {
    margin-bottom: 0;
  }
}

.careers-benefit-item_blue {
  background-color: #1780ff;
}

.careers-benefit-item_dark-blue {
  background-color: #131a58;
}

.careers-benefit-item_yellow {
  color: #131a58;
  background-color: #ffce1f;
}

.careers-benefit-item_white {
  color: #131a58;
  background-color: #fff;
}

.careers-benefit-item-icon {
  width: 36px;
  height: 36px;
  margin-bottom: 24px;
}

.careers-benefit-item__title.h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
}

.careers-support {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .careers-support {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.careers-support__title.h2 {
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .careers-support__title.h2 {
    margin-bottom: 48px;
    font-size: 48px;
  }
}

@media (min-width: 768px) {
  .careers-support-list {
    display: flex;
    margin: 0 -6px;
  }
}

@media (min-width: 1024px) {
  .careers-support-list {
    margin: 0 -12px;
  }
}

.careers-support-item {
  display: flex;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .careers-support-item {
    flex-direction: column;
    width: calc(25% - 12px);
    margin: 0 6px;
  }
}

@media (min-width: 1024px) {
  .careers-support-item {
    width: calc(25% - 24px);
    margin: 0 12px;
  }
}

.careers-support-item:before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 12px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.97266 11L12.9727 14L22.9727 4' stroke='%231780FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.9727 12V19C21.9727 19.5304 21.7619 20.0391 21.3869 20.4142C21.0118 20.7893 20.5031 21 19.9727 21H5.97266C5.44222 21 4.93352 20.7893 4.55844 20.4142C4.18337 20.0391 3.97266 19.5304 3.97266 19V5C3.97266 4.46957 4.18337 3.96086 4.55844 3.58579C4.93352 3.21071 5.44222 3 5.97266 3H16.9727' stroke='%231780FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .careers-support-item:before {
    margin-bottom: 24px;
  }
}

.careers-support-item h3,
.careers-support-item span {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
}

.careers-support-item h3 br,
.careers-support-item span br {
  display: none;
}

@media (min-width: 1024px) {
  .careers-support-item h3 br,
  .careers-support-item span br {
    display: inline;
  }
}

.service {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .service {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-top: 143px;
  }
}

.service__title.h1 {
  max-width: 1028px;
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 54px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .service__title.h1 {
    margin-bottom: 88px;
    font-size: 64px;
  }
}

.service-item {
  margin-bottom: 64px;
}

@media (min-width: 768px) {
  .service-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 88px;
  }

  .service-item:nth-child(odd) {
    flex-direction: row-reverse;
  }
}

@media (min-width: 768px) and (min-width: 1024px) {
  .service-item:nth-child(odd) {
    margin-left: 24px;
  }
}

@media (min-width: 768px) {
  .service-item:nth-child(odd) .service-item-content {
    margin-left: 40px;
  }
}

@media (min-width: 768px) and (min-width: 1024px) {
  .service-item:nth-child(odd) .service-item-content {
    margin-left: 185px;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  .service-item:nth-child(2n) .service-item-content {
    margin-right: 40px;
  }
}

@media (min-width: 768px) and (min-width: 1024px) {
  .service-item:nth-child(2n) .service-item-content {
    margin-right: 270px;
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .service-item:nth-child(2n) .service-item-img:after {
    border-radius: 0 50px;
  }
}

@media (min-width: 768px) and (min-width: 1200px) {
  .service-item:nth-child(2n) .service-item-img:after {
    border-radius: 0 100px;
  }
}

.service-item:first-child .service-item__title:before {
  background-color: #ffce1f;
}

@media (min-width: 768px) {
  .service-item:first-child .service-item-img:after {
    border-color: #ffce1f;
  }
}

.service-item:nth-child(2) .service-item__title:before {
  background-color: #1780ff;
}

@media (min-width: 768px) {
  .service-item:nth-child(2) .service-item-img:after {
    border-color: #1780ff;
  }
}

.service-item:last-child {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .service-item-content {
    width: 436px;
    margin-bottom: 24px;
  }
}

.service-item__title.h4 {
  margin-bottom: 32px;
  padding-left: 30px;
  position: relative;
  letter-spacing: -0.04em;
}

.service-item__title.h4:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #cce3ff;
}

@media (min-width: 1024px) {
  .service-item__title.h4 {
    padding-left: 41px;
  }
}

.service-item__text,
.service-item__text.h3 {
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #596573;
}

@media (min-width: 1024px) {
  .service-item__text,
  .service-item__text.h3 {
    padding-left: 41px;
  }
}

@media (min-width: 1024px) {
  .service-item .button {
    margin-left: 41px;
  }
}

.service-item .button_outlined {
  padding: 14px 32px;
}

.service-item-img {
  display: none;
}

@media (min-width: 768px) {
  .service-item-img {
    flex-shrink: 0;
    display: block;
    position: relative;
    width: 200px;
  }

  .service-item-img:after {
    content: "";
    position: absolute;
    top: -14px;
    left: -14px;
    width: 100%;
    height: 100%;
    border: 4px solid #cce3ff;
    border-radius: 50px 0;
  }
}

@media (min-width: 1024px) {
  .service-item-img:after {
    top: -24px;
    left: -24px;
  }
}

@media (min-width: 1200px) {
  .service-item-img {
    width: 398px;
    height: 485px;
  }

  .service-item-img:after {
    border-radius: 100px 0;
  }
}

.industries .service__title.h1 {
  max-width: 818px;
}

.tools_darker {
  background-color: #f4f7fa;
}

.tools__title.h3 {
  text-align: center;
  margin-bottom: 52px;
}

.tools-item {
  display: flex;
  flex-direction: column;
  width: 260px;
  height: 260px;
  padding: 16px;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0 0 0 transparent;
  transition: box-shadow 0.3s;
}

.tools-item:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
}

.tools-item:hover .tools-item__arrow {
  transform: scale(1.2);
}

.tools-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
  background-color: #fff;
  border-radius: 10px;
}

.tools-item__title.h4 {
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 13px;
}

.tools-item__caption {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
}

.tools-item__arrow {
  margin-top: auto;
  width: 16px;
  height: 16px;
  transform: scale(1);
  transition: transform 0.3s;
}

.tools {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .tools {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.tools-slider {
  display: flex;
  overflow: hidden;
  padding: 12px 0;
}

.tools-inner {
  display: flex;
  position: relative;
  will-change: transform;
}

.tools-slide {
  flex-shrink: 0;
  padding: 0 12px;
}

.technologies.technologies_retail {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .technologies.technologies_retail {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.technologies.technologies_retail:before {
  display: none;
}

.technologies-hero {
  padding-top: 70px;
}

@media (min-width: 1024px) {
  .technologies-hero {
    padding-top: 143px;
  }
}

.technologies-hero .tools__title {
  font-size: 36px;
  text-align: left;
  max-width: 376px;
}

@media (min-width: 1024px) {
  .technologies-hero .tools__title {
    font-size: 64px;
    max-width: 686px;
  }
}

.technologies-achieve {
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .technologies-achieve {
    padding-bottom: 100px;
  }
}

.technologies-achieve__title.h2 {
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 36px;
  line-height: 60px;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .technologies-achieve__title.h2 {
    margin-bottom: 48px;
    font-size: 48px;
  }
}

@media (min-width: 768px) {
  .technologies-achieve-list {
    display: flex;
    margin: 0 -12px;
  }
}

.technologies-achieve-item {
  margin-bottom: 24px;
  padding: 40px 32px;
  border: 2px solid;
  border-radius: 20px;
  background-color: #fff;
}

@media (min-width: 768px) {
  .technologies-achieve-item {
    margin: 0 12px;
    width: calc(33.33333% - 24px);
  }
}

@media (min-width: 1024px) {
  .technologies-achieve-item {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s;
  }

  .technologies-achieve-item:hover {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
  }
}

.technologies-achieve-item:first-child {
  border-color: #1780ff;
}

.technologies-achieve-item:nth-child(2) {
  border-color: #ffce1f;
}

.technologies-achieve-item:nth-child(3) {
  border-color: #131a58;
  margin-bottom: 0;
}

.technologies-achieve-item-link {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #131a58;
}

.technologies-achieve-item-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 24px;
}

.technologies-achieve-item__title.h2 {
  font: inherit;
}

.thank {
  padding-top: 70px;
  padding-bottom: 65px;
  background-color: #f4f7fa;
  text-align: center;
}

@media (min-width: 1024px) {
  .thank {
    padding-top: 143px;
    padding-bottom: 135px;
  }
}

.thank-img {
  margin-bottom: 11px;
}

.thank__title.h1 {
  margin-bottom: 12px;
  font-weight: 800;
  font-size: 42px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .thank__title.h1 {
    font-size: 64px;
  }
}

.thank__caption {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #596573;
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

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

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

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

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

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

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.jobs {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .jobs {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.jobs__title.h2 {
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .jobs__title.h2 {
    margin-bottom: 48px;
    font-size: 48px;
  }
}

.jobs-list {
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .jobs-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -12px 8px;
  }
}

.jobs-item {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  margin: 0 auto 24px;
  padding: 68px 32px 48px;
  position: relative;
  color: #fff;
  background-color: #131a58;
  border-radius: 20px;
}

.jobs-item:first-child {
  order: 1;
}

.jobs-item:nth-child(2) {
  order: 3;
}

.jobs-item:nth-child(3) {
  order: 2;
}

.jobs-item:nth-child(4) {
  order: 5;
}

.jobs-item:nth-child(5) {
  order: 4;
}

.jobs-item:nth-child(n + 6) {
  order: 6;
}

@media (min-width: 768px) {
  .jobs-item {
    width: calc(50% - 24px);
    margin: 0 12px 24px;
  }
}

@media (min-width: 1200px) {
  .jobs-item {
    width: calc(33.33333% - 24px);
  }
}

.jobs-item:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: #1780ff;
  border-radius: 20px 20px 0 0;
}

.jobs-item_yellow:before {
  background-color: #ffce1f;
}

.jobs-item_light-blue:before {
  background-color: #cce3ff;
}

.jobs-item__title {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 36px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

@media (min-width: 1200px) {
  .jobs-item__title {
    white-space: pre-wrap;
  }
}

.jobs-item__type {
  display: inline-block;
  margin-bottom: 12px;
}

.jobs-item__description,
.jobs-item__type {
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  letter-spacing: -0.01em;
}

.jobs-item__description {
  margin-bottom: 37px;
  color: #f4f7fa;
  opacity: 0.5;
}

.jobs-item-bottom {
  margin-top: auto;
}

.jobs-item-bottom__caption {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-right: 48px;
}

.jobs-item-bottom__caption:last-child {
  margin-right: 0;
}

.jobs-item_last {
  padding-bottom: 28px;
  background-color: unset;
  background-image: url(static/gradient-bg-af5505d24ebc3bf7d7b6354a1af3df53.png);
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #131a58;
}

.jobs-item_last:before {
  display: none;
}

.jobs-item_last .jobs-item__title {
  margin-bottom: 24px;
}

.jobs-item_last .jobs-item__description {
  color: #131a58;
  opacity: 1;
}

.jobs-item_last .jobs-item__description a {
  font-weight: 700;
}

.jobs-item-icon {
  margin-top: auto;
  margin-left: auto;
}

.jobs-note {
  margin-bottom: 18px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.jobs-note svg {
  margin-right: 12px;
  width: 22px;
  height: 18px;
}

.jobs-security {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #596573;
}

.dev-frameworks {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .dev-frameworks {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-bottom: 41px;
  }
}

.dev-frameworks_java .dev-frameworks-list {
  position: relative;
}

.dev-frameworks_java .dev-frameworks-list:after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 48px);
  height: 1px;
  background-color: #596573;
  opacity: 0.2;
}

@media (min-width: 1024px) {
  .dev-frameworks_java .dev-frameworks-list:after {
    bottom: -40px;
  }
}

.dev-frameworks_java .dev-frameworks__caption.h3 {
  margin: 0 auto 49px;
  max-width: 506px;
}

.dev-frameworks__title.h2 {
  margin-bottom: 12px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  text-align: center;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .dev-frameworks__title.h2 {
    font-size: 48px;
  }
}

.dev-frameworks__caption.h3 {
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #596573;
}

@media (min-width: 1024px) {
  .dev-frameworks__caption.h3 {
    margin-bottom: 48px;
  }
}

.dev-frameworks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -29px;
}

.dev-frameworks-item {
  margin: 0 29px 24px;
  text-align: center;
}

.dev-frameworks-item-img {
  width: 50px;
  height: 50px;
  margin: 0 auto 11px;
  display: flex;
  align-items: center;
}

.dev-frameworks-item__title.h3 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.dev-hero {
  padding-top: 70px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .dev-hero {
    padding-top: 143px;
    padding-bottom: 100px;
  }
}

.dev-hero_dark {
  color: #fff;
  background-color: #131a58;
}

@media (min-width: 1024px) {
  .dev-hero_dark {
    padding-top: 179px;
    padding-bottom: 139px;
  }
}

.dev-hero_dark .dev-hero__title.h1 {
  max-width: 576px;
}

.dev-hero_dark .dev-hero__title.h1 span {
  color: #ffce1f;
}

.dev-hero_dark .dev-hero__caption {
  max-width: 418px;
  color: #fff;
}

.dev-hero_dark .dev-hero-wrp:after {
  display: none;
}

.dev-hero_dark-gradient {
  background-color: unset;
  background-image: linear-gradient(180deg, #131a58 86.2%, #f4f7fa 0, #f4f7fa);
  padding-bottom: 0;
}

@media (min-width: 1024px) {
  .dev-hero_dark-gradient {
    margin-bottom: -37px;
    padding-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .dev-hero_dark-gradient .dev-hero-main {
    margin-top: -186px;
  }
}

.dev-hero_dark-gradient .dev-hero__title.h1 {
  max-width: 646px;
}

.dev-hero_dark-gradient .dev-hero__caption {
  max-width: unset;
}

.dev-hero-wrp {
  position: relative;
}

@media (min-width: 768px) {
  .dev-hero-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.dev-hero-wrp:after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 100%;
  background-color: #596573;
  opacity: 0.2;
}

@media (min-width: 1024px) {
  .dev-hero-wrp:after {
    bottom: -100px;
  }
}

.dev-hero-main {
  margin-right: 32px;
}

.dev-hero__title.h1 {
  max-width: 608px;
  margin-bottom: 12px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .dev-hero__title.h1 {
    font-size: 48px;
  }
}

.dev-hero__title.h1 span {
  font: inherit;
  line-height: inherit;
  color: #1780ff;
}

.dev-hero__caption {
  max-width: 503px;
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #596573;
  opacity: 0.8;
}

.dev-hero-contact {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .dev-hero-contact {
    margin-bottom: 0;
  }
}

.dev-hero-img {
  text-align: center;
}

.dev-hero-img img {
  border-radius: 20px;
  filter: drop-shadow(0 0 100px rgba(0, 0, 0, 0.1));
}

.recommend-clutch {
  text-align: center;
}

@media (min-width: 1024px) {
  .recommend-clutch {
    max-width: 300px;
    flex-shrink: 0;
  }
}

.recommend-clutch-img {
  margin-bottom: 12px;
}

.recommend-clutch-img img {
  width: 262px;
  height: 283px;
}

.recommend-clutch .five-stars__sprite {
  margin: 0 auto 14px;
  width: 167px;
  height: 27px;
  background-size: 28px 27px;
}

.recommend-clutch-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
}

.recommend-clutch-text__blue {
  font-weight: 700;
  color: #1780ff;
}

.recommend-clutch-text__link {
  color: #131a58;
  font-weight: 700;
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .recommend-clutch-text__link:hover {
    text-decoration: none;
  }
}

.case-hero {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  padding-top: 35px;
  color: #fff;
  text-align: center;
}

.case-hero_top-title {
  padding-top: 25px;
  padding-bottom: 110px;
}

.case-hero_top-title h1 {
  font-size: 26px;
}

.case-hero_darker {
  position: relative;
}

.case-hero_darker:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #01101f;
  opacity: 0.5;
  z-index: 1;
}

.case-hero_darker .container {
  position: relative;
  z-index: 5;
}

.case-hero__title {
  margin-bottom: 20px;
  font-size: 34px;
  text-transform: uppercase;
  line-height: 1.2;
}

.case-hero__title_orange span {
  color: #fbb315;
}

.case-hero__title span {
  font-size: inherit;
  font-weight: inherit;
}

.case-hero__subtitle {
  padding-bottom: 8px;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
}

.case-hero.enterprise .case-hero_additional-bg {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  min-height: 42vw;
  margin-bottom: -110px;
}

.case-study__title {
  padding: 40px 15px;
  text-align: center;
}

.case-study__title_blue {
  background-color: #46a5d7;
}

.case-study__title_green {
  background-color: #37c386;
}

.case-study__title_orange {
  background-color: #e78443;
}

.case-study__title_darkblue {
  background-color: #1d2033;
}

.case-study__title_darkblue h3 span {
  color: #fec608;
}

.case-study__title h3 {
  text-transform: uppercase;
  color: #fff;
  font-size: 26px;
}

.case-study__title span {
  color: #01101f;
  font-size: inherit;
  font-weight: 300;
}

.case-study-list {
  position: relative;
  padding: 75px 0 0 35px;
  margin-bottom: 35px;
}

.case-study-list:before {
  content: "";
  position: absolute;
  top: 90px;
  left: 4px;
  width: 1px;
  height: calc(100% - 138px);
  background: #c8c9c9;
}

.case-study-item {
  position: relative;
  margin-bottom: 24px;
}

.case-study-item:before {
  content: "";
  position: absolute;
  top: 8px;
  left: -40px;
  width: 9px;
  height: 9px;
  background: #46a5d7;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 2px 2px 2px #ccc;
}

.case-study-item h4 {
  text-transform: uppercase;
  font-size: 24px;
  padding-bottom: 25px;
  margin-bottom: 8px;
}

.case-study-pilot__pic {
  display: block;
  margin: 0 auto;
  max-width: 525px;
  width: 100%;
  text-align: center;
}

.case-study-pilot p {
  margin-bottom: 24px;
}

.case-study-pilot p span,
.case-study-pilot p strong {
  display: block;
  padding-top: 35px;
  padding-bottom: 0;
}

.case-study-pilot strong {
  padding-bottom: 15px;
  display: inline-block;
}

.case-study-pilot-list {
  margin-bottom: 35px;
}

.case-study-pilot-item {
  padding-left: 35px;
  position: relative;
  line-height: 2;
}

.case-study-pilot-item:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 14px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #404040;
}

.case-study-pilot-item span {
  line-height: inherit;
}

.case-study-pilot.rubica .case-study-pilot__pic {
  width: auto;
}

.case-study-pilot.teketeke .case-study-pilot-col {
  display: flex;
  flex-direction: column;
}

.case-study-pilot.teketeke .case-study-pilot__pic {
  order: 0;
}

.case-study-pilot.teketeke p {
  order: 1;
}

.case-study.enterprise .case-study-pilot__pic {
  width: auto;
  max-width: 100%;
}

.case-result {
  padding-top: 60px;
  margin-bottom: -40px;
  background-color: #69a1a4;
  text-align: center;
}

.case-result-title {
  margin-bottom: 50px;
}

.case-result-title h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 26px;
}

.case-result-title h3 span {
  font-size: inherit;
  font-weight: 300;
  color: #01101f;
}

.case-result-wrp {
  background-color: #1d2033;
  padding-top: 20px;
  max-width: 540px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 0 24px 6px rgba(0, 0, 0, 0.2);
}

.case-result-item {
  padding: 35px 15px 0;
}

.case-result-item i {
  font-size: 52px;
  color: #19764d;
}

.case-result-item svg {
  max-width: 222px;
  max-height: 222px;
  margin: 0 auto;
}

.case-result-item p {
  padding: 10px 15px 55px;
  color: #fff;
}

.case-with-bg {
  padding: 80px 0 120px;
  color: #fff;
  text-align: center;
}

.case-with-bg_blue-overlay {
  position: relative;
}

.case-with-bg_blue-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1d2033;
  opacity: 0.9;
  pointer-events: none;
  z-index: 1;
}

.case-with-bg_blue-overlay .container {
  position: relative;
  z-index: 5;
}

.case-with-bg i {
  font-size: 54px;
}

.case-with-bg p {
  margin-bottom: 35px;
}

.case-client {
  padding: 40px 0;
}

.case-result {
  position: relative;
}

.case-result-wrp {
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .case-hero {
    height: 50vh;
    display: flex;
    align-items: center;
  }

  .case-hero .container {
    margin: auto;
  }

  .case-hero_top-title .container {
    margin-top: 50px;
  }

  .case-hero__title,
  .case-hero_top-title h1 {
    font-size: 48px;
  }

  .case-hero.enterprise {
    min-height: 50vh;
    height: auto;
  }

  .case-hero.enterprise .case-hero_additional-bg {
    background-size: cover;
  }

  .case-study__title h3 {
    font-size: 36px;
  }

  .case-study-pilot {
    display: flex;
    flex-wrap: wrap;
  }

  .case-study-pilot__pic {
    order: 2;
    flex-basis: 50%;
    float: right;
  }

  .case-study-pilot p {
    order: 1;
    flex-basis: 50%;
    margin-top: auto;
  }

  .case-study-pilot-list {
    order: 3;
    flex-basis: 100%;
  }

  .case-study-pilot.rubica {
    align-items: center;
  }

  .case-study-pilot.rubica p {
    margin-top: 0;
    display: flex;
    flex-direction: column;
  }

  .case-study-pilot.rubica p span {
    margin-top: auto;
    padding-top: 35px;
  }

  .case-study-pilot.rubica .case-study-pilot-col {
    flex-basis: 49%;
  }

  .case-study-pilot.rubica .case-study-pilot__pic {
    flex-basis: auto;
    margin-right: 0;
  }

  .case-study-pilot.teketeke .case-study-pilot-col {
    display: block;
  }

  .case-study.enterprise .case-study-pilot__pic {
    max-width: 525px;
  }

  .case-study.enterprise .case-study-pilot__pic_1 {
    order: 2;
  }

  .case-study.enterprise .case-study-pilot__pic_2 {
    order: 4;
  }

  .case-study.enterprise .case-study-pilot-col {
    flex-basis: 50%;
  }

  .case-study.enterprise .case-study-pilot-col_1 {
    order: 1;
  }

  .case-study.enterprise .case-study-pilot-col_2 {
    order: 3;
  }

  .case-result-title {
    margin-bottom: 30px;
  }

  .case-result-title h3 {
    font-size: 36px;
  }

  .case-result-wrp {
    padding: 30px 100px 43px;
  }
}

@media screen and (min-width: 1024px) {
  .case-hero.enterprise .case-hero_additional-bg {
    min-height: 42vw;
    margin-bottom: -180px;
  }

  .case-study-pilot {
    display: block;
  }

  .case-study-pilot.rubica .case-study-pilot__pic {
    padding-left: 20px;
  }

  .case-study.enterprise .case-study-pilot-col_2 {
    padding-bottom: 160px;
  }

  .case-result-wrp {
    max-width: none;
    display: flex;
    flex-wrap: wrap;
  }

  .case-result-wrp_four .case-result-item {
    width: 25%;
  }

  .case-result-item {
    width: 33.33333%;
  }
}

@media screen and (min-width: 1200px) {
  .case-hero.enterprise .case-hero_additional-bg {
    width: 1200px;
    height: 516px;
    min-height: unset;
    margin-bottom: -180px;
  }

  .case-study.enterprise .case-study-pilot {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 0;
  }

  .case-study.enterprise .case-study-pilot__pic {
    flex-basis: 40%;
    margin-right: 0;
    margin-top: -40px;
  }

  .case-study.enterprise .case-study-pilot__pic_1 {
    order: 2;
  }

  .case-study.enterprise .case-study-pilot__pic_2 {
    order: 4;
  }

  .case-study.enterprise .case-study-pilot-col {
    flex-basis: 50%;
  }

  .case-study.enterprise .case-study-pilot-list {
    margin-bottom: 35px;
  }
}

.cs-hero-img {
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.cs-hero-img:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 91.46%;
}

@media (min-width: 500px) {
  .cs-hero-img:before {
    padding-bottom: 70%;
  }
}

@media (min-width: 700px) {
  .cs-hero-img:before {
    padding-bottom: 40%;
  }
}

@media (min-width: 1024px) {
  .cs-hero-img:before {
    padding-bottom: 27.8%;
  }
}

.cs-hero-wrapper {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media (min-width: 1024px) {
  .cs-hero-wrapper {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

.cs-hero__title.h1 {
  margin-bottom: 16px;
  font-weight: 800;
  font-size: 42px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .cs-hero__title.h1 {
    font-size: 64px;
  }
}

.cs-hero-pills-list {
  margin-bottom: 25px;
}

@media (min-width: 600px) {
  .cs-hero-pills-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

.cs-hero-pills-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 10px 22px;
  border: 2px solid #ffce1f;
  border-radius: 40px;
}

@media (min-width: 600px) {
  .cs-hero-pills-item {
    margin-right: 14px;
  }
}

@media (min-width: 832px) {
  .cs-hero-pills-item {
    margin-bottom: 0;
  }
}

.cs-hero-pills-item:last-child {
  margin-bottom: 0;
}

@media (min-width: 600px) {
  .cs-hero-pills-item:last-child {
    margin-right: 0;
  }
}

.cs-hero-pills-item svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.cs-hero-pills-item__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.cs-hero-pills-item .country-flag {
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  padding-left: 36px;
}

.cs-hero-pills-item .country-flag:before {
  width: 24px;
  height: 24px;
}

.cs-hero__description {
  max-width: 713px;
  font-weight: 400;
  font-size: 18px;
  line-height: 162%;
  letter-spacing: -0.01em;
  color: #596573;
}

.cs-challenge_darker {
  background-color: #f4f7fa;
}

@media (min-width: 1288px) {
  .cs-challenge_camtran-2 .cs-challenge-wrp_reverse .cs-challenge-img {
    width: 71%;
    margin-top: -173px;
    transform: translateX(calc(-50vw + 918px));
  }

  .cs-challenge_camtran-2 .cs-challenge-wrp_reverse .cs-challenge-img img {
    width: 73%;
  }
}

@media (min-width: 1288px) {
  .cs-challenge_volo-1 .cs-challenge-img {
    margin-top: -111px;
    margin-bottom: -111px;
    transform: translateX(calc(50vw - 695px));
  }
}

@media (min-width: 1288px) {
  .cs-challenge_volo-2 {
    padding-bottom: 74px;
  }
}

@media (min-width: 1288px) {
  .cs-challenge_volo-2 .cs-challenge-wrp_reverse .cs-challenge-inner {
    margin-top: -14px;
  }
}

@media (min-width: 1288px) {
  .cs-challenge_volo-2 .cs-challenge-wrp_reverse .cs-challenge-img {
    margin-top: -123px;
    margin-bottom: -111px;
    transform: translateX(calc(-50vw + 717px));
  }
}

@media (min-width: 1024px) {
  .cs-challenge_utopian-1 .cs-challenge-wrp {
    padding-top: 91px;
  }
}

@media (min-width: 1288px) {
  .cs-challenge_utopian-1 .cs-challenge-img {
    transform: translateX(calc(50vw - 759px));
  }
}

@media (min-width: 1024px) {
  .cs-challenge_utopian-2 .cs-challenge-wrp_reverse {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -100px;
    margin-bottom: -80px;
  }
}

@media (min-width: 1288px) {
  .cs-challenge_utopian-2 .cs-challenge-wrp_reverse {
    padding-top: 77px;
    padding-bottom: 94px;
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (min-width: 1288px) {
  .cs-challenge_utopian-2 .cs-challenge-wrp_reverse .cs-challenge-img {
    margin-top: -308px;
    margin-bottom: -202px;
    transform: translateX(calc(-50vw + 734px));
  }
}

.cs-challenge_123signup-1 .cs-challenge-wrp {
  padding-bottom: 153px;
}

@media (min-width: 1288px) {
  .cs-challenge_123signup-1 .cs-challenge-img {
    margin-top: -246px;
    margin-bottom: -100px;
    transform: translateX(calc(50vw - 663px));
  }
}

@media (min-width: 1288px) {
  .cs-challenge_123signup-2 .cs-challenge-wrp_reverse {
    padding-bottom: 100px;
  }
}

@media (min-width: 1288px) {
  .cs-challenge_123signup-2 .cs-challenge-wrp_reverse .cs-challenge-img {
    margin-top: 36px;
    transform: translateX(calc(-50vw + 639px));
  }
}

@media (min-width: 1288px) {
  .cs-challenge_123signup-2 .cs-challenge-inner {
    margin-top: 14px;
  }
}

@media (min-width: 1288px) {
  .cs-challenge_enterprise-1 .cs-challenge-img {
    transform: translateX(calc(50vw - 727px));
  }
}

@media (min-width: 1024px) {
  .cs-challenge_enterprise-2 .cs-challenge-wrp_reverse {
    padding-top: 0;
    padding-bottom: 110px;
  }
}

@media (min-width: 1288px) {
  .cs-challenge_enterprise-2 .cs-challenge-wrp_reverse .cs-challenge-img {
    margin-top: -12px;
    margin-bottom: -14px;
    transform: translateX(calc(-50vw + 587px));
  }
}

@media (min-width: 1288px) {
  .cs-challenge_rubica-1 .cs-challenge-img {
    margin-top: -121px;
    margin-bottom: -124px;
    transform: translateX(calc(50vw - 759px));
  }
}

@media (min-width: 1288px) {
  .cs-challenge_rubica-2 .cs-challenge-wrp_reverse .cs-challenge-img {
    margin-top: -106px;
    margin-bottom: -109px;
    transform: translateX(calc(-50vw + 690px));
  }
}

@media (min-width: 1024px) {
  .cs-challenge_kofein-1 .cs-challenge-wrp {
    padding-bottom: 84px;
  }
}

.cs-challenge_kofein-1 .cs-challenge-img {
  margin-bottom: -140px;
}

@media (min-width: 1024px) {
  .cs-challenge_kofein-1 .cs-challenge-img {
    margin-top: -51px;
    transform: translateX(calc(50vw - 688px));
  }
}

@media (min-width: 1288px) {
  .cs-challenge_kofein-1 .cs-challenge-img {
    transform: translateX(calc(50vw - 782px));
  }
}

@media (min-width: 1288px) {
  .cs-challenge_kofein-2 .cs-challenge-wrp_reverse .cs-challenge-img {
    margin-top: 13px;
    margin-bottom: 12px;
    transform: translateX(calc(-50vw + 713px));
  }
}

@media (min-width: 1024px) {
  .cs-challenge_bms-1 .cs-challenge-inner {
    max-width: 819px;
  }
}

@media (min-width: 1024px) {
  .cs-challenge_mave-2 .cs-challenge-inner {
    max-width: 608px;
  }
}

@media (min-width: 1024px) {
  .cs-challenge_arkit .cs-challenge-wrp {
    padding-top: 0;
    padding-bottom: 50px;
  }
}

.cs-challenge_arkit .cs-challenge-img {
  text-align: center;
}

@media (min-width: 1200px) {
  .cs-challenge_arkit .cs-challenge-img {
    flex-grow: 1;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .cs-challenge_arkit .cs-challenge-img img {
    width: 526px;
    margin-left: -50px;
    margin-top: -32px;
    margin-bottom: -77px;
  }
}

@media (min-width: 1024px) {
  .cs-challenge_arkit-2 {
    background-image: linear-gradient(180deg, #fff 65.5%, #f4f7fa 0, #f4f7fa);
  }
}

@media (min-width: 1024px) {
  .cs-challenge_arkit-2 .cs-challenge-wrp {
    align-items: flex-start;
  }
}

.cs-challenge_arkit-2 .cs-challenge-wrp_reverse {
  padding-top: 100px;
  padding-bottom: 0;
}

@media (min-width: 1024px) {
  .cs-challenge_arkit-2 .cs-challenge-wrp_reverse .cs-challenge-inner {
    margin-top: -4px;
  }
}

.cs-challenge_arkit-2 .cs-challenge-wrp_reverse .cs-challenge-img {
  transform: none;
  text-align: center;
}

@media (min-width: 1024px) {
  .cs-challenge_arkit-2 .cs-challenge-wrp_reverse .cs-challenge-img {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .cs-challenge_arkit-2 .cs-challenge-img {
    margin-bottom: -142px;
  }
}

@media (min-width: 1200px) {
  .cs-challenge_arkit-2 .cs-challenge-img {
    flex-grow: 1;
    margin-top: -64px;
    margin-left: -35px;
  }
}

@media (min-width: 1200px) {
  .cs-challenge_arkit-2 .cs-challenge-img img {
    width: 504px;
  }
}

@media (min-width: 1024px) {
  .cs-challenge_csc .cs-challenge-inner {
    max-width: 502px;
  }
}

@media (min-width: 1288px) {
  .cs-challenge_csc .cs-challenge-img {
    transform: translateX(calc(50vw - 648px));
  }
}

.cs-challenge_csc-2 .cs-challenge-wrp_reverse .cs-challenge-img {
  text-align: center;
}

@media (min-width: 1288px) {
  .cs-challenge_csc-2 .cs-challenge-wrp_reverse .cs-challenge-img {
    transform: none;
    text-align: initial;
  }
}

@media (min-width: 1024px) {
  .cs-challenge_truly .cs-challenge-inner {
    max-width: 502px;
  }
}

.cs-challenge_truly .cs-challenge-img {
  width: 100%;
  margin-left: 24px;
}

@media (min-width: 1024px) {
  .cs-challenge_truly .cs-challenge-img {
    margin-left: 0;
    width: auto;
    transform: translateX(calc(50vw - 653px));
  }
}

@media (min-width: 1288px) {
  .cs-challenge_truly .cs-challenge-img {
    transform: translateX(calc(50vw - 686px));
    margin-left: 0;
  }
}

.cs-challenge_truly-2 .cs-challenge-wrp_reverse .cs-challenge-img {
  margin-left: -24px;
}

@media (min-width: 1288px) {
  .cs-challenge_truly-2 .cs-challenge-wrp_reverse .cs-challenge-img {
    transform: translateX(calc(-50vw + 693px));
  }
}

@media (min-width: 1024px) {
  .cs-challenge-inner {
    max-width: 608px;
    margin-right: 48px;
    flex-shrink: 0;
  }
}

.cs-challenge-title {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

@media (min-width: 1024px) {
  .cs-challenge-title {
    margin-bottom: 32px;
  }
}

.cs-challenge-title span {
  flex-shrink: 0;
  font-weight: 700;
  font-size: 36px;
  line-height: 115%;
  letter-spacing: -0.04em;
  color: #1780ff;
  margin-right: 24px;
}

.cs-challenge-title__item.h2 {
  font-weight: 800;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.03em;
}

.cs-challenge__text {
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 18px;
  line-height: 162%;
  letter-spacing: -0.01em;
  white-space: pre-wrap;
  color: #596573;
}

@media (min-width: 1024px) {
  .cs-challenge__text {
    margin-bottom: 0;
  }
}

.cs-challenge-img {
  text-align: right;
}

@media (min-width: 1024px) {
  .cs-challenge-img {
    flex-shrink: 0.5;
  }
}

@media (min-width: 1288px) {
  .cs-challenge-img {
    position: relative;
    flex-shrink: 0;
    transform: translateX(calc(50vw - 644px));
  }
}

.cs-challenge-img img {
  display: inline-block;
}

.cs-challenge-wrp {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .cs-challenge-wrp {
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    align-items: center;
  }
}

.cs-challenge-wrp_reverse .cs-challenge-img {
  text-align: left;
}

@media (min-width: 1288px) {
  .cs-challenge-wrp_reverse .cs-challenge-img {
    transform: translateX(calc(-50vw + 644px));
  }
}

@media (min-width: 1024px) {
  .cs-challenge-wrp_reverse {
    padding-top: 87px;
    padding-bottom: 84px;
    flex-direction: row-reverse;
  }
}

@media (min-width: 1024px) {
  .cs-challenge-wrp_reverse .cs-challenge-inner {
    margin-right: 0;
    margin-left: 48px;
  }
}

.cs-challenge-bg {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.cs-challenge-bg:before {
  content: "";
  display: block;
  padding-bottom: 48.6%;
}

.cs-challenge-bg_big:before {
  padding-bottom: 66.66%;
}

.cs-challenge-bg_smaller:before {
  padding-bottom: 41.6%;
}

.cs-challenge-bg_rubica {
  background: none;
  background-color: #f4f7fa;
  text-align: center;
}

.cs-challenge-bg_rubica img {
  position: relative;
  top: -20px;
}

.cs-challenge-bg_rubica + .cs-happy {
  margin-top: -46px;
}

@media (min-width: 1024px) {
  .cs-challenge-bg_rubica + .cs-happy {
    padding-top: 0;
    padding-bottom: 133px;
  }
}

.cs-challenge-bg_bms:before {
  padding-bottom: 56.26%;
}

.cs-challenge-bg-img,
.cs-challenge-bg_darker {
  background-color: #f4f7fa;
}

.cs-challenge-bg-img {
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .cs-challenge-bg-img {
    padding-bottom: 100px;
  }
}

@media (min-width: 1270px) {
  .cs-challenge-bg-img .container {
    padding: 0;
    max-width: 1240px;
  }
}

.cs-challenge-bg-img_2 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #dce6ff;
  text-align: center;
}

@media (min-width: 1024px) {
  .cs-challenge-bg-img_2 {
    padding-top: 71px;
    padding-bottom: 67px;
  }
}

.cs-challenge-double-bg {
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  background-color: #f4f7fa;
}

.cs-challenge-double-bg-inner {
  flex-shrink: 0;
  width: 100%;
  position: relative;
  top: 37px;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

.cs-challenge-double-bg-inner:before {
  content: "";
  display: block;
  padding-bottom: 48.47%;
}

.cs-challenge-double-bg_enterprise .cs-challenge-double-bg-inner:before {
  padding-bottom: 49.47%;
}

.cs-func {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .cs-func {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (min-width: 1024px) {
  .cs-func-list {
    padding-top: 9px;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 32px;
    align-items: center;
  }
}

@media (min-width: 1024px) {
  .cs-func-list_12 {
    grid-template-rows: repeat(6, 1fr);
  }
}

@media (min-width: 1024px) {
  .cs-func-list_6 {
    grid-template-rows: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .cs-func-list_10 {
    grid-template-rows: repeat(5, 1fr);
  }
}

.cs-func__caption {
  margin-bottom: 40px;
  max-width: 608px;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #596573;
}

.cs-func-item {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .cs-func-item {
    margin-bottom: 32px;
  }
}

@media (min-width: 1024px) {
  .cs-func-item {
    margin-bottom: 0;
  }
}

.cs-func-item svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 22px;
}

.cs-func-item span {
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  letter-spacing: -0.01em;
  color: #596573;
}

@media (min-width: 768px) {
  .cs-func-item span {
    max-width: 457px;
    font-size: 18px;
  }
}

.cs-func_bms {
  background-color: #fff;
}

.cs-func_bms .cs-func-list {
  grid-template-rows: repeat(5, 1fr);
}

.cs-func_mave .cs-func-list {
  grid-template-rows: repeat(3, 1fr);
}

@media (min-width: 1024px) {
  .cs-func_arkit .cs-func-list {
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  .cs-func_csc .cs-func-list {
    display: block;
    -moz-columns: 2;
    column-count: 2;
    -moz-column-gap: 130px;
    column-gap: 130px;
  }
}

@media (min-width: 1024px) {
  .cs-func_csc .cs-func-item {
    margin-bottom: 32px;
  }
}

.cs-func_light {
  background-color: #fff;
}

.cs-results {
  padding-top: 50px;
  padding-bottom: 50px;
  color: #fff;
}

@media (min-width: 1024px) {
  .cs-results {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-bottom: 105px;
  }
}

.cs-results__title.h2 {
  margin-bottom: 36px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.04em;
  text-align: center;
}

@media (min-width: 1024px) {
  .cs-results__title.h2 {
    margin-bottom: 48px;
    font-size: 48px;
  }
}

@media (min-width: 768px) {
  .cs-results-list {
    display: flex;
    justify-content: space-around;
    margin: 0 -12px;
  }
}

.cs-results-item {
  text-align: center;
  max-width: 450px;
  margin: 0 auto 36px;
}

@media (min-width: 768px) {
  .cs-results-item {
    max-width: 300px;
    width: 33.33333%;
    margin: 0 12px;
  }
}

.cs-results-item__text {
  margin-top: 24px;
  display: block;
}

.cs-happy {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
  text-align: center;
}

@media (min-width: 1024px) {
  .cs-happy {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.cs-happy svg {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .cs-happy svg {
    margin-bottom: 37px;
  }
}

.cs-happy__text {
  margin: 0 auto;
  max-width: 818px;
  font-weight: 400;
  font-size: 17px;
  line-height: 170%;
  text-align: center;
  white-space: pre-wrap;
}

@media (min-width: 768px) {
  .cs-happy__text {
    font-size: 20px;
  }
}

.cs-spectrum-review.custom-dev-review {
  background-color: #fff;
}

.cs-next {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .cs-next {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.cs-next_darker {
  background-color: #f4f7fa;
}

.cs-next-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 32px;
  line-height: 125%;
  letter-spacing: -0.04em;
  color: currentColor;
  transition: color 0.3s;
}

@media (min-width: 1024px) {
  .cs-next-link {
    font-size: 48px;
  }
}

.cs-next-link:after {
  content: "";
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  margin-left: 16px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.8 29.0505C44.681 28.7436 44.5026 28.4632 44.275 28.2255L31.775 15.7255C31.5419 15.4924 31.2652 15.3075 30.9606 15.1813C30.6561 15.0552 30.3296 14.9902 30 14.9902C29.3342 14.9902 28.6958 15.2547 28.225 15.7255C27.9919 15.9586 27.807 16.2353 27.6809 16.5398C27.5547 16.8444 27.4898 17.1708 27.4898 17.5005C27.4898 18.1662 27.7542 18.8047 28.225 19.2755L36.475 27.5005H17.5C16.837 27.5005 16.2011 27.7639 15.7322 28.2327C15.2634 28.7015 15 29.3374 15 30.0005C15 30.6635 15.2634 31.2994 15.7322 31.7682C16.2011 32.2371 16.837 32.5005 17.5 32.5005H36.475L28.225 40.7255C27.9907 40.9579 27.8047 41.2344 27.6778 41.539C27.5508 41.8437 27.4855 42.1704 27.4855 42.5005C27.4855 42.8305 27.5508 43.1573 27.6778 43.4619C27.8047 43.7666 27.9907 44.0431 28.225 44.2755C28.4574 44.5098 28.7339 44.6958 29.0386 44.8227C29.3432 44.9496 29.67 45.015 30 45.015C30.33 45.015 30.6568 44.9496 30.9614 44.8227C31.2661 44.6958 31.5426 44.5098 31.775 44.2755L44.275 31.7755C44.5026 31.5377 44.681 31.2573 44.8 30.9505C45.05 30.3418 45.05 29.6591 44.8 29.0505Z' fill='%23131A58'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.8 29.0505C44.681 28.7436 44.5026 28.4632 44.275 28.2255L31.775 15.7255C31.5419 15.4924 31.2652 15.3075 30.9606 15.1813C30.6561 15.0552 30.3296 14.9902 30 14.9902C29.3342 14.9902 28.6958 15.2547 28.225 15.7255C27.9919 15.9586 27.807 16.2353 27.6809 16.5398C27.5547 16.8444 27.4898 17.1708 27.4898 17.5005C27.4898 18.1662 27.7542 18.8047 28.225 19.2755L36.475 27.5005H17.5C16.837 27.5005 16.2011 27.7639 15.7322 28.2327C15.2634 28.7015 15 29.3374 15 30.0005C15 30.6635 15.2634 31.2994 15.7322 31.7682C16.2011 32.2371 16.837 32.5005 17.5 32.5005H36.475L28.225 40.7255C27.9907 40.9579 27.8047 41.2344 27.6778 41.539C27.5508 41.8437 27.4855 42.1704 27.4855 42.5005C27.4855 42.8305 27.5508 43.1573 27.6778 43.4619C27.8047 43.7666 27.9907 44.0431 28.225 44.2755C28.4574 44.5098 28.7339 44.6958 29.0386 44.8227C29.3432 44.9496 29.67 45.015 30 45.015C30.33 45.015 30.6568 44.9496 30.9614 44.8227C31.2661 44.6958 31.5426 44.5098 31.775 44.2755L44.275 31.7755C44.5026 31.5377 44.681 31.2573 44.8 30.9505C45.05 30.3418 45.05 29.6591 44.8 29.0505Z' fill='%23131A58'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  transition: background-color 0.3s;
}

@media (min-width: 1024px) {
  .cs-next-link:after {
    width: 60px;
    height: 60px;
  }
}

.cs-next-link:hover {
  color: #1780ff;
}

.portfolio {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .portfolio {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-top: 143px;
  }
}

.portfolio__title.h1 {
  max-width: 652px;
  margin-bottom: 48px;
  font-weight: 800;
  font-size: 48px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .portfolio__title.h1 {
    margin-bottom: 51px;
    font-size: 64px;
  }
}

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

  to {
    transform: rotate(1turn);
  }
}

@keyframes rotateCommercial {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.you-get {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .you-get {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.you-get__title.h3 {
  text-align: center;
}

.you-get-list {
  position: relative;
  max-width: 270px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .you-get-list {
    max-width: 734px;
    width: 100%;
    height: 684px;
  }
}

.you-get-list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  width: 1px;
  height: 100%;
  background-image: repeating-linear-gradient(
    180deg,
    transparent,
    transparent 4px,
    rgba(23, 128, 255, 0.3) 0,
    rgba(23, 128, 255, 0.3) 8px
  );
  background-size: 100%;
  background-repeat: repeat-y;
}

@media (min-width: 768px) {
  .you-get-list:before {
    display: none;
  }
}

@media (min-width: 768px) {
  .you-get-list__commercial-label {
    width: 134px;
    height: 134px;
    margin-left: -67px;
    margin-top: -67px;
    -webkit-animation-name: rotateCommercial;
    animation-name: rotateCommercial;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
}

@media (min-width: 768px) {
  .you-get-list__commercial-label,
  .you-get-list__fire-icon {
    display: block !important;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
  }

  .you-get-list__fire-icon {
    transform: translate(-50%, -50%);
    height: 42px;
    width: 34px;
  }
}

.you-get-item {
  padding-bottom: 16px;
  padding-left: 24px;
  position: relative;
}

@media (min-width: 768px) {
  .you-get-item {
    display: flex;
    align-items: center;
    padding: 0;
    z-index: 5;
  }

  .you-get-item,
  .you-get-item:after {
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .you-get-item:after {
    content: "";
    width: 1px;
    height: 199px;
    background-image: repeating-linear-gradient(
      180deg,
      transparent,
      transparent 4px,
      rgba(23, 128, 255, 0.3) 0,
      rgba(23, 128, 255, 0.3) 8px
    );
    background-size: 100%;
    background-repeat: repeat-y;
  }

  .you-get-item:first-child {
    transform: translate(-50%, -50%) rotate(-90deg) translate(282px)
      rotate(90deg);
  }

  .you-get-item:first-child:after {
    transform: translate(-50%, -50%) rotate(0deg) translateY(140px);
  }

  .you-get-item:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg) translate(282px)
      rotate(45deg);
  }

  .you-get-item:nth-child(2):after {
    transform: translate(-50%, -50%) rotate(45deg) translateY(140px);
  }

  .you-get-item:nth-child(3) {
    transform: translate(-50%, -50%) rotate(0deg) translate(282px) rotate(0deg);
  }

  .you-get-item:nth-child(3):after {
    transform: translate(-50%, -50%) rotate(90deg) translateY(140px);
  }

  .you-get-item:nth-child(4) {
    transform: translate(-50%, -50%) rotate(45deg) translate(282px)
      rotate(-45deg);
  }

  .you-get-item:nth-child(4):after {
    transform: translate(-50%, -50%) rotate(135deg) translateY(140px);
  }

  .you-get-item:nth-child(5) {
    transform: translate(-50%, -50%) rotate(90deg) translate(282px)
      rotate(-90deg);
  }

  .you-get-item:nth-child(5):after {
    transform: translate(-50%, -50%) rotate(180deg) translateY(140px);
  }

  .you-get-item:nth-child(6) {
    transform: translate(-50%, -50%) rotate(135deg) translate(282px)
      rotate(-135deg);
  }

  .you-get-item:nth-child(6):after {
    transform: translate(-50%, -50%) rotate(225deg) translateY(140px);
  }

  .you-get-item:nth-child(7) {
    transform: translate(-50%, -50%) rotate(180deg) translate(282px)
      rotate(-180deg);
  }

  .you-get-item:nth-child(7):after {
    transform: translate(-50%, -50%) rotate(270deg) translateY(140px);
  }

  .you-get-item:nth-child(8) {
    transform: translate(-50%, -50%) rotate(225deg) translate(282px)
      rotate(-225deg);
  }

  .you-get-item:nth-child(8):after {
    transform: translate(-50%, -50%) rotate(315deg) translateY(140px);
  }

  .you-get-item:first-child .you-get-item__title {
    margin-top: 54px;
  }

  .you-get-item:first-child .you-get-item__text {
    bottom: calc(100% - 43px);
  }

  .you-get-item:nth-child(2) .you-get-item__title {
    margin-top: 29px;
    margin-left: 50px;
  }

  .you-get-item:nth-child(2) .you-get-item__text {
    left: calc(50% + 25px);
    bottom: calc(100% - 17px);
  }

  .you-get-item:nth-child(3) .you-get-item__text {
    bottom: calc(100% + 12px);
  }

  .you-get-item:nth-child(4) .you-get-item__title {
    margin-bottom: 5px;
    margin-left: 50px;
  }

  .you-get-item:nth-child(4) .you-get-item__text {
    left: calc(50% + 25px);
    bottom: calc(100% + 12px);
  }

  .you-get-item:nth-child(5) .you-get-item__title {
    margin-bottom: 54px;
  }

  .you-get-item:nth-child(5) .you-get-item__text {
    bottom: calc(100% + 12px);
  }

  .you-get-item:nth-child(6) .you-get-item__title {
    margin-bottom: 5px;
    margin-right: 50px;
  }

  .you-get-item:nth-child(6) .you-get-item__text {
    left: calc(50% - 25px);
    bottom: calc(100% + 12px);
  }

  .you-get-item:nth-child(7) .you-get-item__text {
    bottom: calc(100% + 12px);
  }

  .you-get-item:nth-child(8) .you-get-item__title {
    margin-top: 2px;
    margin-right: 50px;
  }

  .you-get-item:nth-child(8) .you-get-item__text {
    left: calc(50% - 25px);
    bottom: calc(100% + 12px);
  }

  .you-get-item:hover {
    z-index: 10;
  }

  .you-get-item:hover .you-get-item__title {
    border-color: #ffce1f;
    box-shadow: 0 0 30px rgba(255, 206, 31, 0.5);
  }

  .you-get-item:hover .you-get-item__text {
    opacity: 1;
    pointer-events: auto;
  }
}

.you-get-item:last-of-type {
  padding-bottom: 0;
}

.you-get-item:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  background-color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(23, 128, 255, 0.3);
}

@media (min-width: 768px) {
  .you-get-item:before {
    display: none;
  }
}

.you-get-item__title.h3 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  white-space: pre-wrap;
}

@media (min-width: 768px) {
  .you-get-item__title.h3 {
    display: block;
    width: 168px;
    padding: 32px 6px;
    text-align: center;
    position: relative;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    box-shadow: 0 0 30px hsla(0, 0%, 91.8%, 0);
    z-index: 1;
    transition: all 0.3s;
    cursor: pointer;
  }
}

.you-get-item__text {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #596573;
}

@media (min-width: 768px) {
  .you-get-item__text {
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    width: 240px;
    padding: 24px;
    background-color: #fff;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.03);
    border-radius: 20px;
    z-index: 5;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
  }
}

@media (min-width: 768px) {
  .you-get-item__text:hover {
    opacity: 1;
    pointer-events: auto;
  }
}

@media (min-width: 768px) {
  .you-get-item__text:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 30px;
  }
}

.get {
  padding-bottom: 36px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .get {
    margin-top: -4px;
    padding-top: 0;
  }
}

.get .h3 {
  text-align: center;
}

@media (min-width: 1024px) {
  .get .h3 {
    margin-bottom: 64px;
  }
}

.get_two-row-titles .get__title.h3 {
  white-space: pre-wrap;
}

@media (min-width: 1288px) {
  .get_two-row-titles .get__title.h3 {
    min-height: 46px;
  }
}

.get_big-paddings {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .get_big-paddings {
    padding-top: 74px;
    padding-bottom: 15px;
  }
}

.get-list {
  color: #131a58;
}

@media (min-width: 768px) {
  .get-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
  }
}

.get-item {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .get-item {
    width: 50%;
    padding: 0 16px;
  }
}

@media (min-width: 1024px) {
  .get-item {
    margin-bottom: 54px;
    width: 33.33333%;
  }

  .get-item:hover .you-get__title {
    color: #1780ff;
  }
}

@media (min-width: 1288px) {
  .get-item {
    position: relative;
    padding-top: 64px;
    padding-bottom: 0;
    transition: padding 0.3s;
    cursor: pointer;
  }

  .get-item:hover {
    padding-top: 0;
    padding-bottom: 54px;
  }

  .get-item:hover .get-icon {
    opacity: 0;
    top: -64px;
    pointer-events: auto;
  }

  .get-item:hover .get__text {
    opacity: 1;
    bottom: 0;
    pointer-events: auto;
  }
}

.get-icon {
  margin-bottom: 16px;
}

@media (min-width: 1288px) {
  .get-icon {
    position: absolute;
    top: 0;
    left: 16px;
    width: 32px;
    height: 32px;
    opacity: 1;
    transition: opacity 0.3s, top 0.3s;
    pointer-events: none;
  }
}

.get__title.h3 {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  text-align: left;
  letter-spacing: -0.02em;
}

@media (min-width: 1024px) {
  .get__title.h3 {
    transition: color 0.3s;
  }
}

.get__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #596573;
}

@media (min-width: 1288px) {
  .get__text {
    position: absolute;
    bottom: -54px;
    left: 16px;
    width: calc(100% - 32px);
    height: 54px;
    opacity: 0;
    transition: opacity 0.3s, bottom 0.3s;
    pointer-events: none;
  }
}

@media (min-width: 768px) {
  .get_white-tiles .get-list {
    margin: 0 -12px;
  }
}

.get_white-tiles .get-item {
  padding: 12px;
  background-image: linear-gradient(
    to bottom right,
    rgba(122, 19, 122, 0.842),
    purple,
    rgb(94, 15, 94)
  );
  border: 2px solid #eaeaea;
  border-radius: 20px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .get_white-tiles .get-item {
    margin: 0 12px 24px;
    width: calc(50% - 24px);
  }
}

@media (min-width: 1024px) {
  .get_white-tiles .get-item {
    width: calc(33.33333% - 24px);
    padding: 24px;
  }
}

@media (min-width: 1288px) {
  .get_white-tiles .get-item {
    padding-top: 76px;
    padding-bottom: 36px;
    overflow: hidden;
  }

  .get_white-tiles .get-item:hover {
    padding-top: 24px;
    padding-bottom: 87px;
  }

  .get_white-tiles .get-item:hover .get__text {
    bottom: 24px;
  }
}

@media (min-width: 1288px) {
  .get_white-tiles .get-icon {
    top: 24px;
    left: 24px;
  }
}

@media (min-width: 1288px) {
  .get_white-tiles .get__text {
    bottom: -24px;
    left: 24px;
    width: calc(100% - 48px);
  }
}

.get_no-hover {
  padding-top: 100px;
}

@media (min-width: 1200px) {
  .get_no-hover {
    padding-top: 182px;
  }
}

.get_no-hover .h3 {
  text-align: left;
  margin-bottom: 47px;
}

@media (min-width: 1288px) {
  .get_no-hover .get-item {
    position: static;
    overflow: visible;
    padding: 32px 32px 40px;
    cursor: auto;
  }

  .get_no-hover .get-item .get-icon,
  .get_no-hover .get-item .get__text {
    position: static;
    opacity: 1;
  }

  .get_no-hover .get-item:hover {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}

.get_no-hover .get-icon {
  margin-bottom: 24px;
}

.get_no-hover .get__title {
  margin-bottom: 14px;
  font-weight: 800;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.03em;
}

.get_bpm h2.h3 {
  font-size: 48px;
}

.get_retail {
  padding-top: 0;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .get_retail {
    padding-bottom: 100px;
  }
}

.get_center-title .h3 {
  text-align: center;
}

.get_center-title .get-list .h3 {
  text-align: left;
}

.get_aviation {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .get_aviation {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.get_aviation .get-list {
  justify-content: center;
}

.get_vue .get__title {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
}

.get-yellow {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .get-yellow {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.get-yellow__title.h3 {
  white-space: pre-wrap;
}

@media (min-width: 1024px) {
  .get-yellow__title.h3 {
    margin-bottom: 63px;
  }
}

.get-yellow-list {
  counter-reset: yellowCounter;
}

@media (min-width: 1024px) {
  .get-yellow-list {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 1200px) {
  .get-yellow-list {
    margin: 0 -12px;
  }
}

.get-yellow-item {
  margin-bottom: 24px;
}

@media (min-width: 1024px) {
  .get-yellow-item {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .get-yellow-item {
    width: 33.33333%;
    margin-bottom: 51px;
    padding: 0 12px;
  }

  .get-yellow-item:last-child,
  .get-yellow-item:nth-last-child(2),
  .get-yellow-item:nth-last-child(3) {
    margin-bottom: 0;
  }
}

.get-yellow-item__title.h3 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 24px;
  line-height: 115%;
}

.get-yellow-item__title.h3:before {
  content: counter(yellowCounter, decimal-leading-zero);
  counter-increment: yellowCounter;
  margin-right: 16px;
  width: 29px;
  height: 30px;
  font-weight: 800;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.03em;
  color: #ffce1f;
}

.get-yellow-item__text {
  display: block;
  padding-left: 45px;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #596573;
}

.get-blue {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .get-blue {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-top: 50px;
    padding-bottom: 96px;
  }
}

.get-blue .container {
  position: relative;
}

.get-blue .container:after {
  position: absolute;
  content: "";
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: rgba(89, 101, 115, 0.2);
}

@media (min-width: 1024px) {
  .get-blue .container:after {
    bottom: -96px;
  }
}

@media (min-width: 1024px) {
  .get-blue__title.h3 {
    margin-bottom: 16px;
  }
}

@media (min-width: 1024px) {
  .get-blue-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.get-blue-main {
  margin-bottom: 32px;
}

@media (min-width: 1024px) {
  .get-blue-main {
    width: 56.5%;
    margin-top: -4px;
    margin-bottom: 0;
  }
}

.get-blue-list {
  counter-reset: blueCounter;
}

@media (min-width: 768px) {
  .get-blue-list {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-row-gap: 49px;
    grid-column-gap: 12px;
  }
}

.get-blue-item {
  margin-bottom: 59px;
}

@media (min-width: 768px) {
  .get-blue-item {
    margin-bottom: 0;
  }
}

.get-blue-item__title.h3 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 24px;
  line-height: 115%;
}

.get-blue-item__title.h3:before {
  content: counter(blueCounter, decimal-leading-zero);
  counter-increment: blueCounter;
  margin-right: 16px;
  width: 29px;
  height: 30px;
  font-weight: 800;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.03em;
  color: #1780ff;
}

.get-blue-item__text {
  display: block;
  max-width: 296px;
  padding-left: 45px;
  font-weight: 400;
  font-size: 16px;
  line-height: 155%;
  color: #596573;
}

.get-blue-aside {
  text-align: center;
}

.get-blue-aside img {
  filter: drop-shadow(-50px 50px 100px rgba(0, 0, 0, 0.05));
}

.benefit {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .benefit {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

@media (min-width: 1024px) {
  .benefit .container {
    display: flex;
    align-items: center;
  }
}

.benefit_darker {
  background-color: #f4f7fa;
}

@media (min-width: 1400px) {
  .benefit .h3 {
    padding-top: 33px;
  }
}

.benefit .h3 br {
  display: none;
}

@media (min-width: 1400px) {
  .benefit .h3 br {
    display: inline;
  }
}

@media (min-width: 768px) {
  .benefit-wrp {
    margin: 0 auto;
    position: relative;
    width: 529px;
    height: 529px;
  }
}

@media (min-width: 1024px) {
  .benefit-wrp {
    width: 529px;
    margin-right: 85px;
  }
}

@media (min-width: 768px) {
  .benefit-circle {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #1780ff;
  }

  .benefit-circle_1 {
    width: 529px;
    height: 529px;
    background-color: rgba(23, 128, 255, 0.1);
  }

  .benefit-circle_2 {
    width: 429px;
    height: 429px;
    background-color: rgba(23, 128, 255, 0.2);
  }

  .benefit-circle_3 {
    width: 335px;
    height: 335px;
    background-color: rgba(23, 128, 255, 0.4);
  }

  .benefit-circle_4 {
    width: 239px;
    height: 239px;
    background-color: rgba(23, 128, 255, 0.6);
  }

  .benefit-circle_5 {
    width: 142px;
    height: 142px;
    background-color: rgba(23, 128, 255, 0.8);
  }

  .benefit-circle_inner {
    width: 46px;
    height: 46px;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffce1f;
    border: 2px solid #fff;
    box-sizing: border-box;
    box-shadow: 0 0 40px rgba(255, 206, 31, 0.8);
  }
}

@media (min-width: 768px) {
  .benefit-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 529px;
    height: 529px;
  }
}

.benefit-list-item {
  position: relative;
  padding-left: 32px;
  padding-bottom: 32px;
}

@media (max-width: 767px) {
  .benefit-list-item {
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
  }
}

@media (min-width: 768px) {
  .benefit-list-item {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 0;
    transition: all 0.3s;
    cursor: pointer;
  }

  .benefit-list-item:hover {
    z-index: 10;
    width: 225px !important;
  }

  .benefit-list-item:hover .benefit-list-card {
    width: 100%;
  }

  .benefit-list-item:hover .benefit-list-card__caption {
    max-height: 100px;
    margin-bottom: 8px;
  }
}

@media (min-width: 768px) {
  .benefit-list-item_reverse .benefit-list-dot {
    left: auto;
    right: 0;
  }

  .benefit-list-item_reverse .benefit-list-card {
    left: auto;
    right: 30px;
  }
}

.benefit-list-dot {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 4px;
  left: 0;
  background: #fff;
  border: 2px solid #1780ff;
  border-radius: 50%;
  box-shadow: 0 0 20px hsla(0, 0%, 100%, 0.8);
}

@media (min-width: 768px) {
  .benefit-list-dot {
    top: 0;
    left: 0;
  }
}

@media (min-width: 768px) {
  .benefit-list-card {
    position: absolute;
    width: 100%;
    top: -12px;
    left: 30px;
    transform: none;
    padding: 20px 12px 12px;
    text-align: center;
    background: #fff;
    color: #131a58;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
    border-radius: 8px;
    transition: all 0.3s;
    overflow: hidden;
  }
}

.benefit-list-card__title.h3 {
  margin-bottom: 8px;
  padding-top: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

.benefit-list-card__caption {
  margin: 0 auto;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 145%;
  color: #596573;
}

@media (min-width: 768px) {
  .benefit-list-card__caption {
    max-height: 0;
    width: 201px;
    transition: all 0.3s;
    overflow: hidden;
  }
}

@media (min-width: 1024px) {
  .cases-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13px;
  }
}

@media (min-width: 1024px) {
  .cases-list_single-item .cases-item {
    width: 398px;
    flex-shrink: 0;
    margin: 0;
  }
}

.cases-list_two-items {
  width: 100%;
  gap: 24px;
}

@media (min-width: 1024px) {
  .cases-list_two-items .cases-item {
    width: calc(50% - 12px);
    max-width: none;
    flex-shrink: 0;
    margin: 0;
  }
}

.cases-list_two-items .cases-item-img {
  height: 300px;
}

.cases-list_wide .cases-item {
  width: 100%;
  max-width: unset;
  min-height: unset;
}

@media (min-width: 768px) {
  .cases-list_wide .cases-item {
    display: grid;
    grid-template-areas: "imgWide titleWide" "imgWide captionWide" "imgWide flagWide";
    grid-template-columns: minmax(auto, 446px) auto;
    grid-template-rows: 0.9fr 0.8fr 0.9fr;
    grid-column-gap: 24px;
    grid-row-gap: 10px;
    padding: 16px 12px 8px;
  }
}

@media (min-width: 768px) {
  .cases-list_wide .cases-item__title.h2 {
    grid-area: titleWide;
    padding: 0;
    margin-bottom: 0;
    align-self: flex-end;
  }
}

@media (min-width: 768px) {
  .cases-list_wide .cases-item__caption.h4 {
    grid-area: captionWide;
    padding: 0;
  }
}

.cases-list_wide .cases-item-flag {
  margin-top: 30px;
  padding: 0 30px;
}

@media (min-width: 768px) {
  .cases-list_wide .cases-item-flag {
    grid-area: flagWide;
    margin-top: 0;
    padding: 0;
  }
}

.cases-list_wide .cases-item-flag .country-flag {
  height: 24px;
  line-height: 24px;
  padding-left: 36px;
  font-weight: 600;
  font-size: 12px;
  color: #596573;
}

.cases-list_wide .cases-item-flag .country-flag:before {
  width: 24px;
  height: 24px;
}

@media (min-width: 768px) {
  .cases-list_wide .cases-item-img {
    grid-area: imgWide;
    padding: 0;
    margin-bottom: 0;
    align-self: center;
    height: auto;
  }
}

.cases-list_wide .cases-item-img img {
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 0;
}

.cases-item {
  display: block;
  max-width: 600px;
  margin: 0 auto 32px;
  padding-bottom: 28px;
  min-height: 352px;
  color: #131a58;
  background-color: #fff;
  border: 2px solid #eaeaea;
  border-radius: 20px;
  overflow: hidden;
}

.cases-item_green .cases-item-img {
  padding: 0 15px;
  background-color: #6ab27d;
}

@media (min-width: 1024px) {
  .cases-item {
    width: calc(33.33333% - 26px);
    max-width: 398px;
    margin: 13px 13px 11px;
    box-shadow: 0 0 50px hsla(0, 0%, 100%, 0.08);
    transition: all 0.3s;
    cursor: pointer;
  }

  .cases-item:hover {
    border-color: #ffce1f;
    box-shadow: 0 0 50px rgba(1, 16, 31, 0.08);
  }
}

.cases-item-img {
  margin-bottom: 25px;
  height: 200px;
}

.cases-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
  border-radius: 20px 20px 0 0;
}

.cases-item__title.h2 {
  margin-bottom: 10px;
  padding: 0 30px;
  font-weight: 800;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.03em;
  white-space: pre-wrap;
}

.cases-item__caption.h4 {
  margin-bottom: 0;
  padding: 0 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #596573;
}

.client-review {
  padding-top: 50px;
  text-align: center;
}

@media (min-width: 1024px) {
  .client-review {
    padding-top: 100px;
  }
}

.client-review__quote {
  display: inline-block;
  max-width: 818px;
  font-weight: 700;
  font-size: 27px;
  line-height: 150%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .client-review__quote {
    font-size: 36px;
  }
}

.client-review-person {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  padding-bottom: 16px;
}

.client-review-person__logo {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
}

.client-review-person__name {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  opacity: 0.5;
}

.client-review-clutch {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.client-review-clutch__img {
  width: 56px;
  height: 62px;
  flex-shrink: 0;
  margin-right: 24px;
}

.client-review-clutch-stars .five-stars__sprite {
  width: 167px;
  height: 28px;
  background-size: 28px 27px;
}

.client-review-clutch-text {
  flex-basis: 100%;
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
}

.client-review-clutch-text strong {
  color: #1780ff;
}

.client-review-clutch-text__link {
  font-weight: 700;
  color: #131a58;
  text-decoration: underline;
}

.client-review-clutch-text__link:hover {
  text-decoration: none;
}

.country-flag {
  padding-left: 50px;
  position: relative;
  height: 36px;
  line-height: 36px;
}

.country-flag:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
}

.country-flag.canada:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGQ9Ik01MTIgMjU2YzAtMTAxLjQ5NC01OS4wNjUtMTg5LjE5LTE0NC42OTYtMjMwLjU5OHY0NjEuMTk1QzQ1Mi45MzUgNDQ1LjE5IDUxMiAzNTcuNDk0IDUxMiAyNTZ6TTAgMjU2YzAgMTAxLjQ5NCA1OS4wNjUgMTg5LjE5IDE0NC42OTYgMjMwLjU5OFYyNS40MDJDNTkuMDY1IDY2LjgxIDAgMTU0LjUwNiAwIDI1NnptMzAwLjUyMiAzMy4zOTFsNDQuNTIxLTIyLjI2MS0yMi4yNi0xMS4xM3YtMjIuMjYxTDI3OC4yNjEgMjU2bDIyLjI2MS00NC41MjJoLTIyLjI2MUwyNTYgMTc4LjA4N2wtMjIuMjYxIDMzLjM5MWgtMjIuMjYxTDIzMy43MzkgMjU2bC00NC41MjItMjIuMjYxVjI1NmwtMjIuMjYgMTEuMTMgNDQuNTIxIDIyLjI2MS0xMS4xMyAyMi4yNjFoNDQuNTIydjMzLjM5MWgyMi4yNnYtMzMuMzkxaDQ0LjUyMnoiIGZpbGw9IiNkODAwMjciLz48L3N2Zz4=);
}

.country-flag.usa:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGQ9Ik0yNDQuODcgMjU2SDUxMmMwLTIzLjEwNi0zLjA4LTQ1LjQ5LTguODE5LTY2Ljc4M0gyNDQuODdWMjU2em0wLTEzMy41NjVoMjI5LjU1NmEyNTcuMzUgMjU3LjM1IDAgMDAtNTkuMDctNjYuNzgzSDI0NC44N3Y2Ni43ODN6TTI1NiA1MTJjNjAuMjQ5IDAgMTE1LjYyNi0yMC44MjQgMTU5LjM1Ni01NS42NTJIOTYuNjQ0QzE0MC4zNzQgNDkxLjE3NiAxOTUuNzUxIDUxMiAyNTYgNTEyek0zNy41NzQgMzg5LjU2NWg0MzYuODUyYTI1NC40NzQgMjU0LjQ3NCAwIDAwMjguNzU1LTY2Ljc4M0g4LjgxOWEyNTQuNDc0IDI1NC40NzQgMCAwMDI4Ljc1NSA2Ni43ODN6IiBmaWxsPSIjZDgwMDI3Ii8+PHBhdGggZD0iTTExOC41ODQgMzkuOTc4aDIzLjMyOWwtMjEuNyAxNS43NjUgOC4yODkgMjUuNTA5LTIxLjY5OS0xNS43NjUtMjEuNjk5IDE1Ljc2NSA3LjE2LTIyLjAzN2EyNTcuNDA3IDI1Ny40MDcgMCAwMC00OS42NTIgNTUuMzM3aDcuNDc1bC0xMy44MTMgMTAuMDM1YTI1NS41OCAyNTUuNTggMCAwMC02LjE5NCAxMC45MzhsNi41OTYgMjAuMzAxLTEyLjMwNi04Ljk0MWEyNTMuNTY3IDI1My41NjcgMCAwMC04LjM3MiAxOS44NzNsNy4yNjcgMjIuMzY4aDI2LjgyMmwtMjEuNyAxNS43NjUgOC4yODkgMjUuNTA5LTIxLjY5OS0xNS43NjUtMTIuOTk4IDkuNDQ0QTI1OC40NjggMjU4LjQ2OCAwIDAwMCAyNTZoMjU2VjBjLTUwLjU3MiAwLTk3LjcxNSAxNC42Ny0xMzcuNDE2IDM5Ljk3OHptOS45MTggMTkwLjQyMmwtMjEuNjk5LTE1Ljc2NUw4NS4xMDQgMjMwLjRsOC4yODktMjUuNTA5LTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDkgOC4yODggMjUuNTA5aDI2LjgyMmwtMjEuNyAxNS43NjUgOC4yODkgMjUuNTA5em0tOC4yODktMTAwLjA4M2w4LjI4OSAyNS41MDktMjEuNjk5LTE1Ljc2NS0yMS42OTkgMTUuNzY1IDguMjg5LTI1LjUwOS0yMS43LTE1Ljc2NWgyNi44MjJsOC4yODgtMjUuNTA5IDguMjg4IDI1LjUwOWgyNi44MjJsLTIxLjcgMTUuNzY1ek0yMjAuMzI4IDIzMC40bC0yMS42OTktMTUuNzY1TDE3Ni45MyAyMzAuNGw4LjI4OS0yNS41MDktMjEuNy0xNS43NjVoMjYuODIybDguMjg4LTI1LjUwOSA4LjI4OCAyNS41MDloMjYuODIybC0yMS43IDE1Ljc2NSA4LjI4OSAyNS41MDl6bS04LjI4OS0xMDAuMDgzbDguMjg5IDI1LjUwOS0yMS42OTktMTUuNzY1LTIxLjY5OSAxNS43NjUgOC4yODktMjUuNTA5LTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDkgOC4yODggMjUuNTA5aDI2LjgyMmwtMjEuNyAxNS43NjV6bTAtNzQuNTc0bDguMjg5IDI1LjUwOS0yMS42OTktMTUuNzY1LTIxLjY5OSAxNS43NjUgOC4yODktMjUuNTA5LTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDkgOC4yODggMjUuNTA5aDI2LjgyMmwtMjEuNyAxNS43NjV6IiBmaWxsPSIjMDA1MmI0Ii8+PC9zdmc+);
}

.country-flag.ireland:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGQ9Ik01MTIgMjU2YzAtMTEwLjA3LTY5LjQ3Mi0yMDMuOTA2LTE2Ni45NTctMjQwLjA3NnY0ODAuMTU1QzQ0Mi41MjggNDU5LjkwNiA1MTIgMzY2LjA3MiA1MTIgMjU2eiIgZmlsbD0iI2ZmOTgxMSIvPjxwYXRoIGQ9Ik0wIDI1NmMwIDExMC4wNzIgNjkuNDcyIDIwMy45MDYgMTY2Ljk1NyAyNDAuMDc4VjE1LjkyNEM2OS40NzIgNTIuMDk0IDAgMTQ1LjkzIDAgMjU2eiIgZmlsbD0iIzZkYTU0NCIvPjwvc3ZnPg==);
}

.country-flag.uk:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGQ9Ik01Mi45MiAxMDAuMTQyYy0yMC4xMDkgMjYuMTYzLTM1LjI3MiA1Ni4zMTgtNDQuMTAxIDg5LjA3N2gxMzMuMTc4TDUyLjkyIDEwMC4xNDJ6bTQ1MC4yNjEgODkuMDc3Yy04LjgyOS0zMi43NTgtMjMuOTkzLTYyLjkxMy00NC4xMDEtODkuMDc2bC04OS4wNzUgODkuMDc2aDEzMy4xNzZ6TTguODE5IDMyMi43ODRjOC44MyAzMi43NTggMjMuOTkzIDYyLjkxMyA0NC4xMDEgODkuMDc1bDg5LjA3NC04OS4wNzVIOC44MTl6TTQxMS44NTggNTIuOTIxYy0yNi4xNjMtMjAuMTA5LTU2LjMxNy0zNS4yNzItODkuMDc2LTQ0LjEwMnYxMzMuMTc3bDg5LjA3Ni04OS4wNzV6TTEwMC4xNDIgNDU5LjA3OWMyNi4xNjMgMjAuMTA5IDU2LjMxOCAzNS4yNzIgODkuMDc2IDQ0LjEwMlYzNzAuMDA1bC04OS4wNzYgODkuMDc0em04OS4wNzUtNDUwLjI2Yy0zMi43NTggOC44My02Mi45MTMgMjMuOTkzLTg5LjA3NSA0NC4xMDFsODkuMDc1IDg5LjA3NVY4LjgxOXptMTMzLjU2NiA0OTQuMzYyYzMyLjc1OC04LjgzIDYyLjkxMy0yMy45OTMgODkuMDc1LTQ0LjEwMWwtODkuMDc1LTg5LjA3NXYxMzMuMTc2em00Ny4yMjItMTgwLjM5N2w4OS4wNzUgODkuMDc2YzIwLjEwOC0yNi4xNjIgMzUuMjcyLTU2LjMxOCA0NC4xMDEtODkuMDc2SDM3MC4wMDV6IiBmaWxsPSIjMDA1MmI0Ii8+PGcgZmlsbD0iI2Q4MDAyNyI+PHBhdGggZD0iTTUwOS44MzMgMjIyLjYwOUgyODkuMzkyVjIuMTY3QTI1OC41NTYgMjU4LjU1NiAwIDAwMjU2IDBjLTExLjMxOSAwLTIyLjQ2MS43NDQtMzMuMzkxIDIuMTY3djIyMC40NDFIMi4xNjdBMjU4LjU1NiAyNTguNTU2IDAgMDAwIDI1NmMwIDExLjMxOS43NDQgMjIuNDYxIDIuMTY3IDMzLjM5MWgyMjAuNDQxdjIyMC40NDJhMjU4LjM1IDI1OC4zNSAwIDAwNjYuNzgzIDBWMjg5LjM5MmgyMjAuNDQyQTI1OC41MzMgMjU4LjUzMyAwIDAwNTEyIDI1NmMwLTExLjMxNy0uNzQ0LTIyLjQ2MS0yLjE2Ny0zMy4zOTF6Ii8+PHBhdGggZD0iTTMyMi43ODMgMzIyLjc4NEw0MzcuMDE5IDQzNy4wMmEyNTYuNjM2IDI1Ni42MzYgMCAwMDE1LjA0OC0xNi40MzVsLTk3LjgwMi05Ny44MDJoLTMxLjQ4MnYuMDAxem0tMTMzLjU2NiAwaC0uMDAyTDc0Ljk4IDQzNy4wMTlhMjU2LjYzNiAyNTYuNjM2IDAgMDAxNi40MzUgMTUuMDQ4bDk3LjgwMi05Ny44MDR2LTMxLjQ3OXptMC0xMzMuNTY1di0uMDAyTDc0Ljk4MSA3NC45OGEyNTYuNjM2IDI1Ni42MzYgMCAwMC0xNS4wNDggMTYuNDM1bDk3LjgwMyA5Ny44MDNoMzEuNDgxem0xMzMuNTY2IDBMNDM3LjAyIDc0Ljk4MWEyNTYuMzI4IDI1Ni4zMjggMCAwMC0xNi40MzUtMTUuMDQ3bC05Ny44MDIgOTcuODAzdjMxLjQ4MnoiLz48L2c+PC9zdmc+);
}

.country-flag.poland:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGQ9Ik01MTIgMjU2YzAgMTQxLjM4NC0xMTQuNjE2IDI1Ni0yNTYgMjU2UzAgMzk3LjM4NCAwIDI1NiIgZmlsbD0iI2Q4MDAyNyIvPjwvc3ZnPg==);
}

.country-flag.greece:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxnIGZpbGw9IiMzMzhhZjMiPjxwYXRoIGQ9Ik0yNTYgMTg5LjIxN2gyNDcuMTgxYTI1NC41NTkgMjU0LjU1OSAwIDAwLTI4Ljc1NS02Ni43ODNIMjU2djY2Ljc4M3pNOTYuNjQzIDQ1Ni4zNDhoMzE4LjcxM2EyNTcuMjkzIDI1Ny4yOTMgMCAwMDU5LjA2OS02Ni43ODNIMzcuNTc0YTI1Ny4zNDYgMjU3LjM0NiAwIDAwNTkuMDY5IDY2Ljc4M3ptLTcuNi0zOTQuNDA5YTI1Ny4yNTQgMjU3LjI1NCAwIDAwLTUxLjQ2OSA2MC40OTZoNTEuNDY5VjYxLjkzOXoiLz48cGF0aCBkPSJNMjU2IDI1NnYtNjYuNzgzSDE1NS44MjZWMjU2SDg5LjA0M3YtNjYuNzgzSDguODE5QzMuMDggMjEwLjUxMSAwIDIzMi44OTMgMCAyNTZzMy4wOCA0NS40ODkgOC44MTkgNjYuNzgzaDQ5NC4zNjNDNTA4LjkyIDMwMS40ODkgNTEyIDI3OS4xMDcgNTEyIDI1NkgyNTZ6bTAtMjU2Yy0zNS41NDkgMC02OS40MDQgNy4yNTMtMTAwLjE3NCAyMC4zNDh2MTAyLjA4N0gyNTZWNTUuNjUyaDE1OS4zNTdDMzcxLjYyNiAyMC44MjQgMzE2LjI0OSAwIDI1NiAweiIvPjwvZz48L3N2Zz4=);
}

.country-flag.ukraine:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2ZmZGE0NCIvPjxwYXRoIGQ9Ik0wIDI1NkMwIDExNC42MTYgMTE0LjYxNiAwIDI1NiAwczI1NiAxMTQuNjE2IDI1NiAyNTYiIGZpbGw9IiMzMzhhZjMiLz48L3N2Zz4=);
}

.country-flag.kenya:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGQ9Ik0yNTYgMEMxNTQuNTA2IDAgNjYuODEgNTkuMDY1IDI1LjQwMiAxNDQuNjk2aDQ2MS4xOTVDNDQ1LjE5IDU5LjA2NSAzNTcuNDkzIDAgMjU2IDB6Ii8+PHBhdGggZD0iTTI1NiA1MTJjLTEwMS40OTQgMC0xODkuMTktNTkuMDY1LTIzMC41OTgtMTQ0LjY5Nmg0NjEuMTk1QzQ0NS4xOSA0NTIuOTM1IDM1Ny40OTMgNTEyIDI1NiA1MTJ6IiBmaWxsPSIjNDk2ZTJkIi8+PHBhdGggZD0iTTQ5OS45MTEgMTc4LjA4N0gxMi4wODlDNC4yNDcgMjAyLjY1NiAwIDIyOC44MzEgMCAyNTZzNC4yNDcgNTMuMzQ0IDEyLjA4OSA3Ny45MTNINDk5LjkxQzUwNy43NTMgMzA5LjM0NCA1MTIgMjgzLjE2OSA1MTIgMjU2cy00LjI0Ny01My4zNDQtMTIuMDg5LTc3LjkxM3oiIGZpbGw9IiNhMjAwMWQiLz48ZyBmaWxsPSIjZjBmMGYwIj48cGF0aCBkPSJNMzM1LjcxNSAxMTguMzAxbC0zMC4zMTctMTMuOTkzTDI1NiAyMTYuMTU5bC00OS4zOTgtMTExLjg1MS0zMC4zMTcgMTMuOTkzTDIzNy42MTMgMjU2bC02MS4zMjggMTM3LjY5OSAzMC4zMTcgMTMuOTkzTDI1NiAyOTUuODQxbDQ5LjM5OCAxMTEuODUxIDMwLjMxNy0xMy45OTNMMjc0LjM4NyAyNTZ6Ii8+PHBhdGggZD0iTTI3Ni41OTEgMTMxLjQ4OUMyNjQuODU1IDExOC42NzIgMjU2IDExMS4zMDQgMjU2IDExMS4zMDRzLTguODU1IDcuMzY3LTIwLjU5MSAyMC4xODV2MjQ5LjAyQzI0Ny4xNDUgMzkzLjMyOCAyNTYgNDAwLjY5NiAyNTYgNDAwLjY5NnM4Ljg1NS03LjM2NyAyMC41OTEtMjAuMTg2VjEzMS40ODl6Ii8+PC9nPjxwYXRoIGQ9Ik0yMDAuMzQ4IDE3OS4yNDN2MTUzLjUxMmMxMi40MDIgMjEuOTc1IDI3LjU4MSAzOS45ODcgMzguOTU3IDUxLjkyOVYxMjcuMzE1Yy0xMS4zNzYgMTEuOTQxLTI2LjU1NiAyOS45NTQtMzguOTU3IDUxLjkyOHptMTExLjMwNCAwYy0xMi40MDMtMjEuOTc1LTI3LjU4MS0zOS45ODctMzguOTU3LTUxLjkyOHYyNTcuMzY5YzExLjM3NS0xMS45NDIgMjYuNTU0LTI5Ljk1NCAzOC45NTctNTEuOTI5VjE3OS4yNDN6IiBmaWxsPSIjYTIwMDFkIi8+PHBhdGggZD0iTTMxMS42NTIgMTc5LjI0M3YxNTMuNTEyYzEyLjU1NS0yMi4yNDkgMjIuMjYxLTQ4LjU1OCAyMi4yNjEtNzYuNzU1cy05LjcwNi01NC41MDctMjIuMjYxLTc2Ljc1N3ptLTExMS4zMDQgMHYxNTMuNTEyYy0xMi41NTUtMjIuMjQ5LTIyLjI2MS00OC41NTgtMjIuMjYxLTc2Ljc1NXM5LjcwNi01NC41MDcgMjIuMjYxLTc2Ljc1N3oiLz48L3N2Zz4=);
}

.logistics-hero {
  padding-top: 100px;
  padding-bottom: 30px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .logistics-hero {
    padding-top: 174px;
  }
}

@media (min-width: 768px) {
  .logistics-hero-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .logistics-hero-main {
    max-width: 540px;
    padding-right: 32px;
  }
}

@media (min-width: 1024px) {
  .logistics-hero-main {
    margin-top: 35px;
    max-width: 560px;
  }
}

.logistics-hero__title.h1 {
  margin-bottom: 24px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .logistics-hero__title.h1 {
    font-size: 48px;
  }
}

.logistics-hero__text {
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #596573;
}

.logistics-hero-contact {
  margin-bottom: 32px;
}

.logistics-hero-img img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  border-radius: 10px;
  filter: drop-shadow(0 0 100px rgba(0, 0, 0, 0.15));
}

@media (min-width: 768px) {
  .logistics-hero-img img {
    max-width: 503px;
    border-radius: 20px;
  }
}

@media (min-width: 1024px) {
  .logistics-hero-img img {
    border-radius: 50px;
  }
}

.logistics-success {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .logistics-success {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.logistics-success_darker {
  background-color: #f4f7fa;
}

@media (min-width: 768px) {
  .logistics-success-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.logistics-success__title.h2 {
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.04em;
  text-align: center;
}

@media (min-width: 768px) {
  .logistics-success__title.h2 {
    max-width: 495px;
    margin-bottom: 0;
    padding-right: 32px;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .logistics-success__title.h2 {
    font-size: 48px;
  }
}

.read-blog {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .read-blog {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.read-blog .container {
  position: relative;
}

.read-blog .container:before {
  content: "";
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 48px);
  height: 1px;
  background-color: rgba(89, 101, 115, 0.2);
}

@media (min-width: 1024px) {
  .read-blog .container:before {
    top: -100px;
  }
}

.read-blog-link {
  display: block;
  padding: 100px 50px 35px;
  border-radius: 20px;
  color: #fff;
  background-color: #131a58;
  background-size: contain;
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-position: 100%;
}

@media (min-width: 1200px) {
  .read-blog-link {
    background-blend-mode: unset;
  }
}

@media (min-width: 1024px) {
  .read-blog-link {
    padding-top: 186px;
    padding-bottom: 60px;
    padding-left: 100px;
  }
}

.read-blog-link__title {
  display: block;
  max-width: 525px;
  margin-bottom: 36px;
  font-weight: 800;
  font-size: 32px;
  line-height: 110%;
  letter-spacing: -0.04em;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}

@media (min-width: 1024px) {
  .read-blog-link__title {
    margin-bottom: 48px;
    font-size: 40px;
  }
}

@media (min-width: 1200px) {
  .read-blog-link__title {
    transform: scale(1);
    transition: transform 0.3s;
  }

  .read-blog-link__title:hover {
    transform: scale(1.02);
  }
}

.services-cards {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .services-cards {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.services-cards__title.h3 {
  margin-bottom: 47px;
  text-align: center;
}

@media (min-width: 768px) {
  .services-cards-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -12px;
  }
}

.services-cards-item {
  max-width: 397px;
  margin: 0 auto 24px;
  padding: 24px 24px 34px;
  border: 2px solid #eaeaea;
  border-radius: 10px;
}

@media (min-width: 768px) {
  .services-cards-item {
    width: calc(50% - 24px);
    margin: 0 12px 24px;
  }
}

@media (min-width: 1024px) {
  .services-cards-item {
    border-radius: 20px;
  }
}

@media (min-width: 1200px) {
  .services-cards-item {
    width: calc(33.3% - 24px);
  }
}

.services-cards-item__title {
  margin-top: 20px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
}

.light.contact {
  background-color: #f4f7fa;
  color: #131a58;
}

.light .contact-form {
  margin: 0 auto;
  max-width: 608px;
}

.light .contact-form input:-webkit-autofill,
.light .contact-form input:-webkit-autofill:focus,
.light .contact-form input:-webkit-autofill:hover,
.light .contact-form textarea:-webkit-autofill,
.light .contact-form textarea:-webkit-autofill:focus,
.light .contact-form textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
  color: #131a58 !important;
  -webkit-text-fill-color: #131a58;
}

@media (min-width: 1024px) {
  .light .contact-form {
    width: 70%;
    margin: 0 auto;
  }
}

.light .contact-form-row_inline:first-child,
.light .contact-form-row_inline:nth-child(2) {
  display: flex;
  margin-right: 0;
}

@media (min-width: 768px) {
  .light .contact-form-row_inline:first-child,
  .light .contact-form-row_inline:nth-child(2) {
    display: inline-flex;
    width: calc(50% - 12px);
  }
}

@media (min-width: 768px) {
  .light .contact-form-row_inline:first-child {
    margin-right: 24px;
  }
}

.light .contact-form__input,
.light .contact-form__text-area {
  color: #131a58;
  border-bottom: 1px solid rgba(19, 26, 88, 0.35);
  margin-bottom: 21px;
}

.light .contact-form__input::-moz-placeholder,
.light .contact-form__text-area::-moz-placeholder {
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: rgba(19, 26, 88, 0.35);
}

.light .contact-form__input::placeholder,
.light .contact-form__text-area::placeholder {
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: rgba(19, 26, 88, 0.35);
}

.light .contact-form__text-area ~ .contact-form__invalid {
  top: 100%;
  bottom: auto;
}

.light .contact-form__invalid {
  top: auto;
  bottom: 0;
  color: #dc3545;
}

.light .contact-form__checkbox-checkmark {
  border: 2px solid rgba(19, 26, 88, 0.35);
}

.light .contact-form__checkbox-checkmark:after {
  background-color: #131a58;
}

.light .contact-form__checkbox-caption {
  color: #131a58;
}

.light .contact-form__checkbox:checked ~ .contact-form__checkbox-checkmark {
  border: 2px solid #131a58;
}

.light
  .contact-form__checkbox:checked
  ~ .contact-form__checkbox-checkmark:after {
  opacity: 1;
}

.light .contact-form__submit {
  opacity: 1;
  width: 100%;
}

.contact {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .contact {
    padding-top: 143px;
    padding-bottom: 48px;
  }
}

.contact__title.h1 {
  margin-bottom: 32px;
  font-size: 45px;
  text-align: center;
}

@media (min-width: 1024px) {
  .contact__title.h1 {
    font-size: 64px;
    line-height: 115%;
  }
}

.contact-items {
  max-width: 300px;
  margin: 30px auto 0;
  padding-top: 40px;
  border-top: 1px solid rgba(19, 26, 88, 0.1);
}

@media (min-width: 768px) {
  .contact-items {
    margin-top: 64px;
    padding-top: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: none;
  }
}

.contact-items-row {
  margin-bottom: 28px;
}

@media (min-width: 768px) {
  .contact-items-row {
    margin-bottom: 0;
  }
}

.contact-items-row:last-child {
  margin-bottom: 0;
}

.contact-items-row h2 {
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
}

.contact-items-row h3 {
  letter-spacing: normal;
  margin-bottom: 0;
}

.contact-items-row h3 a {
  color: #1780ff;
}

.contact-items-row a {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #1780ff;
}

.contact-items-row a svg {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-right: 16px;
}

.contact-items-row a span {
  font: inherit;
  line-height: inherit;
  color: #131a58;
}

.contact-items-row a:hover {
  text-decoration: underline;
}

.offices {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .offices {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.offices h2 {
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 34px;
  line-height: 50px;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .offices h2 {
    margin-bottom: 65px;
    font-size: 48px;
    line-height: 60px;
  }
}

.offices-item {
  margin-bottom: 16px;
  padding: 24px;
  border-radius: 20px;
  background-color: #f4f7fa;
}

@media (min-width: 600px) {
  .offices-item {
    padding: 48px;
    display: flex;
    justify-content: space-between;
  }
}

.offices-item .country-flag {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding-left: 40px;
  margin-right: 24px;
}

.offices-item .country-flag:before {
  width: 40px;
  height: 40px;
}

@media (min-width: 600px) {
  .offices-item-inner {
    margin-right: 32px;
    flex-shrink: 0;
  }
}

.offices-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .offices-header {
    margin-bottom: 40px;
  }
}

.offices-header-text h3 {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 22px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .offices-header-text h3 {
    font-size: 36px;
  }
}

.offices-header-text span {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: #1780ff;
}

@media (min-width: 1024px) {
  .offices-header-text span {
    font-size: 18px;
    line-height: 23px;
  }
}

.offices-info {
  margin-bottom: 16px;
}

@media (min-width: 1024px) {
  .offices-info {
    margin-bottom: 40px;
  }
}

.offices .footer-locations-item__box {
  margin-bottom: 24px;
}

.offices .footer-locations-item__box svg path {
  stroke: #1780ff;
}

.offices .footer-locations-item__box a {
  color: currentColor;
}

.offices .footer-locations-item__box-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #131a58;
}

.offices-map {
  margin-bottom: 32px;
}

@media (min-width: 600px) {
  .offices-map {
    margin-bottom: 0;
  }
}

.offices-img {
  border-radius: 20px;
  overflow: hidden;
}

@media (min-width: 600px) {
  .offices-img {
    height: 254px;
  }
}

@media (min-width: 800px) {
  .offices-img {
    max-width: 400px;
  }
}

@media (min-width: 1024px) {
  .offices-img {
    max-width: unset;
    width: 475px;
    height: 301px;
  }
}

.offices-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.dev-team-hero {
  padding-bottom: 50px;
  padding-top: 120px;
  color: #fff;
  background-color: #131a58;
}

@media (min-width: 1024px) {
  .dev-team-hero {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-top: 180px;
    padding-bottom: 44px;
  }
}

.dev-team-hero__title.h1 {
  margin-bottom: 20px;
  text-align: center;
}

.dev-team-hero__caption.h2 {
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.01em;
  opacity: 0.8;
}

.dev-team-hero-break-hidden-mob {
  display: none;
}

@media (min-width: 768px) {
  .dev-team-hero-break-hidden-mob {
    display: inline;
  }
}

.dev-team-hero-contact {
  margin-bottom: 64px;
  text-align: center;
}

.dev-team-hero-img {
  margin-bottom: 44px;
}

.dev-team-hero-logos {
  display: flex;
  margin: 0 auto;
  opacity: 0.75;
  max-width: 510px;
}

.dev-team-hero-logos__item {
  margin-right: 9px;
}

@media (min-width: 1024px) {
  .dev-team-hero-logos__item {
    margin-right: 15px;
  }
}

.dev-team-hero-logos__item:last-child {
  margin-right: 0;
}

.dev-team-facts {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .dev-team-facts {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-top: 95px;
  }
}

.dev-team-facts_darker {
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .dev-team-facts_technologies {
    padding-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .dev-team-facts_technologies .dev-team-facts-list {
    max-width: 574px;
  }
}

@media (min-width: 1024px) {
  .dev-team-facts_technologies .dev-team-facts-list {
    margin-right: 34px;
  }
}

@media (min-width: 768px) {
  .dev-team-facts-wrp {
    display: flex;
  }
}

.dev-team-facts__title.h2 {
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 32px;
  line-height: 150%;
  letter-spacing: -0.04em;
}

@media (min-width: 768px) {
  .dev-team-facts__title.h2 {
    flex-shrink: 0;
    padding-right: 48px;
  }
}

@media (min-width: 1024px) {
  .dev-team-facts__title.h2 {
    font-size: 48px;
  }
}

@media (min-width: 768px) {
  .dev-team-facts-list {
    max-width: 503px;
    margin-left: auto;
  }
}

@media (min-width: 1024px) {
  .dev-team-facts-list {
    margin-top: 5px;
  }
}

.dev-team-facts-item {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}

.dev-team-facts-item:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .dev-team-facts-item {
    margin-bottom: 48px;
  }
}

.dev-team-facts-item svg {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 20px;
}

@media (min-width: 1024px) {
  .dev-team-facts-item svg {
    margin-right: 40px;
  }
}

.dev-team-facts-item__text.h3 {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 170%;
}

@media (min-width: 1024px) {
  .dev-team-facts-item__text.h3 {
    font-size: 20px;
  }
}

.dev-team-facts-item__text.h3 strong {
  color: #1780ff;
}

.dev-team-contact {
  color: #fff;
  text-align: center;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .dev-team-contact {
    text-align: left;
    padding-bottom: 100px;
  }
}

.dev-team-contact_darker {
  background-color: #f4f7fa;
  padding-bottom: 0;
}

.dev-team-contact-wrp {
  padding: 20px;
  background-color: #1780ff;
  background-image: url(static/dev-team-contact-bg-ae4c9207155d4d91e668a5acc41aa989.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  background-blend-mode: overlay;
  border-radius: 20px;
}

@media (min-width: 1024px) {
  .dev-team-contact-wrp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1.34fr 1fr;
    grid-template-areas: "devContactTitle devContactImg" "devContactButton devContactImg";
    padding: 48px 48px 44px;
  }
}

.dev-team-contact__title.h2 {
  max-width: 422px;
  margin: 0 auto 24px;
  font-weight: 700;
  font-size: 32px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .dev-team-contact__title.h2 {
    margin: 28px 0 0;
    grid-area: devContactTitle;
    align-self: center;
    font-size: 36px;
  }
}

.dev-team-contact-btn {
  margin-bottom: 32px;
}

@media (min-width: 1024px) {
  .dev-team-contact-btn {
    grid-area: devContactButton;
    margin-bottom: 0;
  }
}

.dev-team-contact-img {
  grid-area: devContactImg;
  justify-self: flex-end;
}

.dev-team-clutch {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .dev-team-clutch {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.dev-team-clutch_darker {
  background-color: #f4f7fa;
}

.dev-team-clutch .small-subtitle {
  font-weight: 700;
}

.dev-team-clutch .client-review {
  padding-top: 0;
}

@media (min-width: 1024px) {
  .dev-team-clutch .client-review {
    padding-top: 0;
  }
}

.dev-team-clutch .client-review__quote {
  max-width: 1030px;
}

.dev-team-clutch .client-review-person {
  margin-bottom: 3px;
}

.clients-map {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .clients-map {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.clients-map__title.h2 {
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 48px;
  line-height: 125%;
  letter-spacing: -0.04em;
  text-align: center;
}

@media (min-width: 1024px) {
  .clients-map__title.h2 {
    margin-bottom: 64px;
    font-size: 48px;
  }
}

.clients-map-wrp {
  max-width: 820px;
  max-height: 398px;
  margin: 0 auto;
  position: relative;
}

.clients-map-wrp svg {
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: auto;
}

@media (min-width: 960px) {
  .clients-map-point path + ellipse {
    cursor: pointer;
    filter: drop-shadow(0 0 0 transparent);
    transition: filter 0.3s;
  }

  .clients-map-point path + ellipse:hover {
    filter: drop-shadow(0 0 15px #177efa);
  }

  .clients-map-point path + ellipse + ellipse {
    pointer-events: none;
  }
}

.clients-map-item {
  padding-bottom: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, calc(-100% + 4px));
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}

.clients-map-item:hover,
.clients-map-item_visible {
  pointer-events: auto;
  opacity: 1;
}

.clients-map-item:hover .clients-map-item-dot {
  filter: drop-shadow(0 0 15px #177efa);
}

@media (min-width: 960px) {
  .clients-map-item {
    display: block !important;
  }

  .clients-map-item.sanFrancisco {
    top: 126px;
    left: 51px;
  }

  .clients-map-item.vancouver {
    top: 76px;
    left: 60px;
  }

  .clients-map-item.chicago {
    top: 104px;
    left: 131px;
  }

  .clients-map-item.toronto {
    top: 100px;
    left: 155px;
  }

  .clients-map-item.newYork {
    top: 120px;
    left: 161px;
  }

  .clients-map-item.dublin {
    top: 69px;
    left: 342px;
  }

  .clients-map-item.london {
    top: 71px;
    left: 356px;
  }

  .clients-map-item.zurich {
    top: 81px;
    left: 392px;
  }

  .clients-map-item.warsaw {
    top: 80px;
    left: 421px;
  }

  .clients-map-item.kiev {
    top: 75px;
    left: 441px;
  }

  .clients-map-item.copenhagen {
    top: 65px;
    left: 382px;
  }

  .clients-map-item.stockholm {
    top: 55px;
    left: 396px;
  }

  .clients-map-item.oslo {
    top: 50px;
    left: 381px;
  }

  .clients-map-item.astana {
    top: 86px;
    left: 500px;
  }

  .clients-map-item.abuDhabi {
    top: 153px;
    left: 501px;
  }

  .clients-map-item.nairobi {
    top: 228px;
    left: 460px;
  }

  .clients-map-item.melbourne {
    top: 341px;
    left: 728px;
  }

  .clients-map-item.mexico {
    top: 177px;
    left: 101px;
  }

  .clients-map-item.saoPaolo {
    top: 303px;
    left: 224px;
  }

  .clients-map-item.buenosAires {
    top: 341px;
    left: 200px;
  }
}

.clients-map-item__city {
  font-weight: 700;
  font-size: 8px;
  line-height: 10px;
  text-align: center;
  color: #596573;
}

.clients-map-item-card {
  width: 263px;
  padding: 32px 24px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  cursor: auto;
}

.clients-map-item-img {
  text-align: center;
  margin-bottom: 20px;
}

.clients-map-item .five-stars__sprite {
  display: inline-block;
  margin: 0 0 0 8px;
  background-size: 8px 8px;
  width: 47px;
}

.clients-map-item__title {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

.clients-map-item-person {
  display: flex;
  align-items: center;
}

.clients-map-item-person img {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 50%;
}

.clients-map-item-person p {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}

.clients-map-item-person p span {
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  color: #1780ff;
}

.clients-map-item-person p a {
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  color: #131a58;
  text-decoration: underline;
}

.clients-map-item-person p a:hover {
  text-decoration: none;
}

.about-hero {
  padding-top: 50px;
  padding-bottom: 50px;
  color: #fff;
  background-color: #131a58;
}

@media (min-width: 1024px) {
  .about-hero {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-top: 143px;
  }
}

.about-hero h1 {
  margin-bottom: 34px;
  font-weight: 800;
  font-size: 34px;
  line-height: 1.5;
  letter-spacing: -0.04em;
}

@media (min-width: 768px) {
  .about-hero h1 {
    width: 80%;
  }
}

@media (min-width: 1024px) {
  .about-hero h1 {
    width: auto;
    max-width: 896px;
    margin-bottom: 64px;
    font-size: 64px;
    line-height: 80px;
  }
}

.about-hero-images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 12px;
  margin-bottom: 34px;
}

@media (min-width: 1024px) {
  .about-hero-images {
    grid-gap: 24px;
    margin-bottom: 64px;
  }
}

.about-hero-images_single {
  display: block;
}

.about-hero-images_single img {
  display: block;
  width: 100%;
  border-radius: 20px;
}

.about-hero h2 {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 26px;
  line-height: 135%;
  letter-spacing: -0.04em;
}

@media (min-width: 768px) {
  .about-hero h2 {
    width: 60%;
    line-height: 138%;
  }
}

@media (min-width: 1024px) {
  .about-hero h2 {
    width: auto;
    max-width: 995px;
    margin-bottom: 31px;
    font-size: 36px;
  }
}

@media (min-width: 768px) {
  .about-hero-caption {
    -moz-columns: 2;
    column-count: 2;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}

@media (min-width: 1024px) {
  .about-hero-caption {
    -moz-column-gap: 25px;
    column-gap: 25px;
  }
}

.about-hero-caption__col {
  display: block;
  max-width: 503px;
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 20px;
  line-height: 165%;
}

.about-hero-caption__col br {
  display: none;
}

@media (min-width: 1024px) {
  .about-hero-caption__col {
    margin-bottom: 0;
  }

  .about-hero-caption__col br {
    display: inline;
  }
}

.about-more-wrp {
  padding-top: 55px;
  padding-bottom: 50px;
}

@media (min-width: 768px) {
  .about-more-wrp {
    display: flex;
  }
}

.about-more__item {
  display: block;
  padding: 50px 15px;
  text-align: center;
  background-color: #fff;
  transition: background-color 0.3s;
}

@media (min-width: 768px) {
  .about-more__item {
    flex-basis: 33.33333%;
  }
}

.about-more__item:hover {
  background-color: #f2f2f2;
}

.about-more__item i {
  color: #19764d;
  font-size: 54px;
  display: block;
}

.about-more__item span {
  color: #01101f;
  text-transform: uppercase;
  font-weight: 700;
}

h2.small-subtitle {
  margin-bottom: 16px;
  text-align: center;
  color: #1780ff;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}

.statement {
  padding-top: 85px;
  padding-bottom: 40px;
}

@media (min-width: 1024px) {
  .statement {
    padding-top: 150px;
    padding-bottom: 70px;
  }
}

@media (min-width: 1200px) {
  .statement {
    padding-top: 221px;
    padding-bottom: 75px;
  }
}

.statement .small-subtitle {
  margin-bottom: 24px;
  text-transform: uppercase;
}

.statement h1 {
  margin-bottom: 32px;
  color: #131a58;
  text-align: center;
  font-weight: 800;
  font-size: 34px;
  line-height: 1.5;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .statement h1 {
    max-width: 1030px;
    margin: 0 auto 34px;
    font-size: 85px;
    line-height: 115%;
  }
}

.statement-title.h3 {
  font-weight: 800;
  font-size: 55px;
  line-height: 115%;
  letter-spacing: -0.04em;
  text-align: center;
  margin-bottom: 33px;
}

@media (min-width: 1024px) {
  .statement-title.h3 {
    font-size: 85px;
  }
}

.statement-title.h3 br {
  display: none;
}

@media (min-width: 1100px) {
  .statement-title.h3 br {
    display: inline;
  }
}

.statement-caption {
  display: block;
  max-width: 715px;
  margin: 0 auto 16px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #596573;
}

@media (min-width: 1024px) {
  .statement-caption {
    margin: 0 auto;
  }
}

.statement-paws {
  width: 80px;
  margin-left: auto;
}

.statement-paws svg {
  width: 100%;
  height: auto;
  -webkit-animation-name: animatePaws;
  animation-name: animatePaws;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@media (min-width: 1024px) {
  .statement-paws {
    width: 242px;
    margin-top: -12px;
  }
}

.digits {
  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .digits {
    padding-top: 100px;
  }
}

.digits-title.h4 {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 26px;
  line-height: 138%;
  letter-spacing: -0.04em;
}

@media (min-width: 768px) {
  .digits-title.h4 {
    width: 80%;
  }
}

@media (min-width: 1024px) {
  .digits-title.h4 {
    width: auto;
    max-width: 715px;
    margin-bottom: 48px;
    font-size: 36px;
  }
}

@media (min-width: 1024px) {
  .digits-wrp {
    display: flex;
  }
}

@media (min-width: 600px) {
  .digits-small {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) {
  .digits-small {
    width: 59%;
    padding-right: 4px;
  }
}

@media (min-width: 1200px) {
  .digits-small {
    width: auto;
  }
}

.digits-small-item {
  text-align: center;
  margin-bottom: 24px;
}

@media (min-width: 600px) {
  .digits-small-item {
    width: 50%;
    text-align: left;
  }
}

@media (min-width: 768px) {
  .digits-small-item {
    width: 33.3%;
  }
}

@media (min-width: 1024px) {
  .digits-small-item {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .digits-small-item {
    width: 232px;
    margin-bottom: 17px;
    margin-right: 61px;
  }

  .digits-small-item:nth-child(2) {
    width: 300px;
  }

  .digits-small-item:last-child {
    margin-right: 0;
  }

  .digits-small-item:nth-last-child(2) {
    margin-right: 47px;
  }
}

.digits-small-item__number {
  display: block;
  margin-bottom: 8px;
  font-weight: 800;
  font-size: 45px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .digits-small-item__number {
    margin-bottom: 17px;
    font-size: 85px;
  }
}

.digits-small-item__caption.h3 {
  display: inline-block;
  border-radius: 10px;
  padding: 12px 14px;
  color: #000;
  background-color: #ffce1f;
  font-weight: 700;
  font-size: 14px;
  line-height: 23px;
}

@media (min-width: 1024px) {
  .digits-small-item__caption.h3 {
    padding: 20px 24px;
    font-size: 18px;
    letter-spacing: -0.02em;
  }
}

@media (min-width: 1024px) {
  .digits-big {
    flex-shrink: 0;
    width: 41%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .digits-big {
    width: 396px;
  }
}

.digits-big-item {
  background-color: #1780ff;
  border-radius: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 220px;
  height: 220px;
  padding-top: 60px;
  padding-bottom: 40px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .digits-big-item {
    width: 250px;
    height: 250px;
    padding-top: 40px;
  }
}

@media (min-width: 1024px) {
  .digits-big-item {
    margin: auto;
    width: 396px;
    height: 396px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .digits-big-item {
    margin: 0;
  }
}

.digits-big-item h2 {
  margin-bottom: 0;
}

.digits-big-item__number {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 60px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .digits-big-item__number {
    margin-bottom: 16px;
    font-size: 120px;
  }
}

.digits-big-item__caption {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 23px;
}

@media (min-width: 1024px) {
  .digits-big-item__caption {
    font-size: 18px;
    letter-spacing: -0.02em;
  }
}

.strength {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .strength {
    padding-top: 100px;
    padding-bottom: 76px;
  }
}

.strength .h3,
.strength h1 {
  max-width: 408px;
  margin: 0 auto 30px;
  font-weight: 700;
  font-size: 24px;
  line-height: 136%;
  text-align: center;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .strength .h3,
  .strength h1 {
    margin-bottom: 48px;
    max-width: 608px;
    font-size: 36px;
  }
}

.strength-wrp {
  color: #596573;
}

@media (min-width: 768px) {
  .strength-wrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -12px;
  }
}

.strength-item {
  padding: 20px 20px 16px;
  margin: 0 auto 24px;
  max-width: 397px;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  background-color: #fff;
}

@media (min-width: 768px) {
  .strength-item {
    width: calc(50% - 24px);
    margin: 0 12px 24px;
    padding: 32px 32px 27px;
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .strength-item {
    width: calc(33.33333% - 24px);
  }
}

@media (min-width: 1024px) {
  .strength-item:nth-child(3n + 1)
    .strength-user-item:first-child
    .strength-tooltip {
    left: -14px;
    transform: translateX(0);
  }
}

@media (min-width: 1024px) {
  .strength-item:nth-child(3n + 1)
    .strength-user-item:nth-child(2)
    .strength-tooltip {
    left: -28px;
    transform: translateX(0);
  }
}

.strength-item-title {
  margin-bottom: 13px;
}

.strength-item-title__number {
  color: #1780ff;
  margin-right: 16px;
}

.strength-item-title__number,
.strength-item-title__text.h3 {
  font-weight: 800;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.03em;
}

.strength-item-title__text.h3 {
  display: inline;
  margin: 0;
  text-align: left;
  color: #131a58;
}

.strength-item-description {
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
}

@media (min-width: 768px) {
  .strength-item-description {
    padding-bottom: 19px;
    margin-bottom: auto;
  }
}

.strength-item-users__caption {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}

.strength-user-list {
  display: flex;
  align-items: center;
}

.strength-user-list__more {
  margin-left: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  opacity: 0.5;
}

.strength-user-item {
  display: inline-block;
  position: relative;
  margin-left: -12px;
}

.strength-user-item:first-child {
  margin-left: 0;
}

.strength-user-item:last-child {
  z-index: 1;
}

.strength-user-item:nth-last-child(2) {
  z-index: 2;
}

.strength-user-item:nth-last-child(3) {
  z-index: 3;
}

.strength-user-item:nth-last-child(4) {
  z-index: 4;
}

.strength-user-item:nth-last-child(5) {
  z-index: 5;
}

.strength-user-item:nth-last-child(6) {
  z-index: 6;
}

.strength-user-item:nth-last-child(7) {
  z-index: 7;
}

.strength-user-item:nth-last-child(8) {
  z-index: 8;
}

.strength-user-item:nth-last-child(9) {
  z-index: 9;
}

.strength-user-item:nth-last-child(10) {
  z-index: 10;
}

.strength-user-item:nth-last-child(11) {
  z-index: 11;
}

.strength-user-item:nth-last-child(12) {
  z-index: 12;
}

.strength-user-item:nth-last-child(13) {
  z-index: 13;
}

.strength-user-item:nth-last-child(14) {
  z-index: 14;
}

.strength-user-item:nth-last-child(15) {
  z-index: 15;
}

.strength-user-item:nth-last-child(16) {
  z-index: 16;
}

.strength-user-item:nth-last-child(17) {
  z-index: 17;
}

.strength-user-item:nth-last-child(18) {
  z-index: 18;
}

.strength-user-item:nth-last-child(19) {
  z-index: 19;
}

.strength-user-item:nth-last-child(20) {
  z-index: 20;
}

.strength-user-avatar {
  display: inline-block;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid #fff;
}

@media (min-width: 1024px) {
  .strength-user-avatar {
    cursor: pointer;
  }

  .strength-user-avatar:hover + .strength-tooltip {
    opacity: 1;
    pointer-events: auto;
  }
}

@media (min-width: 1024px) {
  .strength-tooltip {
    position: absolute;
    padding: 16px;
    width: 224px;
    height: auto;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    color: #131a58;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    display: block !important;
    pointer-events: none;
  }

  .strength-tooltip:hover {
    opacity: 1;
    pointer-events: auto;
  }
}

.strength-tooltip-header {
  display: flex;
  align-items: center;
  margin-bottom: 1px;
}

.strength-tooltip-header img {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  border-radius: 50%;
}

.strength-tooltip-header-info p {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 4px;
}

.strength-tooltip-header-info .country-flag {
  padding-left: 24px;
  height: 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.strength-tooltip-header-info .country-flag:before {
  width: 16px;
  height: 16px;
}

.strength-tooltip q {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #596573;
}

.team {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .team {
    padding-top: 101px;
    padding-bottom: 118px;
    position: relative;
  }

  .team:after {
    content: "";
    position: absolute;
    width: 484px;
    height: 855px;
    top: 79px;
    right: -57px;
    border: 28px solid #ffce1f;
    border-radius: 214px 0;
    z-index: 0;
  }
}

.team .h2,
.team h1 {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.04em;
  color: #131a58;
  max-width: 713px;
}

@media (min-width: 1024px) {
  .team .h2,
  .team h1 {
    margin-bottom: 66px;
    font-size: 36px;
  }
}

.team-slider-container {
  margin-right: -15px;
}

@media (min-width: 1245px) {
  .team-slider-container {
    margin-right: calc(-50vw + 600px);
  }
}

.team-slider-container .swiper-button-next {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-35%);
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 10;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='122' height='70' viewBox='0 0 122 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M101.414 36.4142C102.195 35.6332 102.195 34.3668 101.414 33.5858L88.6863 20.8579C87.9052 20.0768 86.6389 20.0768 85.8579 20.8579C85.0768 21.6389 85.0768 22.9052 85.8579 23.6863L97.1716 35L85.8579 46.3137C85.0768 47.0948 85.0768 48.3611 85.8579 49.1421C86.6389 49.9232 87.9052 49.9232 88.6863 49.1421L101.414 36.4142ZM20 37H100V33H20V37Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0.271973' width='122' height='69.4558' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}

@media (min-width: 1024px) {
  .team-slider-container .swiper-button-next {
    right: 204px;
    transition: transform 0.3s;
    cursor: pointer;
  }

  .team-slider-container .swiper-button-next:hover:before {
    transform: scale(1);
    opacity: 0.3;
  }
}

.team-slider-container .swiper-button-next:after {
  display: none;
}

.team-slider-container .swiper-button-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(0);
  transform-origin: center;
  opacity: 0;
  background-color: #fff;
  width: 130px;
  height: 130px;
  margin-top: -65px;
  margin-left: -65px;
  border-radius: 50%;
  transition: transform 0.3s, opacity 0.3s;
}

.team-slider-container .swiper-button-prev {
  display: none;
}

.scrollable-wrapper {
  overflow-y: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}

.scrollable-inner {
  width: 1932px;
  display: flex;
}

@media (min-width: 768px) {
  .scrollable-inner {
    width: 2303px;
  }
}

@media (min-width: 1024px) {
  .scrollable-inner {
    width: 2156px;
  }
}

@media (min-width: 1440px) {
  .scrollable-inner {
    width: 2947px;
  }
}

.scrollable-item {
  margin-right: 16px;
}

@media (min-width: 768px) {
  .scrollable-item {
    margin-right: 20px;
  }
}

@media (min-width: 1024px) {
  .scrollable-item {
    margin-right: 24px;
  }
}

.clients-more-title {
  background-color: #1d2033;
  padding: 50px 0;
  color: #fff;
  text-align: center;
}

.clients-more-title h3 {
  font-size: 26px;
  text-transform: uppercase;
}

.clients-more-title h3 span {
  color: #37c386;
  font-size: inherit;
  font-weight: 300;
}

@media screen and (min-width: 768px) {
  .clients-more-title h3 {
    font-size: 36px;
  }
}

.clients-hero {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .clients-hero {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-top: 143px;
    padding-bottom: 0;
  }
}

.clients-hero-wrp {
  padding: 32px;
  border-bottom: 1px solid rgba(89, 101, 115, 0.2);
}

@media (min-width: 1024px) {
  .clients-hero-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 64px;
  }
}

.clients-hero-text {
  margin-bottom: 32px;
}

@media (min-width: 1024px) {
  .clients-hero-text {
    max-width: 820px;
  }
}

.clients-hero-text__quote.h1 {
  display: block;
  margin-bottom: 8px;
  font-weight: 800;
  font-size: 42px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .clients-hero-text__quote.h1 {
    font-size: 64px;
  }
}

.clients-hero-text__person {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #596573;
}

.clients-trust {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .clients-trust {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.clients-trust__title {
  margin-bottom: 16px;
}

.clients-trust__subtitle.h2 {
  margin-bottom: 16px;
  font-size: 48px;
  font-weight: 800;
  line-height: 125%;
  text-align: center;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .clients-trust__subtitle.h2 {
    font-size: 64px;
  }
}

.clients-trust__caption {
  max-width: 715px;
  margin: 0 auto 32px;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #596573;
}

@media (min-width: 1024px) {
  .clients-trust__caption {
    margin-bottom: 64px;
  }
}

.clients-trust-img {
  text-align: center;
}

.clients-serve {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .clients-serve {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.clients-serve__title.h2 {
  margin-bottom: 32px;
  font-size: 48px;
  font-weight: 800;
  line-height: 125%;
  text-align: center;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .clients-serve__title.h2 {
    margin-bottom: 64px;
    font-size: 48px;
  }
}

.clients-serve-wrp {
  display: flex;
}

.clients-serve-item {
  padding: 20px 48px 24px 24px;
  border-radius: 120px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .clients-serve-item {
    padding: 20px 48px 24px;
  }
}

@media (min-width: 1024px) {
  .clients-serve-item {
    position: relative;
    z-index: 10;
    cursor: pointer;
  }

  .clients-serve-item:hover .clients-serve-card {
    opacity: 1;
    pointer-events: auto;
  }
}

.clients-serve-item-title {
  display: contents;
  font-size: unset;
}

.clients-serve-item__percent {
  display: block;
  font-weight: 800;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.03em;
}

@media (min-width: 768px) {
  .clients-serve-item__percent {
    margin-bottom: 10px;
  }
}

.clients-serve-item__caption {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.03em;
}

.clients-serve-item_yellow {
  width: calc(40% + 48px);
  color: #01101f;
  background-color: #ffce1f;
  border-radius: 100px 0 0 100px;
}

.clients-serve-item_dark-blue {
  width: calc(60% + 22px);
  margin-left: -70px;
  color: #fff;
  background-color: #131a58;
}

@media (min-width: 1024px) {
  .clients-serve-card {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    display: block !important;
    width: 480px;
    padding: 40px 38px;
    border: 2px solid #eaeaea;
    box-sizing: border-box;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    color: #131a58;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
  }

  .clients-serve-card p {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    margin-bottom: 28px;
  }

  .clients-serve-card p:last-of-type {
    margin-bottom: 0;
  }

  .clients-serve-card-list {
    padding-top: 23px;
  }

  .clients-serve-card-list-item {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
  }

  .clients-serve-card-list-item:last-child {
    margin-bottom: 0;
  }

  .clients-serve-card-list-item:before {
    content: "";
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11L12 14L22 4' stroke='%231780FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H16' stroke='%231780FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
  }

  .clients-serve-card-list-item span {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
  }
}

.testimonials-hero {
  padding: 80px 0 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .testimonials-hero {
    padding-top: 143px;
    padding-bottom: 64px;
  }
}

@media (min-width: 768px) {
  .testimonials-hero .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .testimonials-hero .cs-hero-pills-list {
    margin-bottom: 0;
  }
}

.testimonials-hero .cs-hero-pills-item {
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .testimonials-hero .recommend-clutch {
    flex-shrink: 0;
  }
}

.testimonials-hero-title {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-items: flex-start;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .testimonials-hero-title {
    margin-top: 10px;
  }
}

.testimonials-hero-title__item.h1 {
  flex-grow: 0;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .testimonials-hero-title__item.h1 {
    font-size: 64px;
  }
}

.testimonials-hero-title-rating-wrp {
  flex-shrink: 0;
}

.testimonials-hero-title-rating {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-left: 27px;
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M76.1982 32.1301C72.5048 29.1993 70.6217 24.6534 71.1611 19.9685C71.5136 16.9041 70.4652 13.8958 68.2846 11.7157C66.1031 9.5345 63.0951 8.48608 60.0312 8.83917C55.3447 9.37775 50.8007 7.49569 47.8699 3.80236C45.9529 1.38578 43.0845 0 40.0003 0C36.9158 0 34.0474 1.38578 32.1301 3.80209C29.1993 7.49515 24.655 9.37775 19.9696 8.83944C16.9052 8.48554 13.8969 9.5345 11.716 11.7154C9.53477 13.8958 8.48635 16.9041 8.8389 19.9691C9.3783 24.6531 7.49542 29.199 3.80127 32.1303C1.38578 34.0476 0 36.916 0 40C0 43.084 1.38551 45.9524 3.80181 47.8702C7.49542 50.8012 9.3783 55.3469 8.8389 60.0317C8.48635 63.0962 9.53477 66.1045 11.7154 68.2846C13.8969 70.4658 16.9073 71.5147 19.9688 71.1611C24.6534 70.622 29.1993 72.5046 32.1301 76.1979C34.0471 78.6142 36.9155 80.0003 40.0003 80.0003C43.0845 80.0003 45.9529 78.6145 47.8702 76.1982C50.8012 72.5051 55.3456 70.6228 60.0306 71.1608C63.0954 71.5131 66.1034 70.4658 68.2843 68.2849C70.4655 66.1045 71.5139 63.0962 71.1614 60.0315C70.622 55.3472 72.5051 50.801 76.199 47.8699C78.6145 45.9526 80.0003 43.0842 80.0003 40C80.0003 36.9158 78.6142 34.0476 76.1982 32.1301Z' fill='%2322D173'/%3E%3C/svg%3E");
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

.testimonials-hero-title-rating span {
  font-weight: 800;
  font-size: 16px;
  line-height: 170%;
}

.ratings {
  padding-top: 30px;
}

@media (min-width: 768px) {
  .ratings {
    padding-top: 48px;
  }
}

.ratings-list {
  border-bottom: 1px solid rgba(89, 101, 115, 0.2);
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .ratings-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -5px;
    padding-bottom: 48px;
  }
}

.ratings-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  .ratings-item {
    margin: 0 5px;
  }
}

.ratings-item__number {
  margin-bottom: 12px;
  font-weight: 800;
  font-size: 48px;
  line-height: 60px;
  color: #1780ff;
}

.ratings-item__title {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

.ratings-item__caption {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: rgba(89, 101, 115, 0.5);
}

.ratings-item_overall {
  width: 156px;
  height: 156px;
  margin: 0 auto;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background-color: #1780ff;
}

@media (min-width: 768px) {
  .ratings-item_overall {
    margin: 0 5px;
  }
}

.ratings-item_overall .ratings-item__number {
  color: currentColor;
}

.review {
  padding-top: 30px;
  padding-bottom: 50px;
}

@media (min-width: 768px) {
  .review {
    padding-top: 64px;
    padding-bottom: 100px;
  }
}

.review-list {
  max-width: 818px;
  margin: 0 auto;
}

.review-item {
  margin-bottom: 32px;
}

@media (min-width: 1024px) {
  .review-item {
    margin-bottom: 65px;
  }
}

.review-item:last-child {
  margin-bottom: 0;
}

.review-item__title.small-subtitle {
  margin-bottom: 26px;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
}

.review-item__question {
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 28px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .review-item__question {
    font-size: 36px;
  }
}

.review-item__reply {
  margin-bottom: 34px;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: -0.01em;
  color: #596573;
}

.review-item__reply:last-child {
  margin-bottom: 0;
}

.review-item__reply + .review-item__question {
  margin-top: 40px;
}

.split {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .split {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (min-width: 1024px) {
  .split_five-items .split-list {
    row-gap: 40px;
  }
}

@media (min-width: 1024px) {
  .split_five-items .split-item {
    max-width: 292px;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .split_fintech .split-list {
    width: 49%;
  }
}

.split .container {
  position: relative;
  z-index: 5;
}

.split-img {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30%;
}

@media (min-width: 1200px) {
  .split-img {
    width: 41.8%;
  }
}

.split-img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 100%, 0.5);
}

@media (min-width: 1024px) {
  .split-img:before {
    display: none;
  }
}

.split-img:after {
  content: "";
  display: block;
  padding-bottom: 150%;
}

.split__title.h2 {
  max-width: 514px;
  margin-top: 40px;
  margin-bottom: 40px;
  font-weight: 800;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .split__title.h2 {
    margin-top: 64px;
    margin-bottom: 64px;
    font-size: 48px;
    line-height: 60px;
  }
}

@media (min-width: 1024px) {
  .split-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 70%;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 64px;
  }
}

@media (min-width: 1200px) {
  .split-list {
    width: 58.2%;
  }
}

.split-item {
  max-width: 71%;
  margin-bottom: 36px;
}

@media (min-width: 1024px) {
  .split-item {
    max-width: calc(50% - 12px);
  }
}

.split-item svg {
  margin-bottom: 24px;
}

.split-item__title {
  margin-bottom: 8px;
  font-weight: 800;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.03em;
  white-space: pre-wrap;
}

.split-item__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #596573;
}

.asterisk {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

@media (min-width: 1024px) {
  .asterisk {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.asterisk_darker {
  background-color: #f4f7fa;
}

.asterisk svg {
  margin-bottom: 48px;
}

.asterisk__title.h3 {
  font-weight: 800;
  font-size: 36px;
  line-height: 1.25;
  text-align: center;
  letter-spacing: -0.04em;
  margin-bottom: 24px;
}

@media (min-width: 1024px) {
  .asterisk__title.h3 {
    font-size: 48px;
  }
}

.asterisk__text {
  max-width: 608px;
  margin: 0 auto;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #596573;
}

.circle-with-shadow svg {
  stroke-linecap: round;
  transform-origin: center;
}

.circle-with-shadow .border {
  stroke: #f4f7fa;
  fill: none;
}

.circle-with-shadow .circle {
  transition: stroke-dashoffset 2s;
}

.circle-with-shadow .circle_new-blue {
  stroke: #1780ff;
  fill: none;
  filter: drop-shadow(0 0 15px rgba(23, 128, 255, 0.5));
}

.circle-with-shadow .circle_new-yellow {
  stroke: #ffce1f;
  fill: none;
  filter: drop-shadow(0 0 15px rgba(255, 206, 31, 0.5));
}

.circle-with-shadow .circle_new-dark-blue {
  stroke: #131a58;
  fill: none;
  filter: drop-shadow(0 0 15px rgba(19, 26, 88, 0.5));
}

.circle-with-shadow .circle_white {
  stroke: #fff;
  fill: none;
  filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.5));
}

.circle-with-shadow .inner-circle_new-blue {
  stroke: #cce3ff;
}

.circle-with-shadow .inner-circle_new-yellow {
  stroke: rgba(255, 206, 31, 0.25);
}

.circle-with-shadow .inner-circle_new-dark-blue {
  stroke: rgba(19, 26, 88, 0.25);
}

.saas-dev-hero {
  padding-top: 100px;
  position: relative;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .saas-dev-hero {
    padding-top: 174px;
  }
}

.saas-dev-hero__title.h1 {
  max-width: 716px;
  margin: 0 auto 40px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  text-align: center;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .saas-dev-hero__title.h1 {
    margin: 0 auto 54px;
    font-size: 48px;
  }
}

.saas-dev-hero-img {
  position: relative;
  text-align: center;
}

.saas-dev-hero-img:before {
  content: "";
  display: block;
  max-width: 670px;
  max-height: 425px;
  width: 100%;
  padding-bottom: 62.7%;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .saas-dev-hero-img:before {
    padding-bottom: 0;
    height: 425px;
  }
}

.saas-dev-hero-img img {
  position: absolute;
  bottom: -3vw;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  z-index: 1;
}

@media (min-width: 768px) {
  .saas-dev-hero-img img {
    width: 670px;
    height: 425px;
  }
}

@media (min-width: 1024px) {
  .saas-dev-hero-img img {
    bottom: -23px;
  }
}

.saas-dev-hero-img svg {
  position: absolute;
  bottom: 0;
  left: -15%;
  width: 90%;
  height: auto;
  max-width: 567px;
}

@media (min-width: 768px) {
  .saas-dev-hero-img svg {
    left: -5%;
  }
}

@media (min-width: 1024px) {
  .saas-dev-hero-img svg {
    left: 50%;
    transform: translateX(-85%);
    bottom: 11px;
  }
}

.saas-dev-why-us {
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center;
}

@media (min-width: 1024px) {
  .saas-dev-why-us {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

.saas-dev-why-us__title.h2 {
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #1780ff;
}

.saas-dev-why-us__text.h3 {
  max-width: 924px;
  margin: 0 auto 16px;
  font-weight: 400;
  font-size: 18px;
  line-height: 172%;
  text-align: center;
  letter-spacing: -0.01em;
}

@media (min-width: 1024px) {
  .saas-dev-why-us__text.h3 {
    font-size: 24px;
  }
}

.saas-dev-why-us__text.h3:last-child {
  margin-bottom: 0;
}

.saas-dev-expect {
  padding-top: 70px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .saas-dev-expect {
    padding-top: 100px;
  }
}

.saas-dev-expect__title.h2 {
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .saas-dev-expect__title.h2 {
    margin-bottom: 48px;
    font-size: 48px;
  }
}

.saas-dev-expect-list {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .saas-dev-expect-list {
    display: flex;
    margin: 0 -12px 40px;
  }
}

.saas-dev-expect-item {
  padding: 32px 32px 40px;
  background-color: #ffce1f;
  border-radius: 20px;
  margin: 0 auto 24px;
  max-width: 450px;
}

@media (min-width: 1024px) {
  .saas-dev-expect-item {
    width: 33.33333%;
    margin: 0 12px;
  }
}

.saas-dev-expect-item-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 25px;
}

.saas-dev-expect-item__title.h3 {
  margin-bottom: 14px;
  font-weight: 800;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.03em;
}

.saas-dev-expect-item__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  letter-spacing: -0.01em;
}

.saas-dev-expect__caption {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.corporate-hero {
  background-image: url(static/corporate-hero-e36201e757e95f0bc4933ff290350f2f.jpg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  padding-top: 60px;
}

.corporate-hero__title {
  padding: 50px 0 100px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 26px;
}

.corporate-hero__title span {
  font-size: inherit;
  line-height: inherit;
  font-weight: 300;
}

.corporate-intro {
  padding: 50px 0;
  text-align: center;
}

.corporate-intro_dark {
  background-color: #1d2033;
  color: #fff;
}

.corporate-intro-wrp {
  padding-top: 35px;
}

.corporate-intro__item {
  padding-bottom: 35px;
}

.corporate-intro__item i {
  color: #19764d;
  font-size: 42px;
}

.corporate-get-wrp {
  text-align: center;
  padding-top: 30px;
}

.corporate-get__item {
  padding-bottom: 35px;
}

.corporate-get__item i {
  color: #19764d;
  font-size: 42px;
}

.corporate-get__item h5 {
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.2;
  white-space: pre-wrap;
}

.corporate-get__item p {
  color: #7b7d7d;
}

.corporate-clients {
  background-color: #fff;
  padding-top: 80px;
}

.corporate-clients__review {
  margin: 100px 15px 30px;
  padding: 70px 25px 10px;
  box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.2);
  position: relative;
}

.corporate-clients__review-img {
  width: 96px;
  height: 96px;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}

.corporate-clients__review-name {
  font-weight: 700;
  text-align: center;
}

.corporate-clients__review-position {
  margin-bottom: 30px;
  text-align: center;
}

.corporate-clients__review-quote {
  display: inline-block;
  margin-bottom: 24px;
}

.corporate-clients__review-logo {
  display: block;
  margin: 0 auto 20px;
}

.corporate-clients__review-logo_konductor {
  max-width: 80px;
}

.corporate-clients__review .btn {
  display: block;
  text-align: center;
  font-size: 14px;
  margin-bottom: 30px;
}

@media screen and (min-width: 330px) {
  .corporate-clients__review {
    margin: 100px auto 30px;
    max-width: 402px;
  }

  .corporate-clients__review .btn {
    font-size: 16px;
    margin: 0 auto 30px;
    width: 216px;
  }
}

@media screen and (min-width: 768px) {
  .corporate-hero__title {
    padding-top: 60px;
    font-size: 36px;
  }

  .corporate-intro-wrp {
    display: flex;
    margin: 0 -15px;
  }

  .corporate-intro__item {
    flex-basis: 25%;
    padding: 0 15px;
  }

  .corporate-get-wrp {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding-bottom: 50px;
  }

  .corporate-get__item {
    padding: 0 15px 35px;
    width: 33.33333%;
  }

  .corporate-clients-wrp {
    display: flex;
    justify-content: center;
  }

  .corporate-clients-wrp .corporate-clients__review {
    margin: 100px 15px 30px;
  }
}

@media screen and (min-width: 1024px) {
  .corporate-hero {
    padding-top: 143px;
  }

  .corporate-result-wrp .case-result-item {
    width: 25%;
  }

  .corporate-result-wrp .case-result-item svg {
    max-width: 165px;
    max-height: 165px;
  }

  .corporate-hero__title {
    padding: 110px 0 150px;
  }

  .corporate-story .about-story__image {
    background-position: top;
  }
}

.leasing-story .about-story__image,
.leasing-story:after {
  display: none;
}

.leasing-get .aviation-success__title {
  padding: 50px 15px;
  margin-bottom: 0;
}

.leasing-get-wrp {
  padding: 50px 0;
  background-image: url(static/leasing-section-bg-3dd7190abc355d6966674d8f0586894c.jpg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
}

.leasing-get__item {
  padding: 20px;
  position: relative;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.leasing-get__item i {
  font-size: 42px;
  transition: color 0.3s;
}

.leasing-get__item-normal {
  white-space: pre-wrap;
}

.leasing-get__item-hover {
  position: absolute;
  transition: 0.4s ease;
  transform: translate3d(0, 160px, 0);
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}

.leasing-get__item:hover i {
  color: #e78443;
}

.leasing-get__item:hover .leasing-get__item-normal {
  opacity: 0;
  visibility: hidden;
}

.leasing-get__item:hover .leasing-get__item-hover {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 110px, 0);
}

.leasing-animated-wrp {
  padding: 35px 0;
}

.leasing-animated-list {
  padding-left: 25px;
}

.leasing-animated-list.visible .leasing-animated-item {
  opacity: 1;
}

.leasing-animated-item {
  position: relative;
  padding-left: 25px;
  padding-bottom: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.leasing-animated-item:first-child {
  transition-delay: 0.3s;
}

.leasing-animated-item:nth-child(2) {
  transition-delay: 0.6s;
}

.leasing-animated-item:nth-child(3) {
  transition-delay: 0.9s;
}

.leasing-animated-item:nth-child(4) {
  transition-delay: 1.2s;
}

.leasing-animated-item:nth-child(5) {
  transition-delay: 1.5s;
}

.leasing-animated-item:nth-child(6) {
  transition-delay: 1.8s;
}

.leasing-animated-item:nth-child(7) {
  transition-delay: 2.1s;
}

.leasing-animated-item:nth-child(8) {
  transition-delay: 2.4s;
}

.leasing-animated-item:nth-child(9) {
  transition-delay: 2.7s;
}

.leasing-animated-item:nth-child(10) {
  transition-delay: 3s;
}

.leasing-animated-item__dot:before {
  content: "";
  position: absolute;
  top: 15px;
  left: -7px;
  border-radius: 50%;
  background-color: #37c386;
  border: 3px solid #ccc;
  width: 8px;
  height: 8px;
  z-index: 1;
}

.leasing-animated-item:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #ccc;
}

.leasing-animated-item:last-child:after {
  display: none;
}

.leasing-animated-item__heading {
  display: flex;
  align-items: center;
}

.leasing-animated-item__heading i {
  font-size: 38px;
  color: #19764d;
  flex-shrink: 0;
  padding-right: 15px;
}

.leasing-animated-item__heading-caption {
  font-weight: 700;
}

.leasing-result .timer {
  fill: #fff;
  font-size: 32px;
  font-weight: 700;
}

.leasing-result .timer-smaller {
  fill: #fff;
  font-size: 32px;
  font-weight: 400;
}

.leasing-result .border {
  stroke: #262a40;
  fill: none;
}

.leasing-result .circle_blue {
  stroke: #46a5d7;
  fill: none;
  transition: stroke-dasharray 2s;
}

.leasing-result .circle_green {
  stroke: #37c386;
  fill: none;
  transition: stroke-dasharray 2s;
}

.leasing-result .circle_yellow {
  stroke: #f7941d;
  fill: none;
  transition: stroke-dasharray 2s;
}

.leasing-result .circle_teal {
  stroke: #69a1a4;
  fill: none;
  transition: stroke-dasharray 2s;
}

.leasing-result p {
  font-size: 18px;
}

.leasing-success {
  background-color: #fff;
  padding-top: 100px;
}

.process-animated-wrp {
  padding: 80px 0 30px;
}

.process-animated-list {
  padding-left: 25px;
}

.process-animated-list.visible .process-animated-item {
  opacity: 1;
}

.process-animated-item {
  padding-left: 25px;
  padding-bottom: 32px;
  position: relative;
  opacity: 0;
  transition: opacity 0.3s;
}

.process-animated-item:first-child,
.process-animated-item:first-child:after {
  transition-delay: 0.3s;
}

.process-animated-item:nth-child(2),
.process-animated-item:nth-child(2):after {
  transition-delay: 0.6s;
}

.process-animated-item:nth-child(3),
.process-animated-item:nth-child(3):after {
  transition-delay: 0.9s;
}

.process-animated-item:nth-child(4),
.process-animated-item:nth-child(4):after {
  transition-delay: 1.2s;
}

.process-animated-item:nth-child(5),
.process-animated-item:nth-child(5):after {
  transition-delay: 1.5s;
}

.process-animated-item:nth-child(6),
.process-animated-item:nth-child(6):after {
  transition-delay: 1.8s;
}

.process-animated-item:nth-child(7),
.process-animated-item:nth-child(7):after {
  transition-delay: 2.1s;
}

.process-animated-item:nth-child(8),
.process-animated-item:nth-child(8):after {
  transition-delay: 2.4s;
}

.process-animated-item:nth-child(9),
.process-animated-item:nth-child(9):after {
  transition-delay: 2.7s;
}

.process-animated-item:nth-child(10),
.process-animated-item:nth-child(10):after {
  transition-delay: 3s;
}

.process-animated-item:nth-child(11),
.process-animated-item:nth-child(11):after {
  transition-delay: 3.3s;
}

.process-animated-item:nth-child(12),
.process-animated-item:nth-child(12):after {
  transition-delay: 3.6s;
}

.process-animated-item:nth-child(odd) {
  padding-bottom: 0;
}

.process-animated-item:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 7px;
  left: 0;
  background-color: #ccc;
  transition: height 0.3s;
}

.process-animated-item:last-child:after {
  display: none;
}

.process-animated-item__heading {
  padding-bottom: 16px;
}

.process-animated-item__heading:before {
  background-color: #37c386;
  z-index: 1;
}

.process-animated-item__heading:after,
.process-animated-item__heading:before {
  position: absolute;
  content: "";
  top: 7px;
  left: -7px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.process-animated-item__heading:after {
  -webkit-animation: sonarWave 2s linear infinite;
  animation: sonarWave 2s linear infinite;
  background: #37c386;
}

.process-animated-item__heading-caption {
  font-weight: 700;
  font-size: 18px;
}

@media screen and (min-width: 768px) {
  .leasing-story .about-story__image {
    display: block;
  }

  .leasing-get-wrp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
  }

  .leasing-get-wrp .container {
    display: flex;
    flex-wrap: wrap;
  }

  .leasing-get__item {
    width: 25%;
  }

  .leasing-get__item-hover {
    padding: 0 24px;
  }

  .leasing-benefit_less-items .leasing-animated-item:first-child {
    transform: translate(-50%, -50%) rotate(-90deg) translate(222px)
      rotate(90deg);
  }

  .leasing-benefit_less-items
    .leasing-animated-item:first-child
    .leasing-animated-item__dot:before {
    transform: translate(-50%, -50%) rotate(-90deg) translate(-70.5px)
      rotate(90deg);
  }

  .leasing-benefit_less-items .leasing-animated-item:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-18deg) translate(222px)
      rotate(18deg);
  }

  .leasing-benefit_less-items
    .leasing-animated-item:nth-child(2)
    .leasing-animated-item__dot:before {
    transform: translate(-50%, -50%) rotate(-18deg) translate(-70.5px)
      rotate(162deg);
  }

  .leasing-benefit_less-items .leasing-animated-item:nth-child(3) {
    transform: translate(-50%, -50%) rotate(54deg) translate(222px)
      rotate(-54deg);
  }

  .leasing-benefit_less-items
    .leasing-animated-item:nth-child(3)
    .leasing-animated-item__dot:before {
    transform: translate(-50%, -50%) rotate(54deg) translate(-70.5px)
      rotate(234deg);
  }

  .leasing-benefit_less-items .leasing-animated-item:nth-child(4) {
    transform: translate(-50%, -50%) rotate(126deg) translate(222px)
      rotate(-126deg);
  }

  .leasing-benefit_less-items
    .leasing-animated-item:nth-child(4)
    .leasing-animated-item__dot:before {
    transform: translate(-50%, -50%) rotate(126deg) translate(-70.5px)
      rotate(306deg);
  }

  .leasing-benefit_less-items .leasing-animated-item:nth-child(5) {
    transform: translate(-50%, -50%) rotate(198deg) translate(222px)
      rotate(-198deg);
  }

  .leasing-benefit_less-items
    .leasing-animated-item:nth-child(5)
    .leasing-animated-item__dot:before {
    transform: translate(-50%, -50%) rotate(198deg) translate(-70.5px)
      rotate(378deg);
  }

  .leasing-benefit_less-items
    .leasing-animated-item:first-child
    .leasing-animated-item__dot-text {
    top: 83px;
    left: 83px;
  }

  .leasing-benefit_less-items
    .leasing-animated-item:nth-child(2)
    .leasing-animated-item__dot-text {
    top: 34px;
    right: 151px;
  }

  .leasing-benefit_less-items
    .leasing-animated-item:nth-child(3)
    .leasing-animated-item__dot-text {
    top: -44px;
    right: 127px;
  }

  .leasing-benefit_less-items
    .leasing-animated-item:nth-child(4)
    .leasing-animated-item__dot-text {
    top: -46px;
    left: 126px;
  }

  .leasing-benefit_less-items
    .leasing-animated-item:nth-child(5)
    .leasing-animated-item__dot-text {
    top: 33px;
    left: 152px;
  }

  .leasing-animated-wrp {
    position: relative;
    padding: 0;
    margin: 9em auto;
    border: 1px solid #ccc;
    width: 304px;
    height: 304px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  .leasing-animated-list {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
  }

  .leasing-animated-item {
    position: absolute;
    width: 136px;
    height: 136px;
    top: 50%;
    left: 50%;
    padding-left: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
  }

  .leasing-animated-item:first-child {
    transform: translate(-50%, -50%) rotate(-90deg) translate(222px)
      rotate(90deg);
  }

  .leasing-animated-item:first-child .leasing-animated-item__dot:before {
    transform: translate(-50%, -50%) rotate(-90deg) translate(-70.5px)
      rotate(90deg);
  }

  .leasing-animated-item:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-30deg) translate(222px)
      rotate(30deg);
  }

  .leasing-animated-item:nth-child(2) .leasing-animated-item__dot:before {
    transform: translate(-50%, -50%) rotate(-30deg) translate(-70.5px)
      rotate(150deg);
  }

  .leasing-animated-item:nth-child(3) {
    transform: translate(-50%, -50%) rotate(30deg) translate(222px)
      rotate(-30deg);
  }

  .leasing-animated-item:nth-child(3) .leasing-animated-item__dot:before {
    transform: translate(-50%, -50%) rotate(30deg) translate(-70.5px)
      rotate(210deg);
  }

  .leasing-animated-item:nth-child(4) {
    transform: translate(-50%, -50%) rotate(90deg) translate(222px)
      rotate(-90deg);
  }

  .leasing-animated-item:nth-child(4) .leasing-animated-item__dot:before {
    transform: translate(-50%, -50%) rotate(90deg) translate(-70.5px)
      rotate(270deg);
  }

  .leasing-animated-item:nth-child(5) {
    transform: translate(-50%, -50%) rotate(150deg) translate(222px)
      rotate(-150deg);
  }

  .leasing-animated-item:nth-child(5) .leasing-animated-item__dot:before {
    transform: translate(-50%, -50%) rotate(150deg) translate(-70.5px)
      rotate(330deg);
  }

  .leasing-animated-item:nth-child(6) {
    transform: translate(-50%, -50%) rotate(210deg) translate(222px)
      rotate(-210deg);
  }

  .leasing-animated-item:nth-child(6) .leasing-animated-item__dot:before {
    transform: translate(-50%, -50%) rotate(210deg) translate(-70.5px)
      rotate(390deg);
  }

  .leasing-animated-item__dot:before {
    top: 50%;
    left: 50%;
  }

  .leasing-animated-item__dot-text {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -51px;
    left: auto;
    background-color: #fff;
    padding: 20px;
    font-weight: 700;
    width: 322px;
    height: 106px;
    border-top: 5px solid #37c386;
    box-shadow: 0 0 18.48px 5.52px rgba(0, 0, 0, 0.25);
    transition: opacity 0.5s ease-in-out;
  }

  .leasing-animated-item__dot-text:before {
    content: "";
    position: absolute;
    width: 110%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .leasing-animated-item__dot-text:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    left: 0;
  }

  .leasing-animated-item:after {
    display: none;
  }

  .leasing-animated-item:first-child .leasing-animated-item__dot-text {
    top: 83px;
    left: 83px;
  }

  .leasing-animated-item:nth-child(2) .leasing-animated-item__dot-text {
    top: 48px;
    right: 144px;
  }

  .leasing-animated-item:nth-child(2) .leasing-animated-item__dot-text:after {
    left: auto;
    right: -10px;
  }

  .leasing-animated-item:nth-child(3) .leasing-animated-item__dot-text {
    top: -22px;
    right: 145px;
  }

  .leasing-animated-item:nth-child(3) .leasing-animated-item__dot-text:after {
    left: auto;
    right: -10px;
  }

  .leasing-animated-item:nth-child(4) .leasing-animated-item__dot-text {
    top: -59px;
    left: 85px;
  }

  .leasing-animated-item:nth-child(4) .leasing-animated-item__dot-text_height {
    top: -76px;
    height: auto;
  }

  .leasing-animated-item:nth-child(5) .leasing-animated-item__dot-text {
    top: -25px;
    left: 144px;
  }

  .leasing-animated-item:nth-child(6) .leasing-animated-item__dot-text {
    top: 46px;
    left: 145px;
  }

  .leasing-animated-item:hover {
    z-index: 5;
  }

  .leasing-animated-item:hover .leasing-animated-item__dot-text,
  .leasing-animated-item:hover .leasing-animated-item__dot-text:hover {
    visibility: visible;
    opacity: 1;
  }

  .leasing-animated-item__heading {
    flex-direction: column;
    text-align: center;
    margin-bottom: 16px;
  }

  .leasing-animated-item__heading i {
    padding-right: 0;
  }

  .leasing-animated-round {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40%;
    margin-top: -40%;
    transform: scale(0);
    box-shadow: inset 0 0 3em 0 rgba(0, 0, 0, 0.08);
    width: 80%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: transform 2s linear;
  }

  .leasing-animated-round.visible,
  .leasing-animated-round.visible .leasing-animated-round__inner,
  .leasing-animated-round.visible .leasing-animated-round__inner-blue {
    transform: scale(1);
  }

  .leasing-animated-round__inner {
    margin-left: -35%;
    margin-top: -35%;
    transform: translate(-50%, -50%) scale(0);
    box-shadow: inset 0 0 3em 0 rgba(0, 0, 0, 0.08);
    width: 70%;
    height: 70%;
  }

  .leasing-animated-round__inner,
  .leasing-animated-round__inner-blue {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform 2s linear;
    border-radius: 50%;
  }

  .leasing-animated-round__inner-blue {
    margin-left: -30%;
    margin-top: -30%;
    transform: scale(0);
    background-color: #46a5d7;
    width: 60%;
    height: 60%;
  }

  .process_less-items .process-animated-item_hover {
    width: 20%;
  }

  .process_less-items
    .process-animated-item-text:first-child
    .process-animated-item-text__caption:before {
    left: 10%;
    margin-left: -10%;
  }

  .process_less-items
    .process-animated-item-text:nth-child(2)
    .process-animated-item-text__caption:before {
    left: 20%;
    margin-left: -10%;
  }

  .process_less-items
    .process-animated-item-text:nth-child(3)
    .process-animated-item-text__caption:before {
    left: 30%;
    margin-left: -10%;
  }

  .process_less-items
    .process-animated-item-text:nth-child(4)
    .process-animated-item-text__caption:before {
    left: 40%;
    margin-left: -10%;
  }

  .process_less-items
    .process-animated-item-text:nth-child(5)
    .process-animated-item-text__caption:before {
    left: 50%;
    margin-left: -10%;
  }

  .process_less-items
    .process-animated-item-text:nth-child(6)
    .process-animated-item-text__caption:before {
    left: 60%;
    margin-left: -10%;
  }

  .process_less-items
    .process-animated-item-text:nth-child(7)
    .process-animated-item-text__caption:before {
    left: 70%;
    margin-left: -10%;
  }

  .process_less-items
    .process-animated-item-text:nth-child(8)
    .process-animated-item-text__caption:before {
    left: 80%;
    margin-left: -10%;
  }

  .process_less-items
    .process-animated-item-text:nth-child(9)
    .process-animated-item-text__caption:before {
    left: 90%;
    margin-left: -10%;
  }

  .process_less-items
    .process-animated-item-text:nth-child(10)
    .process-animated-item-text__caption:before {
    left: 100%;
    margin-left: -10%;
  }

  .process_less-items
    .process-animated-item-text:nth-child(11)
    .process-animated-item-text__caption:before {
    left: 110%;
    margin-left: -10%;
  }

  .process_less-items
    .process-animated-item-text:nth-child(12)
    .process-animated-item-text__caption:before {
    left: 120%;
    margin-left: -10%;
  }

  .process_three-items .process-animated-item_hover {
    width: 33.33333%;
  }

  .process_three-items
    .process-animated-item-text:first-child
    .process-animated-item-text__caption:before {
    left: 16.66667%;
    margin-left: -16.6%;
  }

  .process_three-items
    .process-animated-item-text:nth-child(2)
    .process-animated-item-text__caption:before {
    left: 33.33333%;
    margin-left: -16.6%;
  }

  .process_three-items
    .process-animated-item-text:nth-child(3)
    .process-animated-item-text__caption:before {
    left: 50%;
    margin-left: -16.6%;
  }

  .process_three-items
    .process-animated-item-text:nth-child(4)
    .process-animated-item-text__caption:before {
    left: 66.66667%;
    margin-left: -16.6%;
  }

  .process_three-items
    .process-animated-item-text:nth-child(5)
    .process-animated-item-text__caption:before {
    left: 83.33333%;
    margin-left: -16.6%;
  }

  .process_three-items
    .process-animated-item-text:nth-child(6)
    .process-animated-item-text__caption:before {
    left: 100%;
    margin-left: -16.6%;
  }

  .process-animated-wrp {
    min-height: 500px;
  }

  .process-animated-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    position: relative;
  }

  .process-animated-list:hover
    .process-animated-item_hover:hover
    + .process-animated-item-text {
    position: static;
    opacity: 1;
    pointer-events: auto;
  }

  .process-animated-list:hover .process-animated-item-text {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  .process-animated-list:hover .process-animated-item-text:hover {
    position: static;
    opacity: 1;
    pointer-events: auto;
  }

  .process-animated-item {
    width: 16.66667%;
    flex-shrink: 0;
    flex-grow: 0;
    text-align: center;
    opacity: 1;
    padding: 0 0 25px;
  }

  .process-animated-item:nth-child(n + 1) {
    transition-delay: 0s;
  }

  .process-animated-item:nth-child(odd) {
    padding-bottom: 25px;
  }

  .process-animated-item:first-child .process-animated-item__heading {
    -o-border-image: linear-gradient(90deg, #fff, #fff 49%, #ccc 50%, #ccc) 1;
    border-image: linear-gradient(90deg, #fff, #fff 49%, #ccc 50%, #ccc) 1;
  }

  .process-animated-item:nth-last-child(2) .process-animated-item__heading {
    -o-border-image: linear-gradient(270deg, #fff, #fff 49%, #ccc 50%, #ccc) 2;
    border-image: linear-gradient(270deg, #fff, #fff 49%, #ccc 50%, #ccc) 2;
  }

  .process-animated-item:after {
    display: none;
  }

  .process-animated-item_hover {
    position: static;
  }

  .process-animated-item__heading {
    padding-bottom: 10px;
    position: relative;
    height: 110px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
  }

  .process-animated-item__heading:before {
    background-color: #37c386;
    border-radius: 50%;
    top: auto;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }

  .process-animated-item__heading:after {
    -webkit-animation: none;
    animation: none;
    width: 40px;
    height: 40px;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    top: auto;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }

  .process-animated-item-text {
    opacity: 0;
    position: absolute;
    top: 135px;
    left: 0;
    width: 100%;
    flex-basis: 100%;
    order: 10;
    padding-top: 20px;
    padding-bottom: 0;
    pointer-events: none;
  }

  .process-animated-item-text:after {
    display: none;
  }

  .process-animated-item-text:first-child
    .process-animated-item-text__caption:before {
    left: 8.33333%;
    margin-left: -8.3%;
  }

  .process-animated-item-text:nth-child(2)
    .process-animated-item-text__caption:before {
    left: 16.66667%;
    margin-left: -8.3%;
  }

  .process-animated-item-text:nth-child(3)
    .process-animated-item-text__caption:before {
    left: 25%;
    margin-left: -8.3%;
  }

  .process-animated-item-text:nth-child(4)
    .process-animated-item-text__caption:before {
    left: 33.33333%;
    margin-left: -8.3%;
  }

  .process-animated-item-text:nth-child(5)
    .process-animated-item-text__caption:before {
    left: 41.66667%;
    margin-left: -8.3%;
  }

  .process-animated-item-text:nth-child(6)
    .process-animated-item-text__caption:before {
    left: 50%;
    margin-left: -8.3%;
  }

  .process-animated-item-text:nth-child(7)
    .process-animated-item-text__caption:before {
    left: 58.33333%;
    margin-left: -8.3%;
  }

  .process-animated-item-text:nth-child(8)
    .process-animated-item-text__caption:before {
    left: 66.66667%;
    margin-left: -8.3%;
  }

  .process-animated-item-text:nth-child(9)
    .process-animated-item-text__caption:before {
    left: 75%;
    margin-left: -8.3%;
  }

  .process-animated-item-text:nth-child(10)
    .process-animated-item-text__caption:before {
    left: 83.33333%;
    margin-left: -8.3%;
  }

  .process-animated-item-text:nth-child(11)
    .process-animated-item-text__caption:before {
    left: 91.66667%;
    margin-left: -8.3%;
  }

  .process-animated-item-text:nth-child(12)
    .process-animated-item-text__caption:before {
    left: 100%;
    margin-left: -8.3%;
  }

  .process-animated-item-text__caption {
    background-color: #fff;
    padding: 20px;
    box-shadow: 1px 0 21px 0 rgba(81, 81, 81, 0.25);
    -webkit-animation: fadeIn 0.5s linear;
    animation: fadeIn 0.5s linear;
    text-align: left;
    position: relative;
  }

  .process-animated-item-text__caption:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -12px;
    transform: translateX(-50%) rotate(135deg);
    box-shadow: -6px 4px 7px 0 rgba(81, 81, 81, 0.2);
    background: #fff;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: 12px;
    z-index: 1;
    pointer-events: none;
  }
}

@media screen and (min-width: 1024px) {
  .leasing-get-wrp {
    min-height: 80vh;
  }

  .leasing-result .case-result-wrp {
    padding: 20px 70px;
  }

  .leasing-result .case-result-item {
    padding-top: 0;
  }

  .leasing-result p {
    padding-bottom: 0;
  }
}

@-webkit-keyframes sonarWave {
  0% {
    opacity: 0.4;
  }

  to {
    transform: scale(3);
    opacity: 0;
  }
}

@keyframes sonarWave {
  0% {
    opacity: 0.4;
  }

  to {
    transform: scale(3);
    opacity: 0;
  }
}

.numbers {
  color: #131a58;
  padding-top: 50px;
  padding-bottom: 52px;
}

@media (min-width: 1024px) {
  .numbers {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-bottom: 23px;
  }
}

.numbers_darker {
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .numbers_darker {
    padding-bottom: 50px;
  }
}

.numbers_top-line .container {
  position: relative;
}

.numbers_top-line .container:before {
  content: "";
  position: absolute;
  top: -50px;
  left: 0;
  width: calc(100% - 48px);
  height: 1px;
  background-color: rgba(89, 101, 115, 0.2);
}

@media (min-width: 1024px) {
  .numbers_top-line .container:before {
    top: -100px;
  }
}

@media (min-width: 768px) {
  .numbers-wrp {
    display: flex;
    justify-content: space-between;
    margin: 0 -15px;
  }
}

@media (min-width: 1024px) {
  .numbers-wrp {
    padding-top: 13px;
  }
}

.numbers-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 211px;
  margin: 0 auto;
}

.numbers-item svg {
  width: 211px;
  height: 211px;
}

.numbers-item h4 {
  padding-top: 43px;
  padding-bottom: 55px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  letter-spacing: -0.02em;
}

@media (min-width: 768px) {
  .numbers-item {
    margin: 0;
  }

  .numbers-item:first-child svg {
    margin-left: 7px;
  }

  .numbers-item:last-child svg {
    margin-right: 7px;
  }
}

.numbers .case-result-item {
  max-width: 340px;
  padding: 0 15px 20px;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 768px) {
  .numbers .case-result-item {
    margin: 0;
    max-width: 310px;
  }
}

.numbers .case-result-item svg {
  width: 218px;
  height: 218px;
}

.numbers .case-result-item p {
  padding-top: 34px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #131a58;
}

.numbers .timer {
  font-weight: 800;
  font-size: 34px;
  line-height: 124%;
  letter-spacing: -0.03em;
}

.numbers-title.h4 {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 26px;
  line-height: 138%;
  letter-spacing: -0.04em;
}

@media (min-width: 768px) {
  .numbers-title.h4 {
    width: 80%;
  }
}

@media (min-width: 1024px) {
  .numbers-title.h4 {
    width: auto;
    max-width: 715px;
    font-size: 36px;
  }
}

@media (min-width: 1024px) {
  .numbers-wrp {
    display: flex;
  }
}

@media (min-width: 600px) {
  .numbers-small {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) {
  .numbers-small {
    width: 59%;
    padding-right: 4px;
  }
}

@media (min-width: 1200px) {
  .numbers-small {
    width: auto;
    justify-content: space-between;
  }
}

.numbers-small-item {
  text-align: center;
  margin-bottom: 24px;
}

@media (min-width: 600px) {
  .numbers-small-item {
    width: 50%;
    text-align: left;
  }
}

@media (min-width: 768px) {
  .numbers-small-item {
    width: 33.3%;
  }
}

@media (min-width: 1024px) {
  .numbers-small-item {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .numbers-small-item {
    width: 232px;
    margin-bottom: 48px;
  }

  .numbers-small-item:nth-child(2) {
    width: 536px;
  }
}

.numbers-small-item__number {
  display: block;
  margin-bottom: 8px;
  font-weight: 800;
  font-size: 45px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .numbers-small-item__number {
    margin-bottom: 17px;
    font-size: 85px;
  }
}

.numbers-small-item__caption.h3 {
  display: inline-block;
  border-radius: 10px;
  padding: 12px 14px;
  color: #000;
  background-color: #ffce1f;
  font-weight: 700;
  font-size: 14px;
  line-height: 23px;
}

@media (min-width: 1024px) {
  .numbers-small-item__caption.h3 {
    padding: 20px 24px;
    font-size: 18px;
    letter-spacing: -0.02em;
  }
}

@media (min-width: 1024px) {
  .numbers-big {
    flex-shrink: 0;
    width: 41%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .numbers-big {
    width: 396px;
  }
}

.numbers-big-item {
  background-color: #1780ff;
  border-radius: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 220px;
  height: 220px;
  padding-top: 60px;
  padding-bottom: 40px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .numbers-big-item {
    width: 250px;
    height: 250px;
    padding-top: 40px;
  }
}

@media (min-width: 1024px) {
  .numbers-big-item {
    margin: auto;
    width: 396px;
    height: 396px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .numbers-big-item {
    margin: 0;
  }
}

.numbers-big-item h2 {
  margin-bottom: 0;
}

.numbers-big-item__number {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 60px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .numbers-big-item__number {
    margin-bottom: 16px;
    font-size: 120px;
  }
}

.numbers-big-item__caption {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 23px;
}

@media (min-width: 1024px) {
  .numbers-big-item__caption {
    font-size: 18px;
    letter-spacing: -0.02em;
  }
}

.recommend {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .recommend {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.recommend_light {
  background-color: #fff;
}

.recommend-title.h3 {
  margin-bottom: 24px;
}

@media (min-width: 1024px) {
  .recommend-wrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 600px) {
  .recommend-main {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .recommend-main {
    max-width: 632px;
    margin-top: 15px;
  }
}

.recommend__quote-icon {
  width: 64px;
  height: 64px;
  margin-right: 16px;
  margin-bottom: 4px;
  float: left;
}

@media (min-width: 600px) {
  .recommend__quote-icon {
    flex-shrink: 0;
    margin-right: 41px;
    margin-bottom: 0;
    float: none;
  }
}

.recommend-content {
  margin-bottom: 16px;
}

.recommend-content__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .recommend-content__text {
    font-size: 24px;
  }
}

.recommend-content-bottom img {
  width: 40px;
  height: 40px;
  margin-right: 16px;
  vertical-align: middle;
  border-radius: 50%;
}

.recommend-content-bottom span {
  vertical-align: middle;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  opacity: 0.5;
}

.success {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .success {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
  }
}

@media (min-width: 1024px) {
  .success:after {
    content: "";
    position: absolute;
    width: 306px;
    height: 540px;
    top: 53px;
    left: -28px;
    border: 18px solid #ffce1f;
    border-radius: 135px 0;
    z-index: 1;
  }
}

@media (min-width: 1024px) and (min-width: 1700px) {
  .success:after {
    display: none;
  }
}

.success_darker {
  background-color: #f4f7fa;
}

.success_business-page .success-title.h3 {
  max-width: 600px;
}

@media (min-width: 1024px) {
  .success_angular-dev {
    padding-bottom: 89px;
  }
}

.success_angular-dev:after {
  display: none;
}

.success_angular-dev .success-link {
  margin-top: 0;
}

.success_angular-dev.success .cases-list {
  margin-top: 8px;
}

@media (min-width: 1024px) {
  .success .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
  }
}

.success-title.h3 {
  max-width: 564px;
}

@media (min-width: 1024px) {
  .success-title.h3 {
    order: 1;
  }
}

.success-link {
  margin-top: 32px;
  text-align: center;
}

@media (min-width: 1024px) {
  .success-link {
    order: 2;
    margin-top: 27px;
    margin-left: auto;
    max-width: 50%;
  }
}

@media (min-width: 1024px) {
  .success .cases-list {
    order: 3;
    margin-top: 16px;
  }
}

.augmentation-hero {
  min-height: calc(100vh - 64px);
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
  display: flex;
  align-items: center;
}

@media (min-width: 1024px) {
  .augmentation-hero {
    min-height: 100vh;
    padding-top: 129px;
    padding-bottom: 97px;
  }
}

@media (min-width: 768px) {
  .augmentation-hero-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .augmentation-hero-main {
    margin-bottom: 44px;
  }
}

.augmentation-hero__title.h1 {
  margin-bottom: 16px;
  font-weight: 800;
  font-size: 42px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .augmentation-hero__title.h1 {
    margin-bottom: 24px;
    font-size: 64px;
  }
}

.augmentation-hero__subtitle {
  margin-bottom: 32px;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #596573;
  opacity: 0.8;
}

@media (min-width: 1024px) {
  .augmentation-hero__subtitle {
    max-width: 609px;
  }
}

@media (min-width: 768px) {
  .augmentation-hero-aside {
    display: block !important;
    margin-left: 32px;
    flex-shrink: 0;
  }
}

@media (min-width: 768px) {
  .augmentation-hero-img {
    position: relative;
    width: 222px;
  }

  .augmentation-hero-img:before {
    content: "";
    position: absolute;
    top: -14px;
    left: -14px;
    width: 100%;
    height: 100%;
    border: 6px solid #ffce1f;
    border-radius: 0 50px;
  }
}

@media (min-width: 1024px) {
  .augmentation-hero-img {
    width: 414px;
  }

  .augmentation-hero-img:before {
    top: -20px;
    left: -20px;
    width: 97.7%;
    height: 99.2%;
    border-radius: 0 100px;
  }
}

@media (min-width: 768px) {
  .consulting-hero .augmentation-hero-wrp {
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .consulting-hero .augmentation-hero-main {
    padding-right: 18px;
  }
}

.consulting-hero .augmentation-hero__title {
  max-width: 565px;
  font-size: 48px;
}

@media (min-width: 768px) {
  .consulting-hero .augmentation-hero__subtitle {
    max-width: 500px;
  }
}

@media (min-width: 768px) {
  .consulting-hero .augmentation-hero-img {
    position: relative;
    width: 222px;
  }

  .consulting-hero .augmentation-hero-img:before {
    border: 6px solid #1780ff;
  }
}

@media (min-width: 1024px) {
  .consulting-hero .augmentation-hero-img {
    width: 414px;
  }

  .consulting-hero .augmentation-hero-img:before {
    top: -20px;
    left: -20px;
    width: 97.7%;
    height: 99.2%;
    border-radius: 0 100px;
  }
}

.new.technologies,
.new .technologies {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.new.technologies_darker,
.new .technologies_darker {
  background-color: #f4f7fa;
}

.new.technologies_web-development,
.new .technologies_web-development {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .new.technologies_web-development,
  .new .technologies_web-development {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-bottom: 60px;
  }
}

@media (min-width: 1024px) {
  .new.technologies_web-development .h3,
  .new .technologies_web-development .h3 {
    margin-bottom: 46px;
  }
}

@media (min-width: 1024px) {
  .new.technologies_web-development .technologies-small-row,
  .new .technologies_web-development .technologies-small-row {
    margin-bottom: 8px;
  }
}

@media (min-width: 1024px) {
  .new.technologies_custom-dev,
  .new .technologies_custom-dev {
    padding-top: 100px;
    padding-bottom: 68px;
  }
}

.new.technologies_custom-dev:before,
.new .technologies_custom-dev:before {
  display: none;
}

.new.technologies:before,
.new .technologies:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 100%;
  max-width: 1240px;
  background-color: #eaeaea;
}

.new.technologies .h3,
.new .technologies .h3 {
  margin-bottom: 64px;
  text-align: center;
}

.new.technologies-reversed,
.new .technologies-reversed {
  display: flex;
  flex-direction: column-reverse;
}

.new.technologies-big-row,
.new .technologies-big-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -8px 32px;
}

.new.technologies-big-item,
.new .technologies-big-item {
  background-color: #fff;
  border-radius: 20px;
  padding: 14px 15px;
  margin: 0 8px 16px;
  width: 98px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 88px;
}

.new.technologies-big-item:nth-child(5) img,
.new .technologies-big-item:nth-child(5) img {
  margin-top: 15px;
}

.new.technologies-big-item:nth-child(6) img,
.new .technologies-big-item:nth-child(6) img {
  margin-top: 5px;
}

.new.technologies-big-item img,
.new .technologies-big-item img {
  max-width: 26px;
  max-height: 27px;
}

.new.technologies-big-item .h4,
.new .technologies-big-item .h4 {
  margin-top: auto;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #131a58;
}

.new.technologies-small-row,
.new .technologies-small-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.new.technologies-small-item,
.new .technologies-small-item {
  display: flex;
  flex-direction: column;
  width: 25%;
  height: 57px;
  margin-bottom: 32px;
  align-items: center;
}

.new.technologies-small-item:nth-child(2) img,
.new .technologies-small-item:nth-child(2) img,
.new.technologies-small-item:nth-child(8) img,
.new .technologies-small-item:nth-child(8) img {
  margin-top: 5px;
}

.new.technologies-small-item img,
.new .technologies-small-item img {
  width: 25px;
  height: auto;
}

.new.technologies-small-item p,
.new .technologies-small-item p {
  margin-top: auto;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #131a58;
}

@media screen and (min-width: 602px) {
  .new .technologies-big-item {
    width: 187px;
    height: 118px;
    padding: 22px;
  }

  .new .technologies-big-item:nth-child(5) img {
    margin-top: 15px;
  }

  .new .technologies-big-item img {
    max-width: 40px;
    max-height: 40px;
  }

  .new .technologies-small-item {
    width: 15%;
  }
}

@media screen and (min-width: 1024px) {
  .new .technologies {
    background-color: #f4f7fa;
  }

  .new .technologies-big-row {
    margin: 0 -12px 24px;
  }

  .new .technologies-big-item {
    margin: 0 12px 24px;
    cursor: pointer;
  }

  .new .technologies-small-row {
    justify-content: space-between;
    margin: 0 10px;
  }

  .new .technologies-small-item {
    width: auto;
    height: 74px;
  }

  .new .technologies-small-item img {
    width: 40px;
  }
}

@media screen and (min-width: 1278px) {
  .new .technologies {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .new .technologies .h3 {
    margin-bottom: 48px;
  }

  .new .technologies-big-row {
    margin: 0 -11px;
  }

  .new .technologies-big-item {
    margin: 0 11px 44px;
  }
}

.process {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .process {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.process_light {
  background-color: #fff;
}

.process-list {
  counter-reset: myCounter;
}

@media (min-width: 768px) {
  .process-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}

@media (min-width: 1024px) {
  .process-list {
    margin-bottom: -24px;
    padding-top: 16px;
    justify-content: space-between;
  }
}

.process-item {
  max-width: 452px;
  margin: 0 auto 24px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .process-item {
    width: calc(50% - 5px);
    display: flex;
    flex-direction: column;
  }

  .process-item:nth-child(odd) {
    margin-left: 0;
    margin-right: 5px;
  }

  .process-item:nth-child(2n) {
    margin-left: 5px;
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .process-item {
    width: calc(33.33333% - 16px);
  }

  .process-item:nth-child(2n),
  .process-item:nth-child(odd) {
    margin-left: 0;
    margin-right: 0;
  }
}

.process-item__number {
  display: inline-block;
  margin-bottom: 8px;
  padding: 40px 32px 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 124%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #1780ff;
}

.process-item__number:after {
  content: counter(myCounter);
  counter-increment: myCounter;
}

.process-item__title.h4 {
  margin-bottom: 12px;
  padding: 0 32px;
  font-weight: 800;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.03em;
  color: #131a58;
}

.process-item__text {
  margin-bottom: 32px;
  padding: 0 32px;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #596573;
}

.process-item-img {
  height: 200px;
}

@media (min-width: 768px) {
  .process-item-img {
    margin-top: auto;
  }
}

.process-item-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.waterfall {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .waterfall {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.waterfall-title.h3 {
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .waterfall-title.h3 {
    margin-bottom: 64px;
    font-size: 48px;
  }
}

.waterfall-list {
  width: 327px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .waterfall-list {
    width: auto;
    padding-top: 18px;
    background-image: linear-gradient(180deg, #e2e2e2, hsla(0, 0%, 91.8%, 0)),
      linear-gradient(90deg, transparent 1px, #f4f7fa 0, #f4f7fa);
    background-size: 100%, 82px 100%;
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat-x;
    background-blend-mode: lighten;
  }
}

@media (min-width: 1200px) {
  .waterfall-list {
    background-size: 100%, 83px 100%;
  }
}

@media (min-width: 1024px) {
  .waterfall-list_visible .waterfall-item:hover {
    z-index: 5;
  }
}

.waterfall-list_visible .waterfall-item-title {
  width: 100%;
}

@media (min-width: 1024px) {
  .waterfall-list_visible .waterfall-item-title {
    cursor: pointer;
  }

  .waterfall-list_visible .waterfall-item-title:hover + .waterfall-item__text {
    opacity: 1;
  }
}

.waterfall-list_visible .waterfall-item__text {
  opacity: 1;
}

@media (min-width: 1024px) {
  .waterfall-list_visible .waterfall-item__text {
    opacity: 0;
  }
}

@media (min-width: 1024px) {
  .waterfall-list_visible .waterfall-item_yellow .waterfall-item-title {
    width: 264px;
  }
}

@media (min-width: 1024px) {
  .waterfall-list_visible .waterfall-item_orange .waterfall-item-title {
    width: 284px;
    margin-left: 10.9%;
  }
}

@media (min-width: 1288px) {
  .waterfall-list_visible .waterfall-item_orange .waterfall-item-title {
    margin-left: 131px;
  }
}

@media (min-width: 1024px) {
  .waterfall-list_visible .waterfall-item_dark-blue .waterfall-item-title {
    width: 318px;
    margin-left: 27.6%;
  }
}

@media (min-width: 1288px) {
  .waterfall-list_visible .waterfall-item_dark-blue .waterfall-item-title {
    margin-left: 332px;
  }
}

@media (min-width: 1024px) {
  .waterfall-list_visible .waterfall-item_light-blue .waterfall-item-title {
    width: 354px;
    margin-left: 37.3%;
  }
}

@media (min-width: 1288px) {
  .waterfall-list_visible .waterfall-item_light-blue .waterfall-item-title {
    margin-left: 559px;
  }
}

@media (min-width: 1024px) {
  .waterfall-list_visible .waterfall-item_blue .waterfall-item-title {
    width: 119px;
    margin-left: 65.1%;
  }
}

@media (min-width: 1288px) {
  .waterfall-list_visible .waterfall-item_blue .waterfall-item-title {
    margin-left: 878px;
  }
}

@media (min-width: 1024px) {
  .waterfall-list_visible .waterfall-item_green .waterfall-item-title {
    width: 309px;
    margin-left: 68.3%;
  }
}

@media (min-width: 1288px) {
  .waterfall-list_visible .waterfall-item_green .waterfall-item-title {
    margin-left: 931px;
  }
}

.waterfall-item {
  margin-bottom: 12px;
  color: #fff;
}

.waterfall-item:first-child .waterfall-item-title,
.waterfall-item:first-child .waterfall-item__text {
  transition-delay: 0.8s;
}

@media (min-width: 1024px) {
  .waterfall-item:first-child .waterfall-item__text {
    transition-delay: unset;
  }
}

.waterfall-item:nth-child(2) .waterfall-item-title,
.waterfall-item:nth-child(2) .waterfall-item__text {
  transition-delay: 1.6s;
}

@media (min-width: 1024px) {
  .waterfall-item:nth-child(2) .waterfall-item__text {
    transition-delay: unset;
  }
}

.waterfall-item:nth-child(3) .waterfall-item-title,
.waterfall-item:nth-child(3) .waterfall-item__text {
  transition-delay: 2.4s;
}

@media (min-width: 1024px) {
  .waterfall-item:nth-child(3) .waterfall-item__text {
    transition-delay: unset;
  }
}

.waterfall-item:nth-child(4) .waterfall-item-title,
.waterfall-item:nth-child(4) .waterfall-item__text {
  transition-delay: 3.2s;
}

@media (min-width: 1024px) {
  .waterfall-item:nth-child(4) .waterfall-item__text {
    transition-delay: unset;
  }
}

.waterfall-item:nth-child(5) .waterfall-item-title,
.waterfall-item:nth-child(5) .waterfall-item__text {
  transition-delay: 4s;
}

@media (min-width: 1024px) {
  .waterfall-item:nth-child(5) .waterfall-item__text {
    transition-delay: unset;
  }
}

.waterfall-item:nth-child(6) .waterfall-item-title,
.waterfall-item:nth-child(6) .waterfall-item__text {
  transition-delay: 4.8s;
}

@media (min-width: 1024px) {
  .waterfall-item:nth-child(6) .waterfall-item__text {
    transition-delay: unset;
  }
}

@media (min-width: 1024px) {
  .waterfall-item {
    position: relative;
  }
}

.waterfall-item:last-child {
  margin-bottom: 0;
}

.waterfall-item_yellow .waterfall-item-title {
  color: #131a58;
  background-color: #ffce1f;
}

@media (min-width: 1024px) {
  .waterfall-item_yellow .waterfall-item__text {
    left: 10.6%;
  }
}

.waterfall-item_orange .waterfall-item-title {
  background-color: #fd7e2e;
}

@media (min-width: 1024px) {
  .waterfall-item_orange .waterfall-item__text {
    left: 22%;
  }
}

.waterfall-item_dark-blue .waterfall-item-title {
  background-color: #131a58;
}

@media (min-width: 1024px) {
  .waterfall-item_dark-blue .waterfall-item__text {
    left: 39.9%;
  }
}

.waterfall-item_light-blue .waterfall-item-title {
  background-color: #51c2fd;
}

@media (min-width: 1024px) {
  .waterfall-item_light-blue .waterfall-item__text {
    left: 59.3%;
  }
}

.waterfall-item_blue .waterfall-item-title {
  background-color: #1780ff;
}

@media (min-width: 1024px) {
  .waterfall-item_blue .waterfall-item__text {
    left: 75.6%;
  }
}

.waterfall-item_green .waterfall-item-title {
  background-color: #47b857;
}

@media (min-width: 1024px) {
  .waterfall-item_green .waterfall-item__text {
    left: 87.4%;
  }
}

.waterfall-item-title {
  width: 0;
  overflow: hidden;
  border-radius: 10px;
  transition: width 0.8s;
}

.waterfall-item-title__inner {
  display: block;
  width: 270px;
  padding: 20px 24px;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  color: currentColor;
}

.waterfall-item__text {
  display: block;
  margin-top: 12px;
  margin-bottom: 24px;
  padding: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #596573;
  background-color: #fff;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.03);
  border-radius: 20px;
  opacity: 0;
  transition: opacity 0.8s;
}

@media (min-width: 1024px) {
  .waterfall-item__text {
    position: absolute;
    margin-top: 0;
    margin-bottom: 0;
    top: calc(100% + 16px);
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 240px;
    transition: opacity 0.3s;
  }
}

@media (min-width: 1024px) {
  .waterfall-item__text_top {
    top: auto;
    bottom: calc(100% + 16px);
  }
}

.line-process {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .line-process {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.line-process_darker {
  padding-top: 0;
  background-color: #f4f7fa;
}

.line-process_darker .line-process__title.h3 {
  text-align: center;
}

.line-process_darker .line-process-item-icon {
  background-color: #fff;
}

@media (min-width: 1024px) {
  .line-process_center-title {
    padding-top: 60px;
  }
}

.line-process_center-title .line-process__title {
  text-align: center;
}

@media (min-width: 1024px) {
  .line-process_center-title .line-process__title {
    margin-bottom: 64px;
  }
}

.line-process_border-top .container {
  position: relative;
}

.line-process_border-top .container:before {
  content: "";
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 48px);
  height: 1px;
  background-color: rgba(89, 101, 115, 0.2);
}

@media (min-width: 1024px) {
  .line-process_border-top .container:before {
    top: -100px;
  }
}

@media (min-width: 1024px) {
  .line-process_no-hover .line-process-item {
    width: 33%;
  }
}

.line-process_no-hover .line-process-item-showing {
  position: static;
  opacity: 1;
  background-color: transparent;
  box-shadow: none;
  width: auto;
  padding-top: 4px;
}

@media (min-width: 1024px) {
  .line-process {
    padding-bottom: 100px;
  }
}

.line-process__title .h3 {
  margin-bottom: 32px;
  font-weight: 800;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .line-process__title .h3 {
    margin-bottom: 64px;
    font-size: 48px;
  }
}

.line-process-list {
  counter-reset: lineCounter;
  max-width: 540px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .line-process-list {
    max-width: unset;
    display: flex;
    justify-content: space-between;
    position: relative;
  }

  .line-process-list:before {
    content: "";
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    background-image: repeating-linear-gradient(
      90deg,
      transparent,
      transparent 4px,
      rgba(23, 128, 255, 0.3) 0,
      rgba(23, 128, 255, 0.3) 8px
    );
    background-repeat: repeat-x;
  }
}

.line-process-item {
  position: relative;
  padding-bottom: 32px;
}

@media (min-width: 1024px) {
  .line-process-item {
    width: 20%;
    padding: 0 10px;
    cursor: pointer;
  }

  .line-process-item:hover {
    z-index: 5;
  }

  .line-process-item:hover .line-process-item-icon {
    border-color: #ffce1f;
    box-shadow: 0 0 30px rgba(255, 206, 31, 0.5);
  }

  .line-process-item:hover .line-process-item-showing {
    opacity: 1;
    pointer-events: auto;
  }
}

.line-process-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 26px;
  width: 1px;
  height: 100%;
  background-image: repeating-linear-gradient(
    180deg,
    transparent,
    transparent 4px,
    rgba(23, 128, 255, 0.3) 0,
    rgba(23, 128, 255, 0.3) 8px
  );
  background-size: 100%;
  background-repeat: repeat-y;
}

@media (min-width: 768px) {
  .line-process-item:before {
    left: 40px;
  }
}

@media (min-width: 1024px) {
  .line-process-item:before {
    display: none;
  }
}

.line-process-item:last-child {
  padding-bottom: 0;
}

@media (min-width: 1024px) {
  .line-process-item:last-child {
    padding-left: 0;
    padding-right: 0;
  }
}

.line-process-item-hoverable {
  display: flex;
  margin-bottom: 12px;
  position: relative;
  z-index: 3;
}

@media (min-width: 1024px) {
  .line-process-item-hoverable {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.line-process-item-showing {
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
  z-index: 5;
  background-image: linear-gradient(
    180deg,
    rgba(244, 247, 250, 0) 0,
    #f4f7fa 15px,
    #f4f7fa calc(100% - 15px),
    rgba(244, 247, 250, 0)
  );
}

@media (min-width: 1024px) {
  .line-process-item-showing {
    width: 240px;
    padding: 24px;
    position: absolute;
    top: 88px;
    left: 0;
    text-align: center;
    background-color: #fff;
    background-image: unset;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.03);
    border-radius: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    cursor: auto;
  }
}

.line-process-item-icon {
  margin-right: 12px;
  padding: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: #f4f7fa;
}

@media (min-width: 768px) {
  .line-process-item-icon {
    padding: 22px;
    border: 2px solid #fff;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(255, 206, 31, 0);
    transition: all 0.3s;
  }
}

@media (min-width: 1024px) {
  .line-process-item-icon {
    display: flex;
    width: 80px;
    height: 80px;
    margin-bottom: 24px;
    margin-right: 0;
  }
}

.line-process-item-icon svg {
  width: 24px;
  height: 24px;
}

@media (min-width: 768px) {
  .line-process-item-icon svg {
    width: 32px;
    height: 32px;
  }
}

.line-process-item__title.h3 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
}

@media (min-width: 1024px) {
  .line-process-item__title.h3-no-number {
    display: block !important;
    margin-right: 10px;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }

  .line-process-item__title.h3-no-number:before {
    display: none;
    counter-reset: none;
  }
}

.line-process-item__title.h3:before {
  display: block;
  margin-bottom: 6px;
  content: counter(lineCounter, decimal-leading-zero);
  counter-increment: lineCounter;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #1780ff;
}

@media (min-width: 768px) {
  .line-process-item__title.h3:before {
    margin-bottom: 12px;
  }
}

.line-process-item__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #596573;
}

.yellow-process {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .yellow-process {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.yellow-process_darker {
  background-color: #f4f7fa;
}

.yellow-process__title.h3 {
  margin-bottom: 48px;
  text-align: center;
}

@media (min-width: 1024px) {
  .yellow-process__title.h3 {
    margin-bottom: 64px;
  }
}

.yellow-process-list {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .yellow-process-list {
    display: flex;
    max-width: unset;
  }
}

.yellow-process-list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  width: 1px;
  height: 100%;
  background-image: repeating-linear-gradient(
    180deg,
    transparent,
    transparent 4px,
    #cce3ff 0,
    #cce3ff 8px
  );
  background-repeat: repeat-y;
  background-size: 100%;
}

@media (min-width: 1024px) {
  .yellow-process-list:before {
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    background-image: repeating-linear-gradient(
      90deg,
      transparent,
      transparent 8px,
      #cce3ff 0,
      #cce3ff 16px
    );
  }
}

.yellow-process-item {
  display: flex;
  align-items: center;
  margin-bottom: 19px;
}

@media (min-width: 1024px) {
  .yellow-process-item {
    flex-direction: column;
    text-align: center;
    width: 20%;
  }
}

.yellow-process-item__number {
  margin-right: 16px;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  color: #1780ff;
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #ffce1f;
  position: relative;
  z-index: 5;
}

@media (min-width: 1024px) {
  .yellow-process-item__number {
    font-size: 24px;
    line-height: 80px;
    width: 80px;
    height: 80px;
    margin-bottom: 32px;
  }
}

.yellow-process-item__text {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
}

@media (min-width: 1024px) {
  .yellow-process-item__text {
    text-align: center;
    padding: 0 10px;
  }
}

@media (min-width: 1200px) {
  .yellow-process-item__text {
    padding: 0 30px;
  }
}

.custom-dev-numbers h3 {
  margin-bottom: 32px;
}

.custom-dev-review {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .custom-dev-review {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.custom-dev-review .client-review {
  padding-top: 0;
}

.custom-dev-review .client-review-clutch {
  margin-top: 11px;
}

.custom-dev-review_light {
  background-color: #fff;
}

.custom-dev-review_light .container {
  position: relative;
}

.custom-dev-review_light .container:before {
  content: "";
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 48px);
  height: 1px;
  background-color: rgba(89, 101, 115, 0.2);
}

@media (min-width: 1024px) {
  .custom-dev-review_light .container:before {
    top: -100px;
  }
}

.next {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

@media (min-width: 1024px) {
  .next {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.next_darker {
  background-color: #f4f7fa;
}

.next:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 100%;
  max-width: 1240px;
  background-color: #666;
  opacity: 0.2;
}

.next-title.h3 {
  margin-bottom: 48px;
}

@media (min-width: 1024px) {
  .next-title.h3 {
    margin-bottom: 63px;
  }
}

.next-list {
  counter-reset: nextCounter;
  max-width: 500px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .next-list {
    display: flex;
    max-width: none;
  }
}

@media (min-width: 1200px) {
  .next-list {
    margin: 0 -15px;
  }
}

.next-item {
  margin-bottom: 24px;
}

@media (min-width: 1024px) {
  .next-item {
    width: 50%;
    position: relative;
  }
}

@media (min-width: 1200px) {
  .next-item {
    width: 25%;
    margin-bottom: 51px;
    padding: 0 35px;
  }
}

.next-item:before {
  content: counter(nextCounter, decimal-leading-zero);
  counter-increment: nextCounter;
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 46px;
  width: 46px;
  height: 36px;
  font-weight: 700;
  font-size: 36px;
  line-height: 124%;
  letter-spacing: -0.04em;
  color: #1780ff;
}

@media (min-width: 1024px) {
  .next-item:after {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: auto;
    top: 0;
    right: 0;
  }
}

@media (min-width: 1024px) {
  .next-item:first-child:after {
    width: 89px;
    height: 19px;
    top: 19px;
    right: 22px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='89' height='19' viewBox='0 0 89 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.42969 17.3223C14.5202 2.55355 34.8836 2.44785 53.4365 2.02619C65.1794 1.75931 76.4374 2.28067 87.2302 7.07747' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
}

@media (min-width: 1024px) {
  .next-item:nth-child(2):after {
    width: 82px;
    height: 12px;
    top: 8px;
    right: 18px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='82' height='12' viewBox='0 0 82 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.26367 10.3939C18.3384 10.3939 35.4131 10.3939 52.4879 10.3939C65.0325 10.3939 70.5551 9.37023 80.6612 1.42969' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
}

@media (min-width: 1024px) {
  .next-item:nth-child(3):after {
    width: 54px;
    height: 14px;
    top: 19px;
    right: 35px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='54' height='14' viewBox='0 0 54 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.37891 12.1999C18.4616 6.57776 34.7272 3.58016 52.6031 1.95508' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
}

.next-item-text {
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #000;
}

.next-item-text br {
  display: none;
}

@media (min-width: 1024px) {
  .next-item-text br {
    display: inline;
  }
}

.next-item-text a,
.next-item-text label {
  color: #51c2fd;
  transition: color 0.3s;
  cursor: pointer;
}

.next-item-text a:hover,
.next-item-text label:hover {
  color: #1780ff;
}

.iot-solutions {
  background-color: #f4f7fa;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .iot-solutions {
    padding-top: 100px;
  }
}

@media (min-width: 1200px) {
  .iot-solutions {
    padding-top: 150px;
  }
}

.iot-solutions:before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto 40px;
  background-image: url(static/solutions-icon-f72e53cf8df215547a546fa32fdb10e0.png);
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}

@media (min-width: 1024px) {
  .iot-solutions:before {
    width: 200px;
    height: 200px;
    margin-bottom: 64px;
  }
}

.iot-solutions__text {
  max-width: 818px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 170%;
  text-align: center;
  letter-spacing: -0.01em;
}

@media (min-width: 1024px) {
  .iot-solutions__text {
    font-size: 24px;
  }
}

.iot-apps {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .iot-apps {
    padding-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .iot-apps {
    padding-top: 150px;
  }
}

.iot-apps__title.h2 {
  margin-bottom: 40px;
  font-weight: 800;
  font-size: 48px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .iot-apps__title.h2 {
    margin-bottom: 64px;
  }
}

.iot-apps-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 600px) {
  .iot-apps-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.iot-apps-item {
  max-width: 397px;
  margin: 0 auto;
  padding: 24px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 20px;
}

@media (min-width: 600px) {
  .iot-apps-item {
    margin: 0;
  }
}

.iot-apps-item__title {
  margin-top: 24px;
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 115%;
}

.iot-apps-item__text {
  margin-bottom: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #596573;
}

.iot-apps-item__text:last-child {
  margin-bottom: 0;
}

.iot-apps-item__text_bright {
  color: #1780ff;
  line-height: 20px;
}

.iot-what-you-get {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fff;
}

@media (min-width: 1024px) {
  .iot-what-you-get {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.iot-what-you-get .h3 {
  font-size: 48px;
}

.iot-what-you-get .get__title.h3 {
  font-size: 24px;
}

.iot-tech {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .iot-tech {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .iot-tech {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

.iot-tech__title.h2 {
  margin-bottom: 40px;
  font-weight: 800;
  font-size: 48px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .iot-tech__title.h2 {
    margin-bottom: 64px;
  }
}

.iot-tech-list {
  overflow: hidden;
}

@media (min-width: 480px) {
  .iot-tech-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media (min-width: 480px) {
  .iot-tech-item {
    width: 50%;
  }
}

@media (min-width: 920px) {
  .iot-tech-item {
    width: auto;
  }
}

.iot-tech-item__title {
  padding-bottom: 18px;
  margin-bottom: 26px;
  position: relative;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  text-transform: uppercase;
  color: #1780ff;
}

@media (min-width: 1024px) {
  .iot-tech-item__title {
    padding-bottom: 24px;
    margin-bottom: 40px;
  }
}

.iot-tech-item__title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 1px;
  background-color: #e4e4e4;
}

.iot-tech-sublist {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .iot-tech-sublist {
    margin-bottom: 64px;
  }
}

.iot-tech-subitem {
  margin-bottom: 26px;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
}

@media (min-width: 1024px) {
  .iot-tech-subitem {
    padding-bottom: 24px;
    margin-bottom: 40px;
  }
}

.iot-tech-subitem:last-child {
  margin-bottom: 0;
}

.iot-process {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .iot-process {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .iot-process {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

.iot-next:after {
  display: none;
}

.comp {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .comp {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.comp__title.h3 {
  margin-bottom: 24px;
}

.comp__caption {
  max-width: 503px;
  margin-bottom: 48px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #596573;
}

@media (min-width: 1024px) {
  .comp__caption {
    margin-bottom: 64px;
  }
}

@media (min-width: 1024px) {
  .comp-list {
    flex-shrink: 0;
  }
}

.comp-item-heading {
  display: flex;
  align-items: center;
  padding: 24px;
  border-radius: 20px;
  background-color: #fff;
  transition: background-color 0.3s;
}

@media (min-width: 1024px) {
  .comp-item-heading {
    cursor: pointer;
  }

  .comp-item-heading:hover {
    background-color: #cce3ff;
  }
}

.comp-item-heading__text,
.comp-item-heading svg {
  pointer-events: none;
}

.comp-item-heading__text {
  margin-left: 24px;
  font-weight: 800;
  font-size: 20px;
  line-height: 124%;
  letter-spacing: -0.03em;
  color: #131a58;
}

@media (min-width: 768px) {
  .comp-item-heading__text {
    font-size: 24px;
  }
}

.comp-item-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s, padding 0.3s;
}

.comp-item-content__title {
  margin-top: 32px;
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 115%;
  color: #131a58;
}

.comp-item-content__text {
  padding: 24px 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  white-space: pre-wrap;
  letter-spacing: -0.01em;
  color: #131a58;
}

@media (min-width: 1024px) {
  .comp-item-content__text {
    padding: 0;
  }
}

.comp-item.active .comp-item-heading {
  background-color: #f4f7fa;
}

.comp-item.active .comp-item-content {
  max-height: 100vh;
}

@media (min-width: 1024px) {
  .comp-accordion-wrp {
    display: flex;
    align-items: center;
  }
}

.comp-tab-list {
  margin-left: 24px;
  padding-left: 24px;
  border-left: 1px solid #f5f5f5;
}

@media (min-width: 1024px) {
  .comp-tab-list {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .comp-tab-list {
    margin-left: 69px;
    padding-left: 100px;
  }
}

.comp-tab-item {
  align-items: center;
  justify-content: space-between;
  display: none;
  opacity: 0;
}

.comp-tab-item.active {
  display: flex;
  -webkit-animation-name: showing;
  animation-name: showing;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.comp-tab-content {
  max-width: 345px;
  padding-right: 24px;
}

.comp-tab-img {
  max-width: 292px;
}

.comp-tab-img img {
  border-radius: 20px;
}

@-webkit-keyframes showing {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes showing {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes projects-animation-0 {
  to {
    transform: translateX(0);
  }
}

@keyframes projects-animation-0 {
  to {
    transform: translateX(0);
  }
}

@-webkit-keyframes projects-animation-1 {
  to {
    transform: translateX(-16.66667%);
  }
}

@keyframes projects-animation-1 {
  to {
    transform: translateX(-16.66667%);
  }
}

@-webkit-keyframes projects-animation-2 {
  to {
    transform: translateX(-33.33333%);
  }
}

@keyframes projects-animation-2 {
  to {
    transform: translateX(-33.33333%);
  }
}

@-webkit-keyframes projects-animation-3 {
  to {
    transform: translateX(-50%);
  }
}

@keyframes projects-animation-3 {
  to {
    transform: translateX(-50%);
  }
}

@-webkit-keyframes projects-animation-4 {
  to {
    transform: translateX(-66.66667%);
  }
}

@keyframes projects-animation-4 {
  to {
    transform: translateX(-66.66667%);
  }
}

@-webkit-keyframes projects-animation-5 {
  to {
    transform: translateX(-83.33333%);
  }
}

@keyframes projects-animation-5 {
  to {
    transform: translateX(-83.33333%);
  }
}

.new .cstudy-outer-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1400px) {
  .new .cstudy-outer-wrapper {
    position: relative;
  }
}

.new .cstudy .controls {
  margin-left: auto;
}

@media (min-width: 1400px) {
  .new .cstudy .controls {
    position: absolute;
    margin-left: 0;
    margin-top: 0;
    width: calc(100% + 90px);
    top: 45.9%;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
  }
}

@media (min-width: 1440px) {
  .new .cstudy .controls {
    width: calc(100% + 125px);
  }
}

.new .cstudy .arrows {
  display: flex;
  justify-content: space-between;
  position: relative;
  transform: translateZ(0);
}

.new .cstudy .arrows-item {
  width: 24px;
  height: 24px;
  padding: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  border: none;
  border-radius: 0;
  background-color: #131a58;
}

.new .cstudy .arrows-item_prev {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L5 12L12 19M19 12H6H19Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L5 12L12 19M19 12H6H19Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  margin-right: 26px;
}

.new .cstudy .arrows-item_next {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L19 12L12 19M5 12H18H5Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L19 12L12 19M5 12H18H5Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.new .cstudy .arrows-item:hover {
  background-color: #ffce1f;
}

.new .cstudy-slider {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  margin: 0 -10px 32px;
}

.new .cstudy-slider-inner {
  width: 600%;
  display: flex;
  margin-top: 24px;
  position: relative;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.new .cstudy-slider-inner_animate-0 {
  -webkit-animation-name: projects-animation-0;
  animation-name: projects-animation-0;
}

.new .cstudy-slider-inner_animate-1 {
  -webkit-animation-name: projects-animation-1;
  animation-name: projects-animation-1;
}

.new .cstudy-slider-inner_animate-2 {
  -webkit-animation-name: projects-animation-2;
  animation-name: projects-animation-2;
}

.new .cstudy-slider-inner_animate-3 {
  -webkit-animation-name: projects-animation-3;
  animation-name: projects-animation-3;
}

.new .cstudy-slider-inner_animate-4 {
  -webkit-animation-name: projects-animation-4;
  animation-name: projects-animation-4;
}

.new .cstudy-slider-inner_animate-5 {
  -webkit-animation-name: projects-animation-5;
  animation-name: projects-animation-5;
}

.new .cstudy-slider-item {
  width: 33.33333%;
  margin: 0 10px;
  padding: 32px 24px;
  border: 2px solid #eaeaea;
  border-radius: 20px;
  color: #131a58;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  @-webkit-keyframes projects-animation-md-0 {
    to {
      transform: translateX(0);
    }
  }

  @keyframes projects-animation-md-0 {
    to {
      transform: translateX(0);
    }
  }

  @-webkit-keyframes projects-animation-md-1 {
    to {
      transform: translateX(-33.33333%);
    }
  }

  @keyframes projects-animation-md-1 {
    to {
      transform: translateX(-33.33333%);
    }
  }

  @-webkit-keyframes projects-animation-md-2 {
    to {
      transform: translateX(-66.66667%);
    }
  }

  @keyframes projects-animation-md-2 {
    to {
      transform: translateX(-66.66667%);
    }
  }

  @-webkit-keyframes projects-animation-md-3 {
    to {
      transform: translateX(-100%);
    }
  }

  @keyframes projects-animation-md-3 {
    to {
      transform: translateX(-100%);
    }
  }

  @-webkit-keyframes projects-animation-md-4 {
    to {
      transform: translateX(-133.33333%);
    }
  }

  @keyframes projects-animation-md-4 {
    to {
      transform: translateX(-133.33333%);
    }
  }

  @-webkit-keyframes projects-animation-md-5 {
    to {
      transform: translateX(-166.66667%);
    }
  }

  @keyframes projects-animation-md-5 {
    to {
      transform: translateX(-166.66667%);
    }
  }

  .new .cstudy-slider-inner {
    width: 300%;
  }

  .new .cstudy-slider-inner_animate-0 {
    -webkit-animation-name: projects-animation-md-0;
    animation-name: projects-animation-md-0;
  }

  .new .cstudy-slider-inner_animate-1 {
    -webkit-animation-name: projects-animation-md-1;
    animation-name: projects-animation-md-1;
  }

  .new .cstudy-slider-inner_animate-2 {
    -webkit-animation-name: projects-animation-md-2;
    animation-name: projects-animation-md-2;
  }

  .new .cstudy-slider-inner_animate-3 {
    -webkit-animation-name: projects-animation-md-3;
    animation-name: projects-animation-md-3;
  }

  .new .cstudy-slider-inner_animate-4 {
    -webkit-animation-name: projects-animation-md-4;
    animation-name: projects-animation-md-4;
  }

  .new .cstudy-slider-inner_animate-5 {
    -webkit-animation-name: projects-animation-md-5;
    animation-name: projects-animation-md-5;
  }

  .new .cstudy-slider-item {
    width: 33.33333%;
  }
}

@media screen and (min-width: 1024px) {
  @-webkit-keyframes projects-animation-lg-0 {
    to {
      transform: translateX(0);
    }
  }

  @keyframes projects-animation-lg-0 {
    to {
      transform: translateX(0);
    }
  }

  @-webkit-keyframes projects-animation-lg-1 {
    to {
      transform: translateX(-50%);
    }
  }

  @keyframes projects-animation-lg-1 {
    to {
      transform: translateX(-50%);
    }
  }

  @-webkit-keyframes projects-animation-lg-2 {
    to {
      transform: translateX(-100%);
    }
  }

  @keyframes projects-animation-lg-2 {
    to {
      transform: translateX(-100%);
    }
  }

  @-webkit-keyframes projects-animation-lg-3 {
    to {
      transform: translateX(-150%);
    }
  }

  @keyframes projects-animation-lg-3 {
    to {
      transform: translateX(-150%);
    }
  }

  @-webkit-keyframes projects-animation-lg-4 {
    to {
      transform: translateX(-200%);
    }
  }

  @keyframes projects-animation-lg-4 {
    to {
      transform: translateX(-200%);
    }
  }

  @-webkit-keyframes projects-animation-lg-5 {
    to {
      transform: translateX(-250%);
    }
  }

  @keyframes projects-animation-lg-5 {
    to {
      transform: translateX(-250%);
    }
  }

  .new .cstudy-slider {
    margin: 0 0 32px;
  }

  .new .cstudy-slider-inner {
    width: 200%;
  }

  .new .cstudy-slider-inner_animate-0 {
    -webkit-animation-name: projects-animation-lg-0;
    animation-name: projects-animation-lg-0;
  }

  .new .cstudy-slider-inner_animate-1 {
    -webkit-animation-name: projects-animation-lg-1;
    animation-name: projects-animation-lg-1;
  }

  .new .cstudy-slider-inner_animate-2 {
    -webkit-animation-name: projects-animation-lg-2;
    animation-name: projects-animation-lg-2;
  }

  .new .cstudy-slider-inner_animate-3 {
    -webkit-animation-name: projects-animation-lg-3;
    animation-name: projects-animation-lg-3;
  }

  .new .cstudy-slider-inner_animate-4 {
    -webkit-animation-name: projects-animation-lg-4;
    animation-name: projects-animation-lg-4;
  }

  .new .cstudy-slider-inner_animate-5 {
    -webkit-animation-name: projects-animation-lg-5;
    animation-name: projects-animation-lg-5;
  }

  .new .cstudy-slider-item {
    width: 16.66667%;
    margin: 0 12px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.08);
    transition: border-color 0.3s, box-shadow 0.3s;
  }

  .new .cstudy-slider-item:hover {
    border-color: #ffce1f;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
  }

  .new .cstudy-slider-item:first-child {
    margin-left: 0;
  }

  .new .cstudy-slider-item:last-child {
    margin-right: 0;
  }
}

.new .cstudy {
  padding: 80px 0;
}

.new .cstudy .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.new .cstudy__subtitle {
  margin-bottom: 24px;
}

.new .cstudy-btn-wrapper {
  order: 3;
  width: 100%;
  display: flex;
  justify-content: center;
}

.new .cstudy-preview {
  padding: 8px 0;
  margin-bottom: 24px;
  text-align: center;
}

.new .cstudy-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.new .cstudy-inner__title {
  line-height: 146%;
  margin-bottom: 3px;
}

.new .cstudy__title {
  margin-bottom: 8px;
}

.new .cstudy__country {
  margin-bottom: 12px;
}

.new .cstudy__country .country-flag {
  height: 24px;
  padding-left: 36px;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: #596573;
}

.new .cstudy__country .country-flag:before {
  width: 24px;
  height: 24px;
}

.new .cstudy__review {
  position: relative;
  padding-left: 36px;
  color: #596573;
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}

.new .cstudy__review:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj48cGF0aCBkPSJNMjguMDAwMSA5LjI5MDc3QzI4LjczNjQgOS4yOTA3NyAyOS4zMzM0IDguNjkzNzcgMjkuMzMzNCA3Ljk1NzRDMjkuMzMzNCA3LjIyMTAyIDI4LjczNjQgNi42MjQwMiAyOC4wMDAxIDYuNjI0MDJDMTIuNTQzNCA2LjY0MTY1IDAuMDE3Njg1OSAxOS4xNjc0IDYuMDg4OTRlLTA1IDM0LjYyNFY0Mi42MjRDLTAuMDIzMDY0MSA1MC43NDc4IDYuNTQzNjkgNTcuMzUyMSAxNC42NjczIDU3LjM3NTNDMjIuNzkxMSA1Ny4zOTg0IDI5LjM5NTQgNTAuODMxNiAyOS40MTg2IDQyLjcwOEMyOS40NDE3IDM0LjU4NDMgMjIuODc0OSAyNy45Nzk5IDE0Ljc1MTMgMjcuOTU2OEM5Ljk1NDU2IDI3Ljk0MzEgNS40NTIzMSAzMC4yNjkxIDIuNjg4MDYgMzQuMTg5NEMyLjkzNDk0IDIwLjM4MDkgMTQuMTg5MiA5LjMxMDQgMjguMDAwMSA5LjI5MDc3WiIgZmlsbD0iI0ZGQ0UxRiIvPjxwYXRoIGQ9Ik00OS4zMzMxIDI3Ljk1NzRDNDQuNTYzOSAyNy45NjExIDQwLjA5NSAzMC4yODYxIDM3LjM1NDUgMzQuMTg5NEMzNy42MDE1IDIwLjM4MDggNDguODU1NyA5LjMxMDI3IDYyLjY2NjUgOS4yOTA3N0M2My40MDI4IDkuMjkwNzcgNjMuOTk5OCA4LjY5Mzc3IDYzLjk5OTggNy45NTc0QzYzLjk5OTggNy4yMjEwMiA2My40MDI4IDYuNjI0MDIgNjIuNjY2NSA2LjYyNDAyQzQ3LjIwOTkgNi42NDE2NSAzNC42ODQxIDE5LjE2NzQgMzQuNjY2NSAzNC42MjRWNDIuNjI0QzM0LjY2NjUgNTAuNzI0MSA0MS4yMzMgNTcuMjkwNiA0OS4zMzMxIDU3LjI5MDZDNTcuNDMzMiA1Ny4yOTA2IDYzLjk5OTcgNTAuNzI0MSA2My45OTk3IDQyLjYyNEM2My45OTk3IDM0LjUyMzkgNTcuNDMzNCAyNy45NTc0IDQ5LjMzMzEgMjcuOTU3NFoiIGZpbGw9IiNGRkNFMUYiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
}

.new .cstudy__person {
  display: flex;
  margin-top: auto;
  margin-left: 36px;
  align-items: center;
}

.new .cstudy__person-img {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  overflow: hidden;
  border-radius: 50%;
}

.new .cstudy__person-about {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #131a58;
}

@media screen and (min-width: 1024px) {
  .new .cstudy {
    padding-top: 100px;
    padding-bottom: 68px;
    background-color: #f4f7fa;
  }

  .new .cstudy__title {
    margin-bottom: 20px;
  }

  .new .cstudy__subtitle {
    letter-spacing: -0.09px;
    margin-bottom: 0;
  }

  .new .cstudy-heading-wrp {
    order: 1;
  }

  .new .cstudy-btn-wrapper {
    display: block;
    order: 3;
    width: auto;
    margin-top: 19px;
  }

  .new .cstudy .controls {
    margin-top: 14px;
  }

  .new .cstudy .cstudy-outer-wrapper {
    order: 4;
  }

  .new .cstudy-btn {
    letter-spacing: -0.32px;
  }

  .new .cstudy-slider {
    flex-direction: column;
  }

  .new .cstudy-slider-inner {
    margin-top: 35px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1400px) {
  .new .cstudy-slider-inner {
    margin-top: 51px;
  }
}

@media screen and (min-width: 1024px) {
  .new .cstudy-slider-item {
    padding: 30px 30px 24px;
    background-color: #fff;
  }

  .new .cstudy-preview {
    margin-bottom: 16px;
  }

  .new .cstudy-preview picture {
    max-width: 282px;
  }

  .new .cstudy-inner__title {
    white-space: pre-wrap;
  }

  .new .cstudy__country {
    letter-spacing: -0.1px;
    margin-bottom: 17px;
  }

  .new .cstudy__review {
    padding-left: 32px;
  }

  .new .cstudy__person {
    margin-left: 31px;
  }

  .new .cstudy-slider-item:first-child .cstudy__person {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media screen and (min-width: 1288px) {
  .new .cstudy {
    position: relative;
  }

  .new .cstudy:after {
    content: "";
    position: absolute;
    width: 306px;
    height: 540px;
    top: 96px;
    left: -28px;
    border: 18px solid #ffce1f;
    border-radius: 135px 0;
    z-index: 1;
  }

  .new .cstudy .container {
    position: relative;
    z-index: 5;
  }
}

@media (min-width: 1700px) {
  .new .cstudy:after {
    display: none;
  }
}

.business-hero {
  padding-top: 100px;
  padding-bottom: 0;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .business-hero {
    padding-top: 174px;
  }
}

.business-hero__title.h1 {
  max-width: 665px;
  margin: 0 auto;
  font-weight: 800;
  font-size: 42px;
  line-height: 125%;
  text-align: center;
  letter-spacing: -0.04em;
  position: relative;
  z-index: 5;
}

@media (min-width: 768px) {
  .business-hero__title.h1 {
    font-size: 48px;
  }
}

@media (min-width: 1024px) {
  .business-hero__title.h1 {
    font-size: 64px;
  }
}

.business-hero-img {
  margin-top: -20px;
  overflow: hidden;
  position: relative;
  padding-bottom: 37%;
}

@media (min-width: 768px) {
  .business-hero-img {
    margin-top: -70px;
  }
}

@media (min-width: 1024px) {
  .business-hero-img {
    margin-top: -120px;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .business-hero-img {
    margin-top: -148px;
  }
}

.business-hero-img:before {
  content: "";
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding-bottom: 100%;
  background-color: #1780ff;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .business-hero-img:before {
    width: 80%;
    padding-bottom: 80%;
    top: 15%;
  }
}

@media (min-width: 1200px) {
  .business-hero-img:before {
    width: 796px;
    padding-bottom: 796px;
    top: 18.4%;
    left: 48.8%;
  }
}

.business-hero-img img {
  display: block;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%) scale(1.2);
  width: 100%;
  height: auto;
  z-index: 5;
}

@media (min-width: 1200px) {
  .business-hero-img img {
    bottom: 13px;
    transform: translateX(-50%) scale(1.06);
  }
}

.business-why-us {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .business-why-us-wrp {
    display: flex;
    justify-content: space-between;
    padding-top: 70px;
    padding-bottom: 100px;
  }
}

@media (min-width: 1024px) {
  .business-why-us-main {
    width: 503px;
    flex-shrink: 0;
    margin-right: 20px;
  }
}

.business-why-us__title.h2 {
  margin-bottom: 20px;
  font-weight: 800;
  font-size: 36px;
  line-height: 60px;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .business-why-us__title.h2 {
    font-size: 48px;
  }
}

.business-why-us__text.h3 {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #596573;
}

.business-why-us-images {
  display: flex;
  align-items: flex-start;
  max-width: 500px;
  margin: 20px auto 0;
}

@media (min-width: 1024px) {
  .business-why-us-images {
    max-width: 610px;
    margin-top: 0;
    margin-right: 0;
  }
}

.business-why-us-images img {
  width: 48%;
  border-radius: 10px;
}

.business-why-us-images img:first-child {
  margin-right: 4%;
  margin-top: 15%;
}

@media (min-width: 1024px) {
  .business-why-us-images img {
    border-radius: 20px;
  }

  .business-why-us-images img:first-child {
    margin-right: 4.2%;
    margin-top: 18.2%;
  }
}

.business-why-us_web-dev {
  background-color: #f4f7fa;
}

.business-why-us_web-dev .business-why-us-wrp {
  align-items: center;
}

.new .hcounters {
  padding: 48px 0;
  color: #fff;
}

.new .hcounters,
.new .hcounters .container {
  position: relative;
}

.new .hcounters-title {
  margin-bottom: 8px;
}

.new .hcounters-subtitle {
  margin-bottom: 24px;
}

.new .hcounters-small {
  display: flex;
  justify-content: space-between;
  max-width: 400px;
}

.new .hcounters-item {
  width: auto;
  text-align: center;
}

.new .hcounters-item_big {
  display: inline-block;
  max-width: unset;
  margin-bottom: 32px;
}

.new .hcounters-item_big .hcounters__number,
.new .hcounters-item_big .hcounters__number span {
  font-size: 85px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

.new .hcounters-item_big .hcounters__number {
  margin-bottom: 8px;
}

.new .hcounters__number,
.new .hcounters__number span {
  font-weight: 700;
  font-size: 36px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

.new .hcounters__number {
  margin-bottom: 8px;
}

.new .hcounters__caption {
  text-align: center;
}

.new .hcounters-link {
  margin-top: 32px;
}

@media screen and (min-width: 768px) {
  .new .hcounters {
    overflow: hidden;
  }

  .new .hcounters-wrp {
    display: grid;
    grid-template-columns: 0.89fr 1fr;
    grid-template-rows: 1fr auto auto;
    grid-column-gap: 16px;
  }

  .new .hcounters-title {
    margin-bottom: 17px;
    max-width: 404px;
  }

  .new .hcounters-subtitle {
    margin-bottom: 48px;
    max-width: 503px;
  }

  .new .hcounters-item_big {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 4;
    margin-bottom: 0;
    margin-top: 50px;
  }

  .new .hcounters-item_big .hcounters__number,
  .new .hcounters-item_big .hcounters__number span {
    font-weight: 800;
    font-size: 144px;
    line-height: 181px;
  }
}

@media screen and (min-width: 1024px) {
  .new .hcounters {
    padding: 100px 0;
  }

  .new .hcounters-item_big {
    position: relative;
    margin-top: 0;
  }

  .new .hcounters-item_big .hcounters__number,
  .new .hcounters-item_big .hcounters__number span {
    font-size: 120px;
  }

  .new .hcounters-item_big:after {
    content: "";
    position: absolute;
    bottom: -84px;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    height: 704px;
    border: 20px solid #ffce1f;
    border-radius: 200px 0;
    pointer-events: none;
  }

  .new .hcounters-small {
    max-width: unset;
  }

  .new .hcounters-small br {
    display: none;
  }

  .new .hcounters__number,
  .new .hcounters__number span {
    font-weight: 800;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: normal;
  }

  .new .hcounters__number {
    margin-bottom: 12px;
  }

  .new .hcounters__caption {
    letter-spacing: normal;
  }

  .new .hcounters__caption-text {
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.02em;
  }
}

@media screen and (min-width: 1288px) {
  .new .hcounters {
    padding: 48px 0 100px;
  }

  .new .hcounters.dots-bg:after {
    background-position: 0 18%;
  }

  .new .hcounters-wrp {
    grid-column-gap: 118px;
  }

  .new .hcounters-title {
    padding-top: 52px;
  }

  .new .hcounters-subtitle {
    line-height: 170%;
    letter-spacing: -0.005em;
    margin-bottom: 63px;
  }

  .new .hcounters-item_big {
    padding-right: 21px;
  }

  .new .hcounters-item_big .hcounters__number,
  .new .hcounters-item_big .hcounters__number span {
    font-weight: 800;
    font-size: 120px;
    line-height: 151px;
    letter-spacing: 0.1px;
    margin-bottom: 0;
  }

  .new .hcounters-item_big:after {
    bottom: 0;
    width: 597px;
    height: 982px;
    border: 35px solid #ffce1f;
    border-radius: 264px 0;
  }
}

@-webkit-keyframes testimonials-animation-0 {
  to {
    transform: translateX(0);
  }
}

@keyframes testimonials-animation-0 {
  to {
    transform: translateX(0);
  }
}

@-webkit-keyframes testimonials-animation-1 {
  to {
    transform: translateX(-11.11111%);
  }
}

@keyframes testimonials-animation-1 {
  to {
    transform: translateX(-11.11111%);
  }
}

@-webkit-keyframes testimonials-animation-2 {
  to {
    transform: translateX(-22.22222%);
  }
}

@keyframes testimonials-animation-2 {
  to {
    transform: translateX(-22.22222%);
  }
}

@-webkit-keyframes testimonials-animation-3 {
  to {
    transform: translateX(-33.33333%);
  }
}

@keyframes testimonials-animation-3 {
  to {
    transform: translateX(-33.33333%);
  }
}

@-webkit-keyframes testimonials-animation-4 {
  to {
    transform: translateX(-44.44444%);
  }
}

@keyframes testimonials-animation-4 {
  to {
    transform: translateX(-44.44444%);
  }
}

@-webkit-keyframes testimonials-animation-5 {
  to {
    transform: translateX(-55.55556%);
  }
}

@keyframes testimonials-animation-5 {
  to {
    transform: translateX(-55.55556%);
  }
}

@-webkit-keyframes testimonials-animation-6 {
  to {
    transform: translateX(-66.66667%);
  }
}

@keyframes testimonials-animation-6 {
  to {
    transform: translateX(-66.66667%);
  }
}

@-webkit-keyframes testimonials-animation-7 {
  to {
    transform: translateX(-77.77778%);
  }
}

@keyframes testimonials-animation-7 {
  to {
    transform: translateX(-77.77778%);
  }
}

@-webkit-keyframes testimonials-animation-8 {
  to {
    transform: translateX(-88.88889%);
  }
}

@keyframes testimonials-animation-8 {
  to {
    transform: translateX(-88.88889%);
  }
}

.why-us-scrollable-inner {
  display: flex;
  position: relative;
  min-height: 210px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.why-us-scrollable-inner .case-review {
  width: 11.11111%;
}

.why-us-scrollable-inner_animate-0 {
  -webkit-animation-name: testimonials-animation-0;
  animation-name: testimonials-animation-0;
}

.why-us-scrollable-inner_animate-0 + .controls .dots-item:first-child {
  opacity: 1;
  transition: opacity 1s;
}

.why-us-scrollable-inner_animate-0 + .controls .dots-item:first-child:before {
  background-color: #ffde17;
  transition: background-color 1s;
}

.why-us-scrollable-inner_animate-1 {
  -webkit-animation-name: testimonials-animation-1;
  animation-name: testimonials-animation-1;
}

.why-us-scrollable-inner_animate-1 + .controls .dots-item:nth-child(2) {
  opacity: 1;
  transition: opacity 1s;
}

.why-us-scrollable-inner_animate-1 + .controls .dots-item:nth-child(2):before {
  background-color: #ffde17;
  transition: background-color 1s;
}

.why-us-scrollable-inner_animate-2 {
  -webkit-animation-name: testimonials-animation-2;
  animation-name: testimonials-animation-2;
}

.why-us-scrollable-inner_animate-2 + .controls .dots-item:nth-child(3) {
  opacity: 1;
  transition: opacity 1s;
}

.why-us-scrollable-inner_animate-2 + .controls .dots-item:nth-child(3):before {
  background-color: #ffde17;
  transition: background-color 1s;
}

.why-us-scrollable-inner_animate-3 {
  -webkit-animation-name: testimonials-animation-3;
  animation-name: testimonials-animation-3;
}

.why-us-scrollable-inner_animate-3 + .controls .dots-item:nth-child(4) {
  opacity: 1;
  transition: opacity 1s;
}

.why-us-scrollable-inner_animate-3 + .controls .dots-item:nth-child(4):before {
  background-color: #ffde17;
  transition: background-color 1s;
}

.why-us-scrollable-inner_animate-4 {
  -webkit-animation-name: testimonials-animation-4;
  animation-name: testimonials-animation-4;
}

.why-us-scrollable-inner_animate-4 + .controls .dots-item:nth-child(5) {
  opacity: 1;
  transition: opacity 1s;
}

.why-us-scrollable-inner_animate-4 + .controls .dots-item:nth-child(5):before {
  background-color: #ffde17;
  transition: background-color 1s;
}

.why-us-scrollable-inner_animate-5 {
  -webkit-animation-name: testimonials-animation-5;
  animation-name: testimonials-animation-5;
}

.why-us-scrollable-inner_animate-5 + .controls .dots-item:nth-child(6) {
  opacity: 1;
  transition: opacity 1s;
}

.why-us-scrollable-inner_animate-5 + .controls .dots-item:nth-child(6):before {
  background-color: #ffde17;
  transition: background-color 1s;
}

.why-us-scrollable-inner_animate-6 {
  -webkit-animation-name: testimonials-animation-6;
  animation-name: testimonials-animation-6;
}

.why-us-scrollable-inner_animate-6 + .controls .dots-item:nth-child(7) {
  opacity: 1;
  transition: opacity 1s;
}

.why-us-scrollable-inner_animate-6 + .controls .dots-item:nth-child(7):before {
  background-color: #ffde17;
  transition: background-color 1s;
}

.why-us-scrollable-inner_animate-7 {
  -webkit-animation-name: testimonials-animation-7;
  animation-name: testimonials-animation-7;
}

.why-us-scrollable-inner_animate-7 + .controls .dots-item:nth-child(8) {
  opacity: 1;
  transition: opacity 1s;
}

.why-us-scrollable-inner_animate-7 + .controls .dots-item:nth-child(8):before {
  background-color: #ffde17;
  transition: background-color 1s;
}

.why-us-scrollable-inner_animate-8 {
  -webkit-animation-name: testimonials-animation-8;
  animation-name: testimonials-animation-8;
}

.why-us-scrollable-inner_animate-8 + .controls .dots-item:nth-child(9) {
  opacity: 1;
  transition: opacity 1s;
}

.why-us-scrollable-inner_animate-8 + .controls .dots-item:nth-child(9):before {
  background-color: #ffde17;
  transition: background-color 1s;
}

.why-us-scrollable .dots {
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}

.why-us-scrollable .dots-item {
  position: relative;
  opacity: 0.25;
  transition: opacity 1s;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.why-us-scrollable .dots-item:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #01101f;
  transition: background-color 1s;
  border-radius: 50%;
}

.why-us-scrollable .dots-item:hover {
  opacity: 1;
}

.new .why-us-scrollable {
  width: calc(100% + 20px);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 -10px;
}

.new .why-us-scrollable-inner {
  width: calc(900% + 20px);
  display: flex;
  position: relative;
}

.new .why-us-scrollable .why-us-item {
  width: 11.11111%;
  padding: 10px;
}

.new .why-us-scrollable .controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 38px;
  order: -1;
}

.new .why-us-scrollable .controls .numbers {
  color: #fff;
}

.new .why-us-scrollable .numbers {
  padding: 0;
}

.new .why-us-scrollable .arrows {
  justify-self: flex-end;
  margin-left: auto;
}

.new .why-us-scrollable .arrows-item {
  width: 24px;
  height: 24px;
  padding: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  border: none;
  border-radius: 0;
  background-color: #fff;
}

.new .why-us-scrollable .arrows-item_prev {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L5 12L12 19M19 12H6H19Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L5 12L12 19M19 12H6H19Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  margin-right: 26px;
}

.new .why-us-scrollable .arrows-item_next {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L19 12L12 19M5 12H18H5Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L19 12L12 19M5 12H18H5Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.new .why-us-scrollable .arrows-item:hover {
  background-color: #ffce1f;
}

.new .why-us {
  padding-top: 48px;
  padding-bottom: 48px;
  color: #fff;
  background-image: linear-gradient(90deg, #13152b 0, #151b50 50.02%, #1c2365);
}

.new .why-us-content {
  position: relative;
  padding-top: 80px;
}

.new .why-us-content:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj48cGF0aCBkPSJNMjguMDAwMSA5LjI5MDc3QzI4LjczNjQgOS4yOTA3NyAyOS4zMzM0IDguNjkzNzcgMjkuMzMzNCA3Ljk1NzRDMjkuMzMzNCA3LjIyMTAyIDI4LjczNjQgNi42MjQwMiAyOC4wMDAxIDYuNjI0MDJDMTIuNTQzNCA2LjY0MTY1IDAuMDE3Njg1OSAxOS4xNjc0IDYuMDg4OTRlLTA1IDM0LjYyNFY0Mi42MjRDLTAuMDIzMDY0MSA1MC43NDc4IDYuNTQzNjkgNTcuMzUyMSAxNC42NjczIDU3LjM3NTNDMjIuNzkxMSA1Ny4zOTg0IDI5LjM5NTQgNTAuODMxNiAyOS40MTg2IDQyLjcwOEMyOS40NDE3IDM0LjU4NDMgMjIuODc0OSAyNy45Nzk5IDE0Ljc1MTMgMjcuOTU2OEM5Ljk1NDU2IDI3Ljk0MzEgNS40NTIzMSAzMC4yNjkxIDIuNjg4MDYgMzQuMTg5NEMyLjkzNDk0IDIwLjM4MDkgMTQuMTg5MiA5LjMxMDQgMjguMDAwMSA5LjI5MDc3WiIgZmlsbD0iI0ZGQ0UxRiIvPjxwYXRoIGQ9Ik00OS4zMzMxIDI3Ljk1NzRDNDQuNTYzOSAyNy45NjExIDQwLjA5NSAzMC4yODYxIDM3LjM1NDUgMzQuMTg5NEMzNy42MDE1IDIwLjM4MDggNDguODU1NyA5LjMxMDI3IDYyLjY2NjUgOS4yOTA3N0M2My40MDI4IDkuMjkwNzcgNjMuOTk5OCA4LjY5Mzc3IDYzLjk5OTggNy45NTc0QzYzLjk5OTggNy4yMjEwMiA2My40MDI4IDYuNjI0MDIgNjIuNjY2NSA2LjYyNDAyQzQ3LjIwOTkgNi42NDE2NSAzNC42ODQxIDE5LjE2NzQgMzQuNjY2NSAzNC42MjRWNDIuNjI0QzM0LjY2NjUgNTAuNzI0MSA0MS4yMzMgNTcuMjkwNiA0OS4zMzMxIDU3LjI5MDZDNTcuNDMzMiA1Ny4yOTA2IDYzLjk5OTcgNTAuNzI0MSA2My45OTk3IDQyLjYyNEM2My45OTk3IDM0LjUyMzkgNTcuNDMzNCAyNy45NTc0IDQ5LjMzMzEgMjcuOTU3NFoiIGZpbGw9IiNGRkNFMUYiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
}

.new .why-us-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  margin-bottom: 38px;
}

.new .why-us-link {
  margin-bottom: 48px;
}

.new .why-us-person {
  display: flex;
  align-items: center;
}

.new .why-us-person__photo {
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin-right: 24px;
}

.new .why-us-person__photo picture {
  width: 80px;
  height: 80px;
  display: block;
}

.new .why-us-person__photo picture img {
  width: 100%;
  height: 100%;
}

.new .why-us-person__name {
  margin-bottom: 4px;
}

.new .why-us-person__position {
  display: inline-block;
  opacity: 0.5;
  margin-bottom: 9px;
}

.new .why-us-person-info .country-flag {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  padding-left: 24px;
  height: 16px;
}

.new .why-us-person-info .country-flag:before {
  width: 16px;
  height: 16px;
}

.new .why-us-map {
  display: none;
}

.new .why-us-clutch {
  letter-spacing: 0;
  margin-bottom: 0;
  line-height: 1;
  font-size: unset;
}

.new .why-us-clutch-link {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
  color: #fff;
}

.new .why-us-clutch-link:hover p {
  text-decoration: underline;
}

.new .why-us-clutch__img {
  width: 46px;
  height: 50px;
  flex-shrink: 0;
  margin-right: 16px;
}

.new .why-us-clutch-text p {
  margin-top: 10px;
  font-size: 12px;
  line-height: 15px;
}

.new .why-us-clutch-text p a {
  color: #fff;
  text-decoration: underline;
}

.new .why-us-clutch-text p a:hover {
  text-decoration: none;
}

.new .why-us-footer {
  padding-top: 47px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}

.new .why-us-footer-item {
  margin: 0 auto 24px;
  max-width: 400px;
}

.new .why-us-footer-item__dot {
  height: 40px;
  width: 40px;
  position: relative;
  border: 1px dashed;
  border-radius: 50%;
  margin-bottom: 24px;
}

.new .why-us-footer-item__dot:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background-clip: content-box;
  padding: 5px;
  border: 1px solid;
  border-radius: 50%;
}

.new .why-us-footer-item__dot_blue {
  border-color: #f4f7fa;
}

.new .why-us-footer-item__dot_blue:after {
  background-color: #1780ff;
  border-color: #f4f7fa;
}

.new .why-us-footer-item__dot_yellow {
  border-color: #fee9a1;
}

.new .why-us-footer-item__dot_yellow:after {
  background-color: #ffce1f;
  border-color: #fee9a1;
}

.new .why-us-footer-item__dot_light-blue {
  border-color: #b7b9cf;
}

.new .why-us-footer-item__dot_light-blue:after {
  background-color: #f4f7fa;
  border-color: #b7b9cf;
}

.new .why-us-footer-item__title {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
}

.new .why-us-footer-item__text {
  line-height: 170%;
  color: #eaeaea;
  opacity: 0.5;
}

@media screen and (min-width: 768px) {
  .new .why-us-map {
    display: block !important;
    width: 502px;
    margin: 40px 0 32px;
  }

  .new .why-us-map-holder {
    position: relative;
    width: 502px;
    background-image: url(static/map-darker-2d2b1b4e166e593438f1b0d58229f92e.svg),
      linear-gradient(90deg, #13152b 0, #151b50 50.02%, #1c2365);
    background-attachment: scroll, fixed;
    background-position: 50%, 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
  }

  .new .why-us-map-holder:before {
    content: "";
    width: 502px;
    height: 244px;
    display: block;
  }

  .new .why-us-map-holder[data-place="poland"] .why-us-map__marker {
    transform: translate(242px, 49px);
  }

  .new .why-us-map-holder[data-place="seattle"] .why-us-map__marker {
    transform: translate(33px, 61px);
  }

  .new .why-us-map-holder[data-place="london"] .why-us-map__marker {
    transform: translate(214px, 40px);
  }

  .new .why-us-map-holder[data-place="san-francisco"] .why-us-map__marker {
    transform: translate(30px, 83px);
  }

  .new .why-us-map-holder[data-place="canada"] .why-us-map__marker {
    transform: translate(68px, 39px);
  }

  .new .why-us-map-holder[data-place="dublin"] .why-us-map__marker {
    transform: translate(208px, 35px);
  }

  .new .why-us-map-holder[data-place="thessaloniki"] .why-us-map__marker {
    transform: translate(249px, 64px);
  }

  .new .why-us-map-holder[data-place="new-york"] .why-us-map__marker {
    transform: translate(101px, 62px);
  }

  .new .why-us-map__marker {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #f4f7fa;
    box-shadow: 0 0 20px 15px hsla(0, 0%, 100%, 0.3);
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: transform 0.8s;
    will-change: transform;
  }

  .new .why-us-map__marker:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: #1780ff;
    border-radius: 50%;
  }

  .new .why-us-clutch .five-stars__sprite {
    display: inline-block;
    margin-right: 12px;
  }

  .new .why-us-clutch p {
    margin-top: 0;
    display: inline-block;
    font-size: 16px;
    line-height: 170%;
  }
}

@media screen and (min-width: 1024px) {
  .new .why-us {
    padding: 100px 0;
  }

  .new .why-us .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 16px;
    grid-template-areas: "title slider" "map slider" "clutch slider" "bot-items bot-items";
  }

  .new .why-us-title {
    grid-area: title;
    max-width: 272px;
  }

  .new .why-us-scrollable {
    grid-area: slider;
    margin: 0 auto;
  }

  .new .why-us-scrollable .controls {
    margin: auto 10px 52px;
    order: 2;
  }

  .new .why-us-map {
    grid-area: map;
  }

  .new .why-us-clutch {
    grid-area: clutch;
    margin-top: auto;
  }

  .new .why-us-footer {
    grid-area: bot-items;
    display: flex;
    justify-content: space-between;
    margin: 0 -10px;
  }

  .new .why-us-footer-item {
    width: 33.33333%;
    max-width: 397px;
    margin: 0 10px;
  }
}

.mobile-dev-hero {
  padding-top: 50px;
  padding-bottom: 25px;
  background-color: #f4f7fa;
}

@media (min-width: 1200px) {
  .mobile-dev-hero {
    padding-top: 103px;
    padding-bottom: 50px;
  }
}

.mobile-dev-wrp {
  overflow: hidden;
  color: #fff;
  background-color: #131a58;
  border-radius: 50px;
}

@media (min-width: 768px) {
  .mobile-dev-wrp {
    display: flex;
  }
}

.mobile-dev-main {
  padding: 48px 24px 0;
  position: relative;
  z-index: 5;
}

@media (min-width: 768px) {
  .mobile-dev-main {
    padding-right: 0;
    padding-bottom: 157px;
  }

  .mobile-dev-main:after,
  .mobile-dev-main:before {
    content: "";
    position: absolute;
    bottom: -23px;
    display: block;
    width: 416px;
    height: 207px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='416' height='184' viewBox='0 0 416 184' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M393.901 22.0474C423.366 51.4439 423.366 99.1049 393.901 128.501L128.811 392.954C99.3438 422.349 51.5679 422.349 22.1005 392.954C-7.36684 363.556 -7.36684 315.895 22.1005 286.498L287.189 22.0474C316.656 -7.34913 364.432 -7.34913 393.901 22.0474Z' fill='%23FF9AE2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .mobile-dev-main:before {
    left: -126px;
  }

  .mobile-dev-main:after {
    left: 126px;
  }
}

@media (min-width: 1024px) {
  .mobile-dev-main {
    width: 630px;
    flex-grow: 1;
    flex-shrink: 0;
    padding-top: 156px;
    padding-left: 64px;
  }
}

@media (min-width: 1200px) {
  .mobile-dev-main:before {
    left: 38px;
  }

  .mobile-dev-main:after {
    left: 293px;
  }
}

.mobile-dev__title.h1 {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 36px;
  line-height: 115%;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .mobile-dev__title.h1 {
    font-weight: 800;
    font-size: 48px;
    line-height: 60px;
  }
}

.mobile-dev__caption {
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  opacity: 0.8;
}

@media (min-width: 1024px) {
  .mobile-dev__caption {
    margin-right: 10px;
    margin-bottom: 32px;
  }
}

.mobile-dev-contact {
  position: relative;
  z-index: 5;
}

.mobile-dev-aside {
  margin-top: -100px;
  position: relative;
  width: 100%;
  background-image: url(static/mobile-dev-hero-small-8878d01e8a8c201db3f5a73ffe3ba0bb.png);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

@media (min-width: 475px) {
  .mobile-dev-aside {
    background-image: url(static/mobile-dev-hero-big-4f833ace22109853b772152486530e01.png);
    background-position: 100% 0;
  }
}

@media (min-width: 768px) {
  .mobile-dev-aside {
    margin-top: 0;
    background-position: 0 0;
  }
}

@media (min-width: 1200px) {
  .mobile-dev-aside {
    background-position: -81px 0;
  }
}

.mobile-dev-aside:before {
  content: "";
  display: block;
  width: 100%;
  height: 474px;
}

@media (min-width: 768px) {
  .mobile-dev-aside:before {
    height: auto;
  }
}

.mobile-dev-aside:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #131a58 26.06%, transparent 99.97%);
}

@media (min-width: 768px) {
  .mobile-dev-aside:after {
    display: none;
  }
}

@media (min-width: 1024px) {
  .mobile-dev-numbers .numbers {
    padding-bottom: 8px;
  }
}

.mobile-dev-numbers .numbers-item {
  max-width: 290px;
}

.mobile-dev-review {
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .mobile-dev-review {
    padding-bottom: 100px;
  }
}

.mobile-dev-review .container:before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(89, 101, 115, 0.2);
}

@media (min-width: 1024px) {
  .mobile-dev-review .client-review {
    padding-top: 64px;
  }
}

.mobile-dev-review .client-review__quote {
  max-width: 910px;
}

.retail-hero {
  padding-top: 143px;
  padding-bottom: 50px;
  background-image: none;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .retail-hero {
    padding-bottom: 0;
  }
}

.retail-hero .business-why-us-wrp {
  padding-top: 38px;
}

@media (min-width: 1024px) {
  .retail-hero .business-why-us-wrp {
    align-items: center;
  }
}

.retail-hero-contact {
  margin-top: 32px;
}

.dark-split {
  padding-top: 50px;
  padding-bottom: 50px;
  color: #fff;
  background-color: #131a58;
}

@media (min-width: 1024px) {
  .dark-split {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.dark-split_aviation {
  position: relative;
}

.dark-split_aviation .dark-split-wrp {
  max-width: 608px;
  position: relative;
  z-index: 5;
}

.dark-split_aviation .dark-split__text {
  max-width: 530px;
}

.dark-split_aviation .dark-split-img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 752px;
  width: 100%;
  opacity: 0.3;
}

@media (min-width: 1024px) {
  .dark-split_aviation .dark-split-img {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    opacity: 0.5;
  }
}

@media (min-width: 1200px) {
  .dark-split_aviation .dark-split-img {
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  .dark-split .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
  }
}

@media (min-width: 1200px) {
  .dark-split .container {
    gap: 102px;
  }
}

.dark-split-wrp {
  margin-bottom: 48px;
}

@media (min-width: 1024px) {
  .dark-split-wrp {
    margin-bottom: 0;
  }
}

.dark-split__title.h3 {
  font-weight: 800;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.04em;
  margin-bottom: 32px;
}

@media (min-width: 1024px) {
  .dark-split__title.h3 {
    font-size: 48px;
  }
}

.dark-split__text {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  opacity: 0.8;
}

@media (min-width: 1024px) {
  .dark-split__text {
    max-width: 98%;
  }
}

.dark-split-contact {
  text-align: center;
}

@media (min-width: 1024px) {
  .dark-split-contact {
    text-align: left;
  }
}

.dark-split-img {
  text-align: center;
}

@media (min-width: 1024px) {
  .dark-split-img {
    max-width: 608px;
    width: 50%;
    flex-shrink: 0;
  }
}

.who-we-are {
  background-color: #131a58;
  color: #fff;
  text-align: center;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}

.who-we-are:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url(static/dots-bg-x1-d320ce3fc4a4bccd48b4eef6f7a278e7.png);
  background-size: 100%;
  background-position: 70% 174px;
  background-repeat: no-repeat;
  mix-blend-mode: overlay;
}

@media (min-width: 1024px) {
  .who-we-are:before {
    background-position: bottom;
  }
}

@media (min-width: 1440px) {
  .who-we-are:before {
    background-position: 48% 204px;
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .who-we-are:before {
    background-image: url(static/dots-bg-x2-a1ad78d2fbfcb92a755f966c98098252.png);
  }
}

.who-we-are__title.h2 {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 115%;
  text-align: center;
  text-transform: uppercase;
  color: #1780ff;
}

.who-we-are__subtitle {
  font-weight: 800;
  font-size: 42px;
  line-height: 1.25;
  text-align: center;
  letter-spacing: -0.04em;
}

@media (min-width: 1024px) {
  .who-we-are__subtitle {
    max-width: 92%;
    margin: 0 auto;
    font-size: 64px;
  }
}

.who-we-are .container {
  position: relative;
  z-index: 5;
}

@media (min-width: 1024px) {
  .who-we-are {
    padding-top: 200px;
    padding-bottom: 200px;
  }
}

.agile {
  background-color: #131a58;
  color: #fff;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}

.agile:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url(static/dots-bigger-x1-6fd766af36e9d269192aa6903568c3e7.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  mix-blend-mode: overlay;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .agile:before {
    background-image: url(static/dots-bigger-x2-c3999bb330de3b50c9a81f724e563a2e.png);
  }
}

.agile .container {
  position: relative;
  z-index: 5;
}

@media (min-width: 1024px) {
  .agile .container {
    display: flex;
  }
}

.agile-col {
  margin-bottom: 56px;
}

.agile-col:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .agile-col {
    width: 50%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }
}

.agile__title.h3 {
  position: relative;
  padding-left: 34px;
}

.agile__title.h3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10px;
  background-color: #1780ff;
}

.agile__subtitle {
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #fff;
  opacity: 0.8;
}

@media (min-width: 1024px) {
  .agile__subtitle {
    max-width: 503px;
  }
}

.agile-pros-list {
  margin-bottom: 36px;
}

@media (min-width: 1024px) {
  .agile-pros-list {
    margin-top: auto;
    max-width: 447px;
  }
}

.agile-pros-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

@media (min-width: 1024px) {
  .agile-pros-item {
    margin-bottom: 0;
    height: 54px;
  }
}

.agile-pros-item:last-child {
  margin-bottom: 0;
}

.agile-pros-item:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.2228 14.1143L29.0404 11.9322C28.5224 11.4142 28.0979 10.3906 28.0979 9.65653V6.57054C28.0979 5.10254 26.8987 3.9033 25.4311 3.90252H22.3438C21.6106 3.90252 20.5858 3.47727 20.0678 2.95969L17.8857 0.777613C16.8489 -0.259204 15.1513 -0.259204 14.1144 0.777613L11.9324 2.96125C11.4139 3.47923 10.388 3.9033 9.65631 3.9033H6.57032C5.10427 3.9033 3.90347 5.10254 3.90347 6.57054V9.65661C3.90347 10.3878 3.47909 11.4146 2.96103 11.9323L0.778565 14.1144C-0.259033 15.1512 -0.259033 16.8488 0.778565 17.8872L2.96103 20.0693C3.4794 20.5873 3.90347 21.6137 3.90347 22.345V25.4311C3.90347 26.8975 5.10427 28.0983 6.57032 28.0983H9.65639C10.3896 28.0983 11.4144 28.5227 11.9325 29.0403L14.1145 31.2232C15.1513 32.2592 16.849 32.2592 17.8858 31.2232L20.0678 29.0403C20.5863 28.5224 21.6107 28.0983 22.3439 28.0983H25.4311C26.8988 28.0983 28.098 26.8975 28.098 25.4311V22.345C28.098 21.6106 28.5228 20.587 29.0404 20.0693L31.2229 17.8872C32.2589 16.8488 32.2589 15.1511 31.2228 14.1143ZM13.8833 22.0004L7.99956 16.116L9.88522 14.2307L13.8837 18.2292L22.1147 10.0002L23.9999 11.8855L13.8833 22.0004Z' fill='%231780FF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center 0;
  height: 32px;
  width: 32px;
  flex-shrink: 0;
}

.agile-pros-item__text {
  margin-left: 24px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
}

.agile-tasks {
  display: flex;
  align-items: center;
  padding-top: 32px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.25);
}

@media (min-width: 1024px) {
  .agile-tasks {
    padding-top: 40px;
  }
}

.agile-tasks-wrp {
  margin-left: 24px;
}

.agile-tasks__title {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
}

.agile-tasks-engagement {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
}

.agile-tasks-engagement__item {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ffce1f;
  margin-right: 4px;
  flex-shrink: 0;
}

.agile-tasks-engagement__item:first-child {
  margin-left: 8px;
}

.agile-tasks-engagement__item:last-child {
  margin-right: 0;
}

.hiring {
  background-color: #131a58;
  color: #fff;
  text-align: center;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .hiring {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.hiring:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url(static/dots-bg-x1-d320ce3fc4a4bccd48b4eef6f7a278e7.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  mix-blend-mode: overlay;
}

@media (min-width: 1024px) {
  .hiring:before {
    background-position: bottom;
  }
}

@media (min-width: 1440px) {
  .hiring:before {
    background-size: 100%;
    background-position: 48% 100%;
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hiring:before {
    background-image: url(static/dots-bg-x2-a1ad78d2fbfcb92a755f966c98098252.png);
  }
}

.hiring .container {
  position: relative;
  z-index: 5;
}

.hiring__title.h3 {
  text-align: left;
}

@media (min-width: 1024px) {
  .hiring-list {
    display: flex;
    justify-content: space-between;
    margin: 0 -4px;
  }
}

.hiring-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .hiring-item {
    margin: 0 4px;
    position: relative;
  }

  .hiring-item:after {
    content: "";
    position: absolute;
    top: 67px;
    left: calc(100% + 15px);
    width: 40px;
    height: 1px;
    background-image: repeating-linear-gradient(
      90deg,
      #bfbfbf,
      #bfbfbf 2px,
      transparent 0,
      transparent 6px,
      #bfbfbf 0,
      #bfbfbf 8px
    );
    overflow: hidden;
  }

  .hiring-item:last-child:after {
    display: none;
  }
}

.hiring-item__number {
  flex-shrink: 0;
  background-color: #ffce1f;
  border: 5px solid #131a58;
  padding: 8px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #1780ff;
  position: relative;
  z-index: 5;
}

.hiring-item__title {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #131a58;
  background-color: #ffce1f;
  padding: 30px 20px;
  margin-bottom: 20px;
  border-radius: 76px;
  margin-top: -17px;
}

@media (min-width: 1024px) {
  .hiring-item__title {
    margin-bottom: 30px;
    padding: 30px 10px;
  }
}

@media (min-width: 1200px) {
  .hiring-item__title {
    padding: 30px 20px;
  }
}

.hiring-item-sublist__item {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: hsla(0, 0%, 100%, 0.75);
}

@media (min-width: 1024px) {
  .hiring-item-sublist__item {
    margin-bottom: 20px;
  }
}

.hiring-item-sublist__item:last-child {
  margin-bottom: 0;
}

.hiring-item_has-arrow {
  position: relative;
}

.hiring-item__arrow-box {
  position: absolute;
  top: 0;
  left: calc(50% - 103px);
  transform: translateX(-50%);
  width: 134px;
  height: 230px;
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-left: 20px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: hsla(0, 0%, 100%, 0.75);
}

@media (min-width: 1024px) {
  .hiring-item__arrow-box {
    width: 19.1vw;
    max-width: 266px;
    height: 68px;
    transform: none;
    left: 50%;
    top: 75px;
    padding-top: 135px;
    padding-left: 0;
    justify-content: center;
  }
}

.hiring-item__arrow-box:before {
  content: "";
  position: absolute;
  top: 116px;
  left: -82px;
  width: 230px;
  height: 45px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='275' height='70' viewBox='0 0 275 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M267.707 0.292893C267.317 -0.0976311 266.683 -0.0976311 266.293 0.292893L259.929 6.65685C259.538 7.04738 259.538 7.68054 259.929 8.07107C260.319 8.46159 260.953 8.46159 261.343 8.07107L267 2.41421L272.657 8.07107C273.047 8.46159 273.681 8.46159 274.071 8.07107C274.462 7.68054 274.462 7.04738 274.071 6.65685L267.707 0.292893ZM0 1V5.5H2V1H0ZM0 14.5V19H2V14.5H0ZM0 19C0 20.3474 0.0522751 21.6828 0.154936 23.0043L2.14893 22.8494C2.05027 21.5794 2 20.2957 2 19H0ZM1.39839 30.91C2.02571 33.532 2.8555 36.0753 3.8703 38.5224L5.71775 37.7563C4.74302 35.4058 3.94603 32.963 3.3435 30.4446L1.39839 30.91ZM7.50939 45.6513C8.91085 47.9334 10.4868 50.0967 12.2187 52.1226L13.7389 50.823C12.0746 48.8761 10.5602 46.7974 9.2137 44.6047L7.50939 45.6513ZM17.8774 57.7813C19.9033 59.5132 22.0666 61.0891 24.3487 62.4906L25.3953 60.7863C23.2026 59.4398 21.1239 57.9254 19.177 56.2611L17.8774 57.7813ZM31.4775 66.1297C33.9247 67.1445 36.468 67.9743 39.09 68.6016L39.5554 66.6565C37.037 66.054 34.5942 65.257 32.2437 64.2822L31.4775 66.1297ZM46.9957 69.8451C48.3172 69.9477 49.6526 70 51 70V68C49.7043 68 48.4206 67.9497 47.1506 67.8511L46.9957 69.8451ZM51 70H55.15V68H51V70ZM63.45 70H71.75V68H63.45V70ZM80.05 70H88.35V68H80.05V70ZM96.65 70H104.95V68H96.65V70ZM113.25 70H121.55V68H113.25V70ZM129.85 70H138.15V68H129.85V70ZM146.45 70H154.75V68H146.45V70ZM163.05 70H171.35V68H163.05V70ZM179.65 70H187.95V68H179.65V70ZM196.25 70H204.55V68H196.25V70ZM212.85 70H217V68H212.85V70ZM217 70C218.347 70 219.683 69.9477 221.004 69.8451L220.849 67.8511C219.579 67.9497 218.296 68 217 68V70ZM228.91 68.6016C231.532 67.9743 234.075 67.1445 236.522 66.1297L235.756 64.2822C233.406 65.257 230.963 66.054 228.445 66.6565L228.91 68.6016ZM243.651 62.4906C245.933 61.0892 248.097 59.5132 250.123 57.7813L248.823 56.2611C246.876 57.9254 244.797 59.4398 242.605 60.7863L243.651 62.4906ZM255.781 52.1226C257.513 50.0967 259.089 47.9334 260.491 45.6513L258.786 44.6047C257.44 46.7974 255.925 48.8761 254.261 50.823L255.781 52.1226ZM264.13 38.5224C265.145 36.0753 265.974 33.532 266.602 30.91L264.656 30.4446C264.054 32.963 263.257 35.4058 262.282 37.7563L264.13 38.5224ZM267.845 23.0043C267.948 21.6828 268 20.3474 268 19H266C266 20.2957 265.95 21.5794 265.851 22.8494L267.845 23.0043ZM268 19V14.5H266V19H268ZM268 5.5V1H266V5.5H268Z' fill='white'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}

@media (min-width: 1024px) {
  .hiring-item__arrow-box:before {
    transform: none;
    top: 12px;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.control {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f4f7fa;
}

@media (min-width: 1024px) {
  .control {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.control__title {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .control__title {
    margin-bottom: 64px;
  }
}

.control-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

@media (min-width: 1024px) {
  .control-item {
    margin-bottom: 40px;
    flex-wrap: nowrap;
  }
}

.control-item__number {
  flex-shrink: 0;
  padding: 12px;
  border-radius: 50%;
  color: #1780ff;
  background-color: #ffce1f;
  font-weight: 700;
  font-size: 24px;
  line-height: 115%;
  text-align: center;
  margin-right: 12px;
}

@media (min-width: 1024px) {
  .control-item__number {
    padding: 26px;
    margin-right: 32px;
  }
}

.control-item__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  width: calc(100% - 65px);
}

@media (min-width: 1024px) {
  .control-item__text {
    max-width: 391px;
    margin-right: 24px;
  }
}

.control-item__duration {
  width: 100%;
  margin-top: 12px;
  padding: 12px 24px;
  color: #fff;
  background-color: #1780ff;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  border-radius: 30px;
}

@media (min-width: 1024px) {
  .control-item__duration {
    padding: 30px 40px;
    border-radius: 100px;
  }
}

.control-item__duration_weekly {
  width: 56.68%;
}

@media (min-width: 1024px) {
  .control-item__duration_weekly {
    width: 31.6%;
  }
}

.control-item__duration_daily {
  width: 26.08%;
}

@media (min-width: 1024px) {
  .control-item__duration_daily {
    width: 15%;
  }
}

.dev-services {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .dev-services {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.dev-services_darker {
  background-color: #f4f7fa;
}

.dev-services__title {
  margin-bottom: 32px;
}

.dev-services__text {
  margin-bottom: 40px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #596573;
}

@media (min-width: 1024px) {
  .dev-services__text {
    max-width: 530px;
  }
}

.dev-services-img {
  text-align: center;
  margin-bottom: 32px;
}

@media (min-width: 1024px) {
  .dev-services-img {
    margin-bottom: 0;
    text-align: left;
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .dev-services .container {
    display: flex;
    align-items: center;
    gap: 50px;
  }
}

@media (min-width: 1200px) {
  .dev-services .container {
    gap: 105px;
  }
}

@media (min-width: 1024px) {
  .dev-services-wrp {
    width: 50%;
  }
}

.dev-read-more {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 1024px) {
  .dev-read-more {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.dev-read-more .blog-popular__title {
  font-weight: 800;
  font-size: 48px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -0.04em;
}