a{
  text-decoration: none!important;
}

    

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

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

  @font-face {
    font-display: swap;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    src: url(static/3-0a0c34fcec08725becc25d2d15c44b44.woff) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }

  @font-face {
    font-display: swap;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    src: url(static/4-e0fc3a00a46e3293afeca5a9af255a3c.woff) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
  }

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

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

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

  @font-face {
    font-display: swap;
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    src: url(static/8-0a0c34fcec08725becc25d2d15c44b44.woff) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }

  @font-face {
    font-display: swap;
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    src: url(static/9-e0fc3a00a46e3293afeca5a9af255a3c.woff) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
  }

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

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

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

  @font-face {
    font-display: swap;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    src: url(static/13-0a0c34fcec08725becc25d2d15c44b44.woff) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }

  @font-face {
    font-display: swap;
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    src: url(static/14-e0fc3a00a46e3293afeca5a9af255a3c.woff) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
  }

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

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

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

  .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
  }

  body {
    overflow-x: hidden
  }

  body,
  html {
    background-color: #000000;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    
    justify-content: space-between;
    min-height: 100vh;
    left: 50%;
  }

  main {
    overflow: hidden
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 700;
    line-height: 1.5
  }

  li,
  ul {
    list-style: none
  }

  button {
    border: none;
    cursor: pointer
  }

  a,
  button {
    outline: none
  }

  a {
    color: #4c99e8;
    text-decoration: none
  }

  address {
    font-style: normal
  }

  strong {
    font-weight: 700
  }

  p,
  span {
    font-weight: 400
  }

  p,
  q,
  span {
    font-size: 16px;
    line-height: 1.5
  }

  img {
    height: auto;
    max-width: 100%;
    /* border-radius: 20px; */
  }

  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 {
    display: block;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    z-index: 3000000000
  }

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

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

  .container {
    max-width: 1230px
  }
  .container1{
    max-width: 1300px;
    margin-left: 15px;
    margin-top: 15px;
  }

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

  .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 {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    min-height: 50vh;
    padding: 30px 0
  }

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

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

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

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

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

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

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

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

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

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

  .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 {
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 112px;
    text-align: center;
    text-transform: uppercase
  }

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

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

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

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

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

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

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

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

  .btn:after,
  .btn:hover:after {
    transition: all .7s cubic-bezier(.19, 1, .22, 1)
  }

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

  .btn_orange {
    background-color: #fda61c
  }

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

  .ordered-list_mt-20 {
    margin-top: 20px
  }

  .ordered-list_mt-20 .ordered-list-item {
    margin-bottom: 0
  }

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

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

  .bullet-list_mt-20 {
    margin-top: 20px
  }

  .bullet-list_mt-20 .bullet-list-item {
    margin-bottom: 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .new .dots-bg,
  .new.dots-bg {
    /*  
    /* background-image: linear-gradient(90deg, #000000 0, #000000 50.02%, #000000); */
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color:#000;
  }

  .new .dots-bg:after,
  .new.dots-bg:after {
    background-image: url(static/dots-bg-c51f658f74cb9685a29a7caa4ce60934.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: overlay;
    opacity: .75;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    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-db4f4c299d2a538914db377cb6e99bcb.png);
    background-position: center 0;
    height: 300px
  }

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

  @media screen and (min-width:375px) {

    .dots-bg,
    .dots-bg_white:after {
      background-image: url(static/dots-bg-768-9e471411556707b292ce81d21179836c.png)
    }
  }

  @media screen and (min-width:768px) {
    .section-heading a {
      transform: scale(1);
      transition: transform .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-385c8deca69b18321ed46d3dd734dcb7.png)
    }

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

    .hero-desktop-half-screen {
      align-items: center;
      display: flex;
      height: 50vh;
      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-position: 50%;
      background-size: 130%
    }

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

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

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

  @keyframes sectionFadeIn {
    0% {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

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

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

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

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

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

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

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

  .header-logo__link {
    height: 70px;
    width: 192px;
  }



    .header-logo__link img {
        height: 250px;
        width: 222px;
        margin-top: -84px;
    }

  
  .logo_text{
        font-size: 33px;
        font-weight: 700;
    }

  @media(min-width:1200px) {
    .header-logo__link {
      height: 70px;
      width: 192px
    }
    .header-logo__link img{
      height: 220px;
      width: 222px;
      margin-top: -84px;
  
    }
  }
  @media only screen and (max-width: 600px) {
    .header-logo__link img {
      height: 150px;
      width: 140px;
      margin-top: -58px;
    }
    .header-logo__link {
      height: 70px;
      width: 200px
    }
    .header-logo__link span{
        margin-top: 5px !important;
        font-size: 33px !important;
    }
  }



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

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

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

  .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(.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 {
    background-image: linear-gradient(90deg, #000000 0, #000000 50.02%, #000000);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block !important;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    padding: 47px 24px 40px;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .2s;
    width: 100%
  }

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

    .header-list,
    .header-nav {
      align-items: center;
      height: inherit
    }

    .header-list {
      display: flex
    }

    .header-list:hover .header-item__link {
      opacity: .5
    }

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

    .header-item {
      height: inherit;
      margin-right: 32px
    }

    .header-item_company .header-item-dropdown {
      width: 230px;
      margin-top: -6px;
    }

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

    .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)
    }

    .header-item_dropdown {
      position: relative
    }
  }

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

  .header-item_dropdown .header-item__link:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 24px;
    margin-left: 4px;
    transform: scaleY(1);
    transition: transform .3s;
    width: 24px
  }

  .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 {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: inherit;
    letter-spacing: -.02em;
    line-height: 23px;
    padding: 31px 0 25px;
   
  }

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

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

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

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

    .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;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 18px;
    margin-bottom: 32px;
    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 {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
  }

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

    .header-item-submenu-elem-link:hover {
      color: #222222
    }
  }

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

  }

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

  @media(min-width:1200px) {
    .header-contact .button.button_secondary {
     
      background-color:#ebb800;
      border: 2px solid #ebb800;
      border-radius: 0 30px;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: -.3px;
      line-height: 23px;
      padding: 10px 20px;
      transition: .3s;
      box-shadow:#d4b375;
    }

    .header-contact .button.button_secondary:hover {
      background-color: #ddad00;
      border-color: #ebb800;
       border-radius: 30px;
      
    }
  }

  .header_light,
  .header_light-from-top {
    background-color:black ;
    box-shadow: 0 0 20px#ebb800;
    color: #fff
  }

  .header_light .gecko-fill,
  .header_light-from-top .gecko-fill {
    fill: #000000
  }

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

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

  @media(min-width:1200px) {

    .header_light .header-item__link,
    .header_light-from-top .header-item__link {
      color: #fff
    }

    .header_light .header-item__link:after,
    .header_light-from-top .header-item__link:after {
      background-image: url("image/down-arrow-svgrepo-com.svg")
    }

    .header_light .header-contact .button.button_secondary,
    .header_light-from-top .header-contact .button.button_secondary {
      background-color:#ebb800;
    border: 2px solid #ebb800;
    border-radius: 0 30px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.3px;
    line-height: 23px;
    padding: 10px 20px;
    transition: .3s;
    box-shadow:#d4b375;
    }

    .header_light .header-contact .button.button_secondary:hover,
    .header_light-from-top .header-contact .button.button_secondary:hover {
      background-color: #ddad00;
    border-color: #ebb800;
     border-radius: 30px;
    
    }
  }

  .make-header-light .header {
    background-color: hsla(0, 0%, 100%, 0);
    box-shadow: 0 0 0 rgba(13, 21, 68, .2);
    color: #131a58;
    transition: box-shadow .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 xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23131A58' d='M17 9.17a1 1 0 0 0-1.41 0L12 12.71 8.46 9.17a1 1 0 1 0-1.41 1.42l4.24 4.24a.999.999 0 0 0 1.42 0L17 10.59a1 1 0 0 0 0-1.42Z'/%3E%3C/svg%3E")
    }

    .make-header-light .header .header-contact .button.button_secondary {
      border-color: #fff06c;
      color: #ffe054;
      font-size: 16px;
      line-height: 20px
    }

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

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

  .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;
    display: none;
    min-height: 50vh;
    padding: 30px 10px;
    width: 100%
  }

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

  .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 {
    background-color: #ffde17;
    content: "";
    display: block;
    height: 3px;
    margin: 20px auto;
    width: 105px
  }

  .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;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0
  }

  .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 {
    font-size: 30px;
    margin-bottom: 28px;
    position: relative;
    color: #fff;
  }

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

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

  .new .contact-partners__btn {
    cursor: pointer
  }

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

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

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

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

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

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

  .new .contact-description {
    display: none
  }

  .new .contact-main__title {
    font-weight: 700;
    letter-spacing: -.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-text-fill-color: #fff;
    color: #fff !important;
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    transition: background-color 5000s ease-in-out 0s !important
  }

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

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

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

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

  .new .contact-form__input::placeholder,
  .new .contact-form__text-area::placeholder {
    color: hsla(0, 0%, 100%, .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 {
    color: #ffce1f;
    height: 24px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
  }

  .new .contact-form__checkbox {
    display: none
  }

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

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

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

  .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;
    letter-spacing: -.3px;
    margin-top: 40px;
    opacity: 0
  }

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

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

  .new .contact .preloader_visible {
    display: block
  }

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

    to {
      transform: rotate(1turn)
    }
  }

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

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

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

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

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

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

    .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 {
      color: #131a58;
      display: block;
      flex-shrink: 0;
      margin-right: 50px;
      position: relative;
      width: 419px
    }

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

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

    .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 {
      align-items: center;
      display: flex;
      font-size: 20px;
      font-weight: 400;
      letter-spacing: -.01em;
      line-height: 150%;
      margin-bottom: 64px
    }

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

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

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

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

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

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

    .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: -.03em
    }

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

  .new .footer {
    
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    padding: 48px 0;
    position: relative
  }

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

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

  .new .footer h2 a {
    color: #ffce1f
  }

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

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

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

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

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

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

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

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

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

  .new .footer-locations>h3 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 115%
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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 {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 16px
  }

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

  .new .footer-copyright__link:hover {
    color: #1780ff
  }
  .footer_logo img{
    height: 201px;
    margin-top: -85px;
    margin-bottom: -6px;

}
  
  .logo-text{
    margin-top: -44px;
  }

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

    .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-bottom: 100px;
      padding-top: 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 .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 {
      margin: 0 12px 36px;
      width: calc(50% - 24px)
    }

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

    .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-bottom: 0;
      margin-right: 21px
    }
  }

  @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 h2 {
      font-size: 36px;
      font-weight: 700;
      letter-spacing: -.04em;
      line-height: 115%;
      margin-bottom: 32px
    }

    .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>h3 {
      letter-spacing: -.035em
    }

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

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

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

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

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

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

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

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

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

  .new,
  .new body {
    
    font-family: Mulish, sans-serif
  }

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

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

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

  .new .h3 a,
  .new h3 a {
    color:white;
    transition: color .3s;
    color:#fff;
  }

  .new .h3 a:hover,
  .new h3 a:hover {
    color: white
  }

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

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

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

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

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

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

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

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

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

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

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

  @media screen and (min-width:1400px) {

    .new .h1,
    .new h1 {
      font-size: 85px;
      letter-spacing: -.04em
    }

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

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

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

  .new .button:hover,
  .new button:hover {
    background-color: #ddad00;
    border-color: #ebb800;
     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;
    border-color: #131a58;
    color: #131a58;
    padding: 19px 37px
  }

  .new .text-button {
    background: none;
    border: none;
    border-radius: 0;
    color: #1780ff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: normal;
    padding: 0;
    text-shadow: 0 48px 100px transparent;
    transition: color .3s, text-shadow .3s
  }

  .new .text-button:hover {
    color: #131a58;
    text-shadow: 0 48px 100px #131a58
  }

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

  .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 {
    text-align: center;
    width: 176px
  }

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

  @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 {
      box-shadow: 0 0 0 rgba(0, 0, 0, .08);
      transition: border-color .3s, box-shadow .3s
    }

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

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

    .new .box-hover_with-arrow:after {
      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 5 7 7-7 7m-7-7h13H5z'/%3E%3C/svg%3E");
      content: "";
      height: 24px;
      opacity: 0;
      position: absolute;
      right: 32px;
      top: 0;
      transition: top .3s, opacity .3s;
      width: 24px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-bottom: -78px;
      margin-top: -36px;
      
      
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .custom-dev-hero {
    background: #000;
  }

  @media(min-width:1200px) {
    .custom-dev-hero {
      background: #000;
    }
  }

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

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

  .custom-dev-hero .webdev-hero-image {
    margin-bottom: 0;
    margin-top: 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 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTMiIGhlaWdodD0iMjkzIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjkzIDI5MyI+PGNpcmNsZSBjeD0iMTQ2LjUiIGN5PSIxNDYuNSIgcj0iMTQ2LjUiIGZpbGw9IiM5ODU4RDQiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE0Ni41IDE0Ni41KSIvPjwvc3ZnPg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    left: -20px;
    padding-bottom: 35.9%;
    padding-left: 35.9%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
  } */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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 {
      margin-bottom: 0;
      max-width: 397px;
      width: calc(33.33333% - 12px)
    }
  }

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

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

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

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

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

  @media(min-width:1024px) {
    .dev-help-illustrated {
      padding-bottom: 100px;
      padding-top: 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;
      gap: 24px;
      justify-content: center
    }
  }

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

  .dev-help-illustrated-item:after {
    bottom: 32px;
    content: "";
    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 5 7 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 5 7 7-7 7m-7-7h13H5z'/%3E%3C/svg%3E");
    position: absolute;
    right: 32px;
    transform: scale(1);
    transition: transform .3s;
    width: 24px
  }

  .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 {
    background-color: #ffce1f;
    color: #000
  }

  .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) {
    background-color: #1780ff;
    color: #fff
  }

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

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

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

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

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

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

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

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

  .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 {
    max-width: 1288px;
    min-width: 375px;
    padding: 0 24px
  }

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

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

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

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

  .blog-post-info {
    align-items: center;
    display: flex;
    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 {
    color: #596573;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
  }

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

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

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

  .blog-post h3 {
    margin-bottom: 16px
  }

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

  .blog-post .text-strong {
    display: inline;
    font-weight: 700
  }

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

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

  .blog-post li,
  .blog-post q,
  .blog-post span {
    color: #000;
    font-size: 20px;
    line-height: 165%;
    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-family: monospace;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 24px
  }

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

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

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

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

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

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

  .blog-item-img {
    display: block
  }

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

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

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

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

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

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

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

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

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

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

  .blog-categories a {
    color: #596573;
    position: relative;
    transition: color .3s
  }

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

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

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

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

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

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

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

    .blog-main {
      flex-wrap: wrap
    }

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

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

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

    .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, .08);
      transition: border-color .3s, box-shadow .3s
    }

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

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

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

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

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

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

    .blog-post a {
      transition: color .3s
    }

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

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

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

    .blog-categories div {
      width: auto
    }

    .blog-categories a {
      transition: color .3s
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .job-content ul {
    margin-bottom: 48px
  }

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

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

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

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

  .job-content li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' fill='none' viewBox='0 0 20 14'%3E%3Cpath fill='%23FFCE1F' d='M20 8.408c0 .925-.83 1.64-1.797 1.64h-.185c-.46-.042-2.903-.252-3.456.252-.599.547-.322 1.01-.276 1.051.138.253.23.505.23.8 0 .924-.83 1.639-1.797 1.639a1.8 1.8 0 0 1-.507-.084s-1.106-.21-2.074-.21c-.967.041-1.89.378-1.89.378-.23.084-.46.126-.69.126-.876 0-1.613-.589-1.798-1.387v-.169c-.046-.21-.184-.588-.69-.798-.692-.253-1.706.294-2.167.546-.092.042-.138.084-.23.126-.277.126-.553.21-.876.21-1.014 0-1.797-.756-1.797-1.64C0 9.965.83 9.25 1.797 9.25c.092 0 .185 0 .277.042h.092c.599.084 3.502.547 4.01-.546.506-1.051-2.305-2.313-3.042-2.607-.046 0-.093-.042-.139-.042H2.95c-.553-.294-.967-.84-.967-1.471 0-.925.83-1.64 1.797-1.64.83 0 1.52.504 1.751 1.177.323.63 1.29 2.397 2.212 2.06.968-.378-.507-3.027-.922-3.742-.046-.042-.046-.084-.092-.168a1.61 1.61 0 0 1-.138-.672C6.59.715 7.373 0 8.387 0c1.014 0 1.797.715 1.797 1.64v.084c0 .084 0 .21-.046.294-.138.967-.415 3.7.553 4.12 1.106.463 2.12-2.186 2.304-2.733v-.084a1.85 1.85 0 0 1 1.706-1.093c1.013 0 1.797.757 1.797 1.64 0 .504-.23.967-.646 1.261h-.046c-.092.042-.138.126-.23.168-.691.463-2.535 1.724-2.12 2.397.461.714 2.95-.337 3.779-.673.092-.042.138-.084.23-.126.185-.084.415-.126.646-.126 1.106 0 1.889.757 1.889 1.64Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    flex-shrink: 0;
    height: 14px;
    margin-right: 16px;
    margin-top: 6px;
    width: 20px
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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 {
    border: 2px solid rgba(19, 26, 88, .25);
    border-radius: 3px;
    flex-shrink: 0;
    height: 32px;
    position: relative;
    transition: border .3s;
    width: 32px
  }

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

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

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

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

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

  .careers-hero:after {
    display: none
  }

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

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

  .careers-benefit {
    background-color: #000000;
    padding-bottom: 50px;

  }

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

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

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

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

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

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

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

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

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

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

  .careers-benefit-item_blue {
    border: 1px solid #ffce1f;
    color: #fff;
  }
  .careers-benefit-item_blue:hover{
    background-color: #ffce1f ;
    border: 1px solid #fff;
    color: black;
  }

  /* .careers-benefit-item_dark-blue {
    background-color: #000000;
    
  } */

  .careers-benefit-item_yellow {
    border: 1px solid #ffce1f;
    color: #ffffff;
  }

  .careers-benefit-item_yellow:hover{
    background-color:#ffce1f;
    color:black;
  }

  .careers-benefit-item_white {
    border: 1px solid #fff;
    color: #fff;
  }

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

  .careers-benefit-item__title.h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px;
    color:#fff!important;
    margin-left: 40px;
    margin-top: -50px;
  }
  .careers-benefit-item__title.h3:hover{
    background-color:#ffce1f;
    color:black !important;
  }
  .careers-support {
    padding-bottom: 50px;
    padding-top: 50px
  }

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

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

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

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

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

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

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

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

  .careers-support li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' viewBox='0 0 25 24'%3E%3Cpath stroke='%231780FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9.973 11 3 3 10-10'/%3E%3Cpath stroke='%231780FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.973 12v7a2 2 0 0 1-2 2h-14a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    flex-shrink: 0;
    height: 24px;
    margin-right: 12px;
    width: 24px
  }

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

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

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

  @media(min-width:1024px) {

    .careers-support li h3 br,
    .careers-support li span br {
      display: inline
    }
  }

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

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

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

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

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

  @media(min-width:768px) {
    .service-item {
      align-items: center;
      display: flex;
      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-left: auto;
      margin-right: 270px
    }
  }

  @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 {
      margin-bottom: 24px;
      width: 436px
    }
  }

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

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

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

  .service-item p,
  .service-item__text.h3 {
    color: #596573;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 24px
  }

  @media(min-width:1024px) {

    .service-item p,
    .service-item__text.h3 {
      padding-left: 41px
    }

    .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 {
      display: block;
      flex-shrink: 0;
      position: relative;
      width: 200px
    }

    .service-item-img:after {
      border: 4px solid #cce3ff;
      border-radius: 50px 0;
      content: "";
      height: 100%;
      left: -14px;
      position: absolute;
      top: -14px;
      width: 100%
    }
  }

  @media(min-width:1024px) {
    .service-item-img:after {
      left: -24px;
      top: -24px
    }
  }

  @media(min-width:1200px) {
    .service-item-img {
      height: 485px;
      width: 398px
    }

    .service-item-img:after {
      border-radius: 100px 0
    }
  }

  .service-text {
    color: #596573;
    font-size: 16px;
    font-weight: 500;
    line-height: 170%
  }

  .industries h1.h1 {
    max-width: 818px
  }

  .home-hero {
    
    background-image: url(static/C:\xampp\htdocs\finalphpdesign\image\header-img.jpg-);
    background-position: 50%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* min-height: 100vh; */
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative
  }

  .careers-hero{
    background-image: url(static/C:\xampp\htdocs\finalphpdesign\image\career.jpg);
    background-position: 50%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* min-height: 100vh; */
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative
  }

  @media only screen and (max-width: 600px) {
    .home-hero{
        background-image: url(https://adtaxs.com/image/mobile-banner2.jpg)!important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 400px!important;
    }
    .new .button{
      background-color: #ebb800;
      border: 2px solid #ebb800;
      border-radius: 0 30px;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: -0.3px;
      line-height: 30px;
      padding: 5px 15px;
      transition: .3s;
    }
}

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

  .home-hero-content {
    margin-top: 430px;
        padding-left: 14%;
        max-width: 70%;
  }

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

  .home-hero h1 {
    background-image: linear-gradient(180deg, transparent 0, transparent 67px, #ffce1f 0, #ffce1f 72px);
    background-position: 0 86px;
    background-repeat: repeat-y;
    background-size: 100% 57px;
    color: #ffffff;
    display: inline-block;
    font-size: 84px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.25;
    margin-bottom: 24px;
    max-width: 670px;
    padding-bottom: 10px;
    position: relative
  }
    @media(min-width:1200px) {
        .home-hero h1:after {
          background-color: #ffce1f;
          bottom: -10px;
          content: "";
          height: 5px;
          left: 0;
          position: absolute;
          width: 100%
        }
    }
    @media only screen and (max-width: 600px) {
        .home-hero h1 {
            background-position: 0px 47px!important;
            font-size: 35px;
            background-size: 97% 69px;
            margin-bottom: 10px;
        }
        .header-item__link {
          color: #fff;
          display: block;
          font-size: 18px;
          font-weight: 700;
          height: inherit;
          letter-spacing: -.02em;
          line-height: 23px;
          padding: 31px 0 25px;
          border-bottom: 1px solid #ffffff38 !important;
        }
        .home-hero-content {
                margin-top: 480px;
        }
        .home-hero-content {
          margin-top: 250px;
          padding-left: 19px;
          max-width: 44%;
      }.about-banner img {
        height: 250px!important;
        width: 350px!important;
      }
      .careers-benefit__title.h2{
        font-size: 36px;
        font-weight: 800;
        letter-spacing: -.04em;
        line-height: 124%;
        margin-bottom: 32px;
        margin-left: 32px;
    }
      .statement span{
        color: #fff!important;
        display: block!important;
        font-size: 23px!important;
        font-weight: 700!important;
        letter-spacing: -.01em!important;
        line-height: 150%!important;
        margin: 90px auto 10px!important;
        max-width: 715px!important;
        text-align: center!important;
      }
      .breadcrumbs{
        align-items: center !important;
        display: flex !important;
        font-size: 6px !important;
        gap: 34px !important;
        margin-bottom: 13px !important;
        margin-top: 30px !important;
      }
      .new .help:after{
        
    display: none!important;
      }
    }

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


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

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

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

  .home-hero-logos div {
    margin-right: 12px
  }

  .home-hero-logos div:last-child {
    margin-right: 0
  }

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

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

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

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

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

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

  .new .speciality-wrapper p {
    color: #fcfcfc;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px;
    margin: 0 16px 32px
  }

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

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

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

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

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

  .new .speciality-link p {
    color: #ffffff;
    line-height: 1.7
  }

  @media screen and (min-width:630px) {
    .new .speciality-grid {
      display: flex;
      flex-wrap: wrap;
      height: auto;
      justify-content: center;
      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);
      margin: 0 12px 24px;
      max-width: 327px
    }
  }

  @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-wrapper a {
      margin: 0 12px 16px;
      width: 397px
    }

    .new .speciality-wrapper p {
      letter-spacing: -.4px;
      margin: 21px 30px 32px
    }
  }

  @media screen and (min-width:1024px) {
    .new .speciality {
      background-color: rgb(7, 7, 7)
    }

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

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

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

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

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

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

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

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

    .new .speciality-wrapper p {
      margin: 16px 30px 30px
    }

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

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

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

  .new .help,
  .new.help {
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative;
    z-index: 1;
    background-color:#000!important;
  }

  @media(min-width:1024px) {

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

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

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

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

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

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

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

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

  .new .help-item__caption.h3,
  .new.help-item__caption.h3 {
    color: #ffffff;
    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:#ebb800;
  }

  .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;
    margin-top: 32px;
    order: 4
  }

  @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 {
      align-items: unset;
      flex-direction: row;
      flex-wrap: wrap;
      height: auto;
      justify-content: center;
      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
    }

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

    .new .help:after,
    .new.help:after {
      border-radius: 145px 0;
      border-width: 16px;
      height: 561px;
      left: -17px;
      top: 35px;
      width: 306px
    }

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

    .new .help-item:hover,
    .new.help-item:hover {
      border-color: #ffce1f;
      box-shadow: 0 0 50px rgba(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: -.01em
    }
  }

  @media screen and (min-width:1288px) {

    .new .help-wrp,
    .new.help-wrp {
      grid-gap: 24px;
      display: grid;
      gap: 24px;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr
    }

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

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

    .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 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 50px
  }

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

  .partner-logos-list li {
    padding-bottom: 32px
  }

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

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

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

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

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

  .modal-overlay {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 100000
  }

  .modal-outer,
  .modal-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
  }

  .modal-outer {
    display: flex;
    justify-content: center;
    overflow-y: auto;
    padding: 24px 20px;
    z-index: 100005
  }

  @media(min-width:900px) {
    .modal-outer {
      padding: 24px
    }
  }

  .modal-inner {
    align-items: center;
    background-color: #fff;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    max-width: 672px;
    padding: 64px 20px;
    position: relative;
    text-align: center;
    width: 100%
  }

  @media(min-width:900px) {
    .modal-inner {
      padding: 100px 80px
    }
  }

  .modal-inner .contact-preloader {
    background: none;
    box-shadow: none
  }

  .modal-close {
    background-color: transparent;
    height: 24px;
    position: absolute;
    right: 24px;
    top: 24px;
    transform: scale(1);
    transition: transform .3s;
    width: 24px
  }

  .modal-close:hover {
    transform: scale(1.1)
  }

  .modal-content__img {
    display: inline-block;
    height: 48px;
    margin-bottom: 24px;
    width: 48px
  }

  .modal-content .modal-btn {
    align-items: center;
    background-color: #1780ff;
    border-radius: 18px;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
    padding: 12px 24px;
    transition: opacity .3s, box-shadow .3s
  }

  .modal-content .modal-btn:hover {
    box-shadow: 5px 5px 30px 2px rgba(23, 128, 255, .24);
    opacity: .9
  }

  .modal-content .modal-btn span {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px
  }

  @media(min-width:900px) {
    .modal-content .modal-btn {
      align-self: flex-end
    }
  }

  .modal-title {
    color: #131a58;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 100%;
    margin-bottom: 8px
  }

  @media(min-width:900px) {
    .modal-title {
      font-size: 40px
    }
  }

  .modal-title-small {
    color: #131a58;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 124%;
    margin-bottom: 8px
  }

  .modal-subtitle {
    color: #596573;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%
  }

  .modal-elem {
    background-image: linear-gradient(180deg, #f4f7fa, #f5f9ff);
    border-radius: 24px;
    margin-top: 24px;
    padding: 32px 16px
  }

  @media(min-width:900px) {
    .modal-elem {
      padding: 32px 24px
    }
  }

  .modal-form {
    display: flex;
    flex-direction: column;
    position: relative
  }

  .modal-form .error-message {
    display: block;
    margin: 0
  }

  .modal-form .contact-form-label {
    margin-bottom: 24px;
    position: relative;
    text-align: left
  }

  .modal-form .contact-form-label span {
    font-size: 14px
  }

  .modal-form .contact-form-label input {
    background-color: #fff;
    border: none;
    border-radius: 16px;
    color: #000;
    display: block;
    font-size: 16px;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-top: 8px;
    padding: 10px 16px;
    resize: none;
    width: 100%
  }

  .modal-form .contact-form-label .error-message {
    color: tomato;
    font-size: 12px;
    font-weight: 400;
    left: 0;
    position: absolute;
    top: 100%
  }

  @media(min-width:900px) {
    .modal-form .contact-form-label:last-of-type {
      margin: 0
    }

    .modal-form {
      align-items: center;
      flex-direction: row;
      gap: 24px
    }

    .modal-form .contact-form-label {
      width: 100%
    }

    .modal-form .modal-btn {
      flex-shrink: 0
    }
  }

  .modal-form-arrow {
    bottom: -40px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
  }

  .modal-form-arrow .arrow-path-long {
    stroke-dasharray: 140;
    stroke-dashoffset: 0;
    animation: animateLong 1s
  }

  .modal-form-arrow .arrow-path-short {
    stroke-dasharray: 12;
    stroke-dashoffset: 12;
    animation: animateShort .2s;
    animation-delay: 1s;
    animation-fill-mode: forwards
  }

  .modal-form-arrow .arrow-path-short:nth-child(3) {
    animation-delay: 1.2s
  }

  @keyframes animateLong {
    0% {
      stroke-dashoffset: 140
    }
  }

  @keyframes animateShort {
    to {
      stroke-dashoffset: 0
    }
  }

  .modal-book {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    text-align: center
  }

  @media(min-width:900px) {
    .modal-book {
      flex-direction: row;
      justify-content: space-between;
      text-align: left
    }
  }

  .modal-book-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 4px
  }

  .modal-book-role {
    color: #98a4b3;
    line-height: 22px;
    margin-bottom: 16px
  }

  .modal-book__img {
    border: 4px solid transparent;
    border-radius: 50%;
    flex-shrink: 0;
    height: 100px;
    outline: 2px solid #1780ff;
    width: 100px
  }

  .modal-book .modal-btn span {
    font-size: 14px;
    line-height: 17px
  }

  .calculator {
    display: flex;
    flex-direction: column
  }

  .calculator,
  .calculator button,
  .calculator input,
  .calculator select {
    font-family: Mulish, sans-serif
  }

  .calculator-accordion-elem,
  .calculator-summary {
    background-color: #fff;
    border-radius: 24px;
    padding: 24px
  }

  .calculator-products {
    margin-bottom: 16px
  }

  @media(min-width:1024px) {
    .calculator {
      flex-direction: row;
      gap: 16px
    }

    .calculator-summary {
      align-self: flex-start;
      flex: 2 1
    }

    .calculator-products {
      flex: 3 1;
      margin-bottom: 0
    }
  }

  .calculator-accordion-elem {
    margin-bottom: 16px;
    transition: background-color .3s
  }

  .calculator-accordion-elem:last-child {
    margin-bottom: 0
  }

  .calculator-accordion-elem:not(.open):hover {
    background-color: #e8f2ff
  }

  .calculator-accordion-elem-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .3s
  }

  .calculator-accordion-elem-content>div {
    overflow: hidden
  }

  .calculator-accordion-elem.open .calculator-accordion-elem-content {
    grid-template-rows: 1fr
  }

  .calculator-summary {
    color: #131a58;
    display: flex;
    flex-direction: column
  }

  .summary-title {
    font-size: 24px;
    font-weight: 700
  }

  .summary-countries {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 24px 0
  }

  .summary-countries-header {
    color: #131a58;
    font-size: 16px;
    font-weight: 400
  }

  .summary-countries-buttons {
    align-items: center;
    display: flex;
    gap: 8px
  }

  .summary-countries-buttons__group {
    align-items: center;
    background: #f5f9ff;
    border-radius: 20px;
    display: flex
  }

  .summary-countries-buttons__btn {
    align-items: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    position: relative;
    transition: border .3s, background .3s;
    width: 40px
  }

  .summary-countries-buttons__btn.active,
  .summary-countries-buttons__btn:hover {
    background: #cce3ff;
    border-color: #1780ff
  }

  .summary-countries-buttons__btn:hover .summary-countries-buttons__label {
    opacity: 1;
    visibility: visible
  }

  .summary-countries-buttons__label {
    background-color: #131a58;
    border-radius: 8px;
    bottom: calc(100% + 4px);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    left: 50%;
    line-height: 150%;
    opacity: 0;
    padding: 4px 8px;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity .3s;
    visibility: hidden
  }

  .summary-countries-buttons__icon {
    width: 24px
  }

  .summary-welcome {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 64px;
    text-align: center
  }

  .summary-welcome-image {
    height: 48px;
    width: 48px
  }

  .summary-welcome-caption {
    color: #596573;
    font-size: 16px
  }

  .summary-table {
    display: flex;
    justify-content: space-between;
    padding: 24px 0
  }

  .summary-table-header {
    color: #131a58;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: uppercase
  }

  .summary-table-columnsContainer {
    display: flex;
    gap: 24px
  }

  .summary-table-column {
    color: #596573
  }

  .summary-table-column.month {
    color: #1780ff
  }

  .summary-table-column.month .summary-table-item {
    font-weight: 700
  }

  .summary-table-column.month .summary-table-header {
    color: inherit
  }

  .summary-table-item {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px
  }

  .summary-table-item:last-child {
    margin-bottom: 0
  }

  .summary-section {
    align-items: center;
    border-top: 1px solid #eaeaea;
    display: flex;
    justify-content: space-between;
    padding: 24px 0
  }

  .summary-discount__percent {
    font-size: 16px;
    font-weight: 700
  }

  .summary-discount__amount {
    color: #5ecc2a;
    font-size: 18px;
    font-weight: 700
  }

  .summary-total__text {
    font-size: 16px;
    font-weight: 700
  }

  .summary-total__amount {
    color: #1780ff;
    font-size: 24px;
    font-weight: 700
  }

  .summary-button-submit {
    align-items: center;
    background: #1780ff;
    border-radius: 18px;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    gap: 14px;
    justify-content: center;
    padding: 12px 24px
  }

  .summary-button-submit:hover .summary-button-submitIcon {
    animation: moveArrow .5s
  }

  @keyframes moveArrow {
    50% {
      opacity: 0;
      transform: translateX(20px)
    }

    51% {
      transform: translateX(-20px)
    }

    to {
      opacity: 1;
      transform: none
    }
  }

  .title-with-icon {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 100%
  }

  .title-with-icon .title-content {
    align-items: center;
    display: flex;
    gap: 16px
  }

  .title-with-icon .title-icon {
    height: 24px;
    margin: 0;
    width: 24px
  }

  .title-with-icon .title-text {
    color: #1780ff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
  }

  .title-with-icon .title-chevron {
    transition: transform .3s
  }

  .title-with-icon .title-chevron.open {
    transform: rotate(180deg)
  }

  .title-with-icon .title-chevron path {
    fill: #131a58
  }

  .technology-container {
    background-color: #f5f9ff;
    border-radius: 16px;
    color: #131a58;
    margin-bottom: 8px;
    padding: 16px
  }

  .technology-container:first-child {
    margin-top: 28px
  }

  .technology-container:last-child {
    margin-bottom: 0
  }

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

  .technology-title {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    gap: 12px
  }

  .technology-title-icon {
    width: 24px
  }

  .technology-button-addFirst {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    transition: background .3s;
    width: 32px
  }

  .technology-button-addFirst-icon {
    transition: transform .3s
  }

  .technology-button-addFirst-icon path {
    transition: fill .3s
  }

  .technology-button-addFirst:hover {
    background: #1780ff
  }

  .technology-button-addFirst:hover .technology-button-addFirst-icon {
    transform: rotate(180deg)
  }

  .technology-button-addFirst:hover .technology-button-addFirst-icon path {
    fill: #fff
  }

  .technology-selection {
    background-color: #fff;
    border-radius: 16px;
    margin-top: 16px;
    padding: 12px 16px
  }

  .dev-selector {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font: inherit;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 12px
  }

  .dev-selector:last-child {
    margin-bottom: 0
  }

  .dev-selector-controls {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px
  }

  .dev-selector-buttonRemove {
    background: none;
    border: none
  }

  .dev-selector-buttonRemove svg {
    align-items: center;
    display: flex
  }

  .dev-selector-choice {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #f5f9ff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' fill='none' viewBox='0 0 8 6'%3E%3Cpath fill='%23131A58' d='M7.33 1.114a.667.667 0 0 0-.94 0l-2.393 2.36-2.36-2.36a.667.667 0 1 0-.94.946l2.827 2.827a.667.667 0 0 0 .947 0L7.33 2.06a.667.667 0 0 0 0-.946Z'/%3E%3C/svg%3E");
    background-position: right 16px center;
    background-repeat: no-repeat;
    border: none;
    border-radius: 8px;
    color: #131a58;
    font-size: 16px;
    padding: 10px 32px 10px 16px
  }

  .dev-selector-price {
    color: #98a4b3;
    font-size: 14px;
    font-weight: 500
  }

  .counter-widget {
    align-items: center;
    display: flex;
    gap: 8px
  }

  .counter-widget-btn {
    align-items: center;
    background: none;
    display: flex;
    height: 32px;
    transition: transform .3s
  }

  .counter-widget-btn:hover {
    transform: scale(1.5)
  }

  .counter-widget-btn.add path,
  .counter-widget-btn.remove path {
    transition: fill .3s
  }

  .counter-widget-btn.remove:hover path {
    fill: tomato
  }

  .counter-widget-btn.add:hover path {
    fill: #1780ff
  }

  .counter-widget-amount {
    align-items: center;
    background: rgba(23, 128, 255, .25);
    border-radius: 8px;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
  }

  .pricing {
    background: #f4f7fa;
    padding-top: 136px
  }

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

  .pricing-caption {
    color: #596573;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    text-align: center
  }

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

  .pricing .calculator {
    padding: 50px 0 100px
  }

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

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

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

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

  @media(min-width:1024px) {

    .privacy .h1,
    .privacy h1 {
      font-size: 64px;
      margin-bottom: 100px
    }
  }

  .privacy h2.h1 {
    margin-bottom: 24px
  }

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

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

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

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

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

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

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

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

  .privacy ol {
    counter-reset: policyCounter
  }

  .privacy ol>li {
    display: flex
  }

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

  .privacy ol>li+ul {
    margin-top: 34px
  }

  .privacy ol>li p {
    margin-bottom: 0
  }

  .privacy ul {
    margin-bottom: 34px
  }

  .privacy ul li {
    display: flex
  }

  .privacy ul li:before {
    color: #596573;
    content: "•";
    flex-shrink: 0;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 34px;
    text-align: center;
    width: 30px
  }

  .privacy ul li p {
    margin-bottom: 0
  }

  .service-hero {
    background-color: #f4f7fa;
    padding-top: 124px
  }

  .service-hero-wrapper {
    background-color: #131a58;
    border-radius: 50px;
    color: #fff;
    padding: 48px 0 45px
  }

  @media(min-width:768px) {
    .service-hero-wrapper {
      align-items: center;
      display: flex;
      height: 450px;
      padding: 0
    }
  }

  @media(min-width:1100px) {
    .service-hero-wrapper {
      height: 600px
    }
  }

  .service-hero-content {
    margin-bottom: 46px;
    padding-inline: 24px
  }

  @media(min-width:768px) {
    .service-hero-content {
      flex-basis: 50%;
      margin-bottom: 0;
      max-width: 550px;
      padding-inline: 0;
      padding-left: 64px
    }
  }

  .service-hero-title.h1 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.04em;
    margin-bottom: 16px
  }

  @media(min-width:950px) {
    .service-hero-title.h1 {
      font-size: 48px;
      font-weight: 800;
      line-height: 60px
    }
  }

  .service-hero-caption {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-bottom: 32px;
    opacity: .8
  }

  .service-hero-image {
    position: relative
  }

  .service-hero-image:after {
    background: linear-gradient(180deg, #131a58, transparent);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  @media(min-width:768px) {
    .service-hero-image:after {
      background: linear-gradient(90deg, #131a58, transparent 50%)
    }
  }

  .service-hero-image:before {
    background: linear-gradient(180deg, transparent, #131a58);
    bottom: 0;
    content: "";
    height: 10%;
    left: 0;
    position: absolute;
    width: 100%
  }

  @media(min-width:768px) {
    .service-hero-image:before {
      display: none
    }
  }

  .service-hero-image.iot {
    background-image: url(static/iot-hero-small-dc54067705657b165ed997dc343f6885.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 290px;
    margin-inline: 11px
  }

  @media(min-width:768px) {
    .service-hero-image.iot {
      background-image: url(static/iot-hero-big-b39921a856d896fb75d1d26dae376905.png);
      background-position: 100%;
      background-size: 130%;
      height: 100%;
      margin-inline: 0
    }
  }

  @media(min-width:1100px) {
    .service-hero-image.iot {
      background-size: 120%
    }
  }

  @media(min-width:768px) {
    .service-hero-image {
      flex: 1 1;
      flex-basis: 50%;
      padding-right: 36px
    }
  }

  .service-clients {
    background-color: #f4f7fa;
    padding-top: 80px
  }

  @media(min-width:768px) {
    .service-clients {
      padding-top: 100px
    }
  }

  .service-clients-title.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-bottom: 32px;
    text-align: center
  }

  @media(min-width:950px) {
    .service-clients-title.h2 {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 70px
    }
  }

  .service-clients-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 36px;
    justify-content: center
  }

  @media(min-width:720px) {
    .service-clients-logos {
      justify-content: space-between
    }
  }

  .service-why-us {
    background-color: #f4f7fa;
    padding-top: 80px
  }

  @media(min-width:768px) {
    .service-why-us {
      padding-top: 100px
    }

    .service-why-us-wrapper {
      align-items: center;
      display: flex;
      gap: 18px;
      justify-content: space-between
    }
  }

  .service-why-us-details {
    margin-bottom: 20px
  }

  @media(min-width:768px) {
    .service-why-us-details {
      flex: 1 1;
      margin: 0;
      max-width: 500px
    }
  }

  .service-why-us-title.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-bottom: 20px
  }

  @media(min-width:950px) {
    .service-why-us-title.h2 {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 24px
    }
  }

  .service-why-us-paragraph {
    margin-bottom: 20px
  }

  .service-why-us-paragraph:last-child {
    margin-bottom: 0
  }

  .service-why-us-images {
    display: flex;
    gap: 13px;
    justify-content: center
  }

  @media(min-width:768px) {
    .service-why-us-images {
      flex: 1 1;
      justify-content: flex-end
    }
  }

  .service-why-us-image-container:first-child {
    margin-top: 50px
  }

  .service-why-us-image {
    max-height: 380px
  }

  @media(min-width:768px) {
    .service-why-us-image {
      max-height: 473px
    }
  }

  .service-offer {
    background-color: #f4f7fa;
    padding-top: 80px
  }

  @media(min-width:768px) {
    .service-offer {
      padding-top: 100px
    }
  }

  .service-offer-title.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-bottom: 8px;
    text-align: center
  }

  @media(min-width:950px) {
    .service-offer-title.h2 {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 24px
    }
  }

  .service-offer-caption {
    margin-bottom: 32px;
    margin-inline: auto;
    max-width: 650px;
    text-align: center
  }

  @media(min-width:950px) {
    .service-offer-caption {
      margin-bottom: 64px
    }
  }

  @media(min-width:1100px) {
    .service-offer-caption {
      margin-inline: 0;
      max-width: none
    }
  }

  .service-offer-list {
    align-content: space-between;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(auto, 345px));
    justify-content: center
  }

  @media(min-width:885px) {
    .service-offer-list {
      gap: 24px;
      grid-template-columns: repeat(auto-fill, minmax(auto, 397px))
    }
  }

  .service-offer-item {
    background: #fff;
    border: 2px solid #eaeaea;
    border-radius: 20px;
    padding: 22px
  }

  .service-offer-item__image {
    border-radius: 20px;
    height: 200px;
    margin-bottom: 24px;
    -o-object-fit: cover;
    object-fit: cover
  }

  .service-offer-item__title.h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px
  }

  .service-offer-contact {
    align-items: center;
    background: #1780ff;
    border: none;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 430px;
    padding: 24px;
    text-align: center
  }

  .service-offer-contact__icon {
    margin-bottom: 40px
  }

  .service-offer-contact__text {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 115%;
    margin-bottom: 24px
  }

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

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

  .service-help-title.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-bottom: 32px;
    text-align: center
  }

  @media(min-width:950px) {
    .service-help-title.h2 {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 64px
    }
  }

  .service-help-list {
    grid-column-gap: 16px;
    grid-row-gap: 48px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(auto, 345px));
    justify-content: center
  }

  @media(min-width:885px) {
    .service-help-list {
      grid-column-gap: 24px;
      grid-template-columns: repeat(auto-fill, minmax(auto, 397px))
    }
  }

  .service-help-item {
    display: flex;
    gap: 16px
  }

  .service-help-item__number {
    color: #1780ff;
    font-size: 24px;
    font-weight: 800;
    line-height: 115%
  }

  .service-help-item__title.h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px
  }

  .service-technologies {
    background-color: #fff;
    padding-bottom: 100px;
    padding-top: 100px
  }

  .service-technologies-title.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-bottom: 32px;
    text-align: center
  }

  @media(min-width:950px) {
    .service-technologies-title.h2 {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 64px
    }
  }

  .service-technologies-list {
    display: grid;
    margin-bottom: 32px;
    row-gap: 40px
  }

  @media(min-width:768px) {
    .service-technologies-list {
      grid-template-columns: 1fr 1fr
    }
  }

  @media(min-width:950px) {
    .service-technologies-list {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      margin-bottom: 64px
    }
  }

  .service-technologies-column__header {
    border-bottom: 1px solid #000000;
    color: #1780ff;
    font-size: 14px;
    font-weight: 700;
    line-height: 130%;
    padding-bottom: 18px;
    text-transform: uppercase
  }

  @media(min-width:950px) {
    .service-technologies-column__header {
      padding-bottom: 32px
    }
  }

  .service-technologies-column__list {
    color: #131a58;
    display: flex;
    flex-direction: column;
    transform: max-height .3s
  }

  .service-technologies-column__item {
    align-items: flex-end;
    display: flex;
    font-size: 18px;
    font-weight: 400;
    height: 63px;
    line-height: 130%;
    max-height: 63px;
    opacity: 1;
    overflow: hidden;
    transition: max-height .3s, opacity .15s .15s
  }

  .service-technologies-column__item span {
    color: #596573;
    font-size: 14px;
    margin-left: 8px;
    opacity: 0;
    transition: opacity .3s
  }

  .service-technologies-column__item:first-child {
    height: 50px
  }

  @media(min-width:950px) {
    .service-technologies-column__item:first-child {
      height: 56px
    }
  }

  .service-technologies-column_closed .service-technologies-column__item span {
    opacity: 1
  }

  .service-technologies-column_closed .service-technologies-column__item:nth-child(3)~.service-technologies-column__item {
    max-height: 0;
    opacity: 0;
    transition-delay: 0s
  }

  .service-technologies .text-button {
    display: block;
    line-height: 20px;
    margin: 0 auto
  }

  .service-waterfall {
    background-color: #f4f7fa;
    padding-top: 80px
  }

  @media(min-width:950px) {
    .service-waterfall {
      padding-top: 100px
    }
  }

  .service-waterfall-title.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-bottom: 32px;
    text-align: center
  }

  @media(min-width:950px) {
    .service-waterfall-title.h2 {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 64px
    }
  }

  .service-waterfall-list {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px
  }

  .service-waterfall-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 600px
  }

  .service-waterfall-item__title {
    border-radius: 10px;
    font-weight: 800;
    line-height: 20px;
    padding: 20px 24px
  }

  .service-waterfall-item__title.yellow {
    background: #ffce1f;
    color: #131a58
  }

  .service-waterfall-item__title.orange {
    background: #fd7e2e;
    color: #fff
  }

  .service-waterfall-item__title.darkblue {
    background: #131a58;
    color: #fff
  }

  .service-waterfall-item__title.brightblue {
    background: #51c2fd;
    color: #fff
  }

  .service-waterfall-item__title.blue {
    background: #1780ff;
    color: #fff
  }

  .service-waterfall-item__title.pink {
    background: #fa51fd;
    color: #fff
  }

  .service-waterfall-item__title.white {
    background: #fff;
    color: #131a58
  }

  .service-waterfall-item__caption {
    background: #fff;
    border-radius: 20px;
    padding: 24px
  }

  @media(min-width:1024px) {
    .service-waterfall-list {
      background-blend-mode: lighten;
      background-image: linear-gradient(180deg, #e2e2e2, hsla(0, 0%, 92%, 0)), linear-gradient(90deg, transparent 1px, #f4f7fa 0, #f4f7fa);
      background-repeat: repeat-x;
      background-size: 100%, 82px 100%;
      display: grid;
      gap: 12px;
      grid-template-columns: repeat(20, 1fr);
      position: relative
    }

    .service-waterfall-list.hoverOff {
      pointer-events: none
    }

    .service-waterfall-list.waterfall-visible .service-waterfall-item:first-child .service-waterfall-item__title {
      animation: reveal .8s;
      animation-delay: .5s;
      animation-fill-mode: backwards;
      overflow: hidden;
      transform: scaleX(1);
      transform-origin: left;
      visibility: visible
    }

    .service-waterfall-list.waterfall-visible .service-waterfall-item:nth-child(2) .service-waterfall-item__title {
      animation: reveal .8s;
      animation-delay: 1s;
      animation-fill-mode: backwards;
      overflow: hidden;
      transform: scaleX(1);
      transform-origin: left;
      visibility: visible
    }

    .service-waterfall-list.waterfall-visible .service-waterfall-item:nth-child(3) .service-waterfall-item__title {
      animation: reveal .8s;
      animation-delay: 1.5s;
      animation-fill-mode: backwards;
      overflow: hidden;
      transform: scaleX(1);
      transform-origin: left;
      visibility: visible
    }

    .service-waterfall-list.waterfall-visible .service-waterfall-item:nth-child(4) .service-waterfall-item__title {
      animation: reveal .8s;
      animation-delay: 2s;
      animation-fill-mode: backwards;
      overflow: hidden;
      transform: scaleX(1);
      transform-origin: left;
      visibility: visible
    }

    .service-waterfall-list.waterfall-visible .service-waterfall-item:nth-child(5) .service-waterfall-item__title {
      animation: reveal .8s;
      animation-delay: 2.5s;
      animation-fill-mode: backwards;
      overflow: hidden;
      transform: scaleX(1);
      transform-origin: left;
      visibility: visible
    }

    .service-waterfall-list.waterfall-visible .service-waterfall-item:nth-child(6) .service-waterfall-item__title {
      animation: reveal .8s;
      animation-delay: 3s;
      animation-fill-mode: backwards;
      overflow: hidden;
      transform: scaleX(1);
      transform-origin: left;
      visibility: visible
    }

    .service-waterfall-list.waterfall-visible .service-waterfall-item:nth-child(7) .service-waterfall-item__title {
      animation: reveal .8s;
      animation-delay: 3.5s;
      animation-fill-mode: backwards;
      overflow: hidden;
      transform: scaleX(1);
      transform-origin: left;
      visibility: visible
    }

    .service-waterfall-list.waterfall-visible .service-waterfall-item:nth-child(8) .service-waterfall-item__title {
      animation: reveal .8s;
      animation-delay: 4s;
      animation-fill-mode: backwards;
      overflow: hidden;
      transform: scaleX(1);
      transform-origin: left;
      visibility: visible
    }

    .service-waterfall-list.waterfall-visible .service-waterfall-item:nth-child(9) .service-waterfall-item__title {
      animation: reveal .8s;
      animation-delay: 4.5s;
      animation-fill-mode: backwards;
      overflow: hidden;
      transform: scaleX(1);
      transform-origin: left;
      visibility: visible
    }

    .service-waterfall-list.waterfall-visible .service-waterfall-item:nth-child(10) .service-waterfall-item__title {
      animation: reveal .8s;
      animation-delay: 5s;
      animation-fill-mode: backwards;
      overflow: hidden;
      transform: scaleX(1);
      transform-origin: left;
      visibility: visible
    }

    @keyframes reveal {
      0% {
        transform: scaleX(0)
      }
    }

    .service-waterfall-item {
      display: block;
      max-width: none;
      min-width: 0
    }

    .service-waterfall-item:first-child {
      grid-row-start: 1
    }

    .service-waterfall-item:nth-child(2) {
      grid-row-start: 2
    }

    .service-waterfall-item:nth-child(3) {
      grid-row-start: 3
    }

    .service-waterfall-item:nth-child(4) {
      grid-row-start: 4
    }

    .service-waterfall-item:nth-child(5) {
      grid-row-start: 5
    }

    .service-waterfall-item:nth-child(6) {
      grid-row-start: 6
    }

    .service-waterfall-item:nth-child(7) {
      grid-row-start: 7
    }

    .service-waterfall-item:nth-child(8) {
      grid-row-start: 8
    }

    .service-waterfall-item:nth-child(9) {
      grid-row-start: 9
    }

    .service-waterfall-item:nth-child(10) {
      grid-row-start: 10
    }

    .service-waterfall-item__title {
      visibility: hidden
    }

    .service-waterfall-item__caption {
      background: #fff;
      border: 2px solid #ffce1f;
      bottom: 0;
      left: 0;
      max-width: 548px;
      opacity: 0;
      padding: 24px;
      position: absolute;
      text-align: center;
      transition: opacity .3s
    }

    .service-waterfall-item__title.active+.service-waterfall-item__caption {
      opacity: 1;
      z-index: 20
    }

    .service-waterfall-item__title.active {
      transition: box-shadow .3s
    }

    .service-waterfall-item__title.active.yellow {
      box-shadow: 0 8px 64px rgba(255, 206, 31, .6)
    }

    .service-waterfall-item__title.active.orange {
      box-shadow: 0 8px 64px rgba(253, 126, 46, .6)
    }

    .service-waterfall-item__title.active.darkblue {
      box-shadow: 0 8px 64px rgba(19, 26, 88, .6)
    }

    .service-waterfall-item__title.active.brightblue {
      box-shadow: 0 8px 64px rgba(81, 194, 253, .6)
    }

    .service-waterfall-item__title.active.blue {
      box-shadow: 0 8px 64px rgba(23, 128, 255, .6)
    }

    .service-waterfall-item__title.active.pink {
      box-shadow: 0 8px 64px rgba(250, 81, 253, .6)
    }

    .service-waterfall-item__title.active.white {
      box-shadow: 0 8px 64px hsla(0, 0%, 100%, .6)
    }
  }

  .service-profile {
    background-color: #f4f7fa;
    padding-top: 80px
  }

  @media(min-width:768px) {
    .service-profile {
      padding-top: 100px
    }
  }

  .service-profile-title.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-bottom: 32px;
    padding: 0 70px;
    text-align: center
  }

  @media(min-width:420px) {
    .service-profile-title.h2 {
      padding: 0
    }
  }

  @media(min-width:950px) {
    .service-profile-title.h2 {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 64px
    }
  }

  .service-profile-wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 24px
  }

  @media(min-width:950px) {
    .service-profile-wrapper {
      flex-direction: row;
      gap: 64px
    }
  }

  .service-profile-imageContainer {
    aspect-ratio: 1/1;
    border-radius: 20px;
    min-height: 327px;
    overflow: hidden
  }

  @media(min-width:500px) {
    .service-profile-imageContainer {
      height: 450px
    }
  }

  @media(min-width:950px) {
    .service-profile-imageContainer {
      flex-basis: 50%;
      height: auto
    }
  }

  .service-profile-image {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    width: 100%
  }

  .service-profile-content {
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 40px
  }

  @media(min-width:768px) {
    .service-profile-content {
      flex-basis: 50%
    }
  }

  @media(min-width:950px) {
    .service-profile-content svg {
      margin-bottom: 20px
    }
  }

  .service-profile-content .button {
    align-self: flex-start
  }

  .service-profile-paragraph {
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%
  }

  @media(min-width:950px) {
    .service-profile-paragraph {
      font-size: 18px
    }
  }

  .service-profile-details {
    background: #f5f9ff;
    border-radius: 20px;
    color: #596573;
    padding: 24px
  }

  .service-profile-details__name {
    color: #131a58;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px;
    margin-bottom: 4px
  }

  .service-profile-details__role {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px
  }

  .service-profile-details__caption {
    font-size: 14px;
    font-weight: 500
  }

  .service-posts {
    background-color: #f4f7fa;
    padding-top: 80px
  }

  @media(min-width:768px) {
    .service-posts {
      padding-top: 100px
    }
  }

  .service-posts-title.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-bottom: 32px;
    text-align: center
  }

  @media(min-width:950px) {
    .service-posts-title.h2 {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 64px
    }
  }

  .service-posts-list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center
  }

  .service-posts-item {
    background: #fff;
    border: 2px solid #eaeaea;
    border-radius: 19px;
    max-width: 404px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: border-color .3s, box-shadow .3s
  }

  .service-posts-item:hover {
    border-color: #ffce1f;
    box-shadow: 0 0 50px rgba(13, 21, 68, .15)
  }

  .service-posts-item:hover .service-posts-item__hoverIndicator {
    opacity: 1
  }

  .service-posts-item__image {
    display: block
  }

  .service-posts-item__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    padding: 24px 32px
  }

  @media(min-width:850px) {
    .service-posts-item__content {
      gap: 8px;
      height: 177px;
      padding: 32px
    }
  }

  .service-posts-item__title.h4 {
    color: #131a58;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 124%
  }

  .service-posts-item__category,
  .service-posts-item__date {
    color: #596573;
    font-size: 12px;
    line-height: 15px
  }

  .service-posts-item__category {
    align-items: center;
    display: inline-flex;
    gap: 12px;
    margin-right: 12px
  }

  .service-posts-item__category:after {
    background: #596573;
    border-radius: 50%;
    content: "";
    height: 4px;
    width: 4px
  }

  .service-posts-item__hoverIndicator {
    align-items: center;
    background-color: #fff;
    border-radius: 18px;
    color: #131a58;
    display: flex;
    font: inherit;
    font-weight: 500;
    margin: 16px 16px 0 0;
    opacity: 0;
    padding: 12px 30px 12px 24px;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s
  }

  .service-posts-item__hoverIndicator svg {
    margin-left: 14px
  }

  .service-faq {
    background-color: #f4f7fa;
    padding-top: 80px
  }

  @media(min-width:768px) {
    .service-faq {
      padding-top: 100px
    }
  }

  .service-faq-title.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-bottom: 8px;
    text-align: center
  }

  @media(min-width:950px) {
    .service-faq-title.h2 {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 24px
    }
  }

  .service-faq-caption {
    margin-bottom: 32px;
    margin-inline: auto;
    max-width: 800px;
    text-align: center
  }

  @media(min-width:950px) {
    .service-faq-caption {
      margin-bottom: 64px
    }
  }

  .service-faq-list {
    border-bottom: 1px solid rgba(19, 26, 88, .1);
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(auto-fill, minmax(auto, 500px));
    justify-content: center;
    padding-bottom: 80px
  }

  @media(min-width:768px) {
    .service-faq-list {
      padding-bottom: 100px
    }
  }

  @media(min-width:1100px) {
    .service-faq-list {
      justify-content: space-between
    }
  }

  .service-faq-item__question {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px;
    margin-bottom: 16px
  }

  .tools_darker {
    background-color: #f4f7fa
  }

  .tools__title.h3 {
    margin-bottom: 52px;
    text-align: center
  }

  .tools-item {
    border-radius: 10px;
    box-shadow: 0 0 0 transparent;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 260px;
    padding: 16px;
    transition: box-shadow .3s;
    width: 260px
  }

  .tools-item:hover {
    box-shadow: 0 0 16px rgba(0, 0, 0, .4)
  }

  .tools-item:hover>svg {
    transform: scale(1.2)
  }

  .tools-item div {
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    height: 56px;
    justify-content: center;
    margin-bottom: 16px;
    width: 56px
  }

  .tools-item h2.h4 {
    font-size: 20px;
    font-weight: 800;
    line-height: 25px;
    margin-bottom: 13px
  }

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

  .tools-item>svg {
    height: 16px;
    margin-top: auto;
    transform: scale(1);
    transition: transform .3s;
    width: 16px
  }

  .tools {
    padding-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .tools {
      padding-bottom: 100px;
      padding-top: 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-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .technologies.technologies_retail {
      padding-bottom: 100px;
      padding-top: 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;
    max-width: 376px;
    text-align: left
  }

  @media(min-width:1024px) {
    .technologies-hero .tools__title {
      font-size: 64px;
      max-width: 686px
    }
  }

  .technologies-achieve {
    background-color: #f4f7fa;
    padding-bottom: 50px
  }

  @media(min-width:1024px) {
    .technologies-achieve {
      padding-bottom: 100px
    }
  }

  .technologies-achieve>div>h2.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 60px;
    margin-bottom: 32px
  }

  @media(min-width:1024px) {
    .technologies-achieve>div>h2.h2 {
      font-size: 48px;
      margin-bottom: 48px
    }
  }

  @media(min-width:768px) {
    .technologies-achieve ul {
      display: flex;
      margin: 0 -12px
    }
  }

  .technologies-achieve li {
    background-color: #fff;
    border: 2px solid;
    border-radius: 20px;
    margin-bottom: 24px;
    padding: 40px 32px
  }

  @media(min-width:768px) {
    .technologies-achieve li {
      margin: 0 12px;
      width: calc(33.33333% - 24px)
    }
  }

  @media(min-width:1024px) {
    .technologies-achieve li {
      box-shadow: 0 0 0 rgba(0, 0, 0, .08);
      transition: box-shadow .3s
    }

    .technologies-achieve li:hover {
      box-shadow: 0 0 50px rgba(0, 0, 0, .08)
    }
  }

  .technologies-achieve li:first-child {
    border-color: #1780ff
  }

  .technologies-achieve li:nth-child(2) {
    border-color: #ffce1f
  }

  .technologies-achieve li:nth-child(3) {
    border-color: #131a58;
    margin-bottom: 0
  }

  .technologies-achieve li a {
    color: #131a58;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px
  }

  .technologies-achieve li div {
    height: 32px;
    margin-bottom: 24px;
    width: 32px
  }

  .technologies-achieve li h2.h2 {
    font: inherit
  }

  .thank {
    background-color: #f4f7fa;
    padding-bottom: 65px;
    padding-top: 70px;
    text-align: center
  }

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

  .thank-img {
    margin-bottom: 11px
  }

  .thank__title.h1 {
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 12px
  }

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

  .thank__caption {
    color: #596573;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
  }

  .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-text-fill-color: #131a58;
    color: #131a58 !important;
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    transition: background-color 5000s ease-in-out 0s !important
  }

  @media(min-width:1024px) {
    .light .contact-form {
      margin: 0 auto;
      width: 70%
    }
  }

  .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)
    }

    .light .contact-form-row_inline:first-child {
      margin-right: 24px
    }
  }

  .light .contact-form__input,
  .light .contact-form__text-area {
    border-bottom: 1px solid rgba(19, 26, 88, .35);
    color: #131a58;
    margin-bottom: 21px
  }

  .light .contact-form__input::placeholder,
  .light .contact-form__text-area::placeholder {
    color: rgba(19, 26, 88, .35);
    font-size: 18px;
    letter-spacing: -.01em;
    line-height: 150%
  }

  .light .contact-form__text-area~.contact-form__invalid {
    bottom: auto;
    top: 100%
  }

  .light .contact-form__invalid {
    bottom: 0;
    color: #dc3545;
    top: auto
  }

  .light .contact-form__checkbox-checkmark {
    border: 2px solid rgba(19, 26, 88, .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-bottom: 50px;
    padding-top: 50px
  }

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

  .contact__title.h1 {
    font-size: 45px;
    margin-bottom: 32px;
    text-align: center
  }

  @media(min-width:1024px) {
    .contact__title.h1 {
      font-size: 64px;
      line-height: 115%
    }
  }

  .contact-items {
    border-top: 1px solid rgba(19, 26, 88, .1);
    margin: 30px auto 0;
    max-width: 300px;
    padding-top: 40px
  }

  @media(min-width:768px) {
    .contact-items {
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin-top: 64px;
      max-width: none;
      padding-top: 48px
    }
  }

  .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-size: 18px;
    font-weight: 700;
    line-height: 150%
  }

  .contact-items-row h3 {
    letter-spacing: normal;
    margin-bottom: 0
  }

  .contact-items-row h3 a {
    color: #1780ff
  }

  .contact-items-row a {
    align-items: center;
    color: #1780ff;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px
  }

  .contact-items-row a svg {
    flex-shrink: 0;
    height: 28px;
    margin-right: 16px;
    width: 28px
  }

  .contact-items-row a span {
    color: #131a58;
    font: inherit;
    line-height: inherit
  }

  .contact-items-row a:hover {
    text-decoration: underline
  }

  .offices {
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  .offices h2 {
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 50px;
    margin-bottom: 32px
  }

  @media(min-width:1024px) {
    .offices h2 {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 65px
    }
  }

  .offices-item {
    background-color: #f4f7fa;
    border-radius: 20px;
    margin-bottom: 16px;
    padding: 24px
  }

  @media(min-width:600px) {
    .offices-item {
      display: flex;
      justify-content: space-between;
      padding: 48px
    }
  }

  .offices-item .country-flag {
    flex-shrink: 0;
    height: 40px;
    margin-right: 24px;
    padding-left: 40px;
    width: 40px
  }

  .offices-item .country-flag:before {
    height: 40px;
    width: 40px
  }

  @media(min-width:600px) {
    .offices-item-inner {
      flex-shrink: 0;
      margin-right: 32px
    }
  }

  .offices-header {
    align-items: center;
    display: flex;
    margin-bottom: 20px
  }

  @media(min-width:1024px) {
    .offices-header {
      margin-bottom: 40px
    }
  }

  .offices-header-text h3 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 115%;
    margin-bottom: 4px
  }

  @media(min-width:1024px) {
    .offices-header-text h3 {
      font-size: 36px
    }
  }

  .offices-header-text span {
    color: #1780ff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 18px
  }

  @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 {
    color: #131a58;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
  }

  .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 {
      height: 301px;
      max-width: unset;
      width: 475px
    }
  }

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

  @font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    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")
  }

  :root {
    --swiper-theme-color: black
  }

  .swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
  }

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

  .swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
  }

  .swiper-android .swiper-slide,
  .swiper-wrapper {
    transform: translateZ(0)
  }

  .swiper-pointer-events {
    touch-action: pan-y
  }

  .swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
  }

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

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

  .swiper-autoheight,
  .swiper-autoheight .swiper-slide {
    height: auto
  }

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

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

  .swiper-3d,
  .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
  }

  .swiper-3d .swiper-cube-shadow,
  .swiper-3d .swiper-slide,
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-bottom,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
  }

  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-bottom,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
  }

  .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
  }

  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
  }

  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
  }

  .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
  }

  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
  }

  .swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
  }

  .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
  }

  .swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
  }

  .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
  }

  .swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
  }

  .swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
  }

  .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
  }

  .swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
  }

  .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
  }

  .swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
  }

  .swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
  }

  :root {
    --swiper-navigation-size: 44px
  }

  .swiper-button-next,
  .swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
  }

  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
  }

  .swiper-button-next.swiper-button-hidden,
  .swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
  }

  .swiper-navigation-disabled .swiper-button-next,
  .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
  }

  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
  }

  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    content: "prev"
  }

  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
  }

  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    content: "next"
  }

  .swiper-button-lock {
    display: none
  }

  .jobs {
    background-color: #161616;
    padding-bottom: 50px;
    padding-top: 50px
  }

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

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

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

  .jobs-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px
  }

  @media(min-width:768px) {
    .jobs-list {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      margin: 0 -12px 8px
    }
  }

  .jobs-item {
    background-color: #131a58;
    border-radius: 20px;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin: 0 auto 24px;
    max-width: 500px;
    padding: 68px 32px 48px;
    position: relative
  }

  .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 {
      margin: 0 12px 24px;
      width: calc(50% - 24px)
    }
  }

  @media(min-width:1200px) {
    .jobs-item {
      width: calc(33.33333% - 24px)
    }
  }

  .jobs-item:before {
    background-color: #1780ff;
    border-radius: 20px 20px 0 0;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .jobs-item_yellow:before {
    background-color: #ffce1f
  }

  .jobs-item_light-blue:before {
    background-color: #cce3ff
  }

  .jobs-item__title {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 115%;
    margin-bottom: 12px
  }

  @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-size: 16px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 170%
  }

  .jobs-item__description {
    color: #f4f7fa;
    margin-bottom: 37px;
    opacity: .5
  }

  .jobs-item-bottom {
    margin-top: auto
  }

  .jobs-item-bottom__caption {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-right: 48px
  }

  .jobs-item-bottom__caption:last-child {
    margin-right: 0
  }

  .jobs-item_last {
    background-color: #592900;
    /* background-image: url(static/gradient-bg-24aea4cc25253ce23cdd31c5f8d9fa1a.png); */
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 28px
  }

  .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-left: auto;
    margin-top: auto
  }

  .jobs-note {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 18px
  }

  .jobs-note svg {
    height: 18px;
    margin-right: 12px;
    width: 22px
  }

  .jobs-security {
    color: #596573;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
  }

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

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

  .dev-frameworks_java .dev-frameworks-list {
    position: relative
  }

  .dev-frameworks_java .dev-frameworks-list:after {
    background-color: #596573;
    bottom: -50px;
    content: "";
    height: 1px;
    left: 50%;
    opacity: .2;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% - 48px)
  }

  @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 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 12px;
    text-align: center
  }

  @media(min-width:1024px) {
    .dev-frameworks__title.h2 {
      font-size: 48px
    }
  }

  .dev-frameworks__caption.h3 {
    color: #596573;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 170%;
    margin-bottom: 32px;
    text-align: center
  }

  @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 {
    align-items: center;
    display: flex;
    height: 50px;
    margin: 0 auto 11px;
    width: 50px
  }

  .dev-frameworks-item__title.h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center
  }

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

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

  .dev-hero_dark {
    background-color: #131a58;
    color: #fff
  }

  @media(min-width:1024px) {
    .dev-hero_dark {
      padding-bottom: 139px;
      padding-top: 179px
    }
  }

  .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 {
    color: #fff;
    max-width: 418px
  }

  .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
    }

    .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 {
      align-items: center;
      display: flex;
      justify-content: space-between
    }
  }

  .dev-hero-wrp:after {
    background-color: #596573;
    bottom: -50px;
    content: "";
    height: 1px;
    left: 50%;
    opacity: .2;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
  }

  @media(min-width:1024px) {
    .dev-hero-wrp:after {
      bottom: -100px
    }
  }

  .dev-hero-main {
    margin-right: 32px
  }

  .dev-hero__title.h1 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 12px;
    max-width: 608px
  }

  @media(min-width:1024px) {
    .dev-hero__title.h1 {
      font-size: 48px
    }
  }

  .dev-hero__title.h1 span {
    color: #1780ff;
    font: inherit;
    line-height: inherit
  }

  .dev-hero__caption {
    color: #596573;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-bottom: 32px;
    max-width: 503px;
    opacity: .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, .1))
  }

  .recommend-clutch {
    text-align: center
  }

  @media(min-width:1024px) {
    .recommend-clutch {
      flex-shrink: 0;
      max-width: 300px
    }
  }

  .recommend-clutch-img {
    margin-bottom: 12px
  }

  .recommend-clutch-img img {
    height: 283px;
    width: 262px
  }

  .recommend-clutch .five-stars__sprite {
    background-size: 28px 27px;
    height: 27px;
    margin: 0 auto 14px;
    width: 167px
  }

  .recommend-clutch p {
    font-size: 16px;
    font-weight: 400;
    line-height: 170%
  }

  .recommend-clutch p span {
    color: #1780ff;
    font-weight: 700
  }

  .recommend-clutch p a {
    color: #131a58;
    font-weight: 700;
    text-decoration: underline
  }

  @media(min-width:1024px) {
    .recommend-clutch p a:hover {
      text-decoration: none
    }
  }
  .about-hero{
    background-image: url(image/About-us-2nd.jpg);
    /* background-position: ; */
    background-repeat: no-repeat;
    background-size: cover;
  }

  .breadcrumbs{
    align-items: center;
    display: flex;
    font-size: 14px;
    gap: 18px;
    margin-bottom: 13px;
    background-color: #fff;
  }

  .breadcrumbs_about {
    align-items: center;
    display: flex;
    font-size: 14px;
    gap: 18px;
    margin-bottom: 18px;
    background-color: #000000;
    background-image: url(../../image/about-main-ban.png);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 475px;
    margin-top: -120px;
}

  .breadcrumbs-link {
    color: #98a4b2
  }

  .breadcrumbs-link:not(:last-child):hover {
    color: #1780ff
  }

  .breadcrumbs-link:hover path {
    fill: #1780ff
  }

  .breadcrumbs-link {
    display: flex;
    gap: 18px
  }

  .breadcrumbs-link:not(:first-child):before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='8' fill='none' viewBox='0 0 6 8'%3E%3Cpath fill='%2398A4B3' d='M4.885 3.527 2.06.7a.667.667 0 1 0-.947.94L3.472 4l-2.36 2.36a.667.667 0 0 0 .217 1.084c.081.033.168.05.256.05A.667.667 0 0 0 2.06 7.3l2.826-2.827a.666.666 0 0 0 0-.946Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    width: 6px
  }

  .breadcrumbs-link:last-child {
    font-weight: 700
  }

  .breadcrumbs-link_light {
    color: #fff
  }

  .breadcrumbs-link_dark {
    color: #131a58
  }

  .breadcrumbs-homeIcon {
    align-items: center;
    display: flex;
    justify-content: center
  }

  .case-hero {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-top: 35px;
    text-align: center
  }

  .case-hero_top-title {
    padding-bottom: 110px;
    padding-top: 25px
  }

  .case-hero_top-title h1 {
    font-size: 26px
  }

  .case-hero_darker {
    position: relative
  }

  .case-hero_darker:after {
    background-color: #01101f;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
  }

  .case-hero_darker .container {
    position: relative;
    z-index: 5
  }

  .case-hero__title {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 20px;
    text-transform: uppercase
  }

  .case-hero__title_orange span {
    color: #fbb315
  }

  .case-hero__title span {
    font-size: inherit;
    font-weight: inherit
  }

  .case-hero__subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    padding-bottom: 8px;
    text-transform: uppercase
  }

  .case-hero.enterprise .case-hero_additional-bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: -110px;
    min-height: 42vw
  }

  .case-study__title {
    padding: 40px 15px;
    text-align: center
  }

  .case-study__title_blue {
    background-color: white;
  }

  .case-study__title_green {
    background-color:  white;
  }

  .case-study__title_orange {
    background-color: white;
  }

  .case-study__title_darkblue {
    background-color:  white;
  }

  .case-study__title_darkblue h3 span {
    color: white;
  }

  .case-study__title h3 {
    color: white;
    font-size: 26px;
    text-transform: uppercase
  }

  .case-study__title span {
    color: #fff;
    font-size: inherit;
    font-weight: 300
  }

  .case-study-list {
    margin-bottom: 35px;
    padding: 75px 0 0 35px;
    position: relative
  }

  .case-study-list:before {
    background: #c8c9c9;
    content: "";
    height: calc(100% - 138px);
    left: 4px;
    position: absolute;
    top: 90px;
    width: 1px
  }

  .case-study-item {
    margin-bottom: 24px;
    position: relative
  }

  .case-study-item:before {
    background: #46a5d7;
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 2px 2px 2px #ccc;
    content: "";
    height: 9px;
    left: -40px;
    position: absolute;
    top: 8px;
    width: 9px
  }

  .case-study-item h4 {
    font-size: 24px;
    margin-bottom: 8px;
    padding-bottom: 25px;
    text-transform: uppercase
  }

  .case-study-pilot__pic {
    display: block;
    margin: 0 auto;
    max-width: 525px;
    text-align: center;
    width: 100%
  }

  .case-study-pilot p {
    margin-bottom: 24px
  }

  .case-study-pilot p span,
  .case-study-pilot p strong {
    display: block;
    padding-bottom: 0;
    padding-top: 35px
  }

  .case-study-pilot strong {
    display: inline-block;
    padding-bottom: 15px
  }

  .case-study-pilot-list {
    margin-bottom: 35px
  }

  .case-study-pilot-item {
    line-height: 2;
    padding-left: 35px;
    position: relative
  }

  .case-study-pilot-item:before {
    background-color: #404040;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 5px;
    position: absolute;
    top: 14px;
    width: 4px
  }

  .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 {
    max-width: 100%;
    width: auto
  }

  .case-result {
    background-color: #69a1a4;
    margin-bottom: -40px;
    padding-top: 60px;
    text-align: center
  }

  .case-result-title {
    margin-bottom: 50px
  }

  .case-result-title h3 {
    color: #fff;
    font-size: 26px;
    text-transform: uppercase
  }

  .case-result-title h3 span {
    color: #01101f;
    font-size: inherit;
    font-weight: 300
  }

  .case-result-wrp {
    background-color: #1d2033;
    box-shadow: 0 0 24px 6px rgba(0, 0, 0, .2);
    margin: 0 auto;
    max-width: 540px;
    padding-top: 20px;
    position: relative
  }

  .case-result-item {
    padding: 35px 15px 0
  }

  .case-result-item i {
    color: #19764d;
    font-size: 52px
  }

  .case-result-item svg {
    margin: 0 auto;
    max-height: 222px;
    max-width: 222px
  }

  .case-result-item p {
    color: #fff;
    padding: 10px 15px 55px
  }

  .case-with-bg {
    color: #fff;
    padding: 80px 0 120px;
    text-align: center
  }

  .case-with-bg_blue-overlay {
    position: relative
  }

  .case-with-bg_blue-overlay:after {
    background-color: #1d2033;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .9;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    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 {
      align-items: center;
      display: flex;
      height: 50vh
    }

    .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 {
      height: auto;
      min-height: 50vh
    }

    .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 {
      flex-basis: 50%;
      float: right;
      order: 2
    }

    .case-study-pilot p {
      flex-basis: 50%;
      margin-top: auto;
      order: 1
    }

    .case-study-pilot-list {
      flex-basis: 100%;
      order: 3
    }

    .case-study-pilot.rubica {
      align-items: center
    }

    .case-study-pilot.rubica p {
      display: flex;
      flex-direction: column;
      margin-top: 0
    }

    .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 {
      margin-bottom: -180px;
      min-height: 42vw
    }

    .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 {
      display: flex;
      flex-wrap: wrap;
      max-width: none
    }

    .case-result-wrp_four .case-result-item {
      width: 25%
    }

    .case-result-item {
      width: 33.3333333333%
    }
  }

  @media screen and (min-width:1200px) {
    .case-hero.enterprise .case-hero_additional-bg {
      height: 516px;
      margin-bottom: -180px;
      min-height: unset;
      width: 1200px
    }

    .case-study.enterprise .case-study-pilot {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      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-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
  }

  .cs-hero-img:before {
    content: "";
    display: block;
    padding-bottom: 91.46%;
    width: 100%
  }

  @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-bottom: 48px;
    padding-top: 48px
  }

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

  .cs-hero__title.h1 {
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 16px
  }

  @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 {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap
    }
  }

  .cs-hero-pills-item {
    align-items: center;
    border: 2px solid #ffce1f;
    border-radius: 40px;
    display: flex;
    margin-bottom: 12px;
    padding: 10px 22px
  }

  @media(min-width:600px) {
    .cs-hero-pills-item {
      margin-right: 14px
    }
  }

  @media(min-width:1050px) {
    .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;
    height: 24px;
    margin-right: 8px;
    width: 24px
  }

  .cs-hero-pills-item__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
  }

  .cs-hero-pills-item .country-flag {
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    padding-left: 36px
  }

  .cs-hero-pills-item .country-flag:before {
    height: 24px;
    width: 24px
  }

  .cs-hero__description {
    color: #596573;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 162%;
    max-width: 713px
  }

  .cs-challenge_darker {
    background-color: #f4f7fa
  }

  .cs-challenge__text-bold {
    color: #131a58;
    font: inherit;
    font-weight: 700
  }

  .cs-challenge__text-color {
    color: #131a58;
    font: inherit
  }

  @media(min-width:1288px) {
    .cs-challenge_camtran-2 .cs-challenge-wrp_reverse .cs-challenge-img {
      margin-top: -173px;
      transform: translateX(calc(-50vw + 918px));
      width: 71%
    }

    .cs-challenge_camtran-2 .cs-challenge-wrp_reverse .cs-challenge-img img {
      width: 73%
    }

    .cs-challenge_volo-1 .cs-challenge-img {
      margin-bottom: -111px;
      margin-top: -111px;
      transform: translateX(calc(50vw - 695px))
    }

    .cs-challenge_volo-2 {
      padding-bottom: 74px
    }

    .cs-challenge_volo-2 .cs-challenge-wrp_reverse .cs-challenge-inner {
      margin-top: -14px
    }

    .cs-challenge_volo-2 .cs-challenge-wrp_reverse .cs-challenge-img {
      margin-bottom: -111px;
      margin-top: -123px;
      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 {
      margin-bottom: -80px;
      margin-top: -100px;
      padding-bottom: 0;
      padding-top: 0
    }
  }

  @media(min-width:1288px) {
    .cs-challenge_utopian-2 .cs-challenge-wrp_reverse {
      margin-bottom: 0;
      margin-top: 0;
      padding-bottom: 94px;
      padding-top: 77px
    }

    .cs-challenge_utopian-2 .cs-challenge-wrp_reverse .cs-challenge-img {
      margin-bottom: -202px;
      margin-top: -308px;
      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-bottom: -100px;
      margin-top: -246px;
      transform: translateX(calc(50vw - 663px))
    }

    .cs-challenge_123signup-2 .cs-challenge-wrp_reverse {
      padding-bottom: 100px
    }

    .cs-challenge_123signup-2 .cs-challenge-wrp_reverse .cs-challenge-img {
      margin-top: 36px;
      transform: translateX(calc(-50vw + 639px))
    }

    .cs-challenge_123signup-2 .cs-challenge-inner {
      margin-top: 14px
    }

    .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-bottom: 110px;
      padding-top: 0
    }
  }

  @media(min-width:1288px) {
    .cs-challenge_enterprise-2 .cs-challenge-wrp_reverse .cs-challenge-img {
      margin-bottom: -14px;
      margin-top: -12px;
      transform: translateX(calc(-50vw + 587px))
    }

    .cs-challenge_rubica-1 .cs-challenge-img {
      margin-bottom: -124px;
      margin-top: -121px;
      transform: translateX(calc(50vw - 759px))
    }

    .cs-challenge_rubica-2 .cs-challenge-wrp_reverse .cs-challenge-img {
      margin-bottom: -109px;
      margin-top: -106px;
      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))
    }

    .cs-challenge_kofein-2 .cs-challenge-wrp_reverse .cs-challenge-img {
      margin-bottom: 12px;
      margin-top: 13px;
      transform: translateX(calc(-50vw + 713px))
    }
  }

  @media(min-width:1024px) {
    .cs-challenge_bms-1 .cs-challenge-inner {
      max-width: 819px
    }

    .cs-challenge_mave-2 .cs-challenge-inner {
      max-width: 608px
    }

    .cs-challenge_arkit .cs-challenge-wrp {
      padding-bottom: 50px;
      padding-top: 0
    }
  }

  .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
    }

    .cs-challenge_arkit .cs-challenge-img img {
      margin-bottom: -77px;
      margin-left: -50px;
      margin-top: -32px;
      width: 526px
    }
  }

  @media(min-width:1024px) {
    .cs-challenge_arkit-2 {
      background-image: linear-gradient(180deg, #fff 65.5%, #f4f7fa 0, #f4f7fa)
    }

    .cs-challenge_arkit-2 .cs-challenge-wrp {
      align-items: flex-start
    }
  }

  .cs-challenge_arkit-2 .cs-challenge-wrp_reverse {
    padding-bottom: 0;
    padding-top: 100px
  }

  @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 {
    text-align: center;
    transform: none
  }

  @media(min-width:1024px) {
    .cs-challenge_arkit-2 .cs-challenge-wrp_reverse .cs-challenge-img {
      text-align: left
    }

    .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-left: -35px;
      margin-top: -64px
    }

    .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 {
      text-align: initial;
      transform: none
    }
  }

  @media(min-width:1024px) {
    .cs-challenge_truly .cs-challenge-inner {
      max-width: 502px
    }
  }

  .cs-challenge_truly .cs-challenge-img {
    margin-left: 24px;
    width: 100%
  }

  @media(min-width:1024px) {
    .cs-challenge_truly .cs-challenge-img {
      margin-left: 0;
      transform: translateX(calc(50vw - 653px));
      width: auto
    }
  }

  @media(min-width:1288px) {
    .cs-challenge_truly .cs-challenge-img {
      margin-left: 0;
      transform: translateX(calc(50vw - 686px))
    }
  }

  .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))
    }
  }

  .cs-challenge_pimp-2 .cs-challenge-wrp_reverse .cs-challenge-img {
    margin-left: -24px
  }

  @media(min-width:1210px) {
    .cs-challenge_pimp-2 .cs-challenge-wrp_reverse .cs-challenge-img {
      transform: translateX(calc(-50vw + 570px))
    }
  }

  @media(min-width:1024px) {
    .cs-challenge_innovid .cs-challenge-inner {
      max-width: 502px
    }
  }

  .cs-challenge_innovid .cs-challenge-img {
    margin-left: 40px;
    width: 100%
  }

  @media(min-width:1024px) {
    .cs-challenge_innovid .cs-challenge-img {
      margin-left: 0;
      transform: translateX(calc(50vw - 550px));
      width: auto
    }
  }

  @media(min-width:1288px) {
    .cs-challenge_innovid .cs-challenge-img {
      margin-left: 0;
      transform: translateX(calc(50vw - 670px))
    }
  }

  @media(min-width:1024px) {
    .cs-challenge_lange .cs-challenge-inner {
      max-width: 502px
    }
  }

  .cs-challenge_lange .cs-challenge-img {
    margin-left: 24px;
    width: 100%
  }

  @media(min-width:1024px) {
    .cs-challenge_lange .cs-challenge-img {
      margin-left: 0;
      transform: translateX(calc(50vw - 610px));
      width: auto
    }
  }

  @media(min-width:1288px) {
    .cs-challenge_lange .cs-challenge-img {
      margin-left: 0;
      transform: translateX(calc(50vw - 686px))
    }
  }

  .cs-challenge_hive .cs-challenge-img {
    flex: 1 1;
    text-align: center;
    transform: none
  }

  .cs-challenge_hive-2 .cs-challenge-wrp_reverse {
    padding-bottom: 100px;
    padding-top: 100px
  }

  .cs-challenge_hive-2 .cs-challenge-wrp_reverse .cs-challenge-img {
    flex: 1 1;
    text-align: center;
    transform: none
  }

  .cs-challenge_hive-2 .cs-challenge-img {
    margin-bottom: -120px
  }

  @media(min-width:1024px) {
    .cs-challenge_hive-2 .cs-challenge-img {
      margin-bottom: 0
    }
  }

  @media(min-width:1200px) {
    .cs-challenge_hive-2 .cs-challenge-img {
      margin-top: 100px
    }
  }

  @media(min-width:1024px) {
    .cs-challenge-inner {
      flex-shrink: 0;
      margin-right: 48px;
      max-width: 608px
    }
  }

  .cs-challenge-title {
    align-items: center;
    display: flex;
    margin-bottom: 24px
  }

  @media(min-width:1024px) {
    .cs-challenge-title {
      margin-bottom: 32px
    }
  }

  .cs-challenge-title span {
    color: #1780ff;
    flex-shrink: 0;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 115%;
    margin-right: 24px
  }

  .cs-challenge-title__item.h2 {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 124%
  }

  .cs-challenge__text {
    color: #596573;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 162%;
    margin-bottom: 32px;
    white-space: pre-wrap
  }

  @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: .5
    }
  }

  @media(min-width:1288px) {
    .cs-challenge-img {
      flex-shrink: 0;
      position: relative;
      transform: translateX(calc(50vw - 644px))
    }
  }

  .cs-challenge-img img {
    display: inline-block
  }

  .cs-challenge-wrp {
    padding-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .cs-challenge-wrp {
      align-items: center;
      display: flex;
      padding-bottom: 100px;
      padding-top: 100px
    }
  }

  .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 {
      flex-direction: row-reverse;
      padding-bottom: 84px;
      padding-top: 87px
    }

    .cs-challenge-wrp_reverse .cs-challenge-inner {
      margin-left: 48px;
      margin-right: 0
    }
  }

  .cs-challenge-bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
  }

  .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-bottom: 133px;
      padding-top: 0
    }
  }

  .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 {
      max-width: 1240px;
      padding: 0
    }
  }

  .cs-challenge-bg-img_2 {
    background-color: #dce6ff;
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: center
  }

  @media(min-width:1024px) {
    .cs-challenge-bg-img_2 {
      padding-bottom: 67px;
      padding-top: 71px
    }
  }

  .cs-challenge-double-bg {
    background-color: #f4f7fa;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain
  }

  .cs-challenge-double-bg-inner {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    position: relative;
    top: 37px;
    width: 100%
  }

  .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 {
    background-color: #f4f7fa;
    padding-bottom: 50px;
    padding-top: 50px
  }

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

    .cs-func-list {
      grid-column-gap: 24px;
      grid-row-gap: 32px;
      align-items: center;
      display: grid;
      grid-auto-flow: column;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(4, 1fr);
      padding-top: 9px
    }

    .cs-func-list_12 {
      grid-template-rows: repeat(6, 1fr)
    }

    .cs-func-list_6 {
      grid-template-rows: repeat(3, 1fr)
    }

    .cs-func-list_10 {
      grid-template-rows: repeat(5, 1fr)
    }
  }

  .cs-func__caption {
    color: #596573;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 160%;
    margin-bottom: 40px;
    max-width: 608px
  }

  .cs-func-item {
    align-items: center;
    display: flex;
    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;
    height: 24px;
    margin-right: 22px;
    width: 24px
  }

  .cs-func-item span {
    color: #596573;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 162%
  }

  @media(min-width:768px) {
    .cs-func-item span {
      font-size: 18px;
      max-width: 457px
    }
  }

  .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
    }

    .cs-func_csc .cs-func-list {
      -moz-columns: 2;
      column-count: 2;
      -moz-column-gap: 130px;
      column-gap: 130px;
      display: block
    }

    .cs-func_csc .cs-func-item {
      margin-bottom: 32px
    }
  }

  .cs-func_light {
    background-color: #fff
  }

  .cs-results {
    color: #fff;
    padding-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .cs-results {
      padding-bottom: 100px;
      padding-bottom: 105px;
      padding-top: 100px
    }
  }

  .cs-results__title.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 36px;
    text-align: center
  }

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

  @media(min-width:768px) {
    .cs-results-list {
      display: flex;
      justify-content: space-around;
      margin: 0 -12px
    }
  }

  .cs-results-item {
    margin: 0 auto 36px;
    max-width: 450px;
    text-align: center
  }

  @media(min-width:768px) {
    .cs-results-item {
      margin: 0 12px;
      max-width: 300px;
      width: 33.3333333333%
    }
  }

  .cs-results-item__text {
    display: block;
    margin-top: 24px
  }

  .cs-happy {
    background-color: #f4f7fa;
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: center
  }

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

  .cs-happy svg {
    margin-bottom: 20px
  }

  @media(min-width:1024px) {
    .cs-happy svg {
      margin-bottom: 37px
    }
  }

  .cs-happy__text {
    font-size: 17px;
    font-weight: 400;
    line-height: 170%;
    margin: 0 auto;
    max-width: 818px;
    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-bottom: 50px;
    padding-top: 50px
  }

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

  .cs-next_darker {
    background-color: #f4f7fa
  }

  .cs-next-link {
    align-items: center;
    color: currentColor;
    display: flex;
    font-size: 32px;
    font-weight: 800;
    justify-content: center;
    letter-spacing: -.04em;
    line-height: 125%;
    transition: color .3s
  }

  @media(min-width:1024px) {
    .cs-next-link {
      font-size: 48px
    }
  }

  .cs-next-link:after {
    background-color: currentColor;
    content: "";
    flex-shrink: 0;
    height: 30px;
    margin-left: 16px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' viewBox='0 0 60 60'%3E%3Cpath fill='%23131A58' d='M44.8 29.05a2.5 2.5 0 0 0-.525-.825l-12.5-12.5a2.51 2.51 0 0 0-3.55 3.55l8.25 8.226H17.5a2.5 2.5 0 0 0 0 5h18.975l-8.25 8.224a2.5 2.5 0 0 0 0 3.55 2.5 2.5 0 0 0 3.55 0l12.5-12.5c.228-.237.406-.518.525-.824a2.5 2.5 0 0 0 0-1.9Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' viewBox='0 0 60 60'%3E%3Cpath fill='%23131A58' d='M44.8 29.05a2.5 2.5 0 0 0-.525-.825l-12.5-12.5a2.51 2.51 0 0 0-3.55 3.55l8.25 8.226H17.5a2.5 2.5 0 0 0 0 5h18.975l-8.25 8.224a2.5 2.5 0 0 0 0 3.55 2.5 2.5 0 0 0 3.55 0l12.5-12.5c.228-.237.406-.518.525-.824a2.5 2.5 0 0 0 0-1.9Z'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    transition: background-color .3s;
    width: 30px
  }

  @media(min-width:1024px) {
    .cs-next-link:after {
      height: 60px;
      width: 60px
    }
  }

  .cs-next-link:hover {
    color: #1780ff
  }

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

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

  .portfolio h1.h1 {
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 48px;
    max-width: 652px
  }

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

    .cases-list {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -13px
    }

    .cases-list_single-item .cases-item {
      flex-shrink: 0;
      margin: 0;
      width: 398px
    }
  }

  .cases-list_two-items {
    gap: 24px;
    width: 100%
  }

  @media(min-width:1024px) {
    .cases-list_two-items .cases-item {
      flex-shrink: 0;
      margin: 0;
      max-width: none;
      width: calc(50% - 12px)
    }
  }

  .cases-list_two-items .cases-item-img {
    height: 300px
  }

  .cases-list_wide .cases-item {
    max-width: unset;
    min-height: unset;
    width: 100%
  }

  @media(min-width:768px) {
    .cases-list_wide .cases-item {
      grid-column-gap: 24px;
      grid-row-gap: 10px;
      display: grid;
      grid-template-areas: "imgWide titleWide" "imgWide captionWide" "imgWide flagWide";
      grid-template-columns: minmax(auto, 446px) auto;
      grid-template-rows: .9fr .8fr .9fr;
      padding: 16px 12px 8px
    }

    .cases-list_wide .cases-item__title.h2 {
      align-self: flex-end;
      grid-area: titleWide;
      margin-bottom: 0;
      padding: 0
    }

    .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 {
    color: #596573;
    font-size: 12px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    padding-left: 36px
  }

  .cases-list_wide .cases-item-flag .country-flag:before {
    height: 24px;
    width: 24px
  }

  @media(min-width:768px) {
    .cases-list_wide .cases-item-img {
      align-self: center;
      grid-area: imgWide;
      height: auto;
      margin-bottom: 0;
      padding: 0
    }
  }

  .cases-list_wide .cases-item-img img {
    border-radius: 0;
    -o-object-fit: contain;
    object-fit: contain
  }

  .cases-item {
    background-color: #fff;
    border: 2px solid #eaeaea;
    border-radius: 20px;
    color: #131a58;
    display: block;
    margin: 0 auto 32px;
    max-width: 600px;
    min-height: 352px;
    overflow: hidden;
    padding-bottom: 28px
  }

  .cases-item_green .cases-item-img {
    background-color: #6ab27d;
    padding: 0 15px
  }

  @media(min-width:1024px) {
    .cases-item {
      box-shadow: 0 0 50px hsla(0, 0%, 100%, .08);
      cursor: pointer;
      margin: 13px 13px 11px;
      max-width: 398px;
      transition: all .3s;
      width: calc(33.33333% - 26px)
    }

    .cases-item:hover {
      border-color: #ffce1f;
      box-shadow: 0 0 50px rgba(1, 16, 31, .08)
    }
  }

  .cases-item-img {
    height: 200px;
    margin-bottom: 25px
  }

  .cases-item-img img {
    border-radius: 20px 20px 0 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    width: 100%
  }

  .cases-item__title.h2 {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 124%;
    margin-bottom: 10px;
    padding: 0 30px;
    white-space: pre-wrap
  }

  .cases-item__caption.h4 {
    color: #596573;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 0;
    padding: 0 30px
  }

  @keyframes rotateCommercial {
    0% {
      transform: rotate(0)
    }

    to {
      transform: rotate(1turn)
    }
  }

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

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

  .you-get__title.h3 {
    text-align: center
  }

  .you-get-list {
    margin: 0 auto;
    max-width: 270px;
    position: relative
  }

  @media(min-width:768px) {
    .you-get-list {
      height: 684px;
      max-width: 734px;
      width: 100%
    }
  }

  .you-get-list:before {
    background-image: repeating-linear-gradient(180deg, transparent, transparent 4px, rgba(23, 128, 255, .3) 0, rgba(23, 128, 255, .3) 8px);
    background-repeat: repeat-y;
    background-size: 100%;
    content: "";
    height: 100%;
    left: 8px;
    position: absolute;
    top: 0;
    width: 1px
  }

  @media(min-width:768px) {
    .you-get-list:before {
      display: none
    }

    .you-get-list__commercial-label {
      animation-duration: 18s;
      animation-iteration-count: infinite;
      animation-name: rotateCommercial;
      animation-timing-function: linear;
      height: 134px;
      margin-left: -67px;
      margin-top: -67px;
      width: 134px
    }

    .you-get-list__commercial-label,
    .you-get-list__fire-icon {
      display: block !important;
      left: 50%;
      position: absolute;
      top: 50%;
      z-index: 15
    }

    .you-get-list__fire-icon {
      height: 42px;
      transform: translate(-50%, -50%);
      width: 34px
    }
  }

  .you-get-item {
    padding-bottom: 16px;
    padding-left: 24px;
    position: relative
  }

  @media(min-width:768px) {
    .you-get-item {
      align-items: center;
      display: flex;
      padding: 0;
      z-index: 5
    }

    .you-get-item,
    .you-get-item:after {
      left: 50%;
      position: absolute;
      top: 50%
    }

    .you-get-item:after {
      background-image: repeating-linear-gradient(180deg, transparent, transparent 4px, rgba(23, 128, 255, .3) 0, rgba(23, 128, 255, .3) 8px);
      background-repeat: repeat-y;
      background-size: 100%;
      content: "";
      height: 199px;
      width: 1px
    }

    .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-left: 50px;
      margin-top: 29px
    }

    .you-get-item:nth-child(2) .you-get-item__text {
      bottom: calc(100% - 17px);
      left: calc(50% + 25px)
    }

    .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 {
      bottom: calc(100% + 12px);
      left: calc(50% + 25px)
    }

    .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 {
      bottom: calc(100% + 12px);
      left: calc(50% - 25px)
    }

    .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-right: 50px;
      margin-top: 2px
    }

    .you-get-item:nth-child(8) .you-get-item__text {
      bottom: calc(100% + 12px);
      left: calc(50% - 25px)
    }

    .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, .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 {
    background-color: #fff;
    border: 1px solid rgba(23, 128, 255, .3);
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 16px
  }

  @media(min-width:768px) {
    .you-get-item:before {
      display: none
    }
  }

  .you-get-item__title.h3 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 150%;
    margin-bottom: 0;
    white-space: pre-wrap
  }

  @media(min-width:768px) {
    .you-get-item__title.h3 {
      background-color: #fff;
      border: 1px solid #eaeaea;
      border-radius: 10px;
      box-shadow: 0 0 30px hsla(0, 0%, 92%, 0);
      cursor: pointer;
      display: block;
      padding: 32px 6px;
      position: relative;
      text-align: center;
      transition: all .3s;
      width: 168px;
      z-index: 1
    }
  }

  .you-get-item__text {
    color: #596573;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%
  }

  @media(min-width:768px) {
    .you-get-item__text {
      background-color: #fff;
      border-radius: 20px;
      bottom: 100%;
      box-shadow: 0 0 50px rgba(0, 0, 0, .03);
      left: 50%;
      opacity: 0;
      padding: 24px;
      pointer-events: none;
      position: absolute;
      text-align: center;
      transform: translateX(-50%);
      transition: opacity .3s;
      width: 240px;
      z-index: 5
    }

    .you-get-item__text:hover {
      opacity: 1;
      pointer-events: auto
    }

    .you-get-item__text:after {
      content: "";
      height: 30px;
      left: 0;
      position: absolute;
      top: 100%;
      width: 100%
    }
  }

  .get {
    background-color: #000;
    padding-bottom: 36px
  }

  @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-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .get_big-paddings {
      padding-bottom: 15px;
      padding-top: 74px
    }
  }

  .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 {
      padding: 0 16px;
      width: 50%
    }
  }

  @media(min-width:1024px) {
    .get-item {
      margin-bottom: 54px;
      width: 33.3333333333%
    }

    .get-item:hover .you-get__title {
      color: #1780ff
    }
  }

  @media(min-width:1288px) {
    .get-item {
      cursor: pointer;
      padding-bottom: 0;
      padding-top: 64px;
      position: relative;
      transition: padding .3s
    }

    .get-item:hover {
      padding-bottom: 54px;
      padding-top: 0
    }

    .get-item:hover .get-icon {
      opacity: 0;
      pointer-events: auto;
      top: -64px
    }

    .get-item:hover .get__text {
      bottom: 0;
      opacity: 1;
      pointer-events: auto
    }
  }

  .get-icon {
    margin-bottom: 16px
  }

  @media(min-width:1288px) {
    .get-icon {
      height: 32px;
      left: 16px;
      opacity: 1;
      pointer-events: none;
      position: absolute;
      top: 0;
      transition: opacity .3s, top .3s;
      width: 32px
    }
  }

  .get__title.h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px;
    margin-bottom: 10px;
    text-align: left
  }

  @media(min-width:1024px) {
    .get__title.h3 {
      transition: color .3s
    }
  }

  .get__text {
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%
  }

  @media(min-width:1288px) {
    .get__text {
      bottom: -54px;
      height: 54px;
      left: 16px;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      transition: opacity .3s, bottom .3s;
      width: calc(100% - 32px)
    }
  }

  @media(min-width:768px) {
    .get_white-tiles .get-list {
      margin: 0 -12px
    }
  }

  .get_white-tiles .get-item {
    border: 2px solid #bd9812;
    border-radius: 20px;
    margin-bottom: 16px;
    padding: 12px;
    background-color: black;
  }

  @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 {
      padding: 24px;
      width: calc(33.33333% - 24px)
    }
  }

  @media(min-width:1288px) {
    .get_white-tiles .get-item {
      overflow: hidden;
      padding-bottom: 36px;
      padding-top: 76px
    }

    .get_white-tiles .get-item:hover {
      padding-bottom: 87px;
      padding-top: 24px
    }

    .get_white-tiles .get-item:hover .get__text {
      bottom: 24px
    }

    .get_white-tiles .get-icon {
      left: 24px;
      top: 24px
    }

    .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 {
    margin-bottom: 47px;
    text-align: left
  }

  @media(min-width:1288px) {
    .get_no-hover .get-item {
      cursor: auto;
      overflow: visible;
      padding: 32px 32px 40px;
      position: static
    }

    .get_no-hover .get-item .get-icon,
    .get_no-hover .get-item .get__text {
      opacity: 1;
      position: static
    }

    .get_no-hover .get-item:hover {
      padding-bottom: 40px;
      padding-top: 32px
    }
  }

  .get_no-hover .get-icon {
    margin-bottom: 24px
  }

  .get_no-hover .get__title {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 124%;
    margin-bottom: 14px
  }

  .get_bpm h2.h3 {
    font-size: 48px
  }

  .get_retail {
    padding-bottom: 50px;
    padding-top: 0
  }

  @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-bottom: 50px;
    padding-top: 50px
  }

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

  .get_aviation .get-list {
    justify-content: center
  }

  .get_vue .get__title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px;
    margin-bottom: 0
  }

  .get-yellow {
    padding-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .get-yellow {
      padding-bottom: 100px;
      padding-top: 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 {
      margin-bottom: 51px;
      padding: 0 12px;
      width: 33.3333333333%
    }

    .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 {
    align-items: center;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    line-height: 115%;
    margin-bottom: 8px
  }

  .get-yellow-item__title.h3:before {
    color: #ffce1f;
    content: counter(yellowCounter, decimal-leading-zero);
    counter-increment: yellowCounter;
    font-size: 24px;
    font-weight: 800;
    height: 30px;
    letter-spacing: -.03em;
    line-height: 124%;
    margin-right: 16px;
    width: 29px
  }

  .get-yellow-item__text {
    color: #596573;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    padding-left: 45px
  }

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

  @media(min-width:1024px) {
    .get-blue {
      padding-bottom: 100px;
      padding-bottom: 96px;
      padding-top: 100px;
      padding-top: 50px
    }
  }

  .get-blue .container {
    position: relative
  }

  .get-blue .container:after {
    background-color: rgba(89, 101, 115, .2);
    bottom: -50px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
  }

  @media(min-width:1024px) {
    .get-blue .container:after {
      bottom: -96px
    }

    .get-blue__title.h3 {
      margin-bottom: 16px
    }

    .get-blue-wrp {
      align-items: center;
      display: flex;
      justify-content: space-between
    }
  }

  .get-blue-main {
    margin-bottom: 32px
  }

  @media(min-width:1024px) {
    .get-blue-main {
      margin-bottom: 0;
      margin-top: -4px;
      width: 56.5%
    }
  }

  .get-blue-list {
    counter-reset: blueCounter
  }

  @media(min-width:768px) {
    .get-blue-list {
      grid-row-gap: 49px;
      grid-column-gap: 12px;
      display: grid;
      grid-auto-flow: column;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(3, 1fr)
    }
  }

  .get-blue-item {
    margin-bottom: 59px
  }

  @media(min-width:768px) {
    .get-blue-item {
      margin-bottom: 0
    }
  }

  .get-blue-item__title.h3 {
    align-items: center;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    line-height: 115%;
    margin-bottom: 8px
  }

  .get-blue-item__title.h3:before {
    color: #1780ff;
    content: counter(blueCounter, decimal-leading-zero);
    counter-increment: blueCounter;
    font-size: 24px;
    font-weight: 800;
    height: 30px;
    letter-spacing: -.03em;
    line-height: 124%;
    margin-right: 16px;
    width: 29px
  }

  .get-blue-item__text {
    color: #596573;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 155%;
    max-width: 296px;
    padding-left: 45px
  }

  .get-blue-aside {
    text-align: center
  }

  .get-blue-aside img {
    filter: drop-shadow(-50px 50px 100px rgba(0, 0, 0, .05))
  }

  .benefit {
    padding-bottom: 50px;
    padding-top: 50px
  }

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

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

  .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 {
      height: 529px;
      margin: 0 auto;
      position: relative;
      width: 529px
    }
  }

  @media(min-width:1024px) {
    .benefit-wrp {
      margin-right: 85px;
      width: 529px
    }
  }

  @media(min-width:768px) {
    .benefit-circle {
      background-color: #1780ff;
      border-radius: 50%;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%)
    }

    .benefit-circle_1 {
      background-color: rgba(23, 128, 255, .1);
      height: 529px;
      width: 529px
    }

    .benefit-circle_2 {
      background-color: rgba(23, 128, 255, .2);
      height: 429px;
      width: 429px
    }

    .benefit-circle_3 {
      background-color: rgba(23, 128, 255, .4);
      height: 335px;
      width: 335px
    }

    .benefit-circle_4 {
      background-color: rgba(23, 128, 255, .6);
      height: 239px;
      width: 239px
    }

    .benefit-circle_5 {
      background-color: rgba(23, 128, 255, .8);
      height: 142px;
      width: 142px
    }

    .benefit-circle_inner {
      background-color: #ffce1f;
      border: 2px solid #fff;
      border-radius: 50%;
      box-shadow: 0 0 40px rgba(255, 206, 31, .8);
      box-sizing: border-box;
      height: 46px;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 46px
    }

    .benefit-list {
      height: 529px;
      left: 0;
      position: absolute;
      top: 0;
      width: 529px
    }
  }

  .benefit-list-item {
    padding-bottom: 32px;
    padding-left: 32px;
    position: relative
  }

  @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 {
      bottom: 0;
      cursor: pointer;
      left: 0;
      padding-left: 0;
      position: absolute;
      transition: all .3s
    }

    .benefit-list-item:hover {
      width: 225px !important;
      z-index: 10
    }

    .benefit-list-item:hover .benefit-list-card {
      width: 100%
    }

    .benefit-list-item:hover .benefit-list-card__caption {
      margin-bottom: 8px;
      max-height: 100px
    }

    .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 {
    background: #fff;
    border: 2px solid #1780ff;
    border-radius: 50%;
    box-shadow: 0 0 20px hsla(0, 0%, 100%, .8);
    height: 18px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 18px
  }

  @media(min-width:768px) {
    .benefit-list-dot {
      left: 0;
      top: 0
    }

    .benefit-list-card {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0, 0, 0, .14);
      color: #131a58;
      left: 30px;
      overflow: hidden;
      padding: 20px 12px 12px;
      position: absolute;
      text-align: center;
      top: -12px;
      transform: none;
      transition: all .3s;
      width: 100%
    }
  }

  .benefit-list-card__title.h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px;
    padding-top: 0
  }

  .benefit-list-card__caption {
    color: #596573;
    font-size: 14px;
    font-weight: 400;
    line-height: 145%;
    margin: 0 auto;
    width: 100%
  }

  @media(min-width:768px) {
    .benefit-list-card__caption {
      max-height: 0;
      overflow: hidden;
      transition: all .3s;
      width: 201px
    }
  }

  .country-flag {
    height: 36px;
    line-height: 36px;
    padding-left: 50px;
    position: relative
  }

  .country-flag:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 36px
  }

  .country-flag.canada:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGZpbGw9IiNkODAwMjciIGQ9Ik01MTIgMjU2YzAtMTAxLjQ5NC01OS4wNjUtMTg5LjE5LTE0NC42OTYtMjMwLjU5OHY0NjEuMTk1QzQ1Mi45MzUgNDQ1LjE5IDUxMiAzNTcuNDk0IDUxMiAyNTZ6TTAgMjU2YzAgMTAxLjQ5NCA1OS4wNjUgMTg5LjE5IDE0NC42OTYgMjMwLjU5OFYyNS40MDJDNTkuMDY1IDY2LjgxIDAgMTU0LjUwNiAwIDI1NnptMzAwLjUyMiAzMy4zOTEgNDQuNTIxLTIyLjI2MS0yMi4yNi0xMS4xM3YtMjIuMjYxTDI3OC4yNjEgMjU2bDIyLjI2MS00NC41MjJoLTIyLjI2MUwyNTYgMTc4LjA4N2wtMjIuMjYxIDMzLjM5MWgtMjIuMjYxTDIzMy43MzkgMjU2bC00NC41MjItMjIuMjYxVjI1NmwtMjIuMjYgMTEuMTMgNDQuNTIxIDIyLjI2MS0xMS4xMyAyMi4yNjFoNDQuNTIydjMzLjM5MWgyMi4yNnYtMzMuMzkxaDQ0LjUyMnoiLz48L3N2Zz4=)
  }

  .country-flag.usa:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGZpbGw9IiNkODAwMjciIGQ9Ik0yNDQuODcgMjU2SDUxMmMwLTIzLjEwNi0zLjA4LTQ1LjQ5LTguODE5LTY2Ljc4M0gyNDQuODdWMjU2em0wLTEzMy41NjVoMjI5LjU1NmEyNTcuMzUgMjU3LjM1IDAgMCAwLTU5LjA3LTY2Ljc4M0gyNDQuODd2NjYuNzgzek0yNTYgNTEyYzYwLjI0OSAwIDExNS42MjYtMjAuODI0IDE1OS4zNTYtNTUuNjUySDk2LjY0NEMxNDAuMzc0IDQ5MS4xNzYgMTk1Ljc1MSA1MTIgMjU2IDUxMnpNMzcuNTc0IDM4OS41NjVoNDM2Ljg1MmEyNTQuNDc0IDI1NC40NzQgMCAwIDAgMjguNzU1LTY2Ljc4M0g4LjgxOWEyNTQuNDc0IDI1NC40NzQgMCAwIDAgMjguNzU1IDY2Ljc4M3oiLz48cGF0aCBmaWxsPSIjMDA1MmI0IiBkPSJNMTE4LjU4NCAzOS45NzhoMjMuMzI5bC0yMS43IDE1Ljc2NSA4LjI4OSAyNS41MDktMjEuNjk5LTE1Ljc2NS0yMS42OTkgMTUuNzY1IDcuMTYtMjIuMDM3YTI1Ny40MDcgMjU3LjQwNyAwIDAgMC00OS42NTIgNTUuMzM3aDcuNDc1bC0xMy44MTMgMTAuMDM1YTI1NS41OCAyNTUuNTggMCAwIDAtNi4xOTQgMTAuOTM4bDYuNTk2IDIwLjMwMS0xMi4zMDYtOC45NDFhMjUzLjU2NyAyNTMuNTY3IDAgMCAwLTguMzcyIDE5Ljg3M2w3LjI2NyAyMi4zNjhoMjYuODIybC0yMS43IDE1Ljc2NSA4LjI4OSAyNS41MDktMjEuNjk5LTE1Ljc2NS0xMi45OTggOS40NDRBMjU4LjQ2OCAyNTguNDY4IDAgMCAwIDAgMjU2aDI1NlYwYy01MC41NzIgMC05Ny43MTUgMTQuNjctMTM3LjQxNiAzOS45Nzh6bTkuOTE4IDE5MC40MjItMjEuNjk5LTE1Ljc2NUw4NS4xMDQgMjMwLjRsOC4yODktMjUuNTA5LTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDkgOC4yODggMjUuNTA5aDI2LjgyMmwtMjEuNyAxNS43NjUgOC4yODkgMjUuNTA5em0tOC4yODktMTAwLjA4MyA4LjI4OSAyNS41MDktMjEuNjk5LTE1Ljc2NS0yMS42OTkgMTUuNzY1IDguMjg5LTI1LjUwOS0yMS43LTE1Ljc2NWgyNi44MjJsOC4yODgtMjUuNTA5IDguMjg4IDI1LjUwOWgyNi44MjJsLTIxLjcgMTUuNzY1ek0yMjAuMzI4IDIzMC40bC0yMS42OTktMTUuNzY1TDE3Ni45MyAyMzAuNGw4LjI4OS0yNS41MDktMjEuNy0xNS43NjVoMjYuODIybDguMjg4LTI1LjUwOSA4LjI4OCAyNS41MDloMjYuODIybC0yMS43IDE1Ljc2NSA4LjI4OSAyNS41MDl6bS04LjI4OS0xMDAuMDgzIDguMjg5IDI1LjUwOS0yMS42OTktMTUuNzY1LTIxLjY5OSAxNS43NjUgOC4yODktMjUuNTA5LTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDkgOC4yODggMjUuNTA5aDI2LjgyMmwtMjEuNyAxNS43NjV6bTAtNzQuNTc0IDguMjg5IDI1LjUwOS0yMS42OTktMTUuNzY1LTIxLjY5OSAxNS43NjUgOC4yODktMjUuNTA5LTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDkgOC4yODggMjUuNTA5aDI2LjgyMmwtMjEuNyAxNS43NjV6Ii8+PC9zdmc+)
  }

  .country-flag.ireland:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGZpbGw9IiNmZjk4MTEiIGQ9Ik01MTIgMjU2YzAtMTEwLjA3LTY5LjQ3Mi0yMDMuOTA2LTE2Ni45NTctMjQwLjA3NnY0ODAuMTU1QzQ0Mi41MjggNDU5LjkwNiA1MTIgMzY2LjA3MiA1MTIgMjU2eiIvPjxwYXRoIGZpbGw9IiM2ZGE1NDQiIGQ9Ik0wIDI1NmMwIDExMC4wNzIgNjkuNDcyIDIwMy45MDYgMTY2Ljk1NyAyNDAuMDc4VjE1LjkyNEM2OS40NzIgNTIuMDk0IDAgMTQ1LjkzIDAgMjU2eiIvPjwvc3ZnPg==)
  }

  .country-flag.uk:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGZpbGw9IiMwMDUyYjQiIGQ9Ik01Mi45MiAxMDAuMTQyYy0yMC4xMDkgMjYuMTYzLTM1LjI3MiA1Ni4zMTgtNDQuMTAxIDg5LjA3N2gxMzMuMTc4TDUyLjkyIDEwMC4xNDJ6bTQ1MC4yNjEgODkuMDc3Yy04LjgyOS0zMi43NTgtMjMuOTkzLTYyLjkxMy00NC4xMDEtODkuMDc2bC04OS4wNzUgODkuMDc2aDEzMy4xNzZ6TTguODE5IDMyMi43ODRjOC44MyAzMi43NTggMjMuOTkzIDYyLjkxMyA0NC4xMDEgODkuMDc1bDg5LjA3NC04OS4wNzVIOC44MTl6TTQxMS44NTggNTIuOTIxYy0yNi4xNjMtMjAuMTA5LTU2LjMxNy0zNS4yNzItODkuMDc2LTQ0LjEwMnYxMzMuMTc3bDg5LjA3Ni04OS4wNzV6TTEwMC4xNDIgNDU5LjA3OWMyNi4xNjMgMjAuMTA5IDU2LjMxOCAzNS4yNzIgODkuMDc2IDQ0LjEwMlYzNzAuMDA1bC04OS4wNzYgODkuMDc0em04OS4wNzUtNDUwLjI2Yy0zMi43NTggOC44My02Mi45MTMgMjMuOTkzLTg5LjA3NSA0NC4xMDFsODkuMDc1IDg5LjA3NVY4LjgxOXptMTMzLjU2NiA0OTQuMzYyYzMyLjc1OC04LjgzIDYyLjkxMy0yMy45OTMgODkuMDc1LTQ0LjEwMWwtODkuMDc1LTg5LjA3NXYxMzMuMTc2em00Ny4yMjItMTgwLjM5NyA4OS4wNzUgODkuMDc2YzIwLjEwOC0yNi4xNjIgMzUuMjcyLTU2LjMxOCA0NC4xMDEtODkuMDc2SDM3MC4wMDV6Ii8+PGcgZmlsbD0iI2Q4MDAyNyI+PHBhdGggZD0iTTUwOS44MzMgMjIyLjYwOUgyODkuMzkyVjIuMTY3QTI1OC41NTYgMjU4LjU1NiAwIDAgMCAyNTYgMGMtMTEuMzE5IDAtMjIuNDYxLjc0NC0zMy4zOTEgMi4xNjd2MjIwLjQ0MUgyLjE2N0EyNTguNTU2IDI1OC41NTYgMCAwIDAgMCAyNTZjMCAxMS4zMTkuNzQ0IDIyLjQ2MSAyLjE2NyAzMy4zOTFoMjIwLjQ0MXYyMjAuNDQyYTI1OC4zNSAyNTguMzUgMCAwIDAgNjYuNzgzIDBWMjg5LjM5MmgyMjAuNDQyQTI1OC41MzMgMjU4LjUzMyAwIDAgMCA1MTIgMjU2YzAtMTEuMzE3LS43NDQtMjIuNDYxLTIuMTY3LTMzLjM5MXoiLz48cGF0aCBkPSJNMzIyLjc4MyAzMjIuNzg0IDQzNy4wMTkgNDM3LjAyYTI1Ni42MzYgMjU2LjYzNiAwIDAgMCAxNS4wNDgtMTYuNDM1bC05Ny44MDItOTcuODAyaC0zMS40ODJ2LjAwMXptLTEzMy41NjYgMGgtLjAwMkw3NC45OCA0MzcuMDE5YTI1Ni42MzYgMjU2LjYzNiAwIDAgMCAxNi40MzUgMTUuMDQ4bDk3LjgwMi05Ny44MDR2LTMxLjQ3OXptMC0xMzMuNTY1di0uMDAyTDc0Ljk4MSA3NC45OGEyNTYuNjM2IDI1Ni42MzYgMCAwIDAtMTUuMDQ4IDE2LjQzNWw5Ny44MDMgOTcuODAzaDMxLjQ4MXptMTMzLjU2NiAwTDQzNy4wMiA3NC45ODFhMjU2LjMyOCAyNTYuMzI4IDAgMCAwLTE2LjQzNS0xNS4wNDdsLTk3LjgwMiA5Ny44MDN2MzEuNDgyeiIvPjwvZz48L3N2Zz4=)
  }

  .country-flag.poland:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGZpbGw9IiNkODAwMjciIGQ9Ik01MTIgMjU2YzAgMTQxLjM4NC0xMTQuNjE2IDI1Ni0yNTYgMjU2UzAgMzk3LjM4NCAwIDI1NiIvPjwvc3ZnPg==)
  }

  .country-flag.greece:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxnIGZpbGw9IiMzMzhhZjMiPjxwYXRoIGQ9Ik0yNTYgMTg5LjIxN2gyNDcuMTgxYTI1NC41NTkgMjU0LjU1OSAwIDAgMC0yOC43NTUtNjYuNzgzSDI1NnY2Ni43ODN6TTk2LjY0MyA0NTYuMzQ4aDMxOC43MTNhMjU3LjI5MyAyNTcuMjkzIDAgMCAwIDU5LjA2OS02Ni43ODNIMzcuNTc0YTI1Ny4zNDYgMjU3LjM0NiAwIDAgMCA1OS4wNjkgNjYuNzgzem0tNy42LTM5NC40MDlhMjU3LjI1NCAyNTcuMjU0IDAgMCAwLTUxLjQ2OSA2MC40OTZoNTEuNDY5VjYxLjkzOXoiLz48cGF0aCBkPSJNMjU2IDI1NnYtNjYuNzgzSDE1NS44MjZWMjU2SDg5LjA0M3YtNjYuNzgzSDguODE5QzMuMDggMjEwLjUxMSAwIDIzMi44OTMgMCAyNTZzMy4wOCA0NS40ODkgOC44MTkgNjYuNzgzaDQ5NC4zNjNDNTA4LjkyIDMwMS40ODkgNTEyIDI3OS4xMDcgNTEyIDI1NkgyNTZ6bTAtMjU2Yy0zNS41NDkgMC02OS40MDQgNy4yNTMtMTAwLjE3NCAyMC4zNDh2MTAyLjA4N0gyNTZWNTUuNjUyaDE1OS4zNTdDMzcxLjYyNiAyMC44MjQgMzE2LjI0OSAwIDI1NiAweiIvPjwvZz48L3N2Zz4=)
  }

  .country-flag.ukraine:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2ZmZGE0NCIvPjxwYXRoIGZpbGw9IiMzMzhhZjMiIGQ9Ik0wIDI1NkMwIDExNC42MTYgMTE0LjYxNiAwIDI1NiAwczI1NiAxMTQuNjE2IDI1NiAyNTYiLz48L3N2Zz4=)
  }

  .country-flag.kenya:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGQ9Ik0yNTYgMEMxNTQuNTA2IDAgNjYuODEgNTkuMDY1IDI1LjQwMiAxNDQuNjk2aDQ2MS4xOTVDNDQ1LjE5IDU5LjA2NSAzNTcuNDkzIDAgMjU2IDB6Ii8+PHBhdGggZmlsbD0iIzQ5NmUyZCIgZD0iTTI1NiA1MTJjLTEwMS40OTQgMC0xODkuMTktNTkuMDY1LTIzMC41OTgtMTQ0LjY5Nmg0NjEuMTk1QzQ0NS4xOSA0NTIuOTM1IDM1Ny40OTMgNTEyIDI1NiA1MTJ6Ii8+PHBhdGggZmlsbD0iI2EyMDAxZCIgZD0iTTQ5OS45MTEgMTc4LjA4N0gxMi4wODlDNC4yNDcgMjAyLjY1NiAwIDIyOC44MzEgMCAyNTZzNC4yNDcgNTMuMzQ0IDEyLjA4OSA3Ny45MTNINDk5LjkxQzUwNy43NTMgMzA5LjM0NCA1MTIgMjgzLjE2OSA1MTIgMjU2cy00LjI0Ny01My4zNDQtMTIuMDg5LTc3LjkxM3oiLz48ZyBmaWxsPSIjZjBmMGYwIj48cGF0aCBkPSJtMzM1LjcxNSAxMTguMzAxLTMwLjMxNy0xMy45OTNMMjU2IDIxNi4xNTlsLTQ5LjM5OC0xMTEuODUxLTMwLjMxNyAxMy45OTNMMjM3LjYxMyAyNTZsLTYxLjMyOCAxMzcuNjk5IDMwLjMxNyAxMy45OTNMMjU2IDI5NS44NDFsNDkuMzk4IDExMS44NTEgMzAuMzE3LTEzLjk5M0wyNzQuMzg3IDI1NnoiLz48cGF0aCBkPSJNMjc2LjU5MSAxMzEuNDg5QzI2NC44NTUgMTE4LjY3MiAyNTYgMTExLjMwNCAyNTYgMTExLjMwNHMtOC44NTUgNy4zNjctMjAuNTkxIDIwLjE4NXYyNDkuMDJDMjQ3LjE0NSAzOTMuMzI4IDI1NiA0MDAuNjk2IDI1NiA0MDAuNjk2czguODU1LTcuMzY3IDIwLjU5MS0yMC4xODZWMTMxLjQ4OXoiLz48L2c+PHBhdGggZmlsbD0iI2EyMDAxZCIgZD0iTTIwMC4zNDggMTc5LjI0M3YxNTMuNTEyYzEyLjQwMiAyMS45NzUgMjcuNTgxIDM5Ljk4NyAzOC45NTcgNTEuOTI5VjEyNy4zMTVjLTExLjM3NiAxMS45NDEtMjYuNTU2IDI5Ljk1NC0zOC45NTcgNTEuOTI4em0xMTEuMzA0IDBjLTEyLjQwMy0yMS45NzUtMjcuNTgxLTM5Ljk4Ny0zOC45NTctNTEuOTI4djI1Ny4zNjljMTEuMzc1LTExLjk0MiAyNi41NTQtMjkuOTU0IDM4Ljk1Ny01MS45MjlWMTc5LjI0M3oiLz48cGF0aCBkPSJNMzExLjY1MiAxNzkuMjQzdjE1My41MTJjMTIuNTU1LTIyLjI0OSAyMi4yNjEtNDguNTU4IDIyLjI2MS03Ni43NTVzLTkuNzA2LTU0LjUwNy0yMi4yNjEtNzYuNzU3em0tMTExLjMwNCAwdjE1My41MTJjLTEyLjU1NS0yMi4yNDktMjIuMjYxLTQ4LjU1OC0yMi4yNjEtNzYuNzU1czkuNzA2LTU0LjUwNyAyMi4yNjEtNzYuNzU3eiIvPjwvc3ZnPg==)
  }

  .country-flag.scotland:before {
    background-image: url(static/scotland-2dc87be2b4f21e8ab09cf5c1d6e14a40.svg)
  }

  .country-flag.saudi-arabia:before {
    background-image: url(static/saudi-arabia-4f8a064b07fc5944f9921eb0300c6ac8.svg)
  }

  .logistics-hero {
    background-color: #f4f7fa;
    padding-bottom: 30px;
    padding-top: 100px
  }

  @media(min-width:1024px) {
    .logistics-hero {
      padding-top: 174px
    }
  }

  @media(min-width:768px) {
    .logistics-hero-wrp {
      align-items: center;
      display: flex;
      justify-content: space-between
    }

    .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 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 24px
  }

  @media(min-width:1024px) {
    .logistics-hero__title.h1 {
      font-size: 48px
    }
  }

  .logistics-hero__text {
    color: #596573;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-bottom: 32px
  }

  .logistics-hero-contact {
    margin-bottom: 32px
  }

  .logistics-hero-img img {
    border-radius: 10px;
    display: block;
    filter: drop-shadow(0 0 100px rgba(0, 0, 0, .15));
    margin: 0 auto;
    max-width: 400px;
    width: 100%
  }

  @media(min-width:768px) {
    .logistics-hero-img img {
      border-radius: 20px;
      max-width: 503px
    }
  }

  @media(min-width:1024px) {
    .logistics-hero-img img {
      border-radius: 50px
    }
  }

  .logistics-success {
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  .logistics-success_darker {
    background-color: #f4f7fa
  }

  @media(min-width:768px) {
    .logistics-success-wrp {
      align-items: center;
      display: flex;
      justify-content: space-between
    }
  }

  .logistics-success__title.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 32px;
    text-align: center
  }

  @media(min-width:768px) {
    .logistics-success__title.h2 {
      margin-bottom: 0;
      max-width: 495px;
      padding-right: 32px;
      text-align: left
    }
  }

  @media(min-width:1024px) {
    .logistics-success__title.h2 {
      font-size: 48px
    }
  }

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

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

  .read-blog .container {
    position: relative
  }

  .read-blog .container:before {
    background-color: rgba(89, 101, 115, .2);
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: -50px;
    transform: translateX(-50%);
    width: calc(100% - 48px)
  }

  @media(min-width:1024px) {
    .read-blog .container:before {
      top: -100px
    }
  }

  .read-blog-link {
    background-blend-mode: soft-light;
    background-color: #131a58;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 20px;
    color: #fff;
    display: block;
    padding: 100px 50px 35px
  }

  @media(min-width:1200px) {
    .read-blog-link {
      background-blend-mode: unset
    }
  }

  @media(min-width:1024px) {
    .read-blog-link {
      padding-bottom: 60px;
      padding-left: 100px;
      padding-top: 186px
    }
  }

  .read-blog-link__title {
    display: block;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 110%;
    margin-bottom: 36px;
    max-width: 525px;
    text-shadow: 0 0 15px rgba(0, 0, 0, .25)
  }

  @media(min-width:1024px) {
    .read-blog-link__title {
      font-size: 40px;
      margin-bottom: 48px
    }
  }

  @media(min-width:1200px) {
    .read-blog-link__title {
      transform: scale(1);
      transition: transform .3s
    }

    .read-blog-link__title:hover {
      transform: scale(1.02)
    }
  }

  .services-cards {
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  .services-cards__title.h3 {
    margin-bottom: 47px;
    text-align: center
  }

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

  .services-cards-item {
    border: 2px solid #eaeaea;
    border-radius: 10px;
    margin: 0 auto 24px;
    max-width: 397px;
    padding: 24px 24px 34px
  }

  @media(min-width:768px) {
    .services-cards-item {
      margin: 0 12px 24px;
      width: calc(50% - 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 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px;
    margin-top: 20px
  }

  .testimonials-hero {
    background-color: #f4f7fa;
    padding: 80px 0 50px
  }

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

  @media(min-width:768px) {
    .testimonials-hero .container {
      align-items: center;
      display: flex;
      justify-content: space-between
    }

    .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 {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: min-content auto;
    justify-items: flex-start;
    margin-bottom: 24px
  }

  @media(min-width:768px) {
    .testimonials-hero-title {
      margin-top: 10px
    }
  }

  .testimonials-hero-title__item.h1 {
    flex-grow: 0;
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%
  }

  @media(min-width:1024px) {
    .testimonials-hero-title__item.h1 {
      font-size: 64px
    }
  }

  .testimonials-hero-title-rating-wrp {
    flex-shrink: 0
  }

  .testimonials-hero-title-rating {
    align-items: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 80 80'%3E%3Cpath fill='%2322D173' d='M76.198 32.13a13.465 13.465 0 0 1-5.037-12.162 9.993 9.993 0 0 0-2.876-8.252 9.992 9.992 0 0 0-8.254-2.877A13.465 13.465 0 0 1 47.87 3.802 9.991 9.991 0 0 0 40 0a9.993 9.993 0 0 0-7.87 3.802A13.466 13.466 0 0 1 19.97 8.84a9.99 9.99 0 0 0-8.254 2.876 9.993 9.993 0 0 0-2.877 8.254A13.464 13.464 0 0 1 3.8 32.13 9.994 9.994 0 0 0 0 40a9.994 9.994 0 0 0 3.802 7.87 13.465 13.465 0 0 1 5.037 12.162 9.993 9.993 0 0 0 2.876 8.253 9.993 9.993 0 0 0 8.254 2.876 13.466 13.466 0 0 1 12.161 5.037A9.992 9.992 0 0 0 40 80a9.993 9.993 0 0 0 7.87-3.802 13.467 13.467 0 0 1 12.16-5.037 9.994 9.994 0 0 0 8.254-2.876 9.993 9.993 0 0 0 2.877-8.253A13.465 13.465 0 0 1 76.2 47.87 9.994 9.994 0 0 0 80 40a9.994 9.994 0 0 0-3.802-7.87Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    display: flex;
    height: 80px;
    justify-content: center;
    margin-left: 27px;
    width: 80px
  }

  .testimonials-hero-title-rating span {
    font-size: 16px;
    font-weight: 800;
    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, .2);
    padding-bottom: 30px
  }

  @media(min-width:768px) {
    .ratings-list {
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin: 0 -5px;
      padding-bottom: 48px
    }
  }

  .ratings-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    text-align: center
  }

  @media(min-width:768px) {
    .ratings-item {
      margin: 0 5px
    }
  }

  .ratings-item__number {
    color: #1780ff;
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
    margin-bottom: 12px
  }

  .ratings-item__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px
  }

  .ratings-item__caption {
    color: rgba(89, 101, 115, .5);
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    text-transform: uppercase
  }

  .ratings-item_overall {
    background-color: #1780ff;
    border-radius: 50%;
    color: #fff;
    height: 156px;
    justify-content: center;
    margin: 0 auto;
    width: 156px
  }

  @media(min-width:768px) {
    .ratings-item_overall {
      margin: 0 5px
    }
  }

  .ratings-item_overall .ratings-item__number {
    color: currentColor
  }

  .review {
    padding-bottom: 50px;
    padding-top: 30px
  }

  @media(min-width:768px) {
    .review {
      padding-bottom: 100px;
      padding-top: 64px
    }
  }

  .review-list {
    margin: 0 auto;
    max-width: 818px
  }

  .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 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 26px;
    text-align: left
  }

  .review-item__question {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 115%;
    margin-bottom: 25px
  }

  @media(min-width:1024px) {
    .review-item__question {
      font-size: 36px
    }
  }

  .review-item__reply {
    color: #596573;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 170%;
    margin-bottom: 34px
  }

  .review-item__reply:last-child {
    margin-bottom: 0
  }

  .review-item__reply+.review-item__question {
    margin-top: 40px
  }

  .split {
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative
  }

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

    .split_five-items .split-list {
      row-gap: 40px
    }

    .split_five-items .split-item {
      margin-bottom: 0;
      max-width: 292px
    }
  }

  @media(min-width:1200px) {
    .split_fintech .split-list {
      width: 49%
    }
  }

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

  .split-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30%
  }

  @media(min-width:1200px) {
    .split-img {
      width: 41.8%
    }
  }

  .split-img:before {
    background-color: hsla(0, 0%, 100%, .5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  @media(min-width:1024px) {
    .split-img:before {
      display: none
    }
  }

  .split-img:after {
    content: "";
    display: block;
    padding-bottom: 150%
  }

  .split__title.h2 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 48px;
    margin-bottom: 40px;
    margin-top: 40px;
    max-width: 514px
  }

  @media(min-width:1024px) {
    .split__title.h2 {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 64px;
      margin-top: 64px
    }

    .split-list {
      -moz-column-gap: 24px;
      column-gap: 24px;
      display: flex;
      flex-wrap: wrap;
      max-width: 70%;
      row-gap: 64px
    }
  }

  @media(min-width:1200px) {
    .split-list {
      width: 58.2%
    }
  }

  .split-item {
    margin-bottom: 36px;
    max-width: 71%
  }

  @media(min-width:1024px) {
    .split-item {
      max-width: calc(50% - 12px)
    }
  }

  .split-item svg {
    margin-bottom: 24px
  }

  .split-item__title {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 124%;
    margin-bottom: 8px;
    white-space: pre-wrap
  }

  .split-item__text {
    color: #596573;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%
  }

  .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, .5))
  }

  .circle-with-shadow .circle_new-yellow {
    stroke: #ffce1f;
    fill: none;
    filter: drop-shadow(0 0 15px rgba(255, 206, 31, .5))
  }

  .circle-with-shadow .circle_new-dark-blue {
    stroke: #131a58;
    fill: none;
    filter: drop-shadow(0 0 15px rgba(19, 26, 88, .5))
  }

  .circle-with-shadow .circle_white {
    stroke: #fff;
    fill: none;
    filter: drop-shadow(0 0 15px rgba(255, 255, 255, .5))
  }

  .circle-with-shadow .inner-circle_new-blue {
    stroke: #cce3ff
  }

  .circle-with-shadow .inner-circle_new-yellow {
    stroke: rgba(255, 206, 31, .25)
  }

  .circle-with-shadow .inner-circle_new-dark-blue {
    stroke: rgba(19, 26, 88, .25)
  }

  .corporate-hero {
    background-image: url(static/corporate-hero-e2404e76329cf807f12000e353eb953d.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px
  }

  .corporate-hero h3 {
    color: #fff;
    font-size: 26px;
    padding: 50px 0 100px;
    text-align: center;
    text-transform: uppercase
  }

  .corporate-hero h3 span {
    font-size: inherit;
    font-weight: 300;
    line-height: inherit
  }

  .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 {
    padding-top: 30px;
    text-align: center
  }

  .corporate-get__item {
    padding-bottom: 35px
  }

  .corporate-get__item i {
    color: #19764d;
    font-size: 42px
  }

  .corporate-get__item h5 {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 8px;
    text-transform: uppercase;
    white-space: pre-wrap
  }

  .corporate-get__item p {
    color: #7b7d7d
  }

  .corporate-clients {
    background-color: #fff;
    padding-top: 80px
  }

  .corporate-clients__review {
    box-shadow: 2px 5px 24px rgba(0, 0, 0, .2);
    margin: 100px 15px 30px;
    padding: 70px 25px 10px;
    position: relative
  }

  .corporate-clients__review-img {
    border-radius: 50%;
    height: 96px;
    left: 50%;
    position: absolute;
    top: -50px;
    transform: translateX(-50%);
    width: 96px
  }

  .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;
    font-size: 14px;
    margin-bottom: 30px;
    text-align: center
  }

  @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 h3 {
      font-size: 36px;
      padding-top: 60px
    }

    .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.3333333333%
    }

    .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-height: 165px;
      max-width: 165px
    }

    .corporate-hero h3 {
      padding: 110px 0 150px
    }

    .corporate-story .about-story__image {
      background-position: top
    }
  }

  .saas-dev-hero {
    background-color: #f4f7fa;
    padding-top: 100px;
    position: relative
  }

  @media(min-width:1024px) {
    .saas-dev-hero {
      padding-top: 174px
    }
  }

  .saas-dev-hero__title.h1 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin: 0 auto 40px;
    max-width: 716px;
    text-align: center
  }

  @media(min-width:1024px) {
    .saas-dev-hero__title.h1 {
      font-size: 48px;
      margin: 0 auto 54px
    }
  }

  .saas-dev-hero-img {
    position: relative;
    text-align: center
  }

  .saas-dev-hero-img:before {
    content: "";
    display: block;
    margin: 0 auto;
    max-height: 425px;
    max-width: 670px;
    padding-bottom: 62.7%;
    width: 100%
  }

  @media(min-width:768px) {
    .saas-dev-hero-img:before {
      height: 425px;
      padding-bottom: 0
    }
  }

  .saas-dev-hero-img img {
    bottom: -3vw;
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1
  }

  @media(min-width:768px) {
    .saas-dev-hero-img img {
      height: 425px;
      width: 670px
    }
  }

  @media(min-width:1024px) {
    .saas-dev-hero-img img {
      bottom: -23px
    }
  }

  .saas-dev-hero-img svg {
    bottom: 0;
    height: auto;
    left: -15%;
    max-width: 567px;
    position: absolute;
    width: 90%
  }

  @media(min-width:768px) {
    .saas-dev-hero-img svg {
      left: -5%
    }
  }

  @media(min-width:1024px) {
    .saas-dev-hero-img svg {
      bottom: 11px;
      left: 50%;
      transform: translateX(-85%)
    }
  }

  .saas-dev-why-us {
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center
  }

  @media(min-width:1024px) {
    .saas-dev-why-us {
      padding-bottom: 120px;
      padding-top: 120px
    }
  }

  .saas-dev-why-us__title.h2 {
    color: #1780ff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 32px;
    text-transform: uppercase
  }

  .saas-dev-why-us__text.h3 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 172%;
    margin: 0 auto 16px;
    max-width: 924px;
    text-align: center
  }

  @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 {
    background-color: #f4f7fa;
    padding-top: 70px
  }

  @media(min-width:1024px) {
    .saas-dev-expect {
      padding-top: 100px
    }
  }

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

  @media(min-width:1024px) {
    .saas-dev-expect__title.h2 {
      font-size: 48px;
      margin-bottom: 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 {
    background-color: #ffce1f;
    border-radius: 20px;
    margin: 0 auto 24px;
    max-width: 450px;
    padding: 32px 32px 40px
  }

  @media(min-width:1024px) {
    .saas-dev-expect-item {
      margin: 0 12px;
      width: 33.3333333333%
    }
  }

  .saas-dev-expect-item-icon {
    height: 32px;
    margin-bottom: 25px;
    width: 32px
  }

  .saas-dev-expect-item__title.h3 {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 124%;
    margin-bottom: 14px
  }

  .saas-dev-expect-item__text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 170%
  }

  .saas-dev-expect__caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
  }

  .leasing-story .about-story__image,
  .leasing-story:after {
    display: none
  }

  .leasing-get .aviation-success__title {
    margin-bottom: 0;
    padding: 50px 15px
  }

  .leasing-get-wrp {
    background-image: url(static/leasing-section-bg-b8ec43ad19050c177ae92111cb89988e.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 50px 0;
    text-align: center
  }

  .leasing-get__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 200px;
    padding: 20px;
    position: relative
  }

  .leasing-get__item i {
    font-size: 42px;
    transition: color .3s
  }

  .leasing-get__item-normal {
    white-space: pre-wrap
  }

  .leasing-get__item-hover {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(0, 160px, 0);
    transition: .4s ease;
    visibility: hidden
  }

  .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 {
    opacity: 1;
    transform: translate3d(0, 110px, 0);
    visibility: visible
  }

  .leasing-animated-wrp {
    padding: 35px 0
  }

  .leasing-animated-list {
    padding-left: 25px
  }

  .leasing-animated-list.visible .leasing-animated-item {
    opacity: 1
  }

  .leasing-animated-item {
    opacity: 0;
    padding-bottom: 20px;
    padding-left: 25px;
    position: relative;
    transition: opacity .3s ease
  }

  .leasing-animated-item:first-child {
    transition-delay: .3s
  }

  .leasing-animated-item:nth-child(2) {
    transition-delay: .6s
  }

  .leasing-animated-item:nth-child(3) {
    transition-delay: .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 {
    background-color: #37c386;
    border: 3px solid #ccc;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: -7px;
    position: absolute;
    top: 15px;
    width: 8px;
    z-index: 1
  }

  .leasing-animated-item:after {
    background-color: #ccc;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 15px;
    width: 1px
  }

  .leasing-animated-item:last-child:after {
    display: none
  }

  .leasing-animated-item__heading {
    align-items: center;
    display: flex
  }

  .leasing-animated-item__heading i {
    color: #19764d;
    flex-shrink: 0;
    font-size: 38px;
    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 {
    opacity: 0;
    padding-bottom: 32px;
    padding-left: 25px;
    position: relative;
    transition: opacity .3s
  }

  .process-animated-item:first-child,
  .process-animated-item:first-child:after {
    transition-delay: .3s
  }

  .process-animated-item:nth-child(2),
  .process-animated-item:nth-child(2):after {
    transition-delay: .6s
  }

  .process-animated-item:nth-child(3),
  .process-animated-item:nth-child(3):after {
    transition-delay: .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 {
    background-color: #ccc;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 7px;
    transition: height .3s;
    width: 1px
  }

  .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 {
    border-radius: 50%;
    content: "";
    height: 15px;
    left: -7px;
    position: absolute;
    top: 7px;
    width: 15px
  }

  .process-animated-item__heading:after {
    animation: sonarWave 2s linear infinite;
    background: #37c386
  }

  .process-animated-item__heading-caption {
    font-size: 18px;
    font-weight: 700
  }

  @media screen and (min-width:768px) {
    .leasing-story .about-story__image {
      display: block
    }

    .leasing-get-wrp {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: 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 {
      left: 83px;
      top: 83px
    }

    .leasing-benefit_less-items .leasing-animated-item:nth-child(2) .leasing-animated-item__dot-text {
      right: 151px;
      top: 34px
    }

    .leasing-benefit_less-items .leasing-animated-item:nth-child(3) .leasing-animated-item__dot-text {
      right: 127px;
      top: -44px
    }

    .leasing-benefit_less-items .leasing-animated-item:nth-child(4) .leasing-animated-item__dot-text {
      left: 126px;
      top: -46px
    }

    .leasing-benefit_less-items .leasing-animated-item:nth-child(5) .leasing-animated-item__dot-text {
      left: 152px;
      top: 33px
    }

    .leasing-animated-wrp {
      align-items: center;
      border: 1px solid #ccc;
      border-radius: 50%;
      display: flex;
      height: 304px;
      justify-content: center;
      margin: 9em auto;
      padding: 0;
      position: relative;
      width: 304px
    }

    .leasing-animated-list {
      bottom: 0;
      left: 0;
      padding: 0;
      position: absolute;
      right: 0;
      top: 0
    }

    .leasing-animated-item {
      display: flex;
      flex-direction: column;
      height: 136px;
      justify-content: center;
      left: 50%;
      padding-bottom: 0;
      padding-left: 0;
      position: absolute;
      top: 50%;
      width: 136px;
      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 {
      left: 50%;
      top: 50%
    }

    .leasing-animated-item__dot-text {
      background-color: #fff;
      border-top: 5px solid #37c386;
      box-shadow: 0 0 18.48px 5.52px rgba(0, 0, 0, .25);
      font-weight: 700;
      height: 106px;
      left: auto;
      opacity: 0;
      padding: 20px;
      position: absolute;
      top: -51px;
      transition: opacity .5s ease-in-out;
      visibility: hidden;
      width: 322px
    }

    .leasing-animated-item__dot-text:before {
      content: "";
      height: 100%;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 110%
    }

    .leasing-animated-item__dot-text:after {
      background: #fff;
      content: "";
      display: block;
      height: 10px;
      left: 0;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%) rotate(45deg);
      width: 10px
    }

    .leasing-animated-item:after {
      display: none
    }

    .leasing-animated-item:first-child .leasing-animated-item__dot-text {
      left: 83px;
      top: 83px
    }

    .leasing-animated-item:nth-child(2) .leasing-animated-item__dot-text {
      right: 144px;
      top: 48px
    }

    .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 {
      right: 145px;
      top: -22px
    }

    .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 {
      left: 85px;
      top: -59px
    }

    .leasing-animated-item:nth-child(4) .leasing-animated-item__dot-text_height {
      height: auto;
      top: -76px
    }

    .leasing-animated-item:nth-child(5) .leasing-animated-item__dot-text {
      left: 144px;
      top: -25px
    }

    .leasing-animated-item:nth-child(6) .leasing-animated-item__dot-text {
      left: 145px;
      top: 46px
    }

    .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 {
      opacity: 1;
      visibility: visible
    }

    .leasing-animated-item__heading {
      flex-direction: column;
      margin-bottom: 16px;
      text-align: center
    }

    .leasing-animated-item__heading i {
      padding-right: 0
    }

    .leasing-animated-round {
      align-items: center;
      border-radius: 50%;
      box-shadow: inset 0 0 3em 0 rgba(0, 0, 0, .08);
      display: flex;
      height: 80%;
      justify-content: center;
      left: 50%;
      margin-left: -40%;
      margin-top: -40%;
      position: absolute;
      top: 50%;
      transform: scale(0);
      transition: transform 2s linear;
      width: 80%
    }

    .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 {
      box-shadow: inset 0 0 3em 0 rgba(0, 0, 0, .08);
      height: 70%;
      margin-left: -35%;
      margin-top: -35%;
      transform: translate(-50%, -50%) scale(0);
      width: 70%
    }

    .leasing-animated-round__inner,
    .leasing-animated-round__inner-blue {
      border-radius: 50%;
      left: 50%;
      position: absolute;
      top: 50%;
      transition: transform 2s linear
    }

    .leasing-animated-round__inner-blue {
      background-color: #46a5d7;
      height: 60%;
      margin-left: -30%;
      margin-top: -30%;
      transform: scale(0);
      width: 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.3333333333%
    }

    .process_three-items .process-animated-item-text:first-child .process-animated-item-text__caption:before {
      left: 16.6666666667%;
      margin-left: -16.6%
    }

    .process_three-items .process-animated-item-text:nth-child(2) .process-animated-item-text__caption:before {
      left: 33.3333333333%;
      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.6666666667%;
      margin-left: -16.6%
    }

    .process_three-items .process-animated-item-text:nth-child(5) .process-animated-item-text__caption:before {
      left: 83.3333333333%;
      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 {
      opacity: 1;
      pointer-events: auto;
      position: static
    }

    .process-animated-list:hover .process-animated-item-text {
      opacity: 0;
      pointer-events: none;
      position: absolute
    }

    .process-animated-list:hover .process-animated-item-text:hover {
      opacity: 1;
      pointer-events: auto;
      position: static
    }

    .process-animated-item {
      flex-grow: 0;
      flex-shrink: 0;
      opacity: 1;
      padding: 0 0 25px;
      text-align: center;
      width: 16.6666666667%
    }

    .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 {
      border-bottom: 1px solid #ccc;
      height: 110px;
      margin-bottom: 0;
      padding-bottom: 10px;
      position: relative
    }

    .process-animated-item__heading:before {
      background-color: #37c386;
      border-radius: 50%;
      bottom: -7px;
      left: 50%;
      top: auto;
      transform: translateX(-50%);
      z-index: 2
    }

    .process-animated-item__heading:after {
      animation: none;
      background-color: #f6f6f6;
      border: 1px solid #ccc;
      bottom: -20px;
      height: 40px;
      left: 50%;
      top: auto;
      transform: translateX(-50%);
      width: 40px;
      z-index: 1
    }

    .process-animated-item-text {
      flex-basis: 100%;
      left: 0;
      opacity: 0;
      order: 10;
      padding-bottom: 0;
      padding-top: 20px;
      pointer-events: none;
      position: absolute;
      top: 135px;
      width: 100%
    }

    .process-animated-item-text:after {
      display: none
    }

    .process-animated-item-text:first-child .process-animated-item-text__caption:before {
      left: 8.3333333333%;
      margin-left: -8.3%
    }

    .process-animated-item-text:nth-child(2) .process-animated-item-text__caption:before {
      left: 16.6666666667%;
      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.3333333333%;
      margin-left: -8.3%
    }

    .process-animated-item-text:nth-child(5) .process-animated-item-text__caption:before {
      left: 41.6666666667%;
      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.3333333333%;
      margin-left: -8.3%
    }

    .process-animated-item-text:nth-child(8) .process-animated-item-text__caption:before {
      left: 66.6666666667%;
      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.3333333333%;
      margin-left: -8.3%
    }

    .process-animated-item-text:nth-child(11) .process-animated-item-text__caption:before {
      left: 91.6666666667%;
      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 {
      animation: fadeIn .5s linear;
      background-color: #fff;
      box-shadow: 1px 0 21px 0 rgba(81, 81, 81, .25);
      padding: 20px;
      position: relative;
      text-align: left
    }

    .process-animated-item-text__caption:before {
      background: #fff;
      border-color: transparent transparent #fff #fff;
      border-style: solid;
      border-width: 12px;
      box-shadow: -6px 4px 7px 0 rgba(81, 81, 81, .2);
      content: "";
      left: 50%;
      pointer-events: none;
      position: absolute;
      top: -12px;
      transform: translateX(-50%) rotate(135deg);
      z-index: 1
    }
  }

  @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
    }
  }

  @keyframes sonarWave {
    0% {
      opacity: .4
    }

    to {
      opacity: 0;
      transform: scale(3)
    }
  }

  .numbers {
    color: #131a58;
    padding-bottom: 52px;
    padding-top: 50px
  }

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

  .numbers_darker {
    background-color: #252525;
  }

  @media(min-width:1024px) {
    .numbers_darker {
      padding-bottom: 50px
    }
  }

  .numbers_top-line .container {
    position: relative
  }

  .numbers_top-line .container:before {
    background-color: rgba(89, 101, 115, .2);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: -50px;
    width: calc(100% - 48px)
  }

  @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 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 211px;
    width: 100%
  }

  .numbers-item svg {
    height: 211px;
    width: 211px
  }

  .numbers-item h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px;
    padding-bottom: 55px;
    padding-top: 43px;
    text-align: center
  }

  @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 {
    margin: 0 auto;
    max-width: 340px;
    padding: 0 15px 20px;
    text-align: center
  }

  @media(min-width:768px) {
    .numbers .case-result-item {
      margin: 0;
      max-width: 310px
    }
  }

  .numbers .case-result-item svg {
    height: 218px;
    width: 218px
  }

  .numbers .case-result-item p {
    color: #131a58;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px;
    padding-top: 34px
  }

  .numbers .timer {
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 124%;
    color: #fff;
  }

  .numbers-title.h4 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 138%;
    margin-bottom: 22px
  }
  .numbers-title h2{
    color: #fff;
  }

  @media(min-width:768px) {
    .numbers-title.h4 {
      width: 80%
    }
  }

  @media(min-width:1024px) {
    .numbers-title.h4 {
      font-size: 36px;
      max-width: 715px;
      width: auto
    }

    .numbers-wrp {
      display: flex
    }
  }

  @media(min-width:600px) {
    .numbers-small {
      display: flex;
      flex-wrap: wrap
    }
  }

  @media(min-width:1024px) {
    .numbers-small {
      padding-right: 4px;
      width: 59%
    }
  }

  @media(min-width:1200px) {
    .numbers-small {
      justify-content: space-between;
      width: auto
    }
  }

  .numbers-small-item {
    margin-bottom: 24px;
    text-align: center
  }

  @media(min-width:600px) {
    .numbers-small-item {
      text-align: left;
      width: 50%
    }
  }

  @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 {
      margin-bottom: 48px;
      width: 232px
    }

    .numbers-small-item:nth-child(2) {
      width: 536px
    }
  }

  .numbers-small-item__number {
    display: block;
    font-size: 45px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 115%;
    margin-bottom: 8px
  }

  @media(min-width:1024px) {
    .numbers-small-item__number {
      font-size: 85px;
      margin-bottom: 17px
    }
  }

  .numbers-small-item__caption.h3 {
    background-color: #fff;
    border-radius: 10px;
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    padding: 12px 14px
  }

  @media(min-width:1024px) {
    .numbers-small-item__caption.h3 {
      font-size: 18px;
      letter-spacing: -.02em;
      padding: 20px 24px
    }

    .numbers-big {
      align-items: center;
      display: flex;
      flex-direction: column;
      flex-shrink: 0;
      width: 41%
    }
  }

  @media(min-width:1200px) {
    .numbers-big {
      width: 396px
    }
  }

  .numbers-big-item {
    align-items: center;
    background-color: #1780ff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: 220px;
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 60px;
    text-align: center;
    width: 220px
  }

  @media(min-width:768px) {
    .numbers-big-item {
      height: 250px;
      padding-top: 40px;
      width: 250px
    }
  }

  @media(min-width:1024px) {
    .numbers-big-item {
      height: 396px;
      margin: auto;
      padding-bottom: 100px;
      padding-top: 100px;
      width: 396px
    }
  }

  @media(min-width:1200px) {
    .numbers-big-item {
      margin: 0
    }
  }

  .numbers-big-item h2 {
    margin-bottom: 0
  }

  .numbers-big-item__number {
    display: block;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 115%;
    margin-bottom: 8px
  }

  @media(min-width:1024px) {
    .numbers-big-item__number {
      font-size: 120px;
      margin-bottom: 16px
    }
  }

  .numbers-big-item__caption {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px
  }

  @media(min-width:1024px) {
    .numbers-big-item__caption {
      font-size: 18px;
      letter-spacing: -.02em
    }
  }

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

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

  .recommend_light {
    background-color: #000;
  }

  .recommend-title.h3 {
    margin-bottom: 24px
  }

  @media(min-width:1024px) {
    .recommend-wrp {
      align-items: center;
      display: flex;
      justify-content: space-between
    }
  }

  @media(min-width:600px) {
    .recommend-main {
      display: flex
    }
  }

  @media(min-width:1024px) {
    .recommend-main {
      margin-top: 15px;
      max-width: 632px
    }
  }

  .recommend__quote-icon {
    float: left;
    height: 64px;
    margin-bottom: 4px;
    margin-right: 16px;
    width: 64px
  }

  @media(min-width:600px) {
    .recommend__quote-icon {
      flex-shrink: 0;
      float: none;
      margin-bottom: 0;
      margin-right: 41px
    }
  }

  .recommend-content {
    margin-bottom: 16px
  }

  .recommend-content__text {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-bottom: 16px
  }

  @media(min-width:768px) {
    .recommend-content__text {
      font-size: 24px
    }
  }

  .recommend-content-bottom img {
    border-radius: 50%;
    height: 40px;
    margin-right: 16px;
    vertical-align: middle;
    width: 40px
  }

  .recommend-content-bottom span {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    opacity: .5;
    vertical-align: middle
  }

  .success {
    padding-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .success {
      padding-bottom: 100px;
      padding-top: 100px;
      position: relative
    }

    .success:after {
      border: 18px solid #ffce1f;
      border-radius: 135px 0;
      content: "";
      height: 540px;
      left: -28px;
      position: absolute;
      top: 53px;
      width: 306px;
      z-index: 1
    }
  }

  @media(min-width:1024px)and (min-width:1700px) {
    .success:after {
      display: none
    }
  }

  .success_darker {
    background-color: #000;
  }

  .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 {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      z-index: 2
    }
  }

  .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 {
      margin-left: auto;
      margin-top: 27px;
      max-width: 50%;
      order: 2
    }

    .success .cases-list {
      margin-top: 16px;
      order: 3
    }
  }

  .augmentation-hero {
    align-items: center;
    background-color: #f4f7fa;
    display: flex;
    min-height: calc(100vh - 64px);
    padding-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .augmentation-hero {
      min-height: 100vh;
      padding-bottom: 97px;
      padding-top: 129px
    }
  }

  @media(min-width:768px) {
    .augmentation-hero-wrp {
      align-items: center;
      display: flex;
      justify-content: space-between
    }
  }

  @media(min-width:1024px) {
    .augmentation-hero-main {
      margin-bottom: 44px
    }
  }

  .augmentation-hero__title.h1 {
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 115%;
    margin-bottom: 16px
  }

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

  .augmentation-hero__subtitle {
    color: #596573;
    font-size: 18px;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-bottom: 32px;
    opacity: .8
  }

  @media(min-width:1024px) {
    .augmentation-hero__subtitle {
      max-width: 609px
    }
  }

  @media(min-width:768px) {
    .augmentation-hero-aside {
      display: block !important;
      flex-shrink: 0;
      margin-left: 32px
    }

    .augmentation-hero-img {
      position: relative;
      width: 222px
    }

    .augmentation-hero-img:before {
      border: 6px solid #ffce1f;
      border-radius: 0 50px;
      content: "";
      height: 100%;
      left: -14px;
      position: absolute;
      top: -14px;
      width: 100%
    }
  }

  @media(min-width:1024px) {
    .augmentation-hero-img {
      width: 414px
    }

    .augmentation-hero-img:before {
      border-radius: 0 100px;
      height: 99.2%;
      left: -20px;
      top: -20px;
      width: 97.7%
    }
  }

  @media(min-width:768px) {
    .consulting-hero .augmentation-hero-wrp {
      justify-content: space-between
    }

    .consulting-hero .augmentation-hero-main {
      padding-right: 18px
    }
  }

  .consulting-hero .augmentation-hero__title {
    font-size: 48px;
    max-width: 565px
  }

  @media(min-width:768px) {
    .consulting-hero .augmentation-hero__subtitle {
      max-width: 500px
    }

    .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 {
      border-radius: 0 100px;
      height: 99.2%;
      left: -20px;
      top: -20px;
      width: 97.7%
    }
  }

  .client-review {
    padding-top: 50px;
    text-align: center
  }

  @media(min-width:1024px) {
    .client-review {
      padding-top: 100px
    }
  }

  .client-review__quote {
    display: inline-block;
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 150%;
    max-width: 818px
  }

  @media(min-width:1024px) {
    .client-review__quote {
      font-size: 36px
    }
  }

  .client-review-person {
    align-items: center;
    display: flex;
    height: 70px;
    justify-content: center;
    padding-bottom: 16px
  }

  .client-review-person__logo {
    flex-shrink: 0;
    height: 70px;
    width: 70px
  }

  .client-review-person__name {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    opacity: .5
  }

  .client-review-clutch {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }

  .client-review-clutch__img {
    flex-shrink: 0;
    height: 62px;
    margin-right: 24px;
    width: 56px
  }

  .client-review-clutch-stars .five-stars__sprite {
    background-size: 28px 27px;
    height: 28px;
    width: 167px
  }

  .client-review-clutch-text {
    flex-basis: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin-top: 16px
  }

  .client-review-clutch-text strong {
    color: #1780ff
  }

  .client-review-clutch-text__link {
    color: #131a58;
    font-weight: 700;
    text-decoration: underline
  }

  .client-review-clutch-text__link:hover {
    text-decoration: none
  }

  .dev-team-hero {
    background-color: #131a58;
    color: #fff;
    padding-bottom: 50px;
    padding-top: 120px
  }

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

  .dev-team-hero__title.h1 {
    margin-bottom: 20px;
    text-align: center
  }

  .dev-team-hero__caption.h2 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-bottom: 24px;
    opacity: .8;
    text-align: center
  }

  .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;
    max-width: 510px;
    opacity: .75
  }

  .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-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .dev-team-facts {
      padding-bottom: 100px;
      padding-top: 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 {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 150%;
    margin-bottom: 32px
  }

  @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 {
      margin-left: auto;
      max-width: 503px
    }
  }

  @media(min-width:1024px) {
    .dev-team-facts-list {
      margin-top: 5px
    }
  }

  .dev-team-facts-item {
    align-items: center;
    display: flex;
    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;
    height: 32px;
    margin-right: 20px;
    width: 32px
  }

  @media(min-width:1024px) {
    .dev-team-facts-item svg {
      margin-right: 40px
    }
  }

  .dev-team-facts-item__text.h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 0
  }

  @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;
    padding-bottom: 50px;
    text-align: center
  }

  @media(min-width:1024px) {
    .dev-team-contact {
      padding-bottom: 100px;
      text-align: left
    }
  }

  .dev-team-contact_darker {
    background-color: #f4f7fa;
    padding-bottom: 0
  }

  .dev-team-contact-wrp {
    background-blend-mode: overlay;
    background-color: #1780ff;
    background-image: url(static/dev-team-contact-bg-68a9ef8fbd500219fd6577b50670adb3.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px
  }

  @media(min-width:1024px) {
    .dev-team-contact-wrp {
      display: grid;
      grid-template-areas: "devContactTitle devContactImg" "devContactButton devContactImg";
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: 1.34fr 1fr;
      padding: 48px 48px 44px
    }
  }

  .dev-team-contact__title.h2 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 115%;
    margin: 0 auto 24px;
    max-width: 422px
  }

  @media(min-width:1024px) {
    .dev-team-contact__title.h2 {
      align-self: center;
      font-size: 36px;
      grid-area: devContactTitle;
      margin: 28px 0 0
    }
  }

  .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-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .dev-team-clutch {
      padding-bottom: 100px;
      padding-top: 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-bottom: 50px;
    padding-top: 50px
  }

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

  .clients-map__title.h2 {
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 32px;
    text-align: center
  }

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

  .clients-map-wrp {
    margin: 0 auto;
    max-height: 398px;
    max-width: 820px;
    position: relative
  }

  .clients-map-wrp svg {
    height: auto;
    max-height: inherit;
    max-width: inherit;
    width: 100%
  }

  @media(min-width:960px) {
    .clients-map-point path+ellipse {
      cursor: pointer;
      filter: drop-shadow(0 0 0 transparent);
      transition: filter .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 {
    left: 0;
    opacity: 0;
    padding-bottom: 4px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%, calc(-100% + 4px));
    transition: opacity .3s
  }

  .clients-map-item:hover,
  .clients-map-item_visible {
    opacity: 1;
    pointer-events: auto
  }

  .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 {
      left: 51px;
      top: 126px
    }

    .clients-map-item.vancouver {
      left: 60px;
      top: 76px
    }

    .clients-map-item.chicago {
      left: 131px;
      top: 104px
    }

    .clients-map-item.toronto {
      left: 155px;
      top: 100px
    }

    .clients-map-item.newYork {
      left: 161px;
      top: 120px
    }

    .clients-map-item.dublin {
      left: 342px;
      top: 69px
    }

    .clients-map-item.london {
      left: 356px;
      top: 71px
    }

    .clients-map-item.zurich {
      left: 392px;
      top: 81px
    }

    .clients-map-item.warsaw {
      left: 421px;
      top: 80px
    }

    .clients-map-item.kiev {
      left: 441px;
      top: 75px
    }

    .clients-map-item.copenhagen {
      left: 382px;
      top: 65px
    }

    .clients-map-item.stockholm {
      left: 396px;
      top: 55px
    }

    .clients-map-item.oslo {
      left: 381px;
      top: 50px
    }

    .clients-map-item.astana {
      left: 500px;
      top: 86px
    }

    .clients-map-item.abuDhabi {
      left: 501px;
      top: 153px
    }

    .clients-map-item.nairobi {
      left: 460px;
      top: 228px
    }

    .clients-map-item.melbourne {
      left: 728px;
      top: 341px
    }

    .clients-map-item.mexico {
      left: 101px;
      top: 177px
    }

    .clients-map-item.saoPaolo {
      left: 224px;
      top: 303px
    }

    .clients-map-item.buenosAires {
      left: 200px;
      top: 341px
    }
  }

  .clients-map-item__city {
    color: #596573;
    font-size: 8px;
    font-weight: 700;
    line-height: 10px;
    text-align: center
  }

  .clients-map-item-card {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    cursor: auto;
    padding: 32px 24px;
    width: 263px
  }

  .clients-map-item-img {
    margin-bottom: 20px;
    text-align: center
  }

  .clients-map-item .five-stars__sprite {
    background-size: 8px 8px;
    display: inline-block;
    margin: 0 0 0 8px;
    width: 47px
  }

  .clients-map-item__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 12px
  }

  .clients-map-item-person {
    align-items: center;
    display: flex
  }

  .clients-map-item-person img {
    border-radius: 50%;
    flex-shrink: 0;
    height: 24px;
    margin-right: 10px;
    width: 24px
  }

  .clients-map-item-person p {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
  }

  .clients-map-item-person p span {
    color: #1780ff;
    font-size: inherit;
    font-weight: 700;
    line-height: inherit
  }

  .clients-map-item-person p a {
    color: #131a58;
    font-size: inherit;
    font-weight: 700;
    line-height: inherit;
    text-decoration: underline
  }

  .clients-map-item-person p a:hover {
    text-decoration: none
  }

  .about-hero {
    background-color: #000000;
    color: #fff;
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  .about-hero h1 {
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.5;
    margin-bottom: 34px
  }

  @media(min-width:768px) {
    .about-hero h1 {
      width: 80%
    }
  }

  @media(min-width:1024px) {
    .about-hero h1 {
      font-size: 64px;
      line-height: 80px;
      margin-bottom: 64px;
      max-width: 896px;
      width: auto
    }
  }

  .about-hero-images {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 43px;
    margin-top: 18px;
  }

  @media(min-width:1024px) {
    .about-hero-images {
      grid-gap: 24px;
      margin-bottom: 64px
    }
  }

  .about-hero h2 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 135%;
    margin-bottom: 30px
  }

  @media(min-width:768px) {
    .about-hero h2 {
      line-height: 138%;
      width: 60%
    }
  }

  @media(min-width:1024px) {
    .about-hero h2 {
      font-size: 36px;
      margin-bottom: 31px;
      max-width: 995px;
      width: auto
    }
  }

  @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 span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 165%;
    margin-bottom: 24px;
    max-width: 503px
  }

  .about-hero-caption span br {
    display: none
  }

  @media(min-width:1024px) {
    .about-hero-caption span {
      margin-bottom: 0
    }

    .about-hero-caption span br {
      display: inline
    }
  }

  .about-more-wrp {
    padding-bottom: 50px;
    padding-top: 55px
  }

  @media(min-width:768px) {
    .about-more-wrp {
      display: flex
    }
  }

  .about-more__item {
    background-color: #fff;
    display: block;
    padding: 50px 15px;
    text-align: center;
    transition: background-color .3s
  }

  @media(min-width:768px) {
    .about-more__item {
      flex-basis: 33.3333333333%
    }
  }

  .about-more__item:hover {
    background-color: #f2f2f2
  }

  .about-more__item i {
    color: #19764d;
    display: block;
    font-size: 54px
  }

  .about-more__item span {
    color: #01101f;
    font-weight: 700;
    text-transform: uppercase
  }

  h2.small-subtitle {
    color: #1780ff;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 16px;
    text-align: center;
    text-transform: uppercase
  }

  .statement {
    background:#000;
    padding-bottom: 40px;
  }

  @media(min-width:1024px) {
    .statement {
      padding-bottom: 70px;
      background:#000;
    }
  }

  @media(min-width:1200px) {
    .statement {
      padding-bottom: 22px;
      background: #000;
      padding-top: 116px;
    }
  }

  .statement .small-subtitle {
    margin-bottom: 24px;
    text-transform: uppercase;
    margin-top: -177px;
  }

  .statement h1 {
    color: #fff;
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.5;
    margin-bottom: 32px;
    text-align: center
  }

  @media(min-width:1024px) {
    .statement h1 {
      font-size: 85px;
      line-height: 115%;
      margin: 0 auto 34px;
      max-width: 1030px
    }
  }

  .statement h3.h3 {
    font-size: 55px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 115%;
    margin-bottom: 33px;
    text-align: center;
    color:#fff;
  }

  @media(min-width:1024px) {
    .statement h3.h3 {
      font-size: 85px
    }
  }

  .statement h3.h3 br {
    display: none
  }

  @media(min-width:1100px) {
    .statement h3.h3 br {
      display: inline
    }
  }

  .statement span {
    color: #fff;
    display: block;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 126%;
    margin: 0 auto 16px;
    /* max-width: 715px; */
    text-align: center;
    margin-bottom: -16px;
  }


  @media(min-width:1024px) {
    .statement span {
      margin: 0 auto
    }
  }

  .statement-paws {
    margin-left: auto;
    width: 80px
  }

  .statement-paws svg {
    animation-direction: alternate-reverse;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
    animation-name: animatePaws;
    animation-timing-function: ease-in-out;
    height: auto;
    width: 100%
  }

  @media(min-width:1024px) {
    .statement-paws {
      margin-top: -12px;
      width: 242px
    }
  }

  .digits {
    color: #fff;
    padding-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .digits {
      padding-top: 100px
    }
  }

  .digits-title.h4 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 138%;
    margin-bottom: 22px
  }

  @media(min-width:768px) {
    .digits-title.h4 {
      width: 80%
    }
  }

  @media(min-width:1024px) {
    .digits-title.h4 {
      font-size: 36px;
      margin-bottom: 48px;
      max-width: 715px;
      width: auto
    }

    .digits-wrp {
      display: flex
    }
  }

  @media(min-width:600px) {
    .digits-small {
      display: flex;
      flex-wrap: wrap
    }
  }

  @media(min-width:1024px) {
    .digits-small {
      padding-right: 4px;
      width: 59%
    }
  }

  @media(min-width:1200px) {
    .digits-small {
      width: auto
    }
  }

  .digits-small-item {
    margin-bottom: 24px;
    text-align: center
  }

  @media(min-width:600px) {
    .digits-small-item {
      text-align: left;
      width: 50%
    }
  }

  @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 {
      margin-bottom: 17px;
      margin-right: 61px;
      width: 232px
    }

    .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;
    font-size: 45px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 115%;
    margin-bottom: 8px
  }

  @media(min-width:1024px) {
    .digits-small-item__number {
      font-size: 85px;
      margin-bottom: 17px
    }
  }

  .digits-small-item__caption.h3 {
    background-color: #ffce1f;
    border-radius: 10px;
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    padding: 12px 14px
  }

  @media(min-width:1024px) {
    .digits-small-item__caption.h3 {
      font-size: 18px;
      letter-spacing: -.02em;
      padding: 20px 24px
    }

    .digits-big {
      align-items: center;
      display: flex;
      flex-direction: column;
      flex-shrink: 0;
      width: 41%
    }
  }

  @media(min-width:1200px) {
    .digits-big {
      width: 396px
    }
  }

  .digits-big-item {
    align-items: center;
    background-color: #1780ff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: 220px;
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 60px;
    text-align: center;
    width: 220px
  }

  @media(min-width:768px) {
    .digits-big-item {
      height: 250px;
      padding-top: 40px;
      width: 250px
    }
  }

  @media(min-width:1024px) {
    .digits-big-item {
      height: 396px;
      margin: auto;
      padding-bottom: 100px;
      padding-top: 100px;
      width: 396px
    }
  }

  @media(min-width:1200px) {
    .digits-big-item {
      margin: 0
    }
  }

  .digits-big-item h2 {
    margin-bottom: 0
  }

  .digits-big-item__number {
    display: block;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 115%;
    margin-bottom: 8px
  }

  @media(min-width:1024px) {
    .digits-big-item__number {
      font-size: 120px;
      margin-bottom: 16px
    }
  }

  .digits-big-item__caption {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px
  }

  @media(min-width:1024px) {
    .digits-big-item__caption {
      font-size: 18px;
      letter-spacing: -.02em
    }
  }

  .strength {
    background-color: #000000;
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  .strength .h3,
  .strength h1 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 136%;
    margin: 0 auto 30px;
    max-width: 408px;
    text-align: center
  }

  @media(min-width:1024px) {

    .strength .h3,
    .strength h1 {
      font-size: 36px;
      margin-bottom: 48px;
      max-width: 608px
    }
  }

  .strength-wrp {
    color: #596573
  }

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

  .strength-item {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    margin: 0 auto 24px;
    max-width: 397px;
    padding: 20px 20px 16px
  }

  @media(min-width:768px) {
    .strength-item {
      display: flex;
      flex-direction: column;
      margin: 0 12px 24px;
      padding: 32px 32px 27px;
      width: calc(50% - 24px)
    }
  }

  @media(min-width:1024px) {
    .strength-item {
      width: calc(33.33333% - 24px)
    }

    .strength-item:nth-child(3n+1) .strength-user-item:first-child .strength-tooltip {
      left: -14px;
      transform: translateX(0)
    }

    .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-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 124%
  }

  .strength-item-title__text.h3 {
    color: #131a58;
    display: inline;
    margin: 0;
    text-align: left
  }

  .strength-item-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 24px
  }

  @media(min-width:768px) {
    .strength-item-description {
      margin-bottom: auto;
      padding-bottom: 19px
    }
  }

  .strength-item-users__caption {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 8px
  }

  .strength-user-list {
    align-items: center;
    display: flex
  }

  .strength-user-list__more {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-left: 8px;
    opacity: .5
  }

  .strength-user-item {
    display: inline-block;
    margin-left: -12px;
    position: relative
  }

  .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 {
    border: 3px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    overflow: hidden;
    width: 40px
  }

  @media(min-width:1024px) {
    .strength-user-avatar {
      cursor: pointer
    }

    .strength-user-avatar:hover+.strength-tooltip {
      opacity: 1;
      pointer-events: auto
    }

    .strength-tooltip {
      background-color: #fff;
      border-radius: 8px;
      bottom: 100%;
      box-shadow: 0 0 50px rgba(0, 0, 0, .08);
      color: #131a58;
      display: block !important;
      height: auto;
      left: 50%;
      opacity: 0;
      overflow: hidden;
      padding: 16px;
      pointer-events: none;
      position: absolute;
      transform: translateX(-50%);
      transition: opacity .3s;
      width: 224px
    }

    .strength-tooltip:hover {
      opacity: 1;
      pointer-events: auto
    }
  }

  .strength-tooltip-header {
    align-items: center;
    display: flex;
    margin-bottom: 1px
  }

  .strength-tooltip-header img {
    border-radius: 50%;
    flex-shrink: 0;
    height: 32px;
    margin-right: 12px;
    width: 32px
  }

  .strength-tooltip-header-info p {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 4px
  }

  .strength-tooltip-header-info .country-flag {
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    padding-left: 24px
  }

  .strength-tooltip-header-info .country-flag:before {
    height: 16px;
    width: 16px
  }

  .strength-tooltip q {
    color: #596573;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
  }

  .team {
    padding-bottom: 50px;
    padding-top: 50px;
    background:#000;
  }

  @media(min-width:1024px) {
    .team {
      padding-bottom: 118px;
      padding-top: 101px;
      position: relative;
      background:#000;
    }

    .team:after {
      border: 28px solid #ffce1f;
      border-radius: 214px 0;
      content: "";
      height: 855px;
      position: absolute;
      right: -57px;
      top: 79px;
      width: 484px;
      z-index: 0
    }
  }

  .team .h2,
  .team h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 135%;
    margin-bottom: 16px;
    max-width: 713px
  }

  @media(min-width:1024px) {

    .team .h2,
    .team h1 {
      font-size: 36px;
      margin-bottom: 66px
    }
  }

  .team-slider-container {
    margin-right: -15px
  }

  @media(min-width:1245px) {
    .team-slider-container {
      margin-right: calc(-50vw + 600px)
    }
  }

  .team-slider-container .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='122' height='70' fill='none' viewBox='0 0 122 70'%3E%3Cg filter='url(%23prefix__a)'%3E%3Cpath fill='%23fff' d='M101.414 36.414a2 2 0 0 0 0-2.828L88.686 20.858a2 2 0 1 0-2.828 2.828L97.172 35 85.858 46.314a2 2 0 1 0 2.828 2.828l12.728-12.728ZM20 37h80v-4H20v4Z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='prefix__a' width='122' height='69.456' x='0' y='.272' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' 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 values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
    height: 130px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-35%);
    width: 130px;
    z-index: 10
  }

  @media(min-width:1024px) {
    .team-slider-container .swiper-button-next {
      cursor: pointer;
      right: 204px;
      transition: transform .3s
    }

    .team-slider-container .swiper-button-next:hover:before {
      opacity: .3;
      transform: scale(1)
    }
  }

  .team-slider-container .swiper-button-next:after {
    display: none
  }

  .team-slider-container .swiper-button-next:before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 130px;
    left: 50%;
    margin-left: -65px;
    margin-top: -65px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale(0);
    transform-origin: center;
    transition: transform .3s, opacity .3s;
    width: 130px
  }

  .team-slider-container .swiper-button-prev {
    display: none
  }

  .scrollable-wrapper {
    overflow-y: auto;
    position: relative;
    width: 100%;
    z-index: 2
  }

  .scrollable-inner {
    display: flex;
    width: 1932px
  }

  @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;
    color: #fff;
    padding: 50px 0;
    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 {
    background-color: #f4f7fa;
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  .clients-hero-wrp {
    border-bottom: 1px solid rgba(89, 101, 115, .2);
    padding: 32px
  }

  @media(min-width:1024px) {
    .clients-hero-wrp {
      align-items: center;
      display: flex;
      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;
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 8px
  }

  @media(min-width:1024px) {
    .clients-hero-text__quote.h1 {
      font-size: 64px
    }
  }

  .clients-hero-text span {
    color: #596573;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
  }

  .clients-trust {
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  .clients-trust__title {
    margin-bottom: 16px
  }

  .clients-trust__subtitle.h2 {
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 16px;
    text-align: center
  }

  @media(min-width:1024px) {
    .clients-trust__subtitle.h2 {
      font-size: 64px
    }
  }

  .clients-trust p {
    color: #596573;
    font-size: 18px;
    letter-spacing: -.01em;
    line-height: 150%;
    margin: 0 auto 32px;
    max-width: 715px;
    text-align: center
  }

  @media(min-width:1024px) {
    .clients-trust p {
      margin-bottom: 64px
    }
  }

  .clients-trust div {
    text-align: center
  }

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

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

  .clients-serve__title.h2 {
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 32px;
    text-align: center
  }

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

  .clients-serve-wrp {
    display: flex
  }

  .clients-serve-item {
    border-radius: 120px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .04);
    flex-shrink: 0;
    padding: 20px 48px 24px 24px
  }

  @media(min-width:768px) {
    .clients-serve-item {
      padding: 20px 48px 24px
    }
  }

  @media(min-width:1024px) {
    .clients-serve-item {
      cursor: pointer;
      position: relative;
      z-index: 10
    }

    .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-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 124%
  }

  @media(min-width:768px) {
    .clients-serve-item__percent {
      margin-bottom: 10px
    }
  }

  .clients-serve-item__caption {
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 18px
  }

  .clients-serve-item_yellow {
    background-color: #ffce1f;
    border-radius: 100px 0 0 100px;
    color: #01101f;
    width: calc(40% + 48px)
  }

  .clients-serve-item_dark-blue {
    background-color: #131a58;
    color: #fff;
    margin-left: -70px;
    width: calc(60% + 22px)
  }

  @media(min-width:1024px) {
    .clients-serve-card {
      background-color: #fff;
      border: 2px solid #eaeaea;
      border-radius: 20px;
      box-shadow: 0 0 50px rgba(0, 0, 0, .08);
      box-sizing: border-box;
      color: #131a58;
      display: block !important;
      left: 0;
      opacity: 0;
      padding: 40px 38px;
      pointer-events: none;
      position: absolute;
      top: calc(100% + 8px);
      transition: opacity .3s;
      width: 480px
    }

    .clients-serve-card p {
      font-size: 16px;
      font-weight: 400;
      line-height: 170%;
      margin-bottom: 28px
    }

    .clients-serve-card p:last-of-type {
      margin-bottom: 0
    }

    .clients-serve-card ul {
      padding-top: 23px
    }

    .clients-serve-card li {
      align-items: center;
      display: flex;
      margin-bottom: 16px
    }

    .clients-serve-card li:last-child {
      margin-bottom: 0
    }

    .clients-serve-card li:before {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%231780FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 11 3 3L22 4'/%3E%3Cpath stroke='%231780FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 100%;
      content: "";
      flex-shrink: 0;
      height: 24px;
      margin-right: 16px;
      width: 24px
    }

    .clients-serve-card span {
      font-size: 16px;
      font-weight: 400;
      line-height: 170%
    }
  }

  .asterisk {
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: center
  }

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

  .asterisk_darker {
    background-color: #f4f7fa
  }

  .asterisk svg {
    margin-bottom: 48px
  }

  .asterisk__title.h3 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.25;
    margin-bottom: 24px;
    text-align: center
  }

  @media(min-width:1024px) {
    .asterisk__title.h3 {
      font-size: 48px
    }
  }

  .asterisk__text {
    color: #596573;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    margin: 0 auto;
    max-width: 608px;
    text-align: center
  }

  .dark-split {
    background-color: #131a58;
    color: #fff;
    padding-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .dark-split {
      padding-bottom: 100px;
      padding-top: 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 {
    bottom: 0;
    max-width: 752px;
    opacity: .3;
    position: absolute;
    right: 0;
    width: 100%
  }

  @media(min-width:1024px) {
    .dark-split_aviation .dark-split-img {
      bottom: auto;
      opacity: .5;
      top: 50%;
      transform: translateY(-50%)
    }
  }

  @media(min-width:1200px) {
    .dark-split_aviation .dark-split-img {
      opacity: 1
    }
  }

  @media(min-width:1024px) {
    .dark-split .container {
      align-items: center;
      display: flex;
      gap: 50px;
      justify-content: space-between
    }
  }

  @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-size: 32px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.25;
    margin-bottom: 32px
  }

  @media(min-width:1024px) {
    .dark-split__title.h3 {
      font-size: 48px
    }
  }

  .dark-split__text {
    font-size: 18px;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-bottom: 40px;
    opacity: .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 {
      flex-shrink: 0;
      max-width: 608px;
      width: 50%
    }
  }

  .dev-services {
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  .dev-services_darker {
    background-color: #f4f7fa
  }

  .dev-services__title {
    margin-bottom: 32px
  }

  .dev-services__text {
    color: #596573;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-bottom: 40px
  }

  @media(min-width:1024px) {
    .dev-services__text {
      max-width: 530px
    }
  }

  .dev-services-img {
    margin-bottom: 32px;
    text-align: center
  }

  @media(min-width:1024px) {
    .dev-services-img {
      margin-bottom: 0;
      text-align: left;
      width: 50%
    }

    .dev-services .container {
      align-items: center;
      display: flex;
      gap: 50px
    }
  }

  @media(min-width:1200px) {
    .dev-services .container {
      gap: 105px
    }
  }

  @media(min-width:1024px) {
    .dev-services-wrp {
      width: 50%
    }
  }

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

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

  .process_light {
    background-color: #000;
  }

  .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 {
      justify-content: space-between;
      margin-bottom: -24px;
      padding-top: 16px
    }
  }

  .process-item {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    margin: 0 auto 24px;
    max-width: 452px;
    overflow: hidden
  }

  @media(min-width:768px) {
    .process-item {
      display: flex;
      flex-direction: column;
      width: calc(50% - 5px)
    }

    .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 {
    color: #1780ff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 124%;
    margin-bottom: 8px;
    padding: 40px 32px 0;
    text-transform: uppercase
  }

  .process-item__number:after {
    content: counter(myCounter);
    counter-increment: myCounter
  }

  .process-item__title.h4 {
    color: #131a58;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 124%;
    margin-bottom: 12px;
    padding: 0 32px
  }

  .process-item__text {
    color: #596573;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 32px;
    padding: 0 32px
  }

  .process-item-img {
    height: 200px
  }

  @media(min-width:768px) {
    .process-item-img {
      margin-top: auto
    }
  }

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

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

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

  .waterfall-title.h3 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 32px
  }

  @media(min-width:1024px) {
    .waterfall-title.h3 {
      font-size: 48px;
      margin-bottom: 64px
    }
  }

  .waterfall-list {
    margin: 0 auto;
    width: 327px
  }

  @media(min-width:1024px) {
    .waterfall-list {
      background-blend-mode: lighten;
      background-image: linear-gradient(180deg, #e2e2e2, hsla(0, 0%, 92%, 0)), linear-gradient(90deg, transparent 1px, #f4f7fa 0, #f4f7fa);
      background-position: 50%, 0 0;
      background-repeat: no-repeat, repeat-x;
      background-size: 100%, 82px 100%;
      padding-top: 18px;
      width: auto
    }
  }

  @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
    }

    .waterfall-list_visible .waterfall-item_yellow .waterfall-item-title {
      width: 264px
    }

    .waterfall-list_visible .waterfall-item_orange .waterfall-item-title {
      margin-left: 10.9%;
      width: 284px
    }
  }

  @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 {
      margin-left: 27.6%;
      width: 318px
    }
  }

  @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 {
      margin-left: 37.3%;
      width: 354px
    }
  }

  @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 {
      margin-left: 65.1%;
      width: 119px
    }
  }

  @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 {
      margin-left: 68.3%;
      width: 309px
    }
  }

  @media(min-width:1288px) {
    .waterfall-list_visible .waterfall-item_green .waterfall-item-title {
      margin-left: 931px
    }
  }

  .waterfall-item {
    color: #fff;
    margin-bottom: 12px
  }

  .waterfall-item:first-child .waterfall-item-title,
  .waterfall-item:first-child .waterfall-item__text {
    transition-delay: .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
    }

    .waterfall-item {
      position: relative
    }
  }

  .waterfall-item:last-child {
    margin-bottom: 0
  }

  .waterfall-item_yellow .waterfall-item-title {
    background-color: #ffce1f;
    color: #131a58
  }

  @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 {
    border-radius: 10px;
    overflow: hidden;
    transition: width .8s;
    width: 0
  }

  .waterfall-item-title__inner {
    color: currentColor;
    display: block;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    padding: 20px 24px;
    width: 270px
  }

  .waterfall-item__text {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 50px rgba(0, 0, 0, .03);
    color: #596573;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 24px;
    margin-top: 12px;
    opacity: 0;
    padding: 24px;
    transition: opacity .8s
  }

  @media(min-width:1024px) {
    .waterfall-item__text {
      left: 50%;
      margin-bottom: 0;
      margin-top: 0;
      position: absolute;
      text-align: center;
      top: calc(100% + 16px);
      transform: translateX(-50%);
      transition: opacity .3s;
      width: 240px
    }

    .waterfall-item__text_top {
      bottom: calc(100% + 16px);
      top: auto
    }
  }

  .line-process {
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  .line-process_darker {
    background-color: #f4f7fa;
    padding-top: 0
  }

  .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 {
    background-color: rgba(89, 101, 115, .2);
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: -50px;
    transform: translateX(-50%);
    width: calc(100% - 48px)
  }

  @media(min-width:1024px) {
    .line-process_border-top .container:before {
      top: -100px
    }

    .line-process_no-hover .line-process-item {
      width: 33%
    }
  }

  .line-process_no-hover .line-process-item-showing {
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
    padding-top: 4px;
    position: static;
    width: auto
  }

  @media(min-width:1024px) {
    .line-process {
      padding-bottom: 100px
    }
  }

  .line-process__title .h3 {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin-bottom: 32px
  }

  @media(min-width:1024px) {
    .line-process__title .h3 {
      font-size: 48px;
      margin-bottom: 64px
    }
  }

  .line-process-list {
    counter-reset: lineCounter;
    margin: 0 auto;
    max-width: 540px
  }

  @media(min-width:1024px) {
    .line-process-list {
      display: flex;
      justify-content: space-between;
      max-width: unset;
      position: relative
    }

    .line-process-list:before {
      background-image: repeating-linear-gradient(90deg, transparent, transparent 4px, rgba(23, 128, 255, .3) 0, rgba(23, 128, 255, .3) 8px);
      background-repeat: repeat-x;
      content: "";
      height: 1px;
      left: 50%;
      position: absolute;
      top: 40px;
      transform: translateX(-50%);
      width: 100vw
    }
  }

  .line-process-item {
    padding-bottom: 32px;
    position: relative
  }

  @media(min-width:1024px) {
    .line-process-item {
      cursor: pointer;
      padding: 0 10px;
      width: 20%
    }

    .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, .5)
    }

    .line-process-item:hover .line-process-item-showing {
      opacity: 1;
      pointer-events: auto
    }
  }

  .line-process-item:before {
    background-image: repeating-linear-gradient(180deg, transparent, transparent 4px, rgba(23, 128, 255, .3) 0, rgba(23, 128, 255, .3) 8px);
    background-repeat: repeat-y;
    background-size: 100%;
    content: "";
    height: 100%;
    left: 26px;
    position: absolute;
    top: 0;
    width: 1px
  }

  @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 {
      align-items: center;
      display: flex;
      flex-direction: column;
      text-align: center
    }
  }

  .line-process-item-showing {
    background-image: linear-gradient(180deg, rgba(244, 247, 250, 0) 0, #f4f7fa 15px, #f4f7fa calc(100% - 15px), rgba(244, 247, 250, 0));
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
    z-index: 5
  }

  @media(min-width:1024px) {
    .line-process-item-showing {
      background-color: #fff;
      background-image: unset;
      border-radius: 20px;
      box-shadow: 0 0 50px rgba(0, 0, 0, .03);
      cursor: auto;
      left: 0;
      opacity: 0;
      padding: 24px;
      pointer-events: none;
      position: absolute;
      text-align: center;
      top: 88px;
      transition: opacity .3s;
      width: 240px
    }
  }

  .line-process-item-icon {
    align-items: center;
    background-color: #f4f7fa;
    border-radius: 10px;
    display: inline-flex;
    justify-content: center;
    margin-right: 12px;
    padding: 15px
  }

  @media(min-width:768px) {
    .line-process-item-icon {
      border: 2px solid #fff;
      border-radius: 20px;
      box-shadow: 0 0 30px rgba(255, 206, 31, 0);
      padding: 22px;
      transition: all .3s
    }
  }

  @media(min-width:1024px) {
    .line-process-item-icon {
      display: flex;
      height: 80px;
      margin-bottom: 24px;
      margin-right: 0;
      width: 80px
    }
  }

  .line-process-item-icon svg {
    height: 24px;
    width: 24px
  }

  @media(min-width:768px) {
    .line-process-item-icon svg {
      height: 32px;
      width: 32px
    }
  }

  .line-process-item__title.h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px;
    margin-bottom: 0
  }

  @media(min-width:1024px) {
    .line-process-item__title.h3-no-number {
      display: block !important;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: -.02em;
      line-height: 23px;
      margin-bottom: 12px;
      margin-right: 10px
    }

    .line-process-item__title.h3-no-number:before {
      counter-reset: none;
      display: none
    }
  }

  .line-process-item__title.h3:before {
    color: #fff;
    content: counter(lineCounter, decimal-leading-zero);
    counter-increment: lineCounter;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 6px
  }

  @media(min-width:768px) {
    .line-process-item__title.h3:before {
      margin-bottom: 12px
    }
  }

  .line-process-item__text {
    color: #596573;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%
  }

  .yellow-process {
    padding-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .yellow-process {
      padding-bottom: 100px;
      padding-top: 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 {
    margin: 0 auto;
    max-width: 400px;
    position: relative
  }

  @media(min-width:1024px) {
    .yellow-process-list {
      display: flex;
      max-width: unset
    }
  }

  .yellow-process-list:before {
    background-image: repeating-linear-gradient(180deg, transparent, transparent 4px, #cce3ff 0, #cce3ff 8px);
    background-repeat: repeat-y;
    background-size: 100%;
    content: "";
    height: 100%;
    left: 24px;
    position: absolute;
    top: 0;
    width: 1px
  }

  @media(min-width:1024px) {
    .yellow-process-list:before {
      background-image: repeating-linear-gradient(90deg, transparent, transparent 8px, #cce3ff 0, #cce3ff 16px);
      height: 1px;
      left: 50%;
      top: 40px;
      transform: translateX(-50%);
      width: 100vw
    }
  }

  .yellow-process-item {
    align-items: center;
    display: flex;
    margin-bottom: 19px
  }

  @media(min-width:1024px) {
    .yellow-process-item {
      flex-direction: column;
      text-align: center;
      width: 20%
    }
  }

  .yellow-process-item__number {
    background-color: #ffce1f;
    border-radius: 50%;
    color: #1780ff;
    display: inline-block;
    flex-shrink: 0;
    font-size: 20px;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    margin-right: 16px;
    position: relative;
    text-align: center;
    width: 48px;
    z-index: 5
  }

  @media(min-width:1024px) {
    .yellow-process-item__number {
      font-size: 24px;
      height: 80px;
      line-height: 80px;
      margin-bottom: 32px;
      width: 80px
    }
  }

  .yellow-process-item__text {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px
  }

  @media(min-width:1024px) {
    .yellow-process-item__text {
      padding: 0 10px;
      text-align: center
    }
  }

  @media(min-width:1200px) {
    .yellow-process-item__text {
      padding: 0 30px
    }
  }

  .business-hero {
    background-color: #f4f7fa;
    padding-bottom: 0;
    padding-top: 100px
  }

  @media(min-width:1024px) {
    .business-hero {
      padding-top: 174px
    }
  }

  .business-hero__title.h1 {
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 125%;
    margin: 0 auto;
    max-width: 665px;
    position: relative;
    text-align: center;
    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;
    padding-bottom: 37%;
    position: relative
  }

  @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 {
    background-color: #1780ff;
    border-radius: 50%;
    content: "";
    left: 50%;
    padding-bottom: 100%;
    position: absolute;
    top: 25%;
    transform: translateX(-50%);
    width: 100%
  }

  @media(min-width:768px) {
    .business-hero-img:before {
      padding-bottom: 80%;
      top: 15%;
      width: 80%
    }
  }

  @media(min-width:1200px) {
    .business-hero-img:before {
      left: 48.8%;
      padding-bottom: 796px;
      top: 18.4%;
      width: 796px
    }
  }

  .business-hero-img img {
    bottom: 10%;
    display: block;
    height: auto;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) scale(1.2);
    width: 100%;
    z-index: 5
  }

  @media(min-width:1200px) {
    .business-hero-img img {
      bottom: 13px;
      transform: translateX(-50%) scale(1.06)
    }
  }

  .business-why-us {
    padding-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .business-why-us-wrp {
      display: flex;
      justify-content: space-between;
      padding-bottom: 100px;
      padding-top: 70px
    }

    .business-why-us-main {
      flex-shrink: 0;
      margin-right: 20px;
      width: 503px
    }
  }

  .business-why-us__title.h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 60px;
    margin-bottom: 20px
  }

  @media(min-width:1024px) {
    .business-why-us__title.h2 {
      font-size: 48px
    }
  }

  .business-why-us__text.h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 0
  }

  .business-why-us-images {
    align-items: flex-start;
    display: flex;
    margin: 20px auto 0;
    max-width: 500px
  }

  @media(min-width:1024px) {
    .business-why-us-images {
      margin-right: 0;
      margin-top: 0;
      max-width: 610px
    }
  }

  .business-why-us-images img {
    border-radius: 10px;
    width: 48%
  }

  .business-why-us-images img:first-child {
    margin-right: 4%;
    margin-top: 0%
  }

  @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: 0.2%
    }
  }

  .business-why-us_web-dev {
    background-color: #000;
  }

  .business-why-us_web-dev .business-why-us-wrp {
    align-items: center
  }

  .next {
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative
  }

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

  .next_darker {
    background-color: #f4f7fa
  }

  .next:after {
    background-color: #666;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    max-width: 1240px;
    opacity: .2;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
  }

  .next-title.h3 {
    margin-bottom: 48px
  }

  @media(min-width:1024px) {
    .next-title.h3 {
      margin-bottom: 63px
    }
  }

  .next-list {
    counter-reset: nextCounter;
    margin: 0 auto;
    max-width: 500px
  }

  @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 {
      position: relative;
      width: 50%
    }
  }

  @media(min-width:1200px) {
    .next-item {
      margin-bottom: 51px;
      padding: 0 35px;
      width: 25%
    }
  }

  .next-item:before {
    color: #1780ff;
    content: counter(nextCounter, decimal-leading-zero);
    counter-increment: nextCounter;
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    height: 36px;
    letter-spacing: -.04em;
    line-height: 124%;
    margin-bottom: 46px;
    margin-right: 16px;
    width: 46px
  }

  @media(min-width:1024px) {
    .next-item:after {
      background-repeat: no-repeat;
      background-size: auto;
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 0
    }

    .next-item:first-child:after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='19' fill='none' viewBox='0 0 89 19'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='2' d='M1.43 17.322C14.52 2.554 34.884 2.448 53.437 2.026c11.742-.267 23 .255 33.793 5.051'/%3E%3C/svg%3E");
      height: 19px;
      right: 22px;
      top: 19px;
      width: 89px
    }

    .next-item:nth-child(2):after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='82' height='12' fill='none' viewBox='0 0 82 12'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='2' d='M1.264 10.394h51.224c12.544 0 18.067-1.024 28.173-8.964'/%3E%3C/svg%3E");
      height: 12px;
      right: 18px;
      top: 8px;
      width: 82px
    }

    .next-item:nth-child(3):after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='14' fill='none' viewBox='0 0 54 14'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='2' d='M1.379 12.2C18.462 6.578 34.727 3.58 52.603 1.955'/%3E%3C/svg%3E");
      height: 14px;
      right: 35px;
      top: 19px;
      width: 54px
    }
  }

  .next-item-text {
    color: #000;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 23px
  }

  .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;
    cursor: pointer;
    transition: color .3s
  }

  .next-item-text a:hover,
  .next-item-text label:hover {
    color: #1780ff
  }

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

  @media(min-width:1200px) {
    .mobile-dev-hero {
      padding-bottom: 50px;
      padding-top: 103px
    }
  }

  .mobile-dev-wrp {
    background-color: #131a58;
    border-radius: 50px;
    color: #fff;
    overflow: hidden
  }

  @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-bottom: 157px;
      padding-right: 0
    }

    .mobile-dev-main:after,
    .mobile-dev-main:before {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='416' height='184' fill='none' viewBox='0 0 416 184'%3E%3Cpath fill='%23FF9AE2' fill-rule='evenodd' d='M393.901 22.047c29.465 29.397 29.465 77.058 0 106.454l-265.09 264.453c-29.467 29.395-77.243 29.395-106.71 0-29.468-29.398-29.468-77.059 0-106.456l265.088-264.45c29.467-29.397 77.243-29.397 106.712 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 100%;
      bottom: -23px;
      content: "";
      display: block;
      height: 207px;
      position: absolute;
      width: 416px
    }

    .mobile-dev-main:before {
      left: -126px
    }

    .mobile-dev-main:after {
      left: 126px
    }
  }

  @media(min-width:1024px) {
    .mobile-dev-main {
      flex-grow: 1;
      flex-shrink: 0;
      padding-left: 64px;
      padding-top: 156px;
      width: 630px
    }
  }

  @media(min-width:1200px) {
    .mobile-dev-main:before {
      left: 38px
    }

    .mobile-dev-main:after {
      left: 293px
    }
  }

  .mobile-dev__title.h1 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 115%;
    margin-bottom: 16px
  }

  @media(min-width:1024px) {
    .mobile-dev__title.h1 {
      font-size: 48px;
      font-weight: 800;
      line-height: 60px
    }
  }

  .mobile-dev__caption {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-bottom: 24px;
    opacity: .8
  }

  @media(min-width:1024px) {
    .mobile-dev__caption {
      margin-bottom: 32px;
      margin-right: 10px
    }
  }

  .mobile-dev-contact {
    position: relative;
    z-index: 5
  }

  .mobile-dev-aside {
    background-image: url(static/mobile-dev-hero-small-70c89f161086c84c76547195b3b0d6e3.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -100px;
    position: relative;
    width: 100%
  }

  @media(min-width:475px) {
    .mobile-dev-aside {
      background-image: url(static/mobile-dev-hero-big-c88959c3b38be756a1a5670485269687.png);
      background-position: 100% 0
    }
  }

  @media(min-width:768px) {
    .mobile-dev-aside {
      background-position: 0 0;
      margin-top: 0
    }
  }

  @media(min-width:1200px) {
    .mobile-dev-aside {
      background-position: -81px 0
    }
  }

  .mobile-dev-aside:before {
    content: "";
    display: block;
    height: 474px;
    width: 100%
  }

  @media(min-width:768px) {
    .mobile-dev-aside:before {
      height: auto
    }
  }

  .mobile-dev-aside:after {
    background-image: linear-gradient(180deg, #131a58 26.06%, transparent 99.97%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  @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 {
    background-color: rgba(89, 101, 115, .2);
    content: "";
    display: block;
    height: 1px;
    width: 100%
  }

  @media(min-width:1024px) {
    .mobile-dev-review .client-review {
      padding-top: 64px
    }
  }

  .mobile-dev-review .client-review__quote {
    max-width: 910px
  }

  .who-we-are {
    background-color: #131a58;
    color: #fff;
    padding-bottom: 100px;
    padding-top: 100px;
    position: relative;
    text-align: center
  }

  .who-we-are:before {
    background-image: url(static/dots-bg-x1-89fe2648e7f7ac9b00934c80ece93503.png);
    background-position: 70% 174px;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: overlay;
    position: absolute;
    width: 100%
  }

  @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-092068f802862efa035c59e587b89639.png)
    }
  }

  .who-we-are__title.h2 {
    color: #1780ff;
    font-size: 16px;
    font-weight: 700;
    line-height: 115%;
    margin-bottom: 24px;
    text-align: center;
    text-transform: uppercase
  }

  .who-we-are__subtitle {
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.25;
    text-align: center
  }

  @media(min-width:1024px) {
    .who-we-are__subtitle {
      font-size: 64px;
      margin: 0 auto;
      max-width: 92%
    }
  }

  .who-we-are .container {
    position: relative;
    z-index: 5
  }

  @media(min-width:1024px) {
    .who-we-are {
      padding-bottom: 200px;
      padding-top: 200px
    }
  }

  .agile {
    background-color: #131a58;
    color: #fff;
    padding-bottom: 100px;
    padding-top: 100px;
    position: relative
  }

  .agile:before {
    background-image: url(static/dots-bigger-x1-41b6dc793d11e75648af8d3b3306d595.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: overlay;
    position: absolute;
    width: 100%
  }

  @media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .agile:before {
      background-image: url(static/dots-bigger-x2-80c48104ee638df1ab40caefb2d5b6d5.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 {
      display: flex;
      flex-direction: column;
      margin-bottom: 0;
      width: 50%
    }
  }

  .agile__title.h3 {
    padding-left: 34px;
    position: relative
  }

  .agile__title.h3:before {
    background-color: #1780ff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px
  }

  .agile__subtitle {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-bottom: 32px;
    opacity: .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 {
    align-items: center;
    display: flex;
    margin-bottom: 24px;
    position: relative
  }

  @media(min-width:1024px) {
    .agile-pros-item {
      height: 54px;
      margin-bottom: 0
    }
  }

  .agile-pros-item:last-child {
    margin-bottom: 0
  }

  .agile-pros-item:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%231780FF' d='m31.223 14.114-2.183-2.182c-.518-.518-.942-1.541-.942-2.275V6.57c0-1.468-1.2-2.668-2.667-2.668h-3.087c-.733 0-1.758-.426-2.276-.943L17.886.778a2.675 2.675 0 0 0-3.772 0L11.932 2.96c-.518.518-1.544.942-2.276.942H6.57a2.675 2.675 0 0 0-2.667 2.668v3.086c0 .73-.424 1.758-.942 2.275L.779 14.114a2.675 2.675 0 0 0 0 3.773L2.96 20.07c.518.518.942 1.545.942 2.276v3.086c0 1.466 1.201 2.667 2.667 2.667h3.086c.734 0 1.758.425 2.276.942l2.182 2.183a2.677 2.677 0 0 0 3.772 0l2.182-2.183c.518-.518 1.543-.942 2.276-.942h3.087c1.468 0 2.667-1.2 2.667-2.667v-3.086c0-.734.425-1.758.942-2.276l2.183-2.182a2.678 2.678 0 0 0 0-3.773ZM13.883 22 8 16.116l1.885-1.885 3.999 3.998L22.114 10 24 11.886 13.883 22Z'/%3E%3C/svg%3E");
    background-position: center 0;
    background-repeat: no-repeat;
    content: "";
    flex-shrink: 0;
    height: 32px;
    width: 32px
  }

  .agile-pros-item__text {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-left: 24px
  }

  .agile-tasks {
    align-items: center;
    border-top: 1px solid hsla(0, 0%, 100%, .25);
    display: flex;
    padding-top: 32px
  }

  @media(min-width:1024px) {
    .agile-tasks {
      padding-top: 40px
    }
  }

  .agile-tasks-wrp {
    margin-left: 24px
  }

  .agile-tasks__title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px;
    margin-bottom: 6px
  }

  .agile-tasks-engagement {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
  }

  .agile-tasks-engagement__item {
    background-color: #ffce1f;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    height: 12px;
    margin-right: 4px;
    width: 12px
  }

  .agile-tasks-engagement__item:first-child {
    margin-left: 8px
  }

  .agile-tasks-engagement__item:last-child {
    margin-right: 0
  }

  .hiring {
    background-color: #131a58;
    color: #fff;
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative;
    text-align: center
  }

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

  .hiring:before {
    background-image: url(static/dots-bg-x1-89fe2648e7f7ac9b00934c80ece93503.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: overlay;
    position: absolute;
    width: 100%
  }

  @media(min-width:1024px) {
    .hiring:before {
      background-position: bottom
    }
  }

  @media(min-width:1440px) {
    .hiring:before {
      background-position: 48% 100%;
      background-size: 100%
    }
  }

  @media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .hiring:before {
      background-image: url(static/dots-bg-x2-092068f802862efa035c59e587b89639.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 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    text-align: center
  }

  @media(min-width:1024px) {
    .hiring-item {
      margin: 0 4px;
      position: relative
    }

    .hiring-item:after {
      background-image: repeating-linear-gradient(90deg, #bfbfbf, #bfbfbf 2px, transparent 0, transparent 6px, #bfbfbf 0, #bfbfbf 8px);
      content: "";
      height: 1px;
      left: calc(100% + 15px);
      overflow: hidden;
      position: absolute;
      top: 67px;
      width: 40px
    }

    .hiring-item:last-child:after {
      display: none
    }
  }

  .hiring-item__number {
    background-color: #ffce1f;
    border: 5px solid #131a58;
    border-radius: 50%;
    color: #1780ff;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 8px;
    position: relative;
    z-index: 5
  }

  .hiring-item__title {
    background-color: #ffce1f;
    border-radius: 76px;
    color: #131a58;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 20px;
    margin-top: -17px;
    padding: 30px 20px;
    text-align: center;
    text-transform: uppercase
  }

  @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 {
    color: hsla(0, 0%, 100%, .75);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 16px;
    text-align: center
  }

  @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 {
    align-items: center;
    color: hsla(0, 0%, 100%, .75);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 230px;
    left: calc(50% - 103px);
    line-height: 18px;
    padding-left: 20px;
    padding-top: 40px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 134px
  }

  @media(min-width:1024px) {
    .hiring-item__arrow-box {
      height: 68px;
      justify-content: center;
      left: 50%;
      max-width: 266px;
      padding-left: 0;
      padding-top: 135px;
      top: 75px;
      transform: none;
      width: 19.1vw
    }
  }

  .hiring-item__arrow-box:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='275' height='70' fill='none' viewBox='0 0 275 70'%3E%3Cpath fill='%23fff' d='M267.707.293a1 1 0 0 0-1.414 0l-6.364 6.364a1 1 0 1 0 1.414 1.414L267 2.414l5.657 5.657a1 1 0 1 0 1.414-1.414L267.707.293ZM0 1v4.5h2V1H0Zm0 13.5V19h2v-4.5H0ZM0 19c0 1.347.052 2.683.155 4.004l1.994-.155A49.693 49.693 0 0 1 2 19H0Zm1.398 11.91a50.611 50.611 0 0 0 2.472 7.612l1.848-.766a48.613 48.613 0 0 1-2.374-7.311l-1.946.465ZM7.51 45.651a51.167 51.167 0 0 0 4.71 6.472l1.52-1.3a49.167 49.167 0 0 1-4.525-6.218L7.509 45.65Zm10.368 12.13a51.171 51.171 0 0 0 6.472 4.71l1.046-1.705a49.167 49.167 0 0 1-6.218-4.525l-1.3 1.52Zm13.6 8.349a50.614 50.614 0 0 0 7.613 2.472l.465-1.946a48.601 48.601 0 0 1-7.311-2.374l-.767 1.848Zm15.519 3.715c1.321.103 2.657.155 4.004.155v-2c-1.296 0-2.58-.05-3.85-.149l-.154 1.994ZM51 70h4.15v-2H51v2Zm12.45 0h8.3v-2h-8.3v2Zm16.6 0h8.3v-2h-8.3v2Zm16.6 0h8.3v-2h-8.3v2Zm16.6 0h8.3v-2h-8.3v2Zm16.6 0h8.3v-2h-8.3v2Zm16.6 0h8.3v-2h-8.3v2Zm16.6 0h8.3v-2h-8.3v2Zm16.6 0h8.3v-2h-8.3v2Zm16.6 0h8.3v-2h-8.3v2Zm16.6 0H217v-2h-4.15v2Zm4.15 0c1.347 0 2.683-.052 4.004-.155l-.155-1.994c-1.27.099-2.553.149-3.849.149v2Zm11.91-1.398a50.6 50.6 0 0 0 7.612-2.472l-.766-1.848a48.59 48.59 0 0 1-7.311 2.374l.465 1.946Zm14.741-6.111a51.183 51.183 0 0 0 6.472-4.71l-1.3-1.52a49.221 49.221 0 0 1-6.218 4.525l1.046 1.705Zm12.13-10.368a51.216 51.216 0 0 0 4.71-6.472l-1.705-1.046a49.146 49.146 0 0 1-4.525 6.218l1.52 1.3Zm8.349-13.6a50.666 50.666 0 0 0 2.472-7.613l-1.946-.465a48.521 48.521 0 0 1-2.374 7.311l1.848.766Zm3.715-15.519c.103-1.321.155-2.657.155-4.004h-2c0 1.296-.05 2.58-.149 3.85l1.994.154ZM268 19v-4.5h-2V19h2Zm0-13.5V1h-2v4.5h2Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 45px;
    left: -82px;
    position: absolute;
    top: 116px;
    transform: rotate(90deg);
    width: 230px
  }

  @media(min-width:1024px) {
    .hiring-item__arrow-box:before {
      height: 100%;
      left: 0;
      top: 12px;
      transform: none;
      width: 100%
    }
  }

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

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

  .control__title {
    margin-bottom: 40px
  }

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

  .control-item {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 32px
  }

  @media(min-width:1024px) {
    .control-item {
      flex-wrap: nowrap;
      margin-bottom: 40px
    }
  }

  .control-item__number {
    background-color: #ffce1f;
    border-radius: 50%;
    color: #1780ff;
    flex-shrink: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 115%;
    margin-right: 12px;
    padding: 12px;
    text-align: center
  }

  @media(min-width:1024px) {
    .control-item__number {
      margin-right: 32px;
      padding: 26px
    }
  }

  .control-item__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    width: calc(100% - 65px)
  }

  @media(min-width:1024px) {
    .control-item__text {
      margin-right: 24px;
      max-width: 391px
    }
  }

  .control-item__duration {
    background-color: #1780ff;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 12px;
    padding: 12px 24px;
    width: 100%
  }

  @media(min-width:1024px) {
    .control-item__duration {
      border-radius: 100px;
      padding: 30px 40px
    }
  }

  .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%
    }
  }

  .new .technologies,
  .new.technologies {
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative
  }

  .new .technologies_darker,
  .new.technologies_darker {
    background-color: #f4f7fa;
  }

  .new .technologies_web-development,
  .new.technologies_web-development {
    background-color: #f4f7fa;
    padding-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {

    .new .technologies_web-development,
    .new.technologies_web-development {
      padding-bottom: 100px;
      padding-bottom: 60px;
      padding-top: 100px
    }

    .new .technologies_web-development .h3,
    .new.technologies_web-development .h3 {
      margin-bottom: 46px
    }

    .new .technologies_web-development .technologies-small-row,
    .new.technologies_web-development .technologies-small-row {
      margin-bottom: 8px
    }

    .new .technologies_custom-dev,
    .new.technologies_custom-dev {
      padding-bottom: 68px;
      padding-top: 100px
    }
  }

  .new .technologies_custom-dev:before,
  .new.technologies_custom-dev:before {
    display: none
  }

  .new .technologies:before,
  .new.technologies:before {
    background-color: #eaeaea;
    content: "";
    height: 1px;
    left: 50%;
    max-width: 1240px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%
  }

  .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-row a,
  .new.technologies-big-row a {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 88px;
    margin: 0 8px 16px;
    padding: 14px 15px;
    width: 98px
  }

  .new .technologies-big-row a:nth-child(5) img,
  .new.technologies-big-row a:nth-child(5) img {
    margin-top: 15px
  }

  .new .technologies-big-row a:nth-child(6) img,
  .new.technologies-big-row a:nth-child(6) img {
    margin-top: 5px
  }

  .new .technologies-big-row a img,
  .new.technologies-big-row a img {
    max-height: 27px;
    max-width: 26px
  }

  .new .technologies-big-row a .h4,
  .new.technologies-big-row a .h4 {
    color: #131a58;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: auto
  }

  .new .technologies-small-row,
  .new.technologies-small-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }

  .new .technologies-small-row div,
  .new.technologies-small-row div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 57px;
    margin-bottom: 32px;
    width: 25%
  }

  .new .technologies-small-row div:nth-child(2) img,
  .new .technologies-small-row div:nth-child(8) img,
  .new.technologies-small-row div:nth-child(2) img,
  .new.technologies-small-row div:nth-child(8) img {
    margin-top: 5px
  }

  .new .technologies-small-row div img,
  .new.technologies-small-row div img {
    height: auto;
    width: 25px
  }

  .new .technologies-small-row div p,
  .new.technologies-small-row div p {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-top: auto
  }

  @media screen and (min-width:602px) {
    .new .technologies-big-row a {
      height: 118px;
      padding: 22px;
      width: 187px
    }

    .new .technologies-big-row a:nth-child(5) img {
      margin-top: 15px
    }

    .new .technologies-big-row a img {
      max-height: 40px;
      max-width: 40px
    }

    .new .technologies-small-row div {
      width: 15%
    }
  }

  @media screen and (min-width:1024px) {
    .new .technologies {
      
    }

    .new .technologies-big-row {
      margin: 0 -12px 24px
    }

    .new .technologies-big-row a {
      cursor: pointer;
      margin: 0 12px 24px
    }

    .new .technologies-small-row {
      justify-content: space-between;
      margin: 0 10px
    }

    .new .technologies-small-row-small-item {
      height: 74px;
      width: auto
    }

    .new .technologies-small-row-small-item img {
      width: 40px
    }
  }

  @media screen and (min-width:1278px) {
    .new .technologies {
      padding-bottom: 64px;
      padding-top: 64px
    }

    .new .technologies .h3 {
      margin-bottom: 48px
    }

    .new .technologies-big-row {
      margin: 0 -11px
    }

    .new .technologies-big-row a {
      margin: 0 11px 44px
    }
  }

  .retail-hero {
    background-color: #f4f7fa;
    background-image: none;
    padding-bottom: 50px;
    padding-top: 143px
  }

  @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
  }

  .custom-dev-numbers h3 {
    margin-bottom: 32px
  }

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

  @media(min-width:1024px) {
    .custom-dev-review {
      padding-bottom: 100px;
      padding-top: 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 {
    background-color: rgba(89, 101, 115, .2);
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: -50px;
    transform: translateX(-50%);
    width: calc(100% - 48px)
  }

  @media(min-width:1024px) {
    .custom-dev-review_light .container:before {
      top: -100px
    }
  }

  .comp {
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  .comp__title.h3 {
    margin-bottom: 24px
  }

  .comp__caption {
    color: #596573;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    margin-bottom: 48px;
    max-width: 503px
  }

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

    .comp-list {
      flex-shrink: 0
    }
  }

  .comp-item-heading {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    padding: 24px;
    transition: background-color .3s
  }

  @media(min-width:1024px) {
    .comp-item-heading {
      cursor: pointer
    }

    .comp-item-heading:hover {
      background-color: #cce3ff
    }
  }

  .comp-item-heading svg,
  .comp-item-heading__text {
    pointer-events: none
  }

  .comp-item-heading__text {
    color: #131a58;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 124%;
    margin-left: 24px
  }

  @media(min-width:768px) {
    .comp-item-heading__text {
      font-size: 24px
    }
  }

  .comp-item-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s, padding .3s
  }

  .comp-item-content__title {
    color: #131a58;
    font-size: 24px;
    font-weight: 700;
    line-height: 115%;
    margin-bottom: 24px;
    margin-top: 32px
  }

  .comp-item-content__text {
    color: #131a58;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 150%;
    padding: 24px 0;
    white-space: pre-wrap
  }

  @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 {
      align-items: center;
      display: flex
    }
  }

  .comp-tab-list {
    border-left: 1px solid #f5f5f5;
    margin-left: 24px;
    padding-left: 24px
  }

  @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;
    display: none;
    justify-content: space-between;
    opacity: 0
  }

  .comp-tab-item.active {
    animation-delay: .1s;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-name: showing;
    display: flex
  }

  .comp-tab-content {
    max-width: 345px;
    padding-right: 24px
  }

  .comp-tab-img {
    max-width: 292px
  }

  .comp-tab-img img {
    border-radius: 20px
  }

  @keyframes showing {
    0% {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

  @keyframes projects-animation-0 {
    to {
      transform: translateX(0)
    }
  }

  @keyframes projects-animation-1 {
    to {
      transform: translateX(-16.6666666667%)
    }
  }

  @keyframes projects-animation-2 {
    to {
      transform: translateX(-33.3333333333%)
    }
  }

  @keyframes projects-animation-3 {
    to {
      transform: translateX(-50%)
    }
  }

  @keyframes projects-animation-4 {
    to {
      transform: translateX(-66.6666666667%)
    }
  }

  @keyframes projects-animation-5 {
    to {
      transform: translateX(-83.3333333333%)
    }
  }

  .new .cstudy-outer-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
  }

  @media(min-width:1400px) {
    .new .cstudy-outer-wrapper {
      position: relative
    }
  }

  .new .cstudy .controls {
    margin-left: auto
  }

  @media(min-width:1400px) {
    .new .cstudy .controls {
      left: 50%;
      margin-left: 0;
      margin-top: 0;
      position: absolute;
      top: 45.9%;
      transform: translate(-50%);
      width: calc(100% + 90px);
      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 {
    background-color: #131a58;
    border: none;
    border-radius: 0;
    height: 24px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    padding: 0;
    width: 24px
  }

  .new .cstudy .arrows-item_prev {
    margin-right: 26px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 5-7 7 7 7m7-7H6h13Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 5-7 7 7 7m7-7H6h13Z'/%3E%3C/svg%3E")
  }

  .new .cstudy .arrows-item_next {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 5 7 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' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 5 7 7-7 7m-7-7h13H5Z'/%3E%3C/svg%3E")
  }

  .new .cstudy .arrows-item:hover {
    background-color: #ffce1f
  }

  .new .cstudy-slider {
    display: flex;
    flex-direction: column-reverse;
    margin: 0 -10px 32px;
    overflow: hidden;
    position: relative
  }

  .new .cstudy-slider-inner {
    animation-duration: .3s;
    animation-fill-mode: forwards;
    display: flex;
    margin-top: 24px;
    position: relative;
    width: 600%
  }

  .new .cstudy-slider-inner_animate-0 {
    animation-name: projects-animation-0
  }

  .new .cstudy-slider-inner_animate-1 {
    animation-name: projects-animation-1
  }

  .new .cstudy-slider-inner_animate-2 {
    animation-name: projects-animation-2
  }

  .new .cstudy-slider-inner_animate-3 {
    animation-name: projects-animation-3
  }

  .new .cstudy-slider-inner_animate-4 {
    animation-name: projects-animation-4
  }

  .new .cstudy-slider-inner_animate-5 {
    animation-name: projects-animation-5
  }

  .new .cstudy-slider-item {
    border: 2px solid #ffce1f;
    border-radius: 20px;
    color: #131a58;
    display: flex;
    flex-direction: column;
    margin: 0 10px;
    padding: 32px 24px;
    width: 33.3333333333%
  }

  @media screen and (min-width:768px) {
    @keyframes projects-animation-md-0 {
      to {
        transform: translateX(0)
      }
    }

    @keyframes projects-animation-md-1 {
      to {
        transform: translateX(-33.3333333333%)
      }
    }

    @keyframes projects-animation-md-2 {
      to {
        transform: translateX(-66.6666666667%)
      }
    }

    @keyframes projects-animation-md-3 {
      to {
        transform: translateX(-100%)
      }
    }

    @keyframes projects-animation-md-4 {
      to {
        transform: translateX(-133.3333333333%)
      }
    }

    @keyframes projects-animation-md-5 {
      to {
        transform: translateX(-166.6666666667%)
      }
    }

    .new .cstudy-slider-inner {
      width: 300%
    }

    .new .cstudy-slider-inner_animate-0 {
      animation-name: projects-animation-md-0
    }

    .new .cstudy-slider-inner_animate-1 {
      animation-name: projects-animation-md-1
    }

    .new .cstudy-slider-inner_animate-2 {
      animation-name: projects-animation-md-2
    }

    .new .cstudy-slider-inner_animate-3 {
      animation-name: projects-animation-md-3
    }

    .new .cstudy-slider-inner_animate-4 {
      animation-name: projects-animation-md-4
    }

    .new .cstudy-slider-inner_animate-5 {
      animation-name: projects-animation-md-5
    }

    .new .cstudy-slider-item {
      width: 33.3333333333%
    }
  }

  @media screen and (min-width:1024px) {
    @keyframes projects-animation-lg-0 {
      to {
        transform: translateX(0)
      }
    }

    @keyframes projects-animation-lg-1 {
      to {
        transform: translateX(-50%)
      }
    }

    @keyframes projects-animation-lg-2 {
      to {
        transform: translateX(-100%)
      }
    }

    @keyframes projects-animation-lg-3 {
      to {
        transform: translateX(-150%)
      }
    }

    @keyframes projects-animation-lg-4 {
      to {
        transform: translateX(-200%)
      }
    }

    @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 {
      animation-name: projects-animation-lg-0
    }

    .new .cstudy-slider-inner_animate-1 {
      animation-name: projects-animation-lg-1
    }

    .new .cstudy-slider-inner_animate-2 {
      animation-name: projects-animation-lg-2
    }

    .new .cstudy-slider-inner_animate-3 {
      animation-name: projects-animation-lg-3
    }

    .new .cstudy-slider-inner_animate-4 {
      animation-name: projects-animation-lg-4
    }

    .new .cstudy-slider-inner_animate-5 {
      animation-name: projects-animation-lg-5
    }

    .new .cstudy-slider-item {
      box-shadow: 0 0 0 rgba(0, 0, 0, .08);
      margin: 0 12px;
      transition: border-color .3s, box-shadow .3s;
      width: 16.6666666667%
    }

    .new .cstudy-slider-item:hover {
      border-color: #ffce1f;
      box-shadow: 0 0 50px rgba(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 {
    display: flex;
    justify-content: center;
    order: 3;
    width: 100%
  }

  .new .cstudy-preview {
    margin-bottom: 24px;
    padding: 8px 0;
    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 {
    color: #596573;
    font-size: 12px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    padding-left: 36px
  }

  .new .cstudy__country .country-flag:before {
    height: 24px;
    width: 24px
  }

  .new .cstudy__review {
    color: #596573;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 170%;
    margin-bottom: 8px;
    padding-left: 36px;
    position: relative
  }

  .new .cstudy__review:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDY0IDY0Ij48ZyBjbGlwLXBhdGg9InVybCgjcHJlZml4X19hKSI+PHBhdGggZmlsbD0iI0ZGQ0UxRiIgZD0iTTI4IDkuMjlhMS4zMzMgMS4zMzMgMCAwIDAgMC0yLjY2NmMtMTUuNDU3LjAxOC0yNy45ODIgMTIuNTQzLTI4IDI4djhjLS4wMjMgOC4xMjQgNi41NDQgMTQuNzI4IDE0LjY2NyAxNC43NTEgOC4xMjQuMDIzIDE0LjcyOC02LjU0MyAxNC43NTItMTQuNjY3LjAyMy04LjEyNC02LjU0NC0xNC43MjgtMTQuNjY4LTE0Ljc1MWExNC43MSAxNC43MSAwIDAgMC0xMi4wNjMgNi4yMzJDMi45MzUgMjAuMzgxIDE0LjE5IDkuMzEgMjggOS4yOTFaTTQ5LjMzMyAyNy45NTdhMTQuNjUgMTQuNjUgMCAwIDAtMTEuOTc4IDYuMjMyYy4yNDctMTMuODA4IDExLjUtMjQuODc5IDI1LjMxMi0yNC44OThhMS4zMzMgMS4zMzMgMCAwIDAgMC0yLjY2N2MtMTUuNDU3LjAxOC0yNy45ODMgMTIuNTQzLTI4IDI4djhjMCA4LjEgNi41NjYgMTQuNjY3IDE0LjY2NiAxNC42NjcgOC4xIDAgMTQuNjY3LTYuNTY3IDE0LjY2Ny0xNC42NjdzLTYuNTY3LTE0LjY2Ny0xNC42NjctMTQuNjY3WiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9InByZWZpeF9fYSI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px
  }

  .new .cstudy__person {
    align-items: center;
    display: flex;
    margin-left: 36px;
    margin-top: auto
  }

  .new .cstudy__person-img {
    border-radius: 50%;
    height: 32px;
    margin-right: 12px;
    overflow: hidden;
    width: 32px
  }

  .new .cstudy__person-about {
    color: #131a58;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
  }

  @media screen and (min-width:1024px) {
    .new .cstudy {
      background-color: #000;
      padding-bottom: 68px;
      padding-top: 100px
    }

    .new .cstudy__title {
      margin-bottom: 20px
    }

    .new .cstudy__subtitle {
      letter-spacing: -.09px;
      margin-bottom: 0
    }

    .new .cstudy-heading-wrp {
      order: 1
    }

    .new .cstudy-btn-wrapper {
      display: block;
      margin-top: 19px;
      order: 3;
      width: auto
    }

    .new .cstudy .controls {
      margin-top: 14px
    }

    .new .cstudy .cstudy-outer-wrapper {
      order: 4
    }

    .new .cstudy-btn {
      letter-spacing: -.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 {
      background-color: #fff;
      padding: 30px 30px 24px
    }

    .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: -.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-bottom: 8px;
      padding-top: 8px
    }
  }

  @media screen and (min-width:1288px) {
    .new .cstudy {
      position: relative
    }

    .new .cstudy:after {
      border: 14px solid #ffce1f;
      border-radius: 74px 0;
      content: "";
      height: 554px;
      left: -20px;
      position: absolute;
      top: 93px;
      width: 306px;
      z-index: 1;
    }

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

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

  .new .hcounters {
    color: white;
    padding: 48px 0
  }

  .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 {
    text-align: center;
    width: auto
  }

  .new .hcounters-item_big {
    display: inline-block;
    margin-bottom: 32px;
    max-width: unset
  }

  .new .hcounters-item_big .hcounters__number,
  .new .hcounters-item_big .hcounters__number span {
    font-size: 85px;
    letter-spacing: -.04em;
    line-height: 115%
  }

  .new .hcounters-item_big .hcounters__number {
    margin-bottom: 8px
  }

  .new .hcounters__number,
  .new .hcounters__number span {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 115%
  }

  .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 {
      grid-column-gap: 16px;
      display: grid;
      grid-template-columns: .89fr 1fr;
      grid-template-rows: 1fr auto auto
    }

    .new .hcounters-title {
      margin-bottom: 17px;
      max-width: 404px
    }

    .new .hcounters-subtitle {
      margin-bottom: 48px;
      max-width: 503px
    }

    .new .hcounters-item_big {
      grid-column-end: 2;
      grid-column-start: 2;
      grid-row-end: 4;
      grid-row-start: 1;
      margin-bottom: 0;
      margin-top: 50px
    }

    .new .hcounters-item_big .hcounters__number,
    .new .hcounters-item_big .hcounters__number span {
      font-size: 144px;
      font-weight: 800;
      line-height: 181px
    }
  }

  @media screen and (min-width:1024px) {
    .new .hcounters {
      padding: 100px 0
    }

    .new .hcounters-item_big {
      margin-top: 0;
      position: relative
    }

    .new .hcounters-item_big .hcounters__number,
    .new .hcounters-item_big .hcounters__number span {
      font-size: 120px
    }

    .new .hcounters-item_big:after {
      border: 20px solid #ffce1f;
      border-radius: 200px 0;
      bottom: -84px;
      content: "";
      height: 704px;
      left: 50%;
      pointer-events: none;
      position: absolute;
      transform: translateX(-50%);
      width: 400px
    }

    .new .hcounters-small {
      max-width: unset
    }

    .new .hcounters-small br {
      display: none
    }

    .new .hcounters__number,
    .new .hcounters__number span {
      font-size: 48px;
      font-weight: 800;
      letter-spacing: normal;
      line-height: 60px
    }

    .new .hcounters__number {
      margin-bottom: 12px
    }

    .new .hcounters__caption {
      letter-spacing: normal
    }

    .new .hcounters__caption-text {
      font-size: 18px;
      font-weight: 700;
      letter-spacing: -.02em;
      line-height: 23px
    }
  }

  @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 {
      letter-spacing: -.005em;
      line-height: 170%;
      margin-bottom: 63px
    }

    .new .hcounters-item_big {
      padding-right: 21px
    }

    .new .hcounters-item_big .hcounters__number,
    .new .hcounters-item_big .hcounters__number span {
      font-size: 120px;
      font-weight: 800;
      letter-spacing: .1px;
      line-height: 151px;
      margin-bottom: 0
    }

    .new .hcounters-item_big:after {
      border: 35px solid #ffce1f;
      border-radius: 225px 0;
      bottom: 0;
      height: 982px;
      width: 597px
    }
  }

  @keyframes testimonials-animation-0 {
    to {
      transform: translateX(0)
    }
  }

  @keyframes testimonials-animation-1 {
    to {
      transform: translateX(-11.1111111111%)
    }
  }

  @keyframes testimonials-animation-2 {
    to {
      transform: translateX(-22.2222222222%)
    }
  }

  @keyframes testimonials-animation-3 {
    to {
      transform: translateX(-33.3333333333%)
    }
  }

  @keyframes testimonials-animation-4 {
    to {
      transform: translateX(-44.4444444444%)
    }
  }

  @keyframes testimonials-animation-5 {
    to {
      transform: translateX(-55.5555555556%)
    }
  }

  @keyframes testimonials-animation-6 {
    to {
      transform: translateX(-66.6666666667%)
    }
  }

  @keyframes testimonials-animation-7 {
    to {
      transform: translateX(-77.7777777778%)
    }
  }

  @keyframes testimonials-animation-8 {
    to {
      transform: translateX(-88.8888888889%)
    }
  }

  .why-us-scrollable-inner {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    display: flex;
    min-height: 210px;
    position: relative
  }

  .why-us-scrollable-inner .case-review {
    width: 11.1111111111%
  }

  .why-us-scrollable-inner_animate-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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    bottom: 70px;
    display: flex;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
  }

  .why-us-scrollable .dots-item {
    cursor: pointer;
    flex-shrink: 0;
    height: 20px;
    opacity: .25;
    position: relative;
    transition: opacity 1s;
    width: 20px
  }

  .why-us-scrollable .dots-item:before {
    background-color: #01101f;
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: background-color 1s;
    width: 10px
  }

  .why-us-scrollable .dots-item:hover {
    opacity: 1
  }

  .new .why-us-scrollable {
    display: flex;
    flex-direction: column;
    margin: 0 -10px;
    overflow: hidden;
    position: relative;
    width: calc(100% + 20px)
  }

  .new .why-us-scrollable-inner {
    display: flex;
    position: relative;
    width: calc(900% + 20px)
  }

  .new .why-us-scrollable .why-us-item {
    padding: 10px;
    width: 11.1111111111%
  }

  .new .why-us-scrollable .controls {
    align-items: center;
    display: flex;
    justify-content: space-between;
    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 {
    background-color: #fff;
    border: none;
    border-radius: 0;
    height: 24px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    padding: 0;
    width: 24px
  }

  .new .why-us-scrollable .arrows-item_prev {
    margin-right: 26px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 5-7 7 7 7m7-7H6h13Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 5-7 7 7 7m7-7H6h13Z'/%3E%3C/svg%3E")
  }

  .new .why-us-scrollable .arrows-item_next {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 5 7 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' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 5 7 7-7 7m-7-7h13H5Z'/%3E%3C/svg%3E")
  }

  .new .why-us-scrollable .arrows-item:hover {
    background-color: #ffce1f
  }

  .new .why-us {
    
    color: white;
    padding-bottom: 48px;
    padding-top: 48px
  }

  .new .why-us-content {
    padding-top: 80px;
    position: relative
  }

  .new .why-us-content:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDY0IDY0Ij48ZyBjbGlwLXBhdGg9InVybCgjcHJlZml4X19hKSI+PHBhdGggZmlsbD0iI0ZGQ0UxRiIgZD0iTTI4IDkuMjlhMS4zMzMgMS4zMzMgMCAwIDAgMC0yLjY2NmMtMTUuNDU3LjAxOC0yNy45ODIgMTIuNTQzLTI4IDI4djhjLS4wMjMgOC4xMjQgNi41NDQgMTQuNzI4IDE0LjY2NyAxNC43NTEgOC4xMjQuMDIzIDE0LjcyOC02LjU0MyAxNC43NTItMTQuNjY3LjAyMy04LjEyNC02LjU0NC0xNC43MjgtMTQuNjY4LTE0Ljc1MWExNC43MSAxNC43MSAwIDAgMC0xMi4wNjMgNi4yMzJDMi45MzUgMjAuMzgxIDE0LjE5IDkuMzEgMjggOS4yOTFaTTQ5LjMzMyAyNy45NTdhMTQuNjUgMTQuNjUgMCAwIDAtMTEuOTc4IDYuMjMyYy4yNDctMTMuODA4IDExLjUtMjQuODc5IDI1LjMxMi0yNC44OThhMS4zMzMgMS4zMzMgMCAwIDAgMC0yLjY2N2MtMTUuNDU3LjAxOC0yNy45ODMgMTIuNTQzLTI4IDI4djhjMCA4LjEgNi41NjYgMTQuNjY3IDE0LjY2NiAxNC42NjcgOC4xIDAgMTQuNjY3LTYuNTY3IDE0LjY2Ny0xNC42NjdzLTYuNTY3LTE0LjY2Ny0xNC42NjctMTQuNjY3WiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9InByZWZpeF9fYSI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 64px;
    left: 0;
    position: absolute;
    top: -10px;
    width: 64px
  }

  .new .why-us-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 38px
  }

  .new .why-us-link {
    margin-bottom: 48px
  }

  .new .why-us-person {
    align-items: center;
    display: flex
  }

  .new .why-us-person__photo {
    border-radius: 50%;
    flex-shrink: 0;
    height: 80px;
    margin-right: 24px;
    overflow: hidden;
    width: 80px
  }

  .new .why-us-person__photo picture {
    display: block;
    height: 80px;
    width: 80px
  }

  .new .why-us-person__photo picture img {
    height: 100%;
    width: 100%
  }

  .new .why-us-person__name {
    margin-bottom: 4px
  }

  .new .why-us-person__position {
    display: inline-block;
    margin-bottom: 9px;
    opacity: .5
  }

  .new .why-us-person-info .country-flag {
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 15px;
    padding-left: 24px
  }

  .new .why-us-person-info .country-flag:before {
    height: 16px;
    width: 16px
  }

  .new .why-us-map {
    display: none
  }

  .new .why-us-clutch {
    font-size: unset;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0
  }

  .new .why-us-clutch a {
    align-items: center;
    color: #fff;
    display: flex;
    margin-bottom: 45px
  }

  .new .why-us-clutch a:hover p {
    text-decoration: underline
  }

  .new .why-us-clutch img {
    flex-shrink: 0;
    height: 50px;
    margin-right: 16px;
    width: 46px
  }

  .new .why-us-clutch-text p {
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px
  }

  .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 {
    border-top: 1px solid hsla(0, 0%, 100%, .2);
    padding-top: 47px
  }

  .new .why-us-footer>div {
    margin: 0 auto 24px;
    max-width: 400px
  }

  .new .why-us-footer>div .why-us-footer-item__dot {
    border: 1px dashed;
    border-radius: 50%;
    height: 40px;
    margin-bottom: 24px;
    position: relative;
    width: 40px
  }

  .new .why-us-footer>div .why-us-footer-item__dot:after {
    background-clip: content-box;
    border: 1px solid;
    border-radius: 50%;
    content: "";
    height: 30px;
    left: 50%;
    padding: 5px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px
  }

  .new .why-us-footer>div .why-us-footer-item__dot_blue {
    border-color: #f4f7fa
  }

  .new .why-us-footer>div .why-us-footer-item__dot_blue:after {
    background-color: #1780ff;
    border-color: #f4f7fa
  }

  .new .why-us-footer>div .why-us-footer-item__dot_yellow {
    border-color: #fee9a1
  }

  .new .why-us-footer>div .why-us-footer-item__dot_yellow:after {
    background-color: #ffce1f;
    border-color: #fee9a1
  }

  .new .why-us-footer>div .why-us-footer-item__dot_light-blue {
    border-color: #b7b9cf
  }

  .new .why-us-footer>div .why-us-footer-item__dot_light-blue:after {
    background-color: #f4f7fa;
    border-color: #b7b9cf
  }

  .new .why-us-footer>div .why-us-footer-item__title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 23px;
    margin-bottom: 12px
  }

  .new .why-us-footer>div .why-us-footer-item__text {
    color: #fff;
    line-height: 170%;
    opacity: .5
  }

  @media screen and (min-width:768px) {
    .new .why-us-map {
      display: block !important;
      margin: 40px 0 32px;
      width: 502px
    }

    .new .why-us-map-holder {
      background-attachment: scroll, fixed;
      background-blend-mode: overlay;
      background-image: url(static/map-darker-9a1261b417f8a665fa1f8d8efef47b44.svg), linear-gradient(90deg, #13152b 0, #151b50 50.02%, #1c2365);
      background-position: 50%, 0 0;
      background-repeat: no-repeat;
      background-size: 100%;
      position: relative;
      width: 502px
    }

    .new .why-us-map-holder:before {
      content: "";
      display: block;
      height: 244px;
      width: 502px
    }

    .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 {
      background-color: #f4f7fa;
      border-radius: 50%;
      box-shadow: 0 0 20px 15px hsla(0, 0%, 100%, .3);
      height: 16px;
      left: 0;
      position: absolute;
      top: 0;
      transition: transform .8s;
      width: 16px;
      will-change: transform
    }

    .new .why-us-map__marker:after {
      background-color: #1780ff;
      border-radius: 50%;
      content: "";
      height: 8px;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 8px
    }

    .new .why-us-clutch .five-stars__sprite {
      display: inline-block;
      margin-right: 12px
    }

    .new .why-us-clutch p {
      display: inline-block;
      font-size: 16px;
      line-height: 170%;
      margin-top: 0
    }
  }

  @media screen and (min-width:1024px) {
    .new .why-us {
      padding: 100px 0
    }

    .new .why-us .container {
      grid-column-gap: 16px;
      display: grid;
      grid-template-areas: "title slider" "map slider" "clutch slider" "bot-items bot-items";
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto
    }

    .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 {
      display: flex;
      grid-area: bot-items;
      justify-content: space-between;
      margin: 0 -10px
    }

    .new .why-us-footer>div {
      margin: 0 10px;
      max-width: 397px;
      width: 33.3333333333%
    }
  }

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

  @media(min-width:1024px) {
    .iot-solutions {
      padding-top: 100px
    }
  }

  @media(min-width:1200px) {
    .iot-solutions {
      padding-top: 150px
    }
  }

  .iot-solutions:before {
    background-image: url(static/solutions-icon-b1c97cd8391683976c794df33ba7cea6.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 100px;
    margin: 0 auto 40px;
    width: 100px
  }

  @media(min-width:1024px) {
    .iot-solutions:before {
      height: 200px;
      margin-bottom: 64px;
      width: 200px
    }
  }

  .iot-solutions__text {
    font-size: 20px;
    letter-spacing: -.01em;
    line-height: 170%;
    margin: 0 auto;
    max-width: 818px;
    text-align: center
  }

  @media(min-width:1024px) {
    .iot-solutions__text {
      font-size: 24px
    }
  }

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

  @media(min-width:1024px) {
    .iot-apps {
      padding-bottom: 100px
    }
  }

  @media(min-width:1200px) {
    .iot-apps {
      padding-top: 150px
    }
  }

  .iot-apps__title.h2 {
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 60px;
    margin-bottom: 40px;
    text-align: center
  }

  @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 {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    margin: 0 auto;
    max-width: 397px;
    padding: 24px
  }

  @media(min-width:600px) {
    .iot-apps-item {
      margin: 0
    }
  }

  .iot-apps-item__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 115%;
    margin-bottom: 24px;
    margin-top: 24px
  }

  .iot-apps-item__text {
    color: #596573;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px
  }

  .iot-apps-item__text:last-child {
    margin-bottom: 0
  }

  .iot-apps-item__text_bright {
    color: #1780ff;
    line-height: 20px
  }

  .iot-what-you-get {
    background-color: #fff;
    padding-bottom: 50px;
    padding-top: 50px
  }

  @media(min-width:1024px) {
    .iot-what-you-get {
      padding-bottom: 100px;
      padding-top: 100px
    }
  }

  .iot-what-you-get .h3 {
    font-size: 48px
  }

  .iot-what-you-get .get__title.h3 {
    font-size: 24px
  }

  .iot-tech {
    background-color: #000;
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  @media(min-width:1200px) {
    .iot-tech {
      padding-bottom: 150px;
      padding-top: 150px
    }
  }

  .iot-tech__title.h2 {
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 60px;
    margin-bottom: 40px;
    text-align: center
  }

  @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
    }

    .iot-tech-item {
      width: 50%
    }
  }

  @media(min-width:920px) {
    .iot-tech-item {
      width: auto
    }
  }

  .iot-tech-item__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 26px;
    padding-bottom: 18px;
    position: relative;
    text-transform: uppercase
  }

  @media(min-width:1024px) {
    .iot-tech-item__title {
      margin-bottom: 40px;
      padding-bottom: 24px
    }
  }

  .iot-tech-item__title:after {
    background-color: #e4e4e4;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100vw
  }

  .iot-tech-sublist {
    margin-bottom: 40px
  }

  @media(min-width:1024px) {
    .iot-tech-sublist {
      margin-bottom: 64px
    }
  }

  .iot-tech-subitem {
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 26px
  }

  @media(min-width:1024px) {
    .iot-tech-subitem {
      margin-bottom: 40px;
      padding-bottom: 24px
    }
  }

  .iot-tech-subitem:last-child {
    margin-bottom: 0
  }

  .iot-process {
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  @media(min-width:1200px) {
    .iot-process {
      padding-bottom: 150px;
      padding-top: 150px
    }
  }

  .iot-next:after {
    display: none
  }

  .dev-read-more {
    padding-bottom: 50px;
    padding-top: 50px
  }

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

  .dev-read-more .blog-popular__title {
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 60px;
    text-align: center
  }
/* styling for bubble */

.bubble-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 99;
}

.bubble {
  position: absolute;
  bottom: -10px;
  width: 2px;  /* Small pixel-like bubbles */
  height: 2px;  /* Small pixel-like bubbles */
  background: white;  /* Slightly brighter bubbles */
  border-radius: 50%;
  animation: rise 12s infinite ease-in;  /* Slower animation duration */
  opacity: 0;
}

@keyframes rise {
  0% {
      transform: translateY(0);
      opacity: 0;
  }
  50% {
      opacity: 1;
  }
  100% {
      transform: translateY(-100vh);
      opacity: 0;
  }
}

  /* glow */
  
  .contact-partners__btn {
    background-color: #3498db; /* Button background color */
    color: #fff; /* Button text color */
    padding: 10px 20px; /* Button padding */
    border: none; /* Remove button border */
    border-radius: 5px; /* Button border radius */
    cursor: pointer; /* Change cursor to pointer on hover */
    box-shadow: 0 0 10px rgba(52, 152, 219, 0.5); /* Glow effect */
    transition: box-shadow 0.3s ease; /* Smooth transition for the glow effect */
    box-shadow: 0 0 20px #ebb800; /* Increase glow effect on hover */
}


.button {
  background-color: #0000003d;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 0 20px #c49952;
}

.glow-effect {
  box-shadow: 0 0 10px rgba(52, 152, 219, 0.5); /* Glow effect */
  transition: box-shadow 0.3s ease; /* Smooth transition for the glow effect */
  box-shadow: 0 0 20px #ebb800; /* Increase glow effect on hover */
}

.button {
  padding: 10px 20px; /* Button padding */
  border: none; /* Remove button border */
  border-radius: 5px; /* Button border radius */
  cursor: pointer; /* Change cursor to pointer on hover */
}

.glow-effect {
  background-color: #3498db; /* Button background color */
  color: #fff; /* Button text color */
  box-shadow: 0 0 10px rgba(52, 152, 219, 0.5); /* Glow effect */
  transition: box-shadow 0.3s ease; /* Smooth transition for the glow effect */
  box-shadow: 0 0 20px  #ebb800; /* Increase glow effect on hover */
}

/*  */
/* Add this CSS to your existing styles or create a new CSS file */

/* Form container */
.fables-contact-form {
  background-color: black;
  padding: 20px;
  border-radius: 10px;
}

/* Form input fields */
.fables-contact-form input[type="text"],
.fables-contact-form input[type="email"],
.fables-contact-form input[type="number"],
.fables-contact-form textarea {
  width: 100%;
  height: 30%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ffce1f;
  border-radius: 10px;
  box-sizing: border-box;
  background: white;
}
.fables-contact-form1 input[type="text"],
.fables-contact-form1 input[type="email"],
.fables-contact-form1 input[type="number"],
.fables-contact-form1 select,
.fables-contact-form1 textarea {
  height: 30%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ffce1f;
  border-radius: 10px;
  box-sizing: border-box;
  background: transparent;
  color: white;
  margin-left: 15px;
}
.fables-contact-form1 select option{
  background: #161616bf;
  color: #fff;
}
.fables-contact-form1 input::placeholder,.fables-contact-form1 textarea::placeholder {
  color: white !important;
  opacity: 0.8 !important; /* Firefox */
}

/* Form submit button */
.fables-contact-form button[type="submit"] {
  background-color: #ffce1f;
  color: white;
  border: none;
  border-radius: 40px;
  padding: 20px 40px;
  cursor: pointer;
  transition: background-color 0.3s;
  
}

.fables-contact-form button[type="submit"]:hover {
  background-color: #ffce1f;
}

/* Optional: Add responsive styles */
@media (max-width: 768px) {
  .fables-contact-form input[type="text"],
  .fables-contact-form input[type="email"],
  .fables-contact-form input[type="number"],
  .fables-contact-form textarea {
    width: 100%;
  }
}

/*style popupform*/
.modal{
    z-index:9999!important;
}
.modal-content {
  width: 80%;
  margin-inline: auto;
}
.modal-body {
  padding: 0;
}
.myform {
  /*padding: 2em;*/
  max-width: 100%;
  color: #fff;
  /*box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.5);*/
}
.btn-close {
  position: absolute;
  right: 0;
  padding: 1em;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity);
    margin-right: 10px!important;
    margin-top: -12px!important;
    border: 1px solid gray!important;
}

