@charset "UTF-8";
/**
 * Swiper 9.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 31, 2023
 */
@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;
}

.swiper, swiper-container {
  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-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide, 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);
  -webkit-backface-visibility: hidden;
  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, .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 {
  transform-style: preserve-3d;
}

.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-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-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.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, swiper-container: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: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, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.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-button-lock {
  display: none;
}

.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;
  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, :host(.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;
  -ms-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%;
  object-fit: contain;
}

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

.swiper .swiper-notification, swiper-container .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, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.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-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.swiper-cards {
  overflow: visible;
}

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

.post-aside__nav:after, .case-studies-card__logo, .case-studies-card__content, .search-modal__close, .search-modal__list li, .slider-navigation::before {
  transition: all var(--duration) linear;
}

.post-aside__nav a, .case-studies-card, .offices-grid__item, .offices-grid__tel, .header__list, .liveintent-popup .liveintent-popup-wrap .wp-block-button .wp-block-button__link, .filter-scheme-brown-light-2, .filter-scheme-brown-light, .filter-scheme-light, .filter-scheme-gray,
.filter-scheme-default, .filter-scheme-turquoise, .filter-scheme-red-light, .filter-scheme-red, .filter-scheme-light-blue, .filter-scheme-blue, .filter-scheme-orange, .slider-navigation li, .btn {
  transition: all var(--duration) ease;
}

.banner__title, .case-studies__content-slider__num, h1, .h1 {
  font-size: 3.75rem; /* 60/16 */
  line-height: 1;
}
@media (max-width: 1023px) {
  .banner__title, .case-studies__content-slider__num, h1, .h1 {
    font-size: 2.5rem; /* 40/16 */
  }
}
@media (max-width: 767px) {
  .banner__title, .case-studies__content-slider__num, h1, .h1 {
    font-size: 2.2rem;
  }
}

.studies-single-intro__title, .entry-content h1, h2, .h2 {
  font-size: 2.5rem; /* 40/16 */
  line-height: 1.25;
}
@media (max-width: 1023px) {
  .studies-single-intro__title, .entry-content h1, h2, .h2 {
    font-size: 1.875rem; /* 30/16 */
  }
}

.entry-content h2, .press-card__desc, .time-banter-card__desc, .only-el-title.link-with-arrow span, .only-el-title, .lp-intro__desc, .form-with-article__block .article-card__item-title, .articles__title.single-articles-grid__title, .quiz__content h2, h3, .h3 {
  font-size: 1.875rem; /* 30/16 */
  line-height: 1.6;
}
@media (max-width: 1023px) {
  .entry-content h2, .press-card__desc, .time-banter-card__desc, .only-el-title.link-with-arrow span, .only-el-title, .lp-intro__desc, .form-with-article__block .article-card__item-title, .articles__title.single-articles-grid__title, .quiz__content h2, h3, .h3 {
    font-size: 1.5625rem; /* 25/16 */
    line-height: 1.2;
  }
}

.post-archive-no-content .screen-reader-text, .article-card__item-post-meta-date, .footer-lp__copyright, .footer-lp__menu-block li a, .copyright, .footer__description, .multicolor-tags li {
  font-size: 0.75rem; /* 12/16 */
}

.post-archive-no-content .search-form-wrap-title, .post-aside__nav ol a, .article-card__item-post-meta-author, .leadership-team__position, .case-studies__content-slider__author {
  font-size: 0.875rem; /* 14/16 */
}

#form-submit-message, .entry-content h4, .press__subtitle, .post-aside__article .article-card__item-title, .brand-assets__logo-item-name, .quiz__form-desc, .work-perks .work-perks__subtitle, .phrases-slider .phrases-slider__subtitle, .get-in-touch-intro, .book-meeting-intro__text, .book-meeting-intro__desc, .individual-review__company-name, .featured-info__desc, .links-grid__item-desc {
  font-size: 1.125rem; /* 18/16 */
}

.hero-detail__desc, .accordion-component__description, .get-started__form-description, .connected-hero__desc, .newsletter-subscribe__form-info, .studies-feedback__desc, .time-banter__info, .post-archive__filters-desc, .post-aside__nav > li > a, .post-content__date, .post-content__wrapper, .author-single-intro__position, .event-big-card__item-title, .event-card__item-date,
.event-card__item-location, .form-with-article__form-subtitle, .article-card__item-title, .quiz__share-title, .solutions-quiz__desc, .multicolumn-lp__item-title, .text-with-img__content p, .careers-related .careers-related__item-title, .sticky-slider__desc, .authenticated-bridge__text, .text-content__block p, .multicolumn-with-text__info, .customers-info__desc, .native-hero__desc, .native-hero__subtitle, .feedback__info, .multicolumn__text, .multicolumn__title, .partners-info__item-info, .partners-info__heading-info, .media-with-text__item-info, .case-studies__content-slider__subtitle, .case-studies__content-slider__link, .links-grid__item-title, .logo-slider__title, .index-intro__desc, .liveintent-popup .liveintent-popup-wrap .wp-block-button .wp-block-button__link, .link-with-arrow,
.link-with-arrow-back, .btn {
  font-size: 1.25rem; /* 20/16 */
}

.entry-content h3, .articles-small__title, .leadership-team__name, .case-studies__content-slider__title {
  font-size: 1.5rem; /* 24/16 */
}

.press__title, .time-banter__title, .post-content__title, .post-content__wrapper h1, .events-intro__title, .case-studies-home__title, .lp-intro__title, .form-with-article__form-title, .trending-video__info-title, .solutions-quiz__main-title, .text-with-img__content h2, .library-intro__title, .native-hero__title, .get-in-touch-intro__title, .book-meeting-intro__title, .partners-info__heading-title, .solutions-intro__title, .search-modal__inp {
  font-size: 3.125rem; /* 50/16 */
}
@media (max-width: 767px) {
  .press__title, .time-banter__title, .post-content__title, .post-content__wrapper h1, .events-intro__title, .case-studies-home__title, .lp-intro__title, .form-with-article__form-title, .trending-video__info-title, .solutions-quiz__main-title, .text-with-img__content h2, .library-intro__title, .native-hero__title, .get-in-touch-intro__title, .book-meeting-intro__title, .partners-info__heading-title, .solutions-intro__title, .search-modal__inp {
    font-size: 1.875rem; /* 30/16 */
  }
}

@media (max-width: 767px) {
  .hero-detail__desc, .accordion-component__description, .get-started__form-description, .connected-hero__desc, .newsletter-subscribe__form-info, .studies-feedback__desc, .time-banter__info, .post-archive__filters-desc, .post-aside__nav > li > a, .post-content__date, .post-content__wrapper, .author-single-intro__position, .event-big-card__item-title, .event-card__item-date,
  .event-card__item-location, .form-with-article__form-subtitle, .article-card__item-title, .quiz__share-title, .solutions-quiz__desc, .multicolumn-lp__item-title, .text-with-img__content p, .careers-related .careers-related__item-title, .sticky-slider__desc, .authenticated-bridge__text, .text-content__block p, .multicolumn-with-text__info, .customers-info__desc, .native-hero__desc, .native-hero__subtitle, .feedback__info, .multicolumn__text, .multicolumn__title, .partners-info__item-info, .partners-info__heading-info, .media-with-text__item-info, .case-studies__content-slider__subtitle, .case-studies__content-slider__link, .links-grid__item-title, .logo-slider__title, .index-intro__desc, .liveintent-popup .liveintent-popup-wrap .wp-block-button .wp-block-button__link, .link-with-arrow,
  .link-with-arrow-back, .btn {
    font-size: 1.125rem;
  }
  #form-submit-message, .entry-content h4, .press__subtitle, .post-aside__article .article-card__item-title, .brand-assets__logo-item-name, .quiz__form-desc, .work-perks .work-perks__subtitle, .phrases-slider .phrases-slider__subtitle, .get-in-touch-intro, .book-meeting-intro__text, .book-meeting-intro__desc, .individual-review__company-name, .featured-info__desc, .links-grid__item-desc {
    font-size: 1rem;
  }
}
:root {
  --font-family: "proxima-nova", sans-serif;
  --color-text-base: 44, 48, 57;
  --color-text-light: 198, 200, 204;
  --color-primary: 255, 161, 25;
  --color-brand-1: 38, 136, 254;
  --color-brand-2: 252, 69, 89;
  --color-brand-3: 19, 221, 201;
  --color-border: 198, 200, 204;
  --color-light: 243, 244, 246;
  --color-bg: 255, 255, 255;
  --color-bg-alpha: 1;
  --color-title-primary: 255, 223, 169;
  --color-title-1: 169, 211, 255;
  --color-title-2: 252, 196, 202;
  --color-title-tertiary: 177, 180, 186;
  --color-menu-label-gray: #6B6E74;
  --color-menu-icon-yellow: #FFE9C5;
  --color-menu-icon-yellow-dark: #FFA119;
  --brown-light: 255, 233, 197;
  --light-blue: 212, 233, 255;
  --light-red: 255, 223, 227;
  --light-turquoise: 179, 244, 238;
  --light-gray: 245, 245, 247;
  --light-green: 203, 252, 247;
  --btn-bg: var(--color-primary);
  --btn-color: var(--color-primary);
  --multicolor-text: var(--color-primary);
  --vector-color: 255, 202, 112;
  --swiper-theme-color: rgb(var(--color-primary));
  --swiper-pagination-bullet-inactive-color: rgb(var(--color-light));
  --swiper-pagination-bullet-inactive-opacity: 1;
  --header-z-index: 1000;
  --duration: .2s;
  --duration-long: .4s;
  --input-height: 55px;
  --input-border-radius: 30px;
  --header-top: 0;
  --header-height: 80px;
}
@media (max-width: 1199px) {
  :root {
    --header-height: 48px;
    --announcement-height: 40px;
  }
}
@media (max-width: 767px) {
  :root {
    --announcement-height: 60px;
  }
}

.admin-bar {
  --header-top: 46px;
  --adminmbar-offset: 32px;
}
@media screen and (min-width: 783px) {
  .admin-bar {
    --header-top: 32px;
  }
}
@media screen and (max-width: 782px) {
  .admin-bar {
    --adminmbar-offset: 46px;
  }
}
@media screen and (max-width: 600px) {
  .admin-bar {
    --adminmbar-offset: 0px;
  }
}

@font-face {
  font-family: "proxima-nova";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/proxima-nova/ProximaNova-Light.eot?") format("eot"), url("../fonts/proxima-nova/ProximaNova-Light.woff") format("woff"), url("../fonts/proxima-nova/ProximaNova-Light.ttf") format("truetype");
  font-display: block;
}
@font-face {
  font-family: "proxima-nova";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/proxima-nova/ProximaNova-Regular.eot?") format("eot"), url("../fonts/proxima-nova/ProximaNova-Regular.woff") format("woff"), url("../fonts/proxima-nova/ProximaNova-Regular.ttf") format("truetype");
  font-display: block;
}
@font-face {
  font-family: "proxima-nova";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/proxima-nova/ProximaNova-Semibold.eot?") format("eot"), url("../fonts/proxima-nova/ProximaNova-Semibold.woff") format("woff"), url("../fonts/proxima-nova/ProximaNova-Semibold.ttf") format("truetype");
  font-display: block;
}
@font-face {
  font-family: "proxima-nova";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/proxima-nova/ProximaNova-Bold.eot?") format("eot"), url("../fonts/proxima-nova/ProximaNova-Bold.woff") format("woff"), url("../fonts/proxima-nova/ProximaNova-Bold.ttf") format("truetype");
  font-display: block;
}
@font-face {
  font-family: "proxima-nova";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/proxima-nova/ProximaNova-Extrabld.eot?") format("eot"), url("../fonts/proxima-nova/ProximaNova-Extrabld.woff") format("woff"), url("../fonts/proxima-nova/ProximaNova-Extrabld.ttf") format("truetype");
  font-display: block;
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

label, button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul[class],
li[class] {
  list-style: none;
}

video,
img {
  vertical-align: top;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.container {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.scheme-orange {
  --color-bg: var(--color-primary);
  --color-tag: var(--color-primary);
  --color-more-bg: var(--color-primary);
  color: #fff;
  --multicolor-text: var(--color-title-primary);
  --btn-bg: 255, 255, 255;
  --btn-color: 255, 255, 255;
}
.scheme-orange .btn-bg {
  --btn-color: var(--color-primary);
}

.scheme-blue {
  --color-bg: var(--color-brand-1);
  --color-tag: var(--color-brand-1);
  --color-more-bg: var(--color-brand-1);
  color: #fff;
  --multicolor-text: var(--color-title-1);
  --btn-color: 255, 255, 255;
  --btn-bg: 255, 255, 255;
  --vector-color: 112, 182, 255;
}
.scheme-blue .btn-bg {
  --btn-color: var(--color-brand-1);
}

.scheme-red {
  --color-bg: var(--color-brand-2);
  --color-tag: var(--color-brand-2);
  --color-more-bg: var(--color-brand-2);
  color: #fff;
  --multicolor-text: var(--color-title-2);
  --btn-color: 255, 255, 255;
  --btn-bg: 255, 255, 255;
  --vector-color: 253, 113, 129;
}
.scheme-red .btn-bg {
  --btn-color: var(--color-brand-2);
}

.scheme-red-light {
  --color-bg: var(--light-red);
  --color-tag: var(--light-red);
  --color-more-bg: var(--light-red);
  color: rgba(var(--color-brand-2), 1);
}

.scheme-default {
  --color-bg-alpha: 0;
  --color-bg: 0 0 0;
  --color-tag: 0 0 0;
  --color-more-bg: 0 0 0;
  color: rgba(var(--color-text-base), 1);
  --multicolor-text: var(--color-primary);
  --btn-bg: var(--color-primary);
  --btn-color: 255, 255, 255;
}

.scheme-brown-light {
  --color-bg: var(--brown-light);
  --color-tag: var(--brown-light);
  --color-more-bg: var(--brown-light);
  color: rgb(107, 110, 116);
}
.scheme-brown-light h1,
.scheme-brown-light h2,
.scheme-brown-light h3 {
  color: rgba(var(--color-text-base), 1);
}

.scheme-brown-light-2 {
  --color-bg: var(--brown-light);
  --color-tag: var(--brown-light);
  --color-more-bg: var(--brown-light);
  color: rgba(var(--color-primary), 1);
  --multicolor-text: 0, 0, 0;
}

.scheme-light-blue {
  --color-bg: var(--light-blue);
  --color-tag: var(--light-blue);
  --color-more-bg: var(--light-blue);
  --multicolor-text: var(--color-brand-1);
  --btn-bg: var(--color-brand-1);
  --btn-color: 255, 255, 255;
}

.scheme-light {
  --color-bg: var(--color-light);
  --color-tag: var(--color-light);
  --color-more-bg: var(--color-light);
}

.scheme-turquoise {
  --color-bg: var(--color-brand-3);
  --color-tag: var(--color-brand-3);
  --color-more-bg: var(--color-brand-3);
  color: rgb(255, 255, 255);
  --multicolor-text: 137, 253, 241;
  --btn-color: 255, 255, 255;
  --btn-bg: 255, 255, 255;
}
.scheme-turquoise .btn-bg {
  --btn-color: var(--color-brand-3);
}

.scheme-orange,
.scheme-blue,
.scheme-red,
.scheme-red-light,
.scheme-default,
.scheme-brown-light,
.scheme-brown-light-2,
.scheme-light-blue,
.scheme-light,
.scheme-orange,
.scheme-turquoise {
  background: rgb(var(--color-bg), var(--color-bg-alpha));
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1.5625rem;
  color: rgb(var(--btn-color));
  border-radius: 1.4em;
  border: 0.15625rem solid;
  font-weight: 700;
  cursor: pointer;
  background: transparent;
  line-height: 1.2;
}
.btn:hover {
  background: rgb(var(--btn-color));
  color: rgb(var(--color-bg));
}
.btn-bg {
  --btn-color: 255, 255, 255;
  border-color: transparent;
  background: rgb(var(--btn-bg));
  color: rgba(var(--btn-color), 1);
}
.btn-bg:hover {
  border-color: currentColor;
  background: transparent;
  color: rgb(var(--btn-bg));
}
.btn-open-video {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: rgba(var(--btn-color), 1);
  font-size: 1.25rem;
  font-weight: 700;
}
.btn-open-video svg, .btn-open-video svg * {
  transition: all var(--duration) ease;
}
.btn-open-video span {
  position: relative;
}
.btn-open-video:hover svg circle, .btn-open-video.loading svg circle {
  fill: rgba(var(--btn-color), 1);
}
.btn-open-video:hover svg path, .btn-open-video.loading svg path {
  fill: rgb(255, 255, 255);
}
.btn-open-video.loading span:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translate(-25%, -50%);
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'><path fill='%23fff' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'><animateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite'></animateTransform></path></svg>");
}

.btn-blue {
  --btn-bg: var(--color-brand-1);
}
.btn-blue:hover {
  background: rgb(var(--color-title-1));
  border-color: transparent;
}

.link-with-arrow,
.link-with-arrow-back {
  display: flex;
  align-items: center;
  gap: 0.625rem; /* 10/16 */
  line-height: 1;
  background: transparent;
  font-weight: 700;
}
.link-with-arrow:disabled,
.link-with-arrow-back:disabled {
  pointer-events: none;
  opacity: 0.6;
}
.link-with-arrow .link-with-arrow__icon,
.link-with-arrow-back .link-with-arrow__icon {
  display: inline-block;
  transition: all var(--duration) linear;
}

.link-with-arrow {
  color: rgba(var(--color-primary), 1);
}
.link-with-arrow:hover .link-with-arrow__icon {
  transform: translateX(0.3125rem); /* 5/16 */
}

.link-with-arrow-back {
  color: #6B6E74;
}
.link-with-arrow-back .link-with-arrow__icon {
  order: -1;
}
.link-with-arrow-back:hover .link-with-arrow__icon {
  transform: translateX(-0.3125rem); /* 5/16 */
}

.link-with-underline, .multicolumn__text a {
  font-weight: 700;
  text-decoration: underline;
}
.link-with-underline:hover, .multicolumn__text a:hover {
  text-decoration: none;
}

.load-more__wrapper {
  text-align: center;
  margin-top: 3rem;
}

.full-width-btn {
  width: 100%;
}

.input-wrapper label {
  font-weight: 700;
  font-size: 0.7rem;
  display: block;
}
.input-wrapper label > span {
  margin-bottom: 10px;
  display: inline-block;
}
.input-wrapper .form-asterisk {
  padding-right: 5px;
  color: #bf0000;
}
.input-wrapper input {
  border: 1px solid #C6C8CC;
  border-radius: var(--input-border-radius);
  height: var(--input-height);
  font-size: 18px;
  color: #28303D;
  letter-spacing: 1px;
  background: #FFF;
  padding-left: 16px;
  width: 100%;
  transition: all var(--duration) ease;
}
.input-wrapper input:focus {
  border: 1px solid #2C3039;
}

#hbsptForm_3010 {
  max-width: 616px;
}
#hbsptForm_3010 .mkto-buttonWrap.mktoSimple {
  display: block;
}

input:focus, input:active, textarea:focus, textarea:active, select:focus, select:active {
  border-color: #000 !important;
}

.wistia_embed {
  position: relative;
  height: 100%;
}
.wistia_embed .wistia_swatch {
  position: relative;
  height: 100%;
  width: 100%;
}
.wistia_embed .wistia_swatch + .w-chrome {
  position: absolute !important;
  left: 0;
  top: 0;
  z-index: 5;
}
.wistia_embed .wistia_swatch img {
  max-height: unset;
}
.wistia_embed .wistia_swatch:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'><path fill='%23fff' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'><animateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite'></animateTransform></path></svg>");
}

.media-with-text__media .wistia_swatch img {
  width: 100%;
}

.wistia_placebo_close_button img {
  max-height: unset;
}

[data-video-type=background], [data-video-type=background] * {
  pointer-events: none;
}
[data-video-type=background] .w-vulcan-v2-button,
[data-video-type=background] .w-vulcan-overlays--center,
[data-video-type=background] .w-bottom-bar,
[data-video-type=background] .w-bottom-bar-middle,
[data-video-type=background] .w-vulcan-v2-button {
  display: none !important;
}

.media-with-text__media.video-media {
  min-height: 743px;
}

.sticky-slider__media-slide,
.media-with-text__media {
  text-align: center;
  max-height: 743px;
}
.sticky-slider__media-slide .wistia_embed,
.media-with-text__media .wistia_embed {
  max-height: 740px;
  overflow: hidden;
}
.sticky-slider__media-slide .w-video-wrapper.w-css-reset,
.media-with-text__media .w-video-wrapper.w-css-reset {
  background: #fff !important;
}
@media screen and (min-width: 1200px) {
  .sticky-slider__media-slide video,
  .media-with-text__media video {
    max-height: 730px !important;
    max-width: 100% !important;
    width: auto !important;
    margin: 0 auto;
  }
}
.sticky-slider__media-slide .wistia_swatch img,
.media-with-text__media .wistia_swatch img {
  width: auto;
  height: 100%;
  object-fit: cover;
}

.section-padding-xxxl-static {
  padding-top: 9.375rem; /* 150/16 */
  padding-bottom: 9.375rem; /* 150/16 */
}

.section-padding-xxl-static {
  padding-top: 8rem; /* 128/16 */
  padding-bottom: 8rem; /* 128/16 */
}

.section-padding-xxxl {
  padding-top: 9.375rem; /* 150/16 */
  padding-bottom: 9.375rem; /* 150/16 */
}
@media (max-width: 1023px) {
  .section-padding-xxxl {
    padding-top: 6rem; /* 96/16 */
    padding-bottom: 6rem; /* 96/16 */
  }
}
@media (max-width: 767px) {
  .section-padding-xxxl {
    padding-top: 4rem; /* 64/16 */
    padding-bottom: 4rem; /* 64/16 */
  }
}

.section-padding-xxl {
  padding-top: 8rem; /* 128/16 */
  padding-bottom: 8rem; /* 128/16 */
}
@media (max-width: 1023px) {
  .section-padding-xxl {
    padding-top: 4rem; /* 64/16 */
    padding-bottom: 4rem; /* 64/16 */
  }
}

.section-padding-xl {
  padding-top: 5.3125rem; /* 85/16 */
  padding-bottom: 5.3125rem; /* 85/16 */
}
@media (max-width: 1023px) {
  .section-padding-xl {
    padding-top: 2.5rem; /* 40/16 */
    padding-bottom: 2.5rem; /* 40/16 */
  }
}

.section-padding-lg {
  padding-top: 3.75rem; /* 60/16 */
  padding-bottom: 3.75rem; /* 60/16 */
}
@media (max-width: 1023px) {
  .section-padding-lg {
    padding-top: 1.875rem; /* 30/16 */
    padding-bottom: 1.875rem; /* 30/16 */
  }
}

.section-padding-md {
  padding-top: 2.1875rem; /* 35/16 */
  padding-bottom: 2.1875rem; /* 35/16 */
}
@media (max-width: 1023px) {
  .section-padding-md {
    padding-top: 1.25rem; /* 20/16 */
    padding-bottom: 1.25rem; /* 20/16 */
  }
}

.section-padding-sm {
  padding-top: 0.9375rem; /* 15/16 */
  padding-bottom: 0.9375rem; /* 15/16 */
}

