@font-face {
  font-family: "otoiwo_grotesk_extended_sem_bd";
  src: url("../fonts/OtoiwoGroteskExtended-SemBd.woff2") format("WOFF2"), url("../fonts/OtoiwoGroteskExtended-SemBd.woff") format("WOFF");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "otoiwo_grotesk_normal_semi_bold";
  src: url("../fonts/OtoiwoGroteskNormal-SemiBold.woff2") format("WOFF2"), url("../fonts/OtoiwoGroteskNormal-SemiBold.woff") format("WOFF");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "otoiwo_grotesk_normal_regular";
  src: url("../fonts/OtoiwoGroteskNormal-Regular.woff2") format("WOFF2"), url("../fonts/OtoiwoGroteskNormal-Regular.woff") format("WOFF");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@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;
}
:root {
  --swiper-theme-color:#007aff;
}

: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;
  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;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

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

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  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-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .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);
  }
}
.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-button-next, .swiper-button-prev {
  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-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev 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;
}

.swiper-button-next:after, .swiper-button-prev: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";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s 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;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.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;
  -moz-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-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s 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: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

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

.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-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  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;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

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

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

.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, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  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;
}

.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, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

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

.swiper.swiper-cards {
  overflow: visible;
}

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

:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-path-flags-1x: url("../img/flags.webp");
  --iti-path-flags-2x: url("../img/flags@2x.webp");
  --iti-path-globe-1x: url("../img/globe.webp");
  --iti-path-globe-2x: url("../img/globe@2x.webp");
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin: 0 !important;
}

.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: var(--iti-border-width);
}

.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}

.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}

.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
}

.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}

.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}

.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}

@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}

.iti__dial-code {
  color: var(--iti-dialcode-color);
}

.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}

.iti__country-list .iti__flag, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}

[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}

.iti .iti__selected-dial-code {
  margin-left: 4px;
}

[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}

.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}

.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}

.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset: 100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__ac {
  --iti-flag-offset: 0px;
}

.iti__ad {
  --iti-flag-offset: -16px;
}

.iti__ae {
  --iti-flag-offset: -32px;
}

.iti__af {
  --iti-flag-offset: -48px;
}

.iti__ag {
  --iti-flag-offset: -64px;
}

.iti__ai {
  --iti-flag-offset: -80px;
}

.iti__al {
  --iti-flag-offset: -96px;
}

.iti__am {
  --iti-flag-offset: -112px;
}

.iti__ao {
  --iti-flag-offset: -128px;
}

.iti__ar {
  --iti-flag-offset: -144px;
}

.iti__as {
  --iti-flag-offset: -160px;
}

.iti__at {
  --iti-flag-offset: -176px;
}

.iti__au {
  --iti-flag-offset: -192px;
}

.iti__aw {
  --iti-flag-offset: -208px;
}

.iti__ax {
  --iti-flag-offset: -224px;
}

.iti__az {
  --iti-flag-offset: -240px;
}

.iti__ba {
  --iti-flag-offset: -256px;
}

.iti__bb {
  --iti-flag-offset: -272px;
}

.iti__bd {
  --iti-flag-offset: -288px;
}

.iti__be {
  --iti-flag-offset: -304px;
}

.iti__bf {
  --iti-flag-offset: -320px;
}

.iti__bg {
  --iti-flag-offset: -336px;
}

.iti__bh {
  --iti-flag-offset: -352px;
}

.iti__bi {
  --iti-flag-offset: -368px;
}

.iti__bj {
  --iti-flag-offset: -384px;
}

.iti__bl {
  --iti-flag-offset: -400px;
}

.iti__bm {
  --iti-flag-offset: -416px;
}

.iti__bn {
  --iti-flag-offset: -432px;
}

.iti__bo {
  --iti-flag-offset: -448px;
}

.iti__bq {
  --iti-flag-offset: -464px;
}

.iti__br {
  --iti-flag-offset: -480px;
}

.iti__bs {
  --iti-flag-offset: -496px;
}

.iti__bt {
  --iti-flag-offset: -512px;
}

.iti__bw {
  --iti-flag-offset: -528px;
}

.iti__by {
  --iti-flag-offset: -544px;
}

.iti__bz {
  --iti-flag-offset: -560px;
}

.iti__ca {
  --iti-flag-offset: -576px;
}

.iti__cc {
  --iti-flag-offset: -592px;
}

.iti__cd {
  --iti-flag-offset: -608px;
}

.iti__cf {
  --iti-flag-offset: -624px;
}

.iti__cg {
  --iti-flag-offset: -640px;
}

.iti__ch {
  --iti-flag-offset: -656px;
}

.iti__ci {
  --iti-flag-offset: -672px;
}

.iti__ck {
  --iti-flag-offset: -688px;
}

.iti__cl {
  --iti-flag-offset: -704px;
}

.iti__cm {
  --iti-flag-offset: -720px;
}

.iti__cn {
  --iti-flag-offset: -736px;
}

.iti__co {
  --iti-flag-offset: -752px;
}

.iti__cr {
  --iti-flag-offset: -768px;
}

.iti__cu {
  --iti-flag-offset: -784px;
}

.iti__cv {
  --iti-flag-offset: -800px;
}

.iti__cw {
  --iti-flag-offset: -816px;
}

.iti__cx {
  --iti-flag-offset: -832px;
}

.iti__cy {
  --iti-flag-offset: -848px;
}

.iti__cz {
  --iti-flag-offset: -864px;
}

.iti__de {
  --iti-flag-offset: -880px;
}

.iti__dj {
  --iti-flag-offset: -896px;
}

.iti__dk {
  --iti-flag-offset: -912px;
}

.iti__dm {
  --iti-flag-offset: -928px;
}

.iti__do {
  --iti-flag-offset: -944px;
}

.iti__dz {
  --iti-flag-offset: -960px;
}

.iti__ec {
  --iti-flag-offset: -976px;
}

.iti__ee {
  --iti-flag-offset: -992px;
}

.iti__eg {
  --iti-flag-offset: -1008px;
}

.iti__eh {
  --iti-flag-offset: -1024px;
}

.iti__er {
  --iti-flag-offset: -1040px;
}

.iti__es {
  --iti-flag-offset: -1056px;
}

.iti__et {
  --iti-flag-offset: -1072px;
}

.iti__fi {
  --iti-flag-offset: -1088px;
}

.iti__fj {
  --iti-flag-offset: -1104px;
}

.iti__fk {
  --iti-flag-offset: -1120px;
}

.iti__fm {
  --iti-flag-offset: -1136px;
}

.iti__fo {
  --iti-flag-offset: -1152px;
}

.iti__fr {
  --iti-flag-offset: -1168px;
}

.iti__ga {
  --iti-flag-offset: -1184px;
}

.iti__gb {
  --iti-flag-offset: -1200px;
}

.iti__gd {
  --iti-flag-offset: -1216px;
}

.iti__ge {
  --iti-flag-offset: -1232px;
}

.iti__gf {
  --iti-flag-offset: -1248px;
}

.iti__gg {
  --iti-flag-offset: -1264px;
}

.iti__gh {
  --iti-flag-offset: -1280px;
}

.iti__gi {
  --iti-flag-offset: -1296px;
}

.iti__gl {
  --iti-flag-offset: -1312px;
}

.iti__gm {
  --iti-flag-offset: -1328px;
}

.iti__gn {
  --iti-flag-offset: -1344px;
}

.iti__gp {
  --iti-flag-offset: -1360px;
}

.iti__gq {
  --iti-flag-offset: -1376px;
}

.iti__gr {
  --iti-flag-offset: -1392px;
}

.iti__gt {
  --iti-flag-offset: -1408px;
}

.iti__gu {
  --iti-flag-offset: -1424px;
}

.iti__gw {
  --iti-flag-offset: -1440px;
}

.iti__gy {
  --iti-flag-offset: -1456px;
}

.iti__hk {
  --iti-flag-offset: -1472px;
}

.iti__hn {
  --iti-flag-offset: -1488px;
}

.iti__hr {
  --iti-flag-offset: -1504px;
}

.iti__ht {
  --iti-flag-offset: -1520px;
}

.iti__hu {
  --iti-flag-offset: -1536px;
}

.iti__id {
  --iti-flag-offset: -1552px;
}

.iti__ie {
  --iti-flag-offset: -1568px;
}

.iti__il {
  --iti-flag-offset: -1584px;
}

.iti__im {
  --iti-flag-offset: -1600px;
}

.iti__in {
  --iti-flag-offset: -1616px;
}

.iti__io {
  --iti-flag-offset: -1632px;
}

.iti__iq {
  --iti-flag-offset: -1648px;
}

.iti__ir {
  --iti-flag-offset: -1664px;
}

.iti__is {
  --iti-flag-offset: -1680px;
}

.iti__it {
  --iti-flag-offset: -1696px;
}

.iti__je {
  --iti-flag-offset: -1712px;
}

.iti__jm {
  --iti-flag-offset: -1728px;
}

.iti__jo {
  --iti-flag-offset: -1744px;
}

.iti__jp {
  --iti-flag-offset: -1760px;
}

.iti__ke {
  --iti-flag-offset: -1776px;
}

.iti__kg {
  --iti-flag-offset: -1792px;
}

.iti__kh {
  --iti-flag-offset: -1808px;
}

.iti__ki {
  --iti-flag-offset: -1824px;
}

.iti__km {
  --iti-flag-offset: -1840px;
}

.iti__kn {
  --iti-flag-offset: -1856px;
}

.iti__kp {
  --iti-flag-offset: -1872px;
}

.iti__kr {
  --iti-flag-offset: -1888px;
}

.iti__kw {
  --iti-flag-offset: -1904px;
}

.iti__ky {
  --iti-flag-offset: -1920px;
}

.iti__kz {
  --iti-flag-offset: -1936px;
}

.iti__la {
  --iti-flag-offset: -1952px;
}

.iti__lb {
  --iti-flag-offset: -1968px;
}

.iti__lc {
  --iti-flag-offset: -1984px;
}

.iti__li {
  --iti-flag-offset: -2000px;
}

.iti__lk {
  --iti-flag-offset: -2016px;
}

.iti__lr {
  --iti-flag-offset: -2032px;
}

.iti__ls {
  --iti-flag-offset: -2048px;
}

.iti__lt {
  --iti-flag-offset: -2064px;
}

.iti__lu {
  --iti-flag-offset: -2080px;
}

.iti__lv {
  --iti-flag-offset: -2096px;
}

.iti__ly {
  --iti-flag-offset: -2112px;
}

.iti__ma {
  --iti-flag-offset: -2128px;
}

.iti__mc {
  --iti-flag-offset: -2144px;
}

.iti__md {
  --iti-flag-offset: -2160px;
}

.iti__me {
  --iti-flag-offset: -2176px;
}

.iti__mf {
  --iti-flag-offset: -2192px;
}

.iti__mg {
  --iti-flag-offset: -2208px;
}

.iti__mh {
  --iti-flag-offset: -2224px;
}

.iti__mk {
  --iti-flag-offset: -2240px;
}

.iti__ml {
  --iti-flag-offset: -2256px;
}

.iti__mm {
  --iti-flag-offset: -2272px;
}

.iti__mn {
  --iti-flag-offset: -2288px;
}

.iti__mo {
  --iti-flag-offset: -2304px;
}

.iti__mp {
  --iti-flag-offset: -2320px;
}

.iti__mq {
  --iti-flag-offset: -2336px;
}

.iti__mr {
  --iti-flag-offset: -2352px;
}

.iti__ms {
  --iti-flag-offset: -2368px;
}

.iti__mt {
  --iti-flag-offset: -2384px;
}

.iti__mu {
  --iti-flag-offset: -2400px;
}

.iti__mv {
  --iti-flag-offset: -2416px;
}

.iti__mw {
  --iti-flag-offset: -2432px;
}

.iti__mx {
  --iti-flag-offset: -2448px;
}

.iti__my {
  --iti-flag-offset: -2464px;
}

.iti__mz {
  --iti-flag-offset: -2480px;
}

.iti__na {
  --iti-flag-offset: -2496px;
}

.iti__nc {
  --iti-flag-offset: -2512px;
}

.iti__ne {
  --iti-flag-offset: -2528px;
}

.iti__nf {
  --iti-flag-offset: -2544px;
}

.iti__ng {
  --iti-flag-offset: -2560px;
}

.iti__ni {
  --iti-flag-offset: -2576px;
}

.iti__nl {
  --iti-flag-offset: -2592px;
}