.form-control:focus {
  background-color: transparent;
  color: #fff;
  box-shadow: inset 0 -1px 0 #7e7e7e;
}

select:focus{
  background:transparent!important;
  color:#c2c2c2 !important;
  border-color:#eeb800!important;
}
.form-control {
  background-color: transparent;
  color: #fff;
  padding-left: 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #fff;
}
.myform .btn {
  width: 100%;
  font-weight: 800;
  background-color: #fff;
  border-radius: 0;
  padding: 0.5em 0;
}
.myform .btn:hover {
  background-color: inherit;
  color: #fff;
  border-color: #fff;
}
.myform p {
  text-align: center;
  padding-top: 2em;
  color: grey;
}
.myform p a {
  color: #e1e1e1;
  text-decoration: none;
}
.myform p a:hover {
  color: #fff;
}

/* TEXT REVEAL */

.app{
  text-align:center;
  font-size:50px;
      background-image: linear-gradient(267deg, #ffffff 0%, #ebb800 29%, #ffffff 67%, #fff800 100%);
  background-clip:border-box;
   text-fill-color: transparent;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  animation: textclip 2s linear infinite;
}
.typewrite,.wrap,.border-blink{
  color:#fff!important;
}
/* about banner */
.about-banner img{
  height: 370px;
  width:100%;
  border-radius: 20px;

}
/* terms of use--------------------- */

.header h2{
  left: 50%;
}
/* sticky button0 */

.chat img{
  height: 80px;
  display: block;
  width: 80px;
  right: 5px;
  position: fixed;
  bottom: 5px;
  z-index: 9999;
  

  
}
.call img{
  height: 80px;
  display: block;
  width: 80px;
  position: fixed;
  right:5px;
  bottom: 72px;
  z-index: 9999;
} 
 @media only screen and (max-width: 600px) {
  .chat img{
    
    height: 80px !important;
    display: block !important;
    width: 80px !important;
    margin-left: 231px;
    position: fixed !important;
    margin-top: 75px !important;
  }
  .call img{
  
    height: 80px !important;
    display: block !important;
    width: 80px !important;
    margin-left: 231px;
    position: fixed !important;
    margin-top: 4px !important;
  }
} 


.thankyou img{
  height: 300px;
  width: 350px;
  margin-left: 440px;
  box-shadow: 0 0 20px #eeb800;
  margin-top: -72px;
  border-radius: 20px;
}
.app2{
  text-align:center;
  font-size:50px;
      background-image: linear-gradient(267deg, #ffffff 0%, #ebb800 29%, #ffffff 67%, #fff800 100%);
  background-clip:border-box;
   text-fill-color: transparent;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  animation: textclip 2s linear infinite;
}


.app3{
  text-align:center;
  font-size:50px;
      background-image: linear-gradient(267deg, #ffffff 0%, #ebb800 29%, #ffffff 67%, #fff800 100%);
  background-clip:border-box;
   text-fill-color: transparent;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  animation: textclip 2s linear infinite;
}

/* popup */

.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  max-width: 97%;
  max-height: 80%;
  overflow: auto;
  z-index: 1000;
}


.apply-button {
  display: inline-block;
    background-color: #eeb800;
    color: black;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    transition: background-color 0.3s ease;
    margin-left: 90%;
    box-shadow: 0 0 20px #eeb800;
    justify-content: space-between;
    margin-top: 20px;
}


/* home header cruseal and card */
@keyframes kenburns {
  0% {
    transform: scale(1);
    transition: transform 20000ms linear 0s;
  }

  100% {
    transform: scale(1.4);
    transition: transform 20000ms linear 0s;
  }
}

/* Carousel Wrapper */
.kb-carousel {
  overflow: hidden;
  max-height: 650px;
}
@media only screen and (max-width: 600px) {
  .kb-carousel {
    height: 350px;
  }
  .kb-carousel > .carousel-inner > .carousel-item > img{
    height:350px;
  }
}

.carousel-item img{
  border-radius: 0px!important;
}


/* Carousel Items */
.kb-carousel .carousel-item {
  transition: transform .3s ease-in-out 0s, opacity ease-in-out .3s;
}

.kb-carousel .carousel-item.active {
  transition: transform .3s ease-in-out 0s, opacity ease-in-out .3s;
}

.kb-carousel > .carousel-inner > .carousel-item > img,
.kb-carousel > .carousel-inner > .carousel-item > a > img {
  opacity: 1;
  
}

.kb-carousel .carousel-item-next.carousel-item-start .carousel-caption,
.kb-carousel .carousel-item-prev.carousel-item-end .carousel-caption {
  z-index: 0;
  opacity: 0;
}
.carousel-caption{
  top: 39% !important;
}

/* Carousel Captions */
.kb-caption {
  right: 7%;
  left: 7%;
  bottom: 25%;
  padding: 0;
  width: 80%;
}

.kb-caption-left {
  margin-right: auto;
}

.kb-caption-right {
  margin-left: auto;
  top: 39%!important;
}

.kb-caption-center {
  margin: auto;
}

.kb-caption h1,
.kb-caption h3 {
  padding: 0.5rem 0;
  margin-bottom: 0;
 
}

.kb-caption h1 {
  animation-delay: 1s;
  color: #000000;
  background: linear-gradient(to right, #BF953F, #FCF6BA, #ddbe7d, #FBF5B7, #AA771C);
  border-radius: 15px;
}

.kb-caption h3 {
  animation-delay: 1.5s;
  color: #fff;
  background: rgba(0 0 0 / 0.5);
}

@media (min-width: 768px) {
  .kb-caption {
    bottom: 37%;
    width: 40%;
  }
}

@media (min-width: 1200px) {
  .kb-caption {
    bottom: 45%;
  }
}

/* Controls */
.kb-control-prev,
.kb-control-next {
  width: 3.5rem;
  height: 3.5rem;
  margin: auto 0;
  opacity: 0;
  color: #fff;
  background: rgba(0 0 0 / 0.7);
}

.kb-carousel:hover .kb-control-prev,
.kb-carousel:hover .kb-control-next {
  opacity: 1;
}

.kb-control-prev {
  left: 1%;
}

.kb-control-next {
  right: 1%;
}

.kb-control-prev:hover,
.kb-control-prev:focus,
.kb-control-next:hover,
.kb-control-next:focus {
  color: #fff;
  background: transparent;
}

/* Support for dark mode */
[data-bs-theme = "dark"] .carousel .carousel-control-next-icon,
[data-bs-theme = "dark"] .carousel .carousel-control-prev-icon {
  filter: none;
}


/* ----------------------------------- */
/*----  Main Style  ----*/
#cards_landscape_wrap-2{
  text-align: center;
  background: #000;
}
#cards_landscape_wrap-2 .container{
  padding-top: 10px; 
  padding-bottom: 100px;
}
#cards_landscape_wrap-2 a{
  text-decoration: none;
  outline: none;
}
.card-flyer{
  /* border: 2px solid #ffce1f; */
  border-radius: 6px;
  /* box-shadow: 0 0 9px 7px rgb(215 215 215 / 45%); */
}
.card-flyer:hover{
  border-color:#fff;
  /* box-shadow: 0 0 10px 2px rgba(204, 163, 84, 0.45)!important; */
}
#cards_landscape_wrap-2 .card-flyer {
  /* border-radius: 5px; */
}
#cards_landscape_wrap-2 .card-flyer .image-box{
  background: #000;
  overflow: hidden;
  /* box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50); */
  border-radius: 5px;
}

