/* @import './fonts.css'; */

@font-face {
  font-family: 'Roboto';
  src: url('/assets/Roboto-Variable-746kZxMU.woff2') format('woff2'),
    url('/assets/Roboto-Variable-B-jwIJH_.woff') format('woff');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font-family: 'Roboto', sans-serif;
  --HeaderHeight: calc(clamp(3.688rem, calc(3.399rem + 1.23vw), 4.875rem) - 4px); /* min: 59px, max: 78px */
  --px: clamp(1rem, calc(0rem + 2.083vw), 2.5rem); /* min: 16px, max: 40px */
  --heightHeader: clamp(
    3.688rem,
    calc(2.33rem + 2.827vw),
    4.875rem
  ); /* min: 59px, max: 78px 768-1440 */

  @media (max-width: 1000px) {
    --px: clamp(0.5rem, calc(0.023rem + 2.036vw), 1rem); /* min: 8px, max: 16px */
  }
}

html {
  overflow-x: hidden;
}

body {
  overflow-x: clip;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

  /* box-shadow: inset 0 0 0 1px red; */
  outline: none;
  /* -webkit-tap-highlight-color: transparent; */

  /* Для Chrome, Safari и других WebKit-браузеров */
  /* &::-webkit-scrollbar {
    display: none;
  }
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none; */
}

.GlobalLayout, #root {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 100%;
  background: #fff;
  & > *:not(.Popup) {
    width: 100%;
  }
}

.px {
  padding-left: var(--px);
  padding-right: var(--px);
}

.mx {
  margin-left: var(--px);
  margin-right: var(--px);
}

button {
  border: none;
  background: none;
  outline: none;
}

.pt-header {
  padding-top: var(--HeaderHeight);
  z-index: 40;
}

.mt-header {
  margin-top: var(--HeaderHeight);
}

.grid-show {
  outline: 2px dashed red;
  * {
    outline: 2px dashed red;
  }
}

.horizon-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ButtonArrow {
  gap: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  color: #000;
  transition: opacity 0.3s ease-out;

  /* padding: 6px 0; */
  max-width: 100vw;
  .Button {
    padding: 0;
    font-size: clamp(1.5rem, calc(1.136rem + 1.553vw), 3rem);
    /* min: 48px, max: 24px */
  }
  .ButtonArrow-icon {
    --size: clamp(2rem, calc(1.818rem + 0.777vw), 2.75rem); /* min: 32px, max: 44px */
    height: var(--size);
    width: var(--size);
    cursor: pointer;

    margin-top: 4px !important;
  }

  &.sm {
    gap: 8px;
    .Button {
      font-size: clamp(1rem, calc(0.879rem + 0.518vw), 1.5rem);
    }
    svg {
      width: 24px;
      height: 24px;
      /* margin-top: 5%; */
    }
  }
  &.isHideUnderline {
    .Button {
      &::before {
        display: none !important;
      }
    }
  }

  &.ghostLink {
    svg,
    .Button {
      opacity: 0.5;
    }
    @media (hover: hover) {
      &:hover {
        .Button,
        svg {
          opacity: 1;
        }
      }
    }

    &:active,
    &:focus-visible {
      .Button,
      svg {
        opacity: 1;
      }
    }
  }

  &.link {
    .Button,
    svg {
      opacity: 1;
    }
    @media (hover: hover) {
      &:hover {
        .Button,
        svg {
          opacity: 0.5;
        }
      }
    }
    &:active,
    &:focus-visible {
      .Button,
      svg {
        opacity: 0.5;
      }
    }
  }

  &.left {
    .Button {
      order: 2;
    }
    svg {
      transform: scaleX(-1);
    }
  }
}

.opacityBeforePreloader {
  &.showPreloader {
    opacity: 0;
  }

  &.hidePreloader {
    opacity: 1;
    animation: Opacity 1.5s ease-out;
  }
}

@keyframes Opacity {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
}/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
: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);
  -webkit-backface-visibility: hidden;
          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-3d .swiper-slide,
.swiper-3d .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 */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .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-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .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-lazy-preloader,
.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: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */
: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.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.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-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .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.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet: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-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .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 .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 .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.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,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.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,
.swiper-scrollbar.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;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > 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-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-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow: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-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
.Header {
  position: fixed;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0 20px;
  top: 0;
  width: 100%;
  /* height: var(--HeaderHeight); */
  list-style: none;
  padding-top: 24px;
  padding-bottom: 24px;
  align-items: center;

  z-index: 100;

  &:not(&.isOpenNav) {
    mix-blend-mode: exclusion;
  }
  &.willOpenNav {
    mix-blend-mode: unset;
  }
  .Header_list-li {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(1rem, calc(0.917rem + 0.174vw), 1.125rem);
    /* min: 16px, max: 18px */ /* viewPort: 768-1920 */
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;

    transition: all 0.3s ease;
    mix-blend-mode: difference;

    * {
      transition: all 0.3s ease-out;
    }

    text-wrap: nowrap;
    height: fit-content;
    width: fit-content;

    &.__contacts {
      grid-area: contacts;
      grid-column: 5 / 6;
      text-align: end;
      margin-left: auto;
      &:hover {
        opacity: 0.5;
      }
    }

    &.__menu {
      display: flex;
      grid-area: menu;
      text-align: end;
      grid-column: 3 / 4;

      .__menu-self {
        @media (min-width: 935px) {
          width: calc(102px + 9px);
          text-align: left;
        }
      }
      .__projects {
        position: relative;
        width: fit-content;
        display: flex;
        flex-direction: row;
        gap: 4px;
        &:hover {
          opacity: 0.5;
        }
        .qntyProjects {
          font-family: var(--font-family);
          font-weight: 600;
          font-size: 10px;
          line-height: 100%;
          letter-spacing: -0.02em;
          transform: translateY(-5px);
        }
      }
    }

    &.__logo {
      cursor: pointer;
      grid-area: logo;
      grid-column: 1/2;
      display: flex;
      transition: 0.3s ease-out;
      &:hover {
        opacity: 0.5;
      }
      svg {
        width: 74px;
        height: 31px;

        &,
        * {
          fill: #fff;
        }
      }
    }
  }

  &.isOpenNav {
    background: white;
    .__menu-self {
      opacity: 0.5;
    }
  }

  @media (max-width: 1440px) {
    padding-top: clamp(1rem, calc(0.429rem + 1.19vw), 1.5rem); /* min: 16px, max: 24px */
    padding-bottom: clamp(1rem, calc(0.429rem + 1.19vw), 1.5rem); /* min: 16px, max: 24px */

    .Header_list-li {
      &.__logo {
        svg {
          width: clamp(4rem, calc(3.286rem + 1.488vw), 4.625rem); /* min: 64px, max: 74px */
          height: clamp(1.688rem, calc(1.402rem + 0.595vw), 1.938rem); /* min: 27px, max: 31px */
        }
      }
    }
  }

  @media (max-width: 935px) {
    align-items: center;
    display: flex;
    justify-content: space-between;
    .Header_list-li {
      &.__menu {
        .__projects {
          display: none;
        }
      }

      &.__contacts {
        display: none;
      }
    }
  }
}
.NavigationTracker {
  display: flex;
  gap: 8px;
  margin-right: auto;
  flex-wrap: wrap;
  margin-top: clamp(1.25rem, calc(0.947rem + 1.294vw), 2.5rem); /* min: 20px, max: 40px */;
  span  {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(0.75rem, calc(0.631rem + 0.509vw), 0.875rem); 
    /* min: 12px, max: 14px */ /* viewPort: 375-768 */
    line-height: 100%;
    text-transform: uppercase;
    color: #000;
    opacity: 0.5;
    cursor: pointer;
    /* text-wrap: nowrap; */
    &.line {
      cursor: auto;
    }
    &.active {
      opacity: 1;
      pointer-events: none;
    }
  }
}
.MWNav {
  .MWNav_table {
    display: none;
  }
  @media (max-width: 935px) {
    .MWNav_desktop {
      display: none;
    }
    .MWNav_table {
      display: block;
    }
  }
}

.Contacts {
  display: flex;
  flex-direction: column;

  width: 100%;
  height: fit-content;

  background: #fff;

  padding-top: clamp(4rem, calc(3.515rem + 2.071vw), 6rem); /* min: 64px, max: 96px */
  padding-bottom: clamp(4rem, calc(3.515rem + 2.071vw), 6rem);
  /* min: 64px, max: 96px */

  .Button.Contacts-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(2rem, calc(1.515rem + 2.071vw), 4rem);
    /* min: 32px, max: 64px */
    line-height: 100%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: clamp(4rem, calc(3.515rem + 2.071vw), 6rem); /* min: 64px, max: 96px */
  }

  .Contacts-wrapper {
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, calc(0.379rem - 0.518vw), 1rem); /* min: 8px, max: 16px */

    .Contacts-items {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(2rem, calc(1.515rem + 2.071vw), 4rem);
      /* min: 32px, max: 64px */
      line-height: 100%;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      color: #000;
      text-align: end;
    }

    .add-line-height {
      line-height: 125%;
    }
    @media (max-width: 768px) {
      height: 100vh;
    }
  }
}

.MWNav_desktop {
  width: 100%;
  display: flex;
  align-items: flex-end;
  /* min-height: min-content; */
  height: min-content;
  background: #fff;
  padding: 96px 0;
}

.ThreeLevelNav {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
  height: min-content;
  gap: 0 22px;

  .col_1 {
    grid-column: 1/3;
    /* background: red; */
  }
  .col_2 {
    grid-column: 3/4;
    /* background: blue; */
  }
  .col_3 {
    display: flex;
    grid-column: 4/6;
    /* background: red; */
  }

  .ThreeLevelNav_list,
  .ThreeLevelNav_subList {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  /* Первый уровень */
  .ThreeLevelNav_list-li {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(3.25rem, calc(2.75rem + 1.042vw), 4rem);
    line-height: 100%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: opacity 0.3s;
    color: #000;
    word-break: keep-all;

    &:hover,
    &.isActive {
      opacity: 0.5;
    }
  }
  /* Второй и третий уровень */
  .ThreeLevelNav_subList-li {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(0.875rem, calc(0.708rem + 0.347vw), 1.125rem);
    letter-spacing: -0.02em;
    line-height: 120%;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.3s;
    color: #000;

    &:hover,
    &.isActive {
      color: rgba(0, 0, 0, 0.5);
    }
  }
}

.MWNav_table {
  width: 100vw;
  padding-top: 64px;
  background: white;

  .IconPlus .IconPlus-line {
    height: 2.5px;
    background: #000;
    opacity: 1;
  }

  .MWNav_list-li {
    width: 100%;
    justify-content: space-between;
    cursor: pointer;
    &:not(&.nested) svg {
      display: none;
    }
    &.ButtonArrow .Button {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
      /* min: 44px, max: 64px */ /* viewPort: 375-768 */
      line-height: 100%;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      color: #000;
      text-decoration: unset;
      text-underline-offset: unset;
    }
    svg {
      --size: clamp(2rem, calc(1.284rem + 3.053vw), 2.75rem); /* min: 32px, max: 44px */
      height: var(--size);
      width: var(--size);
    }

    &.__projects {
      .Button {
        position: relative;
        overflow: unset;

        span {
          position: absolute;
          --bottom: max(0.625rem, calc(0.506rem + 0.509vw), 0.75rem);
          /* min: 10px, max: 12px */ /* viewPort: 375-768 */
          --left: max(0.25rem, calc(0.011rem + 1.018vw), 0.5rem);
          /* min: 4px, max: 8px */ /* viewPort: 375-768 */
          bottom: calc(100% - var(--bottom));
          left: calc(100% + var(--left));
          line-height: 100%;
          font-size: clamp(1.25rem, calc(1.011rem + 1.018vw), 1.5rem);
          /* min: 20px, max: 24px */
          /* viewPort: 375-768 */
        }
      }
    }
  }

  .MWNav_container {
    position: fixed;
    top: var(--HeaderHeight);
    width: 100vw;
    height: calc(100vh - var(--HeaderHeight));
    background: #fff;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-out;
    @starting-style {
      opacity: 0;
    }
    .ButtonArrow.MWNav_container-btn-comeback {
      margin-bottom: clamp(2rem, calc(1.284rem + 3.053vw), 2.75rem);
      /* min: 32px, max: 44px */ /* viewPort: 375-768 */
      padding: 0;
      gap: 8px;
      .Button {
        text-decoration: unset;
        text-underline-offset: unset;
      }
    }
    &.isActiveNested {
      opacity: 1;
      pointer-events: unset;
    }
    .MWNav_title {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
      /* min: 24px, max: 32px */ /* viewPort: 375-768 */
      line-height: 120%;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      color: #000;
      cursor: pointer;
    }

    .MWNav_container-list {
      display: flex;
      flex-direction: column;
      gap: clamp(1.5rem, calc(0.844rem + 2.799vw), 2.188rem);
      /* min: 24px, max: 35px */ /* viewPort: 375-768 */
    }
    .Accordion {
      --pd: 24px;
      padding: 0;
    }
    li {
      list-style-type: none;
    }
    .Accordion_header {
      display: flex;
      align-items: center;
      width: calc(100% - 22px);
      .Accordion_header-title {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
        /* min: 24px, max: 32px */
        /* viewPort: 375-768 */
        line-height: 120%;
        letter-spacing: -0.04em;
        text-transform: uppercase;
        color: #000;
      }
    }

    .AboutUs_list {
      display: flex;
      gap: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
      flex-direction: column;
      .AboutUs_list-item {
        cursor: pointer;
        font-family: var(--font-family);
        font-weight: 400;
        font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
        /* min: 24px, max: 32px */ /* viewPort: 375-768 */
        line-height: 120%;
        letter-spacing: -0.04em;
        text-transform: uppercase;
        color: #000;
        @media (hover: hover) {
          &:hover {
            color: rgb(0, 0, 0, 0.5);
          }
        }

        &.active {
          color: rgb(0, 0, 0, 0.5);
        }
      }
    }
    .Accordion_list {
      display: flex;
      flex-direction: column;
      list-style-type: none;
      gap: clamp(1rem, calc(0.523rem + 2.036vw), 1.5rem);
      /* min: 16px, max: 24px */ /* viewPort: 375-768 */

      .Accordion_list-item {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: clamp(1rem, calc(0.881rem + 0.509vw), 1.125rem);
        /* min: 16px, max: 18px */ /* viewPort: 375-768 */
        line-height: 120%;
        text-transform: uppercase;
        color: #000;
        cursor: pointer;
        opacity: 0.5;
        transition: opacity 0.3s ease-out;
        @media (hover: hover) {
          &:hover {
            opacity: 1;
          }
        }
        &:active,
        &:focus-visible {
          opacity: 1;
        }
      }
    }
  }
}

.Popup.MWNav {
  width: 100vw;
  height: 100vh;
  inset: unset;
    top: var(--HeaderHeight);
      height: calc(100vh - var(--HeaderHeight));
  z-index: 99;
  &::before {
    background: rgb(0, 0, 0, 0.8);
    transition: 0.3s ease-out;
    
  }
}

@starting-style {
  .Popup.MWNav {
    &::before {
      background: rgb(0, 0, 0, 0);
    }
    .Popup_container {
      transform: translateY(-100%);
    }
  }
}

.Popup.MWNav {

  .Popup_container {
    transition: all 0.3s ease-out;
    position: relative;

  }

  &.isRemove .Popup_container {
    transform: translateY(-100%);
  }
}
@starting-style{.Popup:before{opacity:0}}.Popup{position:fixed;max-width:100vw;height:100vh;z-index:9999;inset:0}.Popup.onCloseBG{cursor:pointer}.Popup .Popup_container{display:flex;height:100%}.Popup .Popup_container>*{cursor:default}.Popup.isRemove:before{opacity:0}.Popup:before{content:"";position:absolute;cursor:pointer;width:100%;height:100%;background:#000;z-index:-1;opacity:.8}
.Button {
  width: fit-content;
  height: fit-content;
  cursor: pointer;
  background: none;
  border: none;

  *,
  & {
    transition: all 0.2s ease-out;
  }

  &.primary {
    padding: 20px 16px;
    border-radius: 16px;
    background: #000;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #fff;
  }
  &.secondary {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    padding: 24px 32px;
    width: 121px;
    height: 64px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.03em;
    background: #fff;
    color: #000;
    cursor: pointer;
    @media (hover: hover) {
      &:hover {
        opacity: 0.8;
      }
    }
    &:active,
    &:focus-visible {
      opacity: 0.5;
    }
  }

  &.outline {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(0.875rem, calc(0.708rem + 0.712vw), 1.563rem); /* min: 14px, max: 25px */
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: clamp(0.75rem, calc(0.568rem + 0.777vw), 1.5rem); /* min: 12px, max: 24px */
    padding: clamp(1rem, calc(0.757rem + 1.036vw), 2rem); /* min: 16px, max: 32px */

    @media (hover: hover) {
      &:hover {
        background: #000;
        color: #fff;
      }
    }
    &:active,
    &:focus-visible {
      background: #000;
      color: #fff;
    }
    &.subtitle {
      width: fit-content;
      flex-direction: column;
      text-wrap: nowrap;
      text-align: left;
      align-items: center;
      justify-content: center;
      display: flex;
      span {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: clamp(0.625rem, calc(0.504rem + 0.518vw), 1.125rem); /* min: 10px, max: 18px */
        line-height: 100%;
        letter-spacing: -0.03em;
        color: #000;
        opacity: 0.5;
      }
      @media (hover: hover) {
        &:hover span {
          color: #fff;
        }
      }

      &:active,
      &:focus-visible {
        span {
          color: #fff;
          opacity: 0.5;
        }
      }
    }
  }

  &.ghostLink {
    opacity: 0.5;
    @media (hover: hover) {
      &:hover,
      &.isHover {
        opacity: 1;
      }
    }
  }
  &.link {
    opacity: 1;
    @media (hover: hover) {
      &:hover,
      &.isHover {
        opacity: 0.5;
      }
    }
  }

  &.ghostLink,
  &.link {
    position: relative;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(1.5rem, calc(1.136rem + 1.553vw), 3rem); /* min: 24px, max: 48px */
    line-height: 120%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #000;
    /* padding-bottom: 8px; */
    /* символы перекрывает(g,p,@ и т.д) если не сделать padding */
    text-align: left;
    overflow: hidden;

    @media (hover: hover) {
      &.center-right {
        &:not(:hover) {
          &::before {
            display: block;
            animation: left-to-right 0.3s ease-in-out forwards;
          }
        }

        @media (hover: hover) {
          &:hover {
            &::before {
              display: block;
              animation: center-to-right 0.3s ease-in-out forwards;
            }
          }
        }

        &.isHover {
          &::before {
            display: block;
            animation: center-to-right 0.3s ease-in-out forwards;
          }
        }
      }

      &.left-right {
        @media (hover: hover) {
          &:hover {
            &::before {
              display: block;
              animation: left-to-right 0.3s ease-in-out forwards;
            }
          }
        }

        &.isHover {
          &::before {
            display: block;
            animation: left-to-right 0.3s ease-in-out forwards;
          }
        }

        &.isFeedOut {
          &::before {
            display: block;
            animation: center-to-right 0.3s ease-in-out forwards;
          }
        }
      }
    }

    @media not all and (hover: hover) {
      &.center-right {
        text-decoration: underline;
        text-underline-position: under;
        overflow: unset;
        text-underline-offset: clamp(
          0.063rem,
          calc(-0.116rem + 0.763vw),
          0.25rem
        ); /* min: 1px, max: 4px */
        /* viewPort: 768-1920 */
        /* min: 2px, max: 9px */

      }
    }

    &::before {
      content: '';
      display: none;
      width: 100%;
      height: 2px;
      top: calc(100% - 2px);
      position: absolute;
      background-color: #000;
    }
  }

  &.sm {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    &::before {
      height: 1px;
    }
  }
}

@keyframes left-to-right {
  from {
    transform: translateX(-105%);
  }
}

@keyframes fadeOut {
  to {
    transform: translateX(105%);
  }
}

@keyframes center-to-right {
  to {
    transform: translateX(105%);
  }
}
.Accordion {
  width: 100%;
  --pd: clamp(2.25rem, calc(2.083rem + 0.347vw), 2.5rem); /* min: 36px, max: 40px */
  padding: var(--pd) 0;

  .Accordion_header {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    user-select: none;
    cursor: pointer;
  }

  .Accordion_content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-out;
    overflow: hidden;
    width: 100%;

    .wrap-children {
      min-height: 0px;

      & > *:first-child {
        padding-top: 36px;
      }
    }
  }
  &.active {
    .Accordion_content {
      grid-template-rows: 1fr;
    }
  }

  @media (max-width: 1000px) {
    --pd: clamp(1.5rem, calc(0.784rem + 3.053vw), 2.25rem); /* min: 24px, max: 36px */

    .Accordion_header {
      gap: clamp(1rem, calc(-1.863rem + 12.214vw), 4rem); /* min: 64px, max: 16px */
    }

    .Accordion_content {
      .wrap-children {
        min-height: 0px;

        & > *:first-child {
          padding-top: clamp(1.5rem, calc(0.784rem + 3.053vw), 2.25rem); /* min: 24px, max: 36px */;
        }
      }
    }
  }
}

@keyframes toHideMargin {
  from {
    padding-top: clamp(2.25rem, calc(2.189rem + 0.259vw), 2.5rem);
  }
}
.IconPlus {
  display: grid;
  place-content: center;
  width: 32px;
  height: 32px;

  &.active {
    .IconPlus-line {
      opacity: 1;

      &::before {
        transform: rotate(-90deg);
      }
    }
  }

  .IconPlus-line {
    position: relative;
    height: 2px;
    width: 22px;
    background-color: #000;
    opacity: 0.3;
    transition: opacity 0.3s ease-out;

    &:before {
      content: '';
      width: 100%;
      height: 100%;
      background-color: #000;
      position: absolute;
      transition: transform 0.3s ease-out;
    }
  }
}
.Footer {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, auto);
  background: #ebebeb;
  gap: 120px 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  .Button {
    padding-bottom: 0;
  }

  .Footer-title {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);
    /* min: 64px, max: 96px */

    width: 724px;
    line-height: 120%;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: #000;
    @media (max-width: 768px) {
      font-size: clamp(2.5rem, calc(1.069rem + 6.107vw), 4rem); /* min: 64px, max: 40px */
    }
  }

  & > *:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }
  & > *:nth-child(2) {
    margin-top: 24px;
    grid-column: 4 / 6;
    grid-row: 1 / 2;
  }
  & > *:nth-child(3) {
    grid-column: 4 / 6;
    grid-row: 2 / 3;
  }
  & > *:nth-child(4) {
    grid-column: 4 / 6;
    grid-row: 3 / 4;
  }
  & > *:nth-child(5) {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
  }
  & > *:nth-child(6) {
    grid-column: 1 / 3;
    grid-row: 4 / 5;
  }

  & > *:last-child {
    grid-column: 1 / -1;
    grid-row: -2 / -1;
  }

  .InfoList {
    gap: inherit;
    .InfoList-container {
      gap: clamp(0.5rem, calc(0.379rem + 0.518vw), 1rem); /* min: 8px, max: 16px */
    }

    &.__requisites {
      .Button,
      a {
        cursor: text;
        user-select: text;
        @media (hover: hover) {
          &:hover {
            opacity: unset;
            &::before {
              display: none !important;
              animation: unset !important;
            }
          }
        }
        &:active,
        &:focus,
        &:not(:hover),
        &:not(:focus-visible),
        &:not(:active) {
          opacity: unset;
          &::before {
            display: none !important;
            animation: unset !important;
          }
        }
      }
    }
  }

  .Footer_bottom {
    display: grid;
    grid-template-columns: inherit;
    gap: inherit;

    .Footer-text-year {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column: span 2;
      gap: inherit;

      font-family: var(--font-family);
      font-weight: 600;
      font-size: 14px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #000;

      span {
        display: flex;
      }
      span:last-child {
        opacity: 0.5;
        align-items: end;
      }

      .Footer_bottom-logo {
        width: 74px;
        height: 31px;
        cursor: pointer;

        * {
          fill: black;
        }
      }
    }

    .Footer_bottom-wrapper {
      display: grid;
      grid-column: span 3;
      grid-template-columns: repeat(3, 1fr);
      gap: inherit;
      align-items: end;

      .Button {
        text-wrap: balance;
        width: fit-content;
        @media (max-width: 768px) {
          line-height: 150%;
        }

        &:nth-child(1) {
          white-space: nowrap;
        }

        @media (hover: hover) {
          &:nth-child(2),
          &:nth-child(3) {
            &::before {
              display: none;
            }

            text-decoration: underline;
            text-underline-offset: 2px;
            text-decoration-thickness: 1px;
            overflow: unset;
          }
        }
      }

      .Footer-text-year {
        display: none;
      }
    }

    .Footer-text-address {
      font-family: var(--font-family);
      font-weight: 500;
      font-size: 14px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #000;
      opacity: 0.5;
    }
  }

  .InfoList {
    &.map {
      .Button {
        &::before {
          display: none;
        }

        text-decoration: underline;
        text-underline-offset: 2px;
        text-decoration-thickness: 1px;
        overflow: unset;
      }
    }
  }
}