.iti__no {
  --iti-flag-offset: -2608px;
}

.iti__np {
  --iti-flag-offset: -2624px;
}

.iti__nr {
  --iti-flag-offset: -2640px;
}

.iti__nu {
  --iti-flag-offset: -2656px;
}

.iti__nz {
  --iti-flag-offset: -2672px;
}

.iti__om {
  --iti-flag-offset: -2688px;
}

.iti__pa {
  --iti-flag-offset: -2704px;
}

.iti__pe {
  --iti-flag-offset: -2720px;
}

.iti__pf {
  --iti-flag-offset: -2736px;
}

.iti__pg {
  --iti-flag-offset: -2752px;
}

.iti__ph {
  --iti-flag-offset: -2768px;
}

.iti__pk {
  --iti-flag-offset: -2784px;
}

.iti__pl {
  --iti-flag-offset: -2800px;
}

.iti__pm {
  --iti-flag-offset: -2816px;
}

.iti__pr {
  --iti-flag-offset: -2832px;
}

.iti__ps {
  --iti-flag-offset: -2848px;
}

.iti__pt {
  --iti-flag-offset: -2864px;
}

.iti__pw {
  --iti-flag-offset: -2880px;
}

.iti__py {
  --iti-flag-offset: -2896px;
}

.iti__qa {
  --iti-flag-offset: -2912px;
}

.iti__re {
  --iti-flag-offset: -2928px;
}

.iti__ro {
  --iti-flag-offset: -2944px;
}

.iti__rs {
  --iti-flag-offset: -2960px;
}

.iti__ru {
  --iti-flag-offset: -2976px;
}

.iti__rw {
  --iti-flag-offset: -2992px;
}

.iti__sa {
  --iti-flag-offset: -3008px;
}

.iti__sb {
  --iti-flag-offset: -3024px;
}

.iti__sc {
  --iti-flag-offset: -3040px;
}

.iti__sd {
  --iti-flag-offset: -3056px;
}

.iti__se {
  --iti-flag-offset: -3072px;
}

.iti__sg {
  --iti-flag-offset: -3088px;
}

.iti__sh {
  --iti-flag-offset: -3104px;
}

.iti__si {
  --iti-flag-offset: -3120px;
}

.iti__sj {
  --iti-flag-offset: -3136px;
}

.iti__sk {
  --iti-flag-offset: -3152px;
}

.iti__sl {
  --iti-flag-offset: -3168px;
}

.iti__sm {
  --iti-flag-offset: -3184px;
}

.iti__sn {
  --iti-flag-offset: -3200px;
}

.iti__so {
  --iti-flag-offset: -3216px;
}

.iti__sr {
  --iti-flag-offset: -3232px;
}

.iti__ss {
  --iti-flag-offset: -3248px;
}

.iti__st {
  --iti-flag-offset: -3264px;
}

.iti__sv {
  --iti-flag-offset: -3280px;
}

.iti__sx {
  --iti-flag-offset: -3296px;
}

.iti__sy {
  --iti-flag-offset: -3312px;
}

.iti__sz {
  --iti-flag-offset: -3328px;
}

.iti__tc {
  --iti-flag-offset: -3344px;
}

.iti__td {
  --iti-flag-offset: -3360px;
}

.iti__tg {
  --iti-flag-offset: -3376px;
}

.iti__th {
  --iti-flag-offset: -3392px;
}

.iti__tj {
  --iti-flag-offset: -3408px;
}

.iti__tk {
  --iti-flag-offset: -3424px;
}

.iti__tl {
  --iti-flag-offset: -3440px;
}

.iti__tm {
  --iti-flag-offset: -3456px;
}

.iti__tn {
  --iti-flag-offset: -3472px;
}

.iti__to {
  --iti-flag-offset: -3488px;
}

.iti__tr {
  --iti-flag-offset: -3504px;
}

.iti__tt {
  --iti-flag-offset: -3520px;
}

.iti__tv {
  --iti-flag-offset: -3536px;
}

.iti__tw {
  --iti-flag-offset: -3552px;
}

.iti__tz {
  --iti-flag-offset: -3568px;
}

.iti__ua {
  --iti-flag-offset: -3584px;
}

.iti__ug {
  --iti-flag-offset: -3600px;
}

.iti__us {
  --iti-flag-offset: -3616px;
}

.iti__uy {
  --iti-flag-offset: -3632px;
}

.iti__uz {
  --iti-flag-offset: -3648px;
}

.iti__va {
  --iti-flag-offset: -3664px;
}

.iti__vc {
  --iti-flag-offset: -3680px;
}

.iti__ve {
  --iti-flag-offset: -3696px;
}

.iti__vg {
  --iti-flag-offset: -3712px;
}

.iti__vi {
  --iti-flag-offset: -3728px;
}

.iti__vn {
  --iti-flag-offset: -3744px;
}

.iti__vu {
  --iti-flag-offset: -3760px;
}

.iti__wf {
  --iti-flag-offset: -3776px;
}

.iti__ws {
  --iti-flag-offset: -3792px;
}

.iti__xk {
  --iti-flag-offset: -3808px;
}

.iti__ye {
  --iti-flag-offset: -3824px;
}

.iti__yt {
  --iti-flag-offset: -3840px;
}

.iti__za {
  --iti-flag-offset: -3856px;
}

.iti__zm {
  --iti-flag-offset: -3872px;
}

.iti__zw {
  --iti-flag-offset: -3888px;
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-radius: 0;
  font-family: "otoiwo_grotesk_normal_regular", sans-serif;
  color: white;
  line-height: 144%;
  text-decoration: none;
  list-style: none;
  font-feature-settings: "pnum" on, "lnum" on, "liga" off, "kern" off;
}

html {
  font-size: 16px;
  line-height: 144%;
  font-weight: 400;
}

body {
  background: #000;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body main {
  overflow: hidden;
}
body footer {
  margin-top: auto;
  margin-bottom: 0;
}

select,
input,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
}

button,
[data-popup-btn] {
  cursor: pointer;
  border: none;
}

select,
button,
input[type=submit] {
  cursor: pointer;
}

*:focus {
  outline: transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

b, strong {
  font: inherit;
  color: inherit;
  font-weight: 700;
}

.container {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .container {
    max-width: 500px;
    width: calc(100% - 40px);
  }
}

section {
  padding: 120px 0;
}
@media screen and (max-width: 1024px) {
  section {
    padding: 60px 0;
  }
}

.borderHover {
  position: relative;
  overflow: hidden;
}
.borderHover * {
  position: relative;
  z-index: 4;
}
.borderHover .hoverCursor {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 50%;
  background: #442AC8;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
  filter: blur(20px);
}
.borderHover:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: -10%;
  top: -10%;
  width: 120%;
  height: 120%;
}
.borderHover:after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #0D0D0D;
  border-radius: 12px;
}

.pTag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 4px;
  background: #442AC8;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  width: -moz-max-content;
  width: max-content;
}

@media screen and (max-width: 1024px) {
  .swiper-buttons {
    display: flex;
    border: 2px solid #442AC8;
    border-radius: 8px;
  }
}

.swiper-button {
  width: 58px;
  height: 58px;
  border-radius: 8px;
  border: 2px solid #442AC8;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .swiper-button {
    height: 56px;
    width: 40px;
    border: none;
    border-radius: 6px;
  }
}
@media not all and (pointer: coarse) {
  .swiper-button:hover {
    border-color: #351eaa;
    background: rgba(53, 30, 170, 0.2);
  }
}
.swiper-button:active {
  background: #351eaa;
}
.swiper-button.swiper-button-disabled {
  border-color: #222222;
  pointer-events: none;
}

