@charset "UTF-8";/**
 * Swiper 12.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 24, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}



:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}


/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}


/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}




.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}


.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;

    &:before {
      content: '';
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
}
.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Cube slide shadows end */

.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Flip slide shadows end */

.swiper-coverflow {
}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}

:root {
  --blue: #2364af;
  --red: #eb1e1e;
  --green: #00a54b;
  --black: #191f26;
  --black2: #272c33;
  --white: #fff;
  --white-10: rgba(255, 255, 255, 0.1);
  --white-30: rgba(255, 255, 255, 0.3);
  --white-40: rgba(255, 255, 255, 0.4);
  --white-5: rgba(255, 255, 255, 0.05);
  --gray: #f6f6f7;
  --container-width: 1800px;
  --container-padding: 15px;
  --container-final-size: calc(var(--container-width) + (var(--container-padding) * 2));
  --title-font-family: 'Gilroy', sans-serif;
  --default-font-family: 'Noto Sans', sans-serif;
  --header-zindex: 100;
  --backdrop-zindex: 999;
  --modals-zindex: 1000;
}

body,
html,
p,
h1,
h2,
h3 {
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
  font-family: var(--default-font-family);
}

a {
  text-decoration: none;
}

html,
body {
  scroll-behavior: smooth;
  background: var(--primary-bg);
  min-height: 100vh;
  scrollbar-gutter: stable;
}

button {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

.container {
  width: 100%;
  max-width: var(--container-final-size);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  position: relative;
  z-index: 2;
}

.section {
  scroll-margin-block: 125px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .section {
    scroll-margin-block: 60px;
    margin-bottom: 80px;
  }
}

.h1Title {
  font-family: var(--title-font-family);
  font-weight: 800;
  font-size: 84px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--black);
}
.h1Title.white {
  color: var(--white);
}
.h1Title.center {
  text-align: center;
}
.h1Title.breakWord {
  word-break: break-word;
}
@media (max-width: 768px) {
  .h1Title {
    font-size: 40px;
  }
}

.h2Title {
  font-family: var(--title-font-family);
  font-weight: 800;
  font-size: 72px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--black);
}
.h2Title.white {
  color: var(--white);
}
.h2Title.center {
  text-align: center;
}
@media (max-width: 768px) {
  .h2Title {
    font-size: 36px;
  }
}

/*
WEIGHT - .w{number}
SIZE - .s{number}
HEIGHT - .h{number}
ADAPTIVE SIZE - .as{number}
*/
.text {
  font-family: var(--default-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--black);
  margin: 0;
  color: var(--primary-text-color);
}
.text.w300 {
  font-weight: 300;
}
.text.w400 {
  font-weight: 400;
}
.text.w500 {
  font-weight: 500;
}
.text.w600 {
  font-weight: 600;
}
.text.w700 {
  font-weight: 700;
}
.text.w800 {
  font-weight: 800;
}
.text.h100 {
  line-height: 100%;
}
.text.h120 {
  line-height: 120%;
}
.text.h130 {
  line-height: 130%;
}
.text.h140 {
  line-height: 140%;
}
.text.h160 {
  line-height: 160%;
}
.text.s10 {
  font-size: 10px;
}
.text.s11 {
  font-size: 11px;
}
.text.s12 {
  font-size: 12px;
}
.text.s14 {
  font-size: 14px;
}
.text.s16 {
  font-size: 16px;
}
.text.s18 {
  font-size: 18px;
}
.text.s20 {
  font-size: 20px;
}
.text.s24 {
  font-size: 24px;
}
.text.s28 {
  font-size: 28px;
}
.text.s32 {
  font-size: 32px;
}
.text.s36 {
  font-size: 36px;
}
.text.s40 {
  font-size: 40px;
}
.text.s48 {
  font-size: 48px;
}
.text.s54 {
  font-size: 54px;
}
.text.s64 {
  font-size: 64px;
}
.text.s60 {
  font-size: 60px;
}
.text.s100 {
  font-size: 100px;
}
@media screen and (max-width: 768px) {
  .text.as10 {
    font-size: 10px;
  }
  .text.as12 {
    font-size: 12px;
  }
  .text.as14 {
    font-size: 14px;
  }
  .text.as16 {
    font-size: 16px;
  }
  .text.as20 {
    font-size: 20px;
  }
  .text.as24 {
    font-size: 24px;
  }
  .text.as28 {
    font-size: 28px;
  }
  .text.as32 {
    font-size: 32px;
  }
  .text.as40 {
    font-size: 40px;
  }
}
.text {
  /* custom modifiers */
}
.text.center {
  text-align: center;
}
.text.uppercase {
  text-transform: uppercase;
}
.text.underline {
  text-decoration: underline;
}
.text.nowrap {
  white-space: nowrap;
}
.text.white {
  color: var(--white);
}
.text.blue {
  color: var(--blue);
}
.text.green {
  color: var(--green);
}
.text.black {
  color: var(--black);
}
.text.black60 {
  color: rgba(25, 31, 38, 0.6);
}
.text.white40 {
  color: var(--white-40);
}
.text.black {
  color: var(--black);
}
.text.red {
  color: var(--red);
}
.text.green {
  color: var(--green);
}
.text.f2 {
  font-family: var(--title-font-family);
}
.text.f2 * {
  font-family: var(--title-font-family);
}
.text .green {
  color: var(--green);
}
.text .blue {
  color: var(--blue);
}

.hoverOpacity {
  opacity: 1;
  transition: all 0.3s ease;
}
.hoverOpacity:hover {
  opacity: 0.8;
}

.hoverBlue {
  opacity: 1;
  transition: all 0.3s ease;
}
.hoverBlue * {
  transition: all 0.3s ease;
}
.hoverBlue:hover, .hoverBlue:hover * {
  color: #2364af;
}

.blackBorderBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0 32px;
  min-height: 51px;
  border-radius: 12px;
  border: 1px solid var(--black);
}
.blackBorderBtn, .blackBorderBtn * {
  transition: all 0.3s ease;
}
.blackBorderBtn:hover {
  background-color: var(--black);
}
.blackBorderBtn:hover span {
  color: var(--white);
}

.whiteBorderBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0 32px;
  min-height: 51px;
  border-radius: 12px;
  border: 1px solid var(--white);
}
.whiteBorderBtn, .whiteBorderBtn * {
  transition: all 0.3s ease;
}
.whiteBorderBtn:hover {
  background-color: var(--white);
}
.whiteBorderBtn:hover span {
  color: var(--black);
}

.inlineRedArrowLink {
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
}
.inlineRedArrowLink.mobile {
  display: none;
}
.inlineRedArrowLink span {
  transition: all 0.3s ease;
}
.inlineRedArrowLink svg {
  transition: all 0.3s ease;
}
.inlineRedArrowLink svg path {
  transition: all 0.3s ease;
}
.inlineRedArrowLink:hover span {
  color: var(--black);
}
.inlineRedArrowLink:hover svg {
  transform: rotate(45deg);
}
.inlineRedArrowLink:hover svg path {
  stroke: var(--black);
}
@media (max-width: 768px) {
  .inlineRedArrowLink.desktop {
    display: none;
  }
  .inlineRedArrowLink.mobile {
    display: flex;
  }
}

.whiteArrowBtn {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 56px;
  border-radius: 100px;
  background-color: var(--white);
  padding: 4px 4px 4px 24px;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .whiteArrowBtn {
    min-height: 48px;
    padding: 4px 4px 4px 20px;
  }
}
.whiteArrowBtn span {
  transition: all 0.3s ease;
}
.whiteArrowBtn:hover {
  background-color: #272c33;
}
.whiteArrowBtn:hover span {
  color: var(--white);
}
.whiteArrowBtn:hover .whiteArrowBtn__indicator {
  background-color: transparent;
}
.whiteArrowBtn:hover .whiteArrowBtn__indicator svg {
  transform: rotate(45deg);
}
.whiteArrowBtn__indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--black);
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .whiteArrowBtn__indicator {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
  .whiteArrowBtn__indicator svg {
    width: 20px;
    height: 20px;
  }
}
.whiteArrowBtn__indicator svg, .whiteArrowBtn__indicator svg * {
  transition: all 0.3s ease;
}

.redArrowBtn {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 56px;
  border-radius: 100px;
  background-color: var(--red);
  padding: 4px 4px 4px 24px;
  transition: all 0.3s ease;
  width: fit-content;
}
@media (max-width: 768px) {
  .redArrowBtn {
    min-height: 48px;
    padding: 4px 4px 4px 20px;
  }
}
.redArrowBtn span {
  white-space: nowrap;
}
.redArrowBtn:hover {
  background-color: var(--black2);
}
.redArrowBtn:hover .redArrowBtn__indicator {
  background-color: transparent;
}
.redArrowBtn:hover .redArrowBtn__indicator svg {
  transform: rotate(45deg);
}
.redArrowBtn:hover .redArrowBtn__indicator svg path {
  stroke: var(--white);
}
.redArrowBtn__indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--white);
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .redArrowBtn__indicator {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
  .redArrowBtn__indicator svg {
    width: 20px;
    height: 20px;
  }
}
.redArrowBtn__indicator svg, .redArrowBtn__indicator svg * {
  transition: all 0.3s ease;
}

.blackArrowBtn {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 56px;
  border-radius: 100px;
  background-color: var(--black);
  padding: 4px 4px 4px 24px;
  transition: all 0.3s ease;
  width: fit-content;
}
@media (max-width: 768px) {
  .blackArrowBtn {
    min-height: 48px;
    padding: 4px 4px 4px 20px;
  }
}
.blackArrowBtn span {
  white-space: nowrap;
}
.blackArrowBtn:hover {
  background-color: var(--red);
}
.blackArrowBtn:hover .blackArrowBtn__indicator {
  background-color: transparent;
}
.blackArrowBtn:hover .blackArrowBtn__indicator svg {
  transform: rotate(45deg);
}
.blackArrowBtn:hover .blackArrowBtn__indicator svg path {
  stroke: var(--white);
}
.blackArrowBtn__indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--white);
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .blackArrowBtn__indicator {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
  .blackArrowBtn__indicator svg {
    width: 20px;
    height: 20px;
  }
}
.blackArrowBtn__indicator svg, .blackArrowBtn__indicator svg * {
  transition: all 0.3s ease;
}

.customInput {
  position: relative;
  display: flex;
  width: 100%;
  cursor: text;
}
.customInput input {
  width: 100%;
  height: 64px;
  border-radius: 100px;
  background-color: #32373d;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: var(--white);
  border: 2px solid #32373d;
  transition: all 0.3s ease;
}
.customInput input:focus {
  outline: none;
  background-color: transparent;
}
.customInput__placeholder {
  position: absolute;
  left: 30px;
  top: 50%;
  transform-origin: left;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.customInput:has(input:focus) .customInput__placeholder, .customInput:not(:has(input:placeholder-shown)) .customInput__placeholder {
  opacity: 0;
}
.customInput.light input {
  background-color: #f6f6f7;
  border: 2px solid #f6f6f7;
  color: var(--black);
}
.customInput.light input:focus {
  outline: none;
  background-color: transparent;
}
.customInput.light .customInput__placeholder {
  color: rgba(25, 31, 38, 0.6);
}

.customTextArea {
  position: relative;
  display: flex;
  width: 100%;
}
.customTextArea textarea {
  width: 100%;
  min-height: 120px;
  border-radius: 28px;
  background-color: rgba(255, 255, 255, 0.0509803922);
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: var(--white);
  resize: none;
  border: 2px solid #32373d;
  transition: all 0.3s ease;
}
.customTextArea textarea:focus {
  outline: none;
  background-color: transparent;
}
@media (max-width: 768px) {
  .customTextArea textarea {
    border-radius: 20px;
  }
}
.customTextArea__placeholder {
  position: absolute;
  left: 30px;
  top: 0;
  transform-origin: left;
  transform: translateY(10px);
  transition: all 0.3s ease;
  padding-top: 10px;
}
.customTextArea:has(textarea:focus) .customTextArea__placeholder, .customTextArea:not(:has(textarea:placeholder-shown)) .customTextArea__placeholder {
  opacity: 0;
}
.customTextArea.light textarea {
  background-color: #f6f6f7;
  border: 2px solid #f6f6f7;
  color: var(--black);
}
.customTextArea.light textarea:focus {
  outline: none;
  background-color: transparent;
}
.customTextArea.light .customTextArea__placeholder {
  color: rgba(25, 31, 38, 0.6);
}

.customCheckbox {
  display: flex;
  align-items: start;
  gap: 15px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 768px) {
  .customCheckbox {
    gap: 10px;
  }
}
.customCheckbox input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .customCheckbox input {
    width: 20px;
    height: 20px;
  }
}
.customCheckbox__indicator {
  width: 24px;
  min-width: 24px;
  height: 24px;
  position: relative;
}
@media (max-width: 768px) {
  .customCheckbox__indicator {
    min-width: 20px;
    width: 20px;
    height: 20px;
  }
}
.customCheckbox__indicator svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
}
@media (max-width: 768px) {
  .customCheckbox__indicator svg {
    width: 20px;
    height: 20px;
  }
}
.customCheckbox__indicator svg:last-child {
  display: none;
}
.customCheckbox:has(input:checked) svg:last-child {
  display: initial;
}
.customCheckbox:has(input:checked) svg:first-child {
  display: none;
}