.hide-padding-top {
  padding-top: 0;
}
@media (max-width: 1023px) {
  .hide-padding-top {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .hide-padding-top {
    padding-top: 0;
  }
}

.hide-padding-bottom {
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  .hide-padding-bottom {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .hide-padding-bottom {
    padding-bottom: 0;
  }
}

.swiper-wrapper {
  height: auto;
}

.swiper:not(.swiper-initialized) .swiper-slide {
  width: auto;
  max-width: 100%;
}
.swiper:not(.swiper-initialized) .swiper-lazy-preloader {
  display: none !important;
}
.swiper:not(.swiper-initialized) .swiper-button-prev,
.swiper:not(.swiper-initialized) .swiper-button-next,
.swiper:not(.swiper-initialized) .swiper-button, .swiper:not(.swiper-initialized) ~ .swiper-button-prev, .swiper:not(.swiper-initialized) ~ .swiper-button-next {
  display: none !important;
}

.intro-translucent {
  position: relative;
  z-index: 1;
  background: transparent;
}
.intro-translucent .feedback__form {
  min-height: 43.75rem; /* 700/16 */
}
@media (max-width: 767px) {
  .intro-translucent .feedback__form {
    min-height: 0;
  }
}

.intro-translucent__text {
  max-width: 460px;
}
.intro-translucent__text a {
  color: rgba(var(--color-primary), 1);
}
.intro-translucent__text a:hover {
  text-decoration: underline;
}

.intro-translucent__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: clamp(500px, 100% - 450px, 100%);
  z-index: -1;
  overflow: hidden;
}
.intro-translucent__bg.tow_circles::before, .intro-translucent__bg.tow_circles::after {
  content: "";
  border-radius: 50%;
  border: solid rgba(var(--vector-color), 0.4);
  position: absolute;
  z-index: -1;
}
.intro-translucent__bg.tow_circles::after {
  right: 0;
  top: 0;
  transform: translate(40%, -45%);
  border-width: 113px;
  width: 565px;
  height: 565px;
}
@media (max-width: 1199px) {
  .intro-translucent__bg.tow_circles::after {
    height: 272px;
    width: 272px;
    border-width: 55px;
  }
}
@media (max-width: 767px) {
  .intro-translucent__bg.tow_circles::after {
    height: 132px;
    width: 132px;
    border-width: 35px;
  }
}
.intro-translucent__bg.tow_circles::before {
  height: 835px;
  width: 835px;
  border-width: 166px;
  left: 0;
  bottom: 0;
  transform: translate(-55%, 50%);
}
@media (max-width: 1199px) {
  .intro-translucent__bg.tow_circles::before {
    height: 472px;
    width: 472px;
    border-width: 105px;
  }
}
@media (max-width: 767px) {
  .intro-translucent__bg.tow_circles::before {
    height: 272px;
    width: 272px;
    border-width: 55px;
  }
}
.intro-translucent__bg.one_circle::before {
  content: "";
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  height: 872px;
  width: 872px;
  border: 175px solid rgba(var(--vector-color), 0.4);
  right: -100px;
  top: -60px;
}
@media (max-width: 1199px) {
  .intro-translucent__bg.one_circle::before {
    height: 472px;
    width: 472px;
    right: -20%;
    top: -20%;
    border-width: 105px;
  }
}
@media (max-width: 767px) {
  .intro-translucent__bg.one_circle::before {
    height: 272px;
    width: 272px;
    right: -20%;
    top: -20%;
    border-width: 55px;
  }
}

.intro-translucent__text-dark {
  color: rgba(var(--color-text-base), 1);
  max-width: 460px;
  margin-top: -260px;
}
.intro-translucent__text-dark a {
  color: rgba(var(--color-primary), 1);
  text-decoration: underline;
}

@media (max-width: 1199px) {
  .intro-translucent__text {
    max-width: 100%;
  }
  .intro-translucent__text-dark {
    margin-top: 50px;
    max-width: 100%;
  }
  .intro-translucent__bg {
    height: 50%;
  }
}
.slider-navigation {
  order: 1;
  border-left: 2px solid rgba(var(--color-border));
  padding-left: 12px;
  position: relative;
}
.slider-navigation::before {
  content: "";
  position: absolute;
  left: -2px;
  top: var(--marker-position);
  width: 2px;
  height: 28px;
  background: rgb(var(--color-primary));
}
@media (max-width: 1199px) {
  .slider-navigation::before {
    display: none;
  }
}
.slider-navigation li {
  margin-bottom: 25px;
  font-weight: 700;
  cursor: pointer;
  color: rgba(var(--color-text-light), 1);
}
.slider-navigation li.active, .slider-navigation li:hover {
  color: rgb(var(--color-primary));
}
.slider-navigation li:last-child {
  margin: 0;
}
@media (max-width: 1199px) {
  .slider-navigation {
    order: unset;
    border: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
  }
  .slider-navigation li {
    margin: 0;
    padding: 2px 12px;
    color: rgb(var(--color-primary));
    border-radius: 50px;
    text-align: center;
    background: rgb(var(--brown-light));
  }
  .slider-navigation li.active {
    color: #fff;
    background: rgb(var(--color-primary));
  }
}
@media (max-width: 767px) {
  .slider-navigation {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .slider-navigation li {
    font-size: 12px;
  }
}

.multicolor-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 10px;
  margin-bottom: 16px;
}
.multicolor-tags li {
  border-radius: 25px;
  font-weight: 700;
  line-height: 1;
  flex: none;
}
.multicolor-tags li a {
  color: var(--color, #ffffff);
  background-color: var(--color-tag, #ffa11a);
  border-radius: inherit;
  padding: 4px 8px;
  display: inline-block;
}

.filter-scheme-orange {
  --bg-color: var(--brown-light);
  --color: var(--color-primary);
}
.filter-scheme-orange.active {
  --bg-color: var(--color-primary);
  --color: 255, 255, 255;
}
@media screen and (min-width: 1199px) {
  .filter-scheme-orange:hover {
    --bg-color: var(--color-primary);
    --color: 255, 255, 255;
  }
}

.filter-scheme-blue {
  --bg-color: var(--light-blue);
  --color: var(--color-brand-1);
}
.filter-scheme-blue.active {
  --bg-color: var(--color-brand-1);
  --color: 255, 255, 255;
}
@media screen and (min-width: 1199px) {
  .filter-scheme-blue:hover {
    --bg-color: var(--color-brand-1);
    --color: 255, 255, 255;
  }
}

.filter-scheme-light-blue {
  --bg-color: 220, 248, 255;
  --color: 64, 141, 233;
}
.filter-scheme-light-blue.active {
  --bg-color: 69, 142, 191;
  --color: 255, 255, 255;
}
@media screen and (min-width: 1199px) {
  .filter-scheme-light-blue:hover {
    --bg-color: 69, 142, 191;
    --color: 255, 255, 255;
  }
}

.filter-scheme-red {
  --bg-color: var(--light-red);
  --color: var(--color-brand-2);
}
.filter-scheme-red.active {
  --bg-color: var(--color-brand-2);
  --color: 255, 255, 255;
}
@media screen and (min-width: 1199px) {
  .filter-scheme-red:hover {
    --bg-color: var(--color-brand-2);
    --color: 255, 255, 255;
  }
}

.filter-scheme-red-light {
  --bg-color: 255, 243, 234;
  --color: 252, 87, 89;
}
.filter-scheme-red-light.active {
  --bg-color: 243, 75, 67;
  --color: 255, 255, 255;
}
@media screen and (min-width: 1199px) {
  .filter-scheme-red-light:hover {
    --bg-color: 243, 75, 67;
    --color: 255, 255, 255;
  }
}

.filter-scheme-turquoise {
  --bg-color: var(--light-turquoise);
  --color: var(--color-brand-3);
}
.filter-scheme-turquoise.active {
  --bg-color: var(--color-brand-3);
  --color: 255, 255, 255;
}
@media screen and (min-width: 1199px) {
  .filter-scheme-turquoise:hover {
    --bg-color: var(--color-brand-3);
    --color: 255, 255, 255;
  }
}

.filter-scheme-gray,
.filter-scheme-default {
  --bg-color: var(--light-gray);
  --color: 0, 0, 0;
}
.filter-scheme-gray.active,
.filter-scheme-default.active {
  --bg-color: 0, 0, 0;
  --color: 255, 255, 255;
}
@media screen and (min-width: 1199px) {
  .filter-scheme-gray:hover,
  .filter-scheme-default:hover {
    --bg-color: 0, 0, 0;
    --color: 255, 255, 255;
  }
}

.filter-scheme-light {
  --bg-color: var(--color-light);
  --color: 0, 0, 0;
}
.filter-scheme-light.active {
  --bg-color: 0, 0, 0;
  --color: 255, 255, 255;
}
@media screen and (min-width: 1199px) {
  .filter-scheme-light:hover {
    --bg-color: 0, 0, 0;
    --color: 255, 255, 255;
  }
}

.filter-scheme-brown-light {
  --bg-color: var(--brown-light);
  --color: 107, 110, 116;
}
.filter-scheme-brown-light.active {
  --bg-color: 249, 176, 57;
  --color: 255, 255, 255;
}
@media screen and (min-width: 1199px) {
  .filter-scheme-brown-light:hover {
    --bg-color: 249, 176, 57;
    --color: 255, 255, 255;
  }
}

.filter-scheme-brown-light-2 {
  --bg-color: var(--brown-light);
  --color: var(--color-primary);
}
.filter-scheme-brown-light-2.active {
  --bg-color: 213, 151, 49;
  --color: 255, 255, 255;
}
@media screen and (min-width: 1199px) {
  .filter-scheme-brown-light-2:hover {
    --bg-color: 213, 151, 49;
    --color: 255, 255, 255;
  }
}

.filters-list li {
  background: rgba(var(--bg-color), 1);
  color: rgba(var(--color), 1);
  cursor: pointer;
  padding: 4px 8px;
}
.filters-list > a {
  background: rgba(var(--bg-color), 1);
  color: rgba(var(--color), 1);
}
.filters-list a.loading {
  position: relative;
  color: transparent !important;
}
.filters-list a.loading:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  content: "";
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #3498db;
  width: 10px;
  height: 10px;
  animation: spin 2s linear infinite;
}

.filters-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.filters-grid li {
  border-radius: 20px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.filters-grid li a {
  color: inherit;
}

[data-filter-item-animate] {
  transition: all var(--duration-long) linear;
}
[data-filter-item-animate].hidden {
  animation: hidden 0.3s linear forwards;
}
[data-filter-item-animate].show {
  animation: show 0.3s linear forwards;
}

@keyframes hidden {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes show {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.search-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: calc(var(--header-z-index) + 5);
  display: none;
  padding-top: 5rem;
  animation: fade-zoom-out 0.3s forwards;
}

.search-modal.assets-loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.search-modal.assets-loading:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 50px;
  height: 50px;
  border: 3px solid #ccc;
  border-radius: 50%;
  border-top-color: #000;
  animation: assets-spin 1s linear infinite;
  z-index: 10000;
  top: calc(50% - 25px); /* Center the spinner vertically */
  left: calc(50% - 25px); /* Center the spinner horizontally */
}

@keyframes assets-spin {
  to {
    transform: rotate(360deg);
  }
}
.search-modal__list-title {
  margin-bottom: 0.9375rem; /* 15/16 */
  margin-top: 3.5rem;
  opacity: 0.7;
}

.search-modal__list {
  max-width: 37.5rem; /* 600/16 */
  gap: 0.75rem; /* 12/16 */
}
.search-modal__list li:hover {
  opacity: 0.75;
}

.search-modal__close {
  background: transparent;
  position: fixed;
  right: 3rem;
  top: 3rem;
  display: inline-flex;
}
.search-modal__close:hover {
  transform: rotate(180deg);
}

.search-modal__inp::placeholder {
  opacity: 0.5;
}

@keyframes fade-zoom-in {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.search-modal__content {
  height: 100vh;
  position: relative;
}

.searchwp-live-search-results {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  height: 0;
  overflow: hidden;
  z-index: 9999995;
  position: absolute;
  display: none;
}

.searchwp-live-search-results-stack {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
@media (max-width: 1199px) {
  .searchwp-live-search-results-stack {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1023px) {
  .searchwp-live-search-results-stack {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .searchwp-live-search-results-stack {
    grid-template-columns: 1fr;
  }
}

.searchwp-live-search-results-showing {
  display: flex !important;
  flex-direction: column;
  outline: none !important;
}

.searchwp-live-search-results {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin-top: 0 !important;
  box-shadow: none !important;
  min-height: 100% !important;
  max-height: 100% !important;
}

.searchwp-live-more-wrap {
  margin-top: 3rem;
  text-align: center;
}

input.search-modal__inp {
  width: 100%;
}
input.search-modal__inp::-ms-clear {
  display: none;
}

.hbsptForm input[type=text],
.hbsptForm input[type=url],
.hbsptForm input[type=email],
.hbsptForm input[type=tel],
.hbsptForm input[type=number],
.hbsptForm input[type=date],
.hbsptForm select.hs-input,
.hbsptForm textarea.hs-input, .feedback__form .hbsptForm input[type=text],
.feedback__form .hbsptForm input[type=url],
.feedback__form .hbsptForm input[type=email],
.feedback__form .hbsptForm input[type=tel],
.feedback__form .hbsptForm input[type=number],
.feedback__form .hbsptForm input[type=date],
.feedback__form .hbsptForm select.hs-input,
.feedback__form .hbsptForm textarea.hs-input {
  -webkit-appearance: none !important;
  border: 1px solid #C6C8CC !important;
  border-radius: 60px !important;
  height: 50px !important;
  font-size: 17px !important;
  color: #28303D !important;
  letter-spacing: 0 !important;
  font-family: "proxima-nova", sans-serif !important;
  margin-right: 10px !important;
  background: #FFF !important;
  padding: 2px 2rem 2px 1rem !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

.hbsptForm {
  width: 100% !important;
  text-align: left;
  position: fixed;
  z-index: -999;
  top: -99999px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in;
}
@media (max-width: 767px) {
  .hbsptForm {
    padding: 0 !important;
  }
  .hbsptForm .recaptcha-container iframe {
    padding: 0;
  }
  .hbsptForm .mktoLabel {
    font-size: 1rem !important;
  }
}
.hbsptForm,
.hbsptForm * {
  font-family: var(--font-family) !important;
}
.hbsptForm.hbsptForm_2968 {
  transform: translateX(10px);
}
@media (max-width: 767px) {
  .hbsptForm.hbsptForm_2968 {
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .hbsptForm input[type=text],
  .hbsptForm input[type=url],
  .hbsptForm input[type=email],
  .hbsptForm input[type=tel],
  .hbsptForm input[type=number],
  .hbsptForm input[type=date],
  .hbsptForm select.hs-input,
  .hbsptForm textarea.hs-input {
    margin-right: 0 !important;
  }
}
.hbsptForm label {
  margin-bottom: 0.65rem;
  font-family: "proxima-nova", sans-serif;
  font-size: 20px;
  line-height: 1;
  text-transform: none;
  color: #2C3039;
  display: block;
  font-weight: bold;
}
@media (max-width: 767px) {
  .hbsptForm label {
    font-size: 1rem;
    margin-bottom: 0.4rem;
  }
}
.hbsptForm label:has(.hs-form-required) {
  padding-left: 10px;
  text-align: left;
}
.hbsptForm .hs-form-required {
  float: left;
  color: #bf0000;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 0;
}
.hbsptForm .hs-button {
  background: rgb(var(--color-primary)) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.625rem 4.5625rem !important;
  color: rgb(255, 255, 255) !important;
  border-radius: 1.4em !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all var(--duration) ease !important;
  line-height: 1.2 !important;
  color: rgb(255, 255, 255) !important;
  font-size: 20px !important;
  border: 0 !important;
}
.hbsptForm .hs-button:hover {
  background: rgb(var(--color-title-primary)) !important;
  color: rgb(var(--color-primary)) !important;
}
.hbsptForm .recaptcha-container {
  padding-left: 10px;
}
@media (max-width: 767px) {
  .hbsptForm .recaptcha-container {
    padding-left: 0;
  }
}
.hbsptForm.form-loader-none {
  position: initial;
  z-index: initial;
  top: initial;
  opacity: initial;
  visibility: initial;
}
.hbsptForm.form-loader-none ~ .hbspt__form-loader {
  position: fixed;
  z-index: -999;
  top: -99999px;
  opacity: 0;
  visibility: hidden;
}
.hbsptForm.hbsptFormInit {
  position: initial;
  z-index: initial;
  top: initial;
  opacity: 1;
  visibility: visible;
}
.hbsptForm.hbsptFormInit ~ .hbspt__form-loader {
  position: fixed;
  z-index: -999;
  top: -99999px;
  opacity: 0;
  visibility: hidden;
}

.hbspt__form-loader {
  display: block;
}
@media (max-width: 767px) {
  .hbspt__form-loader {
    width: 100%;
  }
}
.hbspt__form-loader > *:not(:first-child) {
  margin-top: 20px;
}
.hbspt__form-loader .hbspt__form-loader-element .hbspt__form-loader-label {
  height: 15px;
  border-radius: 60px;
  margin-bottom: 15px;
  width: 160px;
}
.hbspt__form-loader .hbspt__form-loader-element .hbspt__form-loader-label-2 {
  height: 40px;
}
.hbspt__form-loader .hbspt__form-loader-element .hbspt__form-loader-label-3 {
  height: 63px;
}
.hbspt__form-loader .hbspt__form-loader-element .hbspt__form-loader-input {
  height: 50px;
  border-radius: 60px;
}
@media (min-width: 481px) {
  .hbspt__form-loader .hbspt__form-loader-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
  }
}
@media (max-width: 767px) {
  .hbspt__form-loader .hbspt__form-loader-columns .hbspt__form-loader-element {
    margin-top: 20px;
  }
  .hbspt__form-loader .hbspt__form-loader-columns .hbspt__form-loader-element:first-child {
    margin-top: 0;
  }
}
.hbspt__form-loader .hbspt__form-loader-button {
  display: inline-block;
  padding-left: 73px;
  padding-right: 73px;
  min-width: 250px;
  height: 44px;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .hbspt__form-loader .hbspt__form-loader-button {
    width: 100%;
  }
}
.hbspt__form-loader .hbspt__form-loader-radio .hbspt__form-loader-field {
  display: grid;
  grid-template-columns: 25px calc(100% - 36px);
  gap: 11px;
}
.hbspt__form-loader .hbspt__form-loader-radio .hbspt__form-loader-field + .hbspt__form-loader-field {
  margin-top: 5px;
}
.hbspt__form-loader .hbspt__form-loader-radio .hbspt__form-loader-el {
  border-radius: 50%;
  height: 25px;
}
.hbspt__form-loader .hbspt__form-loader-radio .hbspt__form-loader-text {
  border-radius: 4px;
  height: 25px;
}
.hbspt__form-loader .hbspt__form-loader-checkbox .hbspt__form-loader-field {
  display: grid;
  grid-template-columns: 25px calc(100% - 36px);
  gap: 11px;
  padding: 0px 0 0 4px;
}
.hbspt__form-loader .hbspt__form-loader-checkbox .hbspt__form-loader-field + .hbspt__form-loader-field {
  margin-top: 5px;
}
.hbspt__form-loader .hbspt__form-loader-checkbox .hbspt__form-loader-el {
  height: 25px;
}
.hbspt__form-loader .hbspt__form-loader-checkbox .hbspt__form-loader-text {
  border-radius: 4px;
  height: 25px;
}
.hbspt__form-loader .hbspt__form-loader-recaptcha {
  width: 100%;
  max-width: 260px;
  height: 60px;
}
@media (max-width: 767px) {
  .hbspt__form-loader .hbspt__form-loader-recaptcha {
    max-width: 100%;
  }
}
.hbspt__form-loader .hbspt__form-loader-animation {
  background: linear-gradient(90deg, #cbcbcb 0px, #c0c0c0 100px, #c0c0c0 150px, #cbcbcb 250px);
  background-size: 100vw 100%;
  background-attachment: fixed;
  animation: skeletonLoading 2s linear infinite;
}

.hbspt__form-loader-type-6 .hbspt__form-loader-radio .hbspt__form-loader-field + .hbspt__form-loader-field {
  margin-top: 15px;
}
.hbspt__form-loader-type-6 .hbspt__form-loader-recaptcha {
  margin-top: 80px;
}

@media (min-width: 1200px) {
  .hbspt__form-loader-type-8 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .hbspt__form-loader-type-8 .hbspt__form-loader-columns {
    order: 0;
    width: 100%;
  }
  .hbspt__form-loader-type-8 .hbspt__form-loader-element {
    width: 100%;
    order: 1;
  }
  .hbspt__form-loader-type-8 .hbspt__form-loader-recaptcha {
    order: 3;
    grid-column: 1/-1;
  }
  .hbspt__form-loader-type-8 .hbspt__form-loader-button {
    order: 4;
    min-width: initial;
    max-width: 150px;
  }
}

@keyframes skeletonLoading {
  from {
    background-position: 0vw 0;
  }
  to {
    background-position: 100vw 0;
  }
}
@media only screen and (max-width: 480px) {
  .hbsptForm .mkto-buttonWrap.mktoSimple .hs-button {
    width: 100%;
  }
  .mkto-buttonRow {
    width: 100% !important;
  }
}
.hbsptForm_3001 {
  /* Button */
}
.hbsptForm_3001 :-moz-placeholder,
.hbsptForm_3001 :-ms-input-placeholder,
.hbsptForm_3001 ::-moz-placeholder,
.hbsptForm_3001 ::-webkit-input-placeholder,
.hbsptForm_3001 :placeholder-shown {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  padding-left: 12px;
  font-weight: bold;
}
.hbsptForm_3001 .hbsptForm {
  width: 0 !important;
}
.hbsptForm_3001 label {
  font-weight: bold;
  text-transform: none;
  padding-bottom: 10px;
  color: #484C54;
}
.hbsptForm_3001 .hs-button {
  -webkit-appearance: none !important;
  background: #FFA119;
  position: relative !important;
  left: 0 !important;
  height: 55px !important;
  width: 80% !important;
  color: #fff !important;
  font-size: 18px !important;
  text-transform: uppercase;
  font-family: proxima-nova, sans-serif;
  font-weight: 400 !important;
  border-radius: 50px !important;
  border: 1px solid #FFA119 !important;
  float: left !important;
  margin-top: 5px;
}
.hbsptForm_3001 .hs-button:hover {
  background: #FFDFA9;
  color: #FFA119;
}

.hbsptForm .mktoRequiredField .mktoAsterix {
  display: none;
}

.hbsptForm .mktoCheckboxList label {
  visibility: visible !important;
  margin-top: -5px !important;
}

.lp-intro__form .mktoRadioList input {
  opacity: 0;
  position: absolute;
}
.lp-intro__form .mktoRadioList input + label:before {
  border-radius: 50%;
}
.lp-intro__form .mktoRadioList input,
.lp-intro__form .mktoRadioList label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
  margin-left: -0.5em !important;
}
.lp-intro__form .mktoRadioList input:focus,
.lp-intro__form .mktoRadioList label:focus {
  outline: none !important;
}
.lp-intro__form .mktoRadioList label {
  display: flex !important;
  align-items: center !important;
}
.lp-intro__form .mktoCheckboxList label,
.lp-intro__form .mktoCheckboxList input {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
}
.lp-intro__form .mktoCheckboxList input {
  opacity: 0;
  position: absolute;
}
.lp-intro__form .mktoCheckboxList label {
  position: relative;
  margin-left: 0 !important;
  margin-top: 0 !important;
}
.lp-intro__form .mktoRadioList label,
.lp-intro__form .mktoCheckboxList label {
  position: relative;
  font-weight: normal !important;
}
.lp-intro__form .mktoRadioList input + label:before,
.lp-intro__form .mktoCheckboxList input + label:before {
  content: "";
  background: #fff;
  border: 2px solid #C6C8CC;
  display: inline-block;
  vertical-align: middle;
  min-width: 25px;
  height: 25px;
  padding: 4px;
  margin-right: 10px;
  text-align: center;
}
.lp-intro__form .mktoRadioList input:checked + label:before,
.lp-intro__form .mktoCheckboxList input:checked + label:before {
  content: "";
  color: #FFA119;
  border-color: #FFA119;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' fill='%23FFA119'%3E%3Cpath d='M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}
.lp-intro__form .mktoLabel {
  font-size: 16px;
}
.lp-intro__form .hbsptFormRow {
  margin: 5px 0 !important;
}
.lp-intro__form .hbsptForm textarea.hs-input {
  padding-top: 12px !important;
}

body .hbsptForm_3079 .hbsptForm .mktoRadioList > label {
  margin-left: 0;
}

.report-widget__form textarea.hs-input {
  min-height: 200px;
  border-radius: 12px !important;
  padding-top: 10px !important;
}

.report-widget__form .form-confirm__desc {
  text-align: left;
}

.live-form-inner {
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .live-form-inner {
    padding: 1rem;
  }
}

.live-form-wrapper:has(.form-loader-type-7) {
  max-width: 446px;
  margin: 0;
}

.lp-intro-2 .live-form-inner {
  max-width: 430px;
}

/*.lp-intro-2:has(.form-loader-type-5) .live-form-inner {
	max-width:320px;
}*/
.intro-translucent .live-form-inner {
  max-width: 530px;
}

.intro-translucent .book-meeting-intro__form .live-form-inner {
  max-width: 630px;
}

.feedback .live-form-inner {
  max-width: 630px;
}

.feedback:has(.form-loader-type-4) .live-form-inner {
  max-width: 540px;
}

.feedback#form:has(.form-loader-type-4) .live-form-inner {
  max-width: 630px;
}

.feedback#native-blueprints-emarketer-form:has(.form-loader-type-4) .live-form-inner {
  max-width: 616px;
}

.feedback#solutions-form .live-form-inner {
  max-width: 540px;
}

.feedback#solutions-form:has(.form-loader-type-3) .live-form-inner,
.feedback#solutions-form:has(.form-loader-type-9) .live-form-inner {
  max-width: 630px;
}

@media (max-width: 767px) {
  .subscribe-newsletter .live-form-inner,
  .form-with-article__form .live-form-inner,
  .report-widget .live-form-inner {
    padding: 0;
  }
  .live-form-inner {
    max-width: 100% !important;
  }
}
.hbsptForm fieldset {
  max-width: 100% !important;
}
.hbsptForm fieldset.form-columns-2 {
  display: flex;
  gap: 0.75rem;
}
@media (max-width: 767px) {
  .hbsptForm fieldset.form-columns-2 {
    display: block;
  }
}
.hbsptForm .hs-form-field {
  float: none !important;
  width: 100% !important;
  flex: 1;
  position: relative;
  margin-bottom: 1rem;
}
.hbsptForm .input {
  margin: 0 !important;
}
.hbsptForm .input input[type=text],
.hbsptForm .input input[type=url],
.hbsptForm .input input[type=email],
.hbsptForm .input input[type=tel],
.hbsptForm .input input[type=number],
.hbsptForm .input input[type=date],
.hbsptForm .input select.hs-input,
.hbsptForm .input textarea.hs-input {
  width: 100% !important;
}
.hbsptForm .input select.hs-input {
  background: url("../img/toggle.svg") no-repeat calc(100% - 1rem) 50% !important;
  background-size: 30px !important;
  width: 100% !important;
}
.hbsptForm .hs-recaptcha {
  margin: 0 0 1rem;
}
.hbsptForm .hs-submit {
  display: flex;
}
.hbsptForm .hs-submit .hs-button {
  width: 250px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 767px) {
  .hbsptForm .hs-submit .hs-button {
    width: 100%;
  }
}
.hbsptForm .hs_error_rollup {
  display: none;
}
.hbsptForm .hs-error-msgs {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.hbsptForm .hs-error-msg {
  display: block;
  margin-top: 7px;
  background-color: #e51b00;
  background-image: -webkit-linear-gradient(#e51b00 43%, #ba1600 100%);
  background-image: -moz-linear-gradient(#e51b00 43%, #ba1600 100%);
  background-image: linear-gradient(#e51b00 43%, #ba1600 100%);
  background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%);
  border: 1px solid #9f1300;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
  box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
  color: #f3f3f3;
  font-size: 0.8em;
  line-height: 1.2em;
  max-width: 16em;
  font-weight: normal;
  padding: 0.4em 0.6em;
  text-shadow: #901100 0 -1px 0;
}
.hbsptForm .hs-error-msg:after {
  background-color: #e51b00;
  border: 1px solid #9f1300;
  border-right: none;
  border-bottom: none;
  display: inline-block;
  height: 6px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  width: 6px;
  margin-top: 5px;
  content: "";
  position: absolute;
  top: -1px;
  left: 10px;
}

label.hs-form-radio-display {
  cursor: pointer;
  margin: 0;
  font-size: 1rem;
  display: inline-block;
  font-weight: normal;
}
label.hs-form-radio-display input {
  display: none;
}
label.hs-form-radio-display span {
  position: relative;
  font-size: 0.813rem;
  cursor: pointer;
  min-height: 25px;
  padding: 5px 0 0 2rem;
  display: block;
}
@media (max-width: 767px) {
  label.hs-form-radio-display span {
    padding-top: 7px;
  }
}
label.hs-form-radio-display span:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: #fff;
  border: 2px solid #C6C8CC;
  display: inline-block;
  vertical-align: middle;
  min-width: 25px;
  height: 25px;
  padding: 4px;
  border-radius: 50%;
  text-align: center;
}
label.hs-form-radio-display input:checked + span:before {
  content: "";
  color: #FFA119;
  border-color: #FFA119;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' fill='%23FFA119'%3E%3Cpath d='M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
}

label.hs-form-checkbox-display {
  cursor: pointer;
  margin: 0;
  font-size: 1rem;
  display: inline-block;
  font-weight: normal;
}
label.hs-form-checkbox-display input {
  display: none;
}
label.hs-form-checkbox-display span {
  position: relative;
  font-size: 0.813rem;
  cursor: pointer;
  min-height: 25px;
  padding: 5px 0 0 2rem;
  display: block;
}
@media (max-width: 767px) {
  label.hs-form-checkbox-display span {
    padding-top: 7px;
  }
}
label.hs-form-checkbox-display span:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: #fff;
  border: 2px solid #C6C8CC;
  display: inline-block;
  vertical-align: middle;
  min-width: 25px;
  height: 25px;
  padding: 4px;
  text-align: center;
}
label.hs-form-checkbox-display input:checked + span:before {
  content: "";
  color: #FFA119;
  border-color: #FFA119;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' fill='%23FFA119'%3E%3Cpath d='M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
}

.hs-form-radio, .hs-form-checkbox {
  margin: 0 0 0.5rem;
}
.hs-form-radio:last-child, .hs-form-checkbox:last-child {
  margin-bottom: 0;
}

.hs-form-booleancheckbox label {
  font-size: 1rem;
  font-weight: normal;
  position: relative;
  padding-left: 1.75rem;
  padding-top: 1px;
  min-height: 18px;
  user-select: none;
}
.hs-form-booleancheckbox label:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 2px solid #FFA119;
  transition: background-color 0.3s ease;
  border-radius: 4px;
  content: "";
}
.hs-form-booleancheckbox label:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #FFA119;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.25s ease;
}
.hs-form-booleancheckbox label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.hs-form-booleancheckbox label:has(input:checked):after {
  opacity: 1;
}

.mk-form-modal {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  text-align: center;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in;
  height: 100%;
  display: none;
}
.block-editor-block-list__block .mk-form-modal {
  display: none !important;
}
.mk-form-modal .form-confirm {
  color: #2C3039;
}
.mk-form-modal .mk-form-modal-backling {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.mk-form-modal.active {
  display: block;
  opacity: 1;
  visibility: visible;
}

body:has(.mk-form-modal.active) .main {
  position: relative;
  z-index: 9999;
}

.mk-form-modal-content {
  max-width: 768px;
  display: inline-block;
  vertical-align: middle;
  background: #FFF;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  width: 90%;
  padding: 48px;
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  .mk-form-modal-content {
    padding: 24px 12px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.mk-form-modal-content .form-confirm__title,
.mk-form-modal-content .form-confirm__desc {
  text-align: left;
}

.mk-form-modal-close {
  position: absolute;
  right: 15px;
  top: 15px;
  background: #ffe9c5;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  border: none;
  opacity: 0.8;
  transition: all 0.2s ease-in;
  z-index: 1;
}
.mk-form-modal-close:hover {
  opacity: 1;
  transform: scale(1.1);
}
.mk-form-modal-close::before {
  content: "";
  display: block;
  width: 60%;
  height: 1px;
  background: #ffa118;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: rotate(-45deg);
}
.mk-form-modal-close::after {
  content: "";
  display: block;
  width: 60%;
  height: 1px;
  background: #ffa118;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: rotate(45deg);
}

.mk-form-modal-form-title {
  margin-bottom: 2rem;
  text-align: left;
}
.is-form-success .mk-form-modal-form-title {
  display: none;
}

.liveintent-popup .liveintent-popup-wrap {
  background: rgb(var(--color-bg), var(--color-bg-alpha));
  border-radius: 20px;
}
.liveintent-popup .liveintent-popup-wrap.scheme-none {
  --color-bg: 255,255,255;
}
.liveintent-popup .liveintent-popup-wrap .wp-block-button .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1.5625rem;
  background: rgb(var(--btn-color));
  color: rgb(var(--color-bg));
  border-radius: 1.4em;
  border: 0.15625rem solid;
  font-weight: 700;
  cursor: pointer;
  line-height: 1.2;
}
.liveintent-popup .liveintent-popup-wrap .wp-block-button .wp-block-button__link:hover {
  border-color: currentColor;
  background: transparent;
  color: rgb(var(--btn-bg));
}
.liveintent-popup.liveintent-popup-type-notification-bar .liveintent-popup-wrap {
  border-radius: 0;
}

.no-js .media-with-text__media > video {
  display: block;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-family);
  color: rgb(var(--color-text-base));
  font-size: 1rem;
  line-height: 1.4;
  overflow-x: hidden;
}
body.no-scroll {
  overflow: hidden;
}

.full-height {
  min-height: calc(100vh - var(--header-height));
}

.children-color span {
  color: rgba(var(--color-primary), 1);
}

.multicolor-text span {
  color: rgba(var(--multicolor-text), 1);
}

h1, h2, h3 {
  font-weight: 700;
}

p:not(:last-child) {
  margin-bottom: 2em;
}

p:not(:first-child) {
  margin-top: 0.7em;
}

@media (max-width: 1199px) {
  .hide-xl {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .hide-lg {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hide-md {
    display: none !important;
  }
}

.show-xl {
  display: none !important;
}
@media (max-width: 1199px) {
  .show-xl {
    display: block !important;
  }
}

.show-lg {
  display: none !important;
}
@media (max-width: 1023px) {
  .show-lg {
    display: block !important;
  }
}

.show-md {
  display: none !important;
}
@media (max-width: 767px) {
  .show-md {
    display: block !important;
  }
}

.circle-border {
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 170px;
}
@media (max-width: 1199px) {
  .circle-border {
    height: 120px;
  }
}
@media (max-width: 767px) {
  .circle-border {
    height: 60px;
  }
}
.circle-border::after, .circle-border::before {
  content: "";
  position: absolute;
  top: 0;
}
.circle-border::after {
  width: 100%;
  height: 100%;
  background: #fff;
  left: 0;
  z-index: -3;
}
.circle-border::before {
  left: 50%;
  transform: translateX(-50%);
  width: 300vw;
  height: 300vw;
  background: inherit;
  border-radius: 50%;
  z-index: -2;
}

.overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: 2;
}

.post-archive-no-content {
  padding: 60px 0 30px;
}
.post-archive-no-content .screen-reader-text {
  display: block;
}
.post-archive-no-content .search-field {
  border: 1px solid #EEEEEE;
  width: 100%;
  outline: none;
  padding: 10px 16px;
  font-size: 14px;
}
.post-archive-no-content .search-field:focus, .post-archive-no-content .search-field:active {
  border-color: #80bdff !important;
}
.post-archive-no-content .search-form {
  display: flex;
  align-items: flex-end;
}
.post-archive-no-content .search-form label {
  flex: 1 1 auto;
}
.post-archive-no-content .search-submit {
  position: relative;
  background: rgb(var(--color-primary));
  overflow: hidden;
}
.post-archive-no-content .search-submit span {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.35;
  background: inherit;
  color: #fff;
  display: block;
  cursor: pointer;
  transition: all var(--duration) linear;
}
.post-archive-no-content .search-submit:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M416%20208c0%2045.9-14.9%2088.3-40%20122.7L502.6%20457.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L330.7%20376c-34.4%2025.2-76.8%2040-122.7%2040C93.1%20416%200%20322.9%200%20208S93.1%200%20208%200S416%2093.1%20416%20208zM208%20352a144%20144%200%201%200%200-288%20144%20144%200%201%200%200%20288z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-size: 17px 16px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  transform: translateY(100%);
  transition: all var(--duration) linear;
}
.post-archive-no-content .search-submit:hover:before {
  transform: translateY(0);
}
.post-archive-no-content .search-submit:hover span {
  transform: translateY(-100%);
}

.live-posts-area {
  transition: all var(--duration) ease;
}
.live-posts-area.loading {
  opacity: 0.5;
}

svg:not(:root) {
  overflow: hidden;
}

.animation {
  will-change: transform;
}

#scroll-top {
  display: none !important;
}

.ot-sdk-show-settings {
  display: inline-block;
}

.site-breadcrumbs {
  font-size: 13px;
  line-height: 135%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 40px;
}
.site-breadcrumbs > span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.site-breadcrumbs .site-breadcrumbs-sep {
  padding: 0 5px;
}
.site-breadcrumbs a {
  text-decoration: underline;
  color: inherit;
}
.site-breadcrumbs a:hover {
  text-decoration: none;
}

.page-template-template-header-overlay .section-padding-xxl-static .site-breadcrumbs,
.page-template-template-header-overlay-dark .section-padding-xxl-static .site-breadcrumbs {
  margin-top: -28px;
}

.form-confirm {
  text-align: center;
  display: none;
  margin-top: auto;
  margin-bottom: auto;
  align-self: center;
}
@media (max-width: 1199px) {
  .form-confirm {
    padding: 0 0 0 24px;
  }
}

.form-confirm__title {
  margin-bottom: 1rem;
  font-size: 2rem;
}
@media (max-width: 1199px) {
  .form-confirm__title {
    font-size: 2rem;
  }
}

.form-confirm__button {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.announcement-bar {
  position: relative;
  z-index: calc(var(--header-z-index) + 5);
  background: rgb(var(--brown-light));
  transition: all var(--duration) linear;
}
.header-overlay:has(main > section:first-child.scheme-orange) .announcement-bar, .header-overlay:has(main > section:first-child.scheme-brown-light) .announcement-bar, .header-overlay:has(main > section:first-child.scheme-brown-light-2) .announcement-bar, .header-color-dark:has(main > section:first-child.scheme-orange) .announcement-bar, .header-color-dark:has(main > section:first-child.scheme-brown-light) .announcement-bar, .header-color-dark:has(main > section:first-child.scheme-brown-light-2) .announcement-bar, .page-template-template-header-overlay-dark:has(main > section:first-child.scheme-orange) .announcement-bar, .page-template-template-header-overlay-dark:has(main > section:first-child.scheme-brown-light) .announcement-bar, .page-template-template-header-overlay-dark:has(main > section:first-child.scheme-brown-light-2) .announcement-bar, .page-template-template-header-overlay:has(main > section:first-child.scheme-orange) .announcement-bar, .page-template-template-header-overlay:has(main > section:first-child.scheme-brown-light) .announcement-bar, .page-template-template-header-overlay:has(main > section:first-child.scheme-brown-light-2) .announcement-bar {
  background: #fff;
}

.announcement-bar__close {
  background: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 15px;
  right: 0;
  width: 48px;
  height: 48px;
}
.announcement-bar__close svg {
  width: 100%;
  height: 100%;
  transition: all var(--duration) linear;
}
.announcement-bar__close:hover svg {
  transform: rotate(180deg);
}

.announcement-bar__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 0;
}

.announcement-bar__link {
  font-weight: 700;
  font-size: 0.9375rem; /* 15/16 */
  color: inherit;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding-right: 2rem;
}
.announcement-bar__link .announcement-bar-arrow {
  transition: all var(--duration) linear;
  min-width: 15px;
}
.announcement-bar__link svg:first-child {
  min-width: 30px;
}
.announcement-bar__link:hover .announcement-bar-arrow {
  transform: translateX(15px);
}
@media (max-width: 1023px) {
  .announcement-bar__link span {
    text-align: center;
  }
}

.accept-popup {
  position: fixed;
  left: 20px;
  bottom: 20px;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
  max-width: 375px;
  width: 100%;
  padding: 50px 25px 25px;
  z-index: calc(var(--header-z-index) + 10);
  background: #fff;
  transition: all var(--duration-long) linear;
  transform: translateY(150%);
  pointer-events: none;
  opacity: 0;
}
.accept-popup.show-section {
  transform: translateY(0);
  opacity: 1;
  pointer-events: unset;
}
@media screen and (max-width: 420px) {
  .accept-popup {
    max-width: calc(100% - 40px);
  }
}

.accept-popup__close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 15px;
  height: 15px;
  background: transparent;
}

.accept-popup__close svg {
  width: 100%;
  height: 100%;
  transition: all var(--duration) ease;
}

.accept-popup__close:hover svg {
  transform: rotate(180deg);
}

.accept-popup__btn {
  width: 100%;
  border-radius: 0;
  margin-top: 30px;
  font-size: 14px;
}

.accept-popup__desc {
  font-size: 14px;
  line-height: 1.5;
}

.header {
  position: sticky;
  top: 0;
  transform: translateY(0);
  z-index: var(--header-z-index);
  transition: transform var(--duration) linear, background var(--duration) ease;
}
@media screen and (min-width: 783px) {
  .header {
    top: var(--header-top);
  }
}
.header:before {
  content: "";
  position: fixed;
  left: 0;
  top: 48px;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: all var(--duration) ease;
  pointer-events: none;
  z-index: -1;
}
.header.open-menu:before {
  opacity: 1;
}
.header .logo {
  display: flex;
  min-width: 147px;
  margin-bottom: 4px;
}
@media (max-width: 1199px) {
  .header .logo {
    min-width: unset;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1199px) {
  .header .logo {
    max-width: 118px;
  }
}
.header.hidden {
  transform: translateY(-120%);
}
.header.have-bg, .header.open-menu {
  box-shadow: 0 0 1.25rem 0 rgba(44, 48, 57, 0.1); /* 20/16 */
  background: #fff;
  color: inherit;
}
.header.have-bg .btn:not(:hover), .header.open-menu .btn:not(:hover) {
  color: rgb(var(--color-primary));
}
.header.have-bg .burger__btn span, .header.open-menu .burger__btn span {
  background: rgb(112, 121, 139);
}
.header.have-bg .logo-white, .header.open-menu .logo-white {
  display: none;
}
.header.have-bg .logo-dark, .header.open-menu .logo-dark {
  display: block;
}
.header a:not(.btn) {
  color: inherit;
  transition: none;
}
.header a:not(.btn):hover {
  transition: all var(--duration) ease;
  color: rgba(var(--color-primary), 1);
}
.header .burger__btn {
  display: none;
}
.header .btn {
  font-size: inherit;
  font-weight: 600;
  padding: 0.5rem 1.125rem; /* 8/16 , 18/16 */
  line-height: 1;
}
@media screen and (max-width: 1199px) {
  .header .btn_float {
    position: absolute;
    bottom: 20px;
    border-radius: 50px;
    background: var(--color-menu-icon-yellow-dark);
    padding: 0;
    color: #fff !important;
    left: 20px;
    height: 3.125rem;
    font-size: 1.25rem;
    font-weight: 700;
    justify-content: center;
    width: calc(100% - 40px);
  }
}
.header.header-lp {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
}
@media (max-width: 1199px) {
  .header.header-lp {
    padding-top: 1.8rem;
  }
}
.header .header__links li:first-child a {
  font-weight: 700;
}
.header__action {
  display: none;
  margin: 0 12px 0 auto;
}
.header__action.btn {
  font-size: 0.938rem;
  padding: 0 1.5rem;
  height: 2.375rem;
}
@media screen and (max-width: 1199px) {
  .header__action {
    display: flex;
  }
  .header.open-menu .header__action {
    display: none;
  }
}

.header-overlay .header {
  background: transparent;
  color: #fff;
  margin-bottom: -80px;
}
.header-overlay .header .btn {
  color: rgb(255, 255, 255);
}
.header-overlay .header .burger__btn span {
  background: rgb(255, 255, 255);
}
.header-overlay .header .logo-dark {
  display: none;
}
.header-overlay .header .logo-white {
  display: block;
}
@media (max-width: 1023px) {
  .header-overlay .header {
    margin-bottom: calc((var(--announcement-height) - 12px) * -1);
  }
}
.header-overlay .header.open-menu, .header-overlay .header.have-bg {
  background: #fff;
  color: inherit;
}
.header-overlay .header.open-menu .btn:not(:hover), .header-overlay .header.have-bg .btn:not(:hover) {
  color: rgb(var(--color-primary));
}
.header-overlay .header.open-menu .burger__btn span, .header-overlay .header.have-bg .burger__btn span {
  background: rgb(112, 121, 139);
}
.header-overlay .header.open-menu .logo-white, .header-overlay .header.have-bg .logo-white {
  display: none;
}
.header-overlay .header.open-menu .logo-dark, .header-overlay .header.have-bg .logo-dark {
  display: block;
}
.header-overlay.header-color-dark .header {
  background: #fff;
  color: inherit;
  background: transparent;
}
.header-overlay.header-color-dark .header .btn:not(:hover) {
  color: rgb(var(--color-primary));
}
.header-overlay.header-color-dark .header .burger__btn span {
  background: rgb(112, 121, 139);
}
.header-overlay.header-color-dark .header .logo-white {
  display: none;
}
.header-overlay.header-color-dark .header .logo-dark {
  display: block;
}
.header-overlay.header-color-dark .header.open-menu, .header-overlay.header-color-dark .header.have-bg {
  background: #fff;
  color: inherit;
}
.header-overlay.header-color-dark .header.open-menu .btn:not(:hover), .header-overlay.header-color-dark .header.have-bg .btn:not(:hover) {
  color: rgb(var(--color-primary));
}
.header-overlay.header-color-dark .header.open-menu .burger__btn span, .header-overlay.header-color-dark .header.have-bg .burger__btn span {
  background: rgb(112, 121, 139);
}
.header-overlay.header-color-dark .header.open-menu .logo-white, .header-overlay.header-color-dark .header.have-bg .logo-white {
  display: none;
}
.header-overlay.header-color-dark .header.open-menu .logo-dark, .header-overlay.header-color-dark .header.have-bg .logo-dark {
  display: block;
}

.header__box, .header__links, .header__list, .header__wrapper {
  gap: 1.25rem;
  display: flex;
  align-items: center;
}
.header__box:not(.header__links), .header__links:not(.header__links), .header__list:not(.header__links), .header__wrapper:not(.header__links) {
  gap: 2.5rem;
}

.header__wrapper.hidden_btn .header__links {
  display: none;
}

.logo-white {
  display: none;
}

.header__box {
  padding: 0.9375rem 0;
  height: var(--header-height);
  justify-content: space-between;
}

.header__wrapper {
  font-weight: 700;
  position: relative;
  flex: auto;
}

.header__search {
  margin: 4px 0 0;
}

.header__wrapper.open .header__search {
  display: none;
}

.header__links {
  font-weight: 600;
}
@media (max-width: 1199px) {
  .header__links li:first-child {
    display: none;
  }
}

.logo-large img {
  width: 235px;
}
@media (max-width: 767px) {
  .logo-large img {
    width: 145px;
  }
}

@media (max-width: 1199px) {
  .header .burger__btn {
    display: flex;
    flex-direction: column;
    min-width: 28px;
    background: transparent;
    gap: 6px;
  }
  .header .burger__btn span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 0.125rem;
    background: rgb(112, 121, 139);
  }
  .header .burger__btn.close span:nth-child(2) {
    display: none;
  }
  .header .burger__btn.close span:first-child {
    transform: translate(0, 8px) rotate(45deg);
  }
  .header .burger__btn.close span:last-child {
    transform: rotate(-45deg);
  }
  .header .header__nav {
    width: 100%;
  }
  .header__wrapper {
    position: absolute;
    top: 100%;
    left: 100%;
    height: 100vh;
    height: calc(var(--vheight, 1vh) * 100 - var(--header-height));
    background: rgb(255, 255, 255);
    flex-direction: column;
    align-items: flex-start;
    pointer-events: none;
    width: 0;
    overflow-y: auto;
    padding: 1.5rem 0 2rem;
    max-width: 100vw;
    transition: left var(--duration) linear;
  }
  body:has(.announcement-bar.show-section) .header__wrapper {
    height: calc(var(--vheight, 1vh) * 100 - var(--header-height) - var(--announcement-height));
  }
  html:has(.admin-bar) .header__wrapper {
    height: calc(var(--vheight, 1vh) * 100 - var(--header-height) - var(--adminmbar-offset));
  }
  html:has(.admin-bar) body:has(.announcement-bar.show-section) .header__wrapper {
    height: calc(var(--vheight, 1vh) * 100 - var(--header-height) - var(--announcement-height) - var(--adminmbar-offset));
  }
  .header__wrapper.open {
    pointer-events: unset;
    width: 100%;
    left: 0;
  }
  .header__list, .header__links {
    flex-direction: column;
    align-items: flex-start;
    font-weight: 600;
  }
  .header__links {
    margin: 0;
    padding: 0 1.25rem;
  }
  .header__box:not(.header__links), .header__links:not(.header__links), .header__list:not(.header__links), .header__wrapper:not(.header__links) {
    gap: 0;
  }
  .header a:not(.btn):hover {
    transition: unset;
    color: unset;
  }
  .header__list > li > *:first-child {
    padding: 0;
    display: block;
  }
}
.header__nav {
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .header:not(.header-lp) .header__box {
    position: relative;
    z-index: 1;
  }
  .header:not(.header-lp):hover {
    background: #fff;
    color: inherit;
  }
  .header:not(.header-lp):hover .btn:not(:hover) {
    color: rgb(var(--color-primary));
  }
  .header:not(.header-lp):hover .burger__btn span {
    background: rgb(112, 121, 139);
  }
  .header:not(.header-lp):hover .logo-white {
    display: none;
  }
  .header:not(.header-lp):hover .logo-dark {
    display: block;
  }
}
.header__list {
  display: none;
  position: relative;
}
.header__wrapper.open .header__list {
  display: block;
}
@media screen and (min-width: 1200px) {
  .header__list {
    display: flex;
  }
  .header__list > .menu-item:hover {
    user-select: none;
  }
}
@media screen and (min-width: 1200px) {
  .header__list > .menu-item > .menu-item-without-link {
    pointer-events: none;
  }
}
.header__list > .menu-item > .menu-item-without-link, .header__list > .menu-item > a {
  font-weight: bold;
  cursor: pointer;
  display: block;
  margin: 0 20px 24px;
  padding: 0;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .header__list > .menu-item > .menu-item-without-link:after, .header__list > .menu-item > a:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="button/arrow right"><g id="Path 3"><mask id="path-1-inside-1_3836_25857" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 4.08041L18.3195 12L10.3999 19.9196"/></mask><path d="M12.1677 2.31265C11.1914 1.33634 9.60845 1.33634 8.63214 2.31265C7.65582 3.28896 7.65582 4.87187 8.63214 5.84818L12.1677 2.31265ZM18.3195 12L20.0873 13.7678C21.0636 12.7915 21.0636 11.2086 20.0873 10.2322L18.3195 12ZM8.63214 18.1518C7.65582 19.1281 7.65582 20.7111 8.63214 21.6874C9.60845 22.6637 11.1914 22.6637 12.1677 21.6874L8.63214 18.1518ZM8.63214 5.84818L16.5517 13.7678L20.0873 10.2322L12.1677 2.31265L8.63214 5.84818ZM16.5517 10.2322L8.63214 18.1518L12.1677 21.6874L20.0873 13.7678L16.5517 10.2322Z" fill="%232C3039" mask="url(%23path-1-inside-1_3836_25857)"/></g></g></svg>');
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all var(--duration) ease;
    margin-top: -1px;
  }
  .header__list > .menu-item > .menu-item-without-link.active, .header__list > .menu-item > a.active {
    padding-left: 32px;
  }
  .header__list > .menu-item > .menu-item-without-link.active:after, .header__list > .menu-item > a.active:after {
    transform: translateY(-50%) scaleX(-1);
    right: initial;
    left: 0;
  }
}
@media screen and (min-width: 1200px) {
  .header__list > .menu-item > .menu-item-without-link, .header__list > .menu-item > a {
    border-bottom: 2px solid transparent;
    padding: 0 0 5px;
    margin: 16px 0 13px;
    font-size: 0.938rem;
  }
}
.header__list > .menu-item {
  position: initial;
}
@media screen and (max-width: 1200px) {
  .header__list > .menu-item.current_page_item > a {
    transition: all var(--duration) ease;
    color: rgba(var(--color-primary), 1);
  }
  .header__list > .menu-item.menu-item-object-page > a:after {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .header__list > .menu-item.current_page_item > a, .header__list > .menu-item:hover > .menu-item-without-link, .header__list > .menu-item:hover > a {
    transition: all var(--duration) ease;
    color: rgba(var(--color-primary), 1);
    border-color: var(--color-menu-icon-yellow-dark);
  }
  .page-template-template-header-overlay-dark .header__list > .menu-item.current_page_item > a, .page-template-template-header-overlay-dark .header__list > .menu-item:hover > .menu-item-without-link, .page-template-template-header-overlay-dark .header__list > .menu-item:hover > a {
    color: #000;
    border-color: #000;
  }
  .page-template-template-header-overlay .header__list > .menu-item.current_page_item > a, .page-template-template-header-overlay .header__list > .menu-item:hover > .menu-item-without-link, .page-template-template-header-overlay .header__list > .menu-item:hover > a {
    color: #fff;
    border-color: #fff;
  }
  .page-template-template-header-overlay .header:hover .header__list > .menu-item.current_page_item > a, .page-template-template-header-overlay-dark .header:hover .header__list > .menu-item.current_page_item > a, .page-template-template-header-overlay .header.have-bg .header__list > .menu-item.current_page_item > a, .page-template-template-header-overlay-dark .header.have-bg .header__list > .menu-item.current_page_item > a, .page-template-template-header-overlay .header:hover .header__list > .menu-item:hover > .menu-item-without-link, .page-template-template-header-overlay-dark .header:hover .header__list > .menu-item:hover > .menu-item-without-link, .page-template-template-header-overlay .header.have-bg .header__list > .menu-item:hover > .menu-item-without-link, .page-template-template-header-overlay-dark .header.have-bg .header__list > .menu-item:hover > .menu-item-without-link, .page-template-template-header-overlay .header:hover .header__list > .menu-item:hover > a, .page-template-template-header-overlay-dark .header:hover .header__list > .menu-item:hover > a, .page-template-template-header-overlay .header.have-bg .header__list > .menu-item:hover > a, .page-template-template-header-overlay-dark .header.have-bg .header__list > .menu-item:hover > a {
    color: rgba(var(--color-primary), 1);
    border-color: var(--color-menu-icon-yellow-dark);
  }
  .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link {
    color: rgba(var(--color-primary), 1);
    border-color: var(--color-menu-icon-yellow-dark);
  }
  body:has(section.scheme-orange:first-child) .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link {
    color: #fff;
    border-color: #fff;
  }
}
.header__list > .menu-item.hidden {
  display: none;
}
.header__list > .menu-item.active.hidden {
  display: block;
}
.header__list > .menu-item.active.hidden:has(.sub-menu-featured) {
  margin-bottom: -2rem;
}
.header__list > .menu-item > .sub-menu {
  padding: 0 20px;
  display: none;
}
.header__list > .menu-item > .sub-menu.active {
  display: block;
}
@media screen and (min-width: 1200px) {
  .header__list > .menu-item > .sub-menu {
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: -5px 5px 24px 0px rgba(44, 48, 57, 0.09);
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 10px);
    cursor: default;
    min-width: 552px;
    z-index: 5;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    transition: all var(--duration) ease;
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .header__list > .menu-item > .sub-menu.sub-menu-featured {
    min-width: 956px;
  }
}
.header__list > .menu-item > .sub-menu.sub-menu-featured .live-featured-link {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-menu-icon-yellow);
  height: 32px;
  font-weight: bold;
  gap: 4px;
  font-size: 0.875rem;
  max-width: 492px;
}
.header__list > .menu-item > .sub-menu.sub-menu-featured.active .live-featured-link {
  display: none;
}
@media screen and (min-width: 1200px) {
  .header__list > .menu-item.live-mega-menu-style-1 > .sub-menu {
    min-width: 288px;
  }
}
@media screen and (min-width: 1200px) {
  .header__list > .menu-item:hover > .sub-menu {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0px);
  }
}
.header__list > .menu-item > .sub-menu {
  gap: 24px;
}
@media screen and (min-width: 1200px) {
  .header__list > .menu-item > .sub-menu {
    display: grid;
  }
}
@media screen and (max-width: 1199px) {
  .header__list > .menu-item > .sub-menu .menu-item {
    margin: 0 0 24px;
  }
  .header__list > .menu-item > .sub-menu .menu-item:last-child {
    margin-bottom: 0;
  }
}
.header__list > .menu-item > .sub-menu .menu-item.current-menu-item > a {
  color: rgba(var(--color-primary), 1);
}
.header__list > .menu-item > .sub-menu .menu-item .sub-menu .menu-item {
  margin: 0 0 8px;
}
.header__list > .menu-item > .sub-menu .menu-item .sub-menu .menu-item:last-child {
  margin-bottom: 0;
}
.header__list > .menu-item > .sub-menu .menu-item > a {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 32px;
  flex-direction: column;
  padding: 0 0 0 40px;
  font-weight: bold;
  font-size: 0.875rem;
}
@media screen and (max-width: 1199px) {
  .header__list > .menu-item > .sub-menu .menu-item > a {
    font-size: 1rem;
  }
}
.header__list > .menu-item > .sub-menu .menu-item > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: var(--color-menu-icon-yellow) url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="button/arrow right"><g id="Path 3"><mask id="path-1-inside-1_3836_25857" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 4.08041L18.3195 12L10.3999 19.9196"/></mask><path d="M12.1677 2.31265C11.1914 1.33634 9.60845 1.33634 8.63214 2.31265C7.65582 3.28896 7.65582 4.87187 8.63214 5.84818L12.1677 2.31265ZM18.3195 12L20.0873 13.7678C21.0636 12.7915 21.0636 11.2086 20.0873 10.2322L18.3195 12ZM8.63214 18.1518C7.65582 19.1281 7.65582 20.7111 8.63214 21.6874C9.60845 22.6637 11.1914 22.6637 12.1677 21.6874L8.63214 18.1518ZM8.63214 5.84818L16.5517 13.7678L20.0873 10.2322L12.1677 2.31265L8.63214 5.84818ZM16.5517 10.2322L8.63214 18.1518L12.1677 21.6874L20.0873 13.7678L16.5517 10.2322Z" fill="%23FFA119" mask="url(%23path-1-inside-1_3836_25857)"/></g></g></svg>') no-repeat 50% 50%;
  opacity: 1;
  background-size: 20px;
  pointer-events: none;
}
.header__list > .menu-item > .sub-menu .menu-item > a:has(:not(img)):before {
  opacity: 0;
}
.header__list > .menu-item > .sub-menu .menu-item > a .live-custom-icon {
  border-radius: 4px;
  background: var(--color-menu-icon-yellow);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
}
.header__list > .menu-item > .sub-menu .menu-item > a .menu-item-description {
  line-height: 1;
  font-size: 0.75rem;
  color: var(--color-menu-label-gray);
  font-weight: normal;
}
@media screen and (max-width: 1199px) {
  .header__list > .menu-item > .sub-menu .menu-item > a .menu-item-description {
    display: none;
  }
}
.header__list > .menu-item > .sub-menu .menu-item.menu-item-has-children > a {
  font-weight: 400;
  font-size: 1rem;
  line-height: 175%;
  color: var(--color-menu-label-gray);
  display: block;
  margin: 0 0 8px;
  padding: 0;
}
.header__list > .menu-item > .sub-menu .menu-item.menu-item-has-children > a:hover {
  color: var(--color-menu-icon-yellow-dark);
}
.header__list > .menu-item > .sub-menu .menu-item.menu-item-has-children > a:before {
  display: none !important;
}
.header__list > .menu-item > .sub-menu .menu-item.menu-item-icon-dark .live-custom-icon {
  background: var(--color-menu-icon-yellow-dark);
}
.header__list > .menu-item > .sub-menu .menu-item.menu-item-icon-dark .live-custom-icon svg, .header__list > .menu-item > .sub-menu .menu-item.menu-item-icon-dark .live-custom-icon img {
  filter: brightness(0) invert(1);
}
.header__list > .menu-item > .sub-menu .menu-item-without-link {
  font-weight: 400;
  font-size: 1rem;
  line-height: 175%;
  color: var(--color-menu-label-gray);
  display: block;
  margin: 0 0 8px;
  cursor: default;
}
.header__list > .menu-item:first-child .menu-item.live-placement-right {
  grid-column: 2/3;
  grid-row: 1/3;
}
.header__list > .menu-item:nth-child(2) > .sub-menu {
  grid-template-columns: 1fr 1fr;
}
.header__list > .menu-item:nth-child(2) > .sub-menu .live-placement-fullwidth {
  grid-column: span 2;
}
.header__list > .menu-item .sub-menu-featured {
  gap: 20px;
}
@media screen and (min-width: 1200px) {
  .header__list > .menu-item .sub-menu-featured {
    padding-bottom: 60px;
  }
}
.header__list > .menu-item .sub-menu-featured .live-placement-left {
  grid-row: 1/3;
  grid-column: 1/1;
}
.header__list > .menu-item .sub-menu-featured .live-featured-column {
  flex: 1 1 60%;
  grid-column: 3/5;
  grid-row: 1/3;
  margin: -24px -24px -60px -40px;
  background: rgb(var(--color-light));
  padding: 24px;
}
@media screen and (max-width: 1199px) {
  .header__list > .menu-item .sub-menu-featured .live-featured-column {
    margin: 0 -20px;
    padding: 24px 20px;
  }
}
.header__list > .menu-item .sub-menu-featured .menu-item {
  min-width: 234px;
}
.header__list > .menu-item .featured-column-card__item {
  transition: all var(--duration) ease;
  overflow: hidden;
  border-radius: 8px;
  margin: 0 0 12px;
}
.header__list > .menu-item .featured-column-card__item:hover {
  background: #fff;
}
.header__list > .menu-item .featured-column-card__item:last-child {
  margin-bottom: 0;
}
.header__list > .menu-item .featured-column-card__item-wrapper {
  display: flex;
}
.header__list > .menu-item .featured-column-card__item-wrapper a {
  min-height: initial !important;
  padding: 0 !important;
}
.header__list > .menu-item .featured-column-card__item-image {
  width: 120px;
  flex: none;
}
@media screen and (max-width: 1199px) {
  .header__list > .menu-item .featured-column-card__item-image {
    width: 90px;
  }
}
.header__list > .menu-item .featured-column-card__item-image a {
  display: block;
  height: 100%;
}
.header__list > .menu-item .featured-column-card__item-image img {
  object-fit: cover;
  border-radius: 0 8px 8px 0;
  width: 100%;
  height: 100%;
  display: block;
}
.header__list > .menu-item .featured-column-card__item-content {
  flex: auto;
  padding: 8px 12px;
}
.header__list > .menu-item .featured-column-card__item-content .multicolor-tags {
  margin: 0 0 4px;
}
.header__list > .menu-item .featured-column-card__item-categories li a {
  display: inline-flex !important;
  align-items: center;
  padding: 0 12px !important;
  color: #fff;
  font-weight: bold;
  height: 22px;
  font-size: 0.75rem;
}
.header__list > .menu-item .featured-column-card__item-title {
  font-weight: 500;
  margin: 0;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
.header__list > .menu-item .featured-column-card__item-title a {
  font-size: 0.875rem;
}

body:has(section.scheme-orange:first-child) .header:hover .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link,
body:has(section.scheme-orange:first-child) .header.have-bg .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link {
  color: rgba(var(--color-primary), 1);
  border-color: var(--color-menu-icon-yellow-dark);
}

.featured-column-posts {
  margin: 20px 0 0;
}

@media screen and (min-width: 1200px) {
  body:has(.main section:first-child.scheme-orange) .header:not(:hover):not(.have-bg),
  body:has(.main section:first-child.scheme-red) .header:not(:hover):not(.have-bg),
  body:has(.main section:first-child.scheme-blue) .header:not(:hover):not(.have-bg),
  body:has(.main section:first-child.scheme-turquoise) .header:not(:hover):not(.have-bg) {
    color: #fff;
  }
  body:has(.main section:first-child.scheme-orange) .header:not(:hover):not(.have-bg) .logo-dark,
  body:has(.main section:first-child.scheme-red) .header:not(:hover):not(.have-bg) .logo-dark,
  body:has(.main section:first-child.scheme-blue) .header:not(:hover):not(.have-bg) .logo-dark,
  body:has(.main section:first-child.scheme-turquoise) .header:not(:hover):not(.have-bg) .logo-dark {
    display: none;
  }
  body:has(.main section:first-child.scheme-orange) .header:not(:hover):not(.have-bg) .logo-white,
  body:has(.main section:first-child.scheme-red) .header:not(:hover):not(.have-bg) .logo-white,
  body:has(.main section:first-child.scheme-blue) .header:not(:hover):not(.have-bg) .logo-white,
  body:has(.main section:first-child.scheme-turquoise) .header:not(:hover):not(.have-bg) .logo-white {
    display: block;
  }
  body:has(.main section:first-child.scheme-orange) .header:not(:hover):not(.have-bg) .btn,
  body:has(.main section:first-child.scheme-red) .header:not(:hover):not(.have-bg) .btn,
  body:has(.main section:first-child.scheme-blue) .header:not(:hover):not(.have-bg) .btn,
  body:has(.main section:first-child.scheme-turquoise) .header:not(:hover):not(.have-bg) .btn {
    color: rgb(255, 255, 255);
  }
  body:has(.main section:first-child.scheme-orange) .header:not(:hover):not(.have-bg) .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link,
  body:has(.main section:first-child.scheme-red) .header:not(:hover):not(.have-bg) .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link,
  body:has(.main section:first-child.scheme-blue) .header:not(:hover):not(.have-bg) .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link,
  body:has(.main section:first-child.scheme-turquoise) .header:not(:hover):not(.have-bg) .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link {
    color: #fff;
    border-color: #fff;
  }
}
@media screen and (max-width: 1200px) {
  body:has(.main section:first-child.scheme-orange) .header:not(.open-menu),
  body:has(.main section:first-child.scheme-red) .header:not(.open-menu),
  body:has(.main section:first-child.scheme-blue) .header:not(.open-menu),
  body:has(.main section:first-child.scheme-turquoise) .header:not(.open-menu) {
    color: #fff;
  }
  body:has(.main section:first-child.scheme-orange) .header:not(.open-menu) .logo-dark,
  body:has(.main section:first-child.scheme-red) .header:not(.open-menu) .logo-dark,
  body:has(.main section:first-child.scheme-blue) .header:not(.open-menu) .logo-dark,
  body:has(.main section:first-child.scheme-turquoise) .header:not(.open-menu) .logo-dark {
    display: none;
  }
  body:has(.main section:first-child.scheme-orange) .header:not(.open-menu) .logo-white,
  body:has(.main section:first-child.scheme-red) .header:not(.open-menu) .logo-white,
  body:has(.main section:first-child.scheme-blue) .header:not(.open-menu) .logo-white,
  body:has(.main section:first-child.scheme-turquoise) .header:not(.open-menu) .logo-white {
    display: block;
  }
  body:has(.main section:first-child.scheme-orange) .header:not(.open-menu) .btn,
  body:has(.main section:first-child.scheme-red) .header:not(.open-menu) .btn,
  body:has(.main section:first-child.scheme-blue) .header:not(.open-menu) .btn,
  body:has(.main section:first-child.scheme-turquoise) .header:not(.open-menu) .btn {
    color: rgb(255, 255, 255);
  }
  body:has(.main section:first-child.scheme-orange) .header:not(.open-menu) .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link,
  body:has(.main section:first-child.scheme-red) .header:not(.open-menu) .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link,
  body:has(.main section:first-child.scheme-blue) .header:not(.open-menu) .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link,
  body:has(.main section:first-child.scheme-turquoise) .header:not(.open-menu) .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link {
    color: #fff;
    border-color: #fff;
  }
  body:has(.main section:first-child.scheme-orange) .header:not(.open-menu) .burger__btn span,
  body:has(.main section:first-child.scheme-red) .header:not(.open-menu) .burger__btn span,
  body:has(.main section:first-child.scheme-blue) .header:not(.open-menu) .burger__btn span,
  body:has(.main section:first-child.scheme-turquoise) .header:not(.open-menu) .burger__btn span {
    background: rgb(255, 255, 255);
  }
}

@media screen and (min-width: 1200px) {
  body:has(.main section:first-child.scheme-orange) .header.have-bg:not(:hover) {
    color: inherit;
  }
  body:has(.main section:first-child.scheme-orange) .header.have-bg:not(:hover) .logo-dark {
    display: block;
  }
  body:has(.main section:first-child.scheme-orange) .header.have-bg:not(:hover) .logo-white {
    display: none;
  }
  body:has(.main section:first-child.scheme-orange) .header.have-bg:not(:hover) .btn {
    color: rgba(var(--color-primary), 1);
  }
  body:has(.main section:first-child.scheme-orange) .header.have-bg:not(:hover) .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link {
    color: rgba(var(--color-primary), 1);
    border-color: var(--color-menu-icon-yellow-dark);
  }
}
@media screen and (max-width: 1200px) {
  body:has(.main section:first-child.scheme-orange) .header.have-bg:not(.open-menu) {
    color: inherit;
  }
  body:has(.main section:first-child.scheme-orange) .header.have-bg:not(.open-menu) .logo-dark {
    display: block;
  }
  body:has(.main section:first-child.scheme-orange) .header.have-bg:not(.open-menu) .logo-white {
    display: none;
  }
  body:has(.main section:first-child.scheme-orange) .header.have-bg:not(.open-menu) .btn {
    color: rgba(var(--color-primary), 1);
  }
  body:has(.main section:first-child.scheme-orange) .header.have-bg:not(.open-menu) .header__list > .menu-item.current-menu-ancestor > .menu-item-without-link {
    color: rgba(var(--color-primary), 1);
    border-color: var(--color-menu-icon-yellow-dark);
  }
  body:has(.main section:first-child.scheme-orange) .header.have-bg:not(.open-menu) .burger__btn span {
    background: rgb(112, 121, 139);
  }
}

.footer__wrapper {
  display: flex;
  justify-content: space-between;
}

.footer__description-box {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.footer__description {
  max-width: 15rem;
}

.footer__social-list {
  display: flex;
  column-gap: 1.625rem;
  row-gap: 1rem;
  flex-wrap: wrap;
  max-width: 17.5rem;
}

.copyright {
  font-weight: 300;
}

.footer__menu-block {
  display: flex;
  gap: 3.75rem;
  flex-wrap: wrap;
}
.footer__menu-block .sub-menu li:not(:last-child) {
  margin-bottom: 1.25rem;
}
.footer__menu-block .sub-menu li.ot-sdk-show-settings, .footer__menu-block .sub-menu li a {
  color: inherit;
  transition: all var(--duration) ease;
  border-bottom: 0.0625rem solid transparent;
  font-size: 0.75rem; /* 12/16 */
}
.footer__menu-block .sub-menu li.ot-sdk-show-settings:hover, .footer__menu-block .sub-menu li a:hover {
  color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
}
.footer__menu-block > li > a,
.footer__menu-block > li > .menu-item-without-link {
  display: block;
  color: inherit;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

#scroll-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 777;
  background-color: rgba(44, 47, 48, 0.5);
  width: 30px;
  height: 30px;
  transition: all var(--duration) linear;
  opacity: 0;
  cursor: default;
}
#scroll-top:hover {
  background: rgba(44, 47, 48, 0.7);
}

.footer__nav {
  max-width: 70%;
}

#scroll-top.active {
  opacity: 1;
  cursor: pointer;
}