@keyframes blinking {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes click1 {
  0% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
@keyframes click2 {
  0% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
.acc-body {
  transition: 0.4s;
  overflow: hidden;
}

.overfix,
.overfix2 {
  overflow: hidden;
}

@media screen and (min-width: 1025px) {
  .pcHide {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .mobHide {
    display: none !important;
  }
}

h1, .h1 {
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
  font-size: 64px;
  line-height: 136%;
}
@media screen and (max-width: 1380px) {
  h1, .h1 {
    font-size: 44px;
  }
}
@media screen and (max-width: 1024px) {
  h1, .h1 {
    font-size: 24px;
  }
}

h2, .h2 {
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
  font-size: 48px;
  line-height: 136%;
}
@media screen and (max-width: 1380px) {
  h2, .h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1024px) {
  h2, .h2 {
    font-size: 24px;
  }
}

h3, .h3 {
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
  font-size: 32px;
  line-height: 136%;
}
@media screen and (max-width: 1380px) {
  h3, .h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  h3, .h3 {
    font-size: 20px;
  }
}

h4, h5, h6 {
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
  font-size: 20px;
  line-height: 136%;
}
@media screen and (max-width: 1380px) {
  h4, h5, h6 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  h4, h5, h6 {
    font-size: 18px;
  }
}

.txt-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 20px;
}
@media screen and (max-width: 1024px) {
  .txt-content {
    font-size: 16px;
  }
}
.txt-content * {
  line-height: 1.7;
}
.txt-content h2 {
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
  font-size: 32px;
  line-height: 136%;
  margin: 24px 0 12px;
}
@media screen and (max-width: 1024px) {
  .txt-content h2 {
    font-size: 24px;
  }
}
.txt-content h3, .txt-content h4, .txt-content h5, .txt-content h6 {
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
  font-size: 20px;
  line-height: 136%;
  margin: 24px 0 12px;
}
@media screen and (max-width: 1024px) {
  .txt-content h3, .txt-content h4, .txt-content h5, .txt-content h6 {
    font-size: 20px;
  }
}
.txt-content img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 12px 0;
}
.txt-content ul {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.txt-content ul li {
  list-style: disc;
}
.txt-content ol {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.txt-content ol li {
  list-style: decimal;
}
.txt-content a {
  text-decoration: underline;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .txt-content a:hover {
    color: #7156FE;
  }
}
.txt-content a:active {
  color: #7156FE;
}
.txt-content table {
  border-collapse: collapse;
  margin: 12px 0;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .txt-content table tr {
    display: flex;
    flex-direction: column;
    border: 1px solid #343434;
    padding: 16px;
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .txt-content table tr:nth-child(1) {
    display: none;
  }
}
.txt-content table tr:nth-child(1) td {
  background: #0D0D0D;
}
.txt-content table td {
  padding: 16px;
  border: 1px solid #343434;
}
@media screen and (max-width: 1024px) {
  .txt-content table td {
    border: none;
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .txt-content table td::before {
    content: attr(data-title);
    display: block;
    font-weight: 500;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 2px;
  }
}
.txt-content .acc-box {
  border-radius: 16px;
  border: 1px solid #222222;
}
.txt-content .acc-box .arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 24px;
  transform: translate(0, -50%);
  width: 44px;
  height: 44px;
  border-radius: 99px;
  border: 1px solid #222222;
  cursor: pointer;
  transition: 0.2s;
}
@media not all and (pointer: coarse) {
  .txt-content .acc-box .arrow:hover {
    background: rgba(255, 255, 255, 0.1);
  }
}
@media screen and (max-width: 1024px) {
  .txt-content .acc-box .arrow {
    right: 16px;
    width: 32px;
    height: 32px;
  }
}
.txt-content .acc-box .arrow:active {
  background: rgba(255, 255, 255, 0.2);
}
.txt-content .acc-box .arrow span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 16px;
  height: 2px;
  background: white;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .txt-content .acc-box .arrow span {
    width: 12px;
    height: 1px;
  }
}
.txt-content .acc-box .arrow span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(90deg);
}
.txt-content .acc-box .arrow span:nth-child(2) {
  background: transparent;
}
.txt-content .acc-box .arrow span:nth-child(2):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: white;
  transition: 0.3s 0.2s;
}
.txt-content .acc-box .arrow span:nth-child(2):after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: white;
  transition: 0.3s 0.2s;
}
.txt-content .acc-box.open .arrow span:nth-child(1) {
  transform: translate(-50%, -50%);
  transition-delay: 0.2s;
}
.txt-content .acc-box.open .arrow span:nth-child(2):before {
  width: 0;
  transform: translateX(-3px);
  transition-delay: 0s;
}
.txt-content .acc-box.open .arrow span:nth-child(2):after {
  width: 0;
  transform: translateX(3px);
  transition-delay: 0s;
}
.txt-content .acc-title {
  padding: 24px 92px 24px 24px;
  cursor: pointer;
  transition: 0.4s;
  border-radius: 16px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .txt-content .acc-title {
    padding: 16px 64px 16px 16px;
  }
}
@media not all and (pointer: coarse) {
  .txt-content .acc-title:hover {
    background: rgba(34, 34, 34, 0.3);
  }
}
.txt-content .acc-title:active {
  background: rgba(34, 34, 34, 0.6);
}
.txt-content .acc-title h3 {
  font-size: 18px;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .txt-content .acc-title h3 {
    font-size: 16px;
  }
}
.txt-content .acc-body {
  overflow: hidden;
  height: 0;
}
.txt-content .acc-body .txt-content {
  padding: 24px;
  border-top: 1px solid #222222;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 32px;
  border-radius: 8px;
  font-family: "otoiwo_grotesk_normal_semi_bold", sans-serif;
  font-size: 20px;
  line-height: 1.3;
  border: none;
  width: -moz-max-content;
  width: max-content;
  transition: 0.2s;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .btn {
    font-size: 16px;
  }
}
.btn .num {
  font-family: "otoiwo_grotesk_normal_regular", sans-serif;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  top: 4px;
  left: calc(100% - 28px);
}
.btn .icon {
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.btn .icon svg {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.2s;
}
.btn .icon svg * {
  transition: 0.2s;
}
.btn .icon svg:nth-child(2) {
  transform: translate(-100%, 100%);
}
.btn-purple {
  background: #442AC8;
  color: white;
}
@media not all and (pointer: coarse) {
  .btn-purple:hover {
    background: #351eaa;
  }
}
.btn-purple:active {
  background: #442AC8;
}
.btn-border {
  border: 2px solid #442AC8;
  padding: 14px 24px 14px 30px;
}
@media not all and (pointer: coarse) {
  .btn-border:hover {
    border-color: #351eaa;
    background: rgba(53, 30, 170, 0.2);
  }
}
.btn-border:active {
  background: #351eaa;
}
@media not all and (pointer: coarse) {
  .btn-link:hover {
    background: rgba(255, 255, 255, 0.1);
  }
}
.btn-link:active {
  background: rgba(255, 255, 255, 0.2);
}
@media not all and (pointer: coarse) {
  .btn:hover .icon svg:nth-child(1) {
    transform: translate(100%, -100%);
  }
  .btn:hover .icon svg:nth-child(2) {
    transform: none;
  }
}
.btn.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.header {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
}
.header.anim {
  opacity: 0.01;
  transition: opacity 1s !important;
}
.header.anim.animated {
  opacity: 1;
}
.header .container {
  position: relative;
}
.header__logo {
  position: absolute;
  top: 32px;
  left: 0;
  padding: 4px;
  background: #0D0D0D;
  border: 1px solid #343434;
  border-radius: 12px;
}
@media screen and (max-width: 1024px) {
  .header__logo {
    top: 20px;
  }
}
.header__logo span {
  display: block;
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
  padding: 12px 24px;
  border-radius: 8px;
  transition: 0.2s;
}
@media screen and (max-width: 1024px) {
  .header__logo span {
    padding: 8px 16px;
    line-height: 24px;
  }
}
@media not all and (pointer: coarse) {
  .header__logo:hover span {
    background: #442AC8;
    border-color: #442AC8;
  }
}
.header__logo:active span {
  background: #351eaa;
  border-color: #351eaa;
}
.header__menu {
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translate(-50%, 0);
  background: rgba(13, 13, 13, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid #343434;
  border-radius: 12px;
}
@media screen and (max-width: 1024px) {
  .header__menu {
    display: none;
  }
}
.header__menu .mainMenu {
  display: flex;
  padding: 4px;
}
.header__menu .mainMenu > li {
  transition: 0.2s;
}
.header__menu .mainMenu > li:hover .subMenu {
  opacity: 1;
  pointer-events: auto;
}
.header__menu .mainMenu > li > a, .header__menu .mainMenu > li > button {
  font-size: 16px;
  display: block;
  padding: 12px 24px;
  border-radius: 8px;
  transition: 0.2s;
  position: relative;
  white-space: nowrap;
}
.header__menu .mainMenu > li > a .num, .header__menu .mainMenu > li > button .num {
  position: absolute;
  top: 8px;
  left: calc(100% - 20px);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}
.header__menu .mainMenu > li > a.active, .header__menu .mainMenu > li > button.active {
  background: #222222;
}
@media not all and (pointer: coarse) {
  .header__menu .mainMenu > li > a.active:hover, .header__menu .mainMenu > li > button.active:hover {
    background: #442AC8;
    border-color: #442AC8;
  }
}
.header__menu .mainMenu > li > a.active:active, .header__menu .mainMenu > li > button.active:active {
  background: #351eaa;
  border-color: #351eaa;
}
.header__menu .subMenu {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: calc(100% - 5px);
  width: 100%;
  padding-top: 17px;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
}
.header__menu .subMenu:hover {
  opacity: 1;
  pointer-events: auto;
}
.header__menu .subMenu[data-subMenu=services] {
  width: 800px;
}
.header__menu .subMenu[data-subMenu=cases] {
  width: 570px;
}
.header__menu .subMenu[data-subMenu=cases] .col {
  width: 100%;
}
.header__menu .subMenu[data-subMenu=cases] .btn {
  margin-top: 12px;
}
.header__menu .subMenu__container {
  background: rgba(13, 13, 13, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid #343434;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  gap: 20px;
}
.header__menu .subMenu .line {
  background: #343434;
  width: 1px;
}
.header__menu .subMenu .label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  padding: 12px 16px;
  white-space: nowrap;
}
.header__menu .subMenu .col .line {
  width: 100%;
  height: 1px;
  margin: 12px 0;
}
.header__menu .subMenu .list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.header__menu .subMenu .list.sm .list__item {
  width: -moz-max-content;
  width: max-content;
}
.header__menu .subMenu .list__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  border: 2px solid transparent;
  transition: 0.2s;
  border-radius: 8px;
}
.header__menu .subMenu .list__item p {
  white-space: nowrap;
}
.header__menu .subMenu .list__item span {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
}
.header__menu .subMenu .list__item:hover {
  border-color: #351eaa;
}
.header__menu .subMenu .cases {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.header__menu .subMenu .cases__item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px;
  border: 2px solid transparent;
  transition: 0.2s;
  border-radius: 8px;
}
.header__menu .subMenu .cases__item img {
  display: block;
  width: 120px;
  height: auto;
  border-radius: 8px;
}
.header__menu .subMenu .cases__item .text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.header__menu .subMenu .cases__item .title {
  font-size: 16px;
}
.header__menu .subMenu .cases__item ul {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__menu .subMenu .cases__item ul li {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__menu .subMenu .cases__item ul li img {
  display: block;
  height: 14px;
  width: auto;
}
.header__menu .subMenu .cases__item ul li:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.7);
}
.header__menu .subMenu .cases__item ul li:last-child:after {
  display: none;
}
.header__menu .subMenu .cases__item:hover {
  border-color: #351eaa;
}
.header__menu .subMenu .btn {
  font-size: 16px;
  width: 100%;
}
.header__lang {
  position: absolute;
  top: 32px;
  right: 0;
  padding: 4px;
  display: flex;
  flex-direction: column;
  background: rgba(13, 13, 13, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid #343434;
  border-radius: 12px;
  height: 57px;
  transition: 0.2s;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .header__lang {
    display: none;
  }
}
.header__lang:hover {
  height: 104px;
}
.header__lang:hover svg {
  transform: translate(0, -50%) rotate(180deg);
}
.header__lang ul {
  display: flex;
  flex-direction: column;
}
.header__lang .wpml-ls-current-language {
  pointer-events: none;
  order: -1;
}
.header__lang svg {
  position: absolute;
  top: 27px;
  right: 16px;
  transform: translate(0, -50%);
  transition: 0.2s;
}
.header__lang a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 30px 12px 16px;
  border-radius: 8px;
  transition: 0.2s;
  position: relative;
}
.header__lang img {
  display: block;
  width: 20px;
  height: 14px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
}
.header__lang span {
  display: block;
  text-transform: uppercase;
}
.header__background {
  z-index: 90;
  position: fixed;
  right: 0;
  top: 0;
  pointer-events: none;
  background: linear-gradient(-90deg, #161617 0%, rgba(22, 22, 23, 0) 100%);
  width: 100%;
  max-width: 700px;
  height: 100vh;
  opacity: 0;
  transition: 0.4s;
}
@media screen and (max-width: 539px) {
  .header__background {
    background: linear-gradient(-90deg, #161617 0%, rgba(22, 22, 23, 0.4) 100%);
  }
}
@media screen and (min-width: 1291px) {
  .header__background {
    background: rgba(22, 22, 23, 0.7);
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    max-width: unset;
  }
}
.header__background.open {
  opacity: 1;
}
.header__mobMenuBtn {
  position: absolute;
  top: 20px;
  right: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #0D0D0D;
  border: 1px solid #343434;
  border-radius: 12px;
  padding: 8px 20px 8px 16px;
}
@media screen and (min-width: 1025px) {
  .header__mobMenuBtn {
    display: none;
  }
}
.header__mobMenuBtn p {
  position: relative;
  overflow: hidden;
  padding: 4px 0;
}
.header__mobMenuBtn p span {
  display: block;
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
  border-radius: 8px;
  transition: 0.2s;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .header__mobMenuBtn p span {
    line-height: 24px;
  }
}
.header__mobMenuBtn p span:nth-child(1) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.header__mobMenuBtn p span:nth-child(2) {
  transform: translate(0%, 100%);
}
.header__mobMenuBtn .icon {
  width: 4px;
  height: 4px;
  background: white;
  border-radius: 99px;
}
.header__mobMenuBtn.open p span:nth-child(1) {
  transform: translate(-50%, -150%);
}
.header__mobMenuBtn.open p span:nth-child(2) {
  transform: translate(0%, 0%);
}
.header__mobMenuContainer {
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100vh + 40px);
  overflow: auto;
  background: #0D0D0D;
  z-index: 90;
  padding: 90px 0 100px;
}
.header__mobMenuContainer.open {
  opacity: 1;
  pointer-events: auto;
}
.header__mobMenuContainer .container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-height: 100%;
}
.header__mobMenuContainer .mob__menu li:first-child a {
  border-top: 1px solid #343434;
}
.header__mobMenuContainer .mob__menu a {
  display: block;
  padding: 20px 0;
  transition: 0.2s;
  border-bottom: 1px solid #343434;
}
@media not all and (pointer: coarse) {
  .header__mobMenuContainer .mob__menu a:hover {
    color: #7156FE;
  }
}
.header__mobMenuContainer .mob__menu a:active {
  color: #7156FE;
}
.header__mobMenuContainer .mob__contacts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.header__mobMenuContainer .mob__contacts .btn {
  width: 100%;
}
.header__mobMenuContainer .mob__contacts ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.header__mobMenuContainer .mob__contacts li:not(:last-child) {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header__mobMenuContainer .mob__contacts li:not(:last-child):after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.7);
}
.header__mobMenuContainer .mob__contacts a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  transition: 0.2s;
}
@media not all and (pointer: coarse) {
  .header__mobMenuContainer .mob__contacts a:hover {
    color: #7156FE;
  }
}
.header__mobMenuContainer .mob__contacts a:active {
  color: #7156FE;
}
.header__mobMenuContainer .mob__lang {
  margin-top: auto;
}
.header__mobMenuContainer .mob__lang ul {
  display: flex;
  padding: 2px;
  border-radius: 8px;
  border: 1px solid #343434;
}
.header__mobMenuContainer .mob__lang li {
  width: 100%;
}
.header__mobMenuContainer .mob__lang li.wpml-ls-current-language {
  pointer-events: none;
}
.header__mobMenuContainer .mob__lang li.wpml-ls-current-language a {
  background: #222222;
}
.header__mobMenuContainer .mob__lang a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px;
  border: 1px solid transparent;
  transition: 0.3s;
  border-radius: 6px;
  text-align: center;
}
@media not all and (pointer: coarse) {
  .header__mobMenuContainer .mob__lang a:hover {
    color: #7156FE;
  }
}
.header__mobMenuContainer .mob__lang a:active {
  color: #7156FE;
}
.header__mobMenuContainer .line {
  height: 1px;
  background: #343434;
}