@media (max-width: 1440px) {
  .Footer {
    .Footer-title {
      grid-column: 1 / 4;
    }
  }
}

@media (max-width: 1100px) {
  .Footer {
    display: flex;
    flex-direction: column;
    gap: 64px 8px;
    padding: 44px clamp(0.5rem, calc(0.023rem + 2.036vw), 1rem)
      clamp(5.5rem, calc(4.069rem + 6.107vw), 7rem) clamp(0.5rem, calc(0.023rem + 2.036vw), 1rem);

    .Footer-title {
      font-size: clamp(2.5rem, calc(1.069rem + 6.107vw), 4rem); /* min: 40px, max: 64px */
      width: 100%;
      br:first-child {
        display: none;
      }
    }

    & > *:nth-child(2) {
      margin-top: 32px;
    }

    .InfoList {
      .InfoList-container {
        gap: clamp(0.5rem, calc(0.023rem + 2.036vw), 1rem); /* min: 8px, max: 16px */
      }
    }

    .Footer_bottom {
      margin-top: clamp(0rem, calc(-1.908rem + 8.142vw), 2rem); /* min: 0px, max: 32px */
      display: flex;
      flex-direction: column;
      gap: clamp(4rem, calc(2.509rem + 6.361vw), 5.563rem); /* min: 64px, max: 89px */

      .Footer-text-year {
        order: 2;
        gap: 8px;

        .Footer_bottom-logo {
          width: 64px;
          height: 27px;
        }

        span:last-child {
          font-size: clamp(0.875rem, calc(0.636rem + 1.018vw), 1.125rem); /* min: 14px, max: 18px */
          letter-spacing: -0.03em;
          line-height: 110%;
        }
      }
      .Footer_bottom-wrapper {
        order: 1;
        grid-template-columns: 1fr 1fr;
        gap: 24px 8px;
        & > * {
          grid-column: 2 / 3;
        }

        .Button {
          font-size: clamp(0.875rem, calc(0.636rem + 1.018vw), 1.125rem); /* min: 14px, max: 18px */
        }
      }
    }
  }
}

@media (max-width: 920px) {
  .Footer {
    & .Footer-title {
      br {
        display: none;
      }
    }
  }
}

@media (max-width: 448px) {
  .Footer {
    .InfoList.__2 {
      .InfoList-container {
        word-break: break-all;
      }
    }
  }
}
.InfoList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 20px;

  &.__mode-underline {
    .Button {
      &::before {
        display: none !important;
      }

      text-decoration: underline;
      text-underline-offset: 2px;
      text-decoration-thickness: 1px;
    }
  }

  &.__mode-text {
    .Button,
    a {
      cursor: text;
      user-select: text;

      @media (hover: hover) {
        &:hover {
          opacity: unset;

          &::before {
            display: none !important;
            animation: unset !important;
          }
        }
      }

      &:active,
      &:focus,
      &:not(:hover),
      &:not(:focus-visible),
      &:not(:active) {
        opacity: unset;

        &::before {
          display: none !important;
          animation: unset !important;
        }
      }
    }
  }
  .InfoList-title {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    text-wrap: nowrap;
    word-break: keep-all;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000;
    opacity: 0.4;
  }

  .InfoList-container {
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, calc(0.167rem + 0.694vw), 1rem); /* min: 16px, max: 8px */

    .InfoList-item {
      font-family: var(--font-family);
      font-weight: 500;
      font-size: 18px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
    }
  }

  @media (max-width: 768px) {
    gap: 0 8px;

    .InfoList-title {
      font-size: clamp(1rem, calc(0.881rem + 0.509vw), 1.125rem); /* min: 16px, max: 18px */
      line-height: 110%;
      letter-spacing: -0.03em;
    }
    .InfoList-container {
      gap: clamp(0.5rem, calc(0.023rem + 2.036vw), 1rem); /* min: 8px, max: 16px */
      .InfoList-item {
        font-size: clamp(1rem, calc(0.881rem + 0.509vw), 1.125rem); /* min: 16px, max: 18px */
        line-height: 110%;
        letter-spacing: -0.03em;
      }
    }
  }
}
@starting-style {
  .Popup.Cookies  {
    transform: translateY(100%);
  }
}

.Popup.Cookies {
  min-height: 112px;
  height:auto;
  width:auto;
  position: fixed;
  inset: unset;
  bottom: 16px;
  z-index: 980;
  &.isRemove {
    transform: translateY(180%);
  }
}

.Cookies {
  border-radius: 24px;
  padding: 24px;
  /* width: 506,635,768,1920 */
  height: 112px;
  background: rgba(0, 0, 0, 0.9);
  padding: 24px;
  transition: transform 0.6s ease ;
  &:before {
    opacity: 0;
  }
  * {
    box-shadow: none;
  }
  .Cookies-text  {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    width: clamp(19.063rem, calc(13.688rem + 11.198vw), 27.125rem); /* min: 305px, max: 434px */
    letter-spacing: -0.02em;
    color: #fff;
    span {
      text-decoration: underline;
      text-decoration-skip-ink: none;
      text-wrap: balance;
      cursor: pointer;
    }
  }
  .Popup_container {
    gap: 32px;
    align-items: center;
  }
  @media (max-width: 768px) {
    .Popup_container {
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 16px;
    }
  }
}
.ContactMe {
  position: fixed;
  bottom: 0;
  margin-bottom: calc(env(safe-area-inset-bottom) + 16px);
  z-index: 99;
  display: none;
  transition: opacity 0.3s;
  transition-delay: 0.25s;

  &.btn {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(1rem, calc(0.523rem + 2.036vw), 1.5rem);
    /* min: 16px, max: 24px */
    /* viewPort: 375-768 */
    line-height: 100%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #fff;
  }


  &.hidePreloader {
    opacity: 1;
  }
  &.showPreloader,
  &.isOpenMWCookies {
    opacity: 0;
    pointer-events: none;
  }
  @media (max-width: 935px) {
    display: block;
  }
}
.ParallaxFooter-preElement {
  z-index: 20;
  /* background-color: #fff; */
}

.ParallaxFooter_element {
  position: relative;
  overflow: hidden;
  .ParallaxFooter_element-origin {
    position: absolute;
    z-index: 10;
    will-change: transform;
    transition: transform 300ms ease-out;
  }
  .ParallaxFooter_element-fake {
    opacity: 0;
    z-index: -1;
    pointer-events: none;
  }
}
.reactSSRPage {
  transition: opacity 1s ease, display 1s;
  transition-delay: 0.2s;
  &[data-loading='true'] {
    opacity: 0;
  }
}
.ISOCard {
  display: flex;
  justify-content: space-between;
  gap: clamp(1.5rem, calc(1.167rem + 0.694vw), 2rem);

  /* min: 24px, max: 32px */
  /* viewPort: 768-1920 */
  .ISOCard_head {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, calc(-0.885rem + 10.178vw), 4rem);
    /* min: 24px, max: 64px */
    /* viewPort: 375-768 */

    .Tag {
      a {
        display: flex;
        text-decoration: none;
      }
      .Tag-title {
        text-transform: uppercase;
        font-size: clamp(3rem, calc(2.333rem + 1.389vw), 4rem); 
        /* min: 48px, max: 64px */ /* viewPort: 768-1920 */
        @media (max-width: 768px) {
          font-size: clamp(2.25rem, calc(1.534rem + 3.053vw), 3rem); 
          /* min: 36px, max: 48px */ /* viewPort: 375-768 */
        }
      }
      .Tag-subtitle {
        font-size: clamp(1.125rem, calc(0.875rem + 0.521vw), 1.5rem); 
        /* min: 18px, max: 24px */ /* viewPort: 768-1920 */
        @media (max-width: 768px) {
          font-size: clamp(0.875rem, calc(0.636rem + 1.018vw), 1.125rem);
           /* min: 14px, max: 18px */ /* viewPort: 375-768 */
        }
      }
    }
  }

  @media (max-width: 1440px) {
    justify-content: unset;
    flex-direction: column;
  }
}
.Tag {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, calc(0.189rem + 0.259vw), 0.5rem);

  /* min: 4px, max: 8px */
  .Tag-subtitle {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(0.75rem, calc(0.659rem + 0.388vw), 1.125rem);
    /* min: 12px, max: 18px */
    line-height: 100%;
    text-transform: uppercase;
    color: #000;
    opacity: 0.5;
  }

  .Tag-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(1.25rem, calc(1.068rem + 0.777vw), 2rem);
    /* min: 20px, max: 32px */
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #000;
    padding-bottom: clamp(0.063rem, calc(-0.116rem + 0.763vw), 0.25rem);
    /* min: 1px, max: 4px */
    /* viewPort: 768-1920 */
    .Button {
      padding: 0;
    }
  }
}
@starting-style {
  .Popup.MWImage {
    &::before {
      background: rgb(0, 0, 0, 0);
    }
  }
}

.Popup.MWImage {
  &::before {
    background: rgb(0, 0, 0, 0.9);
    transition: 150ms ease-out;
    opacity: 1;
  }

  &.isRemove .Popup_container {
    opacity: 0;
  }
}

.MWImage {
  --size: clamp(2.75rem, calc(1.321rem + 2.976vw), 4rem);
  /* min: 44px, max: 64px */
  /* viewPort: 768-1440 */
  --pdY: clamp(1.5rem, calc(1.071rem + 0.893vw), 1.875rem);
  /* min: 24px, max: 30px */
  /* viewPort: 768-1440 */
  --pdX: clamp(1rem, calc(-0.714rem + 3.571vw), 2.5rem);
  /* min: 16px, max: 40px */
  /* viewPort: 768-1440 */

  .Popup_container {
    flex-direction: column;
    cursor: pointer;
    align-items: flex-end;
    justify-content: center;
  }

  .MWImage-header {
    width: fit-content;
    padding: var(--pdY) var(--pdX);
    position: fixed;
    top: 0;

    .MWImage-close {
      display: flex;
      justify-content: center;
      align-items: center;

      width: var(--size);
      height: var(--size);
      border-radius: 50%;
      background: #fff;
      opacity: 0.5;
      cursor: pointer;

      svg {
        width: 54.6%;
        height: 54.6%;
        transform: rotate(90deg);
      }
    }
  }

  .MWImage-container {
    margin-right: auto;
    margin-left: auto;
    height: 95vh;
    width: 95vw;
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;

      &.fade-in {
        opacity: 0;
        transition: opacity 150ms ease-in;
      }

      &.fade-in.loaded {
        opacity: 1;
      }
    }

    @media (max-width: 1440px) {
      height: 62.5vh;
    }
    @media (max-width: 768px) {
      width: 100vw;
      height: 42.188vh;
    }
  }

  @media (max-width: 768px) {
    --pdX: clamp(0.5rem, calc(0.023rem + 2.036vw), 1rem);
    /* min: 8px, max: 16px */
    /* viewPort: 375-768 */
  }
}
.PrivacyPage {
  width: min(1096px, 100%);
  margin: 0 auto;
  margin-top: 96px;
  .PrivacyPage-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(2rem, calc(1.515rem + 2.071vw), 4rem); /* min: 32px, max: 64px */
    line-height: 120%;
    letter-spacing: -0.04em;
    color: #000;
    margin-bottom: clamp(1.75rem, calc(1.447rem + 1.294vw), 3rem); /* min: 28px, max: 48px */
  }
}

