@import "https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.0/css/swiper.css";
@font-face {
  font-family: 'Geometria';
  src: url("../fonts/Geometria-Bold.woff2") format("woff2"), url("../fonts/Geometria-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

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

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

@font-face {
  font-family: 'Franklin Gothic Demi';
  src: url("../fonts/FranklinGothic-Demi.woff2") format("woff2"), url("../fonts/FranklinGothic-Demi.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

html {
  font-size: 14px;
  height: 100%;
  overflow-x: hidden; }

body {
  height: 100%;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  font-family: 'Geometria', sans-serif;
  background: #01061D;
  overflow-x: hidden; }

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

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-weight: normal; }

a {
  text-decoration: none; }

ul {
  list-style: none; }

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

input,
button,
textarea,
select {
  font: inherit; }

audio,
canvas,
iframe,
img,
svg,
video,
textarea {
  vertical-align: middle; }

textarea {
  resize: none; }

section {
  position: relative; }

input,
select,
button {
  outline: none; }

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.container {
  margin: 0 auto;
  max-width: 1156px;
  width: 100%; }

footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.footer {
  padding-top: 85px;
  padding-bottom: 30px; }
  .footer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 11px; }
  .footer-logo img {
    width: 50px; }
  .footer-col:nth-child(2) {
    margin-right: 122px;
    margin-left: 60px; }
  .footer-col:nth-child(4) {
    margin-right: auto;
    margin-left: auto; }
  .footer-col__title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    background: -o-linear-gradient(359.94deg, #195B89 0.03%, #5BBEF7 99.94%);
    background: linear-gradient(90.06deg, #195B89 0.03%, #5BBEF7 99.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 30px;
    display: inline-block; }
  .footer-col-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px; }
    .footer-col-contact:last-child {
      margin-bottom: 0; }
    .footer-col-contact img {
      width: 20px;
      margin-right: 9px; }
    .footer-col-contact span {
      font-weight: 400;
      font-size: 12px;
      line-height: 15px;
      color: #E8EFFC; }
  .footer-col nav li {
    margin-bottom: 15px; }
    .footer-col nav li:last-child {
      margin-bottom: 0; }
    .footer-col nav li a {
      font-weight: 400;
      font-size: 12px;
      line-height: 15px;
      color: #E8EFFC; }
  .footer-col-social {
    margin-top: 57px; }
    .footer-col-social ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .footer-col-social li {
      margin-right: 46px; }
      .footer-col-social li:last-child {
        margin-right: 0; }
      .footer-col-social li svg {
        width: 29px;
        height: 29px; }
  .footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 110px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    .footer-bottom p {
      font-weight: 400;
      font-size: 12px;
      line-height: 15px;
      color: #E8EFFC; }

header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.banner {
  padding-top: 20px;
  padding-bottom: 95px; }
  .banner .container {
    position: relative; }
  .banner-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 135px; }
    .banner-header .logo {
      width: 35px;
      margin-right: 84px; }
    .banner-header ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 25px; }
    .banner-header li {
      margin-right: 24px; }
      .banner-header li a {
        font-weight: 500;
        font-size: 12px;
        line-height: 12px;
        color: transparent;
        position: relative; }
        .banner-header li a:hover {
          text-shadow: 0px 0px 30px #5BBEF7; }
          .banner-header li a:hover::before {
            font-weight: 700; }
        .banner-header li a::before {
          display: block;
          content: attr(title);
          font-weight: 500;
          font-size: inherit;
          line-height: inherit;
          color: #CDD5E3;
          -webkit-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .banner-middle-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 36px; }
  .banner-middle-logo {
    width: 67px;
    margin-right: 15px; }
  .banner-middle-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .banner-middle-title span {
      display: block;
      font-weight: 400;
      font-size: 24px;
      line-height: 1;
      letter-spacing: 0.08em;
      color: #9AADCD;
      padding-left: 3px; }
    .banner-middle-title h1 {
      font-family: 'Franklin Gothic Demi';
      font-style: normal;
      font-weight: 500;
      font-size: 72px;
      line-height: 0.7;
      /* identical to box height */
      letter-spacing: 0.12em;
      background: -webkit-gradient(linear, right top, left top, color-stop(-34.8%, #00355F), color-stop(146.24%, #5BBEF7));
      background: -o-linear-gradient(right, #00355F -34.8%, #5BBEF7 146.24%);
      background: linear-gradient(270deg, #00355F -34.8%, #5BBEF7 146.24%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent; }
  .banner-middle p {
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: #DCE9FE;
    max-width: 485px;
    margin-bottom: 30px; }
  .banner-middle-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 120px; }
    .banner-middle-action .btn-white {
      margin-right: 20px;
      width: 160px; }
    .banner-middle-action .btn {
      width: 160px; }
  .banner-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .banner-social li {
    margin-right: 32px; }
  .banner-slide {
    position: absolute;
    top: 30px;
    right: 0;
    width: 520px;
    height: 625px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 45px; }
    .banner-slide-left-bg {
      position: absolute;
      height: 100%;
      left: 11px;
      width: 241px;
      background: url(../images/common/slide-left.svg);
      background-size: 100% auto;
      background-position: center center;
      background-repeat: repeat-y; }
    .banner-slide-right-bg {
      position: absolute;
      height: 100%;
      right: 16px;
      width: 243px;
      background: url(../images/common/slide-left.svg);
      background-size: 100% auto;
      background-position: center center;
      background-repeat: repeat-y; }
    .banner-slide:after {
      position: absolute;
      content: '';
      top: -11px;
      left: 50%;
      -webkit-transform: translatex(-50%);
      -ms-transform: translatex(-50%);
      transform: translatex(-50%);
      width: calc(100% - 88px);
      background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #7e5d7700), to(#3290F0));
      background: -o-linear-gradient(bottom, #7e5d7700 60%, #3290F0 100%);
      background: linear-gradient(360deg, #7e5d7700 60%, #3290F0 100%);
      height: 70px;
      z-index: 2;
      pointer-events: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-clip-path: ellipse(50% 50% at 50% 50%);
      clip-path: ellipse(50% 50% at 50% 50%); }
    .banner-slide:before {
      position: absolute;
      content: '';
      bottom: -10px;
      left: 50%;
      -webkit-transform: translatex(-50%);
      -ms-transform: translatex(-50%);
      transform: translatex(-50%);
      width: calc(100% - 88px);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #7e5d7700), to(#3290F0));
      background: -o-linear-gradient(top, #7e5d7700 60%, #3290F0 100%);
      background: linear-gradient(180deg, #7e5d7700 60%, #3290F0 100%);
      height: 70px;
      z-index: 2;
      pointer-events: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-clip-path: ellipse(50% 50% at 50% 50%);
      clip-path: ellipse(50% 50% at 50% 50%); }
    .banner-slide .swiper-container {
      width: 100%;
      height: 100%; }
    .banner-slide .swiper-wrapper {
      -webkit-transition-timing-function: linear;
      -o-transition-timing-function: linear;
      transition-timing-function: linear; }
    .banner-slide-left {
      width: 200px; }
    .banner-slide-right {
      width: 200px; }
    .banner-slide-item {
      width: 100%;
      border-radius: 20px;
      position: relative;
      padding: 25px 15px;
      height: 100%;
      cursor: pointer;
      overflow: hidden; }
      .banner-slide-item-popup {
        display: none; }
      .banner-slide-item p {
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        color: #FFFFFF;
        margin-bottom: 10px; }
      .banner-slide-item h3 {
        font-weight: 700;
        font-size: 18px;
        line-height: 23px;
        color: #FFFFFF;
        height: 80px; }
      .banner-slide-item__btn {
        border: 1px solid #DCE9FE;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0px 7px 7px 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 30px;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        color: #FFFFFF;
        white-space: nowrap;
        width: 90px; }
      .banner-slide-item__logo {
        width: 20px;
        position: absolute;
        left: 15px;
        bottom: 15px; }
      .banner-slide-item__img {
        position: absolute;
        right: 0;
        bottom: 0; }
        .banner-slide-item__img img {
          width: 101px;
          height: 110px;
          -o-object-fit: cover;
          object-fit: cover;
          border-radius: 500px 0px 20px; }
      .banner-slide-item__icon {
        position: absolute;
        bottom: 15px;
        right: 15px; }
        .banner-slide-item__icon img {
          width: auto;
          max-height: 30px; }
    .banner-slide__bottom-ellipse {
      position: absolute;
      bottom: 17px;
      left: 0;
      width: 100%;
      height: 0; }
      .banner-slide__bottom-ellipse:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 64px;
        background: url(../images/common/Ellipse1-2-4.png);
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 3;
        -webkit-filter: drop-shadow(0px 4px 30px rgba(91, 190, 247, 0.5));
        filter: drop-shadow(0px 4px 30px rgba(91, 190, 247, 0.5)); }
      .banner-slide__bottom-ellipse:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 64px;
        background: url(../images/common/Ellipse1-1.png);
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-filter: drop-shadow(0px 4px 30px rgba(91, 190, 247, 0.5));
        filter: drop-shadow(0px 4px 30px rgba(91, 190, 247, 0.5)); }
    .banner-slide__top-ellipse {
      position: absolute;
      top: 18px;
      left: 0;
      width: 100%;
      height: 0; }
      .banner-slide__top-ellipse:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 64px;
        background: url(../images/common/Ellipse1-2-4.png);
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-filter: drop-shadow(0px 4px 30px rgba(91, 190, 247, 0.5));
        filter: drop-shadow(0px 4px 30px rgba(91, 190, 247, 0.5)); }
      .banner-slide__top-ellipse:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 64px;
        background: url(../images/common/Ellipse1-1.png);
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 3;
        -webkit-filter: drop-shadow(0px 4px 30px rgba(91, 190, 247, 0.5));
        filter: drop-shadow(0px 4px 30px rgba(91, 190, 247, 0.5)); }

.swiper--blog__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important; }

.who {
  padding-top: 95px;
  padding-bottom: 85px; }
  .who h2 {
    margin-bottom: 50px; }
  .who .container {
    position: relative;
    z-index: 1; }
  .who-wapper {
    max-width: 714px;
    margin-left: 400px; }
    .who-wapper h3 {
      font-weight: 700;
      font-size: 144px;
      line-height: 1;
      color: transparent;
      letter-spacing: -0.005em;
      -webkit-text-stroke-width: 1px; }
    .who-wapper p {
      font-weight: 400;
      font-size: 12px;
      line-height: 167%;
      letter-spacing: -0.005em;
      color: #FFFFFF;
      margin-bottom: 22px; }
      .who-wapper p:last-child {
        margin-bottom: 0; }
  .who-first {
    position: relative; }
    .who-first h3 {
      -webkit-text-stroke-color: #5BBEF7; }
    .who-first p {
      margin-left: 134px; }
    .who-first svg {
      width: 214px;
      height: 214px;
      -webkit-transform: scale(1, -1) rotate(45deg);
      -ms-transform: scale(1, -1) rotate(45deg);
      transform: scale(1, -1) rotate(45deg);
      position: absolute;
      left: -63px;
      top: -33px; }
      .who-first svg circle {
        fill: none;
        stroke: #5BBEF7;
        stroke-width: 2; }
  .who-second {
    margin-bottom: 30px; }
    .who-second-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .who-second-top p {
        padding-top: 50px;
        margin-bottom: 0; }
    .who-second h3 {
      -webkit-text-stroke-color: #5BBEF7;
      position: relative; }
    .who-second svg {
      width: 214px;
      height: 214px;
      -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
      position: absolute;
      right: -63px;
      top: -33px; }
      .who-second svg circle {
        fill: none;
        stroke: #1C4157;
        stroke-width: 2; }
  .who .btn {
    padding: 0 38px; }
  .who-img {
    position: absolute;
    z-index: -1;
    top: 142px;
    left: 0; }
    .who-img img {
      max-width: 493px;
      width: 100%; }

.work {
  padding-top: 85px;
  padding-bottom: 85px; }
  .work h2 {
    margin-bottom: 30px; }
  .work-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 100px; }
  .work-item {
    width: 100%;
    padding-top: 100%;
    position: relative;
    -webkit-box-shadow: inset 0px -50px 70px -70px rgba(0, 0, 0, 0.5), inset 0px 25px 100px -45px rgba(29, 34, 62, 0.3), inset 0px 3px 18px rgba(29, 34, 62, 0.3), inset 0px 4px 11px -4px #1D223E, inset 0px 1px 40px rgba(29, 34, 62, 0.2);
    box-shadow: inset 0px -50px 70px -70px rgba(0, 0, 0, 0.5), inset 0px 25px 100px -45px rgba(29, 34, 62, 0.3), inset 0px 3px 18px rgba(29, 34, 62, 0.3), inset 0px 4px 11px -4px #1D223E, inset 0px 1px 40px rgba(29, 34, 62, 0.2);
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    .work-item > svg {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      -webkit-transform: scale(1, -1) rotate(0deg);
      -ms-transform: scale(1, -1) rotate(0deg);
      transform: scale(1, -1) rotate(0deg); }
      .work-item > svg circle {
        fill: none;
        stroke: #5BBEF7;
        stroke-width: 2;
        -webkit-transition: 0.5s linear;
        -o-transition: 0.5s linear;
        transition: 0.5s linear; }
    .work-item:hover {
      -webkit-box-shadow: inset 0px -50px 70px -70px rgba(0, 0, 0, 0.5), inset 0px 25px 100px -45px rgba(91, 190, 247, 0.3), inset 0px 3px 18px rgba(91, 190, 247, 0.3), inset 0px 0px 11px -4px #FFFFFF, inset 0px 1px 40px rgba(1, 241, 212, 0.2);
      box-shadow: inset 0px -50px 70px -70px rgba(0, 0, 0, 0.5), inset 0px 25px 100px -45px rgba(91, 190, 247, 0.3), inset 0px 3px 18px rgba(91, 190, 247, 0.3), inset 0px 0px 11px -4px #FFFFFF, inset 0px 1px 40px rgba(1, 241, 212, 0.2);
      -webkit-backdrop-filter: blur(25px);
      backdrop-filter: blur(25px); }
      .work-item:hover > svg circle {
        stroke-dashoffset: 0 !important; }
    .work-item-info {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .work-item__name {
      font-weight: 400;
      font-size: 18px;
      line-height: 1;
      color: #FFFFFF;
      margin-bottom: 30px; }

.support {
  padding-top: 85px;
  padding-bottom: 85px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .support h2 {
    margin-bottom: 30px; }
  .support p {
    max-width: 1090px;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 167%;
    color: #FFFFFF; }
  .support-slider {
    margin-bottom: 38px;
    position: relative; }
    .support-slider .swiper-container {
      max-width: 1080px;
      margin: 0 auto; }
    .support-slider__prev {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      cursor: pointer;
      outline: none; }
    .support-slider__next {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      cursor: pointer;
      outline: none; }
  .support .swiper-slide {
    height: auto; }
  .support-item {
    background: #10132F;
    -webkit-box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
    border-radius: 15px;
    padding: 25px 20px 15px;
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .support-item-top {
      margin-bottom: 22px; }
    .support-item__logo img {
      width: auto;
      height: 36px; }
    .support-item__icon {
      position: absolute;
      top: 15px;
      right: 20px; }
      .support-item__icon img {
        max-height: 40px;
        width: auto; }
    .support-item p {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #D2E3FF;
      margin-bottom: 24px;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .support-item span {
      display: block;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #7787A3; }
  .support .btn {
    padding: 0 21px;
    margin-left: 40px; }

.products {
  padding-top: 85px;
  padding-bottom: 85px; }
  .products h2 {
    margin-bottom: 30px; }
  .products p {
    font-weight: 400;
    font-size: 14px;
    line-height: 167%;
    letter-spacing: -0.005em;
    color: #FFFFFF;
    margin-bottom: 30px;
    max-width: 900px; }
  .products-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .products-left {
    max-width: 524px;
    width: 100%; }
  .products-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    width: 100%; }
    .products-item__icon {
      margin-right: 30px;
      width: 50px;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      height: 50px;
      border-radius: 5px; }
      .products-item__icon:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-box-shadow: 0px 0px 20px #5BBEF7;
        box-shadow: 0px 0px 20px #5BBEF7; }
      .products-item__icon img {
        border-radius: 4px; }
    .products-item__name {
      font-weight: 700;
      font-size: 18px;
      line-height: 23px;
      color: #DCE9FE;
      margin-bottom: 2px; }
    .products-item__text {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #DCE9FE; }
    .products-item__arrow {
      margin-left: auto;
      border: 1px solid #5BBEF7;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
      .products-item__arrow:hover {
        -webkit-box-shadow: inset 0px -50px 70px -70px rgba(0, 0, 0, 0.51), inset 0px 25px 100px -45px rgba(91, 190, 247, 0.05), inset 0px 3px 18px rgba(91, 190, 247, 0.1), inset 0px 0px 11px -4px rgba(255, 255, 255, 0.6), inset 0px 1px 40px rgba(91, 190, 247, 0.45);
        box-shadow: inset 0px -50px 70px -70px rgba(0, 0, 0, 0.51), inset 0px 25px 100px -45px rgba(91, 190, 247, 0.05), inset 0px 3px 18px rgba(91, 190, 247, 0.1), inset 0px 0px 11px -4px rgba(255, 255, 255, 0.6), inset 0px 1px 40px rgba(91, 190, 247, 0.45);
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px); }
  .products-right {
    max-width: 440px;
    width: 100%;
    background: #10132F;
    -webkit-box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
    border-radius: 20px;
    padding: 38px 20px 38px;
    position: relative; }
    .products-right__title {
      font-weight: 500;
      font-size: 18px;
      line-height: 23px;
      color: #FFFFFF;
      margin-bottom: 21px; }
    .products-right__text {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #FFFFFF;
      margin-bottom: 33px; }
    .products-right .btn-white {
      height: 33px;
      padding: 0 18px;
      font-size: 14px;
      border-radius: 0px 7px 7px 7px; }
    .products-right__icon {
      position: absolute;
      top: 24px;
      right: 30px; }

.partners {
  padding-top: 85px;
  padding-bottom: 85px; }
  .partners h2 {
    margin-bottom: 30px; }
  .partners-wrapper {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 28px; }
  .partners-item {
    width: 100%;
    padding-top: 100%;
    position: relative;
    border-radius: 50%;
    background: #10132F;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    .partners-item img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1);
      max-width: 75%;
      width: auto;
      height: auto;
      max-height: 75%;
      -webkit-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .partners-item--none img {
      -webkit-filter: none;
      filter: none; }
    .partners-item:hover {
      background: #DCE9FE; }
      .partners-item:hover img {
        -webkit-filter: none;
        filter: none; }

h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 45px;
  letter-spacing: 0.085em;
  background: -webkit-gradient(linear, left top, right top, from(#0E4B77), color-stop(93.5%, #5BBEF7));
  background: -o-linear-gradient(left, #0E4B77 0%, #5BBEF7 93.5%);
  background: linear-gradient(90deg, #0E4B77 0%, #5BBEF7 93.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: inline-block; }

.btn {
  border: 1px solid #DCE9FE;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0px 10px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  padding: 0 25px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.005em;
  color: #DCE9FE;
  white-space: nowrap;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  .btn:hover {
    background: #DCE9FE;
    color: #000000; }

.btn-white {
  border: 1px solid #DCE9FE;
  background: #DCE9FE;
  border-radius: 0px 10px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  padding: 0 25px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.005em;
  color: #000000;
  white-space: nowrap;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  .btn-white:hover {
    background: #01061D;
    color: #DCE9FE;
    border: 1px solid #DCE9FE; }

.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(15, 16, 20, 0.7);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 1000; }
  .popup-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .popup-close {
    cursor: pointer;
    position: absolute;
    top: -20px;
    right: -20px; }
  .popup-callback {
    display: none; }
    .popup-callback-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: #F1F7FF;
      border-radius: 20px;
      padding: 35px 51px;
      max-width: 444px;
      width: 100%; }
    .popup-callback__title {
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      text-align: center;
      letter-spacing: -0.025em;
      color: #0B3C5D;
      margin-bottom: 20px; }
    .popup-callback-contact {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      margin-bottom: 43px; }
      .popup-callback-contact a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .popup-callback-contact a img {
          margin-right: 9px;
          width: 20px;
          display: block;
          height: auto; }
        .popup-callback-contact a span {
          font-weight: 400;
          font-size: 12px;
          line-height: 15px;
          color: #0B3C5D; }
    .popup-callback-social {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .popup-callback-social a {
        margin: 0 calc(35px / 2); }
  .popup-details {
    display: none; }
    .popup-details-wrapper {
      max-width: 611px;
      background: #001636;
      border-radius: 20px;
      position: relative; }
    .popup-details-top {
      padding: 25px 25px 15px;
      border-bottom: 0.5px dashed #5F5F5F; }
      .popup-details-top span {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #FFFFFF;
        margin-bottom: 10px; }
    .popup-details__title {
      font-weight: 700;
      font-size: 24px;
      line-height: 30px;
      color: #FFFFFF;
      margin-bottom: 15px; }
    .popup-details__text p {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #FFFFFF;
      margin-bottom: 18px; }
      .popup-details__text p:last-child {
        margin-bottom: 0; }
    .popup-details__text ol {
      list-style: number;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.005em;
      color: #FFFFFF;
      padding-left: 17px;
      margin-bottom: 20px; }
    .popup-details__text-bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .popup-details__text-bottom span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 37px; }
        .popup-details__text-bottom span:last-child {
          margin-right: 0; }
        .popup-details__text-bottom span svg {
          margin-right: 8px; }
    .popup-details-info {
      padding: 15px 25px 27px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .popup-details-info > span {
        width: 100%;
        margin-bottom: 18px;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: -0.025em;
        color: #F1F7FF; }
    .popup-details-contact {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .popup-details-contact a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 31px; }
        .popup-details-contact a img {
          width: 20px;
          margin-right: 8px; }
        .popup-details-contact a span {
          font-weight: 400;
          font-size: 12px;
          line-height: 15px;
          color: #FFFFFF; }
    .popup-details-social {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .popup-details-social a {
        margin-left: 32px; }
        .popup-details-social a svg {
          width: 24px;
          height: 24px; }
    .popup-details__icon {
      position: absolute;
      top: 25px;
      right: 25px; }
      .popup-details__icon img {
        width: 43px; }

.swiper-slide {
  height: auto; }

.we {
  padding-top: 50px;
  padding-bottom: 60px; }
  .we-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .we__logo {
    width: 51px;
    margin-bottom: 28px;
    display: block; }
  .we h2 {
    margin-bottom: 30px; }
  .we-left {
    max-width: 560px; }
  .we-right {
    padding-top: 40px; }
  .we p {
    font-weight: 400;
    font-size: 14px;
    line-height: 167%;
    letter-spacing: -0.005em;
    color: #E8EFFC;
    margin-bottom: 24px; }
    .we p:last-child {
      margin-bottom: 0; }

.tasks {
  padding-top: 60px;
  padding-bottom: 60px; }
  .tasks h2 {
    margin-bottom: 32px; }
  .tasks-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .tasks-item {
    max-width: 272px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .tasks-item__icon {
      margin-bottom: 17px; }
    .tasks-item p {
      font-weight: 400;
      font-size: 12px;
      line-height: 167%;
      text-align: center;
      letter-spacing: -0.005em;
      color: #E8EFFC; }

.we-center {
  padding-top: 60px;
  padding-bottom: 85px; }
  .we-center .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .we-center__img {
    padding-left: 28px;
    margin-right: 111px; }
    .we-center__img img {
      width: 450px; }
  .we-center .banner-body {
    max-width: 493px; }

.history {
  padding-top: 85px;
  padding-bottom: 85px; }
  .history h2 {
    margin-bottom: 30px; }
  .history p {
    font-weight: 400;
    font-size: 14px;
    line-height: 167%;
    letter-spacing: -0.005em;
    color: #E8EFFC;
    margin-bottom: 30px; }
  .history-wrapper {
    background: #10132F;
    border-radius: 15px;
    padding: 25px 35px 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative; }
  .history__line {
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 100px; }
    .history__line svg {
      width: 100%; }
  .history-item__top {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 27px; }
    .history-item__top span {
      background: -webkit-gradient(linear, left top, right top, color-stop(-1.63%, #2F7BAD), color-stop(28.1%, #5BBEF7));
      background: -o-linear-gradient(left, #2F7BAD -1.63%, #5BBEF7 28.1%);
      background: linear-gradient(90deg, #2F7BAD -1.63%, #5BBEF7 28.1%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent; }
  .history-item__year {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    background: -webkit-gradient(linear, left top, right top, from(#195B89), to(#5BBEF7));
    background: -o-linear-gradient(left, #195B89 0%, #5BBEF7 100%);
    background: linear-gradient(90deg, #195B89 0%, #5BBEF7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 59px; }
  .history-item__text p {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #E8EFFC;
    margin-bottom: 15px; }
    .history-item__text p:last-child {
      margin-bottom: 0; }
  .history-item:nth-child(1) .history-item__text {
    width: 349px; }
  .history-item:nth-child(2) .history-item__text {
    width: 315px;
    padding-left: 15px; }
  .history-item:nth-child(3) .history-item__text {
    width: 358px;
    margin-left: -15px; }

.team {
  padding-top: 85px;
  padding-bottom: 85px; }
  .team h2 {
    margin-bottom: 30px; }
  .team-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .team-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 361px; }
    .team-item__img {
      margin-right: 15px; }
      .team-item__img img {
        min-width: 146px;
        width: 146px;
        height: 190px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .team-item-info {
      padding-top: 14px; }
      .team-item-info h3 {
        font-weight: 500;
        font-size: 16px;
        line-height: 121.3%;
        color: #E8EFFC;
        margin-bottom: 10px; }
      .team-item-info p {
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        color: #E8EFFC;
        margin-bottom: 19px; }
    .team-item__social {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 17px; }
      .team-item__social img {
        width: 17px;
        display: block;
        margin-right: 5px; }
      .team-item__social span {
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        color: #E8EFFC; }

.construction {
  padding-bottom: 75px; }
  .construction .we-left {
    max-width: 653px; }
  .construction-stat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 51px; }
    .construction-stat-item {
      max-width: 207px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .construction-stat-item h3 {
        font-weight: 500;
        font-size: 48px;
        line-height: 60px;
        color: #E8EFFC;
        margin-bottom: 9px; }
      .construction-stat-item p {
        font-weight: 400;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        color: #929EB3;
        margin-bottom: 0; }

.portfolio {
  padding-top: 75px;
  padding-bottom: 75px; }
  .portfolio h2 {
    margin-bottom: 30px; }
  .portfolio-names {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px; }
    .portfolio-names li {
      font-weight: 400;
      font-size: 18px;
      line-height: 156.8%;
      letter-spacing: -0.005em;
      color: #E8EFFC;
      cursor: pointer;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      position: relative; }
      .portfolio-names li:hover {
        text-shadow: 0px 0px 30px #5BBEF7; }
        .portfolio-names li:hover::before {
          font-weight: 700; }
      .portfolio-names li::before {
        display: block;
        content: attr(title);
        font-weight: 400;
        font-size: inherit;
        line-height: inherit;
        color: #E8EFFC;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%; }
  .portfolio-slider {
    position: relative;
    padding: 0 40px; }
    .portfolio-slider__prev {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      outline: none; }
    .portfolio-slider__next {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      outline: none; }
  .portfolio .banner-slide-item {
    height: 284px; }
  .portfolio .banner-slide-item h3 {
    height: 114px; }
  .portfolio-info {
    padding-top: 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .portfolio-info-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 189px; }
      .portfolio-info-item svg, .portfolio-info-item img {
        margin-bottom: 12px; }
      .portfolio-info-item p {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        color: #E8EFFC; }

.competencies {
  padding-top: 75px;
  padding-bottom: 75px; }
  .competencies-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .competencies-left {
    width: 615px;
    margin-right: 136px; }
  .competencies h2 {
    margin-bottom: 30px; }
  .competencies p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #E8EFFC;
    margin-bottom: 18px; }
    .competencies p:last-child {
      margin-bottom: 0; }
    .competencies p span {
      display: block;
      position: relative;
      padding-left: 10px; }
  .competencies .bubble {
    padding-top: 7px; }

.bubble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 395px; }
  .bubble-wrapper-3 {
    width: 285px;
    margin-bottom: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .bubble-wrapper-4 {
    width: 100%;
    margin-bottom: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .bubble-item {
    background: #10132F;
    -webkit-box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
    width: 65px;
    height: 65px;
    position: relative;
    border-radius: 50%;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    .bubble-item img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .bubble-item:hover {
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3); }

.page-pagination {
  padding-top: 15px;
  padding-bottom: 85px; }
  .page-pagination .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .page-pagination .btn-white {
    border-radius: 0px 10px 10px 10px;
    width: 170px;
    height: 56px; }

.it-competencies .competencies-left {
  width: 460px;
  margin-right: 245px; }

.it-competencies .bubble {
  width: 395px; }

.it-competencies .bubble-item {
  width: 65px;
  height: 65px; }

.it-competencies .bubble-wrapper-3 {
  width: 285px; }

.case {
  padding-top: 45px;
  padding-bottom: 85px; }
  .case h2 {
    margin-bottom: 30px; }
  .case-slider {
    position: relative;
    padding: 0 40px; }
    .case-slider__prev {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      outline: none;
      cursor: pointer; }
    .case-slider__next {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      outline: none;
      cursor: pointer; }
  .case-item {
    background: #10132F;
    border-radius: 15px;
    padding: 35px 25px;
    position: relative;
    height: 100%; }
    .case-item h3 {
      height: 60px;
      font-weight: 700;
      font-size: 24px;
      line-height: 30px;
      letter-spacing: -0.005em;
      background: -webkit-gradient(linear, left top, right top, from(#145482), to(#53B1E9));
      background: -o-linear-gradient(left, #145482 0%, #53B1E9 100%);
      background: linear-gradient(90deg, #145482 0%, #53B1E9 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      margin-bottom: 8px; }
    .case-item p {
      font-weight: 400;
      font-size: 12px;
      line-height: 141.5%;
      letter-spacing: -0.005em;
      color: #E3F5FF;
      margin-bottom: 27px; }
    .case-item__result {
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.005em;
      background: -webkit-gradient(linear, left top, right top, color-stop(-13.89%, #1C608F), to(#4DA8DF));
      background: -o-linear-gradient(left, #1C608F -13.89%, #4DA8DF 100%);
      background: linear-gradient(90deg, #1C608F -13.89%, #4DA8DF 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      margin-bottom: 24px; }
    .case-item-wrapper {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 15px; }
      .case-item-wrapper span {
        width: 100%;
        height: 77px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 400;
        font-size: 10px;
        line-height: 13px;
        text-align: center;
        letter-spacing: -0.005em;
        color: #E3F5FF;
        padding: 0 10px;
        background: #071737;
        -webkit-box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
        box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
        border-radius: 10px; }
    .case-item__count {
      font-weight: 400;
      font-size: 18px;
      line-height: 23px;
      background: -webkit-gradient(linear, left top, right top, color-stop(-4.55%, #185A89), color-stop(109.09%, #4DA8DF));
      background: -o-linear-gradient(left, #185A89 -4.55%, #4DA8DF 109.09%);
      background: linear-gradient(90deg, #185A89 -4.55%, #4DA8DF 109.09%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      position: absolute;
      top: 25px;
      right: 24px; }

.economy .we-left {
  max-width: 578px; }

.economy-stat {
  margin-top: 95px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 80px;
  grid-row-gap: 62px; }
  .economy-stat-item {
    max-width: 335px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .economy-stat-item h3 {
      font-weight: 500;
      font-size: 36px;
      line-height: 45px;
      color: #E8EFFC;
      margin-bottom: 2px; }
    .economy-stat-item p {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      text-align: center;
      color: #929EB3; }

.economy-portfolio .portfolio-info {
  max-width: 984px;
  margin: 0 auto; }
  .economy-portfolio .portfolio-info-item {
    max-width: 230px; }

.economy-team-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.economy-team-left {
  width: 598px;
  margin-right: 97px; }

.economy-team ul {
  margin-top: 33px;
  margin-bottom: 33px; }
  .economy-team ul li {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .economy-team ul li:last-child {
      margin-bottom: 0; }
    .economy-team ul li svg {
      margin-right: 20px; }
    .economy-team ul li span {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #E8EFFC; }

.economy-team .bubble {
  width: 395px; }

.economy-team .bubble-item {
  width: 65px;
  height: 65px; }

.economy-team .bubble-wrapper-3 {
  width: 285px; }

.support-economy .support-slider .swiper-container {
  max-width: 100%; }

.support-economy .btn {
  margin-left: 0; }

.education .we-left {
  max-width: 586px; }

.education-stat {
  max-width: 522px;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .education-stat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .education-stat-item h3 {
      font-style: normal;
      font-weight: 500;
      font-size: 48px;
      line-height: 60px;
      color: #E8EFFC;
      margin-bottom: 1px; }
    .education-stat-item span {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #929EB3;
      text-align: center; }

.education-portfolio .portfolio-info {
  padding: 107px 44px 0; }
  .education-portfolio .portfolio-info-item {
    max-width: 310px; }
    .education-portfolio .portfolio-info-item__top {
      position: relative;
      margin-bottom: 33px; }
      .education-portfolio .portfolio-info-item__top-circle {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        pointer-events: none; }
        .education-portfolio .portfolio-info-item__top-circle svg {
          -webkit-filter: drop-shadow(0px 0px 4px rgba(231, 231, 231, 0.5));
          filter: drop-shadow(0px 0px 4px rgba(231, 231, 231, 0.5)); }
        .education-portfolio .portfolio-info-item__top-circle circle {
          -webkit-animation: animate 1.5s infinite;
          animation: animate 1.5s infinite;
          opacity: 0; }
          .education-portfolio .portfolio-info-item__top-circle circle:nth-child(2) {
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
          .education-portfolio .portfolio-info-item__top-circle circle:nth-child(3) {
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
      .education-portfolio .portfolio-info-item__top-icon {
        position: relative; }
        .education-portfolio .portfolio-info-item__top-icon span {
          position: absolute;
          background: #001636;
          border-radius: 10px;
          font-weight: 400;
          font-size: 12px;
          line-height: 15px;
          color: #FFFFFF;
          display: none;
          padding: 19px 24px;
          bottom: calc(100% + 30px);
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          z-index: 2; }
        .education-portfolio .portfolio-info-item__top-icon:hover span {
          display: block; }
    .education-portfolio .portfolio-info-item:nth-child(1) .portfolio-info-item__top-icon span {
      width: 310px; }
    .education-portfolio .portfolio-info-item:nth-child(2) .portfolio-info-item__top-icon span {
      width: 381px; }
    .education-portfolio .portfolio-info-item:nth-child(3) .portfolio-info-item__top-icon span {
      width: 310px; }

.creat {
  padding-top: 85px;
  padding-bottom: 85px; }
  .creat h2 {
    margin-bottom: 30px; }
  .creat p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #E8EFFC;
    margin-bottom: 18px;
    max-width: 1008px; }
    .creat p:last-child {
      margin-bottom: 0; }

.step {
  margin-top: 40px;
  padding-left: 350px;
  position: relative; }
  .step-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 165px; }
    .step-item__number {
      position: absolute;
      font-weight: 500;
      font-size: 24px;
      line-height: 30px;
      color: #182234;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .step-item__name {
      min-width: 250px;
      width: 250px;
      font-weight: 500;
      font-size: 18px;
      line-height: 23px;
      color: #182234;
      -webkit-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .step-item__list {
      position: relative;
      padding-left: 44px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .step-item__list span {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #182234;
        margin-bottom: 18px;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out; }
        .step-item__list span:last-child {
          margin-bottom: 0; }
    .step-item svg {
      position: absolute;
      left: 0;
      height: 177px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
      .step-item svg path {
        stroke: #182234; }
      .step-item svg circle {
        stroke: #182234;
        fill: rgba(187, 215, 233, 0.26); }
    .step-item.active .step-item__number, .step-item:hover .step-item__number {
      color: #E8EFFC; }
    .step-item.active .step-item__name, .step-item:hover .step-item__name {
      color: #E8EFFC; }
    .step-item.active .step-item__list span, .step-item:hover .step-item__list span {
      color: #E8EFFC; }
    .step-item.active .step-item__list svg, .step-item:hover .step-item__list svg {
      z-index: 1; }
      .step-item.active .step-item__list svg path, .step-item:hover .step-item__list svg path {
        stroke: #DCE9FE; }
      .step-item.active .step-item__list svg circle, .step-item:hover .step-item__list svg circle {
        stroke: #DCE9FE;
        fill: #0B3C5D; }
    .step-item:nth-child(1) .step-item__number {
      top: 103px;
      left: 150px; }
    .step-item:nth-child(2) .step-item__number {
      top: 206px;
      left: 150px; }
    .step-item:nth-child(3) .step-item__number {
      top: 314px;
      left: 150px; }
    .step-item:nth-child(4) .step-item__number {
      top: 422px;
      left: 150px; }

.map {
  padding-top: 85px;
  padding-bottom: 85px; }
  .map h2 {
    margin-bottom: 30px; }
  .map p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #E8EFFC;
    margin-bottom: 30px; }
  .map-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px; }
  .map-item {
    width: 100%;
    padding: 25px 22px 37px;
    background: #10132F;
    -webkit-box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
    border-radius: 10px;
    position: relative; }
    .map-item h3 {
      font-weight: 500;
      font-size: 24px;
      line-height: 30px;
      color: #D2E3FF;
      margin-bottom: 18px; }
    .map-item li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-width: 264px;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #D2E3FF; }
      .map-item li span {
        margin-right: 5px; }
    .map-item__icon {
      position: absolute;
      top: 24px;
      right: 24px; }
    .map-item__arrow {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: -31px; }

@-webkit-keyframes animate {
  0% {
    opacity: 0; }
  20% {
    opacity: 1; }
  40% {
    opacity: 1; }
  70% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

@keyframes animate {
  0% {
    opacity: 0; }
  20% {
    opacity: 1; }
  40% {
    opacity: 1; }
  70% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

.oko h2 {
  margin-bottom: 0; }

.oko .we-left {
  max-width: 592px; }

.oko .we-right {
  padding-top: 0; }

.oko p strong {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(#0E4B77), color-stop(93.5%, #5BBEF7));
  background: -o-linear-gradient(left, #0E4B77 0%, #5BBEF7 93.5%);
  background: linear-gradient(90deg, #0E4B77 0%, #5BBEF7 93.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  line-height: 17px;
  margin-right: 5px; }

.oko .construction-stat-item {
  max-width: 279px; }
  .oko .construction-stat-item h3 {
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;
    color: #E8EFFC;
    margin-bottom: 0; }
  .oko .construction-stat-item p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #929EB3; }

.spheres {
  padding-top: 75px;
  padding-bottom: 85px; }
  .spheres .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .spheres-left {
    margin-right: 94px; }
    .spheres-left h2 {
      margin-bottom: 50px; }
    .spheres-left-wrapper {
      width: 555px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .spheres-left-item {
      width: 255px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 10px; }
      .spheres-left-item svg, .spheres-left-item img {
        margin-right: 10px; }
      .spheres-left-item span {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #E8EFFC; }
  .spheres-right h2 {
    margin-bottom: 40px; }
  .spheres-right-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .spheres-right-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 58px;
    width: 50%; }
    .spheres-right-item strong {
      font-weight: 700;
      font-size: 64px;
      line-height: 60px;
      color: transparent;
      -webkit-text-stroke-width: 0.5px;
      -webkit-text-stroke-color: #CCCCCC; }
    .spheres-right-item span {
      font-weight: 400;
      font-size: 18px;
      line-height: 23px;
      color: #E8EFFC; }

.benefits {
  padding-top: 85px;
  padding-bottom: 10px; }
  .benefits h2 {
    margin-bottom: 50px; }
  .benefits p {
    font-size: 14px;
    line-height: 19px;
    color: #E8EFFC;
    margin-bottom: 30px; }
  .benefits-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .benefits-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 250px;
    margin: 0 40px 65px; }
    .benefits-item svg {
      margin-bottom: 7px; }
    .benefits-item span {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      text-align: center;
      color: #E8EFFC; }

.transport {
  padding-top: 75px;
  padding-bottom: 75px; }
  .transport h2 {
    margin-bottom: 50px; }
  .transport-wrapper {
    display: grid;
    grid-template-columns: 391px calc(100% - 391px - 30px);
    grid-gap: 30px; }
  .transport-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .transport-left h2 {
      margin-bottom: 30px; }
    .transport-left p {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #E8EFFC;
      opacity: 0.91;
      margin-bottom: 18px; }
    .transport-left-bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .transport-left-bottom p {
        margin-bottom: 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .transport-left-bottom p:last-child {
          margin-bottom: 0; }
        .transport-left-bottom p i {
          font-weight: 400;
          font-size: 14px;
          line-height: 18px;
          color: #929EB3;
          font-style: normal;
          width: 78px;
          display: block; }
        .transport-left-bottom p span {
          font-weight: 400;
          font-size: 14px;
          line-height: 18px;
          color: #E8EFFC; }
  .transport-slider {
    width: 100%; }
    .transport-slider .swiper-container {
      width: 100%;
      position: relative; }
    .transport-slider-nav {
      position: absolute;
      left: 261px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      z-index: 2;
      bottom: 25px; }
      .transport-slider-nav .swiper-pagination {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 7.5px;
        height: 18px;
        padding-top: 3px; }
      .transport-slider-nav .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        background: #FAFCFF;
        border-radius: 50%;
        margin: 0 2.5px;
        opacity: 1; }
      .transport-slider-nav .swiper-pagination-bullet-active {
        background: #3A4CA8; }
      .transport-slider-nav__prev, .transport-slider-nav__next {
        cursor: pointer; }
  .transport-item {
    position: relative;
    background: #10132F;
    -webkit-box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
    border-radius: 20px;
    padding: 25px 30px 72px;
    height: 476px;
    max-height: 476px; }
    .transport-item__figure {
      position: absolute;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      right: 0;
      bottom: 0; }
    .transport-item__icon {
      position: absolute;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      bottom: 5px;
      left: 10px; }
    .transport-item > img {
      margin-bottom: 20px;
      max-width: 322px;
      border-radius: 5px; }
    .transport-item p {
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      color: #FAFCFF;
      margin-bottom: 20px;
      max-width: 487px; }
    .transport-item--2 {
      padding: 34px 25px; }
      .transport-item--2 > img {
        margin-bottom: 28px; }
      .transport-item--2 p {
        font-size: 14px;
        line-height: 18px; }
        .transport-item--2 p:nth-child(2) {
          max-width: 100%;
          margin-bottom: 19px;
          padding-left: 14px; }
        .transport-item--2 p:nth-child(3) {
          max-width: 385px;
          margin-bottom: 0px;
          padding-left: 65px; }
    .transport-item--3 {
      padding: 75px 54px; }
      .transport-item--3 p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 32px;
        max-width: 371px; }
    .transport-item--4 {
      padding: 30px; }
      .transport-item--4 p {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 20px;
        max-width: 509px; }
        .transport-item--4 p:nth-child(3), .transport-item--4 p:nth-child(4) {
          max-width: 441px; }
      .transport-item--4 > img {
        margin-bottom: 19px;
        max-width: 350px;
        border-radius: 0; }
    .transport-item-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-width: 488px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-left: -25px;
      margin-top: 57px; }
      .transport-item-wrapper span {
        width: 80px;
        height: 80px;
        background: -o-linear-gradient(223.5deg, #3A4CA8 14.38%, #222A61 86.09%);
        background: linear-gradient(226.5deg, #3A4CA8 14.38%, #222A61 86.09%);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 400;
        text-align: center;
        color: #FAFCFF; }
        .transport-item-wrapper span:nth-child(2n) {
          margin-top: 64px; }
        .transport-item-wrapper span:nth-child(1) {
          font-size: 9px;
          line-height: 11px; }
        .transport-item-wrapper span:nth-child(2) {
          font-size: 14px;
          line-height: 18px; }
        .transport-item-wrapper span:nth-child(3) {
          font-size: 10px;
          line-height: 13px; }
        .transport-item-wrapper span:nth-child(4) {
          font-size: 12px;
          line-height: 15px; }
        .transport-item-wrapper span:nth-child(5) {
          font-size: 11px;
          line-height: 14px; }

.partners-oko h4 {
  font-weight: 400;
  font-size: 36px;
  line-height: 45px;
  color: #E8EFFC;
  margin-bottom: 50px; }

.shm {
  padding-bottom: 85px; }
  .shm .we-wrapper {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .shm .we-right {
    max-width: 592px; }
    .shm .we-right img {
      margin-bottom: 0; }
  .shm .we-left {
    margin-right: 30px; }
  .shm h2 {
    margin-bottom: 0; }
  .shm h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    background: -webkit-gradient(linear, left top, right top, from(#0E4B77), color-stop(93.5%, #5BBEF7));
    background: -o-linear-gradient(left, #0E4B77 0%, #5BBEF7 93.5%);
    background: linear-gradient(90deg, #0E4B77 0%, #5BBEF7 93.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 30px; }
  .shm-block {
    border: 2px solid #001927;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 30px; }
    .shm-block:last-child {
      margin-bottom: 0; }
    .shm-block p {
      margin-bottom: 7px; }
      .shm-block p strong {
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        background: -webkit-gradient(linear, left top, right top, from(#0E4B77), color-stop(8.5%, #5BBEF7));
        background: -o-linear-gradient(left, #0E4B77 0%, #5BBEF7 8.5%);
        background: linear-gradient(90deg, #0E4B77 0%, #5BBEF7 8.5%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        display: block; }
    .shm-block ol {
      padding-left: 20px;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #FFFFFF;
      margin-top: -7px; }
  .shm-wrapper {
    margin-top: 110px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 20px; }
    .shm-wrapper h2 {
      grid-column-start: 1;
      grid-column-end: 3;
      margin-bottom: 0;
      font-weight: 700;
      font-size: 36px;
      line-height: 76px;
      white-space: nowrap;
      letter-spacing: 0.1px; }
    .shm-wrapper span {
      background: #10132F;
      -webkit-box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
      box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
      border-radius: 10px;
      width: 100%;
      height: 76px;
      padding: 20px 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      text-align: center;
      color: #D2E3FF; }

.shm-sheme {
  padding-top: 55px;
  padding-bottom: 85px; }
  .shm-sheme img {
    width: 100%; }

.result {
  padding-top: 85px;
  padding-bottom: 100px; }
  .result h2 {
    margin-bottom: 30px; }
  .result-block {
    border: 2px solid #001927;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 20px 40px; }
    .result-block p {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #FFFFFF;
      margin-bottom: 20px; }
      .result-block p:last-child {
        margin-bottom: 0; }
  .result-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1060px;
    margin: 20px auto 0; }
    .result-wrapper .result-block {
      width: 560px;
      margin-right: 60px;
      padding: 15px 30px 11px;
      position: relative;
      background: #01061D; }
      .result-wrapper .result-block svg {
        position: absolute;
        left: 18px;
        bottom: calc(-134px / 2);
        z-index: -1; }
    .result-wrapper .products-right {
      padding: 30px 20px;
      width: 440px;
      max-width: 440px; }
      .result-wrapper .products-right__title {
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: #FFFFFF;
        max-width: 300px;
        margin-bottom: 15px; }
      .result-wrapper .products-right__text {
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        color: #FFFFFF;
        max-width: 250px; }
  .result ul {
    margin-top: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .result ul li {
      margin: 0 16px; }

.vision {
  padding-bottom: 85px; }
  .vision h2 {
    margin-bottom: 0; }
  .vision h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    background: -webkit-gradient(linear, left top, right top, from(#0E4B77), color-stop(93.5%, #5BBEF7));
    background: -o-linear-gradient(left, #0E4B77 0%, #5BBEF7 93.5%);
    background: linear-gradient(90deg, #0E4B77 0%, #5BBEF7 93.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 30px; }
  .vision p {
    margin-bottom: 30px; }
    .vision p strong {
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      background: -o-linear-gradient(359.86deg, #0E4B77 0.03%, #5BBEF7 5.9%);
      background: linear-gradient(90.14deg, #0E4B77 0.03%, #5BBEF7 5.9%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent; }
    .vision p:last-child {
      margin-bottom: 0; }
  .vision-stat {
    margin-top: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .vision-stat-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 201px; }
      .vision-stat-item h4 {
        font-weight: 500;
        font-size: 36px;
        line-height: 45px;
        color: #E8EFFC;
        margin-bottom: 0; }
      .vision-stat-item span {
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        color: #929EB3; }

.features {
  padding-top: 85px;
  padding-bottom: 85px; }
  .features h2 {
    margin-bottom: 30px; }
  .features-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .features-item {
    width: 241px;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .features-item svg {
      margin-bottom: 6px; }
    .features-item:nth-child(4) {
      margin-left: 240px;
      margin-bottom: 0; }
    .features-item:nth-child(5) {
      margin-right: 240px;
      margin-bottom: 0; }
    .features-item p {
      font-weight: 400;
      font-size: 12px;
      line-height: 15px;
      text-align: center;
      color: #E8EFFC; }

.function {
  padding-top: 85px;
  padding-bottom: 85px; }
  .function h2 {
    margin-bottom: 30px; }
  .function p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #E8EFFC;
    margin-bottom: 35px; }
  .function-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .function-left {
    min-width: 435px;
    margin-right: 25px; }
  .function-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px; }
    .function-line:last-child {
      margin-bottom: 0; }
    .function-line__number {
      border: 1px solid #DCE9FE;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 45px;
      min-width: 45px;
      height: 45px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: 15px;
      border-radius: 50%;
      font-weight: 700;
      font-size: 18px;
      line-height: 167%;
      color: #DCE9FE; }
    .function-line span {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #E8EFFC; }
  .function-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .function-images {
    min-width: 284px;
    margin-right: 15px; }
    .function-images img {
      width: 100%;
      display: block;
      margin-bottom: 25px; }
      .function-images img:last-child {
        margin-bottom: 0; }
  .function-text {
    height: 100%;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .function-text p {
      margin-bottom: 8px; }
      .function-text p:last-child {
        margin-bottom: 0; }

.types {
  padding-top: 85px;
  padding-bottom: 85px; }
  .types h2 {
    margin-bottom: 30px; }
  .types-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .types-left {
    width: 524px;
    min-width: 524px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 30px; }
    .types-left > p {
      max-width: 471px; }
  .types p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #E8EFFC; }
  .types-block {
    border: 2px solid #5BBEF7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    padding: 25px 15px;
    margin-bottom: 30px; }
    .types-block:last-child {
      margin-bottom: 0; }
    .types-block h3 {
      font-weight: 500;
      font-size: 16px;
      line-height: 20px;
      color: #E8EFFC;
      margin-bottom: 15px; }

.creat-vision .step {
  padding-left: 275px; }
  .creat-vision .step-item:nth-child(n) .step-item__number {
    left: 25px; }

.why {
  padding-top: 85px;
  padding-bottom: 110px; }
  .why h2 {
    margin-bottom: 30px; }
  .why-slider {
    padding: 0 44px;
    position: relative; }
    .why-slider__prev {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      cursor: pointer;
      outline: none; }
    .why-slider__next {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      cursor: pointer;
      outline: none; }
  .why-item {
    display: block;
    background: #10132F;
    -webkit-box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.44);
    border-radius: 15px;
    padding: 20px 25px 36px;
    min-height: 193px;
    height: 100%; }
    .why-item__number {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: #171B3A;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      margin-bottom: 15px;
      font-weight: 500;
      font-size: 24px;
      line-height: 30px;
      color: #FFFFFF; }
    .why-item p {
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #D2E3FF; }

@media (max-width: 1200px) {
  .container {
    max-width: 960px; }
  .banner-header .logo {
    margin-right: 20px; }
  .banner-header li {
    margin-right: 15px; }
  .banner-middle {
    max-width: 450px; }
  .work-wrapper {
    grid-gap: 30px; }
  .products-left {
    max-width: 500px; }
  .footer-col:nth-child(4) {
    margin-left: 100px; }
  .team-item__img img {
    min-width: 146px; }
  .team-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .team-item {
    margin-bottom: 30px; }
  .it-competencies .competencies-left {
    margin-right: 60px; }
  .spheres-left {
    margin-right: 10px; }
  .spheres-left-wrapper {
    width: 520px; }
  .transport-wrapper {
    grid-template-columns: 100%; }
  .features-item:nth-child(4) {
    margin-left: 0; }
  .features-item:nth-child(5) {
    margin-right: 0; }
  .features-wrapper {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .function-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .function-left {
    margin-bottom: 20px; } }

@media (max-width: 991px) {
  .popup-details__title {
    max-width: calc(100% - 40px); }
  .popup-details__icon img {
    width: 30px; }
  .popup-details__text-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .popup-details-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px; }
  .popup-details-contact a {
    margin-bottom: 10px;
    margin-right: 0; }
  .popup-details-info > span {
    text-align: center; }
  .features-item:nth-child(5) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .features-item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0; }
  .popup-details-social {
    margin: 0 auto; }
    .popup-details-social a:first-child {
      margin-left: 0; }
  .tasks-item {
    margin-bottom: 25px; }
    .tasks-item:last-child {
      margin-bottom: 0; }
  .economy-team ul li svg {
    min-width: 40px; }
  .case-item__count {
    font-size: 16px;
    top: 10px;
    right: 10px; }
  .footer-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .container {
    max-width: 720px; }
  .banner-slide {
    position: relative;
    margin: 0 auto; }
  .banner-header {
    margin-bottom: 50px; }
  .banner-middle {
    max-width: 100%; }
  .banner-middle p {
    max-width: 100%; }
  .banner-middle-action {
    margin-bottom: 30px; }
  .banner-social {
    margin-bottom: 30px; }
  .who {
    padding-top: 30px;
    padding-bottom: 30px; }
  .who-img {
    display: none; }
  .who-wapper {
    margin-left: 0; }
  .work-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 0; }
  .work-item {
    width: 214px;
    height: 214px;
    padding-top: 0;
    margin: 0 73px 20px; }
  .who h2 {
    margin-bottom: 30px; }
  .work {
    padding-top: 30px;
    padding-bottom: 30px; }
  .support {
    padding-top: 30px;
    padding-bottom: 30px; }
  .products {
    padding-top: 30px;
    padding-bottom: 30px; }
  .products-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .products-left {
    max-width: 100%; }
  .products-right {
    margin: 0 auto; }
  .partners-wrapper {
    grid-template-columns: repeat(4, 1fr); }
  .partners {
    padding-top: 30px;
    padding-bottom: 30px; }
  .footer {
    padding-top: 30px;
    padding-bottom: 30px; }
  .footer-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .footer-logo {
    margin-bottom: 15px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .footer-col:nth-child(2) {
    margin: 0 auto 20px;
    width: 100%; }
  .footer-col:nth-child(3) {
    width: 100%;
    margin-bottom: 20px; }
  .footer-col:nth-child(4) {
    width: 40%; }
  .footer-col:nth-child(5) {
    width: 40%; }
  .footer-col-contact {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .footer-col__title {
    text-align: center;
    margin-bottom: 10px; }
  .footer-col nav li {
    text-align: center; }
  .footer-col-social {
    margin-top: 20px; }
  .footer-col:nth-child(4) {
    margin: 0 0 20px; }
  .footer-bottom {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .footer-bottom p {
    margin-bottom: 10px; }
  .we-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .we-left {
    max-width: 100%; }
  .tasks-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .tasks h2 {
    text-align: center;
    margin: 0 auto 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .we-center__img {
    display: none; }
  .we-center .banner-middle {
    width: 100%;
    max-width: 100%; }
  .history__line {
    display: none; }
  .history-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .history-item:nth-child(1) .history-item__text {
    width: 100%; }
  .history-item__year {
    margin-bottom: 10px; }
  .history-item:nth-child(2) .history-item__text {
    width: 100%;
    padding-left: 0; }
  .history-item:nth-child(3) .history-item__text {
    width: 100%;
    margin-left: 0; }
  .team-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .team h2 {
    display: block;
    text-align: center; }
  .tasks {
    padding-top: 30px;
    padding-bottom: 30px; }
  .we-center {
    padding-top: 30px;
    padding-bottom: 30px; }
  .history {
    padding-top: 30px;
    padding-bottom: 30px; }
  .team {
    padding-top: 30px;
    padding-bottom: 30px; }
  .construction-stat {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .construction-stat-item {
    max-width: 40%;
    margin-bottom: 20px; }
  .portfolio-names {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .portfolio-names li {
    margin-right: 20px;
    margin-bottom: 5px; }
  .portfolio-info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .portfolio-info-item {
    max-width: 35%;
    margin-bottom: 50px; }
  .education-portfolio .portfolio-info-item__top {
    margin-bottom: 20px; }
  .competencies-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .competencies-left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px; }
  .construction {
    padding-bottom: 30px; }
  .portfolio {
    padding-top: 30px;
    padding-bottom: 30px; }
  .competencies {
    padding-top: 30px;
    padding-bottom: 30px; }
  .page-pagination {
    padding-bottom: 30px; }
  .it-competencies .competencies-left {
    width: 100%; }
  .case-item-wrapper {
    grid-template-columns: 100%; }
  .case {
    padding-top: 30px;
    padding-bottom: 30px; }
  .step {
    padding-left: 0; }
  .step-item__number {
    display: none; }
  .creat {
    padding-top: 30px;
    padding-bottom: 30px; }
  .map {
    padding-top: 30px;
    padding-bottom: 30px; }
  .spheres .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .spheres-right-wrapper {
    max-width: 500px; }
  .spheres-right h2 {
    padding: 0;
    text-align: center;
    display: block; }
  .spheres-left h2 {
    text-align: center;
    display: block; }
  .spheres {
    padding-top: 30px;
    padding-bottom: 30px; }
  .benefits {
    padding-top: 30px;
    padding-bottom: 30px; }
  .transport {
    padding-top: 30px;
    padding-bottom: 30px; }
  .shm-wrapper {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 30px; }
  .shm-sheme {
    padding-top: 30px;
    padding-bottom: 30px; }
  .result {
    padding-top: 30px;
    padding-bottom: 30px; }
  .shm .we-right {
    max-width: 100%; }
  .vision-stat {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 50px; }
  .vision-stat-item {
    max-width: 45%;
    width: 100%;
    margin-bottom: 15px; }
    .vision-stat-item:nth-child(5) {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1; }
    .vision-stat-item:nth-child(1) {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1; }
    .vision-stat-item:nth-child(2) {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
  .types-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .types-left {
    width: 100%;
    min-width: 100%;
    margin-bottom: 20px; }
    .types-left > p {
      margin-bottom: 15px; }
  .creat-vision .step {
    padding-left: 0; }
  .vision {
    padding-bottom: 30px; }
  .features {
    padding-top: 30px;
    padding-bottom: 30px; }
  .function {
    padding-top: 30px;
    padding-bottom: 30px; }
  .types {
    padding-top: 30px;
    padding-bottom: 30px; }
  .why {
    padding-top: 30px;
    padding-bottom: 30px; }
  .history-item__top {
    margin-bottom: 10px; }
  .history-item {
    margin-bottom: 30px; }
    .history-item:last-child {
      margin-bottom: 0; }
  .history-item__text p {
    margin-bottom: 10px; }
  .economy-stat-item:nth-child(4) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .economy-stat-item:nth-child(5) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

@media (max-width: 767px) {
  .popup-container {
    width: 80%; }
  .container {
    max-width: 540px; }
  .popup-details-wrapper {
    width: 100%;
    max-width: 100%; }
  .who-wapper h3 {
    font-size: 50px; }
  .who-first svg {
    width: 100px;
    height: 100px;
    left: -15px;
    top: -25px; }
  .who-second svg {
    width: 100px;
    height: 100px;
    right: -15px;
    top: -25px; }
  .who-first {
    margin-bottom: 30px; }
  .work-item {
    margin: 0 0 20px; }
  .economy-stat {
    grid-template-columns: repeat(2, 1fr); }
  .economy-team-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .economy-team-left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px; }
  .step-item__name {
    width: 200px;
    min-width: 200px; }
  .map-wrapper {
    grid-template-columns: 100%; }
  .map-item__arrow {
    display: none; }
  .transport-item__figure {
    display: none; }
  .benefits-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .transport-slider-nav {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .shm-wrapper {
    grid-template-columns: repeat(2, 1fr); }
  .shm-sheme .container {
    overflow-x: auto; }
    .shm-sheme .container img {
      width: 800px;
      min-width: 800px; }
  .result-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .result-wrapper .products-right {
    width: 100%;
    margin-top: 20px;
    max-width: 100%; }
  .result-wrapper .result-block {
    width: 100%;
    margin-right: 0; }
  .result-wrapper .result-block svg {
    display: none; }
  .function-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .function-images {
    margin-right: 0;
    margin-bottom: 20px; }
  .we-right img {
    max-width: 100% !important; } }

@media (max-width: 580px) {
  .container {
    padding-left: 15px;
    padding-right: 15px; }
  .features-item {
    width: 40%;
    margin-bottom: 20px; }
  .banner-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .banner-header ul {
    padding-top: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
  .banner-header li a {
    font-size: 11px; }
  .banner-header .logo {
    display: none; }
  .banner-header li {
    margin-right: 0; }
  .banner-header nav {
    width: 100%; }
  .banner-slide {
    width: calc(100% + 30px);
    margin: 0 -15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    height: auto; }
  .banner-slide:before {
    display: none; }
  .banner-slide__top-ellipse {
    display: none; }
  .banner-slide:after {
    display: none; }
  .banner-slide__bottom-ellipse {
    display: none; }
  .banner-slide-left {
    width: 100%;
    margin-bottom: 30px; }
  .banner-slide-item {
    min-height: 240px; }
  .banner-slide-right {
    width: 100%; }
  .who-wapper h3 {
    margin-bottom: 40px; }
  .who-first p {
    margin-left: 0; }
  .who-second-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .who-second-top p {
      padding-top: 0; }
    .who-second-top h3 {
      text-align: right; }
  .products-item__icon {
    min-width: 50px; }
  .portfolio-info-item {
    max-width: 45%; }
  .construction-stat-item {
    max-width: 45%; }
  .construction-stat-item h3 {
    font-size: 35px;
    line-height: 1.2; }
  .construction-stat-item p {
    font-size: 12px;
    line-height: 1.2; }
  .case-slider {
    padding: 0; }
  .case-slider__next {
    display: none; }
  .case-slider__prev {
    display: none; }
  .it-competencies .competencies-left {
    margin-right: 0; }
  .economy-stat {
    grid-column-gap: 20px;
    grid-row-gap: 20px; }
  .economy-team .bubble {
    max-width: 395px;
    width: 100%; }
  .transport-item {
    max-height: 100%;
    height: 100%; }
  .swiper-slide {
    height: auto; }
  .construction-stat {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .spheres-left-wrapper {
    width: 100%; }
  .spheres-right-wrapper {
    width: 100%; }
  .spheres-right-item:nth-child(1) {
    padding-left: 0; }
  .spheres-right-item:nth-child(4) {
    padding-left: 0; }
  .transport-item--2 p:nth-child(3) {
    padding-left: 0; }
  .transport-item--2 {
    padding-bottom: 70px; }
  .transport-item-wrapper span {
    width: 140px;
    height: 140px;
    font-size: 13px !important;
    line-height: 1.2 !important;
    margin: 0 0 20px !important; }
  .transport-item-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0 0;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .transport-item--3 {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px; }
  .transport-item--4 {
    padding-bottom: 75px; }
  .shm-wrapper h2 {
    font-size: 24px;
    line-height: 1.2; }
  .result-wrapper .products-right__title {
    margin-right: 40px; }
  .function-left {
    min-width: 100%; }
  .why-slider {
    padding: 0; }
  .why-slider__prev {
    display: none; }
  .why-slider__next {
    display: none; }
  .portfolio-slider__prev {
    display: none; }
  .portfolio-slider__next {
    display: none; }
  .portfolio-slider {
    padding: 0; }
  .support-slider__next {
    display: none; }
  .support-slider__prev {
    display: none; }
  .support .btn {
    margin-left: 0; }
  .portfolio-names li {
    text-transform: capitalize;
    font-size: 12px;
    margin-right: 10px; }
    .portfolio-names li span {
      display: none; }
  .popup-callback-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .popup-callback-contact a {
    margin-bottom: 10px; } }

@media (max-width: 580px) {
  .partners-wrapper {
    grid-template-columns: repeat(2, 1fr); }
  .work-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .products-item__arrow {
    min-width: 40px; }
  .banner-middle-action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .banner-middle-action .btn-white {
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%; }
  .banner-middle-action .btn {
    width: 100%; }
  .banner-middle-title h1 {
    font-size: 50px; }
  h2 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: normal; }
  .products-right__title {
    font-size: 16px; }
  .it-competencies .bubble {
    max-width: 395px;
    width: 100%; }
  .step-item__name {
    width: 140px;
    min-width: 140px;
    font-size: 14px; }
  .step-item__list span {
    font-size: 10px;
    line-height: 1.2;
    margin-bottom: 10px; }
  .map-item h3 {
    font-size: 18px;
    margin-bottom: 10px; }
  .portfolio-info-item__top-icon span {
    width: 310px; }
  .team-item__img img {
    height: auto;
    min-width: 120px;
    width: 120px; }
  .oko h2 {
    font-size: 36px; }
  .banner-slide-left-bg {
    display: none; }
  .banner-slide-right-bg {
    display: none; }
  .portfolio-names li span {
    display: none; }
  .construction-stat-item span {
    display: block; } }