@media (max-width: 1023px) {
  .footer__wrapper {
    flex-wrap: wrap;
  }
  .footer__menu-block {
    margin-bottom: 1.5rem;
  }
  .footer__description-box {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .footer__nav {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .footer__menu-block {
    flex-wrap: wrap;
    gap: 1.875rem;
  }
  .menu-item {
    flex: 0 0 calc(50% - 1.875rem);
  }
}
.index-intro {
  display: flex;
  align-items: center;
}

.index-intro__title {
  margin-bottom: 2.5rem;
}

.index-intro__desc {
  margin-bottom: 1.875rem;
}

.index-intro__buttons {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.index-intro__box {
  display: flex;
  align-items: center;
  gap: 3.125rem;
}

.index-intro__text {
  max-width: 43rem;
}

.index-intro__animation {
  flex: 1 1 auto;
  min-height: 500px;
  transform: scale(1.25);
  position: relative;
}
@media (max-width: 1199px) {
  .index-intro__animation {
    min-height: 793px;
  }
}
@media (max-width: 1023px) {
  .index-intro__animation {
    min-height: 582px;
  }
}
@media (max-width: 767px) {
  .index-intro__animation {
    min-height: 371px;
  }
}
.index-intro__animation .animation {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1199px) {
  .index-intro__box {
    flex-direction: column;
    text-align: center;
    gap: 2rem;
  }
  .index-intro__text {
    max-width: 100%;
  }
  .index-intro__desc {
    max-width: 35rem; /* 560/16 */
    margin-left: auto;
    margin-right: auto;
  }
  .index-intro__title {
    margin-bottom: 1.5rem;
  }
  .index-intro__buttons {
    justify-content: center;
    flex-wrap: wrap;
  }
  .index-intro__animation {
    width: 100%;
    max-width: 80%;
    transform: unset;
    display: flex;
  }
}
@media (max-width: 767px) {
  .index-intro__animation {
    max-width: 100%;
  }
}
@media (max-width: 520px) {
  .index-intro__buttons .btn {
    width: 100%;
  }
}
@keyframes blueDotRotateAnimation {
  0% {
    transform: rotate(-46deg);
  }
  25% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(314deg);
  }
}
@keyframes blueDotScaleAnimation {
  0% {
    transform: scale(1);
  }
  18% {
    transform: scale(1);
  }
  19% {
    transform: scale(0);
  }
  94% {
    transform: scale(0);
  }
  95% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.animation__blue-dot {
  transform-origin: 375px 375px;
  transform: rotate(-46deg);
  animation: 24s blueDotRotateAnimation linear infinite;
}

.animation__blue-dot circle {
  transform-origin: 660px 375px;
  animation: 24s blueDotScaleAnimation linear infinite;
}

/* 0.24s - 1% от анимации */
/* 0.24s - 1% от анимации */
@keyframes orangeDotRotateAnimation {
  0% {
    transform: rotate(-135deg);
  }
  100% {
    transform: rotate(225deg);
  }
}
.animation__orange-dot {
  transform-origin: 375px 375px;
  transform: rotate(-135deg);
  animation: 24s orangeDotRotateAnimation linear infinite;
}

@keyframes greenCircleRotateAnimation {
  0% {
    transform: rotate(40deg);
  }
  100% {
    transform: rotate(400deg);
  }
}
@keyframes greenCircleWriteAnimation {
  0% {
    /* transform: rotate(35deg); */
    stroke-dashoffset: 0;
  }
  18% {
    /* transform: rotate(35deg); */
    stroke-width: 40;
    stroke-dashoffset: 0;
  }
  19% {
    /* transform: rotate(35deg); */
    stroke-width: 38;
  }
  20% {
    /* transform: rotate(35deg); */
    stroke-dashoffset: 190;
  }
  88% {
    stroke-dashoffset: 190;
    stroke-width: 38;
  }
  90% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-width: 15;
  }
}
.animation__green-circle {
  transform-origin: 375px 375px;
  animation: 24s greenCircleRotateAnimation linear infinite;
  transform: rotate(35deg);
}

.animation__green-circle circle {
  fill: none;
  stroke-width: 15;
  stroke: rgb(128, 236, 226);
  stroke-linecap: round;
  /* stroke-dashoffset: 190; */
  stroke-dasharray: 190 190;
  animation: 24s greenCircleWriteAnimation linear infinite;
}

@keyframes mailRotateAnimation {
  0% {
    transform: rotate(-55deg);
  }
  47% {
    transform: rotate(114.2deg);
    /* transform: rotate(72deg); */
  }
  48% {
    transform: rotate(117.8deg);
    /* transform: rotate(72deg); */
  }
  65% {
    transform: rotate(190deg);
    /* transform: rotate(72deg); */
  }
  90% {
    transform: rotate(285deg);
    /* transform: rotate(72deg); */
  }
  100% {
    transform: rotate(305deg);
  }
}
@keyframes mailIconAnimation {
  0% {
    transform: rotate(55deg) scale(0);
  }
  18% {
    transform: rotate(-9.8deg) scale(0);
    /* transform: rotate(72deg); */
  }
  20% {
    transform: rotate(-17deg) scale(1.4);
    /* transform: rotate(72deg); */
  }
  47% {
    transform: rotate(-114.2deg) scale(1.4);
    /* transform: rotate(72deg); */
  }
  48% {
    transform: rotate(-117.8deg) scale(0);
    /* transform: rotate(72deg); */
  }
  /* 117.80000000000001 */
  /* 114.19999999999999  */
  65% {
    transform: rotate(-195deg) scale(0);
    /* transform: rotate(72deg); */
  }
  67% {
    transform: rotate(-195deg) scale(1.4);
  }
  90% {
    transform: rotate(-285deg) scale(1.4);
  }
  92% {
    transform: rotate(-286deg) scale(0);
  }
  /* 0000000000002 */
  100% {
    transform: rotate(-305deg) scale(0);
  }
}
.animation__mail {
  transform-origin: 375px 375px;
  transform: rotate(-55deg);
  animation: 24s mailRotateAnimation linear infinite;
}

.animation__mail use {
  transform-origin: 650px 375px;
  transform: rotate(55deg);
  animation: 24s mailIconAnimation linear infinite;
}

.animation__mail circle {
  transform-origin: 650px 375px;
  transform: rotate(55deg);
  animation: 24s mailIconAnimation linear infinite;
  fill: rgb(203, 252, 247);
}

/* Pink Circle */
@keyframes pinkCircleRotateAnimation {
  0% {
    transform: rotate(-215deg);
  }
  20% {
    transform: rotate(-190deg);
  }
  23% {
    transform: rotate(-185deg);
  }
  52% {
    transform: rotate(-93deg);
  }
  70% {
    transform: rotate(-32deg);
  }
  90% {
    transform: rotate(130deg);
  }
  100% {
    transform: rotate(145deg);
  }
}
@keyframes pinkCircleWriteAnimation {
  0% {
    stroke-dashoffset: 220;
  }
  3% {
    stroke-dashoffset: 0;
  }
  18% {
    stroke-dashoffset: 0;
  }
  21% {
    stroke-dashoffset: 220;
  }
  30% {
    stroke-dashoffset: 220;
  }
  52% {
    stroke-dashoffset: 220;
  }
  55% {
    stroke-dashoffset: 0;
  }
  68% {
    stroke-dashoffset: 0;
  }
  70% {
    stroke-dashoffset: 220;
  }
  /* 97%{
      stroke-dashoffset: 220;
  } */
  100% {
    stroke-dashoffset: 220;
  }
}
.animation__pink-circle {
  transform-origin: 375px 375px;
  transform: rotate(-215deg);
  animation: 24s pinkCircleRotateAnimation linear infinite;
  z-index: 2;
}

.animation__pink-circle circle {
  fill: none;
  stroke-width: 28;
  stroke: rgb(253, 143, 155);
  stroke-linecap: round;
  /* stroke-dashoffset: 190; */
  stroke-dasharray: 220 220;
  animation: 24s pinkCircleWriteAnimation linear infinite;
}

/* Blue Circle */
@keyframes blueCircleRotateAnimation {
  0% {
    transform: rotate(10deg);
  }
  48% {
    transform: rotate(120deg);
  }
  51% {
    transform: rotate(124deg);
  }
  63% {
    transform: rotate(160deg);
  }
  66% {
    transform: rotate(162deg);
  }
  100% {
    transform: rotate(370deg);
  }
}
@keyframes blueCircleWriteAnimation {
  0% {
    stroke-dashoffset: -330;
  }
  48% {
    stroke-dashoffset: -330;
  }
  51% {
    stroke-dashoffset: 0;
  }
  63% {
    stroke-dashoffset: 0;
  }
  66% {
    stroke-dashoffset: -330;
  }
  100% {
    stroke-dashoffset: -330;
  }
}
.animation__blue-circle {
  transform-origin: 375px 375px;
  animation: 24s blueCircleRotateAnimation linear infinite;
}

.animation__blue-circle circle {
  fill: none;
  stroke-width: 32;
  stroke: rgb(38, 136, 254);
  stroke-linecap: round;
  stroke-dasharray: 330 330;
  animation: 24s blueCircleWriteAnimation linear infinite;
}

/* pointer */
@keyframes pointerRotateAnimation {
  0% {
    transform: rotate(-100deg);
  }
  19% {
    transform: rotate(-57deg);
  }
  21% {
    transform: rotate(-55deg);
  }
  48% {
    transform: rotate(80deg);
  }
  50% {
    transform: rotate(82deg);
  }
  66% {
    transform: rotate(134deg);
  }
  68% {
    transform: rotate(136deg);
  }
  80% {
    transform: rotate(170deg);
  }
  92% {
    transform: rotate(210deg);
  }
  94% {
    transform: rotate(212deg);
  }
  100% {
    transform: rotate(260deg);
  }
}
@keyframes mailPointerAnimation {
  0% {
    transform: rotate(100deg) scale(0);
  }
  19% {
    transform: rotate(57deg) scale(0);
  }
  21% {
    transform: rotate(55deg) scale(1.3);
  }
  48% {
    transform: rotate(-80deg) scale(1.3);
  }
  50% {
    transform: rotate(-82deg) scale(0);
  }
  66% {
    transform: rotate(-134deg) scale(0);
  }
  68% {
    transform: rotate(-136deg) scale(1.3);
  }
  /*
      80%{
          transform: rotate(-136deg) scale(1.3);
      } */
  92% {
    transform: rotate(-210deg) scale(1.3);
  }
  94% {
    transform: rotate(-212deg) scale(0);
  }
  100% {
    transform: rotate(-260deg) scale(0);
  }
}
.animation__pointer {
  transform-origin: 375px 375px;
  transform: rotate(-55deg);
  animation: 24s pointerRotateAnimation linear infinite;
}

.animation__pointer use {
  transform-origin: 650px 375px;
  transform: rotate(55deg);
  animation: 24s mailPointerAnimation linear infinite;
}

.animation__pointer circle {
  transform-origin: 650px 375px;
  transform: rotate(55deg);
  animation: 24s mailPointerAnimation linear infinite;
  fill: rgb(212, 233, 255);
}

/* CART */
@keyframes cartRotateAnimation {
  0% {
    transform: rotate(50deg);
  }
  20% {
    transform: rotate(108deg);
  }
  22% {
    transform: rotate(110deg);
  }
  48% {
    transform: rotate(190deg);
  }
  50% {
    transform: rotate(192deg);
  }
  100% {
    transform: rotate(410deg);
  }
}
@keyframes cartAnimation {
  0% {
    transform: rotate(-50deg) scale(0);
  }
  20% {
    transform: rotate(-108deg) scale(0);
  }
  22% {
    transform: rotate(-110deg) scale(1.3);
  }
  48% {
    transform: rotate(-190deg) scale(1.3);
  }
  50% {
    transform: rotate(-192deg) scale(0);
  }
  100% {
    transform: rotate(-410deg) scale(0);
  }
}
.animation__cart {
  transform-origin: 375px 375px;
  transform: rotate(45deg);
  animation: 24s cartRotateAnimation linear infinite;
}

.animation__cart circle {
  transform-origin: 650px 375px;
  fill: rgb(212, 233, 255);
  animation: 24s cartAnimation linear infinite;
}

.animation__cart use {
  transform-origin: 650px 375px;
  animation: 24s cartAnimation linear infinite;
}

/* Cookie */
@keyframes cookieRotateAnimation {
  0% {
    transform: rotate(145deg);
  }
  21% {
    transform: rotate(205deg);
  }
  23% {
    transform: rotate(207deg);
  }
  48% {
    transform: rotate(310deg);
  }
  50% {
    transform: rotate(312deg);
  }
  68% {
    transform: rotate(390deg);
  }
  70% {
    transform: rotate(392deg);
  }
  92% {
    transform: rotate(480deg);
  }
  94% {
    transform: rotate(482deg);
  }
  100% {
    transform: rotate(505deg);
  }
}
@keyframes cookieAnimation {
  0% {
    transform: rotate(-145deg) scale(0);
  }
  21% {
    transform: rotate(-205deg) scale(0);
  }
  23% {
    transform: rotate(-207deg) scale(1.3);
  }
  48% {
    transform: rotate(-310deg) scale(1.3);
  }
  50% {
    transform: rotate(-312deg) scale(0);
  }
  68% {
    transform: rotate(-390deg) scale(0);
  }
  70% {
    transform: rotate(-392deg) scale(1.3);
  }
  92% {
    transform: rotate(-480deg) scale(1.3);
  }
  94% {
    transform: rotate(-482deg) scale(0);
  }
  100% {
    transform: rotate(-505deg) scale(0);
  }
}
.animation__cookie {
  transform-origin: 375px 375px;
  transform: rotate(90deg);
  animation: 24s cookieRotateAnimation linear infinite;
}

.animation__cookie circle {
  transform-origin: 650px 375px;
  fill: rgb(203, 252, 247);
  animation: 24s cookieAnimation linear infinite;
}

.animation__cookie use {
  transform-origin: 650px 375px;
  animation: 24s cookieAnimation linear infinite;
}

/* EYE */
@keyframes eyeRotateAnimation {
  0% {
    transform: rotate(40deg);
  }
  66% {
    transform: rotate(295deg);
  }
  68% {
    transform: rotate(297deg);
  }
  76% {
    transform: rotate(315deg);
  }
  95% {
    transform: rotate(356deg);
  }
  97% {
    transform: rotate(358deg);
  }
  100% {
    transform: rotate(400deg);
  }
}
@keyframes eyeAnimation {
  0% {
    transform: rotate(-40deg) scale(0);
  }
  66% {
    transform: rotate(-295deg) scale(0);
  }
  68% {
    transform: rotate(-297deg) scale(1);
  }
  76% {
    transform: rotate(-310deg) scale(1);
  }
  95% {
    transform: rotate(-356deg) scale(1);
  }
  97% {
    transform: rotate(-358deg) scale(0);
  }
  100% {
    transform: rotate(-400deg) scale(0);
  }
}
.animation__eye {
  transform-origin: 375px 375px;
  animation: 24s eyeRotateAnimation linear infinite;
}

.animation__eye circle {
  transform-origin: 650px 375px;
  fill: rgb(212, 233, 255);
  animation: 24s eyeAnimation linear infinite;
}

.animation__eye-eye {
  transform-origin: 650px 375px;
  transform: scaleY(0.65);
}

.animation__eye-circle {
  transform-origin: 650px 375px;
  transform: scale(0.3);
}

.animation__eye-icon {
  transform-origin: 650px 375px;
  transform: scale(0.35);
  /* animation: 24s eyeAnimation linear infinite; */
}

.animation__eye-icon-wrapper {
  transform-origin: 650px 375px;
  animation: 24s eyeAnimation linear infinite;
}

/* IMAGES */
@keyframes toggleFirstImage {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  47% {
    opacity: 1;
    transform: translateY(0);
  }
  50.5% {
    opacity: 0;
    transform: translateY(523px);
  }
  93% {
    opacity: 0;
    transform: translateY(523px);
  }
  96% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes toggleSecondImage {
  0% {
    opacity: 0;
    transform: translateY(523px);
  }
  47% {
    opacity: 0;
    transform: translateY(523px);
  }
  50.5% {
    opacity: 1;
    transform: translateY(0);
  }
  93% {
    opacity: 1;
    transform: translateY(0);
  }
  96% {
    opacity: 0;
    transform: translateY(523px);
  }
  100% {
    opacity: 0;
    transform: translateY(523px);
  }
}
.animation-image-1 {
  opacity: 1;
  transform: translateY(0);
  animation: 24s toggleFirstImage linear infinite;
}

.animation-image-2 {
  opacity: 0;
  transform: translateY(523px);
  animation: 24s toggleSecondImage linear infinite;
}

/* words */
@keyframes toggleFirstWord {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(0);
  }
  21% {
    transform: translateX(200px);
  }
  45% {
    transform: translateX(200px);
  }
  46% {
    transform: translateX(0);
  }
  65% {
    transform: translateX(0);
  }
  66% {
    transform: translateX(200px);
  }
  90% {
    transform: translateX(200px);
  }
  91% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
#first-word-clip {
  animation: 24s toggleFirstWord linear infinite;
}

@keyframes toggleSecondWord {
  0% {
    transform: translateX(-200px);
  }
  20% {
    transform: translateX(-200px);
  }
  21% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(0);
  }
  46% {
    transform: translateX(-200px);
  }
  65% {
    transform: translateX(-200px);
  }
  66% {
    transform: translateX(0);
  }
  90% {
    transform: translateX(0);
  }
  91% {
    transform: translateX(-200px);
  }
  100% {
    transform: translateX(-200px);
  }
}
#second-word-clip {
  animation: 24s toggleSecondWord linear infinite;
}

