#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #060606;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#preloader.faded {
  visibility: hidden;
  opacity: 0;
}
#preloader.fade-out {
  background: rgba(0, 0, 0, 0);
}
#preloader.fade-out #loaderLottie {
  display: none;
}
#preloader .preloader-pixels {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
#preloader .preloader-pixels .cell {
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.1s ease;
}
#preloader .preloader-pixels .cell.black {
  background-color: #060606;
}
section {
  position: relative;
}
section.hero {
  background: linear-gradient(
    180deg,
    rgba(6, 6, 6, 0) 8.94%,
    rgba(6, 6, 6, 0.0208296) 12.86%,
    rgba(6, 6, 6, 0.0439704) 16.37%,
    rgba(6, 6, 6, 0.0704) 19.62%,
    rgba(6, 6, 6, 0.101096) 22.77%,
    rgba(6, 6, 6, 0.137037) 25.94%,
    rgba(6, 6, 6, 0.1792) 29.31%,
    rgba(6, 6, 6, 0.228563) 33.01%,
    rgba(6, 6, 6, 0.286104) 37.19%,
    rgba(6, 6, 6, 0.3528) 42%,
    rgba(6, 6, 6, 0.42963) 47.59%,
    rgba(6, 6, 6, 0.51757) 54.11%,
    rgba(6, 6, 6, 0.6176) 61.7%,
    rgba(6, 6, 6, 0.730696) 70.52%,
    rgba(6, 6, 6, 0.857837) 80.71%,
    #060606 92.42%
  );
  background-size: 100% 13rem;
  background-repeat: no-repeat;
  background-position: bottom;
}
section.hero .bg-video {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}
section.hero .container {
  position: relative;
  z-index: 1;
  color: #fff;
  padding-top: 7.75rem;
  padding-bottom: 2.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100dvh - 10.5rem);
}
section.hero .container .cgpt {
  max-width: 10rem;
  width: 10rem;
  position: absolute;
  top: 4rem;
}
section.hero .container h1 {
  max-width: 36.375rem;
  color: #fb46ff;
  position: relative;
  text-indent: 6.125rem;
}
section.hero .container h1 .subheading {
  color: #fff;
  left: -6.0625rem;
}
section.hero .container h1::first-line {
  color: #fff;
}
section.hero .container .content-wrap {
  justify-content: space-between;
}
section.hero .container .content-wrap .content {
  width: min-content;
}
section.hero .container .content-wrap .content p {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 1.125rem;
  line-height: 1.625rem;
}
section.hero .container .content-wrap .content .buttons-wrap {
  gap: 1rem;
  margin-top: 2.75rem;
}
section.hero .container .content-wrap .socials {
  max-width: 33.125rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
section.hero .container .content-wrap .socials h2 {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  text-align: right;
}
@media screen and (max-width: 1145px) {
  section.hero .container .content-wrap .socials h2 {
    font-size: 2.7rem;
  }
}
section.hero .container .content-wrap .socials .socials-inner-wrap {
  display: flex;
  gap: 1.6875rem;
  margin-top: 0.875rem;
  padding: 0 1.6875rem;
  height: 1.625rem;
  align-items: center;
}
section.hero .container .content-wrap .socials .socials-inner-wrap:before,
section.hero .container .content-wrap .socials .socials-inner-wrap:after {
  bottom: calc(50% - 12.33px);
  filter: grayscale(1) brightness(1.6);
}
section.hero
  .container
  .content-wrap
  .socials
  .socials-inner-wrap
  .social-item {
  display: block;
  transition: opacity 0.3s;
  width: 1.4rem;
}
section.hero
  .container
  .content-wrap
  .socials
  .socials-inner-wrap
  .social-item
  img {
  width: 100%;
  height: auto;
}
section.hero
  .container
  .content-wrap
  .socials
  .socials-inner-wrap
  .social-item:hover {
  opacity: 0.7;
}
section.section-1 {
  color: #fff;
  background-color: #060606;
  padding: 6.25rem 0;
  background-image: url("../img/bg.webp");
  background-repeat: no-repeat;
  background-position: 0 0;
}
section.section-1 p {
  color: hsla(0, 0%, 100%, 0.6);
}
section.section-1 .section-1__heading {
  text-align: center;
}
section.section-1 .section-1__heading h2 {
  margin: 1rem auto;
}
section.section-1 .section-1__heading p {
  max-width: 40.625rem;
  margin: 0 auto;
}
section.section-1 .section-1__inner {
  position: relative;
}
section.section-1 .section-1__inner .img-wrap {
  width: 50%;
  overflow: visible;
  position: relative;
  padding-top: 6.25rem;
  margin-bottom: -6.25rem;
}
section.section-1 .section-1__inner .img-wrap .lottie-wrap {
  position: sticky;
  top: calc(50% - 23vw);
  height: fit-content;
}
section.section-1 .section-1__inner .content-wrap .content-item-0 {
  position: relative;
  margin-bottom: 0.75rem;
}
section.section-1 .section-1__inner .content-wrap .content-item-0 img {
  width: 3.625rem;
  height: auto;
}
section.section-1 .section-1__inner .content-wrap .content-item {
  margin-left: 3.5rem;
  padding-left: 5.5rem;
  position: relative;
}
section.section-1
  .section-1__inner
  .content-wrap
  .content-item:not(:last-child) {
  min-height: 21.25rem;
}
section.section-1
  .section-1__inner
  .content-wrap
  .content-item:not(:last-child):before {
  content: "";
  position: absolute;
  top: 4.5rem;
  bottom: 1.25rem;
  left: 0;
  width: 0.125rem;
  background: hsla(0, 0%, 100%, 0.2);
}
section.section-1 .section-1__inner .content-wrap .content-item .number {
  font-size: 3.75rem;
  line-height: 3.75rem;
  color: #fb46ff;
  position: absolute;
  top: -2.1875rem;
  left: -3.875rem;
  padding: 1.5625rem;
}
section.section-1 .section-1__inner .content-wrap .content-item h3 {
  margin-bottom: 1.75rem;
}
section.section-1 .section-1__inner .content-wrap .content-item p {
  max-width: 20.1875rem;
}
section.infrastructure {
  color: hsla(0, 0%, 100%, 0.7);
  background-color: #060606;
  padding: 6.25rem 0;
}
section.infrastructure .heading {
  text-align: center;
}
section.infrastructure .heading h2 {
  color: #fff;
}
section.infrastructure .heading p {
  max-width: 41rem;
  margin: 0 auto;
}
section.infrastructure .infrastructure__inner {
  padding-left: 28px;
  margin-top: 3.75rem;
  position: relative;
}
section.infrastructure .infrastructure__inner .line {
  position: absolute;
  width: 98px;
  height: 20px;
  border-top-left-radius: 20px;
  border-left: 1px hsla(0, 0%, 100%, 0.6) dashed;
  border-top: 1px hsla(0, 0%, 100%, 0.6) dashed;
  left: -8px;
}
section.infrastructure .infrastructure__inner .infrastructure-item {
  background-image: url("../img/tech2-bg.webp");
  background-size: cover;
  align-items: center;
  background-position: top right;
  background-repeat: no-repeat;
  padding: 2rem 0;
  gap: 25px;
  border: 1px hsla(0, 0%, 100%, 0.2) solid;
  position: relative;
  margin-bottom: 1.25rem;
}
section.infrastructure .infrastructure__inner .infrastructure-item .line {
  left: -37px;
}
section.infrastructure .infrastructure__inner .infrastructure-item.item-1 {
  background-image: url("../img/tech1-bg.webp");
  -webkit-clip-path: polygon(
    28px 0,
    0 28px,
    0 100%,
    100% 100%,
    100% 28px,
    calc(100% - 28px) 0
  );
  clip-path: polygon(
    28px 0,
    0 28px,
    0 100%,
    100% 100%,
    100% 28px,
    calc(100% - 28px) 0
  );
}
section.infrastructure
  .infrastructure__inner
  .infrastructure-item.item-1:before,
section.infrastructure
  .infrastructure__inner
  .infrastructure-item.item-1:after {
  content: "";
  position: absolute;
  top: -23.5px;
  width: 43px;
  height: 43px;
  border-top: 1px hsla(0, 0%, 100%, 0.2) solid;
}
section.infrastructure
  .infrastructure__inner
  .infrastructure-item.item-1::before {
  left: -23.5px;
  transform: rotate(135deg);
}
section.infrastructure
  .infrastructure__inner
  .infrastructure-item.item-1::after {
  right: -23.5px;
  transform: rotate(225deg);
}
section.infrastructure
  .infrastructure__inner
  .infrastructure-item:last-child
  .line {
  border-top-left-radius: 0;
  border-bottom-left-radius: 20px;
  border-top: none;
  border-bottom: 1px hsla(0, 0%, 100%, 0.6) dashed;
  margin-top: -20px;
}
section.infrastructure
  .infrastructure__inner
  .infrastructure-item:last-child
  .img-wrap
  img {
  width: calc(100% - 45px);
  margin-right: auto;
}
section.infrastructure
  .infrastructure__inner
  .infrastructure-item
  .content-wrap {
  width: calc(50% - 100px);
  padding-left: 62px;
}
section.infrastructure
  .infrastructure__inner
  .infrastructure-item
  .content-wrap
  h4 {
  color: #fff;
  position: relative;
  padding-left: 1.2rem;
}
section.infrastructure
  .infrastructure__inner
  .infrastructure-item
  .content-wrap
  h4:before {
  content: "";
  position: absolute;
  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: calc(50% - 5px);
  left: 0;
}
section.infrastructure
  .infrastructure__inner
  .infrastructure-item
  .content-wrap
  .description {
  margin-top: 2rem;
}
section.infrastructure
  .infrastructure__inner
  .infrastructure-item
  .content-wrap
  .description
  b {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
  font-weight: 700;
}
section.infrastructure
  .infrastructure__inner
  .infrastructure-item
  .content-wrap
  .description
  p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: hsla(0, 0%, 100%, 0.6);
}
section.infrastructure .infrastructure__inner .infrastructure-item .img-wrap {
  width: calc(50% + 25px);
}
section.infrastructure
  .infrastructure__inner
  .infrastructure-item
  .img-wrap
  img {
  width: 100%;
  object-fit: contain;
}
section.infrastructure .interaction {
  border: 1px hsla(0, 0%, 100%, 0.2) solid;
  padding: 0 2.94rem 3.5rem;
  position: relative;
  -webkit-clip-path: polygon(
    28px 0,
    0 28px,
    0 calc(100% - 28px),
    28px 100%,
    100% 100%,
    100% 0
  );
  clip-path: polygon(
    28px 0,
    0 28px,
    0 calc(100% - 28px),
    28px 100%,
    100% 100%,
    100% 0
  );
}
section.infrastructure .interaction:before,
section.infrastructure .interaction:after {
  content: "";
  position: absolute;
  left: -23.5px;
  width: 43px;
  height: 43px;
  border-top: 1px hsla(0, 0%, 100%, 0.2) solid;
}
section.infrastructure .interaction::before {
  top: -23.5px;
  transform: rotate(135deg);
}
section.infrastructure .interaction::after {
  bottom: -23.5px;
  transform: rotate(45deg);
}
section.infrastructure .interaction h4 {
  margin-top: 3.875rem;
  text-align: center;
  position: relative;
  z-index: 2;
}
section.infrastructure .interaction img.schema {
  margin-top: -5.8rem;
  width: 100%;
  position: relative;
  z-index: 1;
}
section.infrastructure .interaction .interaction__inner {
  gap: 2rem;
  margin-top: 3.875rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
section.infrastructure .interaction .interaction__inner .interaction-item {
  display: flex;
  flex-direction: column;
}
section.infrastructure
  .interaction
  .interaction__inner
  .interaction-item
  .icon-brackets {
  width: 4.375rem;
  height: 4rem;
}
section.infrastructure
  .interaction
  .interaction__inner
  .interaction-item
  .icon-brackets:before,
section.infrastructure
  .interaction
  .interaction__inner
  .interaction-item
  .icon-brackets:after {
  height: 4rem;
  width: 1rem;
  top: 0;
}
section.infrastructure
  .interaction
  .interaction__inner
  .interaction-item
  .icon-brackets
  img {
  width: 1.4375rem;
}
section.infrastructure .interaction .interaction__inner .interaction-item h5 {
  color: #fff;
  margin-top: 1.56rem;
}
section.infrastructure .interaction .interaction__inner .interaction-item p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: hsla(0, 0%, 100%, 0.6);
}
section.infrastructure .interaction .interaction__inner .interaction-item a {
  font-family: Archivo;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #fff !important;
  margin-top: auto;
  position: relative;
  display: block;
  width: fit-content;
}
section.infrastructure
  .interaction
  .interaction__inner
  .interaction-item
  a:before {
  content: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4428 12.7858L13.4407 13.7858L15.4407 13.7899L15.4428 12.7899L15.4567 6.08833L15.5186 6.02643L15.4569 5.9648L15.4575 5.67463L15.4596 4.6704L14.4554 4.67256L14.1653 4.67319L14.1044 4.61222L14.0431 4.67345L7.34072 4.68789L6.34072 4.69004L6.34503 6.69003L7.34503 6.68788L12.0388 6.67777L4.91184 13.8048L4.20473 14.5119L5.61894 15.9261L6.32605 15.219L13.4525 8.09248L13.4428 12.7858Z' fill='%23060606'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: -2rem;
  top: 0;
  z-index: 1;
  filter: brightness(100);
}
section.infrastructure
  .interaction
  .interaction__inner
  .interaction-item
  a:after {
  content: "";
  height: 2px;
  width: 0;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.5s;
}
section.infrastructure
  .interaction
  .interaction__inner
  .interaction-item
  a:hover:after {
  width: 100%;
}
section.section-2 {
  background: #eaeaeb;
  padding: 7.5rem 0 3.75rem;
  color: rgba(6, 6, 6, 0.6);
  position: relative;
  background-image: url("../img/bg2.svg");
  background-repeat: no-repeat;
  background-position: 100% -31.25rem;
  background-size: contain;
}
section.section-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 3.125rem solid #000;
  border-bottom: 3.125rem solid rgba(0, 0, 0, 0);
}
section.section-2::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-right: 3.125rem solid #000;
  border-bottom: 3.125rem solid rgba(0, 0, 0, 0);
}
section.section-2 h2 {
  color: #060606;
  margin-bottom: 1.5rem;
  max-width: 35.3125rem;
}
section.section-2 .section-2__inner {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.375rem;
  margin-top: 3.5rem;
}
section.section-2 .section-2__inner .item {
  border: 1px #060606 solid;
  position: relative;
  padding: 22px 32px;
  aspect-ratio: 1/1;
  flex-direction: column;
  justify-content: flex-end;
  background: #eaeaeb;
}
section.section-2 .section-2__inner .item .number {
  padding: 16px 18px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px #060606 solid;
  border-bottom: 1px #060606 solid;
}
section.section-2 .section-2__inner .item .img-wrap {
  position: inherit;
  height: 50%;
  margin-bottom: auto;
}
section.section-2 .section-2__inner .item .img-wrap.is-safari {
  height: 44%;
}
section.section-2 .section-2__inner .item .img-wrap .half-circle {
  background: #060606;
  aspect-ratio: 2/1;
  clip-path: ellipse(50% 100% at 50% 0);
}
section.section-2 .section-2__inner .item .img-wrap .circle {
  background: #060606;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
section.section-2 .section-2__inner .item h4 {
  color: #060606;
}
section.section-2 .section-2__inner .item:first-child .img-wrap .half-circle {
  position: absolute;
  transition: all 0.5s ease-in-out;
  width: 33.4%;
}
section.section-2
  .section-2__inner
  .item:first-child
  .img-wrap
  .half-circle:first-child {
  top: 50%;
  left: 33.3%;
  animation: half-circle-1 3.5s infinite ease-in;
}
section.section-2
  .section-2__inner
  .item:first-child
  .img-wrap
  .half-circle:nth-child(2) {
  bottom: 50%;
  left: 33.3%;
  transform: scaleY(-1);
  animation: half-circle-2 3.5s infinite ease-in;
}
section.section-2
  .section-2__inner
  .item:first-child
  .img-wrap
  .half-circle:nth-child(3) {
  top: 33.3%;
  right: 41.65%;
  transform: rotate(90deg);
  animation: half-circle-3 3.5s infinite ease-in;
}
section.section-2
  .section-2__inner
  .item:first-child
  .img-wrap
  .half-circle:nth-child(4) {
  top: 33.3%;
  left: 41.65%;
  transform: rotate(-90deg);
  animation: half-circle-4 3.5s infinite ease-in;
}
@keyframes half-circle-1 {
  0% {
    opacity: 0;
    transform: translateX(0) rotate(0);
  }
  5% {
    opacity: 1;
    transform: translateX(50%) rotate(-90deg);
  }
  85% {
    opacity: 1;
    transform: translateX(50%) rotate(-90deg);
  }
  90% {
    opacity: 0;
    transform: translateX(0) rotate(0);
  }
  100% {
    opacity: 0;
    transform: translateX(0) rotate(0);
  }
}
@keyframes half-circle-2 {
  0% {
    opacity: 0;
    transform: scaleY(-1) translateX(0) rotate(0);
  }
  5% {
    opacity: 1;
    transform: scaleY(-1) translateX(-50%) rotate(90deg);
  }
  85% {
    opacity: 1;
    transform: scaleY(-1) translateX(-50%) rotate(90deg);
  }
  90% {
    opacity: 0;
    transform: scaleY(-1) translateX(0) rotate(0);
  }
  100% {
    opacity: 0;
    transform: scaleY(-1) translateX(0) rotate(0);
  }
}
@keyframes half-circle-3 {
  0% {
    opacity: 0;
    transform: translateX(0) rotate(90deg);
  }
  5% {
    opacity: 1;
    transform: translateY(100%) rotate(0);
  }
  85% {
    opacity: 1;
    transform: translateY(100%) rotate(0);
  }
  90% {
    opacity: 0;
    transform: translateX(0) rotate(90deg);
  }
  100% {
    opacity: 0;
    transform: translateX(0) rotate(90deg);
  }
}
@keyframes half-circle-4 {
  0% {
    opacity: 0;
    transform: translateX(0) rotate(-90deg);
  }
  5% {
    opacity: 1;
    transform: translateY(-100%) rotate(-180deg);
  }
  85% {
    opacity: 1;
    transform: translateY(-100%) rotate(-180deg);
  }
  90% {
    opacity: 0;
    transform: translateX(0) rotate(-90deg);
  }
  100% {
    opacity: 0;
    transform: translateX(0) rotate(-90deg);
  }
}
section.section-2 .section-2__inner .item:nth-child(2) .img-wrap .circle,
section.section-2 .section-2__inner .item:nth-child(2) .img-wrap .half-circle {
  width: 25%;
  position: absolute;
  left: 37.5%;
  bottom: 0;
}
section.section-2 .section-2__inner .item:nth-child(2) .img-wrap .circle {
  animation: circle-1 3.5s infinite ease-in;
}
section.section-2
  .section-2__inner
  .item:nth-child(2)
  .img-wrap
  .half-circle:nth-child(2) {
  animation: half-circle-5 3.5s infinite ease-in;
}
section.section-2
  .section-2__inner
  .item:nth-child(2)
  .img-wrap
  .half-circle:nth-child(3) {
  animation: half-circle-6 3.5s infinite ease-in;
}
@keyframes circle-1 {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  35% {
    opacity: 0;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-100%);
  }
  85% {
    opacity: 1;
    transform: translateY(-100%);
  }
  90% {
    opacity: 0;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(0);
  }
}
@keyframes half-circle-5 {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  35% {
    opacity: 0;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-100%);
  }
  85% {
    opacity: 1;
    transform: translateY(-100%);
  }
  90% {
    opacity: 0;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(0);
  }
}
@keyframes half-circle-6 {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
section.section-2 .section-2__inner .item:nth-child(3) .img-wrap .circle {
  width: 39%;
  position: absolute;
  top: 11%;
  mix-blend-mode: difference;
}
section.section-2
  .section-2__inner
  .item:nth-child(3)
  .img-wrap
  .circle.circle-bg {
  z-index: 2;
  background: #eaeaeb;
}
section.section-2
  .section-2__inner
  .item:nth-child(3)
  .img-wrap
  .circle:not(.circle-bg) {
  z-index: 1;
}
section.section-2
  .section-2__inner
  .item:nth-child(3)
  .img-wrap
  .circle:first-child,
section.section-2
  .section-2__inner
  .item:nth-child(3)
  .img-wrap
  .circle:nth-child(2) {
  animation: circle-2 3.5s infinite ease-in;
  left: 6%;
}
section.section-2
  .section-2__inner
  .item:nth-child(3)
  .img-wrap
  .circle:nth-child(3),
section.section-2
  .section-2__inner
  .item:nth-child(3)
  .img-wrap
  .circle:nth-child(4) {
  animation: circle-3 3.5s infinite ease-in;
  right: 6%;
}
@keyframes circle-2 {
  0% {
    opacity: 0;
    transform: translateX(0);
  }
  65% {
    opacity: 0;
    transform: translateX(0);
  }
  70% {
    opacity: 1;
    transform: translateX(30%);
  }
  85% {
    opacity: 1;
    transform: translateX(30%);
  }
  90% {
    opacity: 0;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(0);
  }
}
@keyframes circle-3 {
  0% {
    opacity: 0;
    transform: translateX(0);
  }
  65% {
    opacity: 0;
    transform: translateX(0);
  }
  70% {
    opacity: 1;
    transform: translateX(-30%);
  }
  85% {
    opacity: 1;
    transform: translateX(-30%);
  }
  90% {
    opacity: 0;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(0);
  }
}
@media (max-width: 1145px) {
  section.section-2 .section-2__inner {
    grid-template-columns: 1fr 1fr;
  }
}
section.section-3 {
  background: #eaeaeb;
  padding: 7.5rem 0 0;
  color: #060606;
}
section.section-3 h2 {
  max-width: 43.75rem;
}
section.section-3 .section-3__inner {
  margin-top: 3.5rem;
}
section.section-3 .section-3__inner .swiper-wrapper {
  gap: 7.125rem;
}
section.section-3 .section-3__inner .swiper-wrapper .content-item {
  flex-shrink: 1;
}
section.section-3 .section-3__inner .swiper-wrapper .content-item .number {
  height: 4.375rem;
  overflow: hidden;
  margin-bottom: 0.3125rem;
}
section.section-3 .section-3__inner .swiper-wrapper .content-item .number span {
  color: #fb46ff;
  font-size: 6.125rem;
  line-height: 5.1875rem;
}
section.section-3 .section-3__inner .swiper-wrapper .content-item p {
  color: rgba(6, 6, 6, 0.6);
  margin-top: 1rem;
}
section.section-3 .be-a-part {
  padding-top: 5rem;
  background: url("../img/bg3.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
section.section-3 .be-a-part__inner {
  margin: 0 auto;
  max-width: 34.375rem;
  text-align: center;
  position: relative;
  padding: 0 2.125rem;
  border: 1px #fb46ff solid;
}
section.section-3 .be-a-part__inner:before,
section.section-3 .be-a-part__inner:after {
  content: "";
  position: absolute;
  width: calc(100% - 2.125rem);
  height: 0.125rem;
  background: #eaeaeb;
  left: 1.0625rem;
}
section.section-3 .be-a-part__inner:before {
  top: -1px;
}
section.section-3 .be-a-part__inner:after {
  bottom: -1px;
}
section.section-5 {
  background: #060606;
  padding: 7.5rem 0 0;
  position: relative;
  overflow: hidden;
  color: hsla(0, 0%, 100%, 0.7);
}
section.section-5 .gradient-bg {
  top: 0;
  right: 0;
  z-index: 1;
}
section.section-5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 3.125rem solid #eaeaeb;
  border-bottom: 3.125rem solid rgba(0, 0, 0, 0);
  z-index: 2;
}
section.section-5::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-right: 3.125rem solid #eaeaeb;
  border-bottom: 3.125rem solid rgba(0, 0, 0, 0);
  z-index: 2;
}
section.section-5 h2 {
  color: #fff;
  margin-bottom: 1rem;
}
section.section-5 .section-5__inner {
  background-image: url("../img/solutions_bg.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  position: relative;
  margin-bottom: 6.25rem;
}
section.section-5 .section-5__inner .content {
  max-width: 25rem;
  padding: 1.25rem 0 6.25rem;
  color: hsla(0, 0%, 100%, 0.6);
}
section.section-5 .section-5__inner:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 6.25rem;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, rgb(6, 6, 6) 0%, rgba(6, 6, 6, 0) 100%);
}
section.section-5 .section-5__inner:before {
  content: "";
  position: absolute;
  width: 6.25rem;
  height: 100%;
  top: 0;
  right: 0;
  background: linear-gradient(270deg, rgb(6, 6, 6) 0%, rgba(6, 6, 6, 0) 100%);
}
section.section-5 .statistics {
  display: flex;
  justify-content: space-between;
  margin-top: 3.75rem;
  border-top: 1px #383838 solid;
  border-bottom: 1px #383838 solid;
  padding: 3.75rem 0;
}
section.section-5 .statistics .statistics__item {
  max-width: 14.2rem;
}
section.section-5 .statistics .statistics__item .value {
  display: block;
  color: #fb46ff;
  font-size: 4.25rem;
  line-height: 3.75rem;
}
@media screen and (max-width: 1145px) {
  section.section-5 .statistics .statistics__item {
    max-width: min-content;
  }
}
section.section-6 {
  padding: 7.5rem 0;
  background: #060606;
}
section.section-6 h2 {
  color: #fff;
  max-width: 31.25rem;
}
section.section-6 .section-6__inner {
  gap: 2.3125rem;
}
section.section-6 .section-6__inner .img-wrap {
  max-width: 50%;
}
section.section-6 .section-6__inner .img-wrap img {
  width: 100%;
}
section.section-6 .section-6__inner .content-wrap p {
  color: hsla(0, 0%, 100%, 0.6);
}
section.section-6 .section-6__inner .content-wrap .table-wrap {
  margin-top: 3.5rem;
  justify-content: flex-end;
}
section.section-6
  .section-6__inner
  .content-wrap
  .table-wrap
  .table-and-btn
  table {
  color: hsla(0, 0%, 100%, 0.6);
  border-collapse: collapse;
}
section.section-6
  .section-6__inner
  .content-wrap
  .table-wrap
  .table-and-btn
  table
  td {
  padding: 1.125rem 1.75rem;
  border: 1px #383838 solid;
}
section.section-6
  .section-6__inner
  .content-wrap
  .table-wrap
  .table-and-btn
  table
  td:nth-child(2n) {
  padding-right: 2.25rem;
}
section.section-6
  .section-6__inner
  .content-wrap
  .table-wrap
  .table-and-btn
  .btn {
  margin-top: 3.5rem;
  display: block;
}
section.section-7 {
  padding: 7.6875rem 0 3.75rem;
  background: #eaeaeb;
  background-image: url("../img/bg7-1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  color: #060606;
  overflow: hidden;
}
section.section-7 .section-7__heading {
  margin: 0 auto;
  text-align: center;
  max-width: 31.875rem;
}
section.section-7 .section-7__heading .subheading {
  margin-bottom: 1.25rem;
}
section.section-7 .section-7__tabs {
  margin-top: 3.75rem;
}
section.section-7 .section-7__tabs .tab {
  width: 50%;
  text-align: center;
  padding: 1.0625rem;
  border-bottom: 1px #060606 solid;
  cursor: pointer;
}
section.section-7 .section-7__tabs .tab h4 {
  opacity: 0.3;
}
section.section-7 .section-7__tabs .tab.active {
  border-bottom: 0.3125rem #060606 solid;
}
section.section-7 .section-7__tabs .tab.active h4 {
  opacity: 1;
}
section.section-7 .section-7__slider-wrap {
  margin-top: 3.75rem;
  position: relative;
}
section.section-7 .section-7__slider-wrap .team-slider {
  display: none;
}
section.section-7 .section-7__slider-wrap .team-slider.active {
  display: block;
  overflow-x: visible !important;
  overflow-y: visible !important;
}
section.section-7 .section-7__slider-wrap .team-slider .swiper-pagination {
  position: relative;
  padding-top: 3.75rem;
  z-index: 0;
}
section.section-7
  .section-7__slider-wrap
  .team-slider
  .swiper-pagination
  .swiper-pagination-bullet {
  height: 0.1875rem;
  background: #060606;
  width: 1.5rem;
  border-radius: 0;
  transition: 0.3s;
}
section.section-7
  .section-7__slider-wrap
  .team-slider
  .swiper-pagination
  .swiper-pagination-bullet-active {
  width: 3.75rem;
}
section.section-7 .section-7__slider-wrap .swiper-slide {
  position: relative;
  height: auto;
  display: flex;
  flex-direction: column;
}
section.section-7 .section-7__slider-wrap .swiper-slide .slide-inner {
  padding: 1.25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
section.section-7 .section-7__slider-wrap .swiper-slide .slide-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.5rem 1.125rem;
  font-family: Archivo;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.03em;
  background: #eaeaeb;
}
section.section-7 .section-7__slider-wrap .swiper-slide .slide-btn img {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 1.125rem;
}
section.section-7 .section-7__slider-wrap .swiper-slide .name {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
  text-align: center;
}
section.section-7 .section-7__slider-wrap .swiper-slide .position {
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: rgba(6, 6, 6, 0.6);
  display: block;
  margin: 0 auto auto;
}
section.section-7 .section-7__slider-wrap .swiper-slide .img-wrap {
  position: relative;
  margin-top: 1.25rem;
}
section.section-7 .section-7__slider-wrap .swiper-slide .img-wrap img {
  width: 100%;
}
section.section-7 .section-7__slider-wrap .swiper-slide .img-wrap:before {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  background: #eaeaeb;
  top: 0;
  left: 0;
}
section.section-7 .section-7__slider-wrap .swiper-slide .img-wrap .slide-btn {
  position: absolute;
  bottom: 0.3125rem;
  height: 1.5625rem;
  right: 0;
}
section.section-7 .section-7__slider-wrap .swiper-slide .bio {
  background: #fff;
  padding: 1.5rem;
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  right: 0.625rem;
  bottom: 0.625rem;
  border: 0.125rem #060606 solid;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
section.section-7 .section-7__slider-wrap .swiper-slide .bio.active {
  display: flex;
  height: fit-content;
  min-height: -webkit-fill-available;
}
section.section-7 .section-7__slider-wrap .swiper-slide .bio .slide-btn {
  background: #fff;
}
section.section-7 .section-7__slider-wrap .swiper-slide .bio .slide-btn img {
  transform: rotate(45deg);
  margin-left: 0.375rem;
  margin-bottom: 1px;
}
section.section-7 .pagination-wrap {
  position: absolute;
  top: 0;
  right: 0;
}
section.section-7 .pagination-wrap .pagination-wrap__inner {
  position: relative;
  width: 6.875rem;
  height: 3.25rem;
}
section.section-7 .pagination-wrap .pagination-wrap__inner .swiper-button-prev,
section.section-7 .pagination-wrap .pagination-wrap__inner .swiper-button-next {
  top: 1.25rem;
}
section.section-7 .section-7__slider-wrap-2,
section.section-7 .section-7__slider-wrap-3 {
  margin-top: 6.625rem;
}
section.section-7
  .section-7__slider-wrap-2
  .swiper-grid-column
  > .swiper-wrapper,
section.section-7
  .section-7__slider-wrap-3
  .swiper-grid-column
  > .swiper-wrapper {
  height: 14rem;
}
section.section-7 .section-7__slider-wrap-2 .heading,
section.section-7 .section-7__slider-wrap-3 .heading {
  margin-bottom: 4.125rem;
  position: relative;
}
section.section-7 .section-7__slider-wrap-2 .heading h4,
section.section-7 .section-7__slider-wrap-3 .heading h4 {
  max-width: 60%;
}
section.section-7 .section-7__slider-wrap-2 .swiper,
section.section-7 .section-7__slider-wrap-3 .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
section.section-7 .section-7__slider-wrap-2 .swiper-slide,
section.section-7 .section-7__slider-wrap-3 .swiper-slide {
  height: 5.875rem !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.section-7 .section-7__slider-wrap-2 .swiper-slide img,
section.section-7 .section-7__slider-wrap-3 .swiper-slide img {
  height: 4.125rem;
}
section.section-7 .section-7__slider-wrap-2 .swiper-slide .corner,
section.section-7 .section-7__slider-wrap-3 .swiper-slide .corner {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
}
section.section-7 .section-7__slider-wrap-2 .swiper-slide .corner.top-left,
section.section-7 .section-7__slider-wrap-3 .swiper-slide .corner.top-left {
  top: 0;
  left: 0;
  border-top: 0.125rem rgba(6, 6, 6, 0.2) solid;
  border-left: 0.125rem rgba(6, 6, 6, 0.2) solid;
}
section.section-7 .section-7__slider-wrap-2 .swiper-slide .corner.top-right,
section.section-7 .section-7__slider-wrap-3 .swiper-slide .corner.top-right {
  top: 0;
  right: 0;
  border-top: 0.125rem rgba(6, 6, 6, 0.2) solid;
  border-right: 0.125rem rgba(6, 6, 6, 0.2) solid;
}
section.section-7 .section-7__slider-wrap-2 .swiper-slide .corner.bottom-left,
section.section-7 .section-7__slider-wrap-3 .swiper-slide .corner.bottom-left {
  bottom: 0;
  left: 0;
  border-bottom: 0.125rem rgba(6, 6, 6, 0.2) solid;
  border-left: 0.125rem rgba(6, 6, 6, 0.2) solid;
}
section.section-7 .section-7__slider-wrap-2 .swiper-slide .corner.bottom-right,
section.section-7 .section-7__slider-wrap-3 .swiper-slide .corner.bottom-right {
  bottom: 0;
  right: 0;
  border-bottom: 0.125rem rgba(6, 6, 6, 0.2) solid;
  border-right: 0.125rem rgba(6, 6, 6, 0.2) solid;
}
section.section-8 {
  padding: 7.5rem 0 0;
  background: #eaeaeb;
  overflow: hidden;
}
section.section-8 .section-8__heading {
  margin: 0 auto 1.4375rem;
  text-align: center;
  max-width: 40.625rem;
}
section.section-8 .section-8__heading .subheading {
  margin-bottom: 1.25rem;
}
section.section-8 .testimonials {
  padding-top: 5.3125rem;
  margin-top: 1.4375rem;
  background: url("../img/bg7.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
section.section-8 .testimonials .swiper-wrapper {
  padding-bottom: 6.25rem;
}
section.section-8 .testimonials .swiper-container {
  width: calc(100% - 7.5rem);
  max-width: 54.625rem;
  margin-left: auto;
  margin-right: auto;
}
section.section-8 .testimonials .swiper-container .swiper-pagination {
  font-family: Archivo;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0.01em;
  color: rgba(6, 6, 6, 0.2);
}
section.section-8
  .testimonials
  .swiper-container
  .swiper-pagination
  .swiper-pagination-current {
  color: #060606;
}
section.section-8 .testimonials .swiper-button-prev,
section.section-8 .testimonials .swiper-button-next {
  bottom: 0;
  top: auto;
}
section.section-8 .testimonials .swiper-button-prev {
  left: calc(50% - 5.625rem);
}
section.section-8 .testimonials .swiper-button-next {
  right: calc(50% - 5.625rem);
}
section.section-8 .testimonials .swiper-slide {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 0.3s all;
  position: relative;
  border: 1px #060606 solid;
}
section.section-8 .testimonials .swiper-slide-active:after {
  content: "";
  background: url("data:image/svg+xml,%0A%3Csvg width='169' height='78' viewBox='0 0 169 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6079 0.998535H0.999781V76.0185H17.6079' stroke='%23FA00FF' stroke-width='2' stroke-linejoin='round'/%3E%3Cg clip-path='url(%23clip0_656_202367)'%3E%3Cpath d='M47.6004 68.5085H65.5779L77.5629 44.5085V8.50853H41.6079V44.5085H59.5854L47.6004 68.5085ZM95.5403 68.5085H113.518L125.503 44.5085V8.50853H89.5478V44.5085H107.525L95.5403 68.5085Z' fill='%23060606'/%3E%3C/g%3E%3Cpath d='M150.502 0.998535H167.11V76.0185H150.502' stroke='%23FA00FF' stroke-width='2' stroke-linejoin='round'/%3E%3Cdefs%3E%3CclipPath id='clip0_656_202367'%3E%3Crect width='84.8936' height='60' fill='white' transform='translate(41.6079 8.50853)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 10.5625rem;
  height: 5.25rem;
  position: absolute;
  top: -2.5rem;
  left: 4.75rem;
  z-index: 2;
}
section.section-8 .testimonials .swiper-slide-active:before {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: 4.75rem;
  z-index: 1;
  width: 10.5625rem;
  height: 0.1875rem;
  background: #eaeaeb;
}
section.section-8 .testimonials .swiper-slide.swiper-slide-prev,
section.section-8 .testimonials .swiper-slide.swiper-slide-next {
  will-change: filter;
  -webkit-filter: contrast(0.5) brightness(1.3);
  filter: contrast(0.5) brightness(1.3);
}
section.section-8 .testimonials .swiper-slide.swiper-slide-active {
  transition: 0.3s all;
  opacity: 1;
}
section.section-8
  .testimonials
  .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) {
  opacity: 0;
}
section.section-8 .testimonials .swiper-slide .swiper-slide__content {
  padding: 4.5rem 4.75rem 3.5rem;
  min-height: 6rem;
  background: #eaeaeb;
}
section.section-8 .testimonials .swiper-slide .swiper-slide__author {
  background: #060606;
  justify-content: space-between;
  padding: 1.75rem 4.75rem;
}
section.section-8 .testimonials .swiper-slide .swiper-slide__author .name {
  display: block;
  font-family: Archivo;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0.01em;
  text-align: left;
  color: #fff;
}
section.section-8 .testimonials .swiper-slide .swiper-slide__author .position {
  color: hsla(0, 0%, 100%, 0.6);
}
section.section-9 {
  overflow: hidden;
  background: #eaeaeb;
  padding: 7.5rem 0 0;
}
section.section-9 h2 {
  max-width: 31.25rem;
  margin-bottom: 1rem;
}
section.section-9 p {
  color: rgba(6, 6, 6, 0.6);
}
section.section-9 .container {
  position: relative;
}
section.section-9 .pagination-wrap {
  position: absolute;
  top: 3.125rem;
  right: 3.75rem;
}
section.section-9 .pagination-wrap.mobile {
  display: none;
}
section.section-9 .pagination-wrap .pagination-wrap__inner {
  position: relative;
  width: 6.875rem;
  height: 3.25rem;
}
section.section-9 .pagination-wrap .pagination-wrap__inner .swiper-button-prev,
section.section-9 .pagination-wrap .pagination-wrap__inner .swiper-button-next {
  top: 1.25rem;
}
section.section-9 .section-9__inner {
  margin-top: 3.5rem;
}
section.section-9 .section-9__inner .swiper-slide .slide__inner {
  border: 1px #060606 solid;
  position: relative;
}
section.section-9 .section-9__inner .swiper-slide:nth-child(2n) .slide__inner {
  margin-top: 3.75rem;
}
section.section-9 .section-9__inner .swiper-slide .year {
  border-right: 1px #060606 solid;
  border-bottom: 1px #060606 solid;
  position: absolute;
  top: 0;
  left: 0;
  background: #eaeaeb;
  padding: 1rem 2rem;
}
section.section-9 .section-9__inner .swiper-slide .bg-area {
  background: url("../img/bg8.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 3.75rem 1.75rem 0;
  height: 9rem;
  display: flex;
  align-items: flex-end;
}
section.section-9 .section-9__inner .swiper-slide .bg-area span {
  font-family: Archivo;
  font-size: 9rem;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 0.03em;
  text-align: left;
  height: 5rem;
}
section.section-9 .section-9__inner .swiper-slide .title {
  color: #fff;
  background: #060606;
  padding: 1rem 2rem;
}
section.section-9 .section-9__inner .swiper-slide .list-wrap ul {
  padding: 0;
  border-top: 1px #060606 solid;
}
section.section-9 .section-9__inner .swiper-slide .list-wrap ul li {
  margin-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3.25rem;
}
section.section-9
  .section-9__inner
  .swiper-slide
  .list-wrap
  ul
  li:not(:last-child) {
  border-bottom: 1px #060606 solid;
}
section.section-9 .section-9__inner .swiper-slide .list-wrap ul li:before {
  left: 2rem;
}
section.section-10 {
  background: #eaeaeb;
  padding: 7.5rem 0;
}
section.section-10 h2 {
  max-width: 37.5rem;
  margin-bottom: 1rem;
}
section.section-10 .faq-wrap {
  margin-top: 3.5rem;
  border-top: 1px #060606 solid;
  justify-content: space-between;
}
section.section-10 .faq-wrap .faq-item {
  padding: 2.0625rem 1.25rem;
  border-bottom: 1px #060606 solid;
  transition: background-color 0.3s;
  cursor: pointer;
}
section.section-10 .faq-wrap .faq-item .faq-item__title {
  align-items: center;
}
section.section-10 .faq-wrap .faq-item .faq-item__title .number {
  font-family: Archivo;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  letter-spacing: 0.01em;
  text-align: left;
  display: block;
  margin-right: 1.5rem;
}
section.section-10 .faq-wrap .faq-item .faq-item__title h5 {
  display: block;
  margin-right: auto;
}
section.section-10 .faq-wrap .faq-item .faq-item__title .plus {
  background: url("../img/add.svg");
  background-repeat: no-repeat;
  background-position: right;
  min-width: 3rem;
  width: 3rem;
  height: 3rem;
  background-size: contain;
}
section.section-10 .faq-wrap .faq-item .faq-item__content {
  color: rgba(6, 6, 6, 0.6);
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s;
}
section.section-10 .faq-wrap .faq-item.active .faq-item__content {
  margin-top: 1.5rem;
  height: fit-content;
  opacity: 1;
}
section.section-10 .faq-wrap .faq-item.active .plus {
  transform: rotate(45deg);
}
@media (pointer: fine) {
  section.section-10 .faq-wrap .faq-item:not(.active):hover {
    color: #fff;
    background: #060606;
  }
  section.section-10 .faq-wrap .faq-item:not(.active):hover .plus {
    filter: invert(1);
  }
}
section.section-11 {
  padding: 7.5rem 0 8.125rem;
  background-color: #060606;
  overflow: hidden;
}
section.section-11 .gradient-bg {
  top: -12.5rem;
  right: 0;
  z-index: 0;
}
section.section-11 .gradient-bg.left {
  bottom: 0;
  left: 0;
  top: unset;
  background-image: url("../img/ellipse-left.svg");
}
section.section-11 .container {
  position: relative;
  z-index: 1;
}
section.section-11::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 3.125rem solid #eaeaeb;
  border-bottom: 3.125rem solid rgba(0, 0, 0, 0);
}
section.section-11::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-right: 3.125rem solid #eaeaeb;
  border-bottom: 3.125rem solid rgba(0, 0, 0, 0);
}
section.section-11 .subheading {
  color: hsla(0, 0%, 100%, 0.6);
  margin-bottom: 0.75rem;
}
section.section-11 h2 {
  color: #fff;
  font-size: 6.125rem;
  line-height: 6.125rem;
  letter-spacing: 0.03em;
  position: relative;
  z-index: 1;
}
section.section-11 h2 span {
  display: block;
}
section.section-11 h2 span:first-child {
  text-align: left;
}
section.section-11 h2 span:nth-child(2) {
  text-align: right;
}
section.section-11 .section-11__inner {
  margin-top: 2rem;
  position: relative;
}
section.section-11 .section-11__inner .img-wrap {
  position: absolute;
  top: -10.1875rem;
  right: 39%;
  z-index: 0;
}
section.section-11 .section-11__inner .img-wrap img {
  width: 63vw;
}
section.section-11 .section-11__inner .img-wrap:before {
  content: "";
  position: absolute;
  width: 18.75rem;
  height: 100%;
  top: 0;
  right: 0;
  background: linear-gradient(
    270deg,
    rgb(6, 6, 6) 0%,
    rgba(6, 6, 6, 0.5) 50%,
    rgba(6, 6, 6, 0) 100%
  );
}
section.section-11 .section-11__inner .content-wrap {
  margin-left: auto;
  margin-right: 6.4375rem;
  z-index: 1;
}
section.section-11 .section-11__inner .content-wrap p {
  color: hsla(0, 0%, 100%, 0.7);
  max-width: 34rem;
  margin: 0;
}
section.section-11 .section-11__inner .content-wrap .socials-wrap {
  margin-top: 4.5rem;
  gap: 3.5625rem;
}
section.section-11 .section-11__inner .content-wrap .socials-wrap .social-item {
  padding: 1.375rem 1.75rem;
  position: relative;
  display: block;
  transition: opacity 0.3s;
}
section.section-11
  .section-11__inner
  .content-wrap
  .socials-wrap
  .social-item:before {
  position: absolute;
  left: 0;
  top: calc(50% - 45px);
  content: url("data:image/svg+xml,%3Csvg width='17' height='80' viewBox='0 0 17 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M17 1.00195H1V79.002H17' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
section.section-11
  .section-11__inner
  .content-wrap
  .socials-wrap
  .social-item:after {
  position: absolute;
  right: 0;
  top: calc(50% - 45px);
  content: url("data:image/svg+xml,%3Csvg width='17' height='80' viewBox='0 0 17 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M0 1.00195H16V79.002H0' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
section.section-11
  .section-11__inner
  .content-wrap
  .socials-wrap
  .social-item:hover {
  opacity: 0.7;
}
section.section-11
  .section-11__inner
  .content-wrap
  .socials-wrap
  .social-item
  img {
  width: 2.1875rem;
  height: 2.1875rem;
}
@media screen and (max-width: 768px) {
  section.hero {
    background-color: #060606;
  }
  section.hero .bg-video {
    height: auto;
    z-index: 0;
    top: 5.3333333333rem;
  }
  section.hero .container {
    padding-top: 4.8666666667rem;
  }
  section.hero .container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background: linear-gradient(
      180deg,
      rgb(6, 6, 6) 5.214rem,
      rgba(6, 6, 6, 0) 100%
    );
  }
  section.hero .container .content-wrap {
    flex-direction: column;
    margin-top: 86vw;
  }
  section.hero .container .content-wrap .socials {
    order: 1;
    align-items: flex-start;
    max-width: 100%;
  }
  section.hero .container .content-wrap .socials h2 {
    font-size: 1.8666666667rem;
    line-height: 1.8666666667rem;
    text-align: left;
  }
  section.hero .container .content-wrap .socials .socials-inner-wrap {
    display: none;
  }
  section.hero .container .content-wrap .content {
    order: 2;
    width: fit-content;
    margin-top: 0.6666666667rem;
  }
  section.hero .container .content-wrap .content p {
    font-size: 0.8rem;
    line-height: 1.2rem;
    margin: 0;
  }
  section.hero .container .content-wrap .content .buttons-wrap {
    margin-top: 1rem;
  }
  section.hero .container .content-wrap .content .buttons-wrap .with-arrow {
    display: none;
  }
  section.section-1 .section-1__heading {
    text-align: left;
  }
  section.section-1 .section-1__heading h2 {
    margin-top: 0.2666666667rem;
    margin-bottom: 1.0666666667rem;
  }
  section.section-1 .section-1__heading p {
    max-width: 100%;
  }
  section.section-1 .section-1__inner {
    margin-top: -5.3333333333rem;
  }
  section.section-1 .section-1__inner .img-wrap {
    width: calc(100% - 6rem);
    position: absolute;
    height: calc(100% - 18.785rem);
    z-index: 1;
    padding: 15rem 2rem 0 4rem;
  }
  section.section-1 .section-1__inner .img-wrap .lottie-wrap {
    top: calc(50% - 45vw);
    transition: all 1s;
  }
  section.section-1 .section-1__inner .img-wrap .lottie-wrap.darken {
    filter: brightness(0.4);
  }
  section.section-1 .section-1__inner .content-wrap {
    z-index: 2;
  }
  section.section-1 .section-1__inner .content-wrap .content-item-0 {
    margin-bottom: -0.5333333333rem;
  }
  section.section-1 .section-1__inner .content-wrap .content-item {
    padding-left: 2.6666666667rem;
  }
  section.section-1
    .section-1__inner
    .content-wrap
    .content-item:not(:last-child):before {
    top: 4.7rem;
    bottom: 0;
  }
  section.section-1 .section-1__inner .content-wrap .content-item h3 {
    margin-bottom: calc(100vw - 9rem);
  }
  section.section-1 .section-1__inner .content-wrap .content-item .number {
    font-size: 1.8666666667rem;
    left: -2.5333333333rem;
    padding: 0 1.5rem;
    top: 0.3333333333rem;
  }
  section.infrastructure {
    padding: 3.385rem 0 2.328rem;
    overflow: hidden;
  }
  section.infrastructure .heading {
    text-align: left;
  }
  section.infrastructure .heading h2 {
    margin-bottom: 1rem;
  }
  section.infrastructure .heading p {
    max-width: 100%;
  }
  section.infrastructure .infrastructure__inner {
    padding-left: 1.143rem;
    margin-top: 2rem;
  }
  section.infrastructure .infrastructure__inner .line {
    left: 0;
    width: 2.5rem;
  }
  section.infrastructure .infrastructure__inner .infrastructure-item {
    flex-direction: column;
    padding: 24px 0;
    gap: 0;
  }
  section.infrastructure .infrastructure__inner .infrastructure-item .line {
    left: -1.1rem;
  }
  section.infrastructure
    .infrastructure__inner
    .infrastructure-item
    .content-wrap {
    width: calc(100% - 2.286rem);
    padding: 0 1.143rem;
  }
  section.infrastructure
    .infrastructure__inner
    .infrastructure-item
    .content-wrap
    .description {
    margin-top: 1.143rem;
  }
  section.infrastructure .infrastructure__inner .infrastructure-item .img-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  section.infrastructure
    .infrastructure__inner
    .infrastructure-item
    .img-wrap
    img {
    width: calc(100% - 1.143rem);
  }
  section.infrastructure .infrastructure__inner .infrastructure-item.item-1 {
    background-image: url("../img/bg-mob1.webp");
  }
  section.infrastructure .infrastructure__inner .infrastructure-item.item-2 {
    background-image: url("../img/bg-mob2.webp");
  }
  section.infrastructure .infrastructure__inner .infrastructure-item.item-3 {
    background-image: url("../img/bg-mob3.webp");
  }
  section.infrastructure
    .infrastructure__inner
    .infrastructure-item:last-child
    .img-wrap
    img {
    margin-right: 1.143rem;
    width: calc(100% - 2.286rem);
  }
  section.infrastructure .interaction {
    padding: 0 0 2.29rem;
  }
  section.infrastructure .interaction h4 {
    margin-top: 2.29rem;
  }
  section.infrastructure .interaction .interaction__inner {
    grid-template-columns: 1fr;
    margin-top: 2.857rem;
    padding: 0 1.143rem;
    gap: 2.86rem;
  }
  section.infrastructure
    .interaction
    .interaction__inner
    .interaction-item
    .title-wrap {
    display: flex;
    align-items: center;
  }
  section.infrastructure
    .interaction
    .interaction__inner
    .interaction-item
    .title-wrap
    .icon-brackets {
    width: 3.85rem;
    height: 3.43rem;
    margin-right: 0.86rem;
  }
  section.infrastructure
    .interaction
    .interaction__inner
    .interaction-item
    .title-wrap
    .icon-brackets:before,
  section.infrastructure
    .interaction
    .interaction__inner
    .interaction-item
    .title-wrap
    .icon-brackets:after {
    height: 3.43rem;
    width: 0.7rem;
  }
  section.infrastructure
    .interaction
    .interaction__inner
    .interaction-item
    .title-wrap
    h5 {
    margin-top: 0;
  }
  section.section-2 {
    padding: 3.385rem 0 2.328rem;
  }
  section.section-2::before {
    border-left: 1rem solid #060606;
    border-bottom: 1rem solid rgba(0, 0, 0, 0);
  }
  section.section-2::after {
    border-right: 1rem solid #060606;
    border-bottom: 1rem solid rgba(0, 0, 0, 0);
  }
  section.section-2 .section-2__inner {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 3.5rem;
  }
  section.section-3 {
    padding: 3.385rem 0 2.328rem;
  }
  section.section-3 .subheading {
    display: block;
    position: relative;
    width: fit-content;
    margin-bottom: 0.4rem;
  }
  section.section-3 .section-3__inner {
    margin-top: 2.6666666667rem;
    margin-right: -1.0666666667rem;
  }
  section.section-3 .section-3__inner .swiper-wrapper {
    gap: 0;
    margin-left: -8%;
  }
  section.section-3 .section-3__inner .swiper-wrapper .content-item {
    flex-shrink: 0;
  }
  section.section-3 .section-3__inner .swiper-wrapper .content-item .number {
    height: 4rem;
  }
  section.section-3
    .section-3__inner
    .swiper-wrapper
    .content-item
    .number
    span {
    font-size: 5.1333333333rem;
  }
  section.section-3 .be-a-part {
    background-size: cover;
    background-position: bottom center;
  }
  section.section-cases .swiper-wrapper .cases__item .item-content {
    max-width: calc(100% - 20px);
  }
  section.section-cases
    .swiper-wrapper
    .cases__item
    .item-content
    .description {
    max-height: 65vw;
    overflow: hidden;
  }
  section.section-cases
    .swiper-wrapper
    .cases__item
    .item-content
    .description
    .description__item.is-overflowing
    p {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  section.section-cases .swiper-wrapper .cases__item .btn {
    margin-top: 1rem;
  }
  section.section-cases .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3.5rem;
  }
  section.section-cases .btn-wrap .all-cases {
    display: block;
    margin: 0;
  }
  section.section-cases .btn-wrap .pagination-wrap {
    position: relative;
    display: block;
  }
  section.section-cases .btn-wrap .pagination-wrap .pagination-wrap__inner {
    display: flex;
  }
  section.section-cases
    .btn-wrap
    .pagination-wrap
    .pagination-wrap__inner
    .swiper-button-prev,
  section.section-cases
    .btn-wrap
    .pagination-wrap
    .pagination-wrap__inner
    .swiper-button-next {
    position: relative;
    margin-top: 0;
    width: 4.5rem;
  }
  section.section-5 {
    padding: 3.385rem 0 2.328rem;
  }
  section.section-5::before {
    border-left: 1rem solid #eaeaeb;
    border-bottom: 1rem solid rgba(0, 0, 0, 0);
  }
  section.section-5::after {
    border-right: 1rem solid #eaeaeb;
    border-bottom: 1rem solid rgba(0, 0, 0, 0);
  }
  section.section-5 .gradient-bg {
    display: none;
  }
  section.section-5 h2 {
    margin-bottom: 0;
  }
  section.section-5 .subheading {
    display: block;
    position: relative;
    width: fit-content;
    margin-bottom: 0.4rem;
  }
  section.section-5 .section-5__inner {
    background-size: 112%;
    background-position: bottom right;
    margin-bottom: 4.0926666667rem;
    padding-top: 1rem;
  }
  section.section-5 .section-5__inner .content {
    max-width: 100%;
    padding: 0.4rem 0 54vw;
    z-index: 2;
    position: relative;
  }
  section.section-5 .statistics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 2.57rem;
    padding: 2.57rem 0;
    gap: 1.4285rem;
  }
  section.section-5 .statistics .statistics__item {
    max-width: fit-content;
  }
  section.section-5 .statistics .statistics__item .value {
    font-size: 2.857rem;
    line-height: 3.43rem;
  }
  section.section-6 {
    padding: 3.385rem 0 2.328rem;
  }
  section.section-6 .section-6__inner {
    flex-direction: column;
  }
  section.section-6 .section-6__inner .img-wrap {
    width: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 14.285rem;
  }
  section.section-6 .section-6__inner .content-wrap .table-wrap {
    justify-content: center;
    margin-top: calc(100vw + 5.15rem);
  }
  section.section-6 .section-6__inner .content-wrap .table-wrap .table-and-btn {
    width: 100%;
  }
  section.section-6
    .section-6__inner
    .content-wrap
    .table-wrap
    .table-and-btn
    table {
    width: 100%;
  }
  section.section-6
    .section-6__inner
    .content-wrap
    .table-wrap
    .table-and-btn
    .btn {
    margin: 2.857rem auto 0;
  }
  section.section-7 {
    padding: 3.385rem 0 2.328rem;
    background-size: auto;
  }
  section.section-7 .pagination-wrap {
    right: 1.143rem;
  }
  section.section-7 .section-7__slider-wrap {
    margin-right: -1.0666666667rem;
  }
  section.section-7 .section-7__slider-wrap .swiper-wrapper {
    margin-left: -8%;
  }
  section.section-7 .section-7__slider-wrap .team-slider .pagination-wrap {
    position: relative;
    width: fit-content;
    margin: 2rem auto 0;
  }
  section.section-7 .section-7__slider-wrap-2,
  section.section-7 .section-7__slider-wrap-3 {
    margin-top: 2.857rem;
  }
  section.section-8 {
    padding: 3.385rem 0 2.328rem;
  }
  section.section-8 .testimonials {
    width: 100%;
  }
  section.section-8 .testimonials .swiper-container {
    width: 100%;
  }
  section.section-8 .testimonials .swiper-slide-active:after {
    left: 2.4rem;
  }
  section.section-8 .testimonials .swiper-slide-active:before {
    left: 1.5rem;
    width: 12.5625rem;
  }
  section.section-8 .testimonials .swiper-slide .swiper-slide__content {
    padding: 3.4286rem 1.7143rem 2.3571rem;
  }
  section.section-8 .testimonials .swiper-slide .swiper-slide__author {
    padding: 1.4286rem 1.7143rem;
    flex-direction: column;
  }
  section.section-8
    .testimonials
    .swiper-slide
    .swiper-slide__author
    .company-logo {
    margin-top: 1rem;
  }
  section.section-8
    .testimonials
    .swiper-slide
    .swiper-slide__author
    .company-logo
    img {
    height: 45px;
  }
  section.section-9 {
    padding: 3.385rem 0 2.328rem;
  }
  section.section-9 .pagination-wrap {
    position: relative;
    margin: 2.857rem auto 0;
    top: unset;
    right: unset;
    width: fit-content;
  }
  section.section-9 .pagination-wrap.mobile {
    display: block;
  }
  section.section-9 .pagination-wrap.desktop {
    display: none;
  }
  section.section-9 .section-9__inner {
    margin-right: -1.0666666667rem;
  }
  section.section-9 .section-9__inner .swiper-wrapper {
    margin-left: -8%;
  }
  section.section-10 {
    padding: 3.385rem 0 2.328rem;
  }
  section.section-10 .faq-wrap {
    margin-top: 2.571rem;
  }
  section.section-10 .faq-wrap .faq-item {
    padding: 1.143rem 0.571rem;
  }
  section.section-10 .faq-wrap .faq-item .faq-item__title {
    align-items: flex-start;
  }
  section.section-10 .faq-wrap .faq-item .faq-item__title .number {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  section.section-10 .faq-wrap .faq-item .faq-item__title .plus {
    width: 1.714rem;
    height: 1.714rem;
    min-width: 1.714rem;
    min-height: 1.714rem;
  }
  section.section-11 {
    padding: 3.385rem 0 0.5rem;
  }
  section.section-11::before {
    border-left: 1rem solid #eaeaeb;
    border-bottom: 1rem solid rgba(0, 0, 0, 0);
  }
  section.section-11::after {
    border-right: 1rem solid #eaeaeb;
    border-bottom: 1rem solid rgba(0, 0, 0, 0);
  }
  section.section-11 .container:before {
    content: "";
    position: absolute;
    width: 18.75rem;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(
      270deg,
      rgb(6, 6, 6) 0%,
      rgba(6, 6, 6, 0.5) 50%,
      rgba(6, 6, 6, 0) 100%
    );
    z-index: 1;
  }
  section.section-11 .subheading {
    max-width: 15.29rem;
  }
  section.section-11 .subheading:after {
    bottom: -1rem;
    right: 1rem;
  }
  section.section-11 h2 {
    font-family: Archivo;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.71rem;
    line-height: 4rem;
    letter-spacing: 0;
    margin: 0;
  }
  section.section-11 h2 span:nth-child(2) {
    margin-right: 0;
  }
  section.section-11 .gradient-bg {
    width: 85%;
    background-position: 0 0;
  }
  section.section-11 .gradient-bg:not(.left) {
    display: none;
  }
  section.section-11 .section-11__inner {
    margin-top: 1rem;
    flex-direction: column;
    gap: 1rem;
  }
  section.section-11 .section-11__inner .content-wrap {
    margin-right: auto;
    width: 100%;
    order: 1;
  }
  section.section-11 .section-11__inner .content-wrap .socials-wrap {
    margin-top: 2.857rem;
    justify-content: center;
  }
  section.section-11 .section-11__inner .img-wrap {
    order: 2;
    position: relative;
    top: unset;
    right: unset;
  }
  section.section-11 .section-11__inner .img-wrap img {
    width: 100%;
  }
  section.section-11 .section-11__inner .img-wrap:before {
    display: none;
  }
}
section.section-cases {
  background: #eaeaeb;
  padding: 7.5rem 0;
}
section.section-cases p {
  color: rgba(6, 6, 6, 0.6);
}
section.section-cases .cases {
  margin-top: 3.5rem;
  border-bottom: 1px #060606 solid;
}
section.section-cases .cases .swiper-wrapper {
  display: block;
}
section.section-cases .cases .swiper-wrapper .cases__item {
  width: initial;
  padding: 2rem 2.25rem;
  border-top: 1px #060606 solid;
  align-items: flex-start;
}
section.section-cases .cases .swiper-wrapper .cases__item img {
  width: 13.375rem;
  min-width: 13.375rem;
  margin-right: 4.375rem;
}
section.section-cases .cases .swiper-wrapper .cases__item .item-content {
  margin-right: auto;
}
section.section-cases
  .cases
  .swiper-wrapper
  .cases__item
  .item-content
  .description
  .description__item {
  margin-top: 1.75rem;
  padding-left: 2.25rem;
  position: relative;
}
section.section-cases
  .cases
  .swiper-wrapper
  .cases__item
  .item-content
  .description
  .description__item:before {
  content: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' fill='%23060606'/%3E%3Cpath d='M5.5 10.3213L8.875 13.6963L14.5 6.57129' stroke='white'/%3E%3C/svg%3E%0A");
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: 0;
  top: 0.125rem;
}
section.section-cases
  .cases
  .swiper-wrapper
  .cases__item
  .item-content
  .description
  .description__item
  b {
  font-weight: 700;
}
section.section-cases .all-cases {
  border: 1px #000 solid;
  margin-top: 3.5rem;
  margin-left: auto;
  margin-right: auto;
}
section.section-cases .all-cases:before {
  filter: brightness(100);
}
@media screen and (max-width: 768px) {
  section.section-cases {
    padding: 3.385rem 0 2.328rem;
  }
  section.section-cases .cases {
    margin-right: -1.0666666667rem;
    border-bottom: none;
  }
  section.section-cases .cases .swiper-wrapper {
    display: flex;
    margin-left: -8%;
  }
  section.section-cases .cases .swiper-wrapper .cases__item {
    width: 100%;
    flex-direction: column;
    padding: 0;
    border-top: none;
  }
  section.section-cases .cases .swiper-wrapper .cases__item.is-overflowing {
    position: relative;
  }
}