.footer {
  padding-top: 120px;
  border-top: 1px solid #222222;
}
@media screen and (max-width: 1024px) {
  .footer {
    padding-top: 64px;
  }
}
@media screen and (max-width: 500px) {
  .footer {
    padding-top: 44px;
  }
}
.footer.anim {
  opacity: 0;
  transition: opacity 1s;
}
.footer.anim.animated {
  opacity: 1;
}
.footer .container {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media screen and (max-width: 1024px) {
  .footer .container {
    gap: 64px;
  }
}
@media screen and (max-width: 500px) {
  .footer .container {
    gap: 44px;
  }
}
.footer__main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .footer__main {
    flex-wrap: wrap;
    gap: 44px 20px;
  }
}
.footer__main .col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .footer__main .col:first-child {
    width: 100%;
    border-bottom: 1px solid #343434;
    padding-bottom: 24px;
  }
  .footer__main .col:first-child ul {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (max-width: 500px) {
  .footer__main .col:first-child ul {
    flex-direction: column;
  }
}
.footer__main .col:last-child {
  padding-right: 8px;
}
.footer__main ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer__main .label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1024px) {
  .footer__main .label {
    font-size: 12px;
  }
}
.footer__main a {
  font-size: 20px;
  font-weight: 600;
  transition: 0.2s;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
}
@media not all and (pointer: coarse) {
  .footer__main a:hover {
    color: #7156FE;
  }
}
@media screen and (max-width: 1024px) {
  .footer__main a {
    font-size: 16px;
  }
}
.footer__main a:active {
  color: #7156FE;
}
.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 500px) {
  .footer__bottom {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 20px;
    padding: 44px 0;
    border-top: 1px solid #343434;
    border-bottom: 1px solid #343434;
  }
}
.footer__bottom ul {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .footer__bottom ul {
    gap: 24px;
  }
}
.footer__bottom * {
  color: rgba(255, 255, 255, 0.5);
}
.footer__bottom a {
  transition: 0.3s;
}
@media not all and (pointer: coarse) {
  .footer__bottom a:hover {
    color: rgba(255, 255, 255, 0.7);
  }
}
.footer__bottom a:active {
  color: rgba(255, 255, 255, 0.7);
}
.footer__logo {
  display: flex;
  justify-content: center;
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
  font-weight: bold;
  line-height: 0.7;
  font-size: 124px;
  text-align: center;
  margin-top: 80px;
}
@media screen and (max-width: 1570px) {
  .footer__logo {
    font-size: 7.9vw;
  }
}
@media screen and (max-width: 1024px) {
  .footer__logo {
    font-size: 44px;
    margin-top: 0;
  }
}
@media screen and (max-width: 500px) {
  .footer__logo {
    font-size: 8vw;
  }
}

.popup {
  position: fixed;
  z-index: 110;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 18, 18, 0.7);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  transition: 0.4s;
}
.popup:not(.open) {
  opacity: 0;
  pointer-events: none;
}
.popup:not(.open) * {
  pointer-events: none !important;
}
.popup .scroll-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  padding: 120px 0;
  overflow: auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 1600px) {
  .popup .scroll-container {
    padding: 100px 0 40px;
  }
}
@media screen and (max-width: 1024px) {
  .popup .scroll-container {
    padding: 0;
  }
}
.popup .exit-btn {
  position: absolute;
  z-index: 10;
  top: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  cursor: pointer;
  width: 60px;
  height: 60px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: #0D0D0D;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
}
@media screen and (max-width: 1600px) {
  .popup .exit-btn {
    top: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .popup .exit-btn {
    top: 12px;
    width: 44px;
    height: 44px;
    border-radius: 8px;
  }
}
@media not all and (pointer: coarse) {
  .popup .exit-btn:hover {
    background: rgba(255, 255, 255, 0.1);
  }
}
.popup .exit-btn:active {
  background: rgba(255, 255, 255, 0.2);
}
.popup .exit-btn svg {
  display: block;
  width: 24px;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .popup .exit-btn svg {
    width: 20px;
  }
}
.popup .exit-btn svg * {
  fill: white;
  transition: 0.4s;
}

.popupContact .popup-container {
  display: flex;
  flex-direction: column;
  gap: 44px;
  padding: 64px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: #0D0D0D;
}
@media screen and (max-width: 1380px) {
  .popupContact .popup-container {
    padding: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .popupContact .popup-container {
    width: 100%;
    padding: 80px 20px 60px;
    min-height: 100vh;
    border: none;
    border-radius: 0;
  }
}
.popupContact .h3 {
  text-align: center;
}
@media screen and (max-width: 1380px) {
  .popupContact .h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .popupContact .h3 {
    font-size: 20px;
  }
}
.popupContact .line {
  height: 1px;
  background: #343434;
  display: none;
}
.popupContact__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 400px;
}
@media screen and (max-width: 1024px) {
  .popupContact__form {
    width: 100%;
    gap: 8px;
  }
}
.popupContact__form form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1380px) {
  .popupContact__form form {
    gap: 16px;
  }
}
.popupContact__form .btn {
  width: 100%;
}
.popupContact__form .answer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: #0D0D0D;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
}
.popupContact__form .answer.open {
  opacity: 1;
  pointer-events: auto;
}
.popupContact__form .answer p {
  max-width: 364px;
  padding-left: 4px;
}
.popupContact__form .answer svg {
  display: block;
  width: 32px;
  height: auto;
}
.popupContact__form .answer svg * {
  fill: #7156FE;
}
.popupContact__links {
  width: 100%;
}
.popupContact__links .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 0;
  border-bottom: 1px solid #343434;
}
.popupContact__links .item:first-child {
  padding-top: 0;
}
@media screen and (max-width: 1024px) {
  .popupContact__links .item:first-child {
    flex-direction: column;
  }
  .popupContact__links .item:first-child li:not(:last-child):after {
    display: none;
  }
}
.popupContact__links .item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.popupContact__links .item li:not(:last-child) {
  display: flex;
  align-items: center;
  gap: 12px;
}
.popupContact__links .item li:not(:last-child):after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.7);
}
.popupContact__links .item a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  transition: 0.2s;
}
@media not all and (pointer: coarse) {
  .popupContact__links .item a:hover {
    color: #7156FE;
  }
}
.popupContact__links .item a:active {
  color: #7156FE;
}

.input-box {
  position: relative;
  width: 100%;
  transition: 0.2s;
}
.input-box input {
  display: block;
  padding: 29px 40px 11px 0;
  width: 100%;
  border: none;
  border-bottom: 1px solid #343434;
  background: #0D0D0D;
  box-shadow: inset 0 0 120px 220px #0D0D0D !important;
  color: white;
  font-size: 18px;
  line-height: 21px;
  transition: 0.2s;
  -webkit-text-fill-color: white;
}
@media screen and (max-width: 1380px) {
  .input-box input {
    font-size: 16px;
  }
}
@media not all and (pointer: coarse) {
  .input-box input:hover {
    border-color: #442AC8;
  }
}
.input-box input:focus {
  border-color: #442AC8;
}
.input-box input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.6);
}
.input-box input::placeholder {
  color: rgba(255, 255, 255, 0.6);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.6);
}
.input-box input.filed + label, .input-box input.alwaysFiled + label, .input-box input:focus + label {
  transform: translate(1px, calc(-50% - 16px)) scale(0.66);
}
.input-box textarea {
  display: block;
  padding: 5px 40px 11px 0;
  margin-top: 24px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #343434;
  background: #0D0D0D;
  box-shadow: inset 0 0 120px 220px #0D0D0D !important;
  color: white;
  font-size: 18px;
  line-height: 21px;
  transition: 0.2s;
  -webkit-text-fill-color: white;
  height: 120px;
  resize: none;
}
@media screen and (max-width: 1380px) {
  .input-box textarea {
    font-size: 16px;
  }
}
@media not all and (pointer: coarse) {
  .input-box textarea:hover {
    border-color: #442AC8;
  }
}
.input-box textarea:focus {
  border-color: #442AC8;
}
.input-box textarea + label {
  top: 31px;
}
.input-box textarea.filed + label, .input-box textarea:focus + label {
  transform: translate(1px, calc(-50% - 16px)) scale(0.66);
}
.input-box label {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
  transition: 0.2s;
  transform-origin: left center;
  pointer-events: none;
  padding: 2px 0;
}
@media screen and (max-width: 1380px) {
  .input-box label {
    font-size: 16px;
  }
}
.input-box .error-text {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #ED6A5D;
  opacity: 0;
  transition: 0.2s;
  font-size: 14px;
  line-height: 1;
  padding: 6px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: rgba(237, 106, 93, 0.2);
}
.input-box .error-text svg {
  display: block;
  width: 16px;
  height: auto;
}
.input-box.invalid {
  margin-bottom: 28px;
}
.input-box.invalid input {
  border-color: #ED6A5D;
}
.input-box.invalid label {
  color: #ED6A5D !important;
}
.input-box.invalid .error-text {
  opacity: 1;
}
.input-box.alwaysFiled label {
  transform: translate(1px, calc(-50% - 16px)) scale(0.66);
}

.iti {
  width: 100%;
}
.iti__selected-country-primary {
  padding: 26px 6px 10px 2px;
}
.iti__selected-dial-code {
  font-size: 18px;
  line-height: 20px;
  padding: 26px 0 10px 0;
}
@media screen and (max-width: 1380px) {
  .iti__selected-dial-code {
    font-size: 16px;
  }
}
.iti__search-input {
  font-size: 16px;
  border-color: #343434 !important;
}
.iti__dropdown-content {
  border-radius: 0;
  border: 1px solid #343434 !important;
  background: #0D0D0D !important;
  margin: 0 !important;
}
.iti__search-input {
  padding: 12px 16px !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
}
.iti__country-list::-webkit-scrollbar {
  width: 4px;
}
.iti__country-list::-webkit-scrollbar-track {
  background: #343434;
}
.iti__country-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  cursor: n-resize;
}
.iti__country-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.6);
}
.iti__country {
  padding: 8px 16px;
}
@media not all and (pointer: coarse) {
  .iti__country:hover .iti__country-name {
    color: #7156FE;
  }
}
.iti__country * {
  font-size: 14px;
  transition: 0.2s;
}
.iti__arrow {
  display: none;
}