.modal {
  z-index: var(--modals-zindex);
  opacity: 1;
  transition: all 0.3s ease;
}

.modalBackdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 31, 38, 0.6);
  opacity: 1;
  transition: all 0.3s ease;
  display: none;
  z-index: calc(var(--modals-zindex) - 1);
}
.modalBackdrop.active {
  display: flex;
}

@starting-style {
  .modal,
  .modalBackdrop {
    opacity: 0;
  }
}
.cluster-content {
  width: 48px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--black);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cluster-content span {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: var(--white);
}

.showMoreBtn {
  width: fit-content;
  height: 51px;
  border-radius: 12px;
  padding-right: 32px;
  padding-left: 32px;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #191f26;
  margin: 0 auto;
  transition: all 0.3s ease;
}
.showMoreBtn span {
  transition: all 0.3s ease;
}
.showMoreBtn svg path {
  transition: all 0.3s ease;
}
.showMoreBtn:hover {
  background-color: var(--black);
}
.showMoreBtn:hover span {
  color: var(--white);
}
.showMoreBtn:hover svg path {
  fill: var(--white);
}

.header {
  position: sticky;
  top: 0;
  width: 100%;
  display: flex;
  background-color: var(--white);
  padding-top: 10px;
  --header-height: 100px;
  min-height: var(--header-height);
  z-index: var(--header-zindex);
  transition: all 0.3s ease;
  /* TODO: Дописать */
}
.header.transparent:not(:has(.header__menu.active)) {
  background-color: transparent;
}
.header.transparent:not(:has(.header__menu.active)) .header__logo img:first-child {
  display: none;
}
.header.transparent:not(:has(.header__menu.active)) .header__logo img:last-child {
  display: initial;
}
.header.transparent:not(:has(.header__menu.active)) .header__navLinks * {
  color: var(--white);
}
.header.transparent:not(:has(.header__menu.active)) .header__navLinks *:hover {
  color: var(--blue);
}
.header.transparent:not(:has(.header__menu.active)) .blackBorderBtn {
  border-color: var(--white);
  color: var(--white);
}
.header.transparent:not(:has(.header__menu.active)) .blackBorderBtn:hover {
  background-color: var(--white);
}
.header.transparent:not(:has(.header__menu.active)) .blackBorderBtn:hover span {
  color: var(--black);
}
.header.transparent:not(:has(.header__menu.active)) .header__phoneLink {
  color: var(--white);
}
.header.transparent:not(:has(.header__menu.active)) .header__phoneLink:hover {
  color: var(--blue);
}
.header.transparent:not(:has(.header__menu.active)) .header__socials a:nth-child(1) svg rect {
  fill: var(--white);
}
.header.transparent:not(:has(.header__menu.active)) .header__socials a:nth-child(1) svg path {
  fill: var(--black);
}
.header.transparent:not(:has(.header__menu.active)) .header__socials a:nth-child(2) svg rect {
  fill: var(--white);
}
.header.transparent:not(:has(.header__menu.active)) .header__socials a:nth-child(2) svg path {
  fill: var(--black);
}
.header.transparent:not(:has(.header__menu.active)) .header__socials a:nth-child(3) svg path {
  fill: var(--white);
}
.header.transparent:not(:has(.header__menu.active)) .header__burgerBtn svg path {
  fill: var(--white);
}
@media (max-width: 1150px) {
  .header {
    align-items: center;
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .header {
    --header-height: 66px;
  }
}
.header:has(.header__burgerBtn.active) {
  background-color: var(--black);
}
.header:has(.header__burgerBtn.active) .header__logo img:first-child {
  display: none;
}
.header:has(.header__burgerBtn.active) .header__logo img:last-child {
  display: initial;
}
.header:has(.header__burgerBtn.active) .header__mobileLink svg rect {
  fill: var(--white);
}
.header:has(.header__burgerBtn.active) .header__mobileLink svg path {
  fill: var(--black);
}
.header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 48px;
}
@media (max-width: 1150px) {
  .header__wrap {
    align-items: center;
  }
}
.header__navigation {
  display: flex;
  align-items: end;
  gap: 60px;
}
@media (max-width: 1500px) {
  .header__navigation {
    gap: 40px;
  }
}
@media (max-width: 1200px) {
  .header__navigation {
    gap: 20px;
  }
}
.header__logo {
  display: flex;
}
.header__logo img {
  width: 220px;
  aspect-ratio: 220/60;
}
@media (max-width: 768px) {
  .header__logo img {
    width: 133px;
  }
}
.header__logo img:last-child {
  display: none;
}
.header__navLinks {
  display: flex;
  padding-bottom: 6px;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1500px) {
  .header__navLinks {
    gap: 20px;
  }
}
@media (max-width: 1200px) {
  .header__navLinks {
    gap: 15px;
  }
}
@media (max-width: 1150px) {
  .header__navLinks {
    display: none;
  }
}
.header__contacts {
  display: flex;
  gap: 60px;
  align-items: center;
  margin-bottom: -12px;
}
@media (max-width: 1500px) {
  .header__contacts {
    gap: 40px;
  }
}
.header__contacts .header__phoneLink {
  /* padding-bottom: 6px; */
}
@media (max-width: 1350px) {
  .header__contacts .header__phoneLink {
    display: none;
  }
}
@media (max-width: 1200px) {
  .header__contacts {
    gap: 20px;
  }
}
@media (max-width: 1150px) {
  .header__contacts {
    margin-bottom: 0;
  }
  .header__contacts .header__hiddableButton {
    display: none;
  }
}
.header__socials {
  display: flex;
  gap: 10px;
  align-items: center;
  /* padding-bottom: 3px; */
}
@media (max-width: 1150px) {
  .header__socials {
    padding-bottom: 0px;
  }
}
.header__socials .header__mobileLink {
  display: none;
}
@media (max-width: 1350px) {
  .header__socials .header__mobileLink {
    display: flex;
  }
}
.header__socials {
  /* @media (max-width: 1200px) {
     display: none;
  } */
}
.header__socials a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__socials a svg rect {
  transition: all 0.3s ease;
}
.header__socials a svg g g path {
  transition: all 0.3s ease;
}
.header__socials a:hover svg rect {
  fill: #2364af;
}
.header__socials a:hover svg g g path {
  fill: #2364af;
}
@media (max-width: 1150px) {
  .header__socials a {
    display: none;
  }
  .header__socials a.header__mobileLink {
    display: flex;
  }
}
.header__burgerBtn {
  display: none;
}
.header__burgerBtn svg:last-child {
  display: none;
}
.header__burgerBtn.active svg:first-child {
  display: none;
}
.header__burgerBtn.active svg:last-child {
  display: flex;
}
@media (max-width: 1150px) {
  .header__burgerBtn {
    display: flex;
  }
}
.header__menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: var(--white);
  padding: 20px 0;
  display: none;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s ease;
}
.header__menu.active {
  display: flex;
}
.header__menuWrap {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.header__menuWrap h2 {
  max-width: 440px;
  margin-top: 40px;
}
.header__menuCards {
  display: grid;
  width: 100%;
  max-width: 1240px;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.header__menuCard {
  position: relative;
  aspect-ratio: 400/460;
  display: flex;
  align-items: end;
  padding: 30px;
  overflow: hidden;
}
.header__menuCard img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header__menuCard span {
  position: relative;
  z-index: 4;
  transition: color 0.3s ease;
  color: var(--black) !important;
}
.header__menuCard::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgba(25, 31, 38, 0) 0%, rgba(25, 31, 38, 0.8) 100%);
  transition: all 0.3s ease;
}
.header__menuCard::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
}
.header__menuCard:hover::after {
  background: transparent;
}
.header__menuCard:hover span {
  color: var(--white) !important;
}
.header {
  /* &:has(.header__menuCard:hover) .header__menuCard:not(:hover) {
     &::after {
        background: #ffffff99;
     }

     & span {
        color: var(--black);
     }
  } */
}
.header__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: calc(var(--header-zindex) - 1);
  display: none;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.header__backdrop.active {
  display: flex;
}
.header__menuLink {
  position: relative;
}
.header__menuLink::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 60px;
  content: "";
}
.header__burgerMenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(100dvh - var(--header-height));
  max-height: calc(100dvh - var(--header-height));
  overflow: auto;
  background-color: var(--black);
  display: flex;
  flex-direction: column;
  gap: 48px;
  justify-content: space-between;
  padding-top: 60px;
  display: none;
}
.header__burgerMenu.active {
  display: flex;
}
.header__burgerNav {
  width: 100%;
}
.header__burgerNav .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: start;
}
.header__burgerAccord {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.header__burgerAccordBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.header__burgerAccordBtn.active .header__burgerAccordIndicator::after {
  transform: translateX(-50%) rotate(90deg);
}
.header__burgerAccordIndicator {
  width: 24px;
  height: 24px;
  position: relative;
}
.header__burgerAccordIndicator::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 100px;
  background: var(--white);
  transform: translateY(-50%);
}
.header__burgerAccordIndicator::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 100%;
  border-radius: 100px;
  background: var(--white);
  transform: translateX(-50%);
  transition: all 0.3s ease;
}
.header__burgerAccordContent {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  gap: 15px;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.header__burgerNavLink {
  display: flex;
  width: 100%;
}
.header__burgerBot {
  padding: 30px 0;
  width: 100%;
  background-color: #272c33;
}
.header__burgerBot .container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.header__burgerContacts {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  width: 100%;
}
.header__burgerSocials {
  display: flex;
  align-items: center;
  gap: 10px;
}

@starting-style {
  .header__menu {
    opacity: 0;
    transform: translateY(-50px);
  }
  .header__backdrop {
    opacity: 0;
  }
}
.footer {
  background-color: var(--black);
  padding: 80px 0;
}
@media (max-width: 768px) {
  .footer {
    padding: 40px 0;
  }
}
.footer__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (max-width: 768px) {
  .footer__wrap {
    gap: 40px;
  }
}
.footer__form {
  display: flex;
  align-items: start;
  background-color: #272c33;
  gap: 60px;
  justify-content: space-between;
  width: 100%;
  padding: 60px 60px 60px 40px;
}
@media (max-width: 1440px) {
  .footer__form {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .footer__form {
    align-items: center;
    gap: 30px;
    padding: 30px 20px;
  }
}
.footer__formLeft {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
  width: 100%;
  max-width: 600px;
}
@media (max-width: 1440px) {
  .footer__formLeft {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .footer__formLeft {
    align-items: center;
    gap: 10px;
  }
  .footer__formLeft * {
    text-align: center;
  }
}
.footer__formMain {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  max-width: 870px;
}
@media (max-width: 1440px) {
  .footer__formMain {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .footer__formMain {
    align-items: center;
    gap: 20px;
  }
}
.footer__formInputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
  .footer__formInputs {
    grid-template-columns: 1fr;
    align-items: center;
    width: 100%;
    gap: 10px;
  }
}
.footer__formSubmit {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 768px) {
  .footer__formSubmit {
    align-items: center;
    flex-direction: column;
    gap: 30px;
  }
}
.footer__mainContent {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: 100%;
}
@media (max-width: 768px) {
  .footer__mainContent {
    align-items: center;
    flex-direction: column;
    gap: 40px;
  }
}
.footer__mainTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 60px;
  width: 100%;
}
@media (max-width: 1024px) {
  .footer__mainTop {
    flex-direction: column;
    align-items: start;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .footer__mainTop {
    align-items: center;
    flex-direction: column;
    gap: 30px;
  }
}
.footer__logo {
  display: flex;
  width: 180px;
}
.footer__logo img {
  width: 100%;
}
@media (max-width: 768px) {
  .footer__logo {
    width: 130px;
  }
}
.footer__contacts {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media (max-width: 768px) {
  .footer__contacts {
    align-items: center;
    flex-direction: column;
    gap: 20px;
  }
}
.footer__socials {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer__socials a svg rect {
  transition: all 0.3s ease;
}
.footer__socials a svg g g path {
  transition: all 0.3s ease;
}
.footer__socials a:hover svg rect {
  fill: #2364af;
}
.footer__socials a:hover svg g g path {
  fill: #2364af;
}
.footer__mainBot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 60px;
}
@media (max-width: 1024px) {
  .footer__mainBot {
    flex-direction: column;
    align-items: start;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .footer__mainBot {
    align-items: center;
  }
}
.footer__botLeft {
  display: flex;
  align-items: center;
  gap: 60px;
}
.footer__botLeft a {
  transition: all 0.3s ease;
}
.footer__botLeft a:hover {
  color: #2364af;
}
@media (max-width: 768px) {
  .footer__botLeft {
    align-items: center;
    flex-direction: column;
    gap: 20px;
  }
  .footer__botLeft * {
    text-align: center;
  }
}
.footer__devLink {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer__devLink svg path {
  transition: all 0.3s ease;
}
.footer__devLink:hover svg path {
  fill: #2364af;
}

.requestModal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--white);
  width: 100%;
  max-width: 1300px;
  height: auto;
  max-height: 780px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  display: none;
}
.requestModal.active {
  display: grid;
}
@media (max-width: 1440px) {
  .requestModal {
    max-width: calc(100% - var(--container-padding) * 2);
  }
}
@media (max-height: 800px) {
  .requestModal {
    max-height: calc(100% - var(--container-padding) * 2);
  }
}
@media (max-width: 1024px) {
  .requestModal {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .requestModal {
    transform: none;
    top: initial;
    bottom: 0;
    left: 0;
    max-height: 90dvh;
    max-width: 100%;
  }
}
.requestModal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: var(--white);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.requestModal__close svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 768px) {
  .requestModal__close {
    width: 20px;
    height: 20px;
    border-radius: 0;
    background-color: transparent;
  }
  .requestModal__close svg {
    width: 20px;
    height: 20px;
  }
}
.requestModal__left {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 60px 80px 60px 60px;
  max-height: 100%;
  overflow: auto;
}
@media (max-width: 1024px) {
  .requestModal__left {
    padding: 60px;
  }
}
@media (max-width: 1440px) {
  .requestModal__left {
    max-width: calc(100dvh - var(--container-padding) * 2);
  }
}
@media (max-height: 800px) {
  .requestModal__left {
    max-height: calc(100dvh - var(--container-padding) * 2);
  }
}
@media (max-width: 768px) {
  .requestModal__left {
    padding: 40px 20px;
    gap: 30px;
    max-height: 90dvh;
  }
}
.requestModal__titleWrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
@media (max-width: 768px) {
  .requestModal__titleWrap {
    gap: 10px;
  }
}
.requestModal__formWrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 40px;
}
@media (max-width: 768px) {
  .requestModal__formWrap {
    gap: 30px;
  }
}
.requestModal__inputs {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 20px;
}
.requestModal__right {
  display: flex;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .requestModal__right {
    display: none;
  }
}
.requestModal__right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.requestModal__right--black {
  background-color: var(--black);
  align-items: start;
}
.requestModal__right--black img {
  width: 100%;
  height: initial;
  object-fit: contain;
}

.successModal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--white);
  width: 100%;
  max-width: 580px;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  padding: 40px;
  display: none;
}
.successModal.active {
  display: flex;
}
@media (max-width: 768px) {
  .successModal {
    transform: none;
    max-width: 100%;
    top: initial;
    bottom: 0;
    left: 0;
    padding: 40px 20px;
  }
}
.successModal__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.successModal__text * {
  text-align: center;
}

.firstBanner {
  padding-top: 60px;
}
.firstBanner__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.firstBanner__top {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  max-width: 1200px;
}
@media (max-width: 768px) {
  .firstBanner__top {
    gap: 15px;
  }
}
.firstBanner__top h1 {
  text-align: center;
}
.firstBanner__top h1 span {
  font-family: var(--title-font-family);
}
@media (max-width: 1200px) {
  .firstBanner__top h1 span {
    word-break: break-all;
  }
}
.firstBanner__topContent {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  max-width: 790px;
}
@media (max-width: 768px) {
  .firstBanner__topContent {
    gap: 20px;
  }
}
.firstBanner__topContentText {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}
.firstBanner__slider {
  width: 100%;
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: end;
}
@media (max-width: 1200px) {
  .firstBanner__slider {
    margin-top: 60px;
  }
}
.firstBanner__slider::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  min-height: 450px;
  background-color: var(--black);
}
@media (max-width: 1200px) {
  .firstBanner__slider::before {
    height: 85%;
  }
}
.firstBanner__sliderWrap {
  display: grid;
  grid-template-columns: 200px 1fr;
  align-items: end;
  position: relative;
  z-index: 2;
}
@media (max-width: 1200px) {
  .firstBanner__sliderWrap {
    display: flex;
    flex-direction: column;
  }
}
.firstBanner__sliderNavigation {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: start;
  gap: 20px;
  padding-bottom: 200px;
}
.firstBanner__sliderNavigation > div {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}
@media (max-width: 1200px) {
  .firstBanner__sliderNavigation {
    padding-bottom: 0;
    overflow-x: auto;
    height: 20px;
  }
  .firstBanner__sliderNavigation div {
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
  }
  .firstBanner__sliderNavigation::-webkit-scrollbar {
    display: none;
  }
  .firstBanner__sliderNavigation {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
}
@media (max-width: 768px) {
  .firstBanner__sliderNavigation {
    height: 10px;
  }
}
.firstBanner__sliderNavigation * {
  text-align: left;
}
@media (max-width: 1200px) {
  .firstBanner__sliderNavigation * {
    color: var(--black) !important;
    white-space: nowrap;
    display: flex;
  }
}
.firstBanner__navItem {
  display: flex;
  opacity: 0.4;
  transition: all 0.3s ease;
}
.firstBanner__navItem:hover {
  opacity: 0.8;
}
.firstBanner__navItem.active {
  opacity: 1;
}
.firstBanner__swiper {
  display: flex;
  width: 100%;
}
.firstBanner__slide {
  display: grid;
  grid-template-columns: 1fr 200px;
  align-items: end;
}
.firstBanner__slide.swiper-slide {
  opacity: 0 !important;
}
@media (max-width: 1200px) {
  .firstBanner__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.firstBanner__slide.swiper-slide-active {
  opacity: 1 !important;
}
.firstBanner__slideImg {
  width: 100%;
  aspect-ratio: 1400/812;
}
.firstBanner__slideImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.firstBanner__slideChars {
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: fit-content;
  padding-bottom: 60px;
  align-items: end;
  justify-content: end;
}
@media (max-width: 768px) {
  .firstBanner__slideChars {
    gap: 20px;
  }
}
.firstBanner__slideChars span {
  text-align: right;
}
@media (max-width: 1200px) {
  .firstBanner__slideChars span {
    text-align: center;
    white-space: initial !important;
  }
}
.firstBanner__slideChars .red {
  color: var(--red);
}
@media (max-width: 1200px) {
  .firstBanner__slideChars {
    align-items: center;
  }
}

.solutions {
  display: flex;
  width: 100%;
  max-width: 2560px;
  margin: 0 auto 200px auto;
  position: relative;
}
@media (max-width: 768px) {
  .solutions {
    margin-bottom: 80px;
  }
}
.solutions__title {
  position: absolute;
  top: 90px;
  left: 60px;
  transition: all 0.3s ease;
  z-index: 3;
}
@media (max-width: 1440px) {
  .solutions__title {
    color: var(--white);
  }
}
@media (max-width: 768px) {
  .solutions__title {
    top: 30px;
    left: 15px;
  }
}
@media (min-width: 1440px) {
  .solutions:has(.solutions__card:first-child:hover) .solutions__title {
    color: var(--white);
  }
}
.solutions__card {
  display: flex;
  flex-shrink: initial;
  align-items: end;
  width: 33.3333333333%;
  min-height: 960px;
  padding: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (max-width: 1440px) {
  .solutions__card {
    --width-value: 660px;
    width: var(--width-value);
    min-width: var(--width-value);
    min-height: 0;
    aspect-ratio: 330/460;
  }
}
@media (max-width: 768px) {
  .solutions__card {
    --width-value: 330px;
    padding: 30px 15px;
  }
}
.solutions__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6980392157);
  transition: all 0.3s ease;
}
.solutions__card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(25, 31, 38, 0) 0%, rgba(25, 31, 38, 0.8) 100%);
  transition: all 0.3s ease;
  opacity: 0;
}
@media (min-width: 1440px) {
  .solutions__card:hover {
    width: 50% !important;
  }
  .solutions__card:hover::before {
    opacity: 0;
  }
  .solutions__card:hover::after {
    opacity: 1;
  }
  .solutions__card:hover span {
    color: var(--white);
  }
}
@media (max-width: 1440px) {
  .solutions__card.swiper-slide-active::before {
    opacity: 0;
  }
  .solutions__card.swiper-slide-active::after {
    opacity: 1;
  }
  .solutions__card.swiper-slide-active span {
    color: var(--white);
  }
}
.solutions__cardText {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  z-index: 2;
}
.solutions__cardText span {
  word-break: break-word;
  transition: all 0.3s ease;
  color: var(--black);
}
.solutions__cardText span:last-child {
  height: 0;
  overflow: hidden;
}