.PrivacyPage .Block {
  margin-bottom: clamp(1.75rem, calc(1.447rem + 1.294vw), 3rem);
  /* min: 28px, max: 48px */
  .Block_title {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(1.5rem, calc(1.379rem + 0.518vw), 2rem);
    /* min: 24px, max: 32px */
    line-height: 110%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #0c0c0c;
    margin-bottom: clamp(0.5rem, calc(0.379rem + 0.518vw), 1rem); /* min: 8px, max: 16px */
  }
  .Block_container {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}

.PrivacyPage .Paragraph {
  .Paragraph-number,
  .Paragraph-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(1.125rem, calc(1.034rem + 0.388vw), 1.5rem); /* min: 18px, max: 24px */
    line-height: 136%;
    letter-spacing: -0.06em;
    color: #000;
  }
}
.ErrorNotFound {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: var(--HeaderHeight);
  margin-bottom: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);
  /* min: 64px, max: 96px */
  /* viewPort: 768-1920 */
  margin-bottom: 200px;
  @media (max-width: 768px) {
    margin-bottom: clamp(20.563rem, calc(15.314rem + 22.392vw), 26.063rem);
    /* min: 329px, max: 417px */
    /* viewPort: 375-768 */
  }

  .ErrorNotFound-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(12.5rem, calc(6.5rem + 12.5vw), 21.5rem);
    /* min: 200px, max: 344px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      font-size: clamp(7.75rem, calc(3.218rem + 19.338vw), 12.5rem);
      /* min: 124px, max: 200px */
      /* viewPort: 375-768 */
    }
    line-height: 110%;
    letter-spacing: -0.06em;
    color: #000;
  }
  .ErrorNotFound-desc {
    font-family: var(--font-family);
    font-weight: 400;

    line-height: 120%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #000;
    margin-top: clamp(2.75rem, calc(1.917rem + 1.736vw), 4rem); 
    /* min: 44px, max: 64px */
    /* viewPort: 768-1920 */

    margin-bottom: clamp(4rem, calc(2.667rem + 2.778vw), 6rem); 
    /* min: 64px, max: 96px */
    /* viewPort: 768-1920 */;

    font-size: clamp(2.25rem, calc(1.75rem + 1.042vw), 3rem);
    /* min: 36px, max: 48px */
    /* viewPort: 768-1920 */

    max-width: clamp(33.25rem, calc(24.417rem + 18.403vw), 46.5rem);
    /* min: 532px, max: 744px */
    /* viewPort: 768-1920 */

    @media (max-width: 768px) {
      max-width: clamp(22.438rem, calc(-1.954rem + 104.071vw), 48rem);
      /* min: 359px, max: 768px */
      /* viewPort: 375-768 */

      font-size: clamp(1.563rem, calc(0.906rem + 2.799vw), 2.25rem);
      /* min: 25px, max: 36px */
      /* viewPort: 375-768 */

      margin-top: clamp(2rem, calc(1.284rem + 3.053vw), 2.75rem); 
      /* min: 32px, max: 44px */
      /* viewPort: 375-768 */
    }
  }
}
.Home {
  display: flex;
  flex-direction: column;
  max-width: 100vw;
  .Home-title.hidden {
    position: absolute;
    left: -100%;
    bottom: -100%;;
    inset: 0;
  }
  .motion-main {
    z-index: 2;
    margin-top: 100vh;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    min-height: min-content;
    transition: all 0.5s linear;
  }
  .Hero {
    position: fixed;
    top: 0;
  }

  .ExpoStands,
  .TeamBoostSection {
    margin-top: clamp(1.5rem, calc(1.136rem + 1.553vw), 3rem); /* min: 24px, max: 48px */
  }
  .ExpoStands {
    margin-bottom: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);
    /* min: 64px, max: 96px */
    /* viewPort: 768-1920 */
  }

  .MediaSection.SECTION_1 {
    margin-bottom: clamp(2rem, calc(1.333rem + 1.389vw), 3rem); 
    /* min: 32px, max: 48px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-bottom: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem); 
      /* min: 24px, max: 32px */
      /* viewPort: 375-768 */
    }
  }

  .WorkflowSection,
  .FAQSection {
    margin-top: clamp(3.75rem, calc(2.083rem + 3.472vw), 6.25rem); /* min: 60px, max: 100px */
  }
  .MediaSection.SECTION_2 {
    margin-top: clamp(3.75rem, calc(2.083rem + 3.472vw), 6.25rem);
    /* min: 60px, max: 100px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(3.25rem, calc(2.773rem + 2.036vw), 3.75rem);
      /* min: 52px, max: 60px */
      /* viewPort: 375-768 */
    }
  }

  .ContactForm,
  .DocOverview,
  .AboutUsMedia {
    margin-top:clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem); 
    /* min: 124px, max: 200px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem); 
      /* min: 96px, max: 124px */ /* viewPort: 375-768 */
    }
  }

  @media (max-width: 768px) {
    .WorkflowSection,
    .FAQSection {
      margin-top: clamp(3.25rem, calc(2.773rem + 2.036vw), 3.75rem); /* min: 52px, max: 60px */
    }
  }
}
.TeamBoostSection {
  .Tabs {
    /* margin-left: calc(-1 * var(--px)); */
    margin-bottom: clamp(2rem, calc(1.515rem + 2.071vw), 4rem); /* min: 32px, max: 64px */
    .Tabs-inner {
      box-shadow: 0 1px 1px 0 rgb(0, 0, 0, 0.1);
    }
    .swiper-wrapper {
      justify-content: space-between;

      &:active {
        cursor: grabbing;
      }

      .Tabs-item {
        white-space: nowrap;
        min-width: fit-content;
        user-select: none;
        position: relative;
        font-family: var(--font-family);
        font-weight: 500;
        cursor: pointer;
        font-size: clamp(0.875rem, calc(0.784rem + 0.388vw), 1.25rem);
        /* min: 14px, max: 20px */
        line-height: 120%;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: rgb(0, 0, 0, 0.5);
        transition: color 0.3s ease-out;
        padding-bottom: clamp(1.188rem, calc(0.869rem + 1.359vw), 2.5rem);

        /* min: 19px, max: 40px */
        &.active {
          color: rgb(0, 0, 0, 1);

          &::before {
            display: block;
          }
        }

        &::before {
          content: '';
          display: none;
          position: absolute;
          background-color: rgb(0, 0, 0);
          height: 4px;
          width: 100%;
          top: calc(100% - 2px);
          transition: 0.3s ease;
          z-index: 9;

          @starting-style {
            background-color: rgb(0, 0, 0, 0);
          }
        }
      }
    }
  }
}

.Template {
  .Template_wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);

    gap: 20px;
    @media (max-width: 960px) {
      grid-template-columns: repeat(1, 1fr);
      grid-auto-rows: 1fr;
    }

    .Template-title {
      grid-column: span 3;
      font-family: var(--font-family);

      font-weight: 400;
      font-size: clamp(1.75rem, calc(1.204rem + 2.33vw), 4rem); /* min: 28px, max: 64px */
      line-height: 120%;
      letter-spacing: -0.04em;
      color: #000;

      margin-right: 50px;
    }

    .Template_tags {
      grid-column: span 2;
      height: fit-content;
      overflow: hidden;
      display: flex;
      flex-wrap: wrap;
      pointer-events: none;
      gap: clamp(0.25rem, calc(0.189rem + 0.259vw), 0.5rem); /* min: 4px, max: 8px */

      .Button {
        font-size: clamp(1.125rem, calc(0.696rem + 0.893vw), 1.5rem); /* min: 18px, max: 24px */
      }

      @media (max-width: 768px) {
        .Button {
          font-size: clamp(0.875rem, calc(0.636rem + 1.018vw), 1.125rem); /* min: 14px, max: 18px */
        }
      }
    }
  }
  .Template_footer {
    margin-top: clamp(3rem, calc(0.937rem + 8.803vw), 11.5rem);
    /* min: 48px, max: 184px */
    display: none;
  }
}
.Tabs {
  width: max(343px, 100%);
  .Tabs-inner {
    display: flex;
    align-items: center;
    list-style-type: none;
    li {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}
.ExpoStands {
  display: flex;
  flex-direction: column;

  .Button {
    margin-left: auto;
    margin-top: 19px;
  }

  .ExpoStands_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    width: min(1468px, 100%);
    gap: clamp(1rem, calc(0.879rem + 0.518vw), 1.5rem);
    /* min: 16px, max: 24px */

    .ExpoStands-subtitle {
      font-family: var(--font-family);
      font-weight: 500;
      font-size: clamp(0.875rem, calc(0.723rem + 0.647vw), 1.5rem);
      /* min: 14px, max: 24px */

      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #000;
      opacity: 0.4;
    }

    .ExpoStands-title {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(2rem, calc(1.029rem + 4.142vw), 6rem);
      /* min: 32px, max: 96px */
      line-height: 120%;
      letter-spacing: -0.04em;
      text-align: center;
      color: #000;
    }
  }

  .MarqueeCarousel-wrapper {
    gap: clamp(4rem, calc(2.786rem + 5.178vw), 9rem);
    /* min: 64px, max: 144px */
    opacity: 0.4;
    justify-content: space-around;
    margin-top: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);
    /* min: 64px, max: 96px */
    /* viewPort: 768-1920 */
    svg {
      width: auto;
      height: 100%;
    }
    height: clamp(4rem, calc(2.5rem + 3.125vw), 6.25rem);
    /* min: 64px, max: 100px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      height: clamp(2.625rem, calc(1.313rem + 5.598vw), 4rem);
      /* min: 42px, max: 64px */
      /* viewPort: 375-768 */

      margin-top: clamp(2rem, calc(0.092rem + 8.142vw), 4rem);
      /* min: 32px, max: 64px */
      /* viewPort: 375-768 */
    }
  }
}
.MarqueeCarousel {
  display: flex;
  width: 100vw;
  gap: clamp(4rem, calc(2.695rem + 5.566vw), 9.375rem);
  overflow: hidden;

  &.active .MarqueeCarousel-wrapper {
    animation: marquee-animation 50s infinite linear;
  }
  .MarqueeCarousel-wrapper {
    display: flex;
    white-space: nowrap;
    will-change: transform;

    align-items: center;
    transform: translate3d(0, 0, 0);

    & > * {
      height: 100%;
    }
  }
}
@keyframes marquee-animation {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-30%);
  }
}
.Subtitle {
  display: block;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(1.25rem, calc(1.083rem + 0.347vw), 1.5rem); /* min: 20px, max: 24px */

  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #000;
  opacity: 0.4;

  @media(max-width: 768px) {
    font-size: clamp(0.875rem, calc(0.517rem + 1.527vw), 1.25rem); /* min: 14px, max: 20px */;
  }
}
.SectionHeader {
  --maxWidth: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  max-width: var(--maxWidth);
  gap: clamp(1rem, calc(0.879rem + 0.518vw), 1.5rem);
  /* min: 16px, max: 24px */

  .SectionHeader-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(3rem, calc(1rem + 4.167vw), 6rem);
     /* min: 48px, max: 96px */
    line-height: 120%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #000;
  }

  @media (max-width: 1200px) {
    width: auto;
    padding: 0 20px;
  }

  @media (max-width: 768px) {
    gap: 16px;
    padding: 0;
    width: clamp(22.5rem, calc(12.004rem + 44.784vw), 33.5rem); /* min: 360px, max: 536px */

    .SectionHeader-title {
      font-size: clamp(2rem, calc(1.046rem + 4.071vw), 3rem); /* min: 32px, max: 48px */
    }
  }
}
.FAQSection {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0 20px;
  padding-top: clamp(4rem, calc(2.5rem + 3.125vw), 6.25rem); /* min: 64px, max: 100px */
  padding-bottom: clamp(4rem, calc(2.5rem + 3.125vw), 6.25rem); /* min: 64px, max: 100px */
  position: relative;

  .FAQSection-left {
    grid-column: 1 / 3;
    display: flex;
    flex-direction: column;
    gap: 96px;
    height: fit-content;
    top: var(--heightHeader);
    position: sticky;

    .FAQSection-title {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(3rem, calc(2.333rem + 1.389vw), 4rem); /* min: 48px, max: 64px */
      line-height: 120%;
      letter-spacing: -0.04em;
      color: #000;
    }

    .InfoList {
      .InfoList-container {
        gap: 8px;
      }
    }
  }
  .FAQSection_right {
    grid-column: 4 / 6;

    .ButtonArrow.FAQSection_right-btn {
      margin-top: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);

      /* min: 64px, max: 96px */
      /* viewPort: 768-1920 */
      @media (max-width: 768px) {
        margin-top: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
        /* min: 44px, max: 64px */
        /* viewPort: 375-768 */
      }
      .Button {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: clamp(
          1.5rem,
          calc(1.023rem + 2.036vw),
          2rem
        ); /* min: 24px, max: 32px */ /* viewPort: 375-768 */
        line-height: 120%;
        letter-spacing: -0.04em;
        text-align: center;
        color: #000;
        text-underline-offset: unset;
      }
      .ButtonArrow-icon {
        --size: clamp(2rem, calc(1.5rem + 1.042vw), 2.75rem);
        /* min: 32px, max: 44px */ /* viewPort: 768-1920 */
        @media (max-width: 768px) {
          --size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
          /* min: 24px, max: 32px */ /* viewPort: 375-768 */
          /* min: 32px, max: 44px */ /* viewPort: 768-1920 */
        }
      }
    }
  }

  .InfoList {
    .InfoList-title {
      font-weight: 600;
    }
    .InfoList-container {
      .Button {
        font-weight: 600;
      }
    }
  }

  .Accordion {
    border-top: 1px solid rgb(0, 0, 0, 0.1);
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);

    &.active {
      .Accordion_header-icon {
        transform: rotate(45deg);
      }
    }

    .Accordion_header-title {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(1.5rem, calc(1.167rem + 0.694vw), 2rem); /* min: 24px, max: 32px */
      line-height: 120%;
      letter-spacing: -0.04em;
      color: #000;
    }

    .Accordion_header-icon {
      --size: 32px;

      min-width: var(--size);
      min-height: var(--size);
      transition: transform 0.3s ease-out;
      path {
        fill: #000;
      }
    }
    .Accordion_content-description {
      width: 100%;
      max-height: 100%;
      font-family: var(--font-family);
      font-weight: 400;
      font-size: 18px;
      line-height: 136%;
      letter-spacing: -0.02em;
      color: #000;
      opacity: 0.5;
    }
  }

  @media (max-width: 1000px) {
    padding-top: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem); /* min: 44px, max: 64px */
    padding-bottom: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem); /* min: 44px, max: 64px */

    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, calc(0.307rem + 5.089vw), 2.75rem); /* min: 24px, max: 44px */

    .FAQSection-left {
      position: static;
      .InfoList {
        display: none;
      }
      .FAQSection-title {
        font-size: clamp(2rem, calc(1.046rem + 4.071vw), 3rem);
        /* min: 32px, max: 48px */
        line-height: 110%;
      }
    }
    .FAQSection_right {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .Accordion {
      .Accordion_header-title {
        font-size: clamp(1.25rem, calc(1.011rem + 1.018vw), 1.5rem); /* min: 20px, max: 24px */
      }
      .Accordion_header-icon {
        --size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem); /* min: 24px, max: 32px */
      }
    }
  }

  @media (max-width: 470px) {
    .FAQSection-title {
      width: 360px;
    }
  }
}
.WorkflowSection {
  width: 100%;
  .WorkflowSection_container {
    margin-top: clamp(2.75rem, calc(2.447rem + 1.294vw), 4rem); /* min: 44px, max: 64px */
    padding: 0 var(--px);
  }
  .swiper-wrapper {
    width: min-content;
    margin: auto;
  }
}
.StepCard {
  padding: 24px;
  width: clamp(17rem, calc(-1rem + 20vw), 23rem); /* min: 272px, max: 368px */
  height: clamp(22.063rem, calc(20.848rem + 2.53vw), 23.125rem); /* min: 353px, max: 370px */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  transition: background 0.3s ease-out;

  @media not all and (hover: hover) {
    background: #f6f6f6;
  }

  @media (hover: hover) {
    &:hover {
      background: #f6f6f6;
      .StepCard_header-description {
        opacity: 1;
      }
    }

    &.active {
      background: #f6f6f6;
      .StepCard_header-description {
        opacity: 1;
      }
    }
    .StepCard_header-description {
      opacity: 0;
    }
  }

  .StepCard_header {
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, calc(0.379rem + 0.518vw), 1rem); /* min: 8px, max: 16px */
    .StepCard_header-index {
      font-family: var(--font-family);
      font-weight: 500;
      font-size: 18px;
      line-height: 120%;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #000;
      opacity: 0.5;
    }
    .StepCard_header-title {
      font-family: var(--font-family);
      font-weight: 500;
      font-size: clamp(1.75rem, calc(1rem + 0.833vw), 2rem); /* min: 28px, max: 32px */    
      line-height: 110%;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #0c0c0c;
    }
  }

  .StepCard_header-description {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 136%;
    letter-spacing: -0.02em;
    color: #0c0c0c;
    text-wrap: balance;

    transition: opacity 0.3s ease-out;
  }

  @media (max-width: 1440px) {
    .StepCard_header {
      .StepCard_header-title {
        font-size: clamp(1.75rem, calc(1.464rem + 0.595vw), 2rem); /* min: 32px, max: 28px */
      }
    }
  }

  @media (max-width: 768px) {
    height: clamp(21.313rem, calc(20.597rem + 3.053vw), 22.063rem); /* min: 341px, max: 353px */
    .StepCard_header {
      .StepCard_header-index {
        font-size: clamp(1rem, calc(0.881rem + 0.509vw), 1.125rem); /* min: 16px, max: 18px */
      }
      .StepCard_header-title {
        font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem); /* min: 24px, max: 32px */
      }
    }
  }
}
.DocOverview {
  .Subtitle {
    margin-bottom: clamp(1rem, calc(0.757rem + 1.036vw), 2rem);
    /* min: 32px, max: 16px */
  }

  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 136%;
  letter-spacing: -0.02em;
  color: #000;
  .TableTemplate {
    display: none;
  }
  @media (max-width: 1080px) {
    .DesktopTemplate {
      display: none;
    }
    .TableTemplate {
      display: block;
    }
  }
}
.DesktopTemplate {

  .wrapper {
    display: grid;
    grid-template-columns: 1fr 0.95fr 1fr 1fr 1fr;
    gap: 16px;
  }

  .DesktopTemplate_left {
    grid-column: span 2;
    gap: 16px;
    display: flex;
    flex-direction: column;

    .AnimatedLabel:nth-child(2) {
      /* margin-top: clamp(1rem, calc(0.757rem + 1.036vw), 2rem); */
      /* min: 16px, max: 32px */
      /* margin-bottom: 16px; */
    }
  }

  .wrapUserInfo {
    display: flex;
    width: 100%;
    grid-column: 3/6;
    position: relative;
    height: 100%;
  }
  .UserInfo {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    position: sticky;
    top: 78px;
    height: fit-content;
    .UserInfo_container {
      grid-column: 2/4;
      .UserInfo_description {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 14;
        -webkit-line-clamp: 14;
        -webkit-box-orient: vertical;
        margin: 0;
        padding: 0;
      }
    }
  }
}
.AnimatedLabel {
  --sizeIcon: clamp(1.5rem, calc(0.307rem + 5.089vw), 2.75rem);
  /* min: 24px, max: 44px */
  /* viewPort: 375-768 */
  --gap: 15px;

  overflow: hidden;
  display: flex;
  align-items: center;
  gap: var(--gap);
  cursor: pointer;
  min-width: fit-content;

  &.isFull {
    min-width: 100%;
    .AnimatedLabel-icon-second {
      display: block;
    }
  }
  .AnimatedLabel-icon,
  .AnimatedLabel-icon-second {
    transition: transform 0.3s ease-in-out;
    width: var(--sizeIcon) !important;
    height: var(--sizeIcon) !important;
    flex-shrink: 0;
  }

  .AnimatedLabel-icon {
    transform: translateX(-100%);
  }
  .AnimatedLabel-icon-second {
    margin-left: auto;
    display: none;
  }
  .AnimatedLabel-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 64px;
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #000;
    transform: translateX(calc(-0px - var(--sizeIcon) - var(--gap)));
    transition: all 0.3s ease-in-out;
    opacity: 0.5;
  }

  &.isHover {
    @media (hover: hover) {
      &:hover {
        .AnimatedLabel-title {
          transform: translateX(0);
          opacity: 1;
        }

        .AnimatedLabel-icon {
          transform: translateX(0);
        }
        .AnimatedLabel-icon-second {
          transform: translateX(100%);
        }
      }
    }
  }

  &.isActive {
    .AnimatedLabel-title {
      transform: translateX(0);
      opacity: 1;
    }

    .AnimatedLabel-icon {
      transform: translateX(0);
    }
    .AnimatedLabel-icon-second {
      transform: translateX(100%);
    }
  }

  @media (max-width: 768px) {
    .AnimatedLabel-title {
      font-size: clamp(1.75rem, calc(-0.397rem + 9.16vw), 4rem); /* min: 28px, max: 64px */
    }
  }
}
.UserInfo {
  .UserInfo_container {
    .UserInfo_description {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: 28px;
      line-height: 136%;
      letter-spacing: -0.06em;
      text-wrap: balance;
      color: #000;
    }
  }

  .UserInfo_footer {
    display: flex;
    margin-top: 80px;
    gap: 8px;
    flex-direction: column;

    span {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: 24px;
      line-height: 120%;
      letter-spacing: -0.04em;
      color: #000;
    }

    .Button {
      font-size: 48px;
    }
  }

  @media (max-width: 1440px) {
    .UserInfo_container {
      .UserInfo_description {
        font-size: clamp(1.125rem, calc(0.411rem + 1.488vw), 1.75rem); /* min: 18px, max: 28px */
      }
    }

    .UserInfo_footer {
      margin-top: clamp(2.75rem, calc(0.179rem + 5.357vw), 5rem); /* min: 44px, max: 80px */

      span {
        font-size: clamp(1.125rem, calc(0.696rem + 0.893vw), 1.5rem); /* min: 18px, max: 24px */
      }

      .Button {
        font-size: clamp(2rem, calc(0.857rem + 2.381vw), 3rem); /* min: 32px, max: 48px */
      }
    }
  }

  @media (max-width: 768px) {
    .UserInfo_container {
      .UserInfo_description {
        letter-spacing: -0.02em;
      }
    }

    .UserInfo_footer {
      margin-top: clamp(2rem, calc(1.284rem + 3.053vw), 2.75rem); /* min: 32px, max: 44px */

      .Button {
        font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem); /* min: 24px, max: 32px */
      }
    }
  }
}.TableTemplate {
  .Subtitle {
    display: block;
    padding-bottom: 24px;
  }
  .Accordion {
    width: 100%;
    padding: 0;
    .AnimatedLabel-title {
      opacity: 1;
    }

    &:not(&:last-child) {
      .Accordion_content {
        margin-bottom: 16px;
        .UserInfo {
          padding-bottom: calc(64px - 16px);
        }
      }
    }
  }
  .UserInfo {
    .User {
      width: fit-content;
      margin-bottom: clamp(1.5rem, calc(1.379rem + 0.518vw), 2rem);
    }
    .UserInfo_description {
      opacity: 0.5;
    }
  }
}