#cards_landscape_wrap-2 .card-flyer .image-box img{
  -webkit-transition:all .9s ease; 
  -moz-transition:all .9s ease; 
  -o-transition:all .9s ease;
  -ms-transition:all .9s ease; 
  width: 90%;
  height: 300px;
  border-radius: 25px;
  /* border: 3px solid #eeb800;
  border-radius: 15px; */
}
#cards_landscape_wrap-2 .card-flyer:hover .image-box img{
  opacity: 0.7;
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  -o-transform:scale(1.05);
  transform:scale(1.05);
}
#cards_landscape_wrap-2 .card-flyer .text-box{
  text-align: center;
}
#cards_landscape_wrap-2 .card-flyer .text-box .text-container{
  padding: 30px 18px;
}
#cards_landscape_wrap-2 .card-flyer{
  background: #000;
  margin-top: 50px;
  /* -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.40); */
}
#cards_landscape_wrap-2 .card-flyer:hover{
  /* background: transparent;
  /* box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.50); 
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; */
  margin-top: 50px;
}
#cards_landscape_wrap-2 .card-flyer .text-box p{
  margin-top: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px; 
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
}
#cards_landscape_wrap-2 .card-flyer .text-box h6{
  margin-top: 0px;
  margin-bottom: 4px; 
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Mulish;
  letter-spacing: 1px;
  color: #ebb800;
}