.breadcrumbs {
  padding: 153px 0 0;
}
@media screen and (max-width: 1024px) {
  .breadcrumbs {
    padding-top: 90px;
  }
}
.breadcrumbs + section {
  padding-top: 60px;
}
@media screen and (max-width: 1024px) {
  .breadcrumbs + section {
    padding-top: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .breadcrumbs .container {
    display: none;
  }
}
.breadcrumbs .container > span {
  display: flex;
  gap: 20px;
}
.breadcrumbs * {
  color: rgba(255, 255, 255, 0.5);
}
.breadcrumbs a {
  transition: 0.2s;
}
@media not all and (pointer: coarse) {
  .breadcrumbs a:hover {
    color: rgba(255, 255, 255, 0.7);
  }
}
.breadcrumbs a:active {
  color: rgb(255, 255, 255);
}
.breadcrumbs.anim {
  opacity: 0.01;
  transition: opacity 1s !important;
}
.breadcrumbs.anim.animated {
  opacity: 1;
}

.blockTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .blockTop {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.blockTop.anim {
  opacity: 0.01;
  transition: opacity 1s !important;
}
.blockTop.anim.animated {
  opacity: 1;
}
.blockTop > p {
  color: rgba(255, 255, 255, 0.7);
  max-width: 390px;
}
@media screen and (max-width: 1024px) {
  .blockTop > p {
    font-size: 14px;
    margin-top: -4px;
  }
}
.blockTop ul {
  display: flex;
  padding: 4px;
  border-radius: 12px;
  border: 1px solid #343434;
  background: #0D0D0D;
  max-width: 100%;
  overflow: auto;
}
.blockTop ul li {
  transition: 0.2s;
}
.blockTop ul li:hover .subMenu {
  opacity: 1;
  pointer-events: auto;
}
.blockTop ul li p {
  display: block;
  padding: 12px 28px 12px 24px;
  border-radius: 8px;
  transition: 0.2s;
  position: relative;
  color: white;
  background: #222222;
  white-space: nowrap;
}
.blockTop ul li a {
  display: block;
  padding: 12px 28px 12px 24px;
  border-radius: 8px;
  transition: 0.2s;
  position: relative;
  color: white;
  white-space: nowrap;
}
.blockTop ul li .num {
  position: absolute;
  top: 8px;
  left: calc(100% - 22px);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}

.blockH1 {
  padding-top: 160px;
  padding-bottom: 40px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .blockH1 {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
.blockH1 .container {
  transform-origin: center;
  transform: scale(0.8) translateY(100px) rotateX(-10deg);
  opacity: 0;
  perspective: 1000px;
}
.blockH1 .wcsScreen {
  will-change: transform;
  transform-origin: center top;
}
.blockH1 .wcsScreen__main {
  height: -moz-max-content;
  height: max-content;
  min-height: calc(100vh - 160px - 40px - 52px);
}
@media screen and (max-width: 1024px) {
  .blockH1 .wcsScreen__main {
    min-height: calc(100vh - 90px - 60px - 52px);
  }
}
.blockH1 .wcsScreen .cursorUser {
  transform: translate(-100px, -100px);
}
.blockH1 .wcsScreen h1 {
  font-size: 56px;
}
@media screen and (max-width: 1570px) {
  .blockH1 .wcsScreen h1 {
    font-size: 3.5vw;
  }
}
@media screen and (max-width: 1024px) {
  .blockH1 .wcsScreen h1 {
    font-size: 24px;
  }
}
@media screen and (max-width: 500px) {
  .blockH1 .wcsScreen h1 {
    font-size: 5.5vw;
  }
}
.blockH1.step0 .h1_container {
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(0.8);
}
.blockH1.step0 .h1_container h1 {
  width: -moz-max-content;
  width: max-content;
}
.blockH1.step0 .h1_container h1:after {
  content: "|";
  font: inherit;
  color: inherit;
  animation: line_blink 0.8s infinite;
  vertical-align: bottom;
}
@keyframes line_blink {
  0%, 50% {
    opacity: 1;
  }
  50.001%, 100% {
    opacity: 0;
  }
}
.blockH1.step0 .cursorPurple {
  left: 120px;
  top: 45%;
  transform: translate(calc(-50% - 300px), calc(-50% - 150px));
}
@media screen and (max-width: 1024px) {
  .blockH1.step0 .cursorPurple {
    left: 60px;
    top: calc(50% - 150px);
  }
}
.blockH1.step0 .cursorBlue {
  left: calc(100% - 300px);
  top: calc(50% + 50px);
  transform: translate(700px, -300px);
}
@media screen and (max-width: 1024px) {
  .blockH1.step0 .cursorBlue {
    left: 50%;
    top: calc(50% + 80px);
  }
}
.blockH1.step0 .cursorPink {
  left: 300px;
  top: calc(50% + 130px);
  transform: translate(-600px, 300px) scale(1.1);
}
@media screen and (max-width: 1024px) {
  .blockH1.step0 .cursorPink {
    left: calc(50% + 30px);
    top: calc(50% - 60px);
  }
}
.blockH1.step0 .cursorUser {
  transform: translate(-100px, -100px);
}
.blockH1.step0 .p_container {
  transform: translate(-600px, 300px) scale(1.1);
}
.blockH1.step0 .btn_container {
  transform: translate(150px, 500px) scale(1.1);
}
.blockH1.step0 .img_container {
  transform: translate(700px, -300px) scale(1.1);
}
.blockH1.step0 .online {
  opacity: 0;
  transform: scale(0.8);
}
.blockH1.step1 .container {
  transform: none;
  opacity: 1;
  transition: 0.5s;
}
.blockH1.step1 .cursorPurple {
  transform: translate(-50%, -50%);
  transition: 0.5s 0.5s;
}
.blockH1.step1 .h1_container {
  opacity: 1;
  transform: none;
  transition: opacity 0.1s 1.15s, transform 0.1s 1.15s;
}
.blockH1.step1_1 .cursorPurple {
  animation: click1 0.25s ease-out 1;
}
.blockH1.step2 .cursorPurple {
  left: 50%;
  top: calc(50% + 110px);
}
@media screen and (max-width: 1024px) {
  .blockH1.step2 .cursorPurple {
    left: calc(90% - 70px);
    top: calc(50% - 30px);
  }
}
.blockH1.step2_1 .cursorPurple {
  left: calc(50% - 30px);
  top: calc(50% + 120px);
  animation: click2 0.25s ease-out 1;
  transition: 0.5s 0.3s;
}
@media screen and (max-width: 1024px) {
  .blockH1.step2_1 .cursorPurple {
    left: calc(90% - 80px);
    top: 20%;
  }
}
.blockH1.step2_1 .h1_container {
  transition: all 0s, border-color 0.5s 0.1s;
  border-color: transparent;
  left: 0;
  top: 0;
}
.blockH1.step2_1 .h1_container .dot {
  transition: 0.5s 0.1s;
  opacity: 0;
}
.blockH1.step2_1 .h1_container h1:after {
  transition: 0s 0.1s;
  display: none;
}
.blockH1.step3 .cursorBlue {
  transform: translate(-50%, -50%);
  transition: 0.7s;
}
.blockH1.step3 .img_container {
  transform: scale(1.1);
  transition: 0.7s;
}
.blockH1.step3_1 .cursorBlue {
  left: calc(100% - 300px);
  top: calc(50% + 300px);
  transform: translate(-50%, -50%);
  transition: 0.4s;
}
.blockH1.step3_1 .img_container {
  transform: none;
  transition: 0.2s;
}
.blockH1.step3_2 .cursorBlue {
  animation: click1 0.25s ease-out 1;
}
.blockH1.step3_2 .img_container {
  border-color: transparent;
  transition: all 0.15s, border-color 0.1s 0.15s;
}
.blockH1.step3_2 .img_container .dot {
  opacity: 0;
  transition: all 0.1s 0.15s;
}
.blockH1.step3_3 .cursorBlue {
  left: 220px;
  top: calc(50% + 255px);
  transform: translate(150px, 500px);
  transition: 0.5s;
}
.blockH1.step3_4 .cursorBlue {
  transform: translate(-50%, -50%);
  transition: 0.7s;
}
.blockH1.step3_4 .btn_container {
  transform: scale(1.1);
  transition: 0.7s;
}
.blockH1.step3_5 .cursorBlue {
  left: 270px;
  top: calc(50% + 320px);
  transition: 0.3s;
}
.blockH1.step3_5 .btn_container {
  transform: none;
  transition: 0.2s;
}
.blockH1.step3_6 .cursorBlue {
  animation: click2 0.25s ease-out 1;
}
.blockH1.step3_6 .btn_container {
  transition: 0.5s 0.1s;
  border-color: transparent;
}
.blockH1.step3_6 .btn_container .dot {
  transition: 0.5s 0.1s;
  opacity: 0;
}
.blockH1.step3_7 .cursorBlue {
  left: calc(100% - 300px);
  top: calc(50% + 300px);
  transition: 0.7s;
}
@media screen and (max-width: 1550px) {
  .blockH1.step3_7 .cursorBlue {
    top: calc(50% + 120px);
    left: calc(100% - 92px);
  }
}
.blockH1.step4 .cursorPink {
  transform: translate(-50%, -50%);
  transition: 0.7s;
}
.blockH1.step4 .p_container {
  transform: scale(1.1);
  transition: 0.7s;
}
.blockH1.step4_1 .cursorPink {
  left: 600px;
  top: calc(50% + 230px);
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .blockH1.step4_1 .cursorPink {
    left: 20%;
    top: calc(50% + 180px);
  }
}
.blockH1.step4_1 .p_container {
  transform: none;
  transition: 0.2s;
}
.blockH1.step4_2 .cursorPink {
  animation: click1 0.25s ease-out 1;
}
.blockH1.step4_2 .p_container {
  border-color: transparent;
  transition: all 0.15s, border-color 0.1s 0.15s;
}
.blockH1.step4_2 .p_container .dot {
  opacity: 0;
  transition: all 0.1s 0.15s;
}
.blockH1.step4_3 .cursorPink {
  left: 200px;
  top: calc(50% - 230px);
  transition: 0.6s;
}
@media screen and (max-width: 1024px) {
  .blockH1.step4_3 .cursorPink {
    left: 30%;
    top: 18%;
  }
}
.blockH1.step4_4 .cursorPink {
  animation: click2 0.25s ease-out 1;
}
.blockH1.step4_4 .online {
  opacity: 1;
  transform: none;
  transition: 0.5s;
}
.blockH1.step4_5 .cursorPink {
  left: 50%;
  top: calc(50% - 250px);
  transition: 0.6s;
}
@media screen and (max-width: 1024px) {
  .blockH1.step4_5 .cursorPink {
    left: 12%;
    top: 50%;
  }
}

.wcsScreen {
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  border: 1px solid #343434;
  background: #000;
  padding: 0 12px 12px 12px;
  overflow: hidden;
  will-change: transform;
  transform: translateZ(1px);
}
.wcsScreen .cursorUser {
  transform: translate(-100px, -100px);
}
.wcsScreen__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
}
.wcsScreen__top .buttons {
  display: flex;
  gap: 6px;
}
.wcsScreen__top .buttons span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 99px;
}
.wcsScreen__top .buttons span:nth-child(1) {
  background: #ED6A5D;
}
.wcsScreen__top .buttons span:nth-child(2) {
  background: #F5BD50;
}
.wcsScreen__top .buttons span:nth-child(3) {
  background: #61C454;
}
.wcsScreen__top .team {
  display: flex;
}
.wcsScreen__top .team span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 99px;
  border: 1px solid #000;
  font-size: 12px;
  line-height: 1;
  margin-left: -6px;
}
.wcsScreen__top .team span:nth-child(1) {
  background: #7156FE;
}
.wcsScreen__top .team span:nth-child(2) {
  background: #FF4BAB;
}
.wcsScreen__top .team span:nth-child(3) {
  background: #4093FF;
}
.wcsScreen__top .team span.plus {
  background: #222222;
}
.wcsScreen__main {
  border-radius: 16px;
  border: 1px solid #343434;
  background: #0D0D0D url(../img/grid.svg) repeat;
  padding: 64px;
  display: flex;
  align-items: center;
  gap: 24px;
  overflow: hidden;
  cursor: none;
}
@media screen and (max-width: 1280px) {
  .wcsScreen__main {
    padding: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .wcsScreen__main {
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
  }
}
.wcsScreen__main * {
  cursor: none;
}
.wcsScreen__text {
  width: calc(60% - 12px);
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media screen and (max-width: 1024px) {
  .wcsScreen__text {
    width: 100%;
    gap: 32px;
  }
}
.wcsScreen__text .content {
  display: flex;
  flex-direction: column;
  gap: 44px;
}
@media screen and (max-width: 1024px) {
  .wcsScreen__text .content {
    gap: 24px;
  }
}
.wcsScreen__text .text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .wcsScreen__text .text {
    gap: 8px;
  }
}
.wcsScreen__text .online {
  display: flex;
  align-items: center;
  gap: 8px;
  width: -moz-max-content;
  width: max-content;
  padding: 4px 12px;
  border-radius: 12px;
  background: #222222;
  font-size: 12px;
  line-height: 144%;
}
.wcsScreen__text .online:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #61C454;
  border-radius: 99px;
  animation: blinking;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.wcsScreen__text .description {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1024px) {
  .wcsScreen__text .description {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .wcsScreen__text .btn_container {
    width: 100% !important;
  }
  .wcsScreen__text .btn_container .btn {
    width: 100%;
  }
}
.wcsScreen__image {
  display: flex;
  justify-content: center;
  width: calc(40% - 12px);
}
@media screen and (max-width: 1024px) {
  .wcsScreen__image {
    width: 100%;
  }
}
.wcsScreen__image img {
  display: block;
  width: 100%;
  max-width: 440px;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .wcsScreen__image img {
    max-width: unset;
    width: 220px;
  }
}
.wcsScreen .cursor {
  width: 16px;
  height: -moz-max-content;
  height: max-content;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transition: all 0s, opacity 0.3s;
}
@media screen and (max-width: 1024px) {
  .wcsScreen .cursor {
    width: 12px;
  }
}
.wcsScreen .cursor svg {
  display: block;
  width: 100%;
  height: auto;
}
.wcsScreen .cursor span {
  position: absolute;
  left: calc(100% - 3px);
  top: 100%;
  display: block;
  padding: 2px 11px 2px 10px;
  width: -moz-max-content;
  width: max-content;
  border-radius: 0 12px 12px 12px;
}
@media screen and (max-width: 1024px) {
  .wcsScreen .cursor span {
    font-size: 12px;
    padding: 3px 8px 2px 8px;
  }
}
@media screen and (max-width: 1024px) {
  .wcsScreen .cursor.cursorUser {
    display: none;
  }
}
.wcsScreen .cursor.cursorUser svg path:nth-child(1) {
  fill: #61C454;
}
.wcsScreen .cursor.cursorUser span {
  background: #61C454;
}
.wcsScreen .cursor.cursorPurple svg path:nth-child(1) {
  fill: #7156FE;
}
.wcsScreen .cursor.cursorPurple span {
  background: #7156FE;
}
.wcsScreen .cursor.cursorBlue svg path:nth-child(1) {
  fill: #4093FF;
}
.wcsScreen .cursor.cursorBlue span {
  background: #4093FF;
}
.wcsScreen .cursor.cursorPink svg path:nth-child(1) {
  fill: #FF4BAB;
}
.wcsScreen .cursor.cursorPink span {
  background: #FF4BAB;
}
.wcsScreen .frame {
  border: 1px solid #4093FF;
  width: -moz-max-content;
  width: max-content;
  min-width: 50px;
  position: relative;
}
.wcsScreen .frame .dot {
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid #4093FF;
  background: white;
}
.wcsScreen .frame .dot:nth-child(1) {
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
}
.wcsScreen .frame .dot:nth-child(2) {
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}
.wcsScreen .frame .dot:nth-child(3) {
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
}
.wcsScreen .frame .dot:nth-child(4) {
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
}
@media screen and (max-width: 500px) {
  .wcsScreen .p_container {
    width: 100%;
  }
  .wcsScreen .p_container br {
    display: none;
  }
}

.blockH2 {
  display: flex;
  align-items: center;
  padding: 0 0 calc(50dvh - 150px);
  will-change: transform;
  backface-visibility: hidden;
}
.blockH2 .container {
  display: flex;
  flex-direction: column;
  gap: 44px;
  position: relative;
}
.blockH2 h2 {
  text-align: center;
  font-size: 40px;
}
@media screen and (max-width: 1380px) {
  .blockH2 h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .blockH2 h2 {
    font-size: 20px;
  }
  .blockH2 h2 br {
    display: none;
  }
}
.blockH2 h2 span {
  opacity: 0.2;
  transition: 0.2s;
}
.blockH2__rating {
  display: flex;
  justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 1250px) {
  .blockH2__rating {
    flex-wrap: wrap;
    max-width: 700px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  .blockH2__rating {
    gap: 12px;
  }
}
.blockH2__rating .box {
  border-radius: 12px;
  background: rgba(13, 13, 13, 0.8);
  padding: 16px 32px 16px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .blockH2__rating .box {
    width: calc(50% - 6px);
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
  }
}
.blockH2__rating .box .hoverCursor {
  width: 100px;
  height: 100px;
}
.blockH2__rating .box img {
  display: block;
  border-radius: 8px;
  border: 1px solid #3D3D3D;
  padding: 12px;
  width: 56px;
  height: 56px;
}
@media screen and (max-width: 1024px) {
  .blockH2__rating .box img {
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 8px;
  }
}
.blockH2__rating .box .text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.blockH2__rating .box p {
  width: -moz-max-content;
  width: max-content;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .blockH2__rating .box p {
    font-size: 12px;
  }
}
.blockH2__rating .box p span {
  position: absolute;
  top: 13px;
  left: calc(100% + 4px);
  transform: translate(0, -100%);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1024px) {
  .blockH2__rating .box p span {
    font-size: 10px;
  }
}
.blockH2__rating .box .rating {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.blockH2__rating .box .rating svg {
  width: 15px;
  display: block;
  margin-top: -1px;
}
.blockH2__rating .box .rating svg:nth-child(1) {
  margin-left: 4px;
}
.blockH2 .map {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 60%;
  width: 100vw;
  min-width: 1600px;
  opacity: 0;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  .blockH2 .map {
    min-width: 800px;
    top: 50%;
  }
}
.blockH2 .map img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.32;
}
.blockH2 .map:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 75%;
  background: linear-gradient(0deg, #000 37.5%, rgba(0, 0, 0, 0) 100%);
}
.blockH2 .anim {
  opacity: 0.001;
  transition: 1s;
}
.blockH2 .anim.animated {
  opacity: 1;
}

.blockH3 {
  position: relative;
  z-index: 5;
}
.blockH3 .blockTop {
  margin-bottom: 44px;
}
@media screen and (max-width: 1024px) {
  .blockH3 .blockTop {
    margin-bottom: 24px;
  }
}
.blockH3 .blockTop.anim:not(.animatedOff) {
  opacity: 0.001;
  transition: opacity 1s;
}
.blockH3 .blockTop.anim:not(.animatedOff).animated {
  opacity: 1;
}
.blockH3 .blockBottom {
  display: flex;
  justify-content: center;
  margin-top: 44px;
}
@media screen and (max-width: 1024px) {
  .blockH3 .blockBottom {
    margin-top: 24px;
  }
}
.blockH3 .blockBottom.anim:not(.animatedOff) {
  opacity: 0.001;
  transition: opacity 1s;
}
.blockH3 .blockBottom.anim:not(.animatedOff).animated {
  opacity: 1;
}
.blockH3 .container {
  display: flex;
  flex-direction: column;
}
.blockH3 .acc-box {
  position: relative;
  transition: all 0.4s, height 0.6s;
  overflow: hidden;
  height: 121px;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-box {
    height: 76px;
  }
}
.blockH3 .acc-box .arrow {
  position: absolute;
  z-index: 3;
  top: 60px;
  right: 64px;
  transform: translate(0, -50%);
  width: 44px;
  height: 44px;
  border-radius: 99px;
  border: 1px solid #222222;
  cursor: pointer;
  transition: 0.2s;
}
@media not all and (pointer: coarse) {
  .blockH3 .acc-box .arrow:hover {
    background: rgba(255, 255, 255, 0.1);
  }
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-box .arrow {
    right: 12px;
    top: 38px;
    width: 32px;
    height: 32px;
  }
}
.blockH3 .acc-box .arrow:active {
  background: rgba(255, 255, 255, 0.2);
}
.blockH3 .acc-box .arrow span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 16px;
  height: 2px;
  background: white;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-box .arrow span {
    width: 12px;
    height: 1px;
  }
}
.blockH3 .acc-box .arrow span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(90deg);
}
.blockH3 .acc-box .arrow span:nth-child(2) {
  background: transparent;
}
.blockH3 .acc-box .arrow span:nth-child(2):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: white;
  transition: 0.3s 0.2s;
}
.blockH3 .acc-box .arrow span:nth-child(2):after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: white;
  transition: 0.3s 0.2s;
}
.blockH3 .acc-box.anim:not(.animatedOff) {
  opacity: 0.001;
  transition: opacity 1s;
}
.blockH3 .acc-box.anim:not(.animatedOff).animated {
  opacity: 1;
}
.blockH3 .acc-box.open .arrow span:nth-child(1) {
  transform: translate(-50%, -50%);
  transition-delay: 0.2s;
}
.blockH3 .acc-box.open .arrow span:nth-child(2):before {
  width: 0;
  transform: translateX(-3px);
  transition-delay: 0s;
}
.blockH3 .acc-box.open .arrow span:nth-child(2):after {
  width: 0;
  transform: translateX(3px);
  transition-delay: 0s;
}
.blockH3 .acc-box.open .acc-title {
  opacity: 0;
}
.blockH3 .acc-box.open .acc-body {
  transform: none;
  opacity: 1;
  pointer-events: auto;
}
.blockH3 .acc-title {
  padding: 44px 64px;
  transition: 0.6s;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-title {
    padding: 24px 12px;
  }
}
.blockH3 .acc-title p {
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 136%;
  transition: 0.6s;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-title p {
    font-size: 20px;
    line-height: 1.4;
  }
}
.blockH3 .acc-body {
  opacity: 0;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 20px;
  width: 100%;
  transition: 0.6s;
  transform: translateY(20px);
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body {
    top: 12px;
  }
}
.blockH3 .acc-body .flex {
  display: flex;
  gap: 48px;
  border-radius: 16px;
  background: #0D0D0D;
  padding: 44px 156px 44px 64px;
  position: relative;
}
@media screen and (max-width: 1380px) {
  .blockH3 .acc-body .flex {
    padding-right: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body .flex {
    padding: 24px 20px;
    flex-direction: column;
    gap: 24px;
  }
}
.blockH3 .acc-body .flex .buttons {
  display: flex;
  gap: 12px;
}
.blockH3 .acc-body .flex .buttons > * {
  padding-left: 0;
  padding-right: 0;
  flex-grow: 1;
}
.blockH3 .acc-body img {
  display: block;
  width: 96px;
  min-width: 96px;
  height: 96px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body img {
    width: 44px;
    min-width: unset;
    height: auto;
    margin-bottom: -12px;
  }
}
.blockH3 .acc-body .mainContent {
  display: flex;
  flex-direction: column;
  gap: 44px;
  justify-content: space-between;
  width: 100%;
}
.blockH3 .acc-body .mainContent__link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.blockH3 .acc-body .mainContent .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body .mainContent .text {
    gap: 8px;
  }
}
.blockH3 .acc-body .mainContent .text h3 {
  position: relative;
  padding-right: 32px;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body .mainContent .text h3 {
    padding-right: 24px;
  }
}
@media not all and (pointer: coarse) {
  .blockH3 .acc-body .mainContent .text h3:hover .icon svg:nth-child(1) {
    transform: translate(100%, -100%);
  }
  .blockH3 .acc-body .mainContent .text h3:hover .icon svg:nth-child(2) {
    transform: none;
  }
}
.blockH3 .acc-body .mainContent .text h3 .icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body .mainContent .text h3 .icon {
    width: 18px;
    height: 18px;
  }
}
.blockH3 .acc-body .mainContent .text h3 .icon svg {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.blockH3 .acc-body .mainContent .text h3 .icon svg * {
  transition: 0.3s;
}
.blockH3 .acc-body .mainContent .text h3 .icon svg:nth-child(2) {
  transform: translate(-100%, 100%);
}
.blockH3 .acc-body .mainContent .text p {
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body .mainContent .text p {
    font-size: 14px;
  }
}
.blockH3 .acc-body .mainContent .buttons {
  display: flex;
  gap: 16px;
}
.blockH3 .acc-body .otherContent {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body .otherContent {
    gap: 24px;
  }
}
.blockH3 .acc-body .otherContent .box {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body .otherContent .box {
    gap: 8px;
  }
}
.blockH3 .acc-body .otherContent .box.full {
  width: 100%;
}
.blockH3 .acc-body .otherContent .label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body .otherContent .label {
    font-size: 12px;
  }
}
.blockH3 .acc-body .otherContent .value {
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body .otherContent .value {
    font-size: 14px;
  }
}
.blockH3 .acc-body .otherContent ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body .otherContent ul {
    gap: 8px;
  }
}
.blockH3 .acc-body .otherContent ul li {
  border-radius: 8px;
  background: #222222;
  padding: 6px 12px;
  font-size: 14px;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .blockH3 .acc-body .otherContent ul li {
    font-size: 12px;
  }
}
.blockH3 .line {
  width: 100%;
  height: 1px;
  background: #222222;
}
.blockH3 .line.anim:not(.animatedOff) {
  width: 0;
  transition: 2s;
}
.blockH3 .line.anim:not(.animatedOff).animated {
  width: 100%;
}