.Button.btn-allFeedbacks {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(1.75rem, calc(-0.397rem + 9.16vw), 4rem);
   /* min: 28px, max: 64px */ /* viewPort: 375-768 */
  line-height: 120%;
  letter-spacing: -0.04em;
  text-align: center;
  &::first-letter {
    text-transform: uppercase;
  }
}
.Hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;

  z-index: 1;
  padding-bottom: clamp(1rem, calc(0.636rem + 1.553vw), 2.5rem); /* min: 16px, max: 40px */
  height: 100vh;
  @media (max-width: 1040px) {
    height: 100svh;
  }
  .Hero-icon path {
    transition: fill 0.4s;
    transition-delay: 0.25s;
    
  }
  &.showPreloader {
    z-index: 999;
    .Hero-icon {
      path {
        fill: #000;
      }

      transform: translateY(-25vh);
      @media (max-width: 1440px) {
        --offset: clamp(0rem, calc(-8.154rem + 17.212vw), 12.5rem); /* min: 0px, max: 200px */
        transform: translateY(calc(-80vh + var(--offset)));
      }
      @media (max-width: 760px) {
        transform: translateY(-50vh);
      }
    }
  }

  &.hidePreloader {
    .Hero-icon {
      transform: translateY(0);
    }

    .Hero-wrapper {
      transform: translateY(-100vh);
    }
  }

  .Hero-icon {
    z-index: 1;
    max-width: 100%;
    height: min-content;
    transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);
  }

  .Hero-wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);

    .Preloader {
      width: 100%;
      height: 100%;
      background: #fff;
    }
    .Hero-bg {
      width: 100vw;
      height: 100vh;
      object-fit: cover;
      z-index: 0;
    }
  }
}

@keyframes moveTo {
  0% {
    transform: translateY(100vh);
  }
}
@keyframes HeroIcon {
  0% {
    transform: translateY(-25vh);
  }
}
.Preloader {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #000;
  padding-bottom: clamp(5.375rem, calc(4.958rem + 0.868vw), 6rem);

  /* min: 86px, max: 96px */
  span {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(1.125rem, calc(0.852rem + 1.165vw), 2.25rem);
    /* min: 18px, max: 36px */
    line-height: 110%;
    letter-spacing: -0.06em;
    color: #000;
    transition: opacity 0.3s ease-out;
  }

  &.hidePreloader {
    span {
      opacity: 0;
    }
  }

  @media (max-width: 760px) {
    align-items: center;

    span {
      transform: translateY(10vh);
    }
  }
}.VideoPlayer {
  width: 100%;
  height: 100%;
  position: relative;
  .VideoPlayer-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    object-position: 50% 10%;
  }

  .VideoPlayer-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 99;
  }
}
:root {
  --height: clamp(18.75rem, calc(3.875rem + 30.99vw), 41.063rem); /* min: 300px, max: 657px */
  --offset: 300px;
  --countProjects: 0;
  --sizeProject: calc(var(--height) + var(--offset));
  --accHeightTitle: 0;
  --indexProject: 0;
}

.ProjectsSection {
  width: 100%;

  --fontSizeTextRight: 18px;
  --heightImg: 617px;
  --gapHeadToImg: 12px;

  margin-top: clamp(3.75rem, calc(2.083rem + 3.472vw), 6.25rem); /* min: 60px, max: 100px */
  padding-top: clamp(4rem, calc(2.5rem + 3.125vw), 6.25rem); /* min: 64px, max: 100px */

  .ProjectsSection-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 0 20px;

    width: 100%;
    justify-content: space-between;
    @media (max-width: 1226px) {
      grid-template-columns: 1fr 0.8fr 1fr 1fr 1fr;
    }
    margin-top: 24px;

    .ProjectsSection-container-titles {
      display: flex;
      flex-direction: column;
      grid-column: 1/3;

      .Project-title-animate {
        &:first-child {
          margin-top: 0;
        }
        font-family: var(--font-family);
        font-weight: 400;
        font-size: clamp(4rem, calc(3.515rem + 2.071vw), 6rem);
        /* min: 64px, max: 96px */
        line-height: 120%;
        letter-spacing: -0.04em;
        color: #000;
        position: sticky;
        top: calc(var(--accHeightTitle) + var(--heightHeader));
        margin-top: calc(
          var(--fontSizeTextRight) * 1.2 + var(--heightImg) + var(--gapHeadToImg) + var(--offset) -
            var(--heightBefore)
        );
        height: var(--newHeight);
        z-index: 99;
        transition: opacity 0.25s ease-in, transform 1s ease-out;

        .Project-title-button {
          font-size: inherit;
          color: inherit;
          line-height: inherit;
          letter-spacing: inherit;
          margin: 0;
          font-weight: inherit;
          text-align: left;
          overflow: hidden;
        }

        /* &.isAllToBottom {
          opacity: 0;
          transform: translateY(150px);
        } */
      }
    }

    .ProjectsSection-container-items {
      grid-column: 3/6;
      display: flex;
      flex-direction: column;
      position: relative;
      min-height: min-content;
      gap: var(--offset);

      .Project {
        display: flex;
        flex-direction: column;
        cursor: pointer;

        .Project-title {
          font-family: var(--font-family);
          font-weight: 400;
          font-size: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
          /* min: 44px, max: 64px */
          line-height: 120%;
          letter-spacing: -0.04em;
          color: #000;
          margin-bottom: 8px;
          display: none;
        }
        @media (hover: hover) {
          &:hover {
            .Project_img img {
              transform: scale(1.05);
            }
          }
        }

        .Project_container {
          display: flex;
          flex-direction: column;
          gap: var(--gapHeadToImg);

          .Project_header {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0 20px;

            .wrap-header-y-s {
              display: flex;
              grid-column: 3 / 4;
              flex-direction: row;
              justify-content: space-between;
            }

            span {
              font-family: var(--font-family);
              font-weight: 500;
              font-size: var(--fontSizeTextRight);
              letter-spacing: -0.02em;
              text-transform: uppercase;
              color: #000;
              line-height: 120%;

              &.header-year {
                margin-right: auto;
              }
              &.header-square {
                margin-left: auto;
              }
            }
          }

          .Project_img {
            width: 100%;
            height: fit-content;
            position: relative;
            overflow: hidden;
            display: flex;
            &.isHover img {
              transform: scale(1.05);
            }
            img {
              height: var(--heightImg);
              pointer-events: none;
              width: 100%;
              transition: transform 0.3s ease;
            }
          }
        }
      }
    }
  }

  .Projects_footer {
    display: flex;
    justify-content: space-between;
    .Button {
      font-size: clamp(2rem, calc(-0.667rem + 5.556vw), 6rem); /* min: 32px, max: 96px */
    }
    margin-top: clamp(2.75rem, calc(0.583rem + 4.514vw), 6rem); /* min: 44px, max: 96px */
    padding-bottom: clamp(4rem, calc(2.5rem + 3.125vw), 6.25rem); /* min: 64px, max: 100px */
  }
}

@media (max-width: 1000px) {
  .ProjectsSection {
    --fontSizeTextRight: clamp(
      0.75rem,
      calc(0.392rem + 1.527vw),
      1.125rem
    ); /* min: 12px, max: 18px */
    --heightImg: clamp(
      12.625rem,
      calc(-0.018rem + 53.944vw),
      25.875rem
    ); /* min: 202px, max: 414px */

    grid-template-columns: 1fr;
    &,
    .ProjectsSection-container,
    .ProjectsSection-container-items {
      height: unset;
    }

    .ProjectsSection-container {
      margin-top: clamp(1rem, calc(0.523rem + 2.036vw), 1.5rem); /* min: 16px, max: 24px */
      .ProjectsSection-container-titles {
        display: none;
      }
      .ProjectsSection-container-items {
        grid-column: 1/6 !important;
        gap: clamp(2.5rem, calc(1.069rem + 6.107vw), 4rem); /* min: 40px, max: 64px */

        .Project {
          width: 100%;
          gap: 8px;
          .Project-title {
            display: flex;
            height: fit-content;
            margin: 0;
            position: static;
            font-size: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem); /* min: 44px, max: 64px */
          }

          .Project_container {
            gap: 8px;

            .Project_header {
              display: flex;
              flex-direction: row;
              gap: 8px;
              order: 2;
              justify-content: space-between;

              .wrap-header-y-s {
                display: flex;
                flex-direction: row;
                grid-column: auto;
              }

              span {
                opacity: 0.5;

                &.header-year {
                  margin: unset !important;
                }

                &.header-square {
                  display: none;
                }
              }
            }

            .Project_img {
              img {
              }
            }
          }
        }
      }
    }

    .Projects_footer {
      .Button {
        font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem); /* min: 24px, max: 32px */
      }
      margin-top: 44px;
      padding-bottom: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem); /* min: 44px, max: 64px */
    }
  }
}

@media (max-width: 540px) {
  .ProjectsSection {
    .ProjectsSection-container {
      .ProjectsSection-container-items {
        .Project {
          .Project-title {
            line-height: 110%;
          }
        }
      }
    }
  }
}
.Degree {
  sup {
    font-family: var(--font-family);
    font-size: 18px;
    color: #000;
    margin-left: 4px;
    @media (max-width: 768px) {
      font-size: clamp(0.75rem, calc(0.392rem + 1.527vw), 1.125rem);
      /* min: 12px, max: 18px */
      /* viewPort: 375-768 */
    }
  }
}
.AboutUsMedia {
  .AboutUsMedia-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(3rem, calc(1rem + 4.167vw), 6rem); /* min: 48px, max: 96px */
    line-height: 120%;
    letter-spacing: -0.04em;
    color: #000;
    max-width: 1468px;
    margin-top: clamp(1rem, calc(0.667rem + 0.694vw), 1.5rem); /* min: 16px, max: 24px */
    margin-bottom: clamp(2rem, calc(1.5rem + 1.042vw), 2.75rem); /* min: 44px, max: 32px */
  }

  .AboutUsMedia-networks {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    .Button {
      height: fit-content;
      padding: 28px 32px;
      gap: 6px;
      text-align: left;
      align-items: start;
      height: 104px;
      font-size: 24px;
      &.addPadd {
        padding: 40px 32px;
      }
      & > p {
        font-size: 24px;
        line-height: 100%;
        letter-spacing: -0.03em;
      }
      & > span {
        font-size: clamp(1.125rem, calc(0.696rem + 0.893vw), 1.5rem); /* min: 24px, max: 18px */
        line-height: 100%;
        letter-spacing: -0.03em;
      }
    }
  }

  .AboutUsMedia-container {
    width: 100%;
    gap: 0 clamp(0.5rem, calc(0rem + 1.042vw), 1.25rem); /* min: 8px, max: 20px */
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: clamp(4rem, calc(2.667rem + 2.778vw), 6rem); /* min: 64px, max: 96px */
    .MediaItem {
      width: 100%;
      position: relative;
      height: clamp(25.875rem, calc(16.458rem + 19.618vw), 40rem); /* min: 414px, max: 640px */
    }
    a:first-child > .MediaItem {
      grid-column: span 2;
    }
    a:last-child > .MediaItem {
      grid-column: span 3;
    }

    .MediaItem {
      display: flex;
      align-items: flex-end;
      overflow: hidden;
      cursor: pointer;
      &,
      * {
        transition: all 0.2s ease-out;
      }
      @media (hover: hover) {
        &:hover img {
          transform: scale(1.05);
        }
      }

      img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        pointer-events: none;
      }
      .MediaItem_text {
        z-index: 2;
        --px: clamp(1rem, calc(0.788rem + 0.906vw), 1.875rem); /* min: 16px, max: 30px */
        --py: clamp(1rem, calc(0.939rem + 0.259vw), 1.25rem); /* min: 16px, max: 20px */
        padding: var(--py) var(--px);
        display: flex;
        flex-direction: column;
        gap: 4px;

        .MediaItem_text-title {
          font-family: var(--font-family);
          font-weight: 400;
          font-size: clamp(2.25rem, calc(1.75rem + 1.042vw), 3rem); /* min: 36px, max: 48px */
          line-height: 120%;
          letter-spacing: -0.04em;
          color: #fff;
          transition: none;
        }
        .MediaItem_text-subtitle {
          font-family: var(--font-family);
          font-weight: 400;
          font-size: clamp(1.125rem, calc(0.696rem + 0.893vw), 1.5rem); /* min: 18px, max: 24px */
          line-height: 100%;
          letter-spacing: -0.02em;
          color: #fff;
          transition: none;
        }
      }
    }
  }

  @media (max-width: 1000px) {
    .AboutUsMedia-title {
      margin-bottom: clamp(2rem, calc(1.284rem + 3.053vw), 2.75rem); /* min: 32px, max: 44px */
      font-size: clamp(2rem, calc(1.046rem + 4.071vw), 3rem); /* min: 32px, max: 48px */
      line-height: 110%;
    }

    .AboutUsMedia-networks {
      gap: clamp(0.25rem, calc(0.011rem + 1.018vw), 0.5rem); /* min: 4px, max: 8px */

      .Button {
        padding: clamp(0.813rem, calc(-0.082rem + 3.817vw), 1.75rem)
          clamp(1rem, calc(0.046rem + 4.071vw), 2rem);
        /* min: 13px, max: 28px */
        /* min: 16px, max: 32px */

        height: clamp(3.5rem, calc(0.637rem + 12.214vw), 6.5rem); /* min: 56px, max: 104px */
        font-size: clamp(1rem, calc(0.523rem + 2.036vw), 1.5rem); /* min: 16px, max: 24px */

        &.addPadd {
          padding: clamp(1.25rem, calc(0.057rem + 5.089vw), 2.5rem)
            clamp(1rem, calc(0.046rem + 4.071vw), 2rem);
          /* min: 20px, max: 40px */
          /* min: 16px, max: 32px */
        }

        gap: clamp(0.25rem, calc(0.131rem + 0.509vw), 0.375rem); /* min: 4px, max: 6px */
        & > p {
          font-size: clamp(1rem, calc(0.523rem + 2.036vw), 1.5rem); /* min: 16px, max: 24px */
        }
        & > span {
          font-size: clamp(0.625rem, calc(0.148rem + 2.036vw), 1.125rem); /* min: 10px, max: 18px */
        }
      }
    }

    .AboutUsMedia-container {
      gap: clamp(0.5rem, calc(0.023rem + 2.036vw), 1rem); /* min: 8px, max: 16px */
      display: flex;
      flex-direction: column;
      .MediaItem {
        height: clamp(22.5rem, calc(19.28rem + 13.74vw), 25.875rem); /* min: 360px, max: 414px */
      }
      a:first-child > .MediaItem {
        grid-column: span 2;
      }
      a:last-child > .MediaItem {
        grid-column: span 3;
      }

      .MediaItem {
        .MediaItem_text {
          font-size: clamp(2rem, calc(1.761rem + 1.018vw), 2.25rem); /* min: 32px, max: 36px */
          letter-spacing: -0.06em;

          .MediaItem_text-title {
            font-size: clamp(2rem, calc(1.761rem + 1.018vw), 2.25rem); /* min: 32px, max: 36px */
          }
        }
        .MediaItem_text-subtitle {
          font-size: clamp(0.875rem, calc(0.636rem + 1.018vw), 1.125rem); /* min: 14px, max: 18px */
          letter-spacing: -0.03;
        }
      }
    }
  }
}
.ContactForm {
  padding-bottom: clamp(2.75rem, calc(1.9rem + 3.625vw), 6.25rem); /* min: 44px, max: 100px */
  .ContactForm-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(3rem, calc(1.483rem + 6.472vw), 9.25rem); /* min: 48px, max: 148px */
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #000;
    margin-top: 24px;
    margin-bottom: clamp(2.75rem, calc(1.961rem + 3.366vw), 6rem); /* min: 44px, max: 96px */
  }

  .ContactForm-form {
    display: flex;
    flex-direction: column;
    gap: 48px;
    margin-bottom: clamp(2.75rem, calc(1.961rem + 3.366vw), 6rem); /* min: 44px, max: 96px */
  }
  .ButtonArrow {
    text-transform: unset;
    align-items: center;
    margin: unset;
    gap: clamp(0.5rem, calc(0.379rem + 0.518vw), 1rem); /* min: 8px, max: 16px */
    svg {
      --size: clamp(2rem, calc(1.818rem + 0.777vw), 2.75rem); /* min: 32px, max: 44px */
      height: var(--size);
      width: var(--size);
    }
  }
}