.projects__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: 100%;
}
@media (max-width: 768px) {
  .projects__wrap {
    gap: 30px;
  }
}
.projects__top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
}
.projects__slider {
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: column;
  gap: 15px;
}
.projects__sliderTabs {
  position: absolute;
  top: 40px;
  left: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
}
@media (max-width: 1024px) {
  .projects__sliderTabs {
    position: initial;
  }
}
.projects__sliderTabItem {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0 20px;
  border-radius: 100px;
  background-color: var(--white);
  height: 44px;
  transition: all 0.3s ease;
}
.projects__sliderTabItem span {
  transition: all 0.3s ease;
}
@media (max-width: 1024px) {
  .projects__sliderTabItem {
    background-color: var(--gray);
  }
}
@media (max-width: 768px) {
  .projects__sliderTabItem {
    height: 34px;
    padding: 0 16px;
  }
}
.projects__sliderTabItem:not(.active):hover {
  background-color: var(--black);
}
.projects__sliderTabItem:not(.active):hover span {
  color: var(--white);
}
.projects__sliderTabItem.active {
  background-color: var(--red);
}
.projects__sliderTabItem.active span {
  color: var(--white);
}
.projects__swiper {
  width: 100%;
  aspect-ratio: 1800/850;
  min-height: 600px;
  position: relative;
  display: none;
}
.projects__swiper.active {
  display: flex;
}
@media (max-width: 768px) {
  .projects__swiper {
    min-height: 500px;
  }
}
.projects__slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: end;
  padding: 40px;
  width: 100%;
  height: 100%;
  position: relative;
}
.projects__slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(25, 31, 38, 0) 0%, rgba(25, 31, 38, 0.7) 100%);
}
.projects__slideContent {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-items: end;
  position: absolute;
  padding: 0 40px 40px 40px;
  z-index: 2;
  width: 100%;
  bottom: 0;
  left: 0;
}
@media (max-width: 1024px) {
  .projects__slideContent {
    bottom: initial;
    left: 0;
    top: 0;
    padding: 40px 40px 0 40px;
  }
  .projects__slideContent a:last-child, .projects__slideContent button:last-child {
    display: none;
  }
}
@media (max-width: 768px) {
  .projects__slideContent {
    padding: 20px 20px 0 20px;
    gap: 20px;
  }
}
.projects__slideMobileLink {
  display: none;
}
@media (max-width: 1024px) {
  .projects__slideMobileLink {
    display: flex;
    position: absolute;
    bottom: 40px;
    left: 40px;
    align-items: center;
    gap: 10px;
    z-index: 10;
  }
}
@media (max-width: 768px) {
  .projects__slideMobileLink {
    bottom: 20px;
    left: 20px;
  }
}
.projects__slideLeft {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 768px) {
  .projects__slideLeft {
    gap: 20px;
  }
}
.projects__slideText {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}
@media (max-width: 768px) {
  .projects__slideText {
    gap: 10px;
  }
}
.projects__sliderPagination {
  height: 8px;
  position: relative;
  display: flex;
  width: fit-content;
}
.projects__sliderPagination .swiper-pagination-bullet {
  display: flex;
  position: initial;
  background-color: var(--white);
  border-radius: 100px;
  transition: all 0.3s ease;
}
.projects__sliderPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
}