/* word toggle button */
@keyframes toggleWordButton {
  0% {
    transform: translateX(-105px);
  }
  20% {
    transform: translateX(-105px);
  }
  21% {
    transform: translateX(105px);
  }
  45% {
    transform: translateX(105px);
  }
  46% {
    transform: translateX(-105px);
  }
  65% {
    transform: translateX(-105px);
  }
  66% {
    transform: translateX(105px);
  }
  90% {
    transform: translateX(105px);
  }
  91% {
    transform: translateX(-105px);
  }
  100% {
    transform: translateX(-105px);
  }
}
.animation__word-toggle-button {
  animation: 24s toggleWordButton linear infinite;
}

.animation__word-toggle-button circle {
  fill: rgb(255, 161, 25);
}

@keyframes toggleWordButtonHash {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  21% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  46% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  91% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.animation__word-toggle-button-hash {
  transform: translateX(-105px);
  animation: 24s toggleWordButtonHash linear infinite;
  /* opacity: 0; */
}

@keyframes toggleWordButtonMail {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  21% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  46% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  91% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.animation__word-toggle-button-mail {
  /* transform: translateX(-105px); */
  animation: 24s toggleWordButtonMail linear infinite;
  /* opacity: 0; */
}

/* Toggle words button group */
@keyframes toggleWordsButtonGroup {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  47% {
    opacity: 1;
    transform: translateY(0);
  }
  48.75% {
    opacity: 0.6;
    transform: translateY(10px);
  }
  50.5% {
    opacity: 1;
    transform: translateY(0);
  }
  93% {
    opacity: 1;
    transform: translateY(0);
  }
  94.5% {
    opacity: 0.6;
    transform: translateY(10px);
  }
  96% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animation__words-button-wrapper {
  animation: 24s toggleWordsButtonGroup linear infinite;
}

.logo-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.logo-slider__list {
  max-width: 60.625rem; /* 970/16 */
  margin-left: auto;
  margin-right: auto;
}
.logo-slider__list::before, .logo-slider__list::after {
  display: block;
  content: "";
  background: linear-gradient(90deg, rgba(249, 253, 255, 0) 22%, #fff 86.29%);
  height: 100%;
  width: 3.75rem; /* 60/16 */
  position: absolute;
  bottom: 0;
  z-index: 5;
}
.logo-slider__list::before {
  left: 0;
  transform: rotate(180deg);
}
.logo-slider__list::after {
  right: 0;
}

.logo-slider__title {
  text-align: center;
  margin-bottom: 2.5rem; /* 40/16 */
}

.logo-slider__slide {
  height: 7.5rem; /* 120/16 */
}
@media (max-width: 767px) {
  .logo-slider__slide {
    height: 4.5rem; /* 72/16 */
  }
}

.links-grid {
  --hover-state-bg: #d4e9ff;
}
.links-grid__wrapper {
  display: grid;
  gap: 50px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.links-grid__title {
  text-align: center;
  margin-bottom: 70px;
}
.links-grid__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #fff;
  box-shadow: -5px 5px 24px rgba(44, 48, 57, 0.09);
  border-radius: 20px;
  padding: 20px 56px 20px 20px;
  color: #2c3039;
  position: relative;
  overflow: hidden;
}
.links-grid__item:after {
  content: "";
  background-image: url("../img/icons/arrow.svg");
  width: 19px;
  height: 19px;
  display: block;
  background-size: 100% 100%;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.links-grid__item:before {
  content: "";
  display: block;
  width: 300%;
  padding-top: 200%;
  position: absolute;
  left: 0;
  right: 0;
  margin-right: auto;
  top: -50%;
  background: var(--hover-state-bg);
  margin-left: 50%;
  border-radius: 50%;
  transform: translateX(-50%) scale(0);
  transition: all 0.3s ease-in;
}
.links-grid__item:hover {
  color: #2c3039;
}
.links-grid__item:hover:before {
  transform: translateX(-50%) scale(1);
}
.links-grid__item-img {
  width: 64px;
  height: 64px;
  position: relative;
  margin-bottom: 32px;
}
.links-grid__item-title {
  position: relative;
  margin-bottom: 8px;
  font-weight: 700;
}
.links-grid__item-desc {
  position: relative;
}
@media (max-width: 1199px) {
  .links-grid__wrapper {
    gap: 30px;
    grid-template-columns: minmax(0, 1fr);
  }
}

.case-studies {
  --slider-index: 0;
}

.case-studies__main {
  display: flex;
  background: #fff;
  box-shadow: -0.3125rem 0.3125rem 1.5rem rgba(44, 48, 57, 0.09);
  border-radius: 1.25rem; /* 20/16 */
  margin-bottom: 2.5rem; /* 40/16 */
}

.case-studies__wrapper {
  margin-top: 2.5rem; /* 40/16 */
}

.case-studies__content-slider {
  flex: 0 0 60%;
  max-width: 60%;
}
.case-studies__content-slider .swiper-wrapper {
  height: 100%;
}

.case-studies__content-slider__wrapper {
  background: #fff;
}

.case-studies__content-slider__num {
  color: rgb(var(--color-primary));
  font-weight: 700;
}

.case-studies__content-slider__author {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.case-studies__content-slider__link {
  margin-left: auto;
}

.case-studies__content-slider__author-name {
  font-weight: 700;
}

.case-studies__content-slider__author-img img {
  width: 2.5rem; /* 40/16 */
  height: 2.5rem; /* 40/16 */
  min-width: 2.5rem; /* 40/16 */
  min-height: 2.5rem; /* 40/16 */
  border-radius: 50%;
}

.case-studies__content-slider__title {
  margin-bottom: 1.25rem; /* 20/16 */
  font-weight: 700;
}

.case-studies__content-slider__subtitle {
  margin-bottom: 1.875rem; /* 30/16 */
}

.case-studies__content-slider__wrapper {
  padding: 3.75rem; /* 60/16 */
}

.case-studies__image-slider {
  flex: 0 0 40%;
  max-width: 40%;
  background: rgb(var(--color-primary));
  border-radius: 3.125rem 1.25rem 1.25rem 1.25rem; /* 50/16 , 20/16 */
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.case-studies__image-slider::before {
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s linear;
  content: "";
  display: block;
  width: 90vw;
  height: 90vw;
  border-radius: 50%;
  border: 12.5rem solid #feb14d; /* 200/16 */
  max-width: 54.375rem; /* 870/16 */
  max-height: 54.375rem; /* 870/16 */
}

.case-studies__image-slider__wrapper {
  width: 100%;
  text-align: center;
  padding: 5.625rem 3.125rem 0; /* 90/16 , 50/16 */
}
.case-studies__image-slider__wrapper img {
  object-fit: contain;
}
@media (max-width: 767px) {
  .case-studies__image-slider__wrapper {
    min-height: 412px;
  }
}

[data-index="0"]::before {
  left: 5rem; /* 80/16 */
  top: 6.9375rem;
}

/* 111/16 */
[data-index="1"]::before {
  left: 0;
  top: -2.875rem; /* -46/16 */
  transform: scale(0.8);
}

[data-index="2"]::before {
  left: -25rem; /* -400/16 */
  top: -25rem; /* -400/16 */
  transform: scale(0.8);
}

[data-index="3"]::before {
  left: -25rem; /* -400/16 */
  top: 0;
  transform: scale(0.8);
}

[data-index="4"]::before {
  left: -10rem; /* -160/16 */
  top: 2.25rem; /* 36/16 */
  transform: scale(0.8);
}

.case-studies__nav {
  border-top: 0.0625rem solid #C6C8CC; /* 1/16 */
  padding-top: 2.5rem; /* 40/16 */
}
.case-studies__nav::before {
  content: "";
  position: absolute;
  width: calc(16.66% - 1.25rem); /* 20/16 */
  height: 0.125rem; /* 2/16 */
  top: 0;
  left: calc(16.66% * var(--slider-index));
  background: rgb(var(--color-primary));
  transition: all var(--duration) linear;
}
.case-studies__nav .flickity-slider {
  display: flex;
}
.case-studies__nav .link-with-arrow {
  align-self: center;
  cursor: pointer;
}

.case-studies__nav-wrapper {
  padding-right: 1.25rem; /* 20/16 */
  cursor: pointer;
}
.case-studies__nav-wrapper img {
  height: 2.375rem; /* 70/16 */
  width: 7.5rem; /* 120/16 */
  object-fit: contain;
  object-position: center;
}
.case-studies__nav-wrapper img.active {
  display: none;
}
.case-studies__nav-wrapper.swiper-slide-thumb-active img {
  display: none;
}
.case-studies__nav-wrapper.swiper-slide-thumb-active img.active {
  display: block;
}

.case-studies__nav-desc {
  margin-top: 0.625rem; /* 10/16 */
}
@media (max-width: 1199px) {
  .case-studies__nav-desc {
    font-size: 0.875rem; /* 14/16 */
  }
}

.case-studies__nav:not(.swiper-initialized) .case-studies__nav-wrapper {
  max-width: 16.66%;
}

@media (max-width: 1199px) {
  [data-index="0"]::before {
    left: 60%;
    top: 10%;
  }
  [data-index="1"]::before {
    left: 0;
    top: -30%;
    transform: scale(0.8);
  }
  [data-index="2"]::before {
    left: -10%;
    top: -10%;
    transform: scale(0.8);
  }
  [data-index="3"]::before {
    left: -10%;
    top: 0;
    transform: scale(0.8);
  }
  [data-index="4"]::before {
    left: 30%;
    top: 40%;
    transform: scale(0.8);
  }
  .case-studies__nav::before {
    display: none;
  }
}
@media (max-width: 1023px) {
  .case-studies__main {
    flex-direction: column;
  }
  .case-studies__content-slider, .case-studies__image-slider {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .case-studies__nav:not(.swiper-initialized) .case-studies__nav-wrapper {
    max-width: 33.33%;
  }
  .case-studies__nav:not(.swiper-initialized) .case-studies__nav {
    overflow: auto;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .case-studies__content-slider__wrapper {
    padding: 20px;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .case-studies__content-slider__author {
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .case-studies__content-slider__link {
    margin: 0;
  }
  .case-studies__content-slider__title {
    margin: auto 0;
  }
  .case-studies__content-slider__subtitle {
    margin-bottom: 10px;
  }
  .case-studies__nav-icon {
    display: flex;
    justify-content: center;
  }
  .case-studies__nav-desc {
    text-align: center;
  }
  .case-studies__nav {
    padding-top: 20px;
  }
  .case-studies__main {
    margin-bottom: 20px;
  }
  .case-studies__nav .link-with-arrow {
    justify-content: center;
  }
  .case-studies__nav:not(.swiper-initialized) .case-studies__nav-wrapper {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.featured-info {
  --color-primary: 38, 136, 254;
}
.featured-info__wrapper {
  display: flex;
  gap: 60px;
  padding: 40px 70px;
  border-radius: 20px;
  background: #fff;
  box-shadow: -5px 5px 24px rgba(44, 48, 57, 0.09);
  position: relative;
  overflow: hidden;
}
.featured-info__wrapper::before {
  content: "";
  display: block;
  width: 620px;
  height: 620px;
  border: 160px solid #d4e9ff;
  border-radius: 350px 0 0 0;
  position: absolute;
  right: -192px;
  bottom: -322px;
}
.featured-info__content {
  position: relative;
}
.featured-info__title {
  margin-bottom: 20px;
}
.featured-info__title span {
  color: rgb(var(--color-primary));
}
.featured-info__desc {
  margin-bottom: 40px;
}
.featured-info__img {
  display: block;
  position: relative;
}
@media (max-width: 1199px) {
  .featured-info__wrapper {
    padding: 32px 20px;
  }
  .featured-info__wrapper::before {
    width: 326px;
    height: 326px;
    border: 60px solid #d4e9ff;
    border-radius: 160px 0 0 0;
    right: -183px;
    bottom: -166px;
  }
  .featured-info__desc {
    margin-bottom: 25px;
  }
  .featured-info__img {
    display: none;
  }
}

.featured-info__img {
  max-width: 380px;
  width: 100%;
}
.featured-info__img svg {
  width: 390px;
  height: 338px;
  max-width: 100%;
  max-height: 100%;
}

.featured-posts,
.articles-small {
  overflow: hidden;
}

.featured-posts_gray {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  background: #F3F4F6;
}
@media (max-width: 1023px) {
  .featured-posts_gray {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.featured-posts__title {
  text-align: center;
  margin-bottom: 50px;
}

.featured-posts__slider {
  height: auto;
}

.featured-posts__wrapper,
.articles-small__wrapper {
  position: relative;
}
.featured-posts__wrapper .swiper-button-prev,
.featured-posts__wrapper .swiper-button-next,
.articles-small__wrapper .swiper-button-prev,
.articles-small__wrapper .swiper-button-next {
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #fff;
  box-shadow: -5px 5px 40px rgba(44, 48, 57, 0.12);
  display: flex;
  bottom: auto;
  top: 150px;
  border-radius: 50%;
}
.featured-posts__wrapper .swiper-button-prev:after,
.featured-posts__wrapper .swiper-button-next:after,
.articles-small__wrapper .swiper-button-prev:after,
.articles-small__wrapper .swiper-button-next:after {
  font-size: 20px;
  color: #B5B8BE;
}
.featured-posts__wrapper .swiper-button-prev.swiper-button-disabled,
.featured-posts__wrapper .swiper-button-next.swiper-button-disabled,
.articles-small__wrapper .swiper-button-prev.swiper-button-disabled,
.articles-small__wrapper .swiper-button-next.swiper-button-disabled {
  display: none;
}
.featured-posts__wrapper .swiper-button-prev,
.articles-small__wrapper .swiper-button-prev {
  left: -60px;
}
.featured-posts__wrapper .swiper-button-next,
.articles-small__wrapper .swiper-button-next {
  right: -60px;
}

.articles-small__wrapper .swiper-button-prev,
.articles-small__wrapper .swiper-button-next {
  top: 50%;
}

@media (max-width: 1360px) {
  .featured-posts .container,
  .articles-small .container {
    max-width: 1140px;
  }
}
@media (max-width: 1199px) {
  .featured-posts .container,
  .articles-small .container {
    max-width: 940px;
  }
  .featured-posts__wrapper .swiper-button-prev,
  .featured-posts__wrapper .swiper-button-next,
  .articles-small__wrapper .swiper-button-prev,
  .articles-small__wrapper .swiper-button-next {
    width: 40px;
    height: 40px;
  }
  .featured-posts__wrapper .swiper-button-prev,
  .articles-small__wrapper .swiper-button-prev {
    left: -50px;
  }
  .featured-posts__wrapper .swiper-button-next,
  .articles-small__wrapper .swiper-button-next {
    right: -50px;
  }
}
@media (max-width: 1023px) {
  .featured-posts__wrapper .swiper, .featured-posts__wrapper .swiper-container,
  .articles-small__wrapper .swiper,
  .articles-small__wrapper .swiper-container {
    overflow: visible;
  }
  .featured-posts__wrapper .swiper-button-prev,
  .featured-posts__wrapper .swiper-button-next,
  .articles-small__wrapper .swiper-button-prev,
  .articles-small__wrapper .swiper-button-next {
    display: none;
  }
}
.articles-small__slider-wrapper:not(.swiper-initialized) .articles-small__slider {
  gap: 30px;
}
.articles-small__slider-wrapper:not(.swiper-initialized) .article-card__item {
  max-width: 50%;
}

.subscribe-newsletter__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 70px;
  box-shadow: -5px 5px 24px rgba(44, 48, 57, 0.09);
  border-radius: 16px;
  background: #ffe9c5;
  position: relative;
  overflow: hidden;
}
.subscribe-newsletter__wrapper:before {
  content: "";
  border: 200px solid #ffca70;
  border-radius: 50%;
  width: 587px;
  height: 587px;
  opacity: 0.4;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
}

.subscribe-newsletter__form {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}
.subscribe-newsletter__form-btn button {
  height: var(--input-height);
}

.subscribe-newsletter__content,
.subscribe-newsletter__form-wrapper {
  z-index: 2;
}

.subscribe-newsletter__content {
  max-width: 480px;
}

.subscribe-newsletter__title {
  margin-bottom: 10px;
}

@media (max-width: 1023px) {
  .subscribe-newsletter__wrapper {
    flex-wrap: wrap;
    padding: 30px;
  }
  .subscribe-newsletter__wrapper:before {
    border-width: 50px;
    width: 150px;
    height: 150px;
  }
}
@media (max-width: 767px) {
  .subscribe-newsletter__form {
    flex-wrap: wrap;
  }
  .subscribe-newsletter__wrapper {
    padding: 15px;
    min-height: 412px;
  }
  form#hbsptForm_2942 {
    padding: 0;
  }
  .subscribe-newsletter__form-wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .subscribe-newsletter__wrapper .subscribe-newsletter__form-wrapper {
    flex: 1 1 auto;
  }
  .subscribe-newsletter__wrapper .subscribe-newsletter__form-wrapper form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .subscribe-newsletter__wrapper .subscribe-newsletter__form-wrapper .hbsptForm .hs-form-field {
    width: initial !important;
    flex: auto;
    margin: 0;
  }
  .subscribe-newsletter__wrapper .subscribe-newsletter__form-wrapper .hbsptForm fieldset {
    width: 100%;
  }
  .subscribe-newsletter__wrapper .subscribe-newsletter__form-wrapper .hbsptForm .form-columns-1 {
    margin: 15px 0 0;
  }
  .subscribe-newsletter__wrapper .subscribe-newsletter__form-wrapper .hbsptForm .hs-submit {
    flex: none;
  }
  .subscribe-newsletter__wrapper .subscribe-newsletter__form-wrapper .hbsptForm .hs-submit .hs-button {
    width: 150px;
  }
  .subscribe-newsletter__wrapper .subscribe-newsletter__form-wrapper .hbsptForm .hs-recaptcha {
    margin: 1rem 0;
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .hbsptForm .hs-submit {
    width: 100%;
  }
  .hbsptForm .hs-submit .actions {
    width: 100%;
  }
}
.simple-form .mktoFieldDescriptor,
.simple-form .mktoFieldWrap {
  width: 100%;
}
.simple-form .mktoLabel {
  width: 100% !important;
}
.simple-form .mktoField {
  width: 100% !important;
  max-width: 300px;
}
.simple-form .hbsptForm .mkto-buttonRow {
  padding-left: 0;
}
.simple-form .form-confirm {
  text-align: left;
}

.solutions-intro__subtitle {
  margin-bottom: 25px;
  font-weight: 700;
}

.solutions-intro__title {
  margin-bottom: 40px;
  line-height: 1.1;
}

.solutions-intro__text {
  max-width: 570px;
}
.solutions-intro__text.center {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  max-width: 810px;
}
.solutions-intro__text:not(:last-child) {
  margin-bottom: 50px;
}
@media (max-width: 1023px) {
  .solutions-intro__text:not(:last-child) {
    margin-bottom: 30px;
  }
}

.solutions-intro__img {
  margin-top: -275px;
  transform: translateY(275px);
  text-align: center;
}
.solutions-intro__img.have-margin {
  padding-top: 100px;
}
@media (max-width: 1023px) {
  .solutions-intro__img.have-margin {
    padding-top: 50px;
  }
}

.solutions-intro__img-mobile {
  display: none;
}
@media (max-width: 767px) {
  .solutions-intro__img-mobile {
    display: inherit;
  }
}
.solutions-intro__img-mobile + .solutions-intro__img {
  display: inherit;
}
@media (max-width: 767px) {
  .solutions-intro__img-mobile + .solutions-intro__img {
    display: none;
  }
}

.intro-translucent__text-dark {
  position: relative;
  z-index: 2;
}

.intro-translucent__text-dark.solutions-quiz__desc {
  font-weight: 400;
  margin-top: -350px;
}

.solutions-intro__animate {
  display: flex;
  justify-content: center;
}

.solutions-intro {
  position: relative;
  z-index: 1;
}
.solutions-intro .intro-translucent__bg {
  height: 100%;
}
.solutions-intro.have-main-img {
  margin-bottom: 275px;
  padding-bottom: 0;
  min-height: calc(100vh - 127px);
}
@media (max-width: 1199px) {
  .solutions-intro.have-main-img {
    min-height: calc(100vh - 525px);
  }
}
@media (max-width: 1023px) {
  .solutions-intro.have-main-img {
    min-height: calc(100vh - 363px);
  }
}
@media (max-width: 767px) {
  .solutions-intro.have-main-img {
    min-height: calc(100vh - 272px);
  }
}

.solutions-intro:has(.solutions-intro__lottie) .solutions-intro__text.center {
  max-width: 1050px;
}

.solutions-intro:has(.solutions-intro__lottie) .solutions-intro__subtitle,
.solutions-intro:has(.solutions-intro__lottie) .solutions-intro__desc {
  color: #6B6E74;
  margin: 0 0 1.875rem;
}

.solutions-intro:has(.solutions-intro__lottie) .solutions-intro__title {
  margin-bottom: 1.25rem;
}

.solutions-intro__bg {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-end;
  z-index: -1;
}
.solutions-intro__bg img {
  width: 100%;
  object-position: right bottom;
  object-fit: cover;
}

.solutions-intro__desc {
  font-weight: 700;
  color: rgb(107, 110, 116);
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .solutions-intro__desc {
    margin-bottom: 20px;
  }
}

.type-3.scheme-default.solutions-intro .solutions-intro__subtitle {
  color: rgb(var(--color-brand-2));
}

@media (max-width: 767px) {
  .solutions-intro.have-main-img {
    margin-bottom: 130px;
  }
  .solutions-intro__img {
    margin-top: -130px;
    transform: translateY(130px);
  }
  .solutions-intro__title {
    margin-bottom: 20px;
  }
  .solutions-intro__subtitle {
    margin-bottom: 15px;
  }
}
.media-with-text__media {
  flex: 1 1 auto;
}
@media screen and (min-width: 1023px) {
  .media-with-text__media.image-larger {
    transform: scale(1.2);
    max-width: 500px;
  }
}

.media-with-text.image-absolute-right {
  position: relative;
}
.media-with-text.image-absolute-right .media-with-text__media {
  position: absolute;
  top: 8rem;
  right: 0;
  max-width: 50%;
  z-index: -2;
}
.media-with-text.image-absolute-right .media-with-text__wrapper {
  margin-bottom: 25rem;
}
.media-with-text.image-absolute-right .media-with-text__block {
  padding-top: 5rem;
}

.media-with-text__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}

.reverse {
  flex-direction: row-reverse;
}

.media-with-text__media > video {
  margin-bottom: -150px !important;
}

.media-with-text__item {
  flex: 0 0 calc(55% - 40px);
}

.media-with-text__item-title {
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .media-with-text__item-title {
    font-size: 2rem;
  }
}

.media-with-text__item-link {
  margin-top: 40px;
}

.media-with-text__item-info {
  line-height: 32px;
}
@media (max-width: 1023px) {
  .media-with-text__item-info {
    font-size: 1.25rem;
  }
}
.media-with-text__item-info span, .media-with-text__item-info strong {
  font-weight: bold;
}

@media (max-width: 1023px) {
  .partners-info__partners-logo {
    margin-top: 60px;
    max-width: 85%;
    min-height: unset;
  }
  .media-with-text__block {
    flex-wrap: wrap;
    gap: 30px;
  }
  .media-with-text__item,
  .media-with-text__media {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .media-with-text__item-title {
    margin-bottom: 20px;
  }
  .media-with-text.image-absolute-right .media-with-text__media {
    position: relative;
    max-width: 100%;
    top: 0;
    right: -20px;
  }
  .media-with-text.image-absolute-right .media-with-text__wrapper {
    margin-bottom: 5rem;
  }
  .media-with-text.image-absolute-right .media-with-text__block {
    padding-top: 0;
  }
}
.individual-review__wrapper {
  max-width: 840px;
  margin: 0 auto;
}

.individual-review__author {
  display: flex;
  gap: 20px;
  align-items: flex-end;
  margin-bottom: 50px;
}

.individual-review__img img {
  width: 90px;
  border-radius: 20px;
}

.individual-review__text {
  margin-bottom: 30px;
  line-height: 42px;
  font-weight: 700;
}

.individual-review__name {
  color: rgb(var(--color-primary));
  font-weight: 700;
  margin-bottom: 10px;
}

.individual-review__position {
  font-weight: 800;
}

.individual-review__company-name {
  font-weight: 800;
  color: rgb(var(--color-text-light));
}

.individual-review__logo {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .individual-review__author {
    flex-wrap: wrap;
  }
}
.partners-banner {
  background-color: rgb(var(--color-light));
}

.partners-banner__wrapper {
  max-width: 840px;
  margin: 0 auto;
}

.partners-banner__title {
  text-align: center;
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .partners-banner__img img {
    width: 100%;
  }
}
.partners-banner__img-mobile {
  display: none;
}
@media (max-width: 767px) {
  .partners-banner__img-mobile {
    display: initial;
  }
}
.partners-banner__img-mobile + .partners-banner__img {
  display: initial;
}
@media (max-width: 767px) {
  .partners-banner__img-mobile + .partners-banner__img {
    display: none;
  }
}

.partners-info {
  position: relative;
  overflow: hidden;
}
.partners-info::before {
  content: "";
  border: 220px solid #fff;
  opacity: 0.2;
  border-radius: 50%;
  width: 900px;
  height: 900px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.partners-info.partners-info__circle-bottom::before {
  top: unset;
  bottom: 0;
  transform: translate(-50%, 50%);
}

.partners-info__wrapper {
  position: relative;
}

.partners-info__heading {
  display: flex;
  gap: 30px;
  align-items: center;
  margin-bottom: 7rem;
}
@media (max-width: 767px) {
  .partners-info__heading {
    margin-bottom: 4rem;
  }
}

.partners-info__img {
  flex: 0 0 50%;
  min-height: 555px;
}

.partners-info__heading__text {
  flex: 1 1 auto;
}

.partners-info__heading-info {
  margin-top: 20px;
  line-height: 34px;
}

.partners-info__img img {
  border-radius: 20px;
  max-width: 100%;
  box-shadow: 10px 10px 30px 0 rgba(44, 15, 16, 0.15);
}

.partners-info__block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

.partners-info__item {
  flex: 0 0 calc(50% - 30px);
}

.partners-info__item-info {
  max-width: 515px;
}

.partners-info__item-title {
  margin-bottom: 10px;
}

.partners-info__item-info {
  line-height: 34px;
}

.partners-info__partners-logo {
  margin-top: 60px;
  max-width: 85%;
  min-height: 260px;
}

@media (max-width: 1023px) {
  .partners-info__heading {
    flex-wrap: wrap;
    gap: 50px;
  }
  .partners-info__img {
    flex: 0 0 100%;
    min-height: unset;
  }
  .partners-info__item {
    flex: 0 0 100%;
  }
}
.multicolumn__wrapper {
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(var(--per-row), 1fr);
}

.media-with-text__wrapper + .multicolumn__wrapper {
  margin-top: 5rem;
}

.multicolumn__img {
  margin-bottom: 35px;
}

.multicolumn__title {
  margin-bottom: 35px;
  line-height: 32px;
}

.multicolumn__text {
  line-height: 32px;
  font-weight: 300;
}
.multicolumn__text a {
  color: rgb(var(--color-primary));
}

.multicolumn_button {
  margin-top: 20px;
}

@media (max-width: 1023px) {
  .multicolumn__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .multicolumn__img,
  .multicolumn__title {
    margin-bottom: 20px;
  }
}
.remove-shadow .feedback__form {
  box-shadow: none;
}

.feedback__form form {
  margin: 0 auto;
}

.feedback__wrapper {
  max-width: 43.75rem; /* 700/16 */
  margin: 0 auto;
}

.feedback__header {
  max-width: 32.5rem; /* 520/16 */
  margin: 0 auto 2.5rem; /* 40/16 */
}
.feedback__header-center {
  text-align: center;
}

.feedback__title {
  margin-bottom: 1.875rem; /* 30/16 */
}

.feedback__info {
  line-height: 2rem;
}

.feedback__form {
  background: #FFFFFF;
  box-shadow: -0.3125rem 0.3125rem 2.5rem rgba(44, 48, 57, 0.12);
  border-radius: 1.875rem;
  padding: 3.125rem 0;
}

@media (max-width: 767px) {
  .feedback__form {
    padding: 0;
  }
}
.feedback-align__left .feedback__wrapper {
  display: flex;
  gap: 4rem;
  justify-content: space-between;
  max-width: initial;
}
@media (max-width: 1023px) {
  .feedback-align__left .feedback__wrapper {
    flex-direction: column;
    gap: 1.875rem;
  }
}

.feedback-align__left .feedback__header {
  width: 100%;
  max-width: 390px;
  padding-top: 3.75rem;
}
@media (max-width: 1023px) {
  .feedback-align__left .feedback__header {
    max-width: 100%;
    padding-top: 0;
  }
}

.feedback-align__left .feedback__form {
  max-width: 720px;
  padding: 2.5rem 3.75rem;
  width: 100%;
}
@media (max-width: 1023px) {
  .feedback-align__left .feedback__form {
    padding: 2rem 1rem;
  }
}

.book-meeting-intro__title {
  margin-bottom: 2.5rem; /* 40/16 */
  line-height: 1.2;
}

.book-meeting-intro__desc {
  font-weight: 700;
}

.book-meeting-intro__slider {
  max-width: 400px;
  margin-top: 2.5rem; /* 40/16 */
  height: 300px;
}
.book-meeting-intro__slider .swiper {
  font-weight: 700;
  background: #FFFFFF;
  border: 0.0625rem solid #F5F7FB;
  box-shadow: -0.3125rem 0.3125rem 2.5rem rgba(44, 48, 57, 0.12);
  border-radius: 1.25rem; /* 20/16 */
}

.book-meeting-intro__text {
  margin-bottom: 3.75rem; /* 60/16 */
  line-height: 1.5;
}

.book-meeting-intro__author-name {
  color: rgb(var(--color-primary));
}

.book-meeting-intro__author {
  display: flex;
  align-items: center;
  gap: 1.25rem; /* 20/16 */
}

.book-meeting-intro__author-img {
  width: 4rem; /* 64/16 */
  height: 4rem; /* 64/16 */
}

.book-meeting-intro__author-img img {
  border-radius: 50%;
}

.book-meeting-intro__author-info {
  display: grid;
  gap: 0.3125rem; /* 5/16 */
}

.book-meeting-intro__slider__wrapper {
  padding: 2.1875rem; /* 35/16 */
  max-height: 450px;
  overflow: auto;
}

.book-meeting-intro__slider__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  padding: 0 1.875rem; /* 30/16 */
  gap: 1.875rem; /* 30/16 */
  margin-top: 1.25rem; /* 20/16 */
}
.book-meeting-intro__slider__nav .swiper-button {
  width: 0.625rem; /* 10/16 */
  height: 1.25rem; /* 20/16 */
  position: static;
  margin: 0;
}
.book-meeting-intro__slider__nav .swiper-button::after, .book-meeting-intro__slider__nav .swiper-button::before {
  width: 100%;
  height: 100%;
  font-size: 1.25rem; /* 20/16 */
}
.book-meeting-intro__slider__nav .swiper-pagination {
  position: static;
  transform: unset;
  width: auto;
}

.book-meeting-intro__wrapper {
  display: grid;
  justify-content: space-between;
  gap: 3.125rem; /* 50/16 */
  align-items: flex-start;
  grid-template-columns: minmax(0, 28.25rem) minmax(0, 1fr);
  grid-template-rows: auto 1fr;
}
@media (max-width: 1440px) {
  .book-meeting-intro__wrapper {
    grid-template-columns: minmax(0, 26.875rem) minmax(0, 1fr);
    gap: 1.875rem; /* 30/16 */
  }
}

.book-meeting-intro__form {
  max-width: 690px;
  width: 100%;
  margin-bottom: -15.625rem; /* -250/16 */
  grid-row: 1/3;
  grid-column: 2/3;
}

@media (max-width: 1199px) {
  .book-meeting-intro__wrapper {
    display: flex;
    flex-direction: column;
  }
  .book-meeting-intro__form {
    margin: 0 auto;
  }
  .book-meeting-intro__slider {
    max-width: 100%;
    height: auto;
  }
  .book-meeting-intro__slider .swiper {
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }
  .book-meeting-intro__slider__wrapper {
    max-height: unset;
    overflow: unset;
  }
}
@media (max-width: 767px) {
  .book-meeting-intro__title {
    margin-bottom: 1.25rem; /* 20/16 */
  }
  .book-meeting-intro__wrapper {
    gap: 1.25rem; /* 20/16 */
  }
  .book-meeting-intro__slider__wrapper {
    padding: 0;
  }
  .book-meeting-intro__slider {
    margin-top: 1.25rem; /* 20/16 */
  }
}
.logo-grid__wrapper {
  display: grid;
  grid-template-columns: repeat(var(--per-row, 5), 1fr);
  gap: 5px 105px;
}

.logo-grid__item {
  display: flex;
}

.logo-grid__title {
  margin-bottom: 80px;
  text-align: center;
}

@media (max-width: 1199px) {
  .logo-grid__wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 50px;
  }
}
@media (max-width: 1023px) {
  .logo-grid__title {
    margin-bottom: 50px;
  }
  .logo-grid__wrapper {
    gap: 30px 40px;
  }
}
@media (max-width: 767px) {
  .logo-grid__title {
    margin-bottom: 30px;
  }
  .logo-grid__wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
.get-in-touch-intro .intro-translucent {
  padding-bottom: 0;
}

.get-in-touch-intro__desc p {
  font-weight: 700;
}

.get-in-touch-intro__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 3.125rem; /* 50/16 */
  align-items: flex-start;
}
.get-in-touch-intro__wrapper .intro-translucent__text {
  margin-top: 4.375rem; /* 70/16 */
}

.get-in-touch-intro__form {
  max-width: 610px;
  width: 100%;
}

.get-in-touch-intro__title {
  margin-bottom: 2.5rem; /* 40/16 */
}

@media (max-width: 1199px) {
  .get-in-touch-intro__wrapper {
    flex-direction: column;
    gap: 90px;
  }
  .get-in-touch-intro__form {
    max-width: 100%;
  }
}
.offices-grid__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.125rem; /* 50/16 */
  margin-top: 5.625rem; /* 90/16 */
}
@media (max-width: 1199px) {
  .offices-grid__wrapper {
    grid-template-columns: 1fr;
    gap: 1.875rem; /* 30/16 */
    margin-top: 3.125rem; /* 50/16 */
    padding: 0 3rem;
  }
}
@media (max-width: 767px) {
  .offices-grid__wrapper {
    padding: 0;
  }
}

.offices-grid__title {
  margin: 1.25rem 0 0.625rem; /* 20/16 , 10/16 */
}

.offices-grid__tel {
  display: block;
  margin-top: 0.9375rem; /* 15/16 */
  color: inherit;
  font-weight: 700;
  position: relative;
  z-index: 3;
}
.offices-grid__tel:hover {
  color: rgb(var(--color-hover));
}

.offices-grid__item {
  padding: 1.25rem; /* 20/16 */
  border-radius: 1.25rem; /* 20/16 */
  position: relative;
}
.offices-grid__item:hover {
  background: rgba(var(--color-hover), 0.05);
}

.offices-grid__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.offices-grid {
  text-align: center;
}

.native-hero__wrapper {
  display: grid;
  align-items: center;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1199px) {
  .native-hero__wrapper {
    grid-template-columns: 1fr;
  }
}

.about-hero .native-hero__img img {
  filter: drop-shadow(10px 10px 30px rgba(44, 15, 16, 0.15));
  border-radius: 20px;
  width: 100%;
}

.careers-hero .native-hero__img {
  max-width: 600px;
  margin-left: auto;
  margin-right: 27px;
}
@media (max-width: 1199px) {
  .careers-hero {
    padding-top: 6rem !important;
  }
}

.native-hero__img {
  transform: scale(1.1);
  max-width: 500px;
  margin-left: auto;
}
@media (max-width: 1199px) {
  .native-hero__img {
    transform: unset;
    margin: 0 auto;
  }
}

.native-hero__title {
  line-height: 3.75rem; /* 60/16 */
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .native-hero__title {
    margin-bottom: 20px;
  }
}

.native-hero__subtitle {
  font-weight: 700;
  margin-bottom: 40px;
  color: rgb(var(--color-text-light));
}
@media (max-width: 767px) {
  .native-hero__subtitle {
    margin-bottom: 20px;
  }
}
.native-hero__subtitle-scheme-light {
  color: rgb(243, 244, 246);
}
.native-hero__subtitle-scheme-light-blue {
  color: rgb(212, 233, 255);
}
.native-hero__subtitle-scheme-orange {
  color: rgb(255, 161, 25);
}
.native-hero__subtitle-scheme-red {
  color: rgb(252, 69, 89);
}
.native-hero__subtitle-scheme-red-light {
  color: rgb(255, 223, 227);
}
.native-hero__subtitle-scheme-blue {
  color: rgb(38, 136, 254);
}
.native-hero__subtitle-scheme-brown-light {
  color: rgb(255, 233, 197);
}
.native-hero__subtitle-scheme-brown-light-2 {
  color: rgb(255, 233, 197);
}
.native-hero__subtitle-scheme-turquoise {
  color: rgb(19, 221, 201);
}

.native-hero__desc {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .native-hero__desc {
    margin-bottom: 20px;
  }
}

.customers-info__title {
  margin-bottom: 40px;
}

.customers-info__text {
  display: grid;
  max-width: 50%;
}

.customers-info__desc {
  margin-bottom: 40px;
}
.customers-info__desc * {
  font-weight: 700;
}

.customers-info__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 50px;
}

.customers-info__slider {
  max-height: 570px;
  width: 100%;
}

.customers-info__slider-images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 30px;
  height: 100%;
  align-items: flex-start;
}
.customers-info__slider-images li {
  background: #FFFFFF;
  box-shadow: -5px 5px 24px rgba(44, 48, 57, 0.09);
  border-radius: 15px;
  padding: 20px 35px;
}
.customers-info__slider-images li img {
  width: 100%;
}
@media (max-width: 1199px) {
  .customers-info__slider-images li {
    padding: 10px;
  }
}

.customers-info .container {
  max-width: 1360px;
}

@media (max-width: 1023px) {
  .customers-info__wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .customers-info__text {
    max-width: 100%;
  }
  .customers-info__slider-images {
    gap: 36px 15px;
    padding: 0;
  }
  .customers-info__slider-images li {
    background: transparent;
    padding: 0;
    box-shadow: none;
  }
  .customers-info__desc {
    margin-bottom: 20px;
  }
  .customers-info__slider {
    max-height: 100%;
  }
}
.multicolumn-with-text__block {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 5rem;
}

.multicolumn-with-text__title {
  margin-bottom: 40px;
}

.multicolumn-with-text__info {
  line-height: 34px;
  font-weight: 300;
}

.multicolumn-with-text__left .multicolumn-with-text__block {
  text-align: left;
  margin-left: initial;
  margin-right: initial;
}

.multicolumn-with-text__right .multicolumn-with-text__block {
  text-align: right;
  margin-left: initial;
  margin-right: initial;
}

.multicolumn-with-text__i-size-small .multicolumn__img img {
  height: 75px;
}

.multicolumn-with-text__i-size-medium .multicolumn__img img {
  height: 125px;
}

.multicolumn-with-text__i-size-large .multicolumn__img img {
  height: 200px;
}

.text-content__block h2 {
  margin-bottom: 0.8em;
}
.text-content__block p {
  line-height: 1.7;
}
.text-content__wrapper {
  max-width: 900px;
  margin: 0 auto;
}

.text-content__btn {
  text-align: center;
  margin-top: 75px;
}

.text-content__link, .text-content__block a {
  font-weight: 700;
  transition: all var(--duration) ease-in;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.text-content__link:hover, .text-content__block a:hover {
  opacity: 0.7;
}

.authenticated-bridge__bg-gray {
  background-color: rgb(var(--color-light));
}

.authenticated-bridge__header {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 85px;
  margin-bottom: 60px;
}

.authenticated-bridge__block {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 55px;
  column-gap: 85px;
}

.authenticated-bridge__img {
  margin-bottom: 35px;
}

.authenticated-bridge__btn {
  margin: auto 0;
}

.authenticated-bridge__text {
  line-height: 1.7;
}

@media (max-width: 1199px) {
  .authenticated-bridge__header {
    grid-template-columns: unset;
    row-gap: 30px;
  }
  .authenticated-bridge__block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 60px;
  }
  .authenticated-bridge__img {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .authenticated-bridge__block {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 50px;
    row-gap: 40px;
  }
}
.sticky-slider__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 60px;
}
@media (max-width: 1199px) {
  .sticky-slider__wrapper {
    flex-direction: column;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .sticky-slider__wrapper {
    gap: 0;
  }
}

.sticky-slider__desc-slider {
  max-width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .sticky-slider__desc-slider {
    margin-bottom: 15px;
  }
}

.sticky-slider__info {
  position: sticky;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  top: 60px;
  max-width: 550px;
}
@media (max-width: 1199px) {
  .sticky-slider__info {
    max-width: 100%;
    position: unset;
  }
}

.sticky-slider__media-wrapper {
  display: grid;
  gap: 200px;
}
@media (max-width: 1199px) {
  .sticky-slider__media-wrapper {
    display: flex;
    gap: 0;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .sticky-slider__media-wrapper {
    align-items: flex-start;
  }
}

.sticky-slider__title {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .sticky-slider__title {
    margin-bottom: 20px;
  }
}

.sticky-slider__subtitle {
  margin-bottom: 40px;
  font-weight: 700;
  color: rgba(var(--color-text-light), 1);
}
@media (max-width: 767px) {
  .sticky-slider__subtitle {
    margin-bottom: 20px;
  }
}

.sticky-slider__media {
  text-align: right;
  flex: 1 1 auto;
}
@media (max-width: 1199px) {
  .sticky-slider__media {
    text-align: center;
    max-width: 100%;
  }
}

.sticky-slider__desc {
  background: #fff;
}
.sticky-slider__desc span {
  font-weight: 700;
}
@media (max-width: 767px) {
  .sticky-slider__desc {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .sticky-slider__media-slide {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.leadership-team__block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 60px;
}

.leadership-team__title {
  text-align: center;
  margin-bottom: 120px;
}

.leadership-team__item {
  overflow: hidden;
  border-radius: 40px;
  box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.15);
  position: relative;
  cursor: pointer;
  height: 360px;
  max-width: 360px;
  width: 100%;
}

.leadership-team__img img {
  position: absolute;
  top: 0;
  left: 0;
}

.leadership-team__info {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transition: all var(--duration-long) linear;
  padding: 8px 15px;
  height: 100px;
  text-align: center;
  max-height: 100%;
  overflow: auto;
}

.leadership-team__info::-webkit-scrollbar {
  display: none;
}

.leadership-team__info {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.leadership-team__name {
  line-height: 34px;
  margin: 10px 0;
  transition: all var(--duration-long) linear;
}

.leadership-team__position {
  color: rgb(var(--color-primary));
  font-weight: 700;
  letter-spacing: 1.2px;
  line-height: 17px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.leadership-team__bio {
  line-height: 25px;
  padding: 5px 20px;
}

.leadership-team__item:hover .leadership-team__name {
  margin-top: 64px;
}
.leadership-team__item:hover .leadership-team__info {
  height: 100%;
}

@media (max-width: 1199px) {
  .leadership-team__block {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
  }
  .leadership-team__title {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .leadership-team__block {
    grid-template-columns: repeat(1, 1fr);
  }
  .leadership-team__item {
    max-width: 330px;
  }
  .leadership-team__title {
    margin-bottom: 45px;
  }
}
.phrases-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.phrases-slider .phrases-slider__header {
  max-width: 840px;
  margin: 0 auto;
}
.phrases-slider .phrases-slider__subtitle {
  color: rgb(var(--color-text-light));
  margin-bottom: 20px;
}
.phrases-slider .phrases-slider__wrapper {
  margin-top: 7rem;
}
@media (max-width: 1023px) {
  .phrases-slider .phrases-slider__wrapper {
    margin-top: 4rem;
  }
}
.phrases-slider .phrases-slider__item {
  width: 500px;
}
@media (max-width: 767px) {
  .phrases-slider .phrases-slider__item {
    width: 350px;
  }
}
.phrases-slider .phrases-slider__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.phrases-slider__wrapper:not(.swiper-initialized) .phrases-slider__block {
  gap: 10px;
}
.phrases-slider__wrapper:not(.swiper-initialized) .phrases-slider__item {
  margin-right: 10px;
}
.phrases-slider__wrapper:not(.swiper-initialized) .phrases-slider__item img {
  max-height: 400px;
}

.gallery-slider__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.gallery-slider__wrapper:not(.swiper-initialized) .gallery-slider__block {
  gap: 10px;
}
.gallery-slider__wrapper:not(.swiper-initialized) .gallery-slider__item {
  margin-right: 10px;
}
.gallery-slider__wrapper:not(.swiper-initialized) .gallery-slider__item img {
  max-height: 845px;
}
.gallery-slider__wrapper:not(.swiper-initialized) .gallery-slider__item {
  max-width: 50% !important;
}

.work-perks .work-perks__header {
  max-width: 840px;
  margin: 0 auto 5rem;
}
.work-perks .work-perks__subtitle {
  color: rgb(var(--color-text-light));
  margin-bottom: 20px;
}
.work-perks .multicolumn__img img {
  max-width: 60px;
}

.careers-related .careers-related__header {
  max-width: 70%;
}
.careers-related .careers-related__block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  margin-top: 80px;
}
@media (max-width: 1023px) {
  .careers-related .careers-related__block {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .careers-related .careers-related__block {
    grid-template-columns: 1fr;
    margin-top: 50px;
  }
}
.careers-related .careers-related__item-link {
  color: rgb(var(--color-brand-3));
}
.careers-related .careers-related__item-img {
  border-radius: 30px;
  margin-bottom: 15px;
  width: 100%;
  display: block;
}
.careers-related .careers-related__item-img img {
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.careers-related .careers-related__item-title {
  margin-bottom: 10px;
}
.careers-related .careers-related__item-title a {
  color: inherit;
}
.careers-related .careers-related__item-date {
  font-weight: 700;
  color: rgb(var(--color-text-light));
  margin-bottom: 10px;
}

.library-card__wrapper {
  margin-top: 30px;
  position: relative;
}
.library-card__wrapper .library-card__item-img {
  position: relative;
  min-height: 375px;
}
@media (max-width: 1199px) {
  .library-card__wrapper .library-card__item-img {
    min-height: 235px;
  }
}
@media (max-width: 1023px) {
  .library-card__wrapper .library-card__item-img {
    min-height: 175px;
  }
}
@media (max-width: 767px) {
  .library-card__wrapper .library-card__item-img {
    min-height: 200px;
  }
}
.library-card__wrapper .library-card__item-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.library-card__item {
  display: grid;
  grid-template-columns: minmax(0, 700px) minmax(0, 1fr);
  padding: 20px;
  align-items: flex-start;
  grid-template-rows: auto 1fr;
  column-gap: 20px;
  border-radius: 30px;
  box-shadow: -5px 5px 40px rgba(44, 48, 57, 0.12);
  margin-bottom: 20px;
  position: relative;
  transition: all var(--duration-long) linear;
}
.library-card__item:last-child {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .library-card__item {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media (max-width: 767px) {
  .library-card__item {
    grid-template-columns: 1fr;
  }
}

.library-card__item-img img {
  border-radius: 25px;
}

.library-card__item-content {
  margin-top: 30px;
}

.library-card__item-title {
  color: rgb(var(--color-text-base));
}

.library-intro__header {
  text-align: center;
}

.library-intro__subtitle {
  margin-bottom: 25px;
  font-weight: 700;
}

.library-intro__box {
  margin-top: 60px;
}

.library-intro__block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 52px;
}
@media (max-width: 1199px) {
  .library-intro__block {
    gap: 30px;
  }
}

.library-intro__item {
  position: relative;
  background: #fff;
  border-radius: 30px;
  box-shadow: -5px 5px 40px rgba(44, 48, 57, 0.12);
  padding: 10px;
  flex: 0 0 calc(33.33% - 35px);
  min-height: 500px;
}
@media (max-width: 1199px) {
  .library-intro__item {
    flex: 0 0 calc(50% - 15px);
  }
}
@media (max-width: 767px) {
  .library-intro__item {
    flex: 0 0 100%;
    padding: 20px;
  }
}

.library-intro__item-title {
  color: rgb(var(--color-text-base));
  line-height: 1.33;
}

.library-intro__item-content {
  margin-top: 20px;
}

.library-intro__item-img {
  border-radius: 30px;
}

.library-intro__item-img img {
  border-radius: inherit;
}

.partners-logo__title {
  text-align: center;
}

.partners-logo__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 6.25rem 3rem;
  justify-content: space-around;
  margin: 7.5rem auto 0; /* 120/16 */
  max-width: 56.25rem; /* 900/16 */
}
@media (max-width: 1199px) {
  .partners-logo__wrapper {
    gap: 3.125rem; /* 50/16 */
  }
}
@media (max-width: 767px) {
  .partners-logo__wrapper {
    margin-top: 3.75rem; /* 60/16 */
  }
}
.partners-logo__wrapper li {
  flex: 0 0 calc(25% - 4.6875rem); /* 75/16 */
  text-align: center;
}
@media (max-width: 1199px) {
  .partners-logo__wrapper li {
    flex: 0 0 calc(25% - 2.34375rem); /* 37.5/16 */
  }
}
@media (max-width: 767px) {
  .partners-logo__wrapper li {
    flex: 0 0 calc(50% - 1.5625rem); /* 25/16 */
  }
}

.banner__title {
  font-weight: 300;
  margin-bottom: 85px;
}
@media (max-width: 767px) {
  .banner__title {
    margin-bottom: 40px;
  }
}

.banner {
  text-align: center;
}

.text-with-img {
  margin-bottom: -15.625rem; /* -250/16 */
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .text-with-img {
    margin-bottom: -200px;
  }
}
@media (max-width: 1023px) {
  .text-with-img {
    margin-bottom: -100px;
  }
}

.text-with-img__content {
  text-align: center;
  max-width: 53.125rem; /* 850/16 */
  margin: 0 auto 5rem;
  padding: 0 1.25rem; /* 20/16 */
  line-height: 2.125rem; /* 34/16 */
}
@media (max-width: 767px) {
  .text-with-img__content {
    margin-bottom: 2.5rem;
    padding: 0;
  }
}
.text-with-img__content h2 {
  margin-bottom: 2.5rem; /* 40/16 */
}
@media (max-width: 767px) {
  .text-with-img__content h2 {
    margin-bottom: 1.25rem; /* 20/16 */
  }
}
.text-with-img__content a {
  font-weight: 700;
  text-decoration: underline;
  color: rgba(var(--color-primary), 1);
}

.resource-groups__title {
  margin-bottom: 100px;
}

.resource-groups__desc {
  margin-top: 20px;
  transform: translateY(60px);
  opacity: 0;
  line-height: 1.75rem;
  transition: all var(--duration) linear;
}

.resource-groups {
  padding-top: 15rem;
  padding-bottom: 8rem; /* 128/16 */
}
@media (max-width: 1023px) {
  .resource-groups {
    padding-top: 4rem; /* 64/16 */
    padding-bottom: 4rem; /* 64/16 */
  }
}

.resource-groups__content {
  width: 100%;
  padding: 30px 40px;
  height: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.resource-groups__content::-webkit-scrollbar {
  display: none;
}
.resource-groups__content img {
  transform: translateY(calc(-100% - 50px));
  translate: 0 310px;
  transition: all var(--duration-long) ease;
}
@media (max-width: 767px) {
  .resource-groups__content {
    padding: 20px;
  }
  .resource-groups__content img {
    translate: 0 350px;
  }
}

.resource-groups__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 90px 25px;
}
@media (max-width: 1199px) {
  .resource-groups__wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 25px;
  }
}
@media (max-width: 1023px) {
  .resource-groups__wrapper {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.resource-groups__wrapper li {
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: -10px 10px 30px rgba(44, 48, 57, 0.2);
  border-radius: 30px;
  height: 350px;
  position: relative;
  transition: all var(--duration-long) ease;
}
.resource-groups__wrapper li:hover {
  transform: scale(1.05);
}
@media (max-width: 1023px) {
  .resource-groups__wrapper li:hover {
    transform: scale(1.02);
  }
}
.resource-groups__wrapper li:hover .resource-groups__content img {
  transform: translate(0, 0);
  translate: 0;
}
.resource-groups__wrapper li:hover .resource-groups__desc {
  transform: translateY(0);
  opacity: 1;
}

.footer-lp__wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 15px;
}

.footer-lp__menu-block {
  display: flex;
}

.footer-lp__menu-block {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
}

.footer-lp__menu-block li a {
  color: inherit;
}

.footer-lp {
  padding: 100px 0 20px;
}
.footer-lp .menu-item {
  flex: unset;
}

.footer-lp__menu-block li a:hover {
  text-decoration: underline;
}

.footer-lp__copyright {
  flex: none;
}

.multicolumn-lp__block {
  display: grid;
  gap: 50px;
  grid-template-columns: repeat(var(--per-row), 1fr);
}

.multicolumn-lp__title {
  text-align: center;
  margin-bottom: 40px;
}

.multicolumn-lp__item {
  text-align: center;
}

.multicolumn-lp__item-img {
  width: 80px;
  margin: 0 auto 20px;
}

@media (max-width: 1023px) {
  .multicolumn-lp__block {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .multicolumn-lp__block {
    grid-template-columns: 1fr;
  }
  .multicolumn-lp__item {
    grid-template-columns: minmax(0, 40px) minmax(0, 1fr);
    display: grid;
    gap: 20px;
    text-align: left;
    align-items: center;
  }
  .multicolumn-lp__item-img {
    width: 40px;
    margin: 0;
  }
  .multicolumn-lp__title {
    margin-bottom: 20px;
    text-align: left;
  }
}
.solutions-quiz {
  overflow: hidden;
}
.solutions-quiz.form-activated .solutions-quiz_first-content, .solutions-quiz.activated .solutions-quiz_first-content {
  display: none;
}
.solutions-quiz.activated .quiz__main-content {
  display: block;
}
.solutions-quiz.form-activated .quiz__main-content {
  display: none;
}
.solutions-quiz.form-activated .quiz__form {
  display: flex;
}
.solutions-quiz .intro-translucent__text {
  max-width: 570px;
}

.solutions-quiz_first-content {
  pointer-events: none;
}

.solutions-quiz__main-title {
  margin-bottom: 5rem; /* 80/16 */
  pointer-events: all;
}

.solutions-quiz__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.solutions-quiz__img {
  max-width: 37.1875rem; /* 595/16 */
}

.solutions-quiz__bottom {
  max-width: 570px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem; /* 40/16 */
  pointer-events: all;
}

.solutions-quiz__desc {
  font-weight: 700;
  pointer-events: all;
  max-width: unset;
}

.solutions-quiz__socials-list {
  display: flex;
  gap: 20px;
}

.solutions-quiz__socials-list svg {
  width: 41px;
  height: 41px;
}

.solutions-quiz__socials {
  display: flex;
  gap: 20px;
  align-items: center;
}

.solutions-quiz__socials-label {
  font-weight: 700;
  font-size: 20px;
}

.solutions-quiz__subtitle {
  pointer-events: all;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 5px;
}

.quiz__main-content .container {
  position: relative;
}

.quiz__slider {
  display: flex;
  transform: translateX(calc(-100vw * var(--active-slide-index)));
  transition: all 0.5s ease-in-out;
  align-items: center;
  margin-top: -190px;
}

.quiz__step {
  width: 100vw;
  flex: 0 0 100vw;
  padding: 190px 0;
}

.quiz__illustration {
  width: 710px;
  height: 579px;
  position: absolute;
  right: -98px;
  top: 190px;
  margin: auto;
  transition: all 0.5s ease-in-out;
}
.quiz__illustration::before, .quiz__illustration::after {
  content: "";
  position: absolute;
  display: block;
  border: 60px solid;
  border-radius: 50%;
}
.quiz__illustration::before {
  width: 214px;
  height: 214px;
  border-color: rgb(var(--brown-light));
  left: 0;
  top: 0;
}
.quiz__illustration::after {
  width: 245px;
  height: 245px;
  border-color: rgb(var(--light-blue));
  right: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .quiz__illustration {
    display: none;
  }
}

[data-quiz-step="1"] .quiz__illustration {
  transform: rotate(90deg);
}

[data-quiz-step="2"] .quiz__illustration {
  transform: rotate(130deg);
}

[data-quiz-step="3"] .quiz__illustration {
  transform: rotate(160deg);
}

.quiz__main-content {
  display: none;
}

.quiz__grid {
  display: grid;
  column-gap: 50px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto 1fr;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .quiz__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: unset;
    align-items: unset;
  }
}

.quiz__img {
  grid-column: 2/3;
  grid-row: 1/3;
  display: block;
  order: 2;
}
.quiz__img img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 500px;
  border-radius: 20px;
}
@media (max-width: 1199px) {
  .quiz__img {
    grid-column: unset;
    grid-row: unset;
  }
  .quiz__img img {
    border-radius: 10px;
  }
}

.quiz__step-ui {
  display: grid;
  gap: 16px;
  max-width: 280px;
  order: 3;
  margin-top: 16px;
}

.quiz__step-radio {
  background: rgba(var(--color-light), 1);
  border-radius: 10px;
  padding: 10px 12px;
  margin: 0;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.quiz__step-radio:hover .quiz__step-radio-bg {
  width: 100%;
}
.quiz__step-radio:hover .quiz__step-radio-text {
  color: #FFFFFF;
}
.quiz__step-radio:hover .quiz__step-radio-number {
  color: rgba(var(--color-primary), 1);
  background: #FFFFFF;
}
.quiz__step-radio .quiz__step-radio-bg {
  content: "";
  width: 0;
  height: 100%;
  background: rgba(var(--color-primary), 1);
  transition: all 0.2s ease-in;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
.quiz__step-radio input {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}
.quiz__step-radio input:checked ~ .quiz__step-radio-bg {
  width: 100%;
}
.quiz__step-radio input:checked ~ .quiz__step-radio-text {
  color: #FFFFFF;
}
.quiz__step-radio input:checked ~ .quiz__step-radio-number {
  color: rgba(var(--color-primary), 1);
  background: #FFFFFF;
}

.quiz__step-radio-text {
  position: relative;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #6B6E74;
  transition: all 0.2s ease-in;
}

.quiz__step-radio-number {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  width: 28px;
  color: rgba(var(--color-primary), 1);
  background: rgba(var(--brown-light), 1);
  border-radius: 4px;
  overflow: hidden;
  margin-right: 12px;
  position: relative;
  transition: all 0.2s ease-in;
}

.quiz__content h2 {
  font-weight: 700;
  margin: 0 0 20px;
}

.quiz__form {
  justify-content: center;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  display: none;
  padding: 150px 0;
}

.quiz__form-grid {
  display: grid;
  grid-template-columns: minmax(0, 720px);
  justify-content: center;
}

.quiz__form-title {
  text-align: center;
  margin-bottom: 20px;
}

.quiz__form-desc {
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  color: rgb(var(--brown-light));
  margin-bottom: 60px;
}

.quiz__form-wrapper {
  background: #FFFFFF;
  box-shadow: -5px 5px 24px rgba(44, 48, 57, 0.09);
  border-radius: 20px;
  padding: 60px 40px;
}
@media (max-width: 1199px) {
  .quiz__form-wrapper {
    padding: 32px 16px;
  }
}

.quiz__step-ui {
  grid-column: 1/2;
}

.quiz__step-ui-buttons {
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199px) {
  .quiz__step-ui-buttons {
    justify-content: space-around;
    margin-top: 16px;
  }
}

.quiz__pagination {
  display: flex;
  padding-top: 110px;
  padding-bottom: 36px;
  position: relative;
  max-width: 390px;
}

.quiz__pagination-item {
  display: flex;
  background: rgb(var(--color-light));
  border-radius: 1000px;
  height: 4px;
  flex: 1;
  transition: all 0.2s ease-in;
}

.quiz__pagination-separator {
  margin-left: 2px;
  margin-right: 2px;
  width: 1px;
  height: 4px;
  background: rgb(var(--brown-light));
}

.quiz__pagination-item.active {
  background: rgba(var(--color-primary), 1);
}

.quiz__pagination-item.before {
  background: rgba(var(--vector-color), 1);
}

.quiz__share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  .quiz__share {
    display: block;
  }
}

.quiz__share-title {
  font-weight: 700;
  line-height: 32px;
  margin-right: 20px;
}
@media (max-width: 1199px) {
  .quiz__share-title {
    margin-bottom: 30px;
  }
}

.quiz__share a {
  display: block;
  margin-right: 20px;
}

.quiz__share-links {
  display: flex;
  align-items: center;
}

@media (max-width: 1199px) {
  .intro-translucent__text-dark.solutions-quiz__desc {
    margin-top: 0;
  }
  .solutions-quiz__wrapper {
    flex-direction: column-reverse;
    gap: 50px;
    justify-content: center;
    align-items: center;
  }
  .solutions-quiz__img {
    max-width: 100%;
  }
  .solutions-quiz .intro-translucent__text {
    max-width: 100%;
  }
  .solutions-quiz__main-title {
    margin-bottom: 3rem;
  }
  .solutions-quiz__main-title br {
    display: none;
  }
  .solutions-quiz__bottom {
    max-width: 100%;
  }
}
#search-modal-trigger {
  background: transparent;
  transition: all var(--duration) ease;
  color: inherit;
}
#search-modal-trigger:hover {
  color: rgb(var(--color-primary));
}

.menu-blog-navigation {
  margin-bottom: 0;
  gap: 1rem;
  overflow: auto;
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.menu-blog-navigation li {
  padding: 0;
}
.menu-blog-navigation li a {
  color: inherit;
  background-color: inherit;
}
.menu-blog-navigation::-webkit-scrollbar {
  display: none;
}

.blog-navigation__wrapper {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin: 20px 0 0;
  padding: 30px 0 0;
  border-top: 2.5px solid rgb(var(--color-light));
}

.menu-item-subscribe {
  margin-left: auto;
  margin-right: 1rem;
  color: rgb(var(--color-primary));
  transition: all var(--duration) ease;
  font-size: 1rem;
  font-weight: 700;
}
.menu-item-subscribe:hover {
  color: inherit;
}

.article-card__small .article-card__item-wrapper {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 1rem;
}
@media (max-width: 767px) {
  .article-card__small .article-card__item-wrapper {
    grid-template-columns: 1fr;
  }
}
.article-card__small .article-card__item-image {
  margin-bottom: 0;
}

.article-card__item-image img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.article-card__item-image:after {
  content: "";
  display: block;
  padding-bottom: 75%;
}

.article-card__item-image-link img {
  width: auto;
  object-fit: unset;
}

.article-card__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
}

.article-card__item .article-card__item-view-post {
  color: white;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
}
.article-card__item-image {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .article-card__item-image {
    min-height: 251px;
    aspect-ratio: unset;
  }
}
.article-card__item-image > img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
}
.article-card__item-image-link {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  transition: all var(--duration) ease-in;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.article-card__item-image-link * {
  opacity: 0;
  transition: all var(--duration) ease-in;
}
.article-card__item-image-link:hover {
  background-color: rgba(40, 40, 40, 0.25);
}
.article-card__item-image-link:hover * {
  opacity: 1;
}

.article-card__item-title {
  color: inherit;
  display: block;
  margin: 0 0 16px;
  overflow-wrap: break-word;
}
.article-card__item-title a {
  color: inherit;
  transition: all var(--duration) ease;
  font-weight: 700;
}

.article-card__item-post-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.article-card__item-post-meta-author {
  color: inherit;
  font-weight: 700;
  line-height: 1;
}
.article-card__item-post-meta-date {
  color: rgb(var(--color-text-light));
  font-weight: 700;
  line-height: 1;
}

.article-card__view-more {
  background: rgba(var(--color-more-bg), 0.2);
  border-radius: 15px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}
.article-card__view-more .link-with-arrow {
  color: rgb(var(--color-more-bg));
}

.articles__title {
  color: rgb(var(--color-title-tertiary));
  margin-bottom: 1rem;
}
.articles__title.single-articles-grid__title {
  color: inherit;
  margin-bottom: 2rem;
}

@media (max-width: 1199px) {
  .article-card__wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media (max-width: 1023px) {
  .article-card__item {
    width: 100%;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .article-card__wrapper {
    grid-template-columns: 1fr;
  }
}
.featured-posts__slider-wrapper:not(.swiper-initialized) .featured-posts__slider .article-card__item {
  max-width: 33.33%;
  padding: 0 20px;
}

.trending-video__wrapper {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-gap: 45px;
}
@media (max-width: 1023px) {
  .trending-video__wrapper {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}

.trending-video__title,
.trending-video__title-big {
  color: rgb(var(--color-title-tertiary));
}

.trending-video__title {
  display: none;
}
@media (max-width: 1023px) {
  .trending-video__title {
    display: block;
  }
}

.trending-video__title-big {
  display: block;
  margin-bottom: 1rem;
}
@media (max-width: 1023px) {
  .trending-video__title-big {
    display: none;
  }
}

.trending-video__image-link {
  border-radius: 30px;
}
.trending-video__image-link img {
  border-radius: inherit;
}

.form-with-article__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 45px;
}

.form-with-article__form {
  background: rgb(var(--color-light));
  border-radius: 30px;
  padding: 40px;
}
.form-with-article__form .form-confirm {
  text-align: left;
  margin-top: 2rem;
}

.form-with-article__form,
.form-with-article__block {
  flex: 0 0 calc(50% - 22.5px);
  max-width: calc(50% - 22.5px);
}

.form-with-article__form-title {
  line-height: 60px;
  margin-bottom: 1rem;
}

.form-with-article__form-subtitle {
  line-height: 32px;
  margin-bottom: 1rem;
}

@media (max-width: 1199px) {
  .form-with-article__form {
    padding: 20px;
  }
}
@media (max-width: 1023px) {
  .form-with-article__form,
  .form-with-article__block {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .form-with-article__wrapper {
    gap: 25px;
  }
  .form-with-article__form-wrapper {
    max-width: 50%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .form-with-article__form-wrapper {
    max-width: 100%;
    margin: 0;
  }
}
.lp-intro-center {
  text-align: center;
}
.lp-intro-center .lp-intro__wrapper, .lp-intro-center .lp-intro__text {
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .lp-intro-center .lp-intro__text {
    flex-direction: column;
  }
}

.lp-intro__title {
  margin-bottom: 1.875rem; /* 30/16 */
}

.lp-intro__desc {
  line-height: 1.2;
}

.lp-intro__wrapper {
  display: flex;
  gap: 3.125rem;
}

.lp-intro__form {
  max-width: 33.125rem; /* 500/16 */
  flex: none;
  width: 100%;
  margin-top: 3.125rem; /* 50/16 */
}

.lp-intro__img {
  max-width: 41.25rem; /* 660/16 */
}

.lp-intro__text {
  display: flex;
  flex-direction: column;
  gap: 3.125rem; /* 50/16 */
}

.lp-intro-2 .lp-intro__title {
  max-width: 40.625rem; /* 650/16 */
}
@media (max-width: 1199px) {
  .lp-intro-2 .lp-intro__title {
    max-width: 25.625rem; /* 410/16 */
  }
  .lp-intro-2 .lp-intro__title br {
    display: none;
  }
}
.lp-intro-2 .lp-intro__form {
  margin-top: -9.375rem; /* -150/16 */
}
@media (max-width: 1023px) {
  .lp-intro-2 .lp-intro__form {
    margin-top: 30px;
  }
}
.lp-intro-2 .feedback__form {
  padding: 3.125rem; /* 50/16 */
}
@media (max-width: 767px) {
  .lp-intro-2 .feedback__form {
    padding: 0;
  }
}

@media (max-width: 1199px) {
  .lp-intro__text {
    max-width: 25.625rem; /* 410/16 */
  }
}
@media (max-width: 1023px) {
  .lp-intro__wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .lp-intro__text {
    max-width: 100%;
    flex-direction: column-reverse;
    gap: 1.875rem;
  }
  .lp-intro__form {
    margin: 0 auto;
  }
}
.only-el-title {
  text-align: center;
  font-weight: 700;
  justify-content: center;
}
.only-el-title.link-with-arrow .link-with-arrow__icon svg {
  width: 10px;
  height: 15px;
}

.case-studies__filters {
  display: flex;
  gap: 75px;
}
@media (max-width: 1199px) {
  .case-studies__filters {
    flex-direction: column;
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .case-studies__filters {
    gap: 30px;
  }
}

.case-studies__filter-list li {
  font-weight: 700;
}

.case-studies__filter-title {
  margin-bottom: 25px;
  font-size: 24px;
}

.case-studies-home__title {
  margin-bottom: 1em;
}
@media (max-width: 1023px) {
  .case-studies-home__title br {
    display: none;
  }
}

.case-studies__cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 75px 25px;
  position: relative;
  min-height: 430px;
}
.case-studies__cards-wrapper li {
  max-width: calc(33.33% - 25px);
  flex: 0 0 calc(33.33% - 25px);
}
@media (max-width: 1199px) {
  .case-studies__cards-wrapper li {
    max-width: 100%;
    flex: 0 0 100%;
    width: 100%;
  }
}

.case-studies__header {
  margin-bottom: 100px;
}
@media (max-width: 1199px) {
  .case-studies__header {
    margin-bottom: 50px;
  }
}

.case-studies-card {
  position: relative;
  color: inherit;
}
.case-studies-card:hover {
  transform: scale(1.05);
}
.case-studies-card:hover .case-studies-card__logo {
  transform: translateY(0);
}
.case-studies-card:hover .case-studies-card__content {
  transform: translateY(0);
}

.case-studies-card__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.case-studies-card__wrapper {
  border-radius: 25px;
  display: flex;
  max-height: 350px;
  overflow: hidden;
  position: relative;
}

.case-studies-card__wrapper::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.case-studies-card__text {
  font-weight: 700;
  text-decoration: underline;
}

.case-studies-card__desc {
  line-height: 1.8;
  color: rgb(var(--multicolor-text));
}

.case-studies-card__title {
  font-size: 24px;
  margin-top: 10px;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .case-studies-card__title {
    font-size: 21px;
    line-height: 1.2;
  }
}

.case-studies-card__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px 40px 50px;
  transform: translateY(100%);
}

.case-studies-card__logo {
  transform: translateY(calc(-100% - 90px));
}

.event-card__item-img img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: calc(100% - 32px);
  max-height: calc(100% - 32px);
}

.event-card__item-img {
  border: 1px solid #f3f4f6;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.event-card__item-img::before {
  content: "";
  display: block;
  padding-bottom: 40%;
}

.events-intro__header {
  text-align: center;
}

.events-intro__subtitle {
  font-weight: 700;
  margin-bottom: 25px;
}

.events-intro__block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
  margin-top: 195px;
}
@media (max-width: 1199px) {
  .events-intro__block {
    gap: 20px;
    margin-top: 100px;
  }
}
@media (max-width: 767px) {
  .events-intro__block {
    margin-top: 60px;
  }
}

.event-big-card__item {
  position: relative;
  background: #fff;
  border-radius: 30px;
  padding: 18px;
  transition: all var(--duration) ease-in-out;
  flex: 0 0 calc(33.33% - 34px);
}
@media (max-width: 1199px) {
  .event-big-card__item {
    flex: 0 0 calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .event-big-card__item {
    flex: 0 0 100%;
  }
}
.event-big-card__item:hover {
  transform: scale(1.05);
}

.event-big-card__item-title {
  margin-bottom: 40px;
}

.event-big-card__item-content {
  margin-top: 20px;
}

.event-long-card__item {
  display: grid;
  grid-template-columns: minmax(0, 350px) minmax(0, 1fr);
  background: rgba(0, 0, 0, 0.0001);
  box-shadow: -5px 5px 40px rgba(44, 48, 57, 0.12);
  width: 100%;
  border-radius: 30px;
  padding: 20px;
  margin-bottom: 30px;
  gap: 20px;
  transition: all var(--duration) ease-in-out;
  position: relative;
}
@media (max-width: 767px) {
  .event-long-card__item {
    grid-template-columns: 1fr;
  }
}
.event-long-card__item:hover {
  scale: 1.05;
}
.event-long-card__item .event-card__item-date {
  grid-column: 2/3;
  grid-row: 1/4;
  text-align: right;
}
@media (max-width: 1199px) {
  .event-long-card__item .event-card__item-date {
    grid-column: unset;
    grid-row: unset;
    text-align: left;
  }
}

.event-long-card__item-content {
  display: grid;
  align-items: flex-start;
  grid-template-rows: 1fr 2.5fr 1fr;
  column-gap: 20px;
}
@media (max-width: 1199px) {
  .event-long-card__item-content {
    grid-template-rows: 1fr 1.5fr 1fr;
  }
}

.events-list__date-title {
  margin-bottom: 40px;
}

.events-list__empty {
  font-weight: 700;
}

.events-list-placeholder {
  display: none;
}

.events-list__filter-list li {
  background: rgba(var(--bg-color), 1);
  color: rgba(var(--color), 1);
  cursor: pointer;
}

.brand-assets__logo-item-wrapper {
  position: relative;
  padding: 40px 25px;
  background: #fff;
  border: 1px solid gray;
  transition: all var(--duration) ease-in-out;
}

.brand-assets__primary-wrapper {
  display: grid;
  gap: 2rem;
}

.brand-assets__logo-item-wrapper.brand-assets__logo-orange {
  background: rgb(var(--color-primary));
  border: none;
}

.brand-assets__primary-block {
  display: grid;
  grid-template-columns: 33% 33%;
  gap: 30px;
}
.brand-assets__primary-block .brand-assets__logo-item-img {
  max-width: 300px;
}

.brand-assets__primary-desc {
  padding-bottom: 1.5rem;
}

.brand-assets__block-title {
  padding-bottom: 2.5rem;
}

.brand-assets__logo-item-name {
  margin-top: 10px;
}

.brand-assets__logo-item-wrapper:hover {
  transform: scale(1.05);
}

.brand-assets__colors-wrapper,
.brand-assets__secondary-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.brand-assets__secondary .brand-assets__logo-item-img {
  max-width: 125px;
}

.brand-assets__block:not(:last-child) {
  margin-bottom: 3.5rem;
}

.brand-assets__logo-item-img {
  margin: 0 auto;
}

.brand-assets__colors-item::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--color-brand);
  position: absolute;
  left: 0;
  top: 0;
}

.brand-assets__colors-item {
  position: relative;
  max-width: 150px;
  width: 100%;
  margin: 0 auto;
}

.brand-assets__colors-item::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.brand-assets__colors-block {
  text-align: center;
}

@media (max-width: 1023px) {
  .brand-assets__secondary-block {
    grid-template-columns: repeat(2, 1fr);
  }
  .brand-assets__colors-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  .brand-assets__primary-block {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .brand-assets__colors-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .brand-assets__primary-block,
  .brand-assets__secondary-block {
    grid-template-columns: 1fr;
  }
}
.author-single-intro__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 390px) minmax(0, 1fr);
  grid-column-gap: 50px;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 390px;
  margin-bottom: 8rem;
}

.author-single-img {
  border-radius: 15px;
  grid-row: 1/4;
}
.author-single-img img {
  border-radius: inherit;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.author-single-intro__name {
  margin-bottom: 0.5rem;
  color: rgb(var(--color-primary));
}

.author-single-intro__position {
  margin-bottom: 2rem;
  font-weight: 700;
}

.author-single-intro__bio {
  margin-bottom: 2rem;
  font-size: 22px;
  line-height: 33px;
}
.author-single-intro__bio a {
  text-decoration: underline;
  text-decoration-color: rgb(var(--color-primary));
  text-underline-position: under;
}

.author-single-intro__social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.author-single-intro__social-item svg {
  width: 40px;
  height: 40px;
}

.author-single-articles__title {
  margin-bottom: 4rem;
}

@media (max-width: 1023px) {
  .author-single-intro__wrapper {
    grid-template-columns: minmax(0, 88px) minmax(0, 1fr);
    grid-column-gap: 15px;
    min-height: initial;
  }
  .author-single-intro__position {
    margin-bottom: 0;
  }
  .author-single-intro__bio {
    margin-top: 30px;
  }
  .author-single-img {
    grid-row: 1/2;
  }
  .author-single-intro__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .author-single-intro__social,
  .author-single-intro__bio {
    grid-column: -1/1;
  }
  .author-single-articles__title {
    margin-bottom: 2rem;
  }
}
.post-content__wrapper {
  line-height: 34px;
  padding-top: 3.125rem; /* 50/16 */
}
.post-content__wrapper ul, .post-content__wrapper ol {
  padding-left: 40px;
}
.post-content__wrapper p > a:not(.button):not(.pk-button) {
  color: #0429e0;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-color: rgb(var(--color-primary));
}
.post-content__wrapper h2, .post-content__wrapper h3 {
  margin-bottom: 20px;
}

.post-content__title {
  margin-bottom: 1.5rem; /* 24/16 */
  line-height: 1.2;
}

.post-content__info {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.post-content__info .multicolor-tags {
  padding: 0;
  margin: 0;
}
@media (max-width: 1023px) {
  .post-content__info {
    gap: 1rem;
  }
}

.post-content__date {
  flex: none;
  font-weight: 700;
  color: rgba(var(--color-text-light), 1);
}
@media (max-width: 1023px) {
  .post-content__date {
    font-size: 0.75rem; /* 12/16 */
  }
}

.post-author__wrapper {
  margin-top: 20px;
}

.single-side-column .blog-single__wrapper {
  display: grid;
  grid-template-columns: auto 390px;
  gap: 40px;
  max-width: 100%;
}
@media (max-width: 1199px) {
  .single-side-column .blog-single__wrapper {
    grid-template-columns: auto 300px;
  }
}
@media (max-width: 1023px) {
  .single-side-column .blog-single__wrapper {
    grid-template-columns: 1fr;
  }
}
.single-side-column .blog-single__share {
  margin: 0;
}

.blog-single__wrapper {
  display: block;
  max-width: calc(100% - 400px);
  margin: 0 auto;
}

.blog-single__share {
  margin-top: 3.75rem; /* 60/16 */
}
.blog-single__share .blog-single__share-list {
  display: flex;
  column-gap: 1.5625rem; /* 25/16 */
  row-gap: 1rem;
  flex-wrap: wrap;
}
.blog-single__share .blog-single__share-list a {
  transition: all var(--duration) linear;
}
.blog-single__share .blog-single__share-list a:hover {
  opacity: 0.75;
}
.blog-single__share .blog-single__share-list a svg {
  width: 40px;
  height: 40px;
}

.post-author {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 50px;
}
@media (max-width: 1023px) {
  .post-author {
    margin-bottom: 10px;
  }
}

.post-author__img {
  min-width: 90px;
  height: 105px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.post-author__img a {
  display: block;
  width: 100%;
  height: 100%;
}
.post-author__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
}

.post-auth__name {
  margin-bottom: 10px;
  color: rgba(var(--color-primary), 1);
  font-weight: 700;
}
.post-auth__name a {
  color: inherit;
}

.post-author__desc {
  font-weight: 700;
}

.post-aside-articles {
  display: grid;
  gap: 20px;
}

.post-aside__article .article-card__item-wrapper {
  grid-template-columns: 120px 1fr;
  height: 100%;
}
.post-aside__article .article-card__item-image {
  aspect-ratio: unset;
}
.post-aside__title {
  margin-bottom: 1.875rem; /* 30/16 */
}

.post-aside__nav {
  margin-top: 40px;
  position: sticky;
  padding: 0 10px;
  max-height: calc(100vh - 10rem);
  overflow: auto;
  top: calc((100vh - (100vh - 10rem)) / 2);
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.post-aside__nav .active > a {
  color: rgb(var(--color-primary));
}
.post-aside__nav a {
  color: inherit;
  display: block;
  line-height: 1.5;
}
.post-aside__nav a:hover {
  color: rgb(var(--color-primary));
}
.post-aside__nav > li.active > a {
  background: #F3F4F6;
  border-radius: 20px;
}
.post-aside__nav > li > a {
  font-weight: 700;
  padding: 10px;
}
.post-aside__nav:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0 5px 5px 0;
  width: 4px;
  height: 100%;
  background: rgb(var(--color-border));
  display: block;
}
.post-aside__nav::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  border-radius: 5px;
  overflow: hidden;
}
.post-aside__nav::-webkit-scrollbar-track {
  background-color: #F5F5F5;
  border-radius: 5px;
  overflow: hidden;
}
.post-aside__nav::-webkit-scrollbar-thumb {
  background-color: #c7c7c7;
  border-radius: 5px;
  overflow: hidden;
}
.post-aside__nav::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.post-aside__nav ol {
  display: grid;
  gap: 10px;
  padding-left: 30px;
  list-style: none;
}
.post-aside__nav ol a {
  color: rgb(115, 122, 128);
}
.post-aside__nav ol a span {
  color: inherit;
}

.post-aside__nav:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(var(--nav-position) * 1px);
  height: calc(var(--nav-height) * 1px);
  z-index: 2;
  border-radius: 0 5px 5px 0;
  background: rgb(var(--color-primary));
  width: 4px;
}

.post-aside-articles .article-card__item-image {
  max-height: 120px;
}

.post-aside-custom-links {
  margin-top: 3rem;
}

.post-aside-custom-links-title {
  font-size: 1.5rem;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.post-aside-custom-links ul li:not(:first-child) {
  margin-top: 0.5rem;
}
.post-aside-custom-links ul li a {
  font-size: 1.25rem;
  color: #0429e0;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-color: rgb(var(--color-primary));
}
.post-aside-custom-links ul li a:hover {
  color: #0429e0;
  text-decoration: underline;
  text-decoration-color: rgb(var(--color-primary));
}

.post-archive__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
@media (max-width: 1199px) {
  .post-archive__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1023px) {
  .post-archive__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .post-archive__grid {
    grid-template-columns: 1fr;
  }
}

.archive.author .post-archive__grid {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  .archive.author .post-archive__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .archive.author .post-archive__grid {
    grid-template-columns: 1fr;
  }
}

.post-archive__header {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 4rem;
}
@media (max-width: 1023px) {
  .post-archive__header {
    grid-gap: 40px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.post-archive__header {
  display: grid;
}

.post-archive__filters-title {
  margin-bottom: 1.5rem;
}

.post-archive__filters-list-title {
  margin-bottom: 1rem;
}

.post-archive__filters-list .filters-grid a {
  border-radius: 20px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.search.search-results .post-archive__header,
.archive.tag .post-archive__header {
  display: block;
}
.search.search-results .post-archive__header-subtitle,
.archive.tag .post-archive__header-subtitle {
  margin-bottom: 1rem;
}

.post-archive-no-content .post-archive-no-content {
  margin: 6rem 0 3rem;
}
@media (max-width: 1199px) {
  .post-archive-no-content .post-archive-no-content {
    margin: 3rem;
  }
}
.post-archive-no-content .post-archive-no-content-title {
  margin-bottom: 6rem;
}
@media (max-width: 1199px) {
  .post-archive-no-content .post-archive-no-content-title {
    margin: 3rem;
  }
}
.post-archive-no-content .screen-reader-text {
  overflow: unset;
  position: unset;
  width: auto;
  height: auto;
  display: inline-block;
  clip-path: unset;
  margin: 0 0 0.5rem;
}
.post-archive-no-content .search-form-wrap-title {
  margin-bottom: 0.5rem;
  color: #000;
  font-weight: 600;
}

.time-banter__header {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 4rem;
}
@media (max-width: 1023px) {
  .time-banter__header {
    grid-gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-bottom: 2rem;
  }
}

.time-banter-card__wrapper {
  position: relative;
  height: 100%;
}

.time-banter-card {
  border-radius: 30px;
  overflow: hidden;
}

.time-banter-card__bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.time-banter-card__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.time-banter-card__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  padding: 40px;
}

.time-banter__wrapper {
  grid-gap: 60px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}
@media (max-width: 1023px) {
  .time-banter__wrapper {
    grid-gap: 40px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.time-banter-card__img {
  max-width: 200px;
  max-height: 200px;
  margin: 0 auto;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.time-banter-card__img img {
  border-radius: inherit;
}

.time-banter-card__footer {
  display: flex;
  padding-top: 3rem;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: auto;
}
@media (max-width: 767px) {
  .time-banter-card__footer {
    flex-direction: column;
    padding-top: 2rem;
  }
}

.time-banter-card__logo {
  zoom: 0.5;
}

.time-banter-card__desc {
  margin-top: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 1023px) {
  .time-banter__container {
    max-width: 680px;
    margin: 0 auto;
  }
}
.press__title {
  padding-bottom: 30px;
}

.press__subtitle {
  padding-bottom: 20px;
  font-weight: 600;
}

.press__block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding-bottom: 30px;
}
@media (max-width: 1199px) {
  .press__block {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .press__block {
    grid-template-columns: repeat(1, 1fr);
  }
}

.press-card {
  position: relative;
  padding: 30px;
  border-radius: 25px;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  min-height: 350px;
}
.press-card:hover {
  scale: 1.05;
}

.press-card__desc {
  line-height: 36px;
  margin: 20px 0;
}

.press-card__logo {
  max-width: 150px;
  max-height: 40px;
}

.press-card__link {
  border-bottom: 2px solid rgb(var(--color-primary));
  padding-bottom: 2px;
  color: rgb(var(--color-primary));
  font-weight: 600;
  line-height: 1.75rem;
}

.entry-header {
  padding: 10rem 0;
  position: relative;
  z-index: 1;
}
.entry-header.entry-header-large {
  padding: 19.5rem 0 15rem;
}
@media (max-width: 520px) {
  .entry-header.entry-header-large {
    padding: 15rem 0 5rem;
  }
}

.entry-header__wrapper {
  text-align: center;
}

.entry-header__title {
  font-weight: 400;
}

.entry-header__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.entry-header__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.entry-header__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.entry-header__img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 520px) {
  .entry-header__img {
    width: 100%;
  }
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  margin-top: 0.5em;
  font-weight: 500;
}
.entry-content h1 {
  margin-top: 70px;
  margin-bottom: 1.5rem;
}
.entry-content h4 {
  font-weight: 400;
  margin-bottom: 18px;
}
.entry-content h3 {
  font-weight: 400;
  margin-bottom: 10px;
}
.entry-content h1, .entry-content h2 {
  color: rgba(var(--color-primary), 1);
}
.entry-content a {
  color: #337ab7;
  transition: all var(--duration) ease;
}
.entry-content a:hover {
  color: #23527c;
}
.entry-content p {
  margin-bottom: 18px;
  line-height: 1.75rem;
}
.entry-content ul, .entry-content ol {
  padding-left: 40px;
}
.entry-content .bold {
  font-weight: 600;
}
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 50px auto;
}
.entry-content tr:nth-of-type(odd) {
  background: #eee;
}
.entry-content th {
  background: #2688fe;
  color: #fff;
  font-weight: 700;
}
.entry-content td, .entry-content th {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
  font-size: 18px;
}
.entry-content tbody {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
.entry-content .legal-break {
  border-top: 2px solid rgb(var(--color-border));
}
.entry-content > *:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .entry-content table {
    width: 100%;
  }
  .entry-content .data-column-header {
    font-size: 14px;
  }
  .entry-content table, .entry-content tbody, .entry-content td, .entry-content th, .entry-content thead, .entry-content tr {
    display: block;
  }
  .entry-content thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .entry-content tr {
    border: 1px solid #ccc;
  }
  .entry-content td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
  }
  .entry-content td:before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    content: attr(data-column);
    color: #000;
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .entry-content ul, .entry-content ol {
    padding-left: 20px;
  }
  .entry-content td {
    padding: 5px 10px;
  }
  .entry-content td::before {
    position: unset;
    top: 0;
    left: 0;
    width: 100%;
  }
}

.entry-wrapper {
  padding-top: 8rem; /* 128/16 */
}
@media (max-width: 1023px) {
  .entry-wrapper {
    padding-top: 4rem; /* 64/16 */
  }
}

.sidebar-enabled .entry-wrapper {
  display: grid;
  grid-template-columns: 46.25rem 26.25rem; /* 740/16  420/16 */
  justify-content: space-between;
  gap: 3.125rem; /* 50/16 */
}
.sidebar-enabled .entry-wrapper .entry-content {
  padding: 0;
}
.sidebar-enabled .entry-wrapper .entry-content .container {
  padding: 0;
}
@media (max-width: 1199px) {
  .sidebar-enabled .entry-wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .sidebar-enabled .entry-wrapper {
    gap: 1.875rem; /* 30/16 */
  }
}

#form-submit-message {
  font-weight: 600;
}

.studies-single-intro__wrapper {
  display: grid;
  grid-template-columns: auto 250px;
  gap: 100px;
}
@media (max-width: 767px) {
  .studies-single-intro__wrapper {
    grid-template-columns: auto;
    gap: 30px;
  }
}

.studies-single-intro__list {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
}
.studies-single-intro__list p {
  margin: 0;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .studies-single-intro__list {
    flex-direction: column;
    align-items: flex-start;
  }
}
.studies-single-intro__list li {
  display: grid;
  grid-template-columns: 60px auto;
  align-items: center;
  gap: 15px;
}

.studies-single-intro__main {
  max-width: 710px;
  width: 100%;
}

.studies-single-body__wrapper {
  display: grid;
  grid-template-columns: 45px auto;
  gap: 100px;
  align-items: flex-start;
  padding-left: 3.125rem;
}
@media (max-width: 1023px) {
  .studies-single-body__wrapper {
    grid-template-columns: auto;
    padding-left: 0;
    gap: 30px;
  }
}

.studies-single-body__socials {
  display: grid;
  gap: 15px;
}
@media (max-width: 1023px) {
  .studies-single-body__socials {
    display: flex;
  }
}

.studies-single-body__content {
  max-width: 710px;
}
.studies-single-body__content p {
  line-height: 1.75rem;
}
.studies-single-body__content h2, .studies-single-body__content h3 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .studies-single-body__content h2, .studies-single-body__content h3 {
    margin-bottom: 15px;
  }
}
.studies-single-body__content p + h2, .studies-single-body__content p + h3 {
  margin-top: 75px;
}
@media (max-width: 767px) {
  .studies-single-body__content p + h2, .studies-single-body__content p + h3 {
    margin-top: 40px;
  }
}
.studies-single-body__content a {
  color: rgb(var(--color-primary));
  text-decoration: underline;
  font-weight: 700;
}

.studies-feedback .container {
  max-width: 550px;
}

.studies-feedback__desc {
  margin-bottom: 40px;
}

.studies-feedback__title {
  margin-bottom: 30px;
}

.studies-grid__wrapper {
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1199px) {
  .studies-grid__wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .studies-grid__wrapper {
    grid-template-columns: 1fr;
  }
}

.studies-grid__title {
  margin-bottom: 60px;
}

.individual-review-with-image__wrapper {
  display: flex;
  gap: 120px;
  align-items: center;
}
.individual-review-with-image__wrapper .individual-review-with-image__img {
  flex: 0 0 calc(35% - 60px);
  max-width: calc(35% - 60px);
}
.individual-review-with-image__wrapper .individual-review__wrapper {
  flex: 0 0 calc(65% - 60px);
  max-width: calc(65% - 60px);
}
.individual-review-with-image__wrapper .individual-review__author {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .individual-review-with-image__wrapper {
    gap: 40px;
    flex-direction: column;
  }
  .individual-review-with-image__wrapper .individual-review-with-image__img,
  .individual-review-with-image__wrapper .individual-review__wrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.newsletter-subscribe__wrapper {
  gap: 2rem;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1023px) {
  .newsletter-subscribe__wrapper {
    grid-template-columns: 1fr;
  }
}

.newsletter-subscribe__form-info {
  margin: 2rem 0;
}

.careers-hero {
  padding: 11.875rem 0 5.3125rem;
}
@media (max-width: 767px) {
  .careers-hero {
    padding-top: 11.125rem !important;
  }
  .careers-hero .index-intro__box {
    gap: 4.375rem;
  }
}
.careers-hero .index-intro__title {
  font-size: 3.125rem;
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .careers-hero .index-intro__title {
    font-size: 2.375rem;
  }
}
.careers-hero .index-intro__text {
  max-width: 610px;
}
.careers-hero .index-intro__desc {
  line-height: 1.6;
}
@media (max-width: 767px) {
  .careers-hero .index-intro__desc {
    font-size: 1.25rem;
  }
}
.careers-hero .index-intro__animation {
  transform: none;
  min-height: initial;
  width: initial;
}

.careers-hero-video__card {
  position: relative;
}
.careers-hero-video__card .wistia_embed {
  position: relative;
}
.careers-hero-video__card .careers-hero-video__card-img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
}
.careers-hero-video__card .careers-hero-video__card-img img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.careers-hero-video__card .careers-hero-video__card-img ~ .wistia_embed {
  opacity: 0;
  visibility: hidden;
}
.careers-hero-video__card .careers-hero-video__card-img ~ .careers-hero-video__card-button {
  opacity: 1;
  visibility: visible;
}
.careers-hero-video__card .careers-hero-video__card-button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100px;
  height: 100px;
  margin: auto;
  transition: 0.25s;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}
.careers-hero-video__card .careers-hero-video__card-button svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .careers-hero-video__card .careers-hero-video__card-button {
    width: 120px;
    height: 120px;
  }
}
.careers-hero-video__card:hover .careers-hero-video__card-button {
  transform: scale(1.1);
}
.careers-hero-video__card.video-active .wistia_embed {
  opacity: 1 !important;
  visibility: visible !important;
}
.careers-hero-video__card.video-active .careers-hero-video__card-img {
  opacity: 0 !important;
  visibility: hidden !important;
}
.careers-hero-video__card.video-active .careers-hero-video__card-button {
  opacity: 0 !important;
  visibility: hidden !important;
}

@media (max-width: 767px) {
  .logo-slider_career h2 {
    font-size: 1.25rem;
    margin-bottom: 1.125em;
  }
}

.careers-value {
  padding-bottom: 10.625rem;
}
@media (max-width: 767px) {
  .careers-value {
    padding-bottom: 8.125rem;
  }
}
.careers-value h2 {
  text-align: center;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .careers-value h2 {
    font-size: 2rem;
  }
}
.careers-value__note {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.6;
  margin: 0 auto 4.375rem;
  max-width: 830px;
}
@media (max-width: 767px) {
  .careers-value__note {
    font-size: 1.125rem;
    margin-bottom: 1.875rem;
  }
}
.careers-value__list {
  margin: 0 auto;
  max-width: 830px;
}
.careers-value__item {
  margin: 0 0 1.5rem;
  border-radius: 16px;
  background: #fff;
  box-shadow: -5px 5px 24px 0px rgba(44, 48, 57, 0.09);
}
@media (max-width: 767px) {
  .careers-value__item {
    margin-bottom: 1.25rem;
  }
}
.careers-value__item:last-child {
  margin-bottom: 0;
}
.careers-value__head {
  font-size: 1.25rem;
  line-height: 1.6;
  padding: 1rem 1.5rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  user-select: none;
  cursor: pointer;
  transition: all var(--duration) ease;
}
@media (max-width: 767px) {
  .careers-value__head {
    padding: 1rem;
    font-size: 1.125rem;
  }
}
.careers-value__head:hover {
  color: var(--color-menu-icon-yellow-dark);
}
.careers-value__head svg {
  transition: all var(--duration) ease;
  flex: none;
}
.careers-value__item_active .careers-value__head {
  color: var(--color-menu-icon-yellow-dark);
}
.careers-value__item_active .careers-value__head svg {
  transform: rotate(180deg);
}
.careers-value__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  line-height: 1.55;
  color: #6B6E74;
  font-size: 1.125rem;
  padding: 0 1.5rem;
}
@media (max-width: 767px) {
  .careers-value__content {
    font-size: 1rem;
    padding: 0 1rem;
  }
}
.careers-value__item_active .careers-value__content {
  padding-bottom: 1rem;
}

@media (max-width: 767px) {
  .careers-team {
    padding-bottom: 6rem;
  }
}
.careers-team__grid {
  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .careers-team__grid {
    display: block;
  }
}
.careers-team__slider {
  display: flex;
  justify-content: space-between;
  width: 610px;
  flex: none;
}
@media (max-width: 1023px) {
  .careers-team__slider {
    width: auto;
    display: block;
    margin: 0 0 1.25rem;
  }
}
.careers-team__result {
  width: calc(100% - 150px);
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 1023px) {
  .careers-team__result {
    width: 100%;
    border-radius: 15px;
    margin: 0 auto 1.875rem;
    max-width: 375px;
  }
}
.careers-team__person {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}
.careers-team__person-photo {
  height: 100%;
}
.careers-team__person-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.careers-team__person-photo.video-media video {
  display: none;
}
.careers-team__person-info {
  position: absolute;
  z-index: 2;
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.6;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3.5rem 0 2.5rem;
}
@media (max-width: 767px) {
  .careers-team__person-info {
    padding: 2.5rem 0 1.25rem;
    font-size: 1rem;
  }
}
.careers-team__person-info:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 120%;
  border-radius: 625px;
  background: var(--item-color);
  position: absolute;
  aspect-ratio: 1;
}
@media (max-width: 767px) {
  .careers-team__person-info:before {
    border-radius: 466px;
  }
}
.careers-team__person-name {
  font-size: 1.875rem;
  font-weight: bold;
  position: relative;
  line-height: 1.3;
  z-index: 2;
}
@media (max-width: 767px) {
  .careers-team__person-name {
    font-size: 1.25rem;
  }
}
.careers-team__person-who {
  position: relative;
  z-index: 2;
}
.careers-team__thumbs {
  width: 110px;
  height: 820px;
}
@media (max-width: 1023px) {
  .careers-team__thumbs {
    width: 100%;
    height: initial;
  }
}
.careers-team__thumb {
  cursor: pointer;
  border-radius: 20px;
  border: 4px solid transparent;
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1023px) {
  .careers-team__thumb {
    border-width: 2px;
    border-radius: 12px;
  }
}
.careers-team__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .careers-team__thumb img {
    min-height: 130px;
  }
}
.swiper-slide-thumb-active .careers-team__thumb {
  border-color: var(--item-color);
}
.careers-team h2 {
  margin: 0 0 1.5rem;
}
.careers-team h2.hidden-mobile {
  display: none;
  margin-bottom: 1.875rem;
  font-size: 2rem;
}
.careers-team h2.hidden-mobile span {
  display: inline-block;
}
@media (max-width: 767px) {
  .careers-team h2.hidden-desktop {
    display: none;
  }
  .careers-team h2.hidden-mobile {
    display: block;
  }
}
.careers-team__about {
  flex: auto;
}
.careers-team__about-item {
  margin: 0 0 1.5rem;
  color: #6B6E74;
  line-height: 1.55;
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  .careers-team__about-item {
    margin-bottom: 1.25rem;
    font-size: 1rem;
  }
}
.careers-team__about-item strong {
  font-weight: bold;
  display: block;
  margin: 0 0 0.5rem;
  color: #2C3039;
  font-size: 1.25rem;
}
.careers-team__about-item:last-child {
  margin: 0;
}

.careers-exp h2 {
  text-align: center;
  margin-bottom: 4.5rem;
}
@media (max-width: 767px) {
  .careers-exp h2 {
    margin-bottom: 2.5rem;
  }
}
.careers-exp__list {
  display: grid;
  gap: 3.125rem;
  grid-row-gap: 4.25rem;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  .careers-exp__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .careers-exp__list {
    gap: 1.875rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
.careers-exp__item {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}
.careers-exp__item-icon {
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  flex: none;
}
@media (max-width: 767px) {
  .careers-exp__item {
    gap: 1rem;
  }
  .careers-exp__item-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 13px;
  }
  .careers-exp__item-icon svg {
    max-width: 26px;
  }
}
.careers-exp__item-text {
  font-size: 1.25rem;
  line-height: 1.6;
  font-weight: bold;
}
@media (max-width: 767px) {
  .careers-exp__item-text {
    font-size: 1rem;
  }
}

.careers-locate {
  padding: 10.625rem 0;
}
@media (max-width: 767px) {
  .careers-locate {
    padding: 8.125rem 0;
  }
}
.careers-locate h2 {
  text-align: center;
  margin-bottom: 1.25rem;
}
.careers-locate__note {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.6;
  margin: 0 auto 4.375rem;
  max-width: 830px;
}
.careers-locate__grid {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .careers-locate__grid {
    flex-direction: column-reverse;
  }
}
.careers-locate__list {
  max-width: 500px;
  margin: 0;
  height: 780px;
}
@media (max-width: 1023px) {
  .careers-locate__list {
    height: initial;
    max-width: initial;
  }
}
.careers-locate__item {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .careers-locate__item {
    padding: 0;
  }
}
.careers-locate__item:last-child {
  margin: 0;
}
.careers-locate__progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background: #F3F4F6;
  border-radius: 10px;
  transition: all var(--duration) ease;
}
@media (max-width: 1023px) {
  .careers-locate__progress {
    display: none;
  }
}
.swiper-slide-thumb-active .careers-locate__progress {
  background: var(--color-menu-icon-yellow-dark);
}
.careers-locate__label {
  margin: 0 0 1.25rem;
  font-weight: bold;
  font-size: 1.875rem;
  transition: all var(--duration) ease;
}
@media (max-width: 1023px) {
  .careers-locate__label {
    font-size: 1.5rem;
    margin: 0 0 0.5rem;
  }
}
.careers-locate__item:hover .careers-locate__label {
  color: var(--color-menu-icon-yellow-dark);
}
.careers-locate__text {
  color: #6B6E74;
  line-height: 1.75;
}
.careers-locate__frame {
  position: relative;
  padding-right: 66px;
  width: 456px;
  margin: 0 0 auto;
}
.careers-locate__frame .swiper-pagination {
  display: none;
  position: initial;
  gap: 1rem;
  margin: 1.875rem 0 0;
  width: 100%;
}
.careers-locate__frame .swiper-pagination .swiper-pagination-bullet {
  border-radius: 10px;
  height: 4px;
  flex: 1;
  background: #F3F4F6;
  margin: 0;
  transition: all var(--duration) ease;
  padding: 0;
}
.careers-locate__frame .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-menu-icon-yellow-dark);
}
@media (max-width: 1023px) {
  .careers-locate__frame {
    padding-right: 0;
    width: 100%;
    margin: 0 0 1.25rem;
  }
  .careers-locate__frame .swiper-pagination {
    display: flex;
  }
}
.careers-locate__frame-ill {
  position: absolute;
}
.careers-locate__frame-ill_1 {
  top: -60px;
  right: 0;
  z-index: 1;
}
@media (max-width: 1023px) {
  .careers-locate__frame-ill_1 {
    top: -40px;
    left: 50%;
    transform: translateX(40px);
    right: initial;
  }
  .careers-locate__frame-ill_1 img {
    width: 126px;
  }
}
.careers-locate__frame-ill_2 {
  z-index: 1;
  left: -74px;
  bottom: 30px;
}
@media (max-width: 1023px) {
  .careers-locate__frame-ill_2 {
    left: 50%;
    transform: translateX(-170px);
    bottom: 56px;
  }
  .careers-locate__frame-ill_2 img {
    width: 78px;
  }
}
.careers-locate__frame-slider {
  position: relative;
  z-index: 2;
  border-radius: 20px;
  box-shadow: -4.17666px 4.17666px 20.04798px 0px rgba(44, 48, 57, 0.09);
}
@media (max-width: 1023px) {
  .careers-locate__frame-slider {
    box-shadow: none;
    border-radius: 0;
    padding: 0 20px;
    margin: 0 -20px;
  }
}
.careers-locate__frame-block {
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 1023px) {
  .careers-locate__frame-block {
    width: 252px;
    margin: 0 auto;
    box-shadow: -4.17666px 4.17666px 20.04798px 0px rgba(44, 48, 57, 0.09);
  }
}

.careers-current {
  padding: 10.625rem 0;
  background-color: var(--color-menu-icon-yellow);
  background-image: url("../img/careers/careers-current_bg2.png"), url("../img/careers/careers-current_bg.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 98% 100%, 0 0;
}
@media (max-width: 1023px) {
  .careers-current {
    padding: 4.375rem 0;
    background-image: url("../img/careers/careers-current_bg.png");
    background-position: 0 0;
    background-size: 30%;
  }
}
.careers-current .vacancies__filter-head {
  display: flex;
  margin-bottom: 4.375rem;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .careers-current .vacancies__filter-head {
    display: block;
    margin-bottom: 1.875rem;
  }
}
.careers-current .vacancies__filter {
  display: flex;
  gap: 1rem;
}
@media (max-width: 1023px) {
  .careers-current .vacancies__filter {
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 1.875rem;
  }
}
.careers-current .vacancies__filter-label {
  display: none;
}
.careers-current .vacancies-select-wrap span {
  display: block;
  font-size: 0.935rem;
  font-weight: bold;
  margin: 0 0 0.5rem;
}
.careers-current .vacancies-select-wrap .vacancies-select {
  position: relative;
}
.careers-current .vacancies-select-wrap .vacancies-select__value {
  width: 100%;
  box-sizing: border-box;
  border-radius: 50px;
  position: relative;
  background: #fff;
  box-shadow: none;
  min-width: 280px;
  outline: none;
  height: 50px;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  color: #6B6E74;
  user-select: none;
  font-family: var(--font-family);
  font-size: 1rem;
  cursor: pointer;
  appearance: none;
  border: 1px solid transparent;
  border-bottom: 0;
  transition: all var(--duration) ease;
}
.careers-current .vacancies-select-wrap .vacancies-select__value:before {
  content: "";
  background: url("../img/dropdown-arrow.svg") no-repeat;
  position: absolute;
  width: 7px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  transition: all var(--duration) ease;
}
.careers-current .vacancies-select-wrap .vacancies-select__value_active {
  border-color: #C6C8CC;
  border-radius: 20px 20px 0 0;
}
.careers-current .vacancies-select-wrap .vacancies-select__value_active:before {
  transform: translateY(-50%) rotate(180deg);
}
.careers-current .vacancies-select-wrap .vacancies-select__drop {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 3;
  padding: 0 0 0.5rem;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  background: #fff;
  transition: all var(--duration) ease;
  border: 1px solid transparent;
  border-top: 0;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-10px);
}
.careers-current .vacancies-select-wrap .vacancies-select__drop_active {
  border-color: #C6C8CC;
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0px);
}
.careers-current .vacancies-select-wrap .vacancies-select__item input {
  display: none;
}
.careers-current .vacancies-select-wrap .vacancies-select__item input + label {
  padding: 8px 16px;
  display: block;
  user-select: none;
  color: #2C3039;
  transition: all var(--duration) ease;
}
.careers-current .vacancies-select-wrap .vacancies-select__item input + label:hover {
  color: #FFA119;
}
.careers-current .vacancies-select-wrap .vacancies-select__item input:checked + label {
  color: #FFA119;
}
.careers-current .vacancies-box {
  margin-top: 3.125rem;
}
@media (max-width: 767px) {
  .careers-current .vacancies-box {
    margin-top: 1.875rem;
  }
}
.careers-current .vacancies-box__header {
  margin-bottom: 1.25rem;
}
.careers-current .vacancies-box__title {
  font-size: 1.875rem;
  font-weight: bold;
}
.careers-current .vacancies-box__content {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 767px) {
  .careers-current .vacancies-box__content {
    gap: 0.5rem;
  }
}
@media (max-width: 767px) {
  .careers-current .vacancies__item {
    width: 100%;
  }
}
.careers-current .vacancies__item a {
  display: block;
  border-radius: 16px;
  border: 1px solid #C6C8CC;
  background: #fff;
  padding: 1.25rem;
  height: 100%;
  color: #2C3039;
  transition: all var(--duration) ease;
}
@media (max-width: 767px) {
  .careers-current .vacancies__item a {
    padding: 1.25rem 1rem;
    width: 100%;
  }
}
.careers-current .vacancies__item a:hover {
  box-shadow: -5px 5px 24px 0px rgba(44, 48, 57, 0.09);
}
.careers-current .vacancies__item-title {
  font-size: 1.25rem;
  line-height: 1.6;
  font-weight: bold;
  margin: 0 0 0.5rem;
  display: block;
}
@media (max-width: 767px) {
  .careers-current .vacancies__item-title {
    font-size: 1.125rem;
    margin: 0.2rem 0;
  }
}
.careers-current .vacancies__item-desc {
  display: block;
  background: url("../img/careers/map-pin.svg") no-repeat 0 50%;
  padding-left: 28px;
}
.careers-current__tag {
  display: inline-flex;
  height: 22px;
  align-items: center;
  padding: 0 1rem;
  padding-top: 1px;
  font-size: 0.75rem;
  border-radius: 50px;
  color: #fff;
  font-weight: bold;
}

.careers-blog {
  padding: 10.625rem 0;
}
@media (max-width: 767px) {
  .careers-blog {
    padding: 8.125rem 0;
  }
}
.careers-blog h2 {
  text-align: center;
  margin-bottom: 4.375rem;
}
@media (max-width: 767px) {
  .careers-blog h2 {
    margin-bottom: 1.875rem;
  }
}
.careers-blog__main {
  margin: 0 0 2.5rem;
}
@media (max-width: 767px) {
  .careers-blog__main {
    margin: 0 0 1.875rem;
  }
}
.careers-blog__slider {
  border-radius: 20px;
  background: #fff;
  box-shadow: -5px 5px 24px 0px rgba(44, 48, 57, 0.09);
  overflow: hidden;
}
.careers-blog__card {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .careers-blog__card {
    flex-direction: column-reverse;
  }
}
.careers-blog__pic {
  width: 40%;
  border-radius: 0 20px 0 0;
  background: #ffe9c4;
  min-height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .careers-blog__pic {
    width: 100%;
    min-height: 324px;
  }
}
.careers-blog__pic img {
  max-width: 100%;
  max-height: 100%;
}
.careers-blog__about {
  width: 60%;
  display: flex;
  flex-direction: column;
  padding: 3.75rem;
  justify-content: flex-end;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .careers-blog__about {
    padding: 1.25rem 1rem 1.875rem;
  }
}
@media (max-width: 767px) {
  .careers-blog__about {
    width: 100%;
  }
}
.careers-blog__tag {
  margin: 0 0 auto;
}
@media (max-width: 767px) {
  .careers-blog__tag {
    margin-bottom: 1.25rem;
  }
}
.careers-blog__title {
  font-weight: bold;
  margin: 0 0 1.25rem;
  font-size: 1.875rem;
  line-height: 1.33;
  display: block;
  color: #2C3039;
  transition: all var(--duration) ease;
}
@media (max-width: 767px) {
  .careers-blog__title {
    font-size: 1.5rem;
    margin: 0 0 0.5rem;
  }
}
.careers-blog__title:hover {
  color: var(--color-menu-icon-yellow-dark);
}
.careers-blog__text {
  margin: 0 0 1.5rem;
  font-size: 1.125rem;
  line-height: 1.55;
  color: #6B6E74;
}
@media (max-width: 767px) {
  .careers-blog__text {
    font-size: 1rem;
    margin: 0 0 1.25rem;
  }
}
.careers-blog__actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .careers-blog__actions {
    display: block;
  }
}
.careers-blog__author {
  padding-left: 56px;
  position: relative;
  color: #6B6E74;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .careers-blog__author {
    margin-bottom: 1.25rem;
  }
}
.careers-blog__author strong {
  display: block;
  color: #2C3039;
  font-weight: bold;
}
.careers-blog__author img {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.careers-blog__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  border-top: 1px solid #C6C8CC;
}
@media (max-width: 767px) {
  .careers-blog__nav {
    flex-direction: column;
    align-items: flex-start;
  }
}
.careers-blog__nav-slider {
  position: relative;
  top: -1px;
}
@media (max-width: 767px) {
  .careers-blog__nav-slider .swiper-slide {
    width: auto;
  }
}
.careers-blog__nav-item {
  cursor: pointer;
  padding-top: 2.5rem;
  position: relative;
  padding-right: 20px;
}
.careers-blog__nav-item:before {
  content: "";
  width: 100%;
  height: 2px;
  transition: all var(--duration) ease;
  background: var(--color-menu-icon-yellow-dark);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.swiper-slide-thumb-active .careers-blog__nav-item:before {
  opacity: 1;
}
.careers-blog__nav-label {
  font-weight: bold;
  display: block;
  font-size: 1rem;
  white-space: normal;
  margin-top: 0.75rem;
  transition: all var(--duration) ease;
}
@media (max-width: 767px) {
  .careers-blog__nav-label {
    font-size: 0.875rem;
    max-width: 170px;
  }
}
.careers-blog__nav-item:hover .careers-blog__nav-label {
  color: var(--color-menu-icon-yellow-dark);
}
.careers-blog__nav .link-with-arrow {
  flex: none;
}
@media (max-width: 767px) {
  .careers-blog__nav-item .careers-blog__tag {
    margin: 0;
  }
}

.career-detail-hero {
  background-image: url("../img/careers/career-detail_bg.png");
  background-position: 98% 100%;
  background-repeat: no-repeat;
  padding-top: 10.625rem;
  padding-bottom: 6.25rem;
}
@media (max-width: 767px) {
  .career-detail-hero {
    padding-top: 7.375rem;
    padding-bottom: 4.375rem;
    background-image: url("../img/careers/career-detail_bg-mobile.png");
    background-position: 100% 0;
  }
}
.career-detail-hero__sub {
  display: flex;
  align-items: center;
  margin: 0 0 2.5rem;
  color: #6B6E74;
  font-size: 0.875rem;
}
.career-detail-hero__sub a {
  color: #6B6E74;
  font-weight: bold;
  display: block;
  transition: all var(--duration) ease;
}
.career-detail-hero__sub a:hover {
  color: var(--color-menu-icon-yellow-dark);
}
.career-detail-hero__sub a:after {
  color: #6B6E74;
  content: "/";
  margin: 0 0.3rem;
}
.career-detail-hero__category {
  margin: 0 0 1.25rem;
  color: var(--color-menu-icon-yellow-dark);
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .career-detail-hero__category {
    font-size: 1.5rem;
    margin-bottom: 0.625rem;
  }
}
.career-detail-hero__title {
  font-size: 3.125rem;
  margin: 0 0 2.5rem;
  max-width: 830px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .career-detail-hero__title {
    font-size: 2.375rem;
  }
}
.career-detail-hero__info-field {
  margin: 0 0 1.25rem;
  position: relative;
  font-size: 1.875rem;
  font-weight: bold;
  padding-left: 44px;
  color: #2C3039;
  line-height: 1.3;
}
.career-detail-hero__info-field svg {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .career-detail-hero__info-field {
    font-size: 1.5rem;
    margin-bottom: 0.625rem;
  }
  .career-detail-hero__info-field svg {
    width: 32px;
    height: auto;
  }
}
.career-detail-hero__info-field:last-child {
  margin-bottom: 0;
}

.career-detail-content__grid {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .career-detail-content__grid {
    flex-direction: column-reverse;
    padding-top: 1.875rem;
  }
}
.career-detail-content__article {
  width: calc(100% - 440px);
  font-size: 1.25rem;
  line-height: 1.6;
  color: #6B6E74;
}
@media (max-width: 767px) {
  .career-detail-content__article {
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.5;
  }
}
.career-detail-content__article h2 {
  margin-bottom: 2.5rem;
  color: #2C3039;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .career-detail-content__article h2 {
    font-size: 2rem;
  }
}
.career-detail-content__article h3 {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  color: #2C3039;
  line-height: 1.33;
}
@media (max-width: 767px) {
  .career-detail-content__article h3 {
    font-size: 1.5rem;
  }
}
.career-detail-content__article ul {
  list-style: none;
  margin: 0 0 2.5rem 12px;
  padding: 0;
}
.career-detail-content__article ul li {
  padding-left: 22px;
  position: relative;
}
.career-detail-content__article ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-menu-icon-yellow-dark);
}
.career-detail-content__tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.75rem;
  gap: 8px;
  grid-row-gap: 10px;
  margin-bottom: 2.5rem;
}
.career-detail-content__tags-item {
  padding: 0 1rem;
  height: 32px;
  padding-top: 1px;
  border-radius: 50px;
  border: 1px solid #C6C8CC;
  color: #6B6E74;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.career-detail-content__sidebar {
  width: 390px;
}
@media (max-width: 767px) {
  .career-detail-content__sidebar {
    width: 100%;
    margin-bottom: 3.375rem;
  }
}
.career-detail-content__block {
  border-radius: 20px;
  background: #fff;
  box-shadow: -5px 5px 24px 0px rgba(44, 48, 57, 0.09);
  position: sticky;
  top: 140px;
  padding: 2rem;
  transition: all var(--duration) ease;
}
@media (max-width: 767px) {
  .career-detail-content__block {
    padding: 2rem 1rem;
  }
  .career-detail-content__block .btn {
    width: 100%;
  }
}
.career-detail-content__block span {
  font-weight: bold;
  font-size: 1.875rem;
  margin: 0 0 1.25rem;
  line-height: 1.3;
  display: block;
}
@media (max-width: 767px) {
  .career-detail-content__block span {
    font-size: 1.5rem;
    line-height: 1.5;
    padding-right: 2rem;
  }
}
.career-detail-content__block strong {
  color: var(--color-menu-icon-yellow-dark);
}

.header.hidden ~ .main .career-detail-content__block {
  top: 40px;
}

.vacancies__content-no-results {
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 830px;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
.vacancies__content-no-results__icon {
  margin: 0 0 1.875rem;
}
.vacancies__content-no-results__title {
  margin: 0 0 1.25rem;
  font-size: 1.875rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .vacancies__content-no-results__title {
    font-size: 1.5rem;
  }
}
.vacancies__content-no-results__text {
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .vacancies__content-no-results__text {
    font-size: 1.125rem;
  }
}

.faq-component {
  padding: 5.3125rem 0;
}
.faq-component__grid {
  display: flex;
  gap: 3.125rem;
}
@media (max-width: 1023px) {
  .faq-component__grid {
    gap: 1.25rem;
    flex-direction: column;
  }
}
.faq-component__start {
  flex: none;
  width: 40%;
}
.faq-component__start .h2, .faq-component__start .h3, .faq-component__start .h4 {
  max-width: 200px;
}
@media (max-width: 1023px) {
  .faq-component__start {
    width: 100%;
  }
}
.faq-component__content {
  flex: auto;
}
.faq-component__item {
  margin: 0 0 1.5rem;
  padding: 0 0 1.5rem;
  border-bottom: 1px solid #C6C8CC;
}
@media (max-width: 1023px) {
  .faq-component__item {
    margin: 0 0 1.25rem;
    padding: 0 0 1.25rem;
  }
}
.faq-component__item:last-child {
  padding: 0;
  border: 0;
  margin: 0;
}
.faq-component__label {
  font-weight: bold;
  font-size: 1.5rem;
  cursor: pointer;
  user-select: none;
  transition: 0.3s ease-out;
  padding: 0 40px 0 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjAwMzkgMTEuMzA0NkgxMi42OTYxVjcuOTk2ODJDMTIuNjk2MSA3LjkwMTA3IDEyLjYxNzggNy44MjI3MyAxMi41MjIgNy44MjI3M0gxMS40Nzc1QzExLjM4MTcgNy44MjI3MyAxMS4zMDM0IDcuOTAxMDcgMTEuMzAzNCA3Ljk5NjgyVjExLjMwNDZINy45OTU2M0M3Ljg5OTg4IDExLjMwNDYgNy44MjE1NCAxMS4zODI5IDcuODIxNTQgMTEuNDc4N1YxMi41MjMyQzcuODIxNTQgMTIuNjE5IDcuODk5ODggMTIuNjk3MyA3Ljk5NTYzIDEyLjY5NzNIMTEuMzAzNFYxNi4wMDUxQzExLjMwMzQgMTYuMTAwOSAxMS4zODE3IDE2LjE3OTIgMTEuNDc3NSAxNi4xNzkySDEyLjUyMkMxMi42MTc4IDE2LjE3OTIgMTIuNjk2MSAxNi4xMDA5IDEyLjY5NjEgMTYuMDA1MVYxMi42OTczSDE2LjAwMzlDMTYuMDk5NyAxMi42OTczIDE2LjE3OCAxMi42MTkgMTYuMTc4IDEyLjUyMzJWMTEuNDc4N0MxNi4xNzggMTEuMzgyOSAxNi4wOTk3IDExLjMwNDYgMTYuMDAzOSAxMS4zMDQ2WiIgZmlsbD0iI0ZGQTExOSIvPgo8cGF0aCBkPSJNMTEuOTk5OSAyLjI1MDczQzYuNjE2MTEgMi4yNTA3MyAyLjI1MDczIDYuNjE2MTEgMi4yNTA3MyAxMS45OTk5QzIuMjUwNzMgMTcuMzgzOCA2LjYxNjExIDIxLjc0OTEgMTEuOTk5OSAyMS43NDkxQzE3LjM4MzggMjEuNzQ5MSAyMS43NDkxIDE3LjM4MzggMjEuNzQ5MSAxMS45OTk5QzIxLjc0OTEgNi42MTYxMSAxNy4zODM4IDIuMjUwNzMgMTEuOTk5OSAyLjI1MDczWk0xMS45OTk5IDIwLjA5NTNDNy41MzAxIDIwLjA5NTMgMy45MDQ2MiAxNi40Njk4IDMuOTA0NjIgMTEuOTk5OUMzLjkwNDYyIDcuNTMwMSA3LjUzMDEgMy45MDQ2MiAxMS45OTk5IDMuOTA0NjJDMTYuNDY5OCAzLjkwNDYyIDIwLjA5NTMgNy41MzAxIDIwLjA5NTMgMTEuOTk5OUMyMC4wOTUzIDE2LjQ2OTggMTYuNDY5OCAyMC4wOTUzIDExLjk5OTkgMjAuMDk1M1oiIGZpbGw9IiNGRkExMTkiLz4KPC9zdmc+Cg==") no-repeat 100% 0;
}
@media (max-width: 1023px) {
  .faq-component__label {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1023px) {
  .faq-component__label:hover {
    color: rgba(var(--color-primary), 1);
  }
}
.faq-component__item_active .faq-component__label {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjAwNDMgMTEuMzAyNkg3Ljk5NTM3QzcuODk5NjEgMTEuMzAyNiA3LjgyMTI2IDExLjM4MDkgNy44MjEyNiAxMS40NzY3VjEyLjUyMTNDNy44MjEyNiAxMi42MTcxIDcuODk5NjEgMTIuNjk1NCA3Ljk5NTM3IDEyLjY5NTRIMTYuMDA0M0MxNi4xMDAxIDEyLjY5NTQgMTYuMTc4NCAxMi42MTcxIDE2LjE3ODQgMTIuNTIxM1YxMS40NzY3QzE2LjE3ODQgMTEuMzgwOSAxNi4xMDAxIDExLjMwMjYgMTYuMDA0MyAxMS4zMDI2WiIgZmlsbD0iIzZCNkU3NCIvPgo8cGF0aCBkPSJNMTIgMi4yNUM2LjYxNTc0IDIuMjUgMi4yNSA2LjYxNTc0IDIuMjUgMTJDMi4yNSAxNy4zODQzIDYuNjE1NzQgMjEuNzUgMTIgMjEuNzVDMTcuMzg0MyAyMS43NSAyMS43NSAxNy4zODQzIDIxLjc1IDEyQzIxLjc1IDYuNjE1NzQgMTcuMzg0MyAyLjI1IDEyIDIuMjVaTTEyIDIwLjA5NkM3LjUyOTggMjAuMDk2IDMuOTA0MDIgMTYuNDcwMiAzLjkwNDAyIDEyQzMuOTA0MDIgNy41Mjk4IDcuNTI5OCAzLjkwNDAyIDEyIDMuOTA0MDJDMTYuNDcwMiAzLjkwNDAyIDIwLjA5NiA3LjUyOTggMjAuMDk2IDEyQzIwLjA5NiAxNi40NzAyIDE2LjQ3MDIgMjAuMDk2IDEyIDIwLjA5NloiIGZpbGw9IiM2QjZFNzQiLz4KPC9zdmc+Cg==") no-repeat 100% 0;
}
.faq-component__text {
  color: #6B6E74;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.faq-component__item_active .faq-component__text {
  padding-top: 0.75rem;
}

.connected-hero {
  padding-top: 1.25rem;
  position: relative;
  min-height: 695px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 1070px) {
  .connected-hero {
    min-height: auto;
    display: block;
  }
}
@media (max-width: 1023px) {
  .connected-hero {
    padding-top: 3.2rem;
  }
}
.connected-hero .site-breadcrumbs {
  margin-bottom: 5rem;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 1070px) {
  .connected-hero .site-breadcrumbs {
    margin-bottom: 4rem;
  }
}
.connected-hero:has(site-breadcrumbs) {
  padding-top: 1.25rem;
  position: relative;
  min-height: auto;
  display: block;
}
.connected-hero__text {
  max-width: 650px;
}
@media screen and (max-width: 1070px) {
  .connected-hero__text {
    max-width: 100%;
    text-align: center;
    position: relative;
    z-index: 2;
  }
}
.connected-hero__title {
  font-size: 3.125rem;
  margin: 0 0 40px;
}
@media screen and (max-width: 1070px) {
  .connected-hero__title {
    font-size: 2.375rem;
    margin: 0 0 30px;
  }
}
.connected-hero__desc {
  line-height: 32px;
  max-width: 610px;
}
@media screen and (max-width: 1070px) {
  .connected-hero__desc {
    font-size: 1.25rem;
    max-width: 100%;
  }
}
.connected-hero__desc span,
.connected-hero__desc strong {
  font-weight: bold;
}
.connected-hero__buttons {
  margin: 40px 0 0;
}
@media screen and (max-width: 1070px) {
  .connected-hero__buttons {
    margin: 30px 0 0;
  }
  .connected-hero__buttons .btn {
    width: 100%;
  }
}
.connected-hero__image {
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  max-width: 43%;
  transform: translateY(-50%);
}
.connected-hero__image:has(svg) {
  top: calc(40% - 10px);
  right: 0;
  max-width: 822px;
}
.connected-hero__image:has(svg) svg {
  height: 870px !important;
  width: auto !important;
}
@media screen and (max-width: 1620px) {
  .connected-hero__image:has(svg) {
    max-width: 615px;
  }
  .connected-hero__image:has(svg) svg {
    height: 649px !important;
  }
}
@media screen and (max-width: 1250px) {
  .connected-hero__image:has(svg) {
    max-width: 420px;
  }
  .connected-hero__image:has(svg) svg {
    height: 450px !important;
  }
}
@media screen and (max-width: 1070px) {
  .connected-hero__image:has(svg) {
    max-width: initial;
    margin: 0 -20px;
    padding: 0 0 0 20px;
  }
  .connected-hero__image:has(svg) svg {
    width: 100% !important;
    height: initial !important;
  }
}
@media screen and (max-width: 1070px) {
  .connected-hero__image {
    position: initial;
    margin-right: -20px;
    margin-top: -20px;
    max-width: initial;
    width: initial;
    transform: none;
    display: flex;
    justify-content: flex-end;
  }
}

.get-started {
  padding-top: 5.3125rem;
}
.get-started__wrapper {
  margin: 0 0 0 110px;
  position: relative;
  border-radius: 20px;
  background: #F3F4F6;
  padding: 0 110px 0 500px;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .get-started__wrapper {
    min-height: initial;
    margin: 140px 0 0;
    padding: 56% 16px 32px;
  }
}
.get-started__image {
  position: absolute;
  left: -173px;
  z-index: 2;
  top: 30px;
}
@media (max-width: 1023px) {
  .get-started__image {
    left: 10px;
    top: -140px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.get-started__form {
  text-align: left;
}
.get-started__form .hbsptForm label {
  text-align: left;
}
@media (max-width: 1023px) {
  .get-started__form .mk-form-modal-content {
    padding: 24px 0 16px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.get-started__form-title {
  margin: 0 0 20px;
}
@media (max-width: 1023px) {
  .get-started__form-title {
    font-size: 2rem;
  }
}
.get-started__form-description {
  margin: 0 0 40px;
  line-height: 32px;
}
@media (max-width: 1023px) {
  .get-started__form-description {
    font-size: 1.25rem;
    margin: 0 0 30px;
  }
}
.get-started__form-description span, .get-started__form-description strong {
  font-weight: bold;
}
.get-started__form-lightbox {
  display: none;
}

.content-bar ~ .media-with-text {
  padding-top: 0;
}
@media (max-width: 1023px) {
  .content-bar ~ .media-with-text {
    padding-bottom: 9rem;
  }
}

:root {
  --live-circle-color: #80ece3;
}

.content-bar {
  position: relative;
}
.content-bar__bg {
  position: absolute;
  right: 0;
  bottom: 0;
}
.content-bar__content {
  padding: 4.375rem;
  display: flex;
  z-index: 2;
  align-items: center;
  gap: 40px;
  box-shadow: -5px 5px 24px 0px rgba(44, 48, 57, 0.09);
  border-radius: 16px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .content-bar__content {
    padding: 32px 16px;
    display: block;
  }
}
.content-bar__blue .content-bar__content {
  background-color: rgb(var(--light-blue), var(--color-bg-alpha));
}
.content-bar__red .content-bar__content {
  background-color: rgb(var(--light-red), var(--color-bg-alpha));
}
.content-bar__green .content-bar__content {
  background-color: rgb(var(--light-green), var(--color-bg-alpha));
}
.content-bar__orange .content-bar__content {
  background-color: rgb(var(--brown-light), var(--color-bg-alpha));
}
.content-bar__ill {
  position: absolute;
  right: 0;
  z-index: 1;
  bottom: -10px;
}
.content-bar__ill svg {
  fill: var(--live-circle-color);
}
.content-bar__img {
  flex: none;
  position: relative;
  z-index: 2;
}
@media (max-width: 1023px) {
  .content-bar__img {
    display: none;
  }
}
.content-bar__desc {
  flex: auto;
  font-size: 2.5rem;
  line-height: 1.25;
  font-weight: bold;
  position: relative;
  z-index: 2;
}
@media (max-width: 1023px) {
  .content-bar__desc {
    font-size: 2rem;
    margin: 0 0 30px;
  }
}
.content-bar__btn {
  position: relative;
  z-index: 2;
  flex: none;
}
.content-bar__btn .btn {
  background: #fff;
  color: rgb(var(--btn-bg));
}
@media (max-width: 1023px) {
  .content-bar__btn .btn {
    width: 100%;
  }
}
.content-bar__white .content-bar__btn .btn {
  border-color: rgb(var(--btn-bg));
  color: #fff;
  background: rgb(var(--btn-bg));
}
.content-bar__white .content-bar__btn .btn:hover {
  background: transparent;
  color: rgb(var(--btn-bg));
}

.quotes-component {
  background: #f5f5f5;
}
.quotes-component__blue {
  background-color: rgb(var(--light-blue), var(--color-bg-alpha));
}
.quotes-component__red {
  background-color: rgb(var(--light-red), var(--color-bg-alpha));
}
.quotes-component__green {
  background-color: rgb(var(--light-green), var(--color-bg-alpha));
}
.quotes-component__orange {
  background-color: rgb(var(--brown-light), var(--color-bg-alpha));
}
.quotes-component__main {
  position: relative;
}
.quotes-component__headline {
  max-width: 830px;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 1023px) {
  .quotes-component__headline {
    text-align: left;
    max-width: 100%;
    margin: 0 0 30px;
  }
}
.quotes-component__title {
  margin: 0 0 20px;
}
@media (max-width: 1023px) {
  .quotes-component__title {
    font-size: 2rem;
  }
}
@media (max-width: 1023px) {
  .quotes-component__description {
    font-size: 1.25rem;
  }
}
.quotes-component__description span, .quotes-component__description strong {
  font-weight: bold;
}
.quotes-component__blue .quotes-component__description span, .quotes-component__blue .quotes-component__description strong {
  color: rgb(var(--color-brand-1), var(--color-bg-alpha)) !important;
}
.quotes-component__red .quotes-component__description span, .quotes-component__red .quotes-component__description strong {
  color: rgb(var(--color-brand-2), var(--color-bg-alpha)) !important;
}
.quotes-component__green .quotes-component__description span, .quotes-component__green .quotes-component__description strong {
  color: rgb(var(--color-brand-3), var(--color-bg-alpha)) !important;
}
.quotes-component__orange .quotes-component__description span, .quotes-component__orange .quotes-component__description strong {
  color: rgb(var(--color-primary), var(--color-bg-alpha)) !important;
}
.quotes-component__description p:not(:last-child) {
  margin-bottom: 1.75rem;
}
.quotes-component__list {
  border-radius: 20px;
  overflow: hidden;
}
.quotes-component__list .swiper-slide {
  padding: 45px 40px;
  border-radius: 20px;
  background: #fff url("../../dist/img/quotes-component/quotes-component_ill.png") no-repeat 100% 100%;
}
@media (max-width: 1023px) {
  .quotes-component__list .swiper-slide {
    background-size: contain;
  }
}
@media (max-width: 1023px) {
  .quotes-component__list .swiper-slide {
    padding: 32px 16px;
  }
}
.quotes-component__item {
  display: flex;
  gap: 32px;
}
@media (max-width: 1023px) {
  .quotes-component__item {
    display: block;
  }
}
.quotes-component__content {
  flex: auto;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .quotes-component__content {
    min-height: initial;
    display: block;
  }
}
.quotes-component__content svg {
  fill: #000;
}
@media (max-width: 1023px) {
  .quotes-component__content svg {
    width: 24px;
    margin: 0 0 30px;
    height: auto;
  }
}
.quotes-component__blue .quotes-component__content svg {
  fill: rgb(var(--color-brand-1), var(--color-bg-alpha));
}
.quotes-component__red .quotes-component__content svg {
  fill: rgb(var(--color-brand-2), var(--color-bg-alpha));
}
.quotes-component__green .quotes-component__content svg {
  fill: rgb(var(--color-brand-3), var(--color-bg-alpha));
}
.quotes-component__orange .quotes-component__content svg {
  fill: rgb(var(--color-primary), var(--color-bg-alpha));
}
.quotes-component__text {
  font-size: 1.875rem;
  line-height: 1.33;
}
@media (max-width: 1023px) {
  .quotes-component__text {
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 0 0 30px;
  }
}
.quotes-component__info_mobile {
  display: none;
}
@media (max-width: 1023px) {
  .quotes-component__info {
    margin: 30px 0 0;
  }
  .quotes-component__info_desktop {
    display: none;
  }
  .quotes-component__info_mobile {
    display: block;
  }
}
.quotes-component__name {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0 0 2px;
}
.quotes-component__img {
  flex: none;
  width: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: #fff;
  box-shadow: -5px 5px 24px 0px rgba(44, 48, 57, 0.09);
}
@media (max-width: 1023px) {
  .quotes-component__img {
    padding: 32px 12px;
    width: 100%;
    margin: 30px 0 0;
    display: block;
  }
  .quotes-component__img img {
    max-width: 157px;
  }
}
.quotes-component__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin: 40px 0 0;
}
.quotes-component__actions:has(.swiper-pagination-lock) {
  display: none;
}
@media (max-width: 1023px) {
  .quotes-component__actions {
    margin: 30px 0 0;
  }
}
.quotes-component__actions .swiper-pagination {
  bottom: 0;
  position: initial;
  width: initial;
}
.quotes-component__actions .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}
.quotes-component__blue .quotes-component__actions .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgb(var(--color-brand-1), var(--color-bg-alpha));
}
.quotes-component__red .quotes-component__actions .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgb(var(--color-brand-2), var(--color-bg-alpha));
}
.quotes-component__green .quotes-component__actions .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgb(var(--color-brand-3), var(--color-bg-alpha));
}
.quotes-component__orange .quotes-component__actions .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgb(var(--color-primary), var(--color-bg-alpha));
}
.quotes-component__arrow {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quotes-component__blue .quotes-component__arrow svg {
  fill: rgb(var(--color-brand-1), var(--color-bg-alpha));
}
.quotes-component__red .quotes-component__arrow svg {
  fill: rgb(var(--color-brand-2), var(--color-bg-alpha));
}
.quotes-component__green .quotes-component__arrow svg {
  fill: rgb(var(--color-brand-3), var(--color-bg-alpha));
}
.quotes-component__orange .quotes-component__arrow svg {
  fill: rgb(var(--color-primary), var(--color-bg-alpha));
}
.quotes-component__arrow.swiper-button-disabled svg {
  fill: #fff;
}

.accordion-component {
  --icon-bg-color: 255,202,112;
  --icon-bg-active-color: 255,161,25;
}
.accordion-component__wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion-component__wrapper.accordion-component-asset-alignment-top {
  align-items: flex-start;
}
.accordion-component__wrapper.accordion-component-asset-alignment-middle {
  align-items: center;
}
.accordion-component__wrapper.accordion-component-asset-alignment-bottom {
  align-items: flex-end;
}
@media (max-width: 1023px) {
  .accordion-component__wrapper {
    display: block;
  }
}
.accordion-component__right .accordion-component__wrapper {
  flex-direction: row-reverse;
}
.accordion-component__info {
  max-width: 540px;
}
@media (max-width: 1023px) {
  .accordion-component__info {
    max-width: 100%;
  }
}
.accordion-component__title {
  margin: 0 0 20px;
}
@media (max-width: 1023px) {
  .accordion-component__title {
    margin: 0 0 30px;
    font-size: 2rem;
  }
}
.accordion-component__description {
  line-height: 32px;
  margin: 0 0 40px;
}
@media (max-width: 1023px) {
  .accordion-component__description {
    font-size: 1.25rem;
    margin: 0 0 30px;
  }
}
.accordion-component__description span, .accordion-component__description strong {
  font-weight: bold;
}
@media (max-width: 1023px) {
  .accordion-component__images {
    display: none;
  }
}
@media (max-width: 1023px) {
  .accordion-component__image {
    margin: 30px 0 0;
  }
}
.accordion-component__image.video-media {
  width: 100%;
  max-width: 415px;
  position: relative;
}
.accordion-component__image.video-media video {
  position: absolute;
  left: 0;
  top: 0;
}
.accordion-component__list {
  margin: 0 0 40px;
}
@media (max-width: 1023px) {
  .accordion-component__list {
    margin: 0 0 30px;
  }
}
.accordion-component__text a {
  color: rgba(var(--color-primary), 1);
  text-decoration: underline;
  cursor: pointer;
}
.accordion-component__item {
  border-radius: 20px;
  background: #fff;
  box-shadow: -5px 5px 24px 0px rgba(44, 48, 57, 0.09);
  padding: 20px 20px 20px 64px;
  margin: 0 0 10px;
  cursor: pointer;
  transition: 0.3s ease-out;
  position: relative;
  min-height: 72px;
}
@media (max-width: 1023px) {
  .accordion-component__item {
    padding: 20px;
  }
}
.accordion-component__item:hover {
  box-shadow: -5px 5px 24px 0px rgba(44, 48, 57, 0.2);
}
.accordion-component__item:last-child {
  margin: 0;
}
.accordion-component__item-image {
  position: absolute;
  top: 50%;
  transition: 0.3s ease-out;
  max-width: 550px;
  transform: translateY(-40%);
  opacity: 0;
  right: -20px;
}
.accordion-component__item-image span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: bold;
  max-width: 200px;
  font-size: 2.5rem;
  line-height: 1;
  margin: -8px 0 0 -18px;
}
.accordion-component__item-image-mobile {
  display: none;
}
@media (max-width: 1023px) {
  .accordion-component__item-image-mobile {
    display: block;
    margin: 0 -12px;
    padding: 0 0 12px;
  }
}
.accordion-component__item-image-active {
  opacity: 1;
  transform: translateY(-50%);
}
.accordion-component.accordion-flywheel .accordion-component__item-image {
  transform: none;
  top: 5.5rem;
  transition: 0s;
}
.accordion-component__right .accordion-component__item-image {
  right: initial;
  left: -27px;
}
.accordion-component__links {
  position: absolute;
  right: -20px;
  top: -11px;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  z-index: 2;
  max-width: 658px;
}
@media (max-width: 1023px) {
  .accordion-component__links {
    display: none;
  }
}
.accordion-component__links-item {
  cursor: pointer;
  transition: 0.3s ease-out;
  user-select: none;
}
.accordion-component__links-item_active {
  pointer-events: none;
}
.accordion-component.accordion-flywheel .accordion-component__item-active .accordion-component__label {
  pointer-events: none;
}
@media (max-width: 1023px) {
  .accordion-component.accordion-flywheel .accordion-component__item-image-mobile {
    display: none;
  }
}
.accordion-component__icon {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 32px;
  height: 32px;
  display: flex;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  background: rgb(var(--icon-bg-color));
  transition: 0.3s ease-out;
}
.accordion-component__icon img {
  width: 24px;
  height: auto;
}
.accordion-component__static-img {
  display: none;
  justify-content: center;
  padding: 2rem 0 0;
}
@media (max-width: 1023px) {
  .accordion-component__static-img {
    display: flex;
  }
}
.accordion-component__item-active .accordion-component__icon {
  background: rgb(var(--icon-bg-active-color));
}
.accordion-component__item-active .accordion-component__icon img {
  filter: brightness(0) invert(1);
}
.accordion-component__label {
  margin: 0;
  padding: 0 36px 0 0;
  user-select: none;
  min-height: 32px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.accordion-component__label span {
  position: absolute;
  right: 20px;
  top: 24px;
  transition: 0.3s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion-component__label p {
  margin: 0;
}
@media (max-width: 1023px) {
  .accordion-component__label:has(.accordion-component__icon) {
    padding-left: 46px;
  }
}
.accordion-component__cta {
  font-size: 1rem;
  padding: 1rem 0 0;
}
.accordion-component__item-active .accordion-component__label span {
  transform: rotate(180deg);
}
.accordion-component__toggle {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.accordion-component__item-active {
  cursor: default;
}
.accordion-component__item-active .accordion-component__toggle {
  max-height: 1000px;
  padding: 4px 0 0;
}

.li-compare {
  margin-bottom: 5.3125rem;
}
@media (max-width: 1023px) {
  .li-compare {
    margin: 0 0 3rem;
  }
}
.li-compare_gray {
  background: rgb(var(--color-light), 1);
}
.li-compare__title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  margin: 0 auto 1.25rem;
  max-width: 830px;
}
@media (max-width: 1023px) {
  .li-compare__title {
    text-align: left;
    font-size: 2rem;
    margin: 0 0 1.25rem;
  }
}
.li-compare__desc {
  text-align: center;
  line-height: 1.6;
  max-width: 830px;
  margin: 0 auto 5rem;
  font-size: 1.25rem;
}
@media (max-width: 1023px) {
  .li-compare__desc {
    text-align: left;
    margin: 0 0 1.875rem;
  }
}
.li-compare__features {
  display: none;
  margin: 0 0 1.875rem;
  font-size: 1.5rem;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .li-compare__features {
    display: block;
  }
}
@media (max-width: 1023px) {
  .li-compare__table {
    background: #fff;
    padding: 1.5rem;
    box-shadow: -5px 5px 24px 0 rgba(44, 48, 57, 0.09);
    border-radius: 1.25rem;
  }
}
.li-compare__columns {
  display: flex;
}
@media (max-width: 1023px) {
  .li-compare__columns {
    gap: 1rem;
  }
}
.li-compare__start {
  width: 38%;
  flex: none;
  position: relative;
  padding: 2.5rem;
  border-right: 1px solid #c6c8cc;
}
@media (max-width: 1023px) {
  .li-compare__start {
    display: none;
  }
}
.li-compare__grid {
  flex: auto;
  display: flex;
}
@media (max-width: 1023px) {
  .li-compare__grid {
    gap: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2rem 0;
    margin: -2rem 0;
  }
}
.li-compare__column {
  flex: 1;
  padding: 2.5rem;
}
@media (max-width: 1023px) {
  .li-compare__column {
    min-width: 155px;
    padding: 0;
  }
}
.li-compare__column_li {
  background: #fff;
  border-radius: 2.5rem;
  box-shadow: -5px 5px 24px 0 rgba(44, 48, 57, 0.09);
}
@media (max-width: 1023px) {
  .li-compare__column_li {
    box-shadow: none;
    border-radius: 0;
    background: none;
  }
}
.li-compare__columns:has(.li-compare__column:nth-child(3)) .li-compare__column {
  padding: 1rem;
  border-radius: 1.5rem;
}
@media (max-width: 1023px) {
  .li-compare__columns:has(.li-compare__column:nth-child(3)) .li-compare__column {
    padding: 0;
  }
}
.li-compare__columns:has(.li-compare__column:nth-child(3)) .li-compare__start {
  width: 34%;
  padding: 1rem;
}
.li-compare__head {
  margin: 0 0 2.5rem;
  display: flex;
  flex-direction: column;
  min-height: 124px;
}
@media (max-width: 1023px) {
  .li-compare__head {
    min-height: initial;
    margin: 0 0 1.25rem;
  }
}
.li-compare__caption {
  text-align: center;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  line-height: 1.3;
  font-size: 1.875rem;
}
@media (max-width: 1023px) {
  .li-compare__caption {
    font-size: 1.25rem;
    min-height: 2rem;
  }
}
.li-compare__columns:has(.li-compare__column:nth-child(3)) .li-compare__head {
  min-height: 94px;
}
@media (max-width: 1023px) {
  .li-compare__columns:has(.li-compare__column:nth-child(3)) .li-compare__head {
    min-height: 52px;
    display: flex;
    justify-content: center;
  }
}
.li-compare__columns:has(.li-compare__column:nth-child(3)) .li-compare__caption {
  font-size: 1.5rem;
  min-height: initial;
}
@media (max-width: 1023px) {
  .li-compare__columns:has(.li-compare__column:nth-child(3)) .li-compare__caption {
    font-size: 1.25rem;
  }
}
@media (max-width: 1023px) {
  .li-compare__column_li .li-compare__caption {
    color: rgb(var(--color-primary));
  }
}
.li-compare__button {
  margin: 1.25rem 0 0;
}
@media (max-width: 1023px) {
  .li-compare__button {
    display: none;
  }
}
.li-compare__button .btn {
  width: 100%;
}
.li-compare__buttons {
  margin-top: 2.25rem;
  display: none;
}
@media (max-width: 1023px) {
  .li-compare__buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
.li-compare__buttons .btn {
  width: 100%;
}
.li-compare__item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #c6c8cc;
  height: 3.5rem;
}
@media (max-width: 1023px) {
  .li-compare__item {
    height: initial;
    min-height: 82px;
    position: relative;
    margin-bottom: 1.25rem;
    padding-top: 3rem;
    padding-bottom: 0.75rem;
  }
  .li-compare__item:before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    top: 0;
    min-height: 28px;
    display: none;
    align-items: center;
    font-weight: bold;
    white-space: nowrap;
  }
}
.li-compare__item:last-child {
  border-bottom: 0;
}
@media (max-width: 1023px) {
  .li-compare__item:last-child {
    border-bottom: 1px solid #c6c8cc;
  }
}
.li-compare__item img {
  width: 25px;
  height: auto;
}
@media (max-width: 1023px) {
  .li-compare__item img {
    width: 21px;
  }
}
@media (max-width: 1023px) {
  .li-compare__column:first-child .li-compare__item:before {
    display: flex;
  }
}
.li-compare__note {
  height: 3rem;
  padding: 0 0.5rem;
  font-size: 1.25rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin: auto 0 0;
}
.li-compare__start .li-compare__item {
  justify-content: flex-start;
  padding: 0 0.5rem;
}

.how-section .container {
  max-width: 1330px;
}
.how-section__note {
  text-align: center;
  margin: 0 auto 1.25rem;
  text-transform: uppercase;
  color: #6b6e74;
  font-size: 0.875rem;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .how-section__note {
    text-align: left;
  }
}
.how-section__title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  margin: 0 auto 1.25rem;
  max-width: 830px;
}
@media (max-width: 1023px) {
  .how-section__title {
    text-align: left;
    font-size: 2rem;
    margin: 0 0 1.25rem;
  }
}
.how-section__desc {
  text-align: center;
  line-height: 1.6;
  max-width: 830px;
  margin: 0 auto 5rem;
  font-size: 1.25rem;
}
@media (max-width: 1023px) {
  .how-section__desc {
    text-align: left;
    margin: 0 0 1.875rem;
  }
}
.how-section__tabs {
  padding: 4px;
  border-radius: 42px;
  background: rgb(var(--color-light), 1);
  display: flex;
  margin: 0 auto 6.125rem;
  max-width: 1016px;
}
@media (max-width: 1023px) {
  .how-section__tabs {
    display: none;
  }
}
.how-section__tabs-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: 25px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #6b6e74;
  cursor: pointer;
  user-select: none;
}
.how-section__tabs-item:hover {
  color: #2c3039;
  transition: 0.3s ease-out;
}
.how-section__tabs-item_active {
  background: rgb(var(--color-primary));
  color: #fff;
}
.how-section__tabs-item_active:hover {
  color: #fff;
}
.how-section__mobile {
  display: none;
}
@media (max-width: 1023px) {
  .how-section__mobile {
    display: block;
  }
}
.how-section__content {
  max-width: 1290px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
@media (max-width: 1023px) {
  .how-section__content {
    display: none;
  }
}
.how-section__links {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.how-section__links-item {
  flex: 1;
  cursor: pointer;
  z-index: 3;
  position: relative;
}
.how-section__links-item_active {
  pointer-events: none;
}
.how-section__slider-top {
  margin: 0 -20px 1.25rem;
}
.how-section__slider-top .swiper {
  padding: 0 20px;
}
.how-section__slider-top img {
  min-width: 690px;
  min-height: 294px;
  transition: 0.3s ease-out;
}
.how-section__slider-top .swiper-slide {
  opacity: 0;
}
.how-section__slider-top .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.how-section__slider-bottom {
  margin: 0 -20px;
}
.how-section__slider-bottom .swiper {
  padding: 20px;
}
.how-section__slider-bottom .swiper-slide {
  width: 328px;
}
@media (max-width: 767px) {
  .how-section__slider:has(.how-section__slider-bottom .swiper-slide-active:nth-child(3)) .how-section__slider-top img, .how-section__slider:has(.how-section__slider-bottom .swiper-slide-active:nth-child(4)) .how-section__slider-top img {
    transform: translateX(-23%);
  }
  .how-section__slider:has(.how-section__slider-bottom .swiper-slide-active:nth-child(5)) .how-section__slider-top img {
    transform: translateX(calc(-100% + 374px));
  }
}
.how-section__pic {
  display: none;
}
.how-section__pic_show {
  display: block;
}
.how-section__item {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
}
@media (max-width: 1023px) {
  .how-section__item {
    display: none;
  }
}
.how-section__item_1 {
  left: 1rem;
  top: 31%;
  padding-top: 0.5rem;
}
.how-section__item_2 {
  transform: translate(-370px, -166px);
  padding-top: 0.5rem;
}
.how-section__item_3 {
  transform: translate(-17px, -209px);
  padding: 0 0 0.5rem 0.5rem;
}
.how-section__item_4 {
  transform: translate(-109px, 148px);
  padding: 1rem 0 0 1rem;
}
.how-section__item_5 {
  transform: translate(265px, -104px);
  padding: 1rem 0 0 0;
}
.how-section__pic_show .how-section__item {
  opacity: 1;
}
.how-section__dot {
  position: absolute;
  pointer-events: none;
}
.how-section__dot-ring {
  width: 10px;
  height: 10px;
  background-color: #66DFC3;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.how-section__dot-circle {
  border: 1px solid #66DFC3;
  -webkit-border-radius: 30px;
  height: 24px;
  width: 24px;
  position: absolute;
  left: -7px;
  top: -7px;
  -webkit-animation: pulsate 1.75s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.2s;
  opacity: 0;
}
.how-section__dot-circle2 {
  border: 1px solid #66DFC3;
  -webkit-border-radius: 30px;
  height: 40px;
  width: 40px;
  position: absolute;
  left: -15px;
  top: -15px;
  -webkit-animation: pulsate 1.75s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.1s;
  opacity: 0;
}
.how-section__dot-circle3 {
  border: 1px solid #66DFC3;
  -webkit-border-radius: 30px;
  height: 56px;
  width: 56px;
  position: absolute;
  left: -23px;
  top: -23px;
  -webkit-animation: pulsate 1.75s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0;
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.how-section__item_1 .how-section__dot {
  top: 0;
  left: 45%;
}
.how-section__item_2 .how-section__dot {
  top: 0;
  right: 9rem;
}
.how-section__item_3 .how-section__dot {
  left: 0;
  top: 3rem;
}
.how-section__item_4 .how-section__dot {
  top: 0;
  left: 0;
}
.how-section__item_5 .how-section__dot {
  top: 0;
  left: 0;
}
.how-section__float {
  cursor: pointer;
  padding: 0.75rem 1rem;
  background: #fff;
  box-shadow: -5px 5px 24px 0 rgba(44, 48, 57, 0.09);
  border-radius: 8px;
  user-select: none;
  max-width: 280px;
  opacity: 0;
  transition: 0.3s ease-out;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .how-section__float {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (max-width: 1023px) {
  .how-section__float {
    max-width: 100%;
    min-height: 280px;
    padding: 1.5rem;
  }
}
.how-section__float-label {
  font-size: 0.9rem;
  font-weight: bold;
  position: relative;
  padding-right: 2rem;
}
.how-section__float-label svg {
  position: absolute;
  top: 1px;
  right: 0;
  transition: 0.3s ease-out;
}
.how-section__float_active .how-section__float-label svg {
  transform: rotate(180deg);
}
.how-section__float-drop {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.5s ease;
}
@media (max-width: 1023px) {
  .how-section__float-drop {
    max-height: initial;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #c6c8cc;
    overflow: visible;
  }
}
.how-section__float p {
  margin-bottom: 1.5rem;
  color: #2c3039;
  font-size: 0.875rem;
}
.how-section__float p a {
  text-decoration: underline;
  margin: 0 0 0 4px;
  color: #2c3039;
  transition: 0.3s ease-out;
}
.how-section__float p a:hover {
  color: rgb(var(--color-primary));
}
.how-section__float p span {
  display: block;
  margin: 0 0 0.35rem;
}
.how-section__float p span:last-child {
  margin: 0;
}
.how-section__float p:last-child {
  margin: 0;
}
.how-section:has(.how-section__tabs-item_active:nth-child(1)) .how-section__item_1, .how-section:has(.how-section__tabs-item_active:nth-child(1)) .how-section__item_2 {
  z-index: 3;
}
.how-section:has(.how-section__tabs-item_active:nth-child(1)) .how-section__item_1 .how-section__float, .how-section:has(.how-section__tabs-item_active:nth-child(1)) .how-section__item_2 .how-section__float {
  opacity: 1;
  pointer-events: auto;
}
.how-section:has(.how-section__tabs-item_active:nth-child(2)) .how-section__item_3, .how-section:has(.how-section__tabs-item_active:nth-child(2)) .how-section__item_4 {
  z-index: 3;
}
.how-section:has(.how-section__tabs-item_active:nth-child(2)) .how-section__item_3 .how-section__float, .how-section:has(.how-section__tabs-item_active:nth-child(2)) .how-section__item_4 .how-section__float {
  opacity: 1;
  pointer-events: auto;
}
.how-section:has(.how-section__tabs-item_active:nth-child(3)) .how-section__item_5 {
  z-index: 3;
}
.how-section:has(.how-section__tabs-item_active:nth-child(3)) .how-section__item_5 .how-section__float {
  opacity: 1;
  pointer-events: auto;
}

.how-section__content:has(.how-section__links-item_active:nth-child(1)) .how-section__item_1 .how-section__dot-circle,
.how-section__content:has(.how-section__links-item_active:nth-child(1)) .how-section__item_2 .how-section__dot-circle {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.2s;
}
.how-section__content:has(.how-section__links-item_active:nth-child(1)) .how-section__item_1 .how-section__dot-circle2,
.how-section__content:has(.how-section__links-item_active:nth-child(1)) .how-section__item_2 .how-section__dot-circle2 {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.1s;
}
.how-section__content:has(.how-section__links-item_active:nth-child(1)) .how-section__item_1 .how-section__dot-circle3,
.how-section__content:has(.how-section__links-item_active:nth-child(1)) .how-section__item_2 .how-section__dot-circle3 {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
}

.how-section__content:has(.how-section__links-item_active:nth-child(2)) .how-section__item_3 .how-section__dot-circle,
.how-section__content:has(.how-section__links-item_active:nth-child(2)) .how-section__item_4 .how-section__dot-circle {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.2s;
}
.how-section__content:has(.how-section__links-item_active:nth-child(2)) .how-section__item_3 .how-section__dot-circle2,
.how-section__content:has(.how-section__links-item_active:nth-child(2)) .how-section__item_4 .how-section__dot-circle2 {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.1s;
}
.how-section__content:has(.how-section__links-item_active:nth-child(2)) .how-section__item_3 .how-section__dot-circle3,
.how-section__content:has(.how-section__links-item_active:nth-child(2)) .how-section__item_4 .how-section__dot-circle3 {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
}

.how-section__content:has(.how-section__links-item_active:nth-child(3)) .how-section__item_5 .how-section__dot-circle {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.2s;
}
.how-section__content:has(.how-section__links-item_active:nth-child(3)) .how-section__item_5 .how-section__dot-circle2 {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.1s;
}
.how-section__content:has(.how-section__links-item_active:nth-child(3)) .how-section__item_5 .how-section__dot-circle3 {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
}

.explore-more {
  background: rgb(243, 244, 246);
}
.explore-more__note {
  text-align: center;
  color: rgba(var(--multicolor-text), 1);
  font-weight: bold;
  margin: 0 0 1.25rem;
}
.explore-more__title {
  text-align: center;
  font-weight: bold;
  font-size: 2.5rem;
  margin: 0 0 3.75rem;
}
@media (max-width: 1023px) {
  .explore-more__title {
    font-size: 2rem;
  }
}
.explore-more__grid {
  display: flex;
  gap: 3.125rem;
}
.explore-more__grid:has(.explore-more__column:nth-child(5)) {
  gap: 1.125rem;
}
@media (max-width: 1023px) {
  .explore-more__grid {
    gap: 1.875rem;
    flex-direction: column;
  }
}
.explore-more__column {
  position: relative;
  flex: 1;
  padding: 6.125rem 0 0;
}
.explore-more__block {
  padding: 7.875rem 1.125rem 1.5rem;
  box-shadow: -5px 5px 24px 0 rgba(44, 48, 57, 0.09);
  background: #fff;
  border-radius: 16px;
  display: block;
  color: #2c3039;
  transition: 0.3s ease-out;
  text-align: center;
  height: 100%;
}
.explore-more__block .link-with-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto 0 0;
}
.explore-more__block:hover {
  box-shadow: -5px 5px 24px 0 rgba(44, 48, 57, 0.2);
}
.explore-more__block:hover .link-with-arrow__icon {
  transform: translateX(0.3125rem);
}
.explore-more__pic {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 200px;
  z-index: 2;
}
.explore-more__pic img {
  width: 100%;
  height: 100%;
  box-shadow: -5px 5px 24px 0 rgba(44, 48, 57, 0.09);
  border-radius: 16px;
  display: block;
}
.explore-more__about {
  max-width: 300px;
  margin: 0 auto;
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.explore-more__label {
  display: block;
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  font-weight: bold;
}
.explore-more__desc {
  margin: 0 0 0.5rem;
  font-size: 1.125rem;
  display: block;
}

.contacts-us__grid {
  display: flex;
  gap: 4rem;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .contacts-us__grid {
    flex-direction: column;
    gap: 1.875rem;
  }
}
.contacts-us__about {
  width: 100%;
  max-width: 390px;
  padding-top: 3.75rem;
}
@media (max-width: 1023px) {
  .contacts-us__about {
    max-width: 100%;
    padding-top: 0;
  }
}
.contacts-us__title {
  font-weight: bold;
  margin: 0 0 1.25rem;
  font-size: 2.5rem;
  line-height: 1.2;
}
@media (max-width: 1023px) {
  .contacts-us__title {
    margin: 0 0 1.875rem;
  }
}
.contacts-us__desc {
  font-size: 1.25rem;
}
.contacts-us__form {
  max-width: 720px;
  border-radius: 20px;
  box-shadow: -5px 5px 24px 0 rgba(44, 48, 57, 0.09);
  background: #fff;
  padding: 2.5rem 3.75rem;
  width: 100%;
}
@media (max-width: 1023px) {
  .contacts-us__form {
    padding: 2rem 1rem;
  }
}

.hero-detail {
  padding-top: 1.25rem;
  position: relative;
  min-height: 695px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 1070px) {
  .hero-detail {
    min-height: auto;
    display: block;
  }
}
@media (max-width: 1023px) {
  .hero-detail {
    padding-top: 3.2rem;
  }
}
.hero-detail .site-breadcrumbs {
  margin-bottom: 10rem;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 1070px) {
  .hero-detail .site-breadcrumbs {
    margin-bottom: 4rem;
  }
}
.hero-detail:has(.site-breadcrumbs) {
  padding-top: 6rem;
  position: relative;
  min-height: auto;
  display: block;
}
@media screen and (max-width: 1070px) {
  .hero-detail:has(.site-breadcrumbs) {
    padding-top: 3rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1420px) {
  .hero-detail__box {
    padding-right: 50%;
  }
}
@media screen and (min-width: 1070px) and (max-width: 1199px) {
  .hero-detail__box {
    padding-right: 58%;
  }
}
.hero-detail__text {
  max-width: 650px;
}
@media screen and (max-width: 1070px) {
  .hero-detail__text {
    max-width: 100%;
    text-align: center;
    position: relative;
    z-index: 2;
  }
}
.hero-detail__title {
  font-size: 3.125rem;
  margin: 0 0 40px;
}
@media screen and (max-width: 1070px) {
  .hero-detail__title {
    font-size: 2.375rem;
    margin: 0 0 30px;
  }
}
.hero-detail__desc {
  line-height: 32px;
  max-width: 610px;
}
@media screen and (max-width: 1070px) {
  .hero-detail__desc {
    font-size: 1.25rem;
    max-width: 100%;
  }
}
.hero-detail__desc span,
.hero-detail__desc strong {
  font-weight: bold;
}
.hero-detail__buttons {
  margin: 40px 0 0;
}
@media screen and (max-width: 1070px) {
  .hero-detail__buttons {
    margin: 30px 0 0;
  }
  .hero-detail__buttons .btn {
    width: 100%;
  }
}
.hero-detail__image {
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  max-width: 43%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1070px) {
  .hero-detail__image {
    position: initial;
    margin-right: -20px;
    margin-top: -20px;
    max-width: initial;
    width: initial;
    transform: none;
    display: flex;
    justify-content: flex-end;
  }
}
.hero-detail__image:has(svg) {
  top: 58%;
  right: 4rem;
  max-width: 750px;
}
@media screen and (max-width: 1620px) {
  .hero-detail__image:has(svg) {
    max-width: 615px;
  }
}
@media screen and (min-width: 1070px) and (max-width: 1420px) {
  .hero-detail__image:has(svg) {
    right: 0;
  }
}
@media screen and (min-width: 1070px) and (max-width: 1520px) {
  .hero-detail__image:has(svg) {
    top: 51%;
  }
}
@media screen and (max-width: 1070px) {
  .hero-detail__image:has(svg) {
    max-width: initial;
    margin: 2rem 0 0;
    justify-content: center;
  }
}