.blockH4 {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.blockH4 .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .blockH4 .container {
    gap: 24px;
  }
}
.blockH4 .container > * {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .blockH4__list {
    width: 100%;
    height: 300px;
  }
}
.blockH4 .card-stack {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 1px;
}
@media screen and (max-width: 1024px) {
  .blockH4 .card-stack {
    width: 100%;
    top: 0;
    left: 0;
    height: 20px;
    transform: none;
    position: relative;
  }
}
.blockH4 .caseBox {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 700px;
  transition: 0s;
}
@media screen and (max-width: 1440px) {
  .blockH4 .caseBox {
    width: 600px;
  }
}
@media screen and (max-width: 1380px) {
  .blockH4 .caseBox {
    width: 500px;
  }
}
@media screen and (max-width: 1024px) {
  .blockH4 .caseBox {
    width: 100%;
    top: 0;
  }
}
.blockH4 .lastCard {
  width: 700px;
  background: #0D0D0D;
  border-radius: 16px;
  padding: 120px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-65%, -50%);
}
@media screen and (max-width: 1440px) {
  .blockH4 .lastCard {
    width: 600px;
  }
}
@media screen and (max-width: 1380px) {
  .blockH4 .lastCard {
    width: 500px;
  }
}
@media screen and (max-width: 1024px) {
  .blockH4 .lastCard {
    width: 100%;
    padding: 64px 24px;
    top: 0;
    transform: translate(-50%, 0);
  }
}
.blockH4 .lastCard p {
  color: rgba(255, 255, 255, 0.7);
}
.blockH4 .anim {
  opacity: 0.001;
  transition: opacity 1s !important;
}
.blockH4 .anim.animated {
  opacity: 1;
}