.ConsentCheckbox {
  width: min(652px, 100%);
  &,
  * {
    transition: all 0.3s ease-out;
  }
  & > .wrapper {
    display: flex;
    align-items: center;
    padding: 20px 0 16px;
    gap: 16px;
  }
  .ConsentCheckbox-error {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: -0.04em;
    color: #ff3b30;
  }

  &.active .ConsentCheckbox_checkbox {
    background: #000;
    .ConsentCheckbox_checkbox-icon {
      opacity: 1;
      path {
        fill: #ffffff;
        stroke: #ffffff;
      }
    }
  }

  .ConsentCheckbox_checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: clamp(1.5rem, calc(1.379rem + 0.518vw), 2rem); /* min: 24px, max: 32px */
    aspect-ratio: 2/2;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: #fff;
    transition: all 0.3 ease-out;
    cursor: pointer;
    .ConsentCheckbox_checkbox-icon {
      width: 80%;
      opacity: 0;
    }
  }
  .ConsentCheckbox-text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 136%;
    letter-spacing: -0.02em;
    color: #000;
    opacity: 0.3;
    user-select: none;

    span {
      text-decoration: underline;
      text-decoration-skip-ink: none;
      cursor: pointer;
      text-underline-offset: 5px;
      text-decoration-thickness: 1px;
    }
  }

  @media (max-width: 768px) {
    .ConsentCheckbox-text {
      font-size: clamp(0.875rem, calc(0.636rem + 1.018vw), 1.125rem); /* min: 14px, max: 18px */
    }
  }

  @media (max-width: 500px) {
    .ConsentCheckbox-text {
      font-weight: 400;
    }
  }
}

.Input {
  position: relative;
  width: min(724px, 100%);
  &,
  * {
    transition: all 0.3s ease-out;
  }
  .Input_wrapper {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 4px;
  }

  &.error {
    .Input-label,
    .Input-self,
    .Input-message {
      color: #ff3b30;
    }
    .Input-message {
      opacity: 1;
    }
    .Input-label {
      font-size: clamp(1.25rem, calc(1.083rem + 0.347vw), 1.5rem);
      /* min: 20px, max: 24px */
      /* viewPort: 768-1920 */
      opacity: 1;
      &::before {
        display: inline-block;
      }
    }
  }

  .Input-label {
    display: flex;
    align-items: flex-end;
    text-wrap: nowrap;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.02em;
    min-height: 30px;
    text-transform: uppercase;
    color: #000;
    cursor: text;
    opacity: 0.5;
    transition: 0.3s ease-out;
    &::before {
      content: '*';
      display: none;
    }
  }

  &:focus-within,
  &.noEmpty {
    .Input-label {
      font-size: clamp(0.563rem, calc(0.438rem + 0.26vw), 0.75rem);
      /* min: 9px, max: 12px */
      /* viewPort: 768-1920 */
      opacity: 0.5;
      transform: translateY(-12px);

      &::before {
        content: '*';
        display: none;
      }
    }
  }

  .Input-message {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #000;

    opacity: 0;
  }
  .Input-self {
    border: none;
    outline: none;
    background: none;
    width: 100%;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(1.25rem, calc(1.189rem + 0.259vw), 1.5rem); /* min: 20px, max: 24px */
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #000;
    padding-bottom: 12px;
  }

  @media (max-width: 768px) {
    .Input-label {
      font-size: clamp(1.25rem, calc(1.011rem + 1.018vw), 1.5rem); /* min: 20px, max: 24px */
    }
  }

  @media (max-width: 500px) {
    .Input-label {
      font-weight: 400;
    }
  }
}
:root {
  --aspectRatioMedia: 0;
}
.MediaSection {
  display: flex;
  align-items: flex-end;
  position: relative;

  aspect-ratio: var(--aspectRatioMedia);
  height: 100vh;
  width: 100%;
  @media (max-width: 500px) {
    min-height: 100vh;
  }
  .MediaSection_media {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    pointer-events: none;
  }

  .MediaSection_text {
    z-index: 2;
    padding-bottom: 40px;
    .MediaSection_text-subtitle {
      font-family: var(--font-family);
      font-weight: 500;
      font-size: 24px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #fff;
      font-family: var(--font-family);
      font-weight: 500;
      font-size: clamp(0.875rem, calc(0.723rem + 0.647vw), 1.5rem); /* min: 14px, max: 24px */
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #fff;
      margin-bottom: 24px;
      opacity: 0.5;
    }

    .MediaSection_text-title {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(1.75rem, calc(1.204rem + 2.33vw), 4rem); /* min: 28px, max: 64px */
      line-height: 120%;
      letter-spacing: -0.04em;
      color: #fff;
      width: min(1346px, 100%);
    }
  }
}
.ProjectPage {
  --gap: clamp(6rem, calc(-2.5rem + 17.708vw), 18.75rem);
  /* min: 96px, max: 300px */
  /* viewPort: 768-1920 */

  @media (max-width: 768px) {
    --gap: clamp(4rem, calc(2.092rem + 8.142vw), 6rem);
    /* min: 64px, max: 96px */
    /* viewPort: 375-768 */
  }

  .FilterProject {
    display: flex;
    flex-direction: column;
    gap: inherit;

    @media (max-width: 768px) {
      width: 100%;
    }
    .FilterItem {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: inherit;

      .FilterItem-container {
        grid-column: span 3;
        gap: 24px;

        .FilterItem-item-cancel {
          flex-basis: 100%;
        }
      }

      @media (max-width: 1440px) {
        grid-template-columns: repeat(5, 1fr);

        .FilterItem-title {
          grid-column: span 2;
        }
      }

      @media (max-width: 768px) {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        .FilterItem-title {
          grid-column: unset;
        }
        &.active .FilterItem-container {
          grid-column: 1/6;
        }
        .FilterItem-container {
          display: grid;
          grid-template-columns: 1fr 1fr;
          min-width: 100%;

          flex-direction: column;
          .FilterItem-item-cancel {
            grid-column: 1/2;
          }
          .FilterItem-item {
            display: flex;
            justify-content: start;
            width: 100%;
          }
        }
      }
      @media (max-width: 450px) {
        .FilterItem-container {
          grid-template-columns: 1fr;
        }
      }
    }
  }

  .ProjectPage-title {
    gap: 32px;
    display: flex;
    gap: clamp(1rem, calc(0.307rem + 1.411vw), 2rem);
    /* min: 16px, max: 32px */
    margin-top: clamp(1.5rem, calc(1.379rem + 0.518vw), 2rem);
    /* min: 24px, max: 32px */

    text-wrap: nowrap;
    @media (max-width: 404px) {
      justify-content: space-between;
    }
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);
    /* min: 64px, max: 96px */
    /* viewPort: 768-1920 */

    @media (max-width: 768px) {
      font-size: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
      /* min: 44px, max: 64px */
      /* viewPort: 375-768 */
    }

    line-height: 110%;
    letter-spacing: -0.04em;
    color: #000;
  }

  .ProjectPage_filter-ModeSwitcher {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 64px 20px;
    margin-top: 44px;

    .FilterProject {
      grid-column: span 4;
      gap: 16px 20px;
    }
    .ModeSwitcher {
      margin-top: auto;
      margin-left: auto;
    }

    @media (max-width: 1440px) {
      .FilterProject {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 768px) {
      display: flex;
      flex-direction: column;
      gap: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem); /* min: 64px, max: 44px */
      .ModeSwitcher {
        gap: 8px;
      }
      .FilterProject {
        gap: 16px;

        .FilterItem {
          display: flex;
          flex-direction: column;
          gap: 0;

          .FilterItem-container {
            gap: 16px 8px;
            margin-top: 32px;
          }

          .FilterItem-item-cancel {
            margin-top: 8px;
          }
        }
      }
    }
  }

  .ProjectPage_container {
    display: grid;
    grid-template-columns: 1fr 1fr 0.9fr 1fr 1fr;
    gap: 20px;

    margin-top: clamp(2.75rem, calc(0.583rem + 4.514vw), 6rem);
    /* min: 44px, max: 96px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(2rem, calc(1.284rem + 3.053vw), 2.75rem);
      /* min: 32px, max: 44px */
      /* viewPort: 375-768 */
    }

    .ProjectPage_container-left {
      display: flex;
      flex-direction: column;
      grid-column: 1/3;
      div:first-child {
        .ProjectCardTable {
          padding-top: 0;
        }
      }
    }
    &.__desktop_grid,
    &.__mobile_grid {
      .ProjectPage_container-left {
        gap: var(--gap);
      }
    }

    &.__mobile_grid,
    &.__desktop_list,
    &.__mobile_list {
      .ProjectCard {
        width: 100%;
      }
      grid-template-columns: 1fr;
      .ProjectPage_container-left {
        grid-column: 1/6;
      }
    }
    .ProjectPage_container-right {
      grid-column: 3/6;
      &:not(&.__desktop_grid) {
        display: none;
      }

      .ProjectCardImg {
        position: sticky;
        top: var(--HeaderHeight);
        transition: all 0.2s ease-out;
        width: 100%;
        overflow: hidden;
        cursor: pointer;
        aspect-ratio: 1096/722;
        @starting-style {
          opacity: 0.8;
        }
        &.isHover img {
          transform: scale(1.05);
        }
        img {
          width: 100%;
          height: 100%;
          transition: transform 0.3s ease-out;
          object-fit: cover;
          @media (hover: hover) {
            &:hover {
              transform: scale(1.05);
            }
          }
          &:active,
          &:focus-visible {
            transform: scale(1.05);
          }
        }
      }
    }
  }

  .ContactForm {
    margin-top: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);
    /* min: 124px, max: 200px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem);
      /* min: 96px, max: 124px */
      /* viewPort: 375-768 */
    }
  }
}
.ProjectCard {
  width: min(724px, 100%);

  /* .ProjectCard-title_ {
    position: relative;
    &:hover::before  {
      opacity: 1;
    }
    &::before {
      content: attr(data-title);

      position: absolute;
      top: 100%;
      transition: opacity 0.3s ease-out;
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(1.5rem, calc(1.136rem + 1.553vw), 3rem);
      line-height: 120%;
      letter-spacing: -0.04em;
      text-align: center;
      color: #000;
      opacity: 0;
      background: white;
      

    }
  } */

  .ProjectCard-title {
    word-wrap: break-word;
    cursor: pointer;
    font-family: var(--font-family);
    font-weight: 400;
    line-height: 100%;
    max-width: 100%;
    letter-spacing: -0.04em;
    color: #000;
    padding-bottom: 8px;
    /* word-break: break-all; */
    font-size: 6.667vw;

    @media (max-width: 1024px) {
      font-size: clamp(4rem, calc(2.092rem + 8.142vw), 6rem);
      /* min: 64px, max: 96px */
      /* viewPort: 375-768 */
    }
  }

  .ProjectCard-description {
    width: min(642px, 100%);
    text-wrap: balance;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.04em;
    color: #000;
    opacity: 0.5;
  }

  .ProjectCard_footer {
    display: flex;
    width: 100%;
    .Tag {
      width: fit-content !important;
    }
  }

  .ProjectCard-img {
    width: 100%;
    anchor-scope: 2/2;
    cursor: pointer;
    overflow: hidden;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.3s transform;
      @media (hover: hover) {
        &:hover {
          transform: scale(1.05);
        }
      }
      &:active,
      &:focus-visible {
        transform: scale(1.05);
      }
    }
  }

  .ProjectCard-btn {
    margin-top: 124px;
  }

  @media (min-width: 1024px) {
    .ProjectCard-description {
      margin-top: clamp(1.5rem, calc(1.197rem + 1.294vw), 2.75rem);
      /* min: 24px, max: 44px */
      margin-bottom: 72px;
    }

    .ProjectCard_footer {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      /* display: grid;
      grid-template-columns: 1fr 1fr 1fr; */
      gap: 20px;
    }

    .ProjectCard-img {
      display: none;
      .Tag {
        width: fit-content;
      }
    }
  }

  @media (max-width: 1024px) {
    .ProjectCard-btn {
      display: none;
    }
    .ProjectCard-description {
      display: none;
    }

    .Tag.__typeStand {
      display: none;
    }
    .ProjectCard-img {
      pointer-events: unset;
      cursor: pointer;
      height: clamp(46rem, calc(33.542rem + 25.955vw), 64.688rem);
      /* min: 736px, max: 1035px */
      /* viewPort: 768-1920 */

      @media (max-width: 1440px) {
        height: clamp(22.438rem, calc(-0.046rem + 95.929vw), 46rem);
        /* min: 359px, max: 736px */
        /* viewPort: 375-768 */
      }
    }
    .ProjectCard_footer {
      display: flex;
      margin: clamp(1.5rem, calc(1.379rem + 0.518vw), 2rem) 0;
      /* min: 24px, max: 32px */
      gap: clamp(5.125rem, calc(-4.894rem + 42.748vw), 15.625rem);
      /* min: 82px, max: 250px */
      /* viewPort: 375-768 */
    }
  }
}
.ProjectCardList {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
  gap: 20px;
  padding: 64px 0;
  cursor: pointer;
  transition: background 0.3s ease-out;
  overflow: hidden;
  @media (hover: hover) {
    &:hover {
      &::before {
        transform: translateX(0);
      }
    }
  }
  &.active {
    &::before {
      transform: translateX(0);
    }
  }
  position: relative;
  &::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: translateX(-100%);
    transition: transform 0.8s ease-out;
    height: 2px;
    background: #000;
  }
  border-bottom: 1px solid rgb(0, 0, 0, 0.1);
  .ProjectCardList-title {
    word-wrap: break-word;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);
    /* min: 64px, max: 96px */
    /* viewPort: 768-1920 */
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #000;
    grid-column: 1/3;
  }
  .Tag {
    &.__exhibition {
      grid-column: 3/3;
    }
    &.__typeStand {
      grid-column: 4/4;
    }
    &.__year {
      grid-column: 5/5;
    }
  }
}
.ModeSwitcher {
  display: flex;
  align-items: center;
  gap: 40px;
  box-shadow: 0 1px 0 0 rgb(0, 0, 0, 0.1);
  height: min-content;
  padding-bottom: 1px;
  width: fit-content;
  @media (max-width: 1024px) {
    width: 100%;
  }

  .ModeSwitcher_item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    opacity: 0.5;
    padding-bottom: 16px;
    gap: 8px;
    transition: opacity .3s ease-out;

    @media (hover: hover) {
      &:hover {
        &,
        &:before {
          opacity: .6;
        }
      }
    }

    &.active {
      &,
      &:before {
        opacity: 1;
      }
    }
    &:before {
      content: '';
      display: block;
      position: absolute;
      top: 100%;
      height: 4px;
      width: 100%;
      background: #000;
      opacity: 0;
      transition: opacity .3s ease-out;
      @media (max-width: 768px) {
        height: 3px;
      }
    }
    .ModeSwitcher_item-text {
      font-family: var(--font-family);
      font-weight: 500;
      font-size: 18px;
      line-height: 100%;

      text-transform: uppercase;
      color: #000;
    }
    .ModeSwitcher_item-icon {
    }
  }

  @media (max-width: 768px) {
    .ModeSwitcher_item {
      padding-bottom: clamp(0.75rem, calc(0.511rem + 1.018vw), 1rem); /* min: 12px, max: 16px */
      .ModeSwitcher_item-text {
        font-size: clamp(1rem, calc(0.881rem + 0.509vw), 1.125rem); /* min: 16px, max: 18px */
      }
      .ModeSwitcher_item-icon {
        width: clamp(1.25rem, calc(1.011rem + 1.018vw), 1.5rem); /* min: 20px, max: 24px */
        height: clamp(1.25rem, calc(1.011rem + 1.018vw), 1.5rem); /* min: 20px, max: 24px */
      }
    }
  }
}
.FilterItem {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 32px;

  &.active {
    .wrap-anim-FilterItem-container {
      grid-template-rows: 1fr;
    }

    .FilterItem-title {
      opacity: 1;
    }
  }

  .FilterItem-title {
    display: flex;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(2rem, calc(1.714rem + 0.595vw), 2.25rem); /* min: 32px, max: 36px */
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #000;
    display: flex;
    gap: 8px;
    opacity: 0.5;
    cursor: pointer;
    text-wrap: nowrap;
    width: fit-content;

    transition: opacity 0.3s ease-out;
  }

  .wrap-anim-FilterItem-container {
    grid-column: span 3;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-out;
    overflow: hidden;
    min-height: 0;

    .wrap-FilterItem-container {
      min-height: 0vw;

      .FilterItem-container {
        display: flex;
        gap: 16px 24px;
        align-items: center;
        margin-bottom: clamp(1rem, calc(-1.286rem + 4.762vw), 3rem); /* min: 16px, max: 48px */
        flex-wrap: wrap;

        .FilterItem-item {
          font-family: var(--font-family);
          font-weight: 400;
          font-size: clamp(1.25rem, calc(1.007rem + 1.036vw), 2.25rem);
          /* min: 20px, max: 36px */
          line-height: 110%;
          letter-spacing: -0.04em;
          color: #000;
          cursor: pointer;
          opacity: 0.5;
          user-select: none;
          transition: opacity 0.3s ease-out;

          @media (hover: hover) {
            &:hover {
              opacity: 0.6;
            }
          }
          &.active {
            opacity: 1;
          }
        }
      }
    }
  }

  .FilterItem-item-cancel {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(1rem, calc(0.879rem + 0.518vw), 1.5rem); /* min: 16px, max: 24px */
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #000;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.3s ease;
    @media (hover: hover) {
      &:hover {
        opacity: 1;
      }
    }
  }

  @media (hover: hover) {
    .FilterItem-title:hover {
      opacity: 1;
    }
  }

  @media (max-width: 768px) {
    .FilterItem-title {
      font-size: clamp(1.75rem, calc(1.511rem + 1.018vw), 2rem); /* min: 28px, max: 32px */
    }
  }
}