/* popup section styling */
@media only screen and (max-width: 600px) {
  .title-section{
    font-size: 12px!important;
  }
  .shadow-sm{
    width: 77%!important;
  } 
  .about-hero{
    background-image: url(Downloads/about-us-mainb.jpg);
    /* background-position: ; */
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .breadcrumbs_about {
    align-items: center;
    display: flex;
    font-size: 14px;
    gap: 18px;
    margin-bottom: 18px;
    background-color: #000000;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 138px;
    
}
}

/* Add this CSS in your stylesheet or in a <style> tag in your head */
.background-section {
  background-image: url(../../image/serv-bg.jpg);
  background-size: cover;
  background-position: center;
  padding: 50px 0; /* Adjust padding as needed */
}



/* -------------BLOGS PAGE-------------------- */

/* General Styles */


/* Banner Styles */
.banner {
  width: 100%;
  height: auto;
  overflow: hidden;
}


/* Main Content and Sidebar Layout */
.main-content {
  float: left;
  width: 75%;
}

.sidebar {
      float: right;
    max-width: 33%;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-right: -110px;
    margin-bottom: 20px;
}

.sidebar1 {
  float: right;
width: 31%;
padding: 10px;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-right: -90px;
}


/* Post Styles */
.post {
  background: #fff;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.post h2 {
  color: #333;
}

.post p {
  color: #000;
}

.post a {
  display: inline-block;
  margin-top: 10px;
  color: #eeb800;
  text-decoration: none;
}

.post a:hover {
  text-decoration: underline;
}

/* Sidebar Styles */
.sidebar .search-box {
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}

.sidebar .search-box input {
  
  padding: 10px;
  border: 1px solid #ddd;
  width: 75%;
}

.sidebar .search-box button {
  padding: 10px 15px;
  border: none;
  background-color: #eeb800;
  color: white;
  cursor: pointer;
  border-radius: 5px;
 
}

.sidebar .search-box button:hover {
  background-color: white;
  color: black;
  outline: #eeb800;
  border: 1px solid #eeb800;
}

.sidebar .related-posts h3 {
  margin-bottom: 10px;
  color: #333;
}

.sidebar .related-posts ul {
  list-style: none;
  padding: 0;
}

.sidebar .related-posts ul li {
  margin-bottom: 10px;
}

.sidebar .related-posts ul li a {
  text-decoration: none;
  color: #eeb800;
}

.sidebar .related-posts ul li a:hover {
  text-decoration: underline;
}


.container1{
  max-width: 1215px;
  margin-left: 25px;
}


/* BLOGS MEDIA QUERY */

@media only screen and (max-width: 600px){
  .sidebar {
    float: right;
    max-width: 110%;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-right: 28px;
    margin-bottom: 15px;
}
.main-content {
  float: left;
  width: 92%;
}
.sidebar .search-box input {
  padding: 10px;
  border: 1px solid #ddd;
  width: 72%;
}
.sidebar1 {
  float: right;
  width: 93%;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-right: 28px;
  margin-bottom: 15px;
}
#cards_landscape_wrap-2 .card-flyer .image-box img{
  -webkit-transition: all .9s ease;
  -moz-transition: all .9s ease;
  -o-transition: all .9s ease;
  -ms-transition: all .9s ease;
  width: 90%;
  height: 222px;
}
}