.blockH5 {
  overflow: hidden;
  border-top: 1px solid #222222;
}
.blockH5 .container {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 1024px) {
  .blockH5 .container {
    flex-direction: column;
    gap: 24px;
  }
}
.blockH5__left {
  width: calc(50% - 30px);
  height: -moz-max-content;
  height: max-content;
}
@media screen and (max-width: 1024px) {
  .blockH5__left {
    width: 100%;
  }
}
.blockH5__right {
  width: calc(50% - 30px);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .blockH5__right {
    width: 100%;
    gap: 20px;
  }
}
.blockH5 .box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 36px;
  border-radius: 16px;
  background: #0D0D0D;
}
@media screen and (max-width: 1024px) {
  .blockH5 .box {
    padding: 24px 20px;
    gap: 16px;
  }
}
.blockH5 .box .pTag {
  margin-bottom: 4px;
}
.blockH5 .box p {
  color: rgba(255, 255, 255, 0.7);
}
.blockH5 .box .text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.blockH5 .anim {
  opacity: 0.001;
  transition: opacity 1s !important;
}
.blockH5 .anim.animated {
  opacity: 1;
}

.blockH6 {
  border-top: 1px solid #222222;
  display: flex;
  flex-direction: column;
  gap: 32px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .blockH6 {
    gap: 12px;
  }
}
.blockH6 .blockTop {
  margin-bottom: 12px;
}
.blockH6__list {
  display: flex;
  gap: 32px;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 1024px) {
  .blockH6__list {
    gap: 12px;
  }
}
.blockH6__list.list2 {
  align-self: flex-end;
}
.blockH6 .box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 450px;
  min-width: 450px;
  padding: 12px 12px 16px 12px;
  border-radius: 16px;
  border: 1px solid #222222;
}
@media screen and (max-width: 1024px) {
  .blockH6 .box {
    width: 70vw;
    min-width: 70vw;
    padding: 4px;
    gap: 8px;
  }
}
.blockH6 .box__top {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  border-radius: 8px;
  background: #0D0D0D;
}
@media screen and (max-width: 1024px) {
  .blockH6 .box__top {
    border-radius: 12px;
    padding: 12px;
  }
}
.blockH6 .box__top .col {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
}
.blockH6 .box__top p {
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .blockH6 .box__top p {
    font-size: 14px;
  }
}
.blockH6 .box__top a {
  font-size: 14px;
  text-decoration: underline;
  transition: 0.3s;
}
@media not all and (pointer: coarse) {
  .blockH6 .box__top a:hover {
    text-decoration-color: transparent;
    color: rgba(255, 255, 255, 0.7);
  }
}
@media screen and (max-width: 1024px) {
  .blockH6 .box__top a {
    font-size: 12px;
  }
}
.blockH6 .box__top img {
  display: block;
  height: 16px;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .blockH6 .box__top img {
    height: 14px;
  }
}
.blockH6 .box__top .stars {
  height: 24px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .blockH6 .box__top .stars {
    height: 21px;
  }
}
.blockH6 .box__text {
  padding: 0 16px;
}
@media screen and (max-width: 1024px) {
  .blockH6 .box__text {
    padding: 0 8px 4px;
  }
}
.blockH6 .box__text p {
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1024px) {
  .blockH6 .box__text p {
    font-size: 12px;
  }
}
.blockH6 .anim {
  opacity: 0.001;
  transition: opacity 1s;
}
.blockH6 .anim.animated {
  opacity: 1;
}

.blockH7 {
  border-top: 1px solid #222222;
}
.blockH7 .container {
  display: flex;
  flex-direction: column;
  gap: 44px;
}
@media screen and (max-width: 1024px) {
  .blockH7 .container {
    gap: 24px;
  }
}
.blockH7 .swiper {
  width: 100%;
  overflow: visible;
}
@media screen and (max-width: 1024px) {
  .blockH7 .swiper {
    width: 85%;
    margin-left: 0;
  }
}
.blockH7 .swiper-slide {
  height: unset;
}
.blockH7 .swiper .caseBox {
  height: 100%;
}
.blockH7 .buttons {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
@media screen and (max-width: 600px) {
  .blockH7 .buttons .btn {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .blockH7 .swiper-buttons {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
  }
}
.blockH7 .anim {
  opacity: 0.001;
  transition: opacity 1s;
}
.blockH7 .anim.animated {
  opacity: 1;
}
.blockH7 [data-perpage="3"] .caseBox__text-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blockH8 {
  border-top: 1px solid #222222;
}
.blockH8 .anim {
  opacity: 0.001;
  transition: opacity 1s;
}
.blockH8 .anim.animated {
  opacity: 1;
}
.blockH8 .wcsScreen__main {
  align-items: stretch;
}
@media screen and (max-width: 1024px) {
  .blockH8 .wcsScreen__main {
    padding: 64px 20px;
  }
}
.blockH8 .wcsScreen__image {
  display: flex;
  justify-content: center;
  width: calc(40% - 12px);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .blockH8 .wcsScreen__image {
    display: none;
  }
}
.blockH8 .wcsScreen__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 1024px) {
  .blockH8 .wcsScreen .btn {
    width: 100%;
  }
}
.blockH8 .cursorPurple {
  top: unset;
  left: calc(60% + 12px);
  bottom: 90px;
  transform: translate(calc(-50% + 200px), calc(-50% - 120px));
  animation-name: blockH8__move;
  animation-duration: 12s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
@media screen and (max-width: 1280px) {
  .blockH8 .cursorPurple {
    bottom: 70px;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 1024px) {
  .blockH8 .cursorPurple {
    bottom: calc(100% - 80px);
    left: unset;
    animation-name: blockH8__move-mob;
  }
}
.blockH8 .cursorPurple * {
  animation-duration: inherit;
  animation-timing-function: inherit;
  animation-iteration-count: inherit;
}
.blockH8 .cursorPurple svg {
  animation-name: blockH8__svg;
}
.blockH8 .cursorPurple .emoji {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%) scale(0);
}
.blockH8 .cursorPurple .emoji img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  left: 0;
  top: 0;
}
.blockH8 .cursorPurple .emoji.emoji--wave {
  animation-name: blockH8__wave;
}
.blockH8 .cursorPurple .emoji.emoji--wave img {
  animation-name: blockH8__wave-img;
  transform-origin: right bottom;
  transform: translate(0, 0) scale(0);
}
.blockH8 .cursorPurple .emoji.emoji--point {
  transform: none;
}
@media screen and (max-width: 1024px) {
  .blockH8 .cursorPurple .emoji.emoji--point {
    transform: translateX(-32px) rotate(25deg);
  }
}
.blockH8 .cursorPurple .emoji.emoji--point img {
  transform: translate(-50%, -50%) scale(0);
  animation-name: blockH8__point;
}
@media screen and (max-width: 1024px) {
  .blockH8 .cursorPurple .emoji.emoji--point img {
    animation-name: blockH8__point-mob;
  }
}
@keyframes blockH8__move {
  0% {
    left: calc(60% + 12px);
    transform: translate(-50%, calc(-50% - 120px));
  }
  16% {
    left: calc(60% + 12px);
    transform: translate(-50%, calc(-50% - 120px));
  }
  20% {
    left: 460px;
    transform: translate(calc(-50% - 30px), calc(-50% + 10px));
  }
  36% {
    left: 460px;
    transform: translate(calc(-50% - 30px), calc(-50% + 10px));
  }
  40% {
    left: calc(60% + 12px);
    transform: translate(-50%, calc(-50% - 120px));
  }
  100% {
    left: calc(60% + 12px);
    transform: translate(-50%, calc(-50% - 120px));
  }
}
@keyframes blockH8__move-mob {
  0% {
    right: 84px;
    bottom: calc(100% - 80px);
  }
  16% {
    right: 84px;
    bottom: calc(100% - 80px);
  }
  20% {
    right: 120px;
    bottom: 36px;
  }
  36% {
    right: 120px;
    bottom: 36px;
  }
  40% {
    right: 84px;
    bottom: calc(100% - 80px);
  }
  100% {
    right: 84px;
    bottom: calc(100% - 80px);
  }
}
@keyframes blockH8__svg {
  0% {
    transform: scale(1);
  }
  2% {
    transform: scale(0);
  }
  10% {
    transform: scale(0);
  }
  12% {
    transform: scale(1);
  }
  20% {
    transform: scale(1);
  }
  22% {
    transform: scale(0);
  }
  30% {
    transform: scale(0);
  }
  32% {
    transform: scale(1);
  }
}
@keyframes blockH8__wave {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  2% {
    transform: translate(-50%, -50%) scale(1);
  }
  1.6% {
    transform: translate(-50%, -50%) scale(1) rotate(-10deg);
  }
  3.2% {
    transform: translate(-50%, -50%) scale(1) rotate(10deg);
  }
  4.8% {
    transform: translate(-50%, -50%) scale(1) rotate(-10deg);
  }
  6.4% {
    transform: translate(-50%, -50%) scale(1) rotate(10deg);
  }
  10% {
    transform: translate(-50%, -50%) scale(1);
  }
  12% {
    transform: translate(-50%, -50%) scale(0);
  }
}
@keyframes blockH8__wave-img {
  2% {
    transform: rotate(0);
  }
  1.6% {
    transform: rotate(-10deg);
  }
  3.2% {
    transform: rotate(10deg);
  }
  4.8% {
    transform: rotate(-10deg);
  }
  6.4% {
    transform: rotate(10deg);
  }
  10% {
    transform: rotate(0);
  }
}
@keyframes blockH8__point {
  20% {
    transform: translate(-50%, -50%) scale(0);
  }
  22% {
    transform: translate(-50%, -50%) scale(0);
  }
  23.6% {
    transform: translate(calc(-50% - 5px), -50%) scale(1);
  }
  25.2% {
    transform: translate(calc(-50% + 5px), -50%) scale(1);
  }
  26.8% {
    transform: translate(calc(-50% - 5px), -50%) scale(1);
  }
  28.4% {
    transform: translate(calc(-50% + 5px), -50%) scale(1);
  }
  30% {
    transform: translate(-50%, -50%) scale(0);
  }
  32% {
    transform: translate(-50%, -50%) scale(0);
  }
}
@keyframes blockH8__point-mob {
  20% {
    transform: translate(0, -50%) scale(0);
  }
  22% {
    transform: translate(0, -50%) scale(0);
  }
  23.6% {
    transform: translate(5px, -50%) scale(1);
  }
  25.2% {
    transform: translate(-5px, -50%) scale(1);
  }
  26.8% {
    transform: translate(5px, -50%) scale(1);
  }
  28.4% {
    transform: translate(-5px, -50%) scale(1);
  }
  30% {
    transform: translate(0, -50%) scale(0);
  }
  32% {
    transform: translate(0, -50%) scale(0);
  }
}

.blockC1 .container {
  display: flex;
  flex-direction: column;
  gap: 44px;
}
@media screen and (max-width: 1024px) {
  .blockC1 .container {
    gap: 24px;
  }
}
.blockC1__list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
@media screen and (max-width: 1024px) {
  .blockC1__list {
    gap: 20px;
  }
}
.blockC1__list .caseBox {
  width: calc(50% - 30px);
}
@media screen and (max-width: 1024px) {
  .blockC1__list .caseBox {
    width: 100%;
  }
}
.blockC1__list .caseBox.anim {
  opacity: 0.01;
  transition: opacity 1s !important;
}
.blockC1__list .caseBox.anim.animated {
  opacity: 1;
}
.blockC1__list--col3 {
  gap: 60px 32px;
}
@media screen and (max-width: 1024px) {
  .blockC1__list--col3 {
    gap: 20px;
  }
}
.blockC1__list--col3 .caseBox {
  width: calc(33.333% - 21.3333333333px);
}
@media screen and (max-width: 1024px) {
  .blockC1__list--col3 .caseBox {
    width: 100%;
  }
}
.blockC1__list--col3 .caseBox__text-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.caseBox {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 12px 12px 24px;
  background: #0D0D0D;
  border-radius: 16px;
  border: 2px solid #343434;
  transition: 0.4s;
}
@media screen and (max-width: 1024px) {
  .caseBox {
    padding: 4px;
    gap: 12px;
  }
}
.caseBox * {
  pointer-events: none;
}
.caseBox .borderHover {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  pointer-events: auto;
}
.caseBox .borderHover .hoverCursor {
  width: 500px;
  height: 500px;
}
.caseBox__image {
  width: 100%;
}
.caseBox__image-container {
  position: relative;
  width: 100%;
  padding-bottom: 65%;
}
.caseBox__image-container > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media screen and (max-width: 1024px) {
  .caseBox__image-container > img {
    border-radius: 12px;
  }
}
.caseBox__awards {
  position: absolute;
  right: 12px;
  top: 0;
  display: flex;
  gap: 8px;
}
.caseBox__awards li {
  width: 32px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .caseBox__awards li {
    width: 28px;
    height: 36px;
  }
}
.caseBox__awards li img {
  display: block;
  width: 100%;
  height: auto;
}
.caseBox__awards li svg {
  position: absolute;
  left: 0;
  top: 100%;
}
.caseBox__awards-wau {
  background: white;
}
.caseBox__awards-wau svg * {
  fill: white;
}
.caseBox__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 12px;
}
@media screen and (max-width: 1024px) {
  .caseBox__text {
    padding: 0 8px 8px;
  }
}
.caseBox__text-title {
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.caseBox__text-list {
  display: flex;
  align-items: center;
  gap: 8px;
}
.caseBox__text-list li {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 1024px) {
  .caseBox__text-list li {
    font-size: 12px;
  }
}
.caseBox__text-list li img {
  display: block;
  height: 14px;
  width: auto;
}
.caseBox__text-list li:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.7);
}
.caseBox__text-list li:last-child:after {
  display: none;
}