.IconPlus {
  width: clamp(1.5rem, calc(0.929rem + 1.19vw), 2rem); /* min: 24px, max: 32px */
  height: clamp(1.5rem, calc(0.929rem + 1.19vw), 2rem); /* min: 24px, max: 32px */
}
.ProjectCardTable {
  --offset: clamp(2rem, calc(1.284rem + 3.053vw), 2.75rem);
    /* min: 32px, max: 44px */
    /* viewPort: 375-768 */

  padding-bottom: var(--offset);
  padding-top: var(--offset);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  
  .ProjectCardTable_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    .ProjectCardTable_head-title {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(2.75rem, calc(0.961rem + 7.634vw), 4.625rem);
      /* min: 44px, max: 74px */
      letter-spacing: -0.04em;
      color: #111;
    }
    .ProjectCardTable_head-svg {
      --size: clamp(2rem, calc(1.284rem + 3.053vw), 2.75rem);
      /* min: 32px, max: 44px */
      width: var(--size);
      height: var(--size);
      cursor: pointer;
    }
  }
  .ProjectCardTable_main {
    width: clamp(14.75rem, calc(2.524rem + 52.163vw), 27.563rem);
    /* min: 236px, max: 441px */
    display: flex;
    justify-content: space-between;
    margin-top: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
    /* min: 24px, max: 32px */
  }
}
:root {
  --offset: clamp(2.75rem, calc(0.583rem + 4.514vw), 6rem);
  /* min: 44px, max: 96px */
  /* viewPort: 768-1920 */
}

.ProjectPage {
  display: flex;
  flex-direction: column;

  .__nextItem {
    display: flex;
    flex-direction: column;
    margin: auto;

    gap: clamp(0.5rem, calc(0.257rem + 1.036vw), 1.5rem);
    /* min: 8px, max: 24px */
    margin-top: clamp(2.75rem, calc(0.583rem + 4.514vw), 6rem);
    /* min: 44px, max: 96px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(2rem, calc(1.284rem + 3.053vw), 2.75rem);
      /* min: 32px, max: 44px */ /* viewPort: 375-768 */
    }
    .Subtitle {
      font-size: clamp(0.875rem, calc(0.792rem + 0.174vw), 1rem);
      /* min: 16px, max: 14px */
      /* viewPort: 768-1920 */
      @media (max-width: 768px) {
        font-size: clamp(0.875rem, calc(0.756rem + 0.509vw), 1rem);
        /* min: 14px, max: 16px */
        /* viewPort: 375-768 */
      }
    }
    .Button {
      padding: 0;
      font-size: clamp(2.75rem, calc(1.917rem + 1.736vw), 4rem);
      /* min: 44px, max: 64px */
      /* viewPort: 768-1920 */
      @media (max-width: 768px) {
        font-size: clamp(2rem, calc(1.284rem + 3.053vw), 2.75rem);
        /* min: 32px, max: 44px */
        /* viewPort: 375-768 */
      }
    }
  }

  .ProjectPage_title {
    font-family: var(--font-family);
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #000;
    margin-bottom: 44px;
    margin-top: clamp(1.5rem, calc(1.167rem + 0.694vw), 2rem);
    /* min: 24px, max: 32px */
    /* viewPort: 768-1920 */
    font-size: clamp(6rem, calc(1.667rem + 9.028vw), 12.5rem);
    /* min: 96px, max: 200px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-bottom: 64px;
      font-size: clamp(4rem, calc(-4.111rem + 34.606vw), 12.5rem);
      /* min: 64px, max: 200px */
      /* viewPort: 375-768 */
    }
  }

  .ProjectPage_tags {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    &.isDesc {
      margin-bottom: clamp(2.75rem, calc(0.583rem + 4.514vw), 6rem);
      /* min: 44px, max: 96px */
      /* viewPort: 768-1920 */
    }

    flex-wrap: wrap;
    gap: 20px;

    .ProjectPage_tags-container {
      display: flex;
      flex-direction: column;
      grid-column: 3/6;
      width: 100%;
      gap: 96px;
      /* width: min(1096px, 100%); */

      .ProjectPage_tag {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
      }

      .Tag {
        gap: clamp(0.5rem, calc(0.167rem + 0.694vw), 1rem); /* min: 8px, max: 16px */
      }
    }

    @media (max-width: 768px) {
      grid-template-columns: 1fr;

      .ProjectPage_tags-container {
        grid-column: 1/6;
      }
    }
  }

  .ProjectPage-description {
    .Tag-title {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(1.5rem, calc(1.167rem + 0.694vw), 2rem);
      /* min: 24px, max: 32px */
      /* viewPort: 768-1920 */
      line-height: 136%;
      letter-spacing: -0.02em;
      color: #000;
      text-wrap: balance;
    }
    &.__table {
      display: none;
    }
  }
  .block_1.__intro {
    .ImgWithText-text {
      display: none;

      @media (max-width: 768px) {
        display: block;
      }
    }
  }
  @media (max-width: 768px) {
    /* .ImgWithText.block_1 {
      order: 0;
    }

    .Scheme3D {
      order: 2;
    }

    .SwiperScheme {
      order: 1;
    }

    .ContactForm {
      order: 9;
    }

    .__nextItem {
      order: 9;
    }

    .ImgWithText.block_3 {
      order: 3;
    }

    .ImgWithText.block_2 {
      order: 4;
    } */

    .ProjectPage_tags.__desktop,
    .ProjectPage_tags {
      flex-direction: column;
      gap: 32px;
    }

    .ProjectPage_tags.__desktop {
      .ProjectPage-description {
        display: none;
      }

      .ProjectPage_tags-container {
        flex-direction: column;
        .ProjectPage_tag {
          display: flex;
          flex-direction: column;
          gap: 32px;
        }
      }
    }

    .ProjectPage-description.__table {
      display: flex;
    }
  }
}

.Paragraph {
  font-family: var(--font-family);
  font-weight: 400;

  font-size: clamp(2rem, calc(0.667rem + 2.778vw), 4rem);
  /* min: 32px, max: 64px */
  /* viewPort: 768-1920 */
  @media (max-width: 768px) {
    font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
    /* min: 24px, max: 32px */
    /* viewPort: 375-768 */
  }
  line-height: 136%;
  letter-spacing: -0.04em;
  color: #000;
}

.ImgWithText {
  display: flex;
  flex-direction: column;
  margin-top: var(--offset);
  gap: var(--offset);

  &.isLastText .ImgWithText-text {
    order: 2;
  }

  .ImgWithText_imgs {
    display: grid;
    gap: 44px 20px;

    &.isSecondImgs {
      grid-template-columns: 1fr 1fr;
      .ImgWithText-img {
        height: clamp(46rem, calc(33.542rem + 25.955vw), 64.688rem);
        /* min: 736px, max: 1035px */
        /* viewPort: 768-1920 */
      }

      @media (max-width: 1440px) {
        .ImgWithText-img {
          height: clamp(22.438rem, calc(-0.046rem + 95.929vw), 46rem);
          /* min: 359px, max: 736px */
          /* viewPort: 375-768 */
        }
        grid-template-columns: 1fr;
      }
    }

    &:not(&.isSecondImgs) {
      grid-template-columns: 1fr;
      max-height: 80vh;
      height: clamp(25.813rem, calc(-0.146rem + 54.08vw), 64.75rem);
      /* min: 413px, max: 1036px */
      /* viewPort: 768-1920 */
      @media (max-width: 768px) {
        height: clamp(12.625rem, calc(0.042rem + 53.69vw), 25.813rem);
        /* min: 202px, max: 413px */
        /* viewPort: 375-768 */
      }
    }
    .ImgWithText-img {
      /* pointer-events: none; */
      height: 100%;
      overflow: hidden;
      max-height: 80vh;
      cursor: pointer;
      img {
        width: 100%;
      }
    }

    .VideoPlayer {
      aspect-ratio: auto;
    }

    @media (max-width: 768px) {
      flex-direction: column;
    }
  }
}

.VideoPlayer {
  width: 100%;
  height: 100%;
  aspect-ratio: 1840/1036;
  .VideoPlayer-iframe {
    width: 100%;
    height: 100%;
  }
}

.SwiperScheme {
  margin-top: var(--offset);
  .SwiperScheme_text {
    .SwiperScheme_text-title {
      font-family: var(--font-family);
      font-weight: 400;
      color: #000;
      font-size: clamp(2rem, calc(0.667rem + 2.778vw), 4rem);
      /* min: 32px, max: 64px */
      /* viewPort: 768-1920 */
      @media (max-width: 768px) {
        font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
        /* min: 24px, max: 32px */
        /* viewPort: 375-768 */
      }
      line-height: 110%;
      letter-spacing: -0.04em;
      margin-bottom: clamp(0.5rem, calc(-0.167rem + 1.389vw), 1.5rem);
      /* min: 24px, max: 8px */
      /* viewPort: 768-1920 */
    }
    .SwiperScheme_text-description {
      width: clamp(22.75rem, calc(7.75rem + 31.25vw), 45.25rem);
      /* min: 724px, max: 364px */
      /* viewPort: 768-1920 */

      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(1rem, calc(0.879rem + 0.518vw), 1.5rem);
      /* min: 16px, max: 24px */
      line-height: 136%;
      letter-spacing: -0.04em;
      color: #000;
      opacity: 0.5;
    }
  }

  .SwiperScheme_swiper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-bottom: 12px;
    width: 90vw;
    margin-top: clamp(1.5rem, calc(-1.5rem + 6.25vw), 6rem);
    /* min: 24px, max: 96px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(1rem, calc(0.523rem + 2.036vw), 1.5rem);
      /* min: 16px, max: 24px */
      /* viewPort: 375-768 */
    }
    .SwiperScheme_swiper-item {
      img {
        object-fit: contain;
        pointer-events: none;
        height: clamp(46rem, calc(33.542rem + 25.955vw), 64.688rem);
        /* min: 736px, max: 1035px */
        /* viewPort: 768-1920 */

        @media (max-width: 1440px) {
          height: clamp(22.438rem, calc(-0.046rem + 95.929vw), 46rem);
          /* min: 359px, max: 736px */
          /* viewPort: 375-768 */
          grid-template-columns: 1fr;
        }
      }
    }

    .SwiperScheme_swiper-prev {
      left: 0;
      svg {
        transform: scale(-1);
      }
    }
    .SwiperScheme_swiper-next {
      right: 0;
    }
    .SwiperScheme_swiper-prev,
    .SwiperScheme_swiper-next {
      background: #ebebeb;
      border-radius: 50%;
      width: clamp(2.75rem, calc(1.25rem + 3.125vw), 5rem);
      /* min: 44px, max: 80px */
      /* viewPort: 768-1920 */
      aspect-ratio: 2/2;
      position: absolute;
      z-index: 22;
      cursor: pointer;
      &:active,
      &:focus-visible {
        opacity: 0.5;
      }

      svg {
        --size: clamp(1.188rem, calc(0.563rem + 1.302vw), 2.125rem);
        /* min: 19px, max: 34px */
        /* viewPort: 768-1920 */
        width: var(--size);
        height: var(--size);
        margin-top: 5%;
      }
    }
  }

  .SwiperScheme_swiper-pagination {
    position: absolute;
    display: flex;
    gap: 8px;
    bottom: 0;
    z-index: 10;
    span {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #ebebeb;
      &.active {
        background: #000;
      }
    }
  }

  @media (max-width: 768px) {
    .SwiperScheme_swiper-prev,
    .SwiperScheme_swiper-next {
      display: none;
    }
  }
}