.news__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: 100%;
}
@media (max-width: 768px) {
  .news__wrap {
    gap: 30px;
  }
}
.news__top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
}
.news__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1200px) {
  .news__cards {
    grid-template-columns: repeat(3, 587px);
    width: calc(100% + var(--container-padding) * 2);
    max-width: calc(100% + var(--container-padding) * 2);
    margin-left: calc(var(--container-padding) * -1);
    overflow: auto;
    overflow-y: hidden;
    padding: 0 var(--container-padding);
  }
  .news__cards::-webkit-scrollbar {
    display: none;
  }
  .news__cards {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
}
@media (max-width: 768px) {
  .news__cards {
    grid-template-columns: repeat(3, 330px);
    gap: 10px;
  }
}
.news__cardItem {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.news__cardItem:hover span {
  color: #2364af;
}
.news__cardItem span {
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .news__cardItem {
    gap: 20px;
  }
}
.news__cardImg {
  display: flex;
  width: 100%;
  aspect-ratio: 1;
}
.news__cardImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news__cardContent {
  display: flex;
  align-items: start;
  gap: 10px;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .news__cardContent {
    flex-direction: column;
    padding: 0 10px;
    gap: 20px;
  }
}
.news__cardText {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.news__cardText span:first-child.uppercase {
  word-break: break-word;
}
@media (max-width: 768px) {
  .news__cardText {
    gap: 10px;
  }
}

.robotView {
  background: radial-gradient(50% 50% at 50% 50%, #3c454e 0%, #191f26 100%);
  position: relative;
  padding: 90px 0;
}
@media (max-width: 768px) {
  .robotView {
    padding: 40px 0;
  }
}
.robotView__wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.robotView__top {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 60px;
  width: 100%;
}
@media (max-width: 768px) {
  .robotView__top {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .robotView__top * {
    text-align: center;
  }
}
.robotView__titleWrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .robotView__titleWrap {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .robotView__titleWrap * {
    text-align: center;
  }
}
.robotView__topDescr {
  max-width: 660px;
}
.robotView__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1200px) {
  .robotView__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .robotView__cards {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.robotView__card {
  display: flex;
  align-items: center;
  padding: 30px;
  background-color: var(--white-10);
}
@media (max-width: 768px) {
  .robotView__card {
    padding: 30px 20px;
    justify-content: center;
  }
  .robotView__card * {
    text-align: center;
  }
}
.robotView__3dView {
  display: flex;
  width: 100%;
  aspect-ratio: 1800/830;
  position: relative;
}
@media (max-width: 768px) {
  .robotView__3dView {
    min-height: 400px;
  }
}
@media (max-width: 400px) {
  .robotView__3dView {
    min-height: 230px;
  }
}
.robotView__3dView .gui-stats {
  position: absolute !important;
}
.robotView__3dView .lil-gui.lil-root {
  position: absolute;
  top: 0;
  right: 0;
}
.robotView__main {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 50px 0;
}
@media (max-width: 768px) {
  .robotView__main {
    padding: 40px 0;
  }
}
.robotView__contentCard {
  flex-direction: column;
  gap: 16px;
  background-color: var(--white);
  border-radius: 16px;
  padding: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  max-width: 450px;
  display: none;
}
.robotView__contentCard.active {
  display: flex;
}
@media (max-width: 768px) {
  .robotView__contentCard {
    position: relative;
    top: initial;
    left: initial;
    transform: none;
    max-width: 100%;
  }
}
.robotView__close {
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}
.robotView__360 {
  position: absolute;
  top: 130px;
  right: 30%;
  background-color: var(--red);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .robotView__360 {
    top: 50px;
    right: 15%;
  }
}
@media (max-width: 768px) {
  .robotView__360 {
    top: 20px;
    right: 15%;
    width: 40px;
    height: 40px;
  }
  .robotView__360 svg {
    width: 24px;
    height: 24px;
  }
}
.robotView__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.robotView__loader.loaded {
  display: none;
}
.robotView__loader img {
  width: 80%;
  height: 80%;
  object-fit: contain;
}
.robotView__loaderInd {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .robotView__loaderInd {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 768px) {
  .robotView__loaderInd svg {
    width: 24px;
    height: 24px;
  }
}
.robotView__loaderInd svg {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.meshLabel {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--white-30);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
@media (max-width: 768px) {
  .meshLabel {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }
}
.meshLabel--example {
  display: none;
}
.meshLabel--right::before {
  right: initial;
  left: 100%;
}
.meshLabel--right .meshLabel__textWrap {
  left: calc(100% + 100px);
  right: initial;
}
@media (max-width: 1024px) {
  .meshLabel--right .meshLabel__textWrap {
    left: calc(100% + 50px);
  }
}
.meshLabel.hidden {
  display: none;
}
.meshLabel__ind {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--white);
  display: flex;
}
@media (max-width: 768px) {
  .meshLabel__ind {
    width: 24px;
    height: 24px;
    min-width: 24px;
    position: relative;
  }
  .meshLabel__ind::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    border-radius: 100px;
    height: 10px;
    background-color: var(--black);
  }
  .meshLabel__ind::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 1px;
    border-radius: 100px;
    background-color: var(--black);
  }
}
.meshLabel__textWrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 100px);
  width: fit-content;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: var(--white);
  border-radius: 16px;
  transition: all 1s ease;
}
@media (max-width: 1024px) {
  .meshLabel__textWrap {
    right: calc(100% + 50px);
  }
}
@media (max-width: 768px) {
  .meshLabel__textWrap {
    display: none;
  }
}
.meshLabel__titleWrap {
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
}
.meshLabel__titleWrap > svg:first-child {
  transition: all 0.3s ease;
}
.meshLabel__titleWrap span {
  transition: all 0.3s ease;
}
.meshLabel::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  width: 100px;
  height: 2px;
  background-color: var(--white-30);
}
@media (max-width: 1024px) {
  .meshLabel::before {
    width: 50px;
  }
}
@media (max-width: 768px) {
  .meshLabel::before {
    display: none;
  }
}

.dev {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-color: var(--black);
  overflow: hidden;
}
.dev__img {
  position: absolute;
  z-index: 1;
}
.dev__img--top {
  top: 0;
  right: 0;
  width: 729px;
}
@media (max-width: 1024px) {
  .dev__img--top {
    width: 500px;
  }
}
@media (max-width: 768px) {
  .dev__img--top {
    width: 300px;
    transform: translate(50px, -35px) rotate(20deg);
  }
}
.dev__img--bot {
  bottom: 0;
  left: 0;
  width: 708px;
}
@media (max-width: 1024px) {
  .dev__img--bot {
    width: 400px;
  }
}
@media (max-width: 768px) {
  .dev__img--bot {
    width: 200px;
  }
}
.dev__content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 100px;
  min-height: 100vh;
  padding: 40px 0;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .dev__content {
    gap: 40px;
  }
}
.dev__logo {
  display: flex;
  width: 230px;
}
@media (max-width: 768px) {
  .dev__logo {
    width: 160px;
  }
}
.dev__logo img {
  width: 100%;
}
.dev__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
@media (max-width: 768px) {
  .dev__main {
    gap: 40px;
  }
}
.dev__textWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media (max-width: 768px) {
  .dev__textWrap {
    gap: 20px;
  }
}
.dev__textWrap * {
  text-align: center;
}
.dev__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 790px;
}
@media (max-width: 768px) {
  .dev__text {
    gap: 10px;
  }
}
.dev__text * {
  text-align: center;
}
.dev__links {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media (max-width: 768px) {
  .dev__links {
    flex-direction: column;
    gap: 30px;
  }
}
.dev__socials {
  display: flex;
  align-items: center;
  gap: 20px;
}
.dev__socials a {
  display: flex;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .dev__socials {
    gap: 15px;
  }
  .dev__socials a {
    width: 40px;
    height: 40px;
  }
  .dev__socials a svg {
    width: 40px;
    height: 40px;
  }
}

.chars__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.chars__wrap > h2 {
  max-width: 1200px;
}
@media (max-width: 768px) {
  .chars__wrap {
    gap: 30px;
  }
}
.chars__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1440px) {
  .chars__cards {
    display: flex;
    overflow: auto;
    margin-left: calc(var(--container-padding) * -1);
    padding: 0 var(--container-padding);
    width: calc(100% + var(--container-padding) * 2);
  }
}
@media (max-width: 768px) {
  .chars__cards {
    gap: 10px;
  }
}
.chars__cardItem {
  display: flex;
  align-items: end;
  padding: 40px 30px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 435/500;
}
@media (max-width: 1440px) {
  .chars__cardItem {
    min-width: 435px;
  }
}
@media (max-width: 768px) {
  .chars__cardItem {
    padding: 30px 20px;
    min-width: 300px;
  }
}
.chars__cardItem img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.chars__cardItem::after {
  background: linear-gradient(180deg, rgba(25, 31, 38, 0) 0%, rgba(25, 31, 38, 0.8) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  content: "";
}
.chars__cardItem span {
  position: relative;
  z-index: 3;
  word-break: break-word;
}

.standSolutions__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (max-width: 768px) {
  .standSolutions__wrap {
    gap: 30px;
  }
}
.standSolutions__top {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 60px;
}
.standSolutions__top h2 {
  max-width: 1200px;
}
.standSolutions__top h2.small {
  max-width: 1000px;
}
@media (max-width: 1250px) {
  .standSolutions__top .standSolutions__desktopBtn {
    display: none;
  }
}
.standSolutions__mobileBtn {
  display: none;
}
@media (max-width: 1250px) {
  .standSolutions__mobileBtn {
    display: flex;
  }
}
.standSolutions__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 1440px) {
  .standSolutions__cards {
    display: flex;
    flex-direction: column;
  }
}
.standSolutions__cardItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  background-color: var(--gray);
  padding: 60px;
  aspect-ratio: 890/924;
  overflow: hidden;
}
.standSolutions__cardItem span {
  color: var(--black);
}
@media (max-width: 1440px) {
  .standSolutions__cardItem {
    aspect-ratio: initial;
    min-height: 800px;
  }
}
@media (max-width: 768px) {
  .standSolutions__cardItem {
    aspect-ratio: 345/574;
    padding: 30px 20px;
    min-height: initial;
    max-height: 700px;
  }
}
.standSolutions__cardTop {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 440px;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .standSolutions__cardTop {
    gap: 10px;
  }
}
.standSolutions__cardImg {
  position: absolute;
  bottom: 140px;
  right: 0;
  width: calc(100% - 60px);
}
@media (max-width: 1550px) {
  .standSolutions__cardImg {
    bottom: 100px;
  }
}
@media (max-width: 1440px) {
  .standSolutions__cardImg {
    right: 0;
    left: initial;
    max-width: 880px;
  }
}
@media (max-width: 768px) {
  .standSolutions__cardImg {
    width: calc(100% - 20px);
    bottom: 90px;
  }
  .standSolutions__cardImg--hall {
    bottom: 120px;
  }
}
.standSolutions__cardImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.standSolutions__cardBot {
  display: flex;
  align-items: start;
  gap: 60px;
  position: relative;
  z-index: 5;
}
@media (max-width: 768px) {
  .standSolutions__cardBot {
    gap: 40px;
    flex-wrap: wrap;
  }
}
.standSolutions__cardBotItem {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.newsCard {
  padding-top: 60px;
}
.newsCard__wrap {
  display: flex;
  gap: 60px;
  flex-direction: column;
}
.newsCard__cardGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  row-gap: 40px;
}
@media (max-width: 1200px) {
  .newsCard__cardGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .newsCard__cardGrid {
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
  }
}
.newsCard__cardContainer {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 768px) {
  .newsCard__cardContainer {
    gap: 20px;
    justify-content: center;
  }
}
.newsCard__cardContainer:hover span {
  color: #2364af;
}
.newsCard__cardImg {
  display: flex;
  aspect-ratio: 587/587;
  width: 100%;
}
.newsCard__cardImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newsCard__text {
  display: flex;
  flex-direction: row;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .newsCard__text {
    flex-direction: column;
    padding: 0 10px;
  }
}
.newsCard__mainText {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.newsCard__dateText {
  display: flex;
}
.newsCard__button {
  display: flex;
  flex-direction: row;
  border: 1px solid var(--black);
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13.5px 32px;
  border-radius: 12px;
  align-self: center;
}
.newsCard__button svg rect {
  transition: all 0.3s ease;
}
.newsCard__button svg g g path {
  transition: all 0.3s ease;
}
.newsCard__button:hover {
  background-color: var(--black);
}
.newsCard__button:hover span {
  color: var(--white);
}
.newsCard__button:hover svg rect {
  fill: var(--white);
}
.newsCard__button:hover svg path {
  fill: var(--white);
}

.newsOne {
  display: flex;
}
.newsOne__wrap {
  display: flex;
  max-width: 1200px;
  justify-self: center;
  gap: 40px;
  flex-direction: column;
  padding-top: 60px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .newsOne__wrap {
    gap: 20px;
  }
}
.newsOne__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 10px;
}
.newsOne__img {
  aspect-ratio: 1200/600;
  display: flex;
  max-height: 600px;
}
.newsOne__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newsOne__content {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.newsOne__content span {
  font-family: var(--title-font-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 768px) {
  .newsOne__content span {
    font-size: 16px;
  }
}
.newsOne__content a {
  color: var(--red);
  transition: all 0.3s ease;
}
.newsOne__content a:hover {
  color: var(--black);
}
@media (max-width: 768px) {
  .newsOne__content {
    gap: 15px;
  }
}
.newsOne__back {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.moreNews {
  background-color: var(--gray);
  padding: 100px 0;
}
.moreNews__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: 100%;
}
@media (max-width: 768px) {
  .moreNews__wrap {
    gap: 30px;
  }
}
.moreNews__top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
}
.moreNews__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1200px) {
  .moreNews__cards {
    grid-template-columns: repeat(3, 587px);
    width: calc(100% + var(--container-padding) * 2);
    max-width: calc(100% + var(--container-padding) * 2);
    margin-left: calc(var(--container-padding) * -1);
    overflow: auto;
    overflow-y: hidden;
    padding: 0 var(--container-padding);
  }
  .moreNews__cards::-webkit-scrollbar {
    display: none;
  }
  .moreNews__cards {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
}
@media (max-width: 768px) {
  .moreNews__cards {
    grid-template-columns: repeat(3, 330px);
    gap: 10px;
  }
}
.moreNews__cardItem {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.moreNews__cardItem:hover span {
  color: #2364af;
}
.moreNews__cardItem span {
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .moreNews__cardItem {
    gap: 20px;
  }
}
.moreNews__cardImg {
  display: flex;
  width: 100%;
  aspect-ratio: 1;
}
.moreNews__cardImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.moreNews__cardContent {
  display: flex;
  align-items: start;
  gap: 10px;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .moreNews__cardContent {
    flex-direction: column;
    padding: 0 10px;
    gap: 20px;
  }
}
.moreNews__cardText {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.moreNews__cardText span:first-child.uppercase {
  word-break: break-word;
}
@media (max-width: 768px) {
  .moreNews__cardText {
    gap: 10px;
  }
}

.info {
  display: flex;
  padding-top: 60px;
}
.info__wrap {
  justify-self: center;
  text-align: center;
  gap: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.info__top {
  max-width: 740px;
  gap: 30px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .info__top {
    gap: 15px;
  }
}
.info__listImg {
  display: flex;
  flex-direction: row;
  gap: 10px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.info__listImg::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1024px) {
  .info__listImg {
    width: calc(100% + var(--container-padding) * 2);
    max-width: calc(100% + var(--container-padding) * 2);
    margin-left: calc(var(--container-padding) * -1);
    overflow: auto;
    overflow-y: hidden;
    padding: 0 var(--container-padding);
  }
  .info__listImg::-webkit-scrollbar {
    display: none;
  }
  .info__listImg {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
}
.info__img {
  aspect-ratio: 560/360;
  display: flex;
  max-width: 560px;
  width: 100%;
}
.info__img:first-child {
  aspect-ratio: 385/360;
  max-width: 385px;
}
.info__img:last-child {
  aspect-ratio: 385/360;
  max-width: 385px;
}
@media (max-width: 768px) {
  .info__img {
    aspect-ratio: 300/220 !important;
    max-width: 300px;
  }
}
@media (max-width: 1024px) {
  .info__img {
    min-width: 560px;
    aspect-ratio: 560/360 !important;
  }
}
.info__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.info__about {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
@media (max-width: 768px) {
  .info__about {
    gap: 15px;
  }
}

.about {
  display: flex;
  flex-direction: column;
  background-color: var(--black);
  padding: 200px 0;
}
@media screen and (max-width: 768px) {
  .about {
    padding: 80px 0;
  }
}
.about__wrap {
  gap: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about__title {
  max-width: 1000px;
  justify-self: center;
  text-align: center;
}
.about__content {
  display: grid;
  gap: 60px;
  align-items: flex-start;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1300px) {
  .about__content {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.about__leftContent {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .about__leftContent {
    width: 100%;
  }
}
.about__contentImg {
  width: 100%;
  aspect-ratio: 890/500;
  overflow: hidden;
}
.about__contentImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.about__contentText {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.about__contentText span {
  color: var(--white);
  font-family: var(--title-font-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 160%;
}
.about__rightContent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  row-gap: 30px;
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .about__rightContent {
    width: 100%;
    row-gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .about__rightContent {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.about__gridContent {
  display: flex;
  flex-direction: column;
  background-color: var(--white-10);
  gap: 20px;
  padding: 60px 0 0 30px;
  min-height: 263px;
}
@media screen and (max-width: 1280px) {
  .about__gridContent {
    padding: 40px 20px 20px 24px;
    min-height: 200px;
  }
}
@media screen and (max-width: 768px) {
  .about__gridContent {
    padding: 30px 20px;
    min-height: unset;
    gap: 10px;
  }
}

.advantages {
  background-color: var(--black);
  display: flex;
  flex-direction: column;
  padding-bottom: 200px;
}
@media (max-width: 768px) {
  .advantages {
    padding-bottom: 80px;
  }
}
.advantages__wrap {
  text-align: center;
  gap: 60px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .advantages__wrap {
    gap: 30px;
  }
}
.advantages__contentGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1150px) {
  .advantages__contentGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .advantages__contentGrid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.advantages__gridItem {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: var(--white-10);
  text-align: left;
  gap: 98px;
}
@media (max-width: 768px) {
  .advantages__gridItem {
    gap: 60px;
    padding: 30px 20px;
  }
}
.advantages__text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 507px;
}

.acquaintance {
  display: flex;
  background-color: var(--black);
  flex-direction: column;
  padding-bottom: 200px;
}
@media (max-width: 768px) {
  .acquaintance {
    padding-bottom: 80px;
  }
}
.acquaintance__wrap {
  gap: 60px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .acquaintance__wrap {
    gap: 30px;
  }
}
.acquaintance__title {
  max-width: 1000px;
}
.acquaintance__navItem {
  display: flex;
  opacity: 0.4;
  text-align: left;
}
.acquaintance__navItem.active {
  opacity: 1;
}
.acquaintance__sliderNavigation {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 400px;
  align-items: start;
}
@media (max-width: 768px) {
  .acquaintance__sliderNavigation {
    max-width: initial;
    gap: 15px;
  }
}
.acquaintance__swiper {
  display: flex;
  width: 100%;
}
.acquaintance__sliderWrap {
  display: flex;
  flex-direction: row;
  gap: 60px;
}
@media (max-width: 768px) {
  .acquaintance__sliderWrap {
    gap: 30px;
    flex-direction: column;
  }
}
.acquaintance__slideImg {
  aspect-ratio: 1340/600;
  display: flex;
}
.acquaintance__slideImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.acquaintance__slider {
  width: 100%;
}
.acquaintance__sliderPagination {
  height: 8px;
  position: relative;
  display: flex;
  width: fit-content;
  position: absolute;
  z-index: 2;
  left: 30px !important;
  bottom: 30px !important;
}
.acquaintance__sliderPagination .swiper-pagination-bullet {
  display: flex;
  position: initial;
  background-color: var(--white);
  border-radius: 100px;
  transition: all 0.3s ease;
}
.acquaintance__sliderPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
}
@media (max-width: 768px) {
  .acquaintance__sliderPagination {
    display: none;
  }
}

.point {
  display: flex;
}
.point__title {
  min-width: 395px;
}
.point__content {
  counter-reset: number;
  gap: 40px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .point__content {
    gap: 30px;
  }
}
.point__number::before {
  counter-increment: number;
  content: counter(number) ".";
  color: var(--black);
  font-weight: 800;
  font-family: var(--default-font-family);
  font-size: 48px;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .point__number::before {
    font-size: 24px;
  }
}
.point__wrap {
  display: flex;
  flex-direction: row;
  gap: 65px;
}
@media screen and (max-width: 1024px) {
  .point__wrap {
    gap: 30px;
    flex-direction: column;
  }
}
.point__listItem {
  max-width: 1340px;
  flex-direction: row;
  display: flex;
  gap: 16px;
}

.infoProject {
  display: flex;
  flex-direction: column;
  padding-top: 60px;
}
.infoProject__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.infoProject__title {
  align-items: center;
  gap: 40px;
  display: flex;
  flex-direction: column;
}
.infoProject__bottom {
  display: flex;
  flex-direction: column;
  gap: 30px;
  text-align: center;
  max-width: 1200px;
  align-items: center;
}
.infoProject__subtitle {
  max-width: 740px;
}
.infoProject__content {
  background-color: var(--black);
  gap: 200px;
  flex-direction: column;
  display: flex;
}
@media (max-width: 768px) {
  .infoProject__content {
    gap: 80px;
  }
}
.infoProject__character {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 90px;
}
@media (max-width: 768px) {
  .infoProject__character {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 40px;
    gap: 30px;
  }
}
.infoProject__characterItem {
  display: flex;
  gap: 20px;
  flex-direction: column;
  text-align: center;
}
@media (max-width: 768px) {
  .infoProject__characterItem {
    gap: 15px;
  }
}
.infoProject__contentWrap {
  display: flex;
  flex-direction: column;
  gap: 90px;
}
@media (max-width: 768px) {
  .infoProject__contentWrap {
    gap: 40px;
  }
}
.infoProject__imgList {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.infoProject__imgRow {
  display: grid;
  gap: 10px;
}
.infoProject__imgRow--2Img {
  grid-template-columns: repeat(2, 1fr);
}
.infoProject__imgRow--2Img .infoProject__imgItem {
  aspect-ratio: 895/560;
  width: 100%;
}
.infoProject__imgRow--2Img .infoProject__imgItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .infoProject__imgRow--2Img {
    grid-template-columns: repeat(1, 1fr);
  }
}
.infoProject__imgRow--3Img {
  grid-template-columns: repeat(3, 1fr);
}
.infoProject__imgRow--3Img .infoProject__imgItem {
  aspect-ratio: 594/370;
  width: 100%;
}
.infoProject__imgRow--3Img .infoProject__imgItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .infoProject__imgRow--3Img {
    grid-template-columns: repeat(1, 1fr);
  }
}
.infoProject__imgItem {
  position: relative;
  overflow: hidden;
}
.infoProject__imgItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.infoProject__about {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-bottom: 90px;
}
@media (max-width: 768px) {
  .infoProject__about {
    padding-bottom: 40px;
  }
}
.infoProject__aboutContent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
}
@media (max-width: 768px) {
  .infoProject__aboutContent {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
}
.infoProject__aboutWrap {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (max-width: 768px) {
  .infoProject__aboutWrap {
    gap: 40px;
  }
}
.infoProject__aboutTop {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.infoProject__advantages {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1440px) {
  .infoProject__advantages {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .infoProject__advantages {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
}
.infoProject__advantagesCard {
  display: flex;
  padding: 44px 30px;
  background-color: var(--white-10);
  align-items: center;
}
@media (max-width: 1440px) {
  .infoProject__advantagesCard {
    padding: 30px 20px;
  }
}

.tour {
  display: flex;
}
.tour__imgContainer {
  display: flex;
  aspect-ratio: 1800/850;
  position: relative;
}
.tour__imgContainer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(25, 31, 38, 0.8) 0%, rgba(25, 31, 38, 0) 100%);
}
.tour__imgContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 500px;
}
.tour__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  gap: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tour__button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  align-items: center;
}

.anotherProject {
  display: flex;
  flex-direction: column;
}
.anotherProject__wrap {
  gap: 60px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .anotherProject__wrap {
    gap: 30px;
  }
}
.anotherProject__cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .anotherProject__cards {
    gap: 10px;
  }
}
.anotherProject__rightItem {
  display: flex;
  flex-direction: column;
  padding: 80px 60px;
  gap: 40px;
  flex: 1;
}
@media (max-width: 768px) {
  .anotherProject__rightItem {
    padding: 30px 20px;
    gap: 30px;
  }
}
.anotherProject__cardItem {
  display: flex;
  flex-direction: row;
  background-color: var(--gray);
}
@media (max-width: 768px) {
  .anotherProject__cardItem {
    flex-direction: column;
  }
}
.anotherProject__cardText {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media (max-width: 768px) {
  .anotherProject__cardText {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.anotherProject__textItem {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .anotherProject__textItem {
    gap: 10px;
  }
}
.anotherProject__cardImg {
  width: 100%;
  aspect-ratio: 850/434;
  max-width: 850px;
  flex: 1;
}
.anotherProject__cardImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.anotherProject__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .anotherProject__content {
    gap: 10px;
  }
}
.anotherProject__item {
  display: grid;
  grid-template-columns: 1fr 850px;
  background-color: var(--gray);
  overflow: hidden;
  width: 100%;
}
@media (max-width: 1440px) {
  .anotherProject__item {
    grid-template-columns: 1fr 550px;
  }
}
@media (max-width: 1200px) {
  .anotherProject__item {
    grid-template-columns: 1fr;
  }
}
.anotherProject__left {
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.anotherProject__left span {
  color: var(--black);
}
@media (max-width: 768px) {
  .anotherProject__left {
    gap: 30px;
    padding: 30px 20px;
  }
}
.anotherProject__leftGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  gap: 40px;
}
@media (max-width: 768px) {
  .anotherProject__leftGrid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.anotherProject__leftGridItem {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .anotherProject__leftGridItem {
    gap: 10px;
  }
}
.anotherProject__img {
  display: flex;
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  .anotherProject__img {
    aspect-ratio: 850/434;
  }
}
.anotherProject__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solution {
  display: flex;
  background-color: var(--blue);
  padding: 100px 0;
}
.solution__wrap {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 40px;
  align-items: center;
}
.solution__title {
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}
.solution__subtitle {
  max-width: 740px;
}

.contact {
  display: flex;
  padding-top: 60px;
}
.contact__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.contact__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 100px;
  row-gap: 40px;
}
@media (max-width: 1024px) {
  .contact__grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
}
.contact__gridItem {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .contact__gridItem {
    gap: 15px;
  }
}
.contact__messengerContainer {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
@media (max-width: 768px) {
  .contact__messengerContainer {
    gap: 15px;
  }
  .contact__messengerContainer svg {
    width: 32px;
    height: 32px;
  }
}
.contact__maps {
  display: flex;
  position: relative;
}
@media (max-width: 1024px) {
  .contact__maps {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.contact__form {
  display: flex;
  background-color: var(--blue);
  padding: 60px 40px;
  max-width: 587px;
  flex-direction: column;
  gap: 30px;
  position: absolute;
  top: 40px;
  left: 40px;
  bottom: 40px;
  z-index: 1001;
}
@media (max-width: 1024px) {
  .contact__form {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    max-width: initial;
  }
}
.contact__formInputs {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.contact__input input {
  background-color: var(--white-10);
  border: 1px solid var(--white-10);
  width: 100%;
}
.contact__input textarea {
  background-color: var(--white-10);
  border: 1px solid var(--white-10);
  width: 100%;
}
.contact__formSubmit {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: start;
}
.contact__inputs {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.contact__ymaps {
  width: 100%;
  aspect-ratio: 1800/716;
  min-height: 716px;
}
@media (max-width: 768px) {
  .contact__ymaps {
    min-height: 600px;
    height: 600px;
  }
}
.contact__botContent {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.docs {
  background-color: var(--gray);
  padding: 100px 0;
  width: 100%;
}
@media (max-width: 768px) {
  .docs {
    padding: 60px 0;
  }
}
.docs__wrap {
  display: flex;
  gap: 80px;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .docs__wrap {
    gap: 30px;
  }
}
.docs__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.docs__cards--2cards {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1200px) {
  .docs__cards {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .docs__cards {
    gap: 10px;
  }
}
.docs__card {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  padding: 60px 40px;
  background-color: var(--white);
}
.docs__card img {
  height: 100px;
}
@media (max-width: 768px) {
  .docs__card img {
    height: 60px;
  }
}
@media (max-width: 768px) {
  .docs__card {
    padding: 40px 20px;
    gap: 30px;
  }
}

.call {
  background-color: var(--blue);
  padding: 100px 0;
  width: 100%;
}
@media (max-width: 768px) {
  .call {
    padding: 60px 0;
  }
}
.call__wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
@media (max-width: 768px) {
  .call__wrap {
    gap: 25px;
  }
}
.call__text {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}
.call__text h2 {
  max-width: 1200px;
}
.call__text span {
  max-width: 740px;
}
@media (max-width: 768px) {
  .call__text {
    gap: 15px;
  }
}

.robotView2 {
  background-color: var(--black);
  padding: 200px 0 90px 0;
  margin-top: -100px;
}
@media (max-width: 768px) {
  .robotView2 {
    padding: 100px 0 40px 0;
    margin-top: -35px;
  }
}
.robotView2__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.robotView2__wrap .robotView__main {
  aspect-ratio: 1920/930;
  width: 100%;
}
@media (max-width: 768px) {
  .robotView2__wrap {
    gap: 0;
  }
}
.robotView2__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
@media (max-width: 768px) {
  .robotView2__top {
    margin-bottom: 20px;
    gap: 20px;
  }
}
.robotView2__titleWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  max-width: 1000px;
}
@media (max-width: 768px) {
  .robotView2__titleWrap {
    gap: 15px;
  }
}
.robotView2__titleWrap span {
  max-width: 740px;
}
.robotView2__bot {
  display: flex;
  align-items: center;
  gap: 100px;
  width: 100%;
}
@media (max-width: 1200px) {
  .robotView2__bot {
    flex-direction: column;
    gap: 60px;
  }
}
@media (max-width: 768px) {
  .robotView2__bot {
    gap: 30px;
  }
}
.robotView2__botLeft {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  max-width: 350px;
}
@media (max-width: 1200px) {
  .robotView2__botLeft {
    align-items: center;
  }
  .robotView2__botLeft * {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .robotView2__botLeft {
    gap: 10px;
  }
}
.robotView2__botCards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  width: 100%;
}
@media (max-width: 1024px) {
  .robotView2__botCards {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .robotView2__botCards {
    gap: 30px;
  }
}
.robotView2__botCardItem {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1024px) {
  .robotView2__botCardItem {
    align-items: center;
  }
  .robotView2__botCardItem * {
    text-align: center;
  }
}

.howWork {
  overflow: hidden;
}
.howWork__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (max-width: 768px) {
  .howWork__wrap {
    gap: 30px;
  }
}
.howWork__top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: end;
  gap: 60px;
}
@media (max-width: 768px) {
  .howWork__desktopLink {
    display: none;
  }
}
.howWork__mobileLink {
  display: none;
}
@media (max-width: 768px) {
  .howWork__mobileLink {
    display: flex;
    position: relative;
    z-index: 2;
  }
}
.howWork__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px 40px;
  counter-reset: cards;
}
@media (max-width: 1200px) {
  .howWork__cards {
    grid-template-columns: repeat(2, 1fr);
    max-width: 800px;
    align-self: center;
  }
}
@media (max-width: 768px) {
  .howWork__cards {
    display: flex;
    flex-direction: column;
    align-items: start;
    max-width: 100%;
    gap: 50px;
  }
}
.howWork__cardItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 768px) {
  .howWork__cardItem {
    flex-direction: row-reverse;
    gap: 20px;
    justify-content: initial;
    align-items: start;
  }
}
.howWork__cardItem:first-child .howWork__cardIndicator::after {
  content: "";
  width: 100vw;
  height: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-bottom: 1px dashed var(--blue);
}
@media (max-width: 768px) {
  .howWork__cardItem:first-child .howWork__cardIndicator::after {
    width: 0;
    height: 10000px;
    border-left: 1px dashed var(--blue);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.howWork__cardItem:last-child .howWork__cardIndicator::after {
  content: "";
  width: 100vw;
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-bottom: 1px dashed var(--blue);
}
@media (max-width: 768px) {
  .howWork__cardItem:last-child .howWork__cardIndicator::after {
    width: 10px;
    height: 1000px;
    border-bottom: none;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--white);
  }
}
@media (max-width: 1200px) {
  .howWork__cardItem:nth-child(3) .howWork__cardIndicator::after, .howWork__cardItem:nth-child(5) .howWork__cardIndicator::after {
    content: "";
    width: 200vw;
    height: 0;
    position: absolute;
    right: -100vw;
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 1px dashed var(--blue);
  }
}
@media (max-width: 1200px) and (max-width: 768px) {
  .howWork__cardItem:nth-child(3) .howWork__cardIndicator::after, .howWork__cardItem:nth-child(5) .howWork__cardIndicator::after {
    display: none;
  }
}
.howWork__cardMain {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media (max-width: 768px) {
  .howWork__cardMain {
    flex-direction: column-reverse;
    align-items: start;
    gap: 30px;
  }
}
.howWork__cardImg {
  width: 100%;
  aspect-ratio: 420/263;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .howWork__cardImg {
    aspect-ratio: 293/150;
    max-height: 150px;
    justify-content: start;
  }
}
.howWork__cardImg img {
  height: 200px;
  max-height: 100%;
}
@media (max-width: 768px) {
  .howWork__cardImg img {
    height: 150px;
  }
}
.howWork__cardText {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (max-width: 768px) {
  .howWork__cardText {
    align-items: start;
  }
  .howWork__cardText * {
    text-align: left !important;
  }
}
.howWork__cardIndicator {
  display: flex;
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--blue);
  margin-top: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .howWork__cardIndicator {
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin-top: 0;
  }
}
.howWork__cardIndicator::before {
  counter-increment: cards;
  content: counter(cards);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--default-font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: var(--white);
  position: relative;
  z-index: 2;
}

.robotHallMain {
  background-color: var(--black);
  padding: 200px 0 90px 0;
  margin-top: -100px;
}
@media (max-width: 768px) {
  .robotHallMain {
    padding: 100px 0 40px 0;
    margin-top: -35px;
  }
}
.robotHallMain__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.robotHallMain__wrap .robotView__main {
  aspect-ratio: 1920/930;
  width: 100%;
}
@media (max-width: 768px) {
  .robotHallMain__wrap {
    gap: 0;
  }
}
.robotHallMain__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
@media (max-width: 768px) {
  .robotHallMain__top {
    margin-bottom: 20px;
    gap: 20px;
  }
}
.robotHallMain__titleWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  max-width: 1000px;
}
@media (max-width: 768px) {
  .robotHallMain__titleWrap {
    gap: 15px;
  }
}
.robotHallMain__titleWrap span {
  max-width: 740px;
}
.robotHallMain__imageWrap {
  width: 100%;
  max-width: 1560px;
  position: relative;
  margin: 0 auto;
}
.robotHallMain__img {
  width: 100%;
  height: 100%;
}
.robotHallMain__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.robotHallMain__cards {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: start;
  gap: 30px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  .robotHallMain__cards {
    position: initial !important;
    margin-top: 40px;
  }
}
@media (max-width: 1100px) {
  .robotHallMain__cards {
    align-items: center;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .robotHallMain__cards {
    gap: 30px;
  }
}
.robotHallMain__botCardItem {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.robotHallMain__botCardItem:nth-child(1) {
  top: 5%;
  right: -8%;
}
.robotHallMain__botCardItem:nth-child(1) * {
  text-align: right;
}
@media (max-width: 1850px) {
  .robotHallMain__botCardItem:nth-child(1) {
    top: -5%;
    right: 0;
  }
}
.robotHallMain__botCardItem:nth-child(2) {
  top: 20%;
  left: -8%;
}
@media (max-width: 1850px) {
  .robotHallMain__botCardItem:nth-child(2) {
    top: 12%;
    left: 0;
  }
}
.robotHallMain__botCardItem:nth-child(3) {
  bottom: 15%;
  right: -8%;
}
.robotHallMain__botCardItem:nth-child(3) * {
  text-align: right;
}
@media (max-width: 1850px) {
  .robotHallMain__botCardItem:nth-child(3) {
    bottom: 5%;
    right: 0%;
  }
}
@media (max-width: 1200px) {
  .robotHallMain__botCardItem {
    position: initial !important;
    top: initial !important;
    bottom: initial !important;
    left: initial !important;
    right: initial !important;
  }
  .robotHallMain__botCardItem * {
    text-align: left !important;
  }
}
@media (max-width: 1100px) {
  .robotHallMain__botCardItem {
    align-items: center;
  }
  .robotHallMain__botCardItem * {
    text-align: center;
  }
}

.hallChars__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.hallChars__wrap > h2 {
  max-width: 1000px;
}
@media (max-width: 768px) {
  .hallChars__wrap {
    gap: 30px;
  }
}
.hallChars__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1440px) {
  .hallChars__cards {
    display: flex;
    overflow: auto;
    margin-left: calc(var(--container-padding) * -1);
    padding: 0 var(--container-padding);
    width: calc(100% + var(--container-padding) * 2);
  }
}
@media (max-width: 768px) {
  .hallChars__cards {
    gap: 10px;
  }
}
.hallChars__cardItem {
  display: flex;
  align-items: end;
  padding: 40px 30px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 435/600;
}
@media (max-width: 1440px) {
  .hallChars__cardItem {
    min-width: 435px;
  }
}
@media (max-width: 768px) {
  .hallChars__cardItem {
    padding: 30px 20px;
    min-width: 300px;
  }
}
.hallChars__cardItem img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.hallChars__cardItem::after {
  background: linear-gradient(180deg, rgba(25, 31, 38, 0) 0%, rgba(25, 31, 38, 0.8) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  content: "";
}
.hallChars__cardItem span {
  position: relative;
  z-index: 3;
  word-break: break-word;
}

.solWork__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (max-width: 768px) {
  .solWork__wrap {
    gap: 30px;
  }
}
.solWork__top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 40px;
  align-items: center;
}
@media (max-width: 1200px) {
  .solWork__top {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .solWork__top {
    gap: 15px;
  }
}
.solWork__top span:last-child {
  text-align: right;
}
@media (max-width: 1200px) {
  .solWork__top span:last-child {
    text-align: left;
  }
}
.solWork__slider {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 40px;
}
@media (max-width: 1200px) {
  .solWork__slider {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .solWork__slider {
    gap: 30px;
  }
}
.solWork__navigation {
  display: flex;
  flex-direction: column;
  /* max-height: ?; recalc in js */
  overflow: auto;
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.solWork__navigation::-webkit-scrollbar {
  display: none;
  width: 0;
  background: transparent;
}
@media (max-width: 1200px) {
  .solWork__navigation {
    max-height: 400px !important;
  }
}
@media (max-width: 768px) {
  .solWork__navigation {
    max-height: 250px;
  }
}
.solWork__navItem {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
  padding: 30px 0;
  border-top: 1px solid rgba(25, 31, 38, 0.2);
  border-bottom: 1px solid rgba(25, 31, 38, 0.2);
  cursor: pointer;
}
.solWork__navItem > span:first-child {
  opacity: 0.4;
  transition: all 0.3s ease;
}
.solWork__navItem:hover > span:first-child {
  opacity: 1;
}
.solWork__navItem.active > span:first-child {
  opacity: 1;
}
.solWork__navItem span {
  text-align: left;
}
.solWork__navItem:first-child {
  border-top: none;
}
.solWork__navItem:last-child {
  border-bottom: none;
}
@media (max-width: 768px) {
  .solWork__navItem {
    padding: 20px 0;
  }
}
.solWork__navDescr {
  display: flex;
  height: 0;
  max-height: 0;
  overflow: hidden;
}
.solWork__swiper {
  display: flex;
  width: 100%;
  aspect-ratio: 1400/520;
}
@media (max-width: 768px) {
  .solWork__swiper {
    aspect-ratio: 345/279;
  }
}
.solWork__slide {
  width: 100%;
  height: 100%;
  background-color: var(--white);
}
.solWork__slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.solWork__slide img:last-child {
  display: none;
}
@media (max-width: 768px) {
  .solWork__slide img:last-child {
    display: initial;
  }
  .solWork__slide img:first-child {
    display: none;
  }
}

.features__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (max-width: 768px) {
  .features__wrap {
    gap: 30px;
  }
}
.features__wrap h2 {
  max-width: 1000px;
}
.features__table {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.features__row {
  display: grid;
  grid-template-columns: calc(42% - 50px) calc(58% - 50px);
  gap: 100px;
  align-items: start;
  min-height: 184px;
  padding: 60px 0;
  border-bottom: 1px solid rgba(25, 31, 38, 0.2);
}
.features__row:last-child {
  border-bottom: none;
}
@media (max-width: 1024px) {
  .features__row {
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .features__row {
    padding: 30px 0;
  }
  .features__row:last-child {
    padding-bottom: 0;
  }
  .features__row:first-child {
    padding-top: 0;
  }
}

.softBanner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  padding-top: 60px;
}
.softBanner__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  gap: 40px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .softBanner__top {
    gap: 20px;
  }
}
.softBanner__titleWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
@media (max-width: 768px) {
  .softBanner__titleWrap {
    gap: 15px;
  }
}
.softBanner__titleWrap h1 {
  word-break: break-word;
}
.softBanner__titleWrap span {
  max-width: 740px;
}
.softBanner__bgWrap {
  position: relative;
  width: 100%;
  padding-bottom: 90px;
}
@media (max-width: 768px) {
  .softBanner__bgWrap {
    padding-bottom: 40px;
  }
}
.softBanner__bgWrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background-color: var(--black);
}
@media (max-width: 768px) {
  .softBanner__bgWrap::after {
    height: 85%;
  }
}
.softBanner__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 100px;
}
@media (max-width: 768px) {
  .softBanner__content {
    gap: 40px;
  }
}
.softBanner__content img {
  width: 100%;
  max-width: 1400px;
  object-fit: contain;
}
.softBanner__infoItems {
  width: 100%;
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  align-items: start;
}
@media (max-width: 768px) {
  .softBanner__infoItems {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.softBanner__infoItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .softBanner__infoItem {
    gap: 10px;
  }
}

.softDescr__wrap {
  display: flex;
  width: 100%;
  align-items: start;
  gap: 60px;
}
@media (max-width: 1024px) {
  .softDescr__wrap {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .softDescr__wrap {
    gap: 30px;
  }
}
.softDescr__content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 60px;
  width: 100%;
  max-width: 890px;
}
@media (max-width: 1024px) {
  .softDescr__content {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .softDescr__content {
    gap: 20px;
  }
}
.softDescr__textWrap {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 30px;
}
@media (max-width: 768px) {
  .softDescr__textWrap {
    gap: 15px;
  }
}
.softDescr__text {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}
@media (max-width: 768px) {
  .softDescr__text {
    gap: 10px;
  }
}
.softDescr__image {
  display: flex;
  width: 100%;
  max-width: 850px;
  aspect-ratio: 850/500;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .softDescr__image {
    max-width: 100%;
  }
}
.softDescr__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.system__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: 100%;
}
@media (max-width: 768px) {
  .system__wrap {
    gap: 30px;
  }
}
.system__top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 60px;
}
.system__titleWrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  max-width: 1200px;
}
@media (max-width: 768px) {
  .system__titleWrap {
    gap: 15px;
  }
}
.system__slider {
  display: flex;
  width: 100%;
  position: relative;
}
.system__slide {
  display: grid;
  grid-template-columns: 585px 1fr;
  gap: 20px;
  align-items: start;
  background-color: var(--white);
}
@media (max-width: 1550px) {
  .system__slide {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .system__slide {
    gap: 10px;
  }
}
.system__slideInfo {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 90px 40px 100px 40px;
  background-color: var(--gray);
  height: 100%;
}
@media (max-width: 1550px) {
  .system__slideInfo {
    min-height: 450px;
    width: 100%;
  }
  .system__slideInfo span {
    max-width: 800px;
  }
}
@media (max-width: 768px) {
  .system__slideInfo {
    min-height: 300px;
    padding: 65px 20px 80px 20px;
  }
}
.system__slideImg {
  display: flex;
  width: 100%;
  aspect-ratio: 1193/585;
}
.system__slideImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.system__sliderPagination {
  position: absolute;
  top: 40px;
  left: 40px;
  display: flex;
  z-index: 10;
  height: fit-content;
  width: fit-content;
  color: var(--blue);
  font-family: var(--default-font-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
}
@media (max-width: 768px) {
  .system__sliderPagination {
    top: 30px;
    left: 20px;
    font-size: 14px;
  }
}
.system__sliderNavigation {
  position: absolute;
  bottom: 40px;
  left: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 10;
}
@media (max-width: 1550px) {
  .system__sliderNavigation {
    bottom: initial;
    top: 360px;
  }
}
@media (max-width: 768px) {
  .system__sliderNavigation {
    top: 230px;
    left: 20px;
  }
}
.system__sliderNav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--black);
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .system__sliderNav {
    width: 40px;
  }
  .system__sliderNav svg {
    width: 16px;
    height: 16px;
  }
}
.system__sliderNav.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
@media (max-width: 1200px) {
  .system__desktopBtn {
    display: none;
  }
}
.system__mobileBtn {
  display: none;
}
@media (max-width: 1200px) {
  .system__mobileBtn {
    display: flex;
  }
}

.dashboard {
  background-color: var(--black);
  padding: 200px 0;
}
@media (max-width: 768px) {
  .dashboard {
    padding: 80px 0;
  }
}
.dashboard__wrap {
  display: flex;
  align-items: start;
  gap: 60px;
  width: 100%;
}
@media (max-width: 1440px) {
  .dashboard__wrap {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .dashboard__wrap {
    gap: 30px;
  }
}
.dashboard__info {
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  max-width: 800px;
}
@media (max-width: 1440px) {
  .dashboard__info {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .dashboard__info {
    gap: 30px;
  }
}
.dashboard__text {
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 768px) {
  .dashboard__text {
    gap: 15px;
  }
}
.dashboard__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  counter-reset: grid;
  width: 100%;
}
@media (max-width: 768px) {
  .dashboard__cards {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.dashboard__cardItem {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: start;
  padding: 30px;
  background: rgba(255, 255, 255, 0.0509803922);
}
@media (max-width: 768px) {
  .dashboard__cardItem {
    padding: 30px 20px;
  }
}
.dashboard__cardItemIndicator::before {
  counter-increment: grid;
  content: counter(grid, decimal-leading-zero);
}
.dashboard__img {
  display: flex;
  width: 100%;
  max-width: 940px;
  aspect-ratio: 940/732;
}
@media (max-width: 1440px) {
  .dashboard__img {
    margin: 0 auto;
  }
}
.dashboard__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* dealersPage */
.dealersMain {
  padding-top: 60px;
}
.dealersMain__map {
  width: 100%;
  min-height: 760px;
  height: 760px;
  position: relative;
}
@media (max-width: 768px) {
  .dealersMain__map {
    min-height: 600px;
    height: 600px;
  }
}
.dealersMain__ymaps {
  width: 100%;
  aspect-ratio: 1920/760;
  min-height: 760px;
  height: 760px;
}
@media (max-width: 768px) {
  .dealersMain__ymaps {
    min-height: 600px;
    height: 600px;
  }
}
.dealersMain__markers {
  display: none;
}
.dealersMain__marker {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.dealersMain__marker.active svg path {
  fill: #eb1e1e;
}
.dealersMain__markerPoint {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.dealersMain__wrap {
  width: 100%;
  position: relative;
}
.dealersMain__tabs {
  position: absolute;
  top: 30px;
  left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1024px) {
  .dealersMain__tabs {
    position: initial;
    margin: 0 auto;
    justify-content: center;
    margin-bottom: 20px;
  }
}
.dealersMain__tabItem {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0 20px;
  border-radius: 100px;
  background-color: var(--gray);
  height: 44px;
  transition: all 0.3s ease;
}
.dealersMain__tabItem span {
  transition: all 0.3s ease;
}
@media (max-width: 1024px) {
  .dealersMain__tabItem {
    background-color: var(--gray);
  }
}
@media (max-width: 768px) {
  .dealersMain__tabItem {
    height: 34px;
    padding: 0 16px;
  }
}
.dealersMain__tabItem:not(.active):hover {
  background-color: var(--black);
}
.dealersMain__tabItem:not(.active):hover span {
  color: var(--white);
}
.dealersMain__tabItem.active {
  background-color: var(--red) !important;
}
.dealersMain__tabItem.active span {
  color: var(--white) !important;
}
.dealersMain__popupsWrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1024px) {
  .dealersMain__popupsWrap {
    top: initial;
    bottom: 0;
  }
}
.dealersMain__popup {
  position: absolute;
  top: 112px;
  left: var(--container-padding);
  width: 100%;
  max-width: 500px;
  max-height: 620px;
  overflow: auto;
  background-color: var(--white);
  flex-direction: column;
  align-items: start;
  gap: 40px;
  padding: 30px;
  display: none;
}
.dealersMain__popup.active {
  display: flex;
}
@media (max-width: 1024px) {
  .dealersMain__popup {
    left: 50%;
    transform: translateX(-50%);
    top: initial;
    bottom: 20px;
  }
}
@media (max-width: 768px) {
  .dealersMain__popup {
    max-width: calc(100% - 40px);
    max-height: 490px;
    gap: 30px;
    padding: 20px;
  }
}
.dealersMain__popupClose {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.dealersMain__popupTop {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 30px;
}
@media (max-width: 768px) {
  .dealersMain__popupTop {
    gap: 20px;
  }
}
.dealersMain__popupLogo {
  display: flex;
  max-width: 200px;
}
@media (max-width: 768px) {
  .dealersMain__popupLogo {
    max-width: 130px;
  }
}
.dealersMain__popupLogo img {
  width: 100%;
}
.dealersMain__popupTitle {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 15px;
}
.dealersMain__popupContent {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 30px;
}
@media (max-width: 768px) {
  .dealersMain__popupContent {
    gap: 20px;
  }
}
.dealersMain__popupContentItem {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
}
.dealersMain__popupFlexCol {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
}
.dealersMain__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  margin-bottom: 60px;
}
@media (max-width: 1440px) {
  .dealersMain__top {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
  .dealersMain__top * {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .dealersMain__top {
    gap: 15px;
    margin-bottom: 40px;
  }
}
.dealersMain__top span {
  max-width: 600px;
}
.dealersMain__list {
  display: flex;
  width: 100%;
  padding-top: 104px;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .dealersMain__list {
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  .dealersMain__list {
    gap: 30px;
    padding-top: 0;
  }
}
.dealersMain__listItem {
  display: grid;
  grid-template-columns: 540px 1fr;
  gap: 60px;
  padding-bottom: 40px;
}
@media (max-width: 1024px) {
  .dealersMain__listItem {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-bottom: 0;
  }
}
.dealersMain__listItemLogo {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--gray);
  padding: 20px;
}
@media (max-width: 1024px) {
  .dealersMain__listItemLogo {
    min-height: 175px;
  }
}
.dealersMain__listItemLogo img {
  width: 100%;
  max-width: 400px;
}
@media (max-width: 768px) {
  .dealersMain__listItemLogo img {
    max-width: 260px;
  }
}
.dealersMain__listItemContent {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 30px;
  padding-top: 20px;
}
.dealersMain__listItemContent a {
  color: var(--black);
}
@media (max-width: 1024px) {
  .dealersMain__listItemContent {
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .dealersMain__listItemContent {
    gap: 20px;
  }
}
.dealersMain__listItemTitle {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 15px;
}
@media (max-width: 768px) {
  .dealersMain__listItemTitle {
    margin-bottom: 10px;
  }
}
.dealersMain__listContentItem {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
}
.dealersMain__listContentFlex {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1440px) {
  .dealersMain__listContentFlex {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .dealersMain__listContentFlex {
    gap: 20px;
  }
}
.dealersMain__listContentFlex .dealersMain__phoneLink {
  white-space: nowrap;
}
.dealersMain__tabContent {
  display: none;
}
.dealersMain__tabContent.active {
  display: flex;
}

.dealersAdv__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (max-width: 768px) {
  .dealersAdv__wrap {
    gap: 30px;
  }
}
.dealersAdv__top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 60px;
}
.dealersAdv__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1800px) {
  .dealersAdv__cards {
    width: calc(100% + var(--container-padding) * 2);
    max-width: calc(100% + var(--container-padding) * 2);
    margin-left: calc(var(--container-padding) * -1);
    padding: 0 var(--container-padding);
    overflow: auto;
  }
}
@media (max-width: 768px) {
  .dealersAdv__cards {
    gap: 10px;
  }
}
.dealersAdv__cardItem {
  display: flex;
  align-items: end;
  padding: 40px 30px;
  width: 100%;
  aspect-ratio: 435/600;
  position: relative;
}
@media (max-width: 1800px) {
  .dealersAdv__cardItem {
    min-width: 435px;
  }
}
@media (max-width: 768px) {
  .dealersAdv__cardItem {
    min-width: 300px;
    padding: 30px 20px;
  }
}
.dealersAdv__cardItem img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dealersAdv__cardItem::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(25, 31, 38, 0) 0%, rgba(25, 31, 38, 0.8) 100%);
  z-index: 2;
}
.dealersAdv__cardText {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dealersAdv__cardText span:first-child {
  word-break: break-word;
}
@media (max-width: 1024px) {
  .dealersAdv__desktopBtn {
    display: none;
  }
}
.dealersAdv__mobileBtn {
  display: none;
}
@media (max-width: 1024px) {
  .dealersAdv__mobileBtn {
    display: flex;
  }
}

/* projects page */
.projectsMap {
  padding-top: 60px;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .projectsMap {
    margin-bottom: 60px;
  }
}
.projectsMap__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  margin-bottom: 60px;
}
@media (max-width: 1440px) {
  .projectsMap__top {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
  .projectsMap__top * {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .projectsMap__top {
    gap: 15px;
    margin-bottom: 40px;
  }
}
.projectsMap__top span {
  max-width: 600px;
}
.projectsMap__map {
  width: 100%;
  min-height: 760px;
  height: 760px;
  position: relative;
}
@media (max-width: 768px) {
  .projectsMap__map {
    min-height: 600px;
    height: 600px;
  }
}
.projectsMap__ymaps {
  width: 100%;
  aspect-ratio: 1920/760;
  min-height: 760px;
  height: 760px;
}
@media (max-width: 768px) {
  .projectsMap__ymaps {
    min-height: 600px;
    height: 600px;
  }
}
.projectsMap__popupsWrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1024px) {
  .projectsMap__popupsWrap {
    top: initial;
    bottom: 0;
  }
}
.projectsMap__popup {
  position: absolute;
  top: 60px;
  left: var(--container-padding);
  width: 100%;
  max-width: 500px;
  max-height: 620px;
  overflow: auto;
  background-color: var(--white);
  flex-direction: column;
  align-items: start;
  gap: 40px;
  padding: 30px;
  display: none;
}
.projectsMap__popup.active {
  display: flex;
}
@media (max-width: 1024px) {
  .projectsMap__popup {
    left: 50%;
    transform: translateX(-50%);
    top: initial;
    bottom: 20px;
  }
}
@media (max-width: 768px) {
  .projectsMap__popup {
    max-width: calc(100% - 40px);
    max-height: 490px;
    gap: 30px;
    padding: 20px;
  }
}
.projectsMap__popupClose {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.projectsMap__popupTop {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 40px;
}
@media (max-width: 768px) {
  .projectsMap__popupTop {
    gap: 30px;
  }
}
.projectsMap__popupLogo {
  display: flex;
  max-width: 200px;
}
@media (max-width: 768px) {
  .projectsMap__popupLogo {
    max-width: 130px;
  }
}
.projectsMap__popupLogo img {
  width: 100%;
}
.projectsMap__popupTitle {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 15px;
}
.projectsMap__popupContent {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 30px;
}
@media (max-width: 768px) {
  .projectsMap__popupContent {
    gap: 20px;
  }
}
.projectsMap__popupContentItem {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}
@media (max-width: 768px) {
  .projectsMap__popupContentItem {
    gap: 10px;
  }
}

.projectsList__wrap {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (max-width: 768px) {
  .projectsList__wrap {
    gap: 40px;
  }
}
.projectsList__filters {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 950px) {
  .projectsList__filters {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .projectsList__filters {
    gap: 30px;
  }
}
.projectsList__filterItem {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
  max-width: 420px;
}
@media (max-width: 950px) {
  .projectsList__filterItem {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .projectsList__filterItem {
    gap: 10px;
  }
}
.projectsList__filterItem:has(.projectsList__filterMenu.active) {
  z-index: 3;
}
.projectsList__filterItemValue {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 50px 0 30px;
  border-radius: 100px;
  background-color: var(--gray);
  height: 60px;
}
.projectsList__filterItemValue span {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.projectsList__filterItemValue svg {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.projectsList__filterItemValue.active svg {
  transform: translateY(-50%) rotateX(-180deg);
}
.projectsList__filterMenu {
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  width: 100%;
  background-color: var(--white);
  border: 2px solid #f6f6f7;
  border-radius: 30px;
  padding: 30px;
  flex-direction: column;
  gap: 30px;
  display: none;
}
.projectsList__filterMenu.active {
  display: flex;
}
@media (max-width: 768px) {
  .projectsList__filterMenu {
    top: calc(100% + 10px);
    padding: 20px;
    border-radius: 20px;
  }
}
.projectsList__filterInput {
  display: flex;
  align-items: center;
  gap: 15px;
  transition: all 0.3s ease;
}
.projectsList__filterInput input {
  display: none;
}
.projectsList__filterInput:not(:has(input:checked)) {
  opacity: 0.6;
}
.projectsList__filterInput:has(input:checked) .projectsList__filterIndicator {
  background-color: var(--black);
}
.projectsList__filterInput * {
  transition: all 0.3s ease;
}
.projectsList__filterIndicator {
  width: 12px;
  min-width: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid var(--black);
}
.projectsList__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .projectsList__content {
    gap: 10px;
  }
}
.projectsList__item {
  display: grid;
  grid-template-columns: 1fr 850px;
  background-color: var(--gray);
  overflow: hidden;
  width: 100%;
}
@media (max-width: 1440px) {
  .projectsList__item {
    grid-template-columns: 1fr 550px;
  }
}
@media (max-width: 1200px) {
  .projectsList__item {
    grid-template-columns: 1fr;
  }
}
.projectsList__left {
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.projectsList__left span {
  color: var(--black);
}
@media (max-width: 768px) {
  .projectsList__left {
    gap: 30px;
    padding: 30px 20px;
  }
}
.projectsList__leftGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  gap: 40px;
}
@media (max-width: 768px) {
  .projectsList__leftGrid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.projectsList__leftGridItem {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .projectsList__leftGridItem {
    gap: 10px;
  }
}
.projectsList__img {
  display: flex;
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  .projectsList__img {
    aspect-ratio: 850/434;
  }
}
.projectsList__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.modal.center {
  grid-template-columns: 1fr;
  width: fit-content;
  padding: 40px;
}

.loader {
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}