@media screen and (max-width: 1024px) {
  .blockC2 {
    padding-top: 0 !important;
  }
}
.blockC2 .container {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media screen and (max-width: 1024px) {
  .blockC2 .container {
    gap: 32px;
  }
}
@media screen and (max-width: 1380px) {
  .blockC2 .wcsScreen__main {
    padding: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .blockC2 .wcsScreen__main {
    padding: 24px 20px;
  }
}
.blockC2 .wcsScreenCase {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 44px 60px;
}
@media screen and (max-width: 1024px) {
  .blockC2 .wcsScreenCase {
    gap: 24px;
  }
}
.blockC2 .wcsScreenCase__left {
  display: flex;
  flex-direction: column;
  gap: 44px;
  width: calc(58% - 30px);
}
@media screen and (max-width: 1024px) {
  .blockC2 .wcsScreenCase__left {
    width: 100%;
    gap: 24px;
  }
}
.blockC2 .wcsScreenCase__left-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blockC2 .wcsScreenCase__left-top .logo img {
  display: block;
  height: 40px;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .blockC2 .wcsScreenCase__left-top .logo img {
    height: 32px;
  }
}
.blockC2 .wcsScreenCase__left-main {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .blockC2 .wcsScreenCase__left-main {
    gap: 8px;
  }
}
.blockC2 .wcsScreenCase__left-main h1 {
  color: rgba(255, 255, 255, 0.7);
  font-family: "otoiwo_grotesk_normal_regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 1024px) {
  .blockC2 .wcsScreenCase__left-main h1 {
    font-size: 14px;
  }
}
.blockC2 .wcsScreenCase__right {
  width: calc(42% - 30px);
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .blockC2 .wcsScreenCase__right {
    width: 100%;
    height: -moz-max-content;
    height: max-content;
  }
}
.blockC2 .wcsScreenCase__right img {
  display: block;
  width: auto;
  height: 100%;
  border-radius: 8px;
  transform: perspective(1000px) rotateX(15deg) rotateY(-20deg) rotateZ(6deg) scale(0.95) translateY(-3%);
  transform-style: preserve-3d;
}
@media screen and (max-width: 1024px) {
  .blockC2 .wcsScreenCase__right img {
    width: 94%;
    height: auto;
  }
}
.blockC2 .wcsScreenCase__right img:not(.hover) {
  transition: 0.4s;
}
.blockC2 .wcsScreenCase__bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .blockC2 .wcsScreenCase__bottom {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.blockC2 .wcsScreenCase .box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.blockC2 .wcsScreenCase .box span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .blockC2 .wcsScreenCase .box span {
    font-size: 12px;
  }
}
.blockC2 .wcsScreenCase .box ul {
  display: flex;
  gap: 8px;
}
.blockC2 .wcsScreenCase .box p, .blockC2 .wcsScreenCase .box li, .blockC2 .wcsScreenCase .box a {
  font-family: "otoiwo_grotesk_extended_sem_bd", sans-serif;
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .blockC2 .wcsScreenCase .box p, .blockC2 .wcsScreenCase .box li, .blockC2 .wcsScreenCase .box a {
    font-size: 14px;
  }
}
.blockC2 .wcsScreenCase .box li:not(:last-child) {
  display: flex;
  gap: 8px;
  align-items: center;
}
.blockC2 .wcsScreenCase .box li:not(:last-child):after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 99px;
  background: white;
}
.blockC2 .wcsScreenCase .box a {
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .blockC2 .wcsScreenCase .box a:hover {
    color: #7156FE;
  }
}
.blockC2 .wcsScreenCase .box a:active {
  color: #7156FE;
}
.blockC2 .ccMedia img, .blockC2 .ccMedia video {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.blockC2 .ccText {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 1024px) {
  .blockC2 .ccText {
    flex-direction: column;
    gap: 12px;
  }
}
.blockC2 .ccText__title {
  width: calc(40% - 30px);
  min-width: calc(40% - 30px);
}
@media screen and (max-width: 1024px) {
  .blockC2 .ccText__title {
    width: 100%;
    min-width: unset;
  }
}
.blockC2 .ccText__description {
  width: 100%;
  padding-top: 12px;
}
@media screen and (max-width: 1024px) {
  .blockC2 .ccText__description {
    padding-top: 0;
  }
}
.blockC2 .ccText__review {
  width: calc(60% - 30px);
  padding: 36px;
  border-radius: 16px;
  border: 1px solid #343434;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .blockC2 .ccText__review {
    width: 100%;
    padding: 24px 20px;
  }
}
.blockC2 .ccText__review--bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .blockC2 .ccText__review--bottom {
    gap: 8px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.blockC2 .ccText__review--author {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blockC2 .ccText__review--author span {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .blockC2 .ccText__review--author span {
    font-size: 16px;
  }
}
.blockC2 .ccText__review--author p {
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1024px) {
  .blockC2 .ccText__review--author p {
    font-size: 14px;
  }
}
.blockC2 .ccText__review--author a {
  color: inherit;
  padding-left: 3px;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .blockC2 .ccText__review--author a:hover {
    color: white;
  }
}
.blockC2 .ccText__review--author a:active {
  color: white;
}
.blockC2 .ccText__review--ratio {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1024px) {
  .blockC2 .ccText__review--ratio {
    font-size: 14px;
  }
}
.blockC2 .ccText__review--ratio .stars {
  display: flex;
  gap: 2px;
}
.blockC2 .ccText__review--ratio .stars svg {
  display: block;
  width: 16px;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .blockC2 .ccText__review--ratio .stars svg {
    width: 12px;
  }
}
.blockC2 .anim {
  opacity: 0.01;
  transition: opacity 1s !important;
}
.blockC2 .anim.animated {
  opacity: 1;
}

.blockC3 .container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 1024px) {
  .blockC3 .container {
    gap: 24px;
  }
}
.blockC3__top {
  display: flex;
  flex-direction: column;
  gap: 44px;
}
@media screen and (max-width: 1024px) {
  .blockC3__top {
    gap: 24px;
  }
}
.blockC3__top-list {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .blockC3__top-list {
    flex-wrap: wrap;
    gap: 24px 20px;
  }
}
.blockC3__top .box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.blockC3__top .box span:not(.post-views-count) {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
.blockC3__top .box p, .blockC3__top .box .post-views-count {
  font-weight: 600;
}
.blockC3__top .box a {
  color: white;
  font-weight: 600;
  text-decoration: underline;
  transition: 0.2s;
}
@media not all and (pointer: coarse) {
  .blockC3__top .box a:hover {
    color: #7156FE;
  }
}
.blockC3__top .box a:active {
  color: #7156FE;
}
.blockC3__main {
  display: flex;
  gap: 128px;
}
@media screen and (max-width: 1024px) {
  .blockC3__main {
    flex-direction: column;
    gap: 32px;
  }
}
.blockC3__content {
  width: calc(100% - 128px - 340px);
}
@media screen and (max-width: 1024px) {
  .blockC3__content {
    width: 100%;
  }
}
.blockC3__aside {
  width: 340px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: -moz-max-content !important;
  height: max-content !important;
  min-height: -moz-max-content !important;
  min-height: max-content !important;
}
.blockC3__aside .shareBlock {
  border-radius: 12px;
  background: #0D0D0D;
}
.blockC3__aside .shareBlock__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px;
  cursor: pointer;
  transition: 0.2s;
  border-radius: 12px;
}
@media not all and (pointer: coarse) {
  .blockC3__aside .shareBlock__btn:hover {
    background: rgba(255, 255, 255, 0.1);
  }
}
.blockC3__aside .shareBlock__btn:active {
  background: rgba(255, 255, 255, 0.2);
}
.blockC3__aside .shareBlock__btn svg {
  display: block;
  width: 20px;
  height: 20px;
  transition: 0.4s;
}
.blockC3__aside .shareBlock__btn .arrow {
  margin-left: auto;
}
.blockC3__aside .shareBlock__btn.open {
  background: rgba(255, 255, 255, 0.1);
}
.blockC3__aside .shareBlock__btn.open .arrow svg {
  transform: rotate(180deg);
}
.blockC3__aside .shareBlock__body {
  height: 0;
}
.blockC3__aside .shareBlock__body-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}
.blockC3__aside .shareBlock__body .line {
  height: 1px;
  background: #343434;
}
.blockC3__aside .shareBlock__body p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.blockC3__aside .shareBlock__body .socials {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blockC3__aside .shareBlock__body .socials ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.blockC3__aside .shareBlock__body .socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  transition: 0.2s;
}
@media not all and (pointer: coarse) {
  .blockC3__aside .shareBlock__body .socials a:hover {
    background: rgba(255, 255, 255, 0.2);
  }
}
.blockC3__aside .shareBlock__body .socials a:active {
  background: rgba(255, 255, 255, 0.3);
}
.blockC3__aside .shareBlock__body .link {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blockC3__aside .shareBlock__body .link .copy__container {
  padding: 4px 4px 4px 14px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  transition: 0.2s;
  display: flex;
  align-items: center;
  gap: 8px;
}
.blockC3__aside .shareBlock__body .link .copy__container p {
  overflow: hidden;
  color: #FFF;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  height: 21px;
}
.blockC3__aside .shareBlock__body .link .copy__btn {
  border-radius: 8px;
  background: #442AC8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  transition: 0.2s;
}
.blockC3__aside .shareBlock__body .link .copy__btn svg {
  display: block;
  width: 20px;
  height: 20px;
}
@media not all and (pointer: coarse) {
  .blockC3__aside .shareBlock__body .link .copy__btn:hover {
    background: #351eaa;
  }
}
.blockC3__aside .shareBlock__body .link .copy__btn:active {
  background: #442AC8;
}
.blockC3 .contentList {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .blockC3 .contentList {
    border-top: 1px solid #343434;
    border-bottom: 1px solid #343434;
    padding: 12px 0;
  }
}
.blockC3 .contentList a {
  display: block;
  font-weight: 600;
  line-height: 22px;
  padding: 12px 0 12px 36px;
  position: relative;
  transition: 0.2s;
}
@media screen and (max-width: 1024px) {
  .blockC3 .contentList a {
    padding-left: 20px;
  }
}
.blockC3 .contentList a:before {
  content: "";
  position: absolute;
  left: 12px;
  top: 24px;
  transform: translate(0, -50%);
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: #343434;
  transition: 0.2s;
}
@media screen and (max-width: 1024px) {
  .blockC3 .contentList a:before {
    left: 0;
  }
}
@media screen and (min-width: 1025px) {
  .blockC3 .contentList a.active:before {
    background: #7156FE;
  }
}
.blockC3 .anim {
  opacity: 0.01;
  transition: opacity 1s !important;
}
.blockC3 .anim.animated {
  opacity: 1;
}