.Scheme3D {
  margin-top: var(--offset);

  .Scheme3D_head {
    display: grid;
    margin-bottom: 32px;
    grid-template-columns: repeat(5, 1fr);
    gap: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem) 20px;
    /* min: 44px, max: 64px */
    /* viewPort: 375-768 */
    .Scheme3D_text {
      grid-column: 1/2;
      .Scheme3D_text-title {
        font-family: var(--font-family);
        font-weight: 400;
        line-height: 110%;
        letter-spacing: -0.04em;
        color: #000;
        margin-bottom: clamp(0.5rem, calc(-0.167rem + 1.389vw), 1.5rem);
        /* min: 8px, max: 24px */
        /* viewPort: 768-1920 */

        width: clamp(23.25rem, calc(14.042rem + 19.184vw), 37.063rem);
        /* min: 372px, max: 593px */
        /* viewPort: 768-1920 */
        font-size: clamp(2rem, calc(0.667rem + 2.778vw), 4rem);
        /* min: 32px, max: 64px */
        /* viewPort: 768-1920 */
        @media (max-width: 768px) {
          font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
          /* min: 24px, max: 32px */
          /* viewPort: 375-768 */

          width: clamp(12.563rem, calc(2.365rem + 43.511vw), 23.25rem);
          /* min: 201px, max: 372px */
          /* viewPort: 375-768 */
        }
      }
      .Scheme3D_text-description {
        font-family: var(--font-family);
        font-weight: 400;
        line-height: 136%;
        letter-spacing: -0.04em;
        color: #000;
        /* fontsize 16,18,24 */
        /* width 201,226,724 */

        width: clamp(14.125rem, calc(-6.625rem + 43.229vw), 45.25rem);
        /* min: 226px, max: 724px */
        /* viewPort: 768-1920 */
        font-size: clamp(1.125rem, calc(0.875rem + 0.521vw), 1.5rem);
        /* min: 18px, max: 24px */
        /* viewPort: 768-1920 */
        @media (max-width: 768px) {
          width: clamp(12.563rem, calc(11.072rem + 6.361vw), 14.125rem);
          /* min: 201px, max: 226px */
          /* viewPort: 375-768 */
          font-size: clamp(1rem, calc(0.881rem + 0.509vw), 1.125rem);
          /* min: 16px, max: 18px */
          /* viewPort: 375-768 */
        }
        /* 201,372,593*/
      }
    }

    .Scheme3D_tags {
      display: flex;
      align-items: flex-end;
      grid-column: 4/6;
      justify-content: space-between;
      margin-bottom: 32px;
    }

    @media (max-width: 1240px) {
      grid-template-columns: 1fr;
      grid-template-rows: 2fr;

      .Scheme3D_tags {
        grid-column: 1/1;
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
    }
  }

  .Scheme3D_container img {
    object-fit: cover;
    cursor: pointer;

    height: clamp(25.813rem, calc(-0.146rem + 54.08vw), 64.75rem);
    /* min: 413px, max: 1036px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      height: clamp(12.625rem, calc(0.042rem + 53.69vw), 25.813rem);
      /* min: 202px, max: 413px */
      /* viewPort: 375-768 */
    }
  }
}
.ThankYouPage {
  margin-bottom: 200px;

  @media (max-width: 1040px) {
    margin-bottom: clamp(28.313rem, calc(22.528rem + 24.682vw), 34.375rem);
    /* min: 453px, max: 550px */
    /* viewPort: 375-768 */
  }
  .ThankYouPage-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(4rem, calc(1.5rem + 5.208vw), 7.75rem);
    /* min: 64px, max: 124px */
    /* viewPort: 768-1920 */

    line-height: 110%;
    letter-spacing: -0.04em;
    color: #000;
    width: min(1468px, 100%);
    text-wrap: balance;
    margin-top: clamp(1rem, calc(0.667rem + 0.694vw), 1.5rem);
    /* min: 16px, max: 24px */
    /* viewPort: 768-1920 */
    margin-bottom: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);
    /* min: 64px, max: 96px */
    /* viewPort: 768-1920 */

    @media (max-width: 768px) {
      font-size: clamp(2rem, calc(0.092rem + 8.142vw), 4rem);
      /* min: 32px, max: 64px */
      /* viewPort: 375-768 */
    }
  }
  .ButtonArrow {
    font-size:clamp(2rem, calc(1.333rem + 1.389vw), 3rem); 
    /* min: 32px, max: 48px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem); /* min: 24px, max: 32px */
      /* viewPort: 375-768 */
    }
  }
}
.FeedPage {
  display: flex;
  flex-direction: column;

  .FeedPage-title {
    display: flex;
    gap: clamp(2rem, calc(1rem + 2.083vw), 3.5rem);
    /* min: 32px, max: 56px */ /* viewPort: 768-1920 */
    margin: 0 auto;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(4rem, calc(1.5rem + 5.208vw), 7.75rem);
    /* min: 64px, max: 124px */ /* viewPort: 768-1920 */
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #000;

    span {
      cursor: pointer;
      transition: opacity 0.3s ease-out;
      &.active {
        opacity: 0.3;
        &:hover {
          opacity: 0.2;
        }
      }
      &:not(&.active) {
        opacity: 1;
        &:hover {
          opacity: 0.5;
        }
      }
    }
    margin-top: clamp(1.5rem, calc(1.167rem + 0.694vw), 2rem);
    /* min: 24px, max: 32px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      gap: clamp(1.5rem, calc(1.167rem + 0.694vw), 2rem);
      /* min: 24px, max: 32px */ /* viewPort: 768-1920 */
      font-size: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
      /* min: 44px, max: 64px */ /* viewPort: 375-768 */
    }
  }

  .Filter {
    margin: auto;
    margin-top: clamp(5.125rem, calc(2.542rem + 5.382vw), 9rem);
    /* min: 82px, max: 144px */ /* viewPort: 768-1920 */
    margin-bottom: clamp(2.75rem, calc(1.917rem + 1.736vw), 4rem);
    /* min: 44px, max: 64px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(2.75rem, calc(0.484rem + 9.669vw), 5.125rem);
      /* min: 44px, max: 82px */ /* viewPort: 375-768 */
      margin-bottom: clamp(1.5rem, calc(0.307rem + 5.089vw), 2.75rem);
      /* min: 24px, max: 44px */ /* viewPort: 375-768 */
    }
  }

  .FeedPage_container {
    display: flex;
    flex-direction: column;
    width: min(1096px, 100%);
    --gap: clamp(2rem, calc(1.284rem + 3.053vw), 2.75rem);
    /* min: 32px, max: 44px */ /* viewPort: 375-768 */
    gap: var(--gap);
    margin: auto;
    padding-top: var(--gap);
    border-top: 1px solid rgb(0, 0, 0, 0.1);
    .Article {
      padding-bottom: var(--gap);
      border-bottom: 1px solid rgb(0, 0, 0, 0.1);
    }
  }

  .Pagination {
    margin-top: clamp(4rem, calc(2.542rem + 3.038vw), 6.188rem);
    /* min: 64px, max: 99px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
      /* min: 44px, max: 64px */ /* viewPort: 375-768 */
    }
  }
  .ContactForm {
    margin: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem) 0;
    /* min: 124px, max: 200px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem) 0;
      /* min: 96px, max: 124px */ /* viewPort: 375-768 */
    }
  }
}
.Filter {
  display: flex;
  gap: 28px;
  width: fit-content;
  list-style: none;

  .Filter-item {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(1.5rem, calc(1.167rem + 0.694vw), 2rem); 
    /* min: 24px, max: 32px */ /* viewPort: 768-1920 */
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #000;
    opacity: 0.5;
    transition: opacity 0.3s ease-out;
    cursor: pointer;

    &.active {
      opacity: 1;
    }
    @media (max-width: 768px) {
      font-size: clamp(1.125rem, calc(0.767rem + 1.527vw), 1.5rem); 
      /* min: 18px, max: 24px */ /* viewPort: 375-768 */
    }
  }
}.Pagination {
  width: min(1096px, 100%);
  display: flex;
  margin: 0 auto;
  justify-content: space-between;

  .Pagination_list {
    display: flex;
    align-items: center;
    list-style-type: none;
    gap: clamp(2.75rem, calc(1.917rem + 1.736vw), 4rem);
    /* min: 44px, max: 64px */ /* viewPort: 768-1920 */

    .Pagination_list-item {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(1.125rem, calc(0.767rem + 1.527vw), 1.5rem);
      /* min: 18px, max: 24px */ /* viewPort: 375-768 */
      line-height: 100%;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #000;
      cursor: pointer;
      opacity: 0.5;
      transition: 0.3s ease-out;
      @media (hover: hover) {
        &:hover {
          opacity: 1;
        }
      }
      &.active,
      &:active,
      &:focus-visible {
        opacity: 1;
      }
    }

    @media (max-width: 768px) {
      gap: clamp(2rem, calc(1.284rem + 3.053vw), 2.75rem);
      /* min: 32px, max: 44px */
      /* viewPort: 375-768 */
    }
  }

  .ButtonArrow.Pagination-arrow {
    .Button {
      padding: 0;
      @media (max-width: 768px) {
        display: none;
      }
    }
    .ButtonArrow-icon {
      margin: 0 !important;
    }
  }
}
.Article {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.125rem, calc(1.006rem + 0.509vw), 1.25rem);
  &:hover,
  &:active,
  &:focus-visible {
    cursor: pointer;
    .Article-img img {
      transform: scale(1.05);
    }
  }
  /* min: 18px, max: 20px */
  /* viewPort: 375-768 */
  .Article-img {
    grid-column: 1/1;
    height: 100%;
    height: 420px;
    --width: clamp(9.375rem, calc(-2.672rem + 51.399vw), 22rem);
    /* min: 352px, max: 150px */
    /* viewPort: 375-768 */
    min-width: min(var(--width), 100%);
    overflow: hidden;
    img {
      transition: 0.3s ease-out;
    }
  }

  .Article_info {
    grid-column: 2/4;
    .Article_info-date {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(0.875rem, calc(0.517rem + 1.527vw), 1.25rem);
      /* min: 14px, max: 20px */
      /* viewPort: 375-768 */
      line-height: 136%;
      letter-spacing: -0.04em;
      color: #000;
      opacity: 0.5;
    }
    .Article_info-title,
    .Article_info-desc {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      /* ограничение на 3 строки */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .Article_info-title {
      font-family: var(--font-family);
      font-weight: 400;

      line-height: 120%;
      letter-spacing: -0.04em;
      color: #000;
      font-size: clamp(2rem, calc(0.667rem + 2.778vw), 4rem);
      /* min: 32px, max: 64px */
      /* viewPort: 768-1920 */
      margin-top: clamp(1rem, calc(0.5rem + 1.042vw), 1.75rem);
      /* min: 16px, max: 28px */
      /* viewPort: 768-1920 */
      margin-bottom: clamp(0.5rem, calc(0.023rem + 2.036vw), 1rem);

      /* min: 8px, max: 16px */
      /* viewPort: 375-768 */
      @media (max-width: 768px) {
        font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
        /* min: 24px, max: 32px */
        /* viewPort: 375-768 */
        margin-top: clamp(0.75rem, calc(0.511rem + 1.018vw), 1rem);
        /* min: 12px, max: 16px */
        /* viewPort: 375-768 */
      }
    }

    .Article_info-desc {
      font-family: var(--font-family);
      font-weight: 400;
      line-height: 136%;
      font-size: clamp(1.125rem, calc(0.875rem + 0.521vw), 1.5rem);
      /* min: 18px, max: 24px */
      /* viewPort: 768-1920 */
      letter-spacing: -0.04em;
      color: #000;
      opacity: 0.5;

      @media (max-width: 768px) {
        font-size: clamp(0.875rem, calc(0.636rem + 1.018vw), 1.125rem);
        /* min: 14px, max: 18px */
        /* viewPort: 375-768 */
      }
    }
  }
  @media (max-width: 1440px) {
    grid-template-columns: repeat(2, 1fr);
    .Article-img {
      grid-column: 1/2;
    }
    .Article_info {
      grid-column: 2/3;
    }
  }
  @media (max-width: 600px) {
    grid-template-columns: repeat(1, 1fr);

    .Article-img {
      grid-column: 1/1;
    }

    .Article_info {
      grid-column: 1/1;
    }
  }
}
.MapWebsite {
  .MapWebsite-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(2.75rem, calc(1.536rem + 5.178vw), 7.75rem); /* min: 44px, max: 124px */
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #000;
    margin-top: clamp(1.5rem, calc(1.379rem + 0.518vw), 2rem); /* min: 24px, max: 32px */
    margin-bottom: clamp(2.75rem, calc(1.961rem + 3.366vw), 6rem); /* min: 44px, max: 96px */
  }

  .MapWebsite_footer {
    display: flex;
    margin-bottom: clamp(6rem, calc(4.119rem + 8.026vw), 13.75rem); /* min: 96px, max: 220px */
    @media (max-width: 1440px) {
      flex-wrap: wrap;
    }
    justify-content: space-between;
    gap: 100px;

    .InfoList {
      .InfoList-title {
        text-wrap: balance;
        width: 200px;
      }
      .InfoList-container {
        width: clamp(10.938rem, calc(8.252rem + 11.456vw), 22rem); /* min: 175px, max: 352px */
      }
    }
    .MapWebsite_footer-left {
      display: flex;
      flex-direction: column;
      gap: clamp(4rem, calc(3.515rem + 2.071vw), 6rem);
      /* min: 64px, max: 96px */
      justify-content: space-between;
      grid-template-rows: 1fr 1fr;
      grid-column: 1 / 2;
    }
    .MapWebsite_footer-right {
      display: flex;
      flex-direction: column;
      gap: clamp(4rem, calc(3.515rem + 2.071vw), 6rem);
      /* min: 64px, max: 96px */
      justify-content: space-between;
      grid-template-rows: 1fr 1fr;
      grid-column: 3 / 5;
    }
  }
}
.ServiceCategoryPage,
.InteractiveExhibit {
  .TitlePage {
    font-size: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);
    /* min: 64px, max: 96px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      font-size: clamp(2.75rem, calc(1.438rem + 5.598vw), 4.125rem);
      /* min: 44px, max: 66px */ /* viewPort: 375-768 */
    }
  }
}

.Services {
  .Services_container {
    display: flex;
    flex-direction: column;
    @media (max-width: 768px) {
      margin-bottom: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem);
      /* min: 96px, max: 124px */
      /* viewPort: 375-768 */
    }
  }
  .ContactForm {
    margin-top: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);

    /* min: 124px, max: 200px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem);
      /* min: 96px, max: 124px */
      /* viewPort: 375-768 */
    }
  }
}

.ItemService {
  padding: clamp(4rem, calc(2.5rem + 3.125vw), 6.25rem) 0;
  /* min: 64px, max: 100px */
  /* viewPort: 768-1920 */
  border-bottom: 1px solid rgb(0, 0, 0, 0.1);
  &:first-child {
    border-top: 1px solid rgb(0, 0, 0, 0.1);
  }
  .ItemService_index {
    display: block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(1.25rem, calc(1.083rem + 0.347vw), 1.5rem);
    /* min: 20px, max: 24px */
    /* viewPort: 768-1920 */

    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000;
    opacity: 0.5;
    margin-bottom: clamp(1rem, calc(0.523rem + 2.036vw), 1.5rem);
    /* min: 16px, max: 24px */
    /* viewPort: 375-768 */
    @media (max-width: 768px) {
      font-size: clamp(0.875rem, calc(0.517rem + 1.527vw), 1.25rem);
      /* min: 14px, max: 20px */
      /* viewPort: 375-768 */
    }
  }
  .ItemService_inner {
    display: flex;
    justify-content: space-between;

    gap: clamp(1rem, calc(0.523rem + 2.036vw), 1.5rem);
    /* min: 16px, max: 24px */
    /* viewPort: 375-768 */
    .ItemService-title {
      width: clamp(23.25rem, calc(8.583rem + 30.556vw), 45.25rem);
      /* min: 372px, max: 724px */
      /* viewPort: 768-1920 */
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(3rem, calc(1rem + 4.167vw), 6rem);
      /* min: 48px, max: 96px */
      /* viewPort: 768-1920 */
      line-height: 110%;
      letter-spacing: -0.04em;
      color: #000;

      @media (max-width: 768px) {
        font-size: clamp(2rem, calc(1.046rem + 4.071vw), 3rem);
        /* min: 32px, max: 48px */
        /* viewPort: 375-768 */
        width: clamp(22.438rem, calc(21.662rem + 3.308vw), 23.25rem);
        /* min: 359px, max: 372px */
        /* viewPort: 375-768 */
      }
    }
    .ItemService_container {
      --w: clamp(43.75rem, calc(42.75rem + 2.083vw), 45.25rem);
      /* min: 700px, max: 724px */
      /* viewPort: 768-1920 */
      width: min(var(--w), 100%);
      .ItemService_desc {
        width: 100%;

        font-family: var(--font-family);
        font-weight: 400;
        font-size: clamp(1.5rem, calc(1.167rem + 0.694vw), 2rem);
        /* min: 24px, max: 32px */
        /* viewPort: 768-1920 */
        line-height: 120%;
        letter-spacing: -0.02em;
        color: #000;
        opacity: 0.5;
        &::first-letter {
          text-transform: uppercase;
        }
        margin-bottom: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);
        .ButtonArrow .Button {
          text-wrap: nowrap;
        }
        /* min: 64px, max: 96px */
        /* viewPort: 768-1920 */
        @media (max-width: 768px) {
          font-size: clamp(1rem, calc(0.523rem + 2.036vw), 1.5rem);
          /* min: 16px, max: 24px */
          /* viewPort: 375-768 */

          margin-bottom: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
          /* min: 44px, max: 64px */
          /* viewPort: 375-768 */
        }
      }

      .ButtonArrow.ItemService_btn {
        padding: 0;
        --offset: clamp(0.25rem, calc(0.083rem + 0.347vw), 0.5rem);
        /* min: 4px, max: 8px */
        /* viewPort: 768-1920 */

        gap: clamp(0.5rem, calc(0.023rem + 2.036vw), 1rem);
        /* min: 8px, max: 16px */
        /* viewPort: 375-768 */

        & > .ButtonArrow-icon {
          --size: clamp(1.125rem, calc(0.29rem + 3.562vw), 2rem);
          /* min: 18px, max: 32px */
          /* viewPort: 375-768 */
          width: var(--size);
          height: var(--size);
          margin-top: calc(var(--offset) / 2) !important;
        }

        .Button {
          &::first-letter {
            text-transform: uppercase;
          }
          font-family: var(--font-family);
          font-weight: 400;
          font-size: clamp(2rem, calc(1.833rem + 0.347vw), 2.25rem);
          /* min: 32px, max: 36px */
          /* viewPort: 768-1920 */
          padding-bottom: var(--offset);

          line-height: 110%;
          letter-spacing: -0.04em;

          text-align: center;
          color: #000;

          @media (max-width: 768px) {
            font-size: clamp(1.25rem, calc(0.534rem + 3.053vw), 2rem);
            /* min: 20px, max: 32px */
            /* viewPort: 375-768 */
          }
        }
      }
    }

    @media (max-width: 1440px) {
      display: flex;
      flex-direction: column;
    }
  }
  @media (max-width: 768px) {
    padding-bottom: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
    /* min: 44px, max: 64px */
    /* viewPort: 375-768 */
  }
}
.InfoList.ServicesDesc {
  display: grid;
  grid-template-columns: repeat(5, 1fr);

  gap: clamp(1rem, calc(0.667rem + 0.694vw), 1.5rem);
  /* min: 16px, max: 24px */
  /* viewPort: 768-1920 */

  margin-bottom: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);
  /* min: 124px, max: 200px */
  /* viewPort: 768-1920 */

  .InfoList-title {
    grid-column: 1/1;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(1.25rem, calc(1.083rem + 0.347vw), 1.5rem);
    /* min: 20px, max: 24px */
    /* viewPort: 768-1920 */
    letter-spacing: -0.02em;

    color: #000;

    @media (max-width: 768px) {
      font-size: clamp(0.875rem, calc(0.517rem + 1.527vw), 1.25rem);
      /* min: 14px, max: 20px */
      /* viewPort: 375-768 */
    }
  }

  .InfoList-container {
    grid-column: 3/6;
  }

  .InfoList-item {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(2.25rem, calc(1.75rem + 1.042vw), 3rem);
    /* min: 36px, max: 48px */
    /* viewPort: 768-1920 */
    line-height: 120%;
    letter-spacing: -0.04em;
    color: #000;
    text-transform: unset;
    &::first-letter {
      text-transform: uppercase;
    }
    @media (max-width: 768px) {
      font-size: clamp(1.5rem, calc(0.784rem + 3.053vw), 2.25rem);
      /* min: 24px, max: 36px */
      /* viewPort: 375-768 */
    }
  }

  @media (max-width: 768px) {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, calc(0.523rem + 2.036vw), 1.5rem);
    /* min: 16px, max: 24px */
    /* viewPort: 375-768 */
    margin-bottom: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem);
    /* min: 96px, max: 124px */ /* viewPort: 375-768 */
  }
}
.TitlePage {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(4rem, calc(1.5rem + 5.208vw), 7.75rem);
  /* min: 64px, max: 124px */
  /* viewPort: 768-1920 */
  line-height: 110%;
  letter-spacing: -0.04em;
  color: #000;
  margin-top: clamp(1.5rem, calc(1.167rem + 0.694vw), 2rem);
  /* min: 24px, max: 32px */
  /* viewPort: 768-1920 */
  margin-bottom: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);

  /* min: 64px, max: 96px */
  /* viewPort: 768-1920 */
  @media (max-width: 768px) {
    margin-bottom: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
    /* min: 44px, max: 64px */
    /* viewPort: 375-768 */
  }
}
.ServiceCategoryPage {
  .InfoList {
    grid-template-columns: repeat(5, 1fr);
    .InfoList-title {
      grid-column: 1/1;
      grid-column: 1/1;
      font-family: var(--font-family);
      font-weight: 500;
      font-size: clamp(1.25rem, calc(1.083rem + 0.347vw), 1.5rem);
      /* min: 20px, max: 24px */
      /* viewPort: 768-1920 */
      letter-spacing: -0.02em;

      color: #000;

      @media (max-width: 768px) {
        font-size: clamp(0.875rem, calc(0.517rem + 1.527vw), 1.25rem);
        /* min: 14px, max: 20px */
        /* viewPort: 375-768 */
      }
    }
    .InfoList-container {
      grid-column: 3/6;
    }
  }

  .ServiceCategoryPage-img {
    height: 95.926vh;
    width: 100%;
    margin: clamp(4rem, calc(2.667rem + 2.778vw), 6rem) 0;
    /* min: 64px, max: 96px */ /* viewPort: 768-1920 */
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    @media (max-width: 768px) {
      height: 39.258vh;
    }
    @media (max-width: 500px) {
      height: 24.138vh;
    }
  }

  &:not(&.with-img) {
    .ServiceCategoryPage_info {
      margin-top: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);
      /* min: 124px, max: 200px */
      /* viewPort: 768-1920 */
      @media (max-width: 768px) {
        margin-top: clamp(6rem, calc(4.833rem + 2.431vw), 7.75rem);
        /* min: 96px, max: 124px */
        /* viewPort: 768-1920 */
      }
    }
  }
  .ServiceCategoryPage_info {
    display: grid;
    margin-bottom: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);
    /* min: 124px, max: 200px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-bottom: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem);
      /* min: 96px, max: 124px */ /* viewPort: 375-768 */
    }

    grid-template-columns: repeat(5, 1fr);
    .ServiceCategoryPage_info-block {
      grid-column: 3/6;

      .Subtitle {
        font-size: clamp(1rem, calc(0.917rem + 0.174vw), 1.125rem);
        /* min: 16px, max: 18px */
        /* viewPort: 768-1920 */
        margin-bottom: clamp(1rem, calc(0.667rem + 0.694vw), 1.5rem);
        /* min: 16px, max: 24px */
        /* viewPort: 768-1920 */
      }

      .ButtonArrow.ItemService_btn {
        padding: 0;
        --offset: clamp(0.25rem, calc(0.083rem + 0.347vw), 0.5rem);
        /* min: 4px, max: 8px */
        /* viewPort: 768-1920 */
        gap: clamp(0.5rem, calc(0.023rem + 2.036vw), 1rem);
        /* min: 8px, max: 16px */
        /* viewPort: 375-768 */

        & > .ButtonArrow-icon {
          --size: clamp(1.5rem, calc(0.307rem + 5.089vw), 2.75rem);
          /* min: 24px, max: 44px */
          /* viewPort: 375-768 */
          width: var(--size);
          height: var(--size);
          margin-top: calc(var(--offset) / 2) !important;
        }
        .Button {
          font-family: var(--font-family);
          font-weight: 400;
          font-size: clamp(2rem, calc(1.333rem + 1.389vw), 3rem);
          padding-bottom: var(--offset);
          /* min: 32px, max: 48px */
          /* viewPort: 768-1920 */
          line-height: 120%;
          letter-spacing: -0.04em;
          text-align: center;
          color: #000;
          @media (max-width: 768px) {
            font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
            /* min: 24px, max: 32px */
            /* viewPort: 375-768 */
          }
        }
      }
    }
  }
}
.InteractiveExhibit {
  .ContactForm {
    margin-top: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);

    /* min: 124px, max: 200px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem);
      /* min: 96px, max: 124px */
      /* viewPort: 375-768 */
    }
  }

  .TitlePage {
    margin-bottom: clamp(1.5rem, calc(0.667rem + 1.736vw), 2.75rem); 
    /* min: 24px, max: 44px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-bottom: clamp(1rem, calc(0.523rem + 2.036vw), 1.5rem); 
      /* min: 16px, max: 24px */ /* viewPort: 375-768 */
    }
  }
  .InteractiveExhibit-desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(1.5rem, calc(1.167rem + 0.694vw), 2rem);
    /* min: 24px, max: 32px */ /* viewPort: 768-1920 */
    line-height: 136%;
    letter-spacing: -0.06em;
    color: #000;
    margin-bottom: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);
    /* min: 64px, max: 96px */
    /* viewPort: 768-1920 */

    @media (max-width: 768px) {
      font-size: clamp(1.125rem, calc(0.767rem + 1.527vw), 1.5rem);
      /* min: 18px, max: 24px */
      /* viewPort: 375-768 */
      margin-bottom: clamp(1.5rem, calc(-0.885rem + 10.178vw), 4rem);
      /* min: 24px, max: 64px */
      /* viewPort: 375-768 */
    }
  }

  .InteractiveExhibit-img {
    height: 95.926vh;
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    @media (max-width: 768px) {
      height: 40.43vh;
    }
    @media (max-width: 500px) {
      height: 24.138vh;
    }
  }
}
.Feed {
  .Feed-wrapper {
    width: min(1096px, 100%);
    margin: auto;
  }

  .Feed_header {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, calc(1.167rem + 0.694vw), 2rem);
    /* min: 24px, max: 32px */ /* viewPort: 768-1920 */
    margin-top: clamp(1.5rem, calc(-0.885rem + 10.178vw), 4rem);
    /* min: 24px, max: 64px */ /* viewPort: 375-768 */
    margin-bottom: clamp(2.75rem, calc(1.917rem + 1.736vw), 4rem);
    /* min: 44px, max: 64px */ /* viewPort: 768-1920 */

    .Feed_header-title {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(3rem, calc(2.333rem + 1.389vw), 4rem);
      /* min: 48px, max: 64px */ /* viewPort: 768-1920 */
      line-height: 120%;
      letter-spacing: -0.04em;
      color: #000;
      @media (max-width: 768px) {
        font-size: clamp(2rem, calc(1.046rem + 4.071vw), 3rem);
        /* min: 32px, max: 48px */ /* viewPort: 375-768 */
      }
    }

    .Feed_header-date {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(1.125rem, calc(0.542rem + 1.215vw), 2rem);
      /* min: 18px, max: 32px */ /* viewPort: 768-1920 */
      line-height: 136%;
      letter-spacing: -0.04em;
      color: #000;
      opacity: 0.5;
      @media (max-width: 768px) {
        font-size: clamp(1.125rem, calc(0.29rem + 3.562vw), 2rem);
        /* min: 18px, max: 32px */ /* viewPort: 375-768 */
      }
    }
    @media (max-width: 768px) {
      gap: clamp(1rem, calc(0.523rem + 2.036vw), 1.5rem);
      /* min: 16px, max: 24px */
      /* viewPort: 375-768 */
    }
  }

  .ButtonArrow.Feed-shareBtn {
    margin: auto;
    margin-top: 44px;
    padding: 0;
    --offset: clamp(0.25rem, calc(0.083rem + 0.347vw), 0.5rem);
    /* min: 4px, max: 8px */
    /* viewPort: 768-1920 */
    .ButtonArrow-icon {
      padding: 0;
      margin: 0;
      --size: clamp(1.5rem, calc(0.307rem + 5.089vw), 2.75rem);
      /* min: 44px, max: 24px */ /* viewPort: 375-768 */

      width: var(--size);
      height: var(--size);
      margin-top: calc(var(--offset) / 2) !important;
    }

    .Button {
      padding: 0;
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
      /* min: 24px, max: 32px */ /* viewPort: 375-768 */
      line-height: 120%;
      letter-spacing: -0.04em;
      text-align: center;
      color: #000;
    }
  }

  .Feed_networks {
    display: flex;
    margin: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem) 0;
    /* min: 124px, max: 200px */ /* viewPort: 768-1920 */

    .Feed_networks-inner {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: clamp(0.25rem, calc(0.011rem + 1.018vw), 0.5rem);
      /* min: 4px, max: 8px */ /* viewPort: 375-768 */
      .Button {
        height: clamp(3.5rem, calc(0.637rem + 12.214vw), 6.5rem);
        /* min: 56px, max: 104px */ /* viewPort: 375-768 */
      }
    }
    @media (max-width: 768px) {
      margin: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem) 0;
      /* min: 96px, max: 124px */ /* viewPort: 375-768 */
    }
  }

  .Feed_articles {
    margin: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem) auto;
    /* min: 124px, max: 200px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem) auto;
      /* min: 96px, max: 124px */ /* viewPort: 375-768 */
    }
    .Feed_articles-title {
      font-family: var(--font-family);
      font-weight: 400;

      line-height: 120%;
      letter-spacing: -0.04em;
      color: #000;
      font-size: clamp(2rem, calc(0.667rem + 2.778vw), 4rem);
      /* min: 32px, max: 64px */ /* viewPort: 768-1920 */
      margin-bottom: clamp(2.125rem, calc(0.336rem + 7.634vw), 4rem);
      /* min: 34px, max: 64px */ /* viewPort: 375-768 */
      @media (max-width: 768px) {
        font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
        /* min: 24px, max: 32px */ /* viewPort: 375-768 */
      }
    }

    .Feed_articles-inner {
      display: flex;
      flex-direction: column;
      gap: clamp(2.75rem, calc(0.917rem + 3.819vw), 5.5rem);

      /* min: 44px, max: 88px */
      /* viewPort: 768-1920 */
      @media (max-width: 768px) {
        gap: max(2.75rem, calc(1.557rem + 5.089vw), 4rem);
        /* min: 44px, max: 64px */
        /* viewPort: 375-768 */
      }
    }
  }
}