@media only screen and (max-width: 600px) {
  .popup-content{
    background-color: #000000cc !important;
    margin: 10% auto!important;
    padding: 10px!important;
    width: 80%!important;
    max-width: 690px!important;
    box-shadow: 0 0px 10px rgb(255 15 16)!important;
    border-radius: 8px!important;
    position: relative!important;
    margin-bottom: 15px!important;
    margin-top: 121px!important;
}
.chat img{
  height: 80px!important;
  display: block!important;
  width: 80px!important;
  margin-left: 284px!important;
  position: fixed!important;
  margin-top: -37px!important;
  z-index: 999!important;
}
.call img {
  height: 80px!important;
  display: block!important;
  width: 80px!important;
  margin-left: 283px!important;
  position: fixed!important;
  margin-top: -104px!important;
  z-index: 999!important;
}

.banner img {
  width: 100%;
  background-image: url(image/mobile-banner-blog.png) !important;
  height: 145px;
}
}
.carousel-caption {
  
  position: absolute;
    margin-right: 40% !important;
    bottom: 1.25rem;
    left: 55% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    padding: 5% !important;
    margin-top: -35px !important;
}
@media only screen and (max-width: 600px){
  .carousel-caption {
      position: absolute!important;
      right: 10% !important;
      bottom: 20px!important;
      left: 10% !important;
      z-index: 10!important;
      padding-top: 20px!important;
      padding-bottom: 20px!important;
      color: #fff!important;
      text-align: center!important;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .6)!important; 
  }
  .footer_logo img{
    height: 130px !important;
  margin-top: -80px !important;
  margin-bottom: 9px !important;

}
}