.Feed {
  .Feed-wrapper_block {
    display: flex;
    flex-direction: column;

    gap: clamp(2.75rem, calc(1.917rem + 1.736vw), 4rem);
    /* min: 44px, max: 64px */
    /* viewPort: 768-1920 */
    .Block-wrapper_desc_imgs {
      display: flex;
      flex-direction: column;
      gap: clamp(2.75rem, calc(1.917rem + 1.736vw), 4rem);
      /* min: 44px, max: 64px */
      /* viewPort: 768-1920 */
    }

    .Block-wrapper_title_desc {
      display: flex;
      flex-direction: column;
      gap: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
      /* min: 24px, max: 32px */
      /* viewPort: 375-768 */
    }
  }
  .Block {
    display: flex;
    flex-direction: column;

    *.isNone {
      &,
      * {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
        width: 0 !important;
      }
    }

    .Block-title {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(3rem, calc(2.333rem + 1.389vw), 4rem);
      /* min: 48px, max: 64px */ /* viewPort: 768-1920 */
      line-height: 120%;
      letter-spacing: -0.04em;
      color: #000;

      @media (max-width: 768px) {
        font-size: clamp(2rem, calc(1.046rem + 4.071vw), 3rem);
        /* min: 32px, max: 48px */ /* viewPort: 375-768 */
      }
    }

    .Block-description {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: clamp(1.5rem, calc(1.167rem + 0.694vw), 2rem);
      /* min: 24px, max: 32px */ /* viewPort: 768-1920 */
      line-height: 136%;
      letter-spacing: -0.04em;
      color: #000;

      @media (max-width: 768px) {
        font-size: clamp(1.125rem, calc(0.767rem + 1.527vw), 1.5rem);
        /* min: 18px, max: 24px */ /* viewPort: 375-768 */
      }
    }

    .Block_imgs {
      display: grid;
      gap: clamp(0.5rem, calc(0.333rem + 0.347vw), 0.75rem);
      /* min: 8px, max: 12px */ /* viewPort: 768-1920 */
      max-height: 600px;
      &.imgIsSeconds {
        grid-template-columns: 1fr 1fr;
        .Block_imgs-item {
          height: 55.556vh;
          @media (max-width: 768px) {
            height: 39.258vh;
          }
          @media (max-width: 500px) {
            height: 24.138vh;
          }
        }
        @media (max-width: 500px) {
          grid-template-columns: 1fr;
        }
      }

      &:not(&.imgIsSeconds) {
        grid-template-columns: 1fr;
        .Block_imgs-item {
          height: 55.556vh;

          @media (max-width: 768px) {
            height: 39.258vh;
          }
          @media (max-width: 500px) {
            height: 24.138vh;
          }
        }
      }
    }
  }
}
.AboutUs {
  transition: all 0.5s linear;


  .FAQSection {
    padding-bottom: 0;
    margin-bottom: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);
    /* min: 124px, max: 200px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-bottom: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem);
      /* min: 96px, max: 124px */
      /* viewPort: 375-768 */
    }
  }
  .DocOverview {
    margin-top: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);
    /* min: 124px, max: 200px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem) 0;
      /* min: 96px, max: 124px */
      /* viewPort: 375-768 */
    }
  }
  .AboutUs-info {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-content: space-between;

    --gap-y: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
    /* min: 44px, max: 64px */ /* viewPort: 375-768 */
    margin: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem) 0;
    /* min: 124px, max: 200px */
    /* viewPort: 768-1920 */
    gap: var(--gap-y) 20px;
    @media (max-width: 1000px) {
      display: flex;
      justify-content: space-between;
    }
    @media (max-width: 768px) {
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem) 0;
      /* min: 96px, max: 124px */
      /* viewPort: 375-768 */
    }
  }

  .title-2 {
    margin-top: max(6rem, calc(4.833rem + 2.431vw), 7.75rem);
    /* min: 96px, max: 124px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(6rem, calc(4.833rem + 2.431vw), 7.75rem);
      /* min: 96px, max: 124px */
      /* viewPort: 768-1920 */
    }
  }
  .ButtonArrow.AboutUs_companies-btn {
    padding: 0;
    margin-top: clamp(4.125rem, calc(2.833rem + 2.691vw), 6.063rem);

    /* min: 66px, max: 97px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(2.75rem, calc(1.438rem + 5.598vw), 4.125rem);
      /* min: 44px, max: 66px */
      /* viewPort: 375-768 */
    }

    .ButtonArrow-icon {
      margin-top: 4px;
      --size: clamp(2rem, calc(1.5rem + 1.042vw), 2.75rem);
      /* min: 32px, max: 44px */
      /* viewPort: 768-1920 */
      width: var(--size);
      height: var(--size);

      @media (max-width: 768px) {
        --size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
        /* min: 24px, max: 32px */
        /* viewPort: 375-768 */
      }
    }

    .Button {
      padding: 0;
      font-size: clamp(1.5rem, calc(1.023rem + 2.036vw), 2rem);
      /* min: 32px, max: 24px */
      /* viewPort: 375-768 */
    }
  }
  .AboutUs_companies {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .AboutUs_iso {
    padding-top: clamp(3.875rem, calc(2.292rem + 3.299vw), 6.25rem);
    /* min: 62px, max: 100px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      padding-top: clamp(3rem, calc(2.165rem + 3.562vw), 3.875rem);
      /* min: 48px, max: 62px */ /* viewPort: 375-768 */
    }
    @media (min-width: 1440px) {
      .ButtonArrow.AboutUs_companies-btn.__bottom {
        display: none;
      }
    }
    @media (max-width: 1440px) {
      .ButtonArrow.AboutUs_companies-btn.__top {
        display: none;
      }
      .ButtonArrow.AboutUs_companies-btn.__bottom {
        display: flex;
        margin-left: auto;
        margin-right: auto;
      }
    }

    .AboutUs_iso-head {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      margin-bottom: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);
      /* min: 64px, max: 96px */ /* viewPort: 768-1920 */
      @media (max-width: 768px) {
        margin-bottom: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
        /* min: 44px, max: 64px */ /* viewPort: 375-768 */
      }
      .TitlePage {
        margin: 0;
        width: min(clamp(27.813rem, calc(16.354rem + 23.872vw), 45rem), 100%);
        /* min: 445px, max: 720px */
        /* viewPort: 768-1920 */
      }
    }
  }
}

.TagCounter {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, calc(0.167rem + 0.694vw), 1rem);
  /* min: 8px, max: 16px */ /* viewPort: 768-1920 */
  .TagCounter-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(4rem, calc(2.667rem + 2.778vw), 6rem);
    /* min: 64px, max: 96px */ /* viewPort: 768-1920 */
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #000;
    @media (max-width: 768px) {
      font-size: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
      /* min: 44px, max: 64px */ /* viewPort: 375-768 */
    }
  }
  .TagCounter-subtitle {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(1.125rem, calc(0.875rem + 0.521vw), 1.5rem);
    /* min: 18px, max: 24px */ /* viewPort: 768-1920 */
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000;
    @media (max-width: 768px) {
      font-size: clamp(1rem, calc(0.881rem + 0.509vw), 1.125rem);
      /* min: 16px, max: 18px */ /* viewPort: 375-768 */
    }
  }
}
.CompaniesGrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);

  position: relative;

  &:before {
    content: '';
    position: absolute;
    top:0;bottom:0;
      box-shadow: inset 1px 0 rgba(255, 255, 255), inset -1px 0 rgba(255, 255, 255);
    min-width: 100%;
    min-height: 100%;
    pointer-events: none;

  
  }

  .CompaniesGrid-item {
    display: flex;
    justify-content: center;
    align-items: center;
    --size: clamp(8.813rem, calc(0.021rem + 18.316vw), 22rem);
    /* min: 141px, max: 352px */
    /* viewPort: 768-1920 */
    min-width: var(--size);
    height: var(--size);
    background: white;
    box-shadow: inset 0 0 0 0.5px rgb(0, 0, 0, 0.1);
    
    svg {
      height: 54%;
      width: 54%;
    }
  }

  @media (max-width: 768px) {
    grid-template-columns: repeat(2, 1fr);

    .CompaniesGrid-item {
      --size: max(8.813rem, calc(6.785rem + 8.651vw), 10.938rem);
      /* min: 141px, max: 175px */
      /* viewPort: 375-768 */
    }
  }
}
.Certificates {
  display: flex;
  flex-direction: column;
  gap: clamp(4rem, calc(-1.667rem + 11.806vw), 12.5rem);

  /* min: 64px, max: 200px */
  /* viewPort: 768-1920 */
  @media (max-width: 768px) {
    gap: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem);
    /* min: 44px, max: 64px */
    /* viewPort: 375-768 */
  }
}
.Clients {
  .ContactForm {
    margin-top: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);

    /* min: 124px, max: 200px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem);
      /* min: 96px, max: 124px */
      /* viewPort: 375-768 */
    }
  }
}
.CertificatesPage {
  .TitlePage {
    width: min(790px, 100%);
    @media (max-width: 768px) {
      font-size: clamp(2.75rem, calc(1.557rem + 5.089vw), 4rem); 
      /* min: 44px, max: 64px */ /* viewPort: 375-768 */
    }
  }
  .ContactForm {
    margin-top: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);

    /* min: 124px, max: 200px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem);
      /* min: 96px, max: 124px */ /* viewPort: 375-768 */
    }
  }
}
.FAQPage {
  .FAQSection {
    padding: 0;
    margin-top: clamp(2.75rem, calc(0.583rem + 4.514vw), 6rem);
    /* min: 44px, max: 96px */ /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(1.5rem, calc(0.307rem + 5.089vw), 2.75rem); 
      /* min: 24px, max: 44px */ /* viewPort: 375-768 */
    }
  }
  .ContactForm {
    margin: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem) 0;

    /* min: 124px, max: 200px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem) 0;
      /* min: 96px, max: 124px */
      /* viewPort: 375-768 */
    }
  }
}
.Contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  @media (min-width: 935px) {
    align-items: flex-end;
  }
  .Contacts_info {
    --gap: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);
    /* min: 124px, max: 200px */ /* viewPort: 768-1920 */
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: var(--gap) 0;
    .Contacts_info-item {
      display: grid;
      grid-template-rows: repeat(1, 1fr);
      gap: var(--gap);
    }
    .InfoList.__group-1 {
      grid-column: 1/3;
      grid-row: 1/2;
    }
    .InfoList.__group-2 {
      grid-column: 1/3;
      grid-row: 2/2;
    }
    .InfoList.__group-3 {
      grid-column: 4/6;
      grid-row: 1/2;
    }

    .InfoList.__group-4 {
      grid-column: 4/6;
      grid-row: 2/2;
    }
    @media (max-width: 768px) {
      --gap: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem);
      /* min: 96px, max: 124px */
      /* viewPort: 375-768 */
      display: flex;
      flex-direction: column;
    }
  }
  .ContactForm {
    margin-right: auto;
  }
  .Contacts_map {
    width: 100%;
    cursor: pointer;
    margin-top: clamp(2rem, calc(0.092rem + 8.142vw), 4rem);
    /* min: 32px, max: 64px */ /* viewPort: 375-768 */
    margin-bottom: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);

    /* min: 124px, max: 200px */
    /* viewPort: 768-1920 */
    .map {
      pointer-events: none;
      &.isActiveMenu {
        pointer-events: unset;
      }
    }

    @media (max-width: 768px) {
      margin-bottom: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem);
      /* min: 96px, max: 124px */
      /* viewPort: 375-768 */
    }
  }
}
.Feedbacks {
  .ContactForm {
    margin-top: clamp(7.75rem, calc(4.583rem + 6.597vw), 12.5rem);

    /* min: 124px, max: 200px */
    /* viewPort: 768-1920 */
    @media (max-width: 768px) {
      margin-top: clamp(6rem, calc(4.33rem + 7.125vw), 7.75rem);
      /* min: 96px, max: 124px */
      /* viewPort: 375-768 */
    }
  }
}