/**
 * Swiper 11.2.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 12, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

img, fieldset, a img {
    border: none
}

input[type=text], input[type=email], input[type=tel], textarea {
    -webkit-appearance: none
}

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

    input[type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

textarea {
    overflow: auto
}

input, button {
    margin: 0;
    padding: 0;
    border: 0
}

div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus {
    outline: none
}

ul {
    list-style-type: none
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

html {
    box-sizing: border-box
}

*, *:before, *:after {
    box-sizing: inherit
}

@media(prefers-reduced-motion: reduce) {
    * {
        transition: none !important
    }
}

img {
    max-width: 100%;
    display: block
}

button {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.h1 {
    font-size: 6rem;
    font-weight: 700;
    line-height: 120%;
    color: #2c2c2c
}

@media  (max-width: 991px) {
    .h1 {
        font-size: 5.5rem
    }
}
@media (max-width: 560px) {
    .h1 {
        font-size: 3.5rem
    }
}

.h2 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 120%;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .h2 {
        font-size: 2.5rem
    }
}

.subtitle1 {
    font-size: 2.75rem;
    font-weight: 600;
    line-height: normal;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .subtitle1 {
        font-size: 2rem
    }
}

.subtitle2 {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: normal;
    color: #2c2c2c
}
.subtitle3 {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: normal;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .subtitle2 {
        font-size: 2.25rem
    }
    .subtitle3 {
        font-size: 1.5rem
    }
}
@media (max-width: 768px) {
    .subtitle2 {
        font-size: 2rem
    }

    .subtitle3 {
        font-size: 1.5rem
    }
}
@media (max-width: 560px) {
    .subtitle2 {
        font-size: 1.75rem
    }

    .subtitle3 {
        font-size: 1.5rem
    }
}

.text0 {
    font-size: 2.85rem;
    line-height: normal;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .text0 {
        font-size: 2rem
    }
}


.text1 {
    font-size: 2.25rem;
    line-height: normal;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .text1 {
        font-size: 1.5rem
    }
}

.text2 {
    font-size: 2rem;
    line-height: normal;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .text2 {
        font-size: 1.5rem
    }
}

.text3 {
    font-size: 2rem;
    line-height: normal;
    color: #2c2c2c
}

@media  (max-width: 991px) {
    .text3 {
        font-size: 1.95rem
    }
}
@media (max-width: 578px) {
    .text3 {
        font-size: 1.375rem
    }
}

.text4 {
    font-size: 1.625rem;
    line-height: normal;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .text4 {
        font-size: 1.25rem
    }
}

.text5 {
    font-size: 1.5rem;
    line-height: normal;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .text5 {
        font-size: 1rem
    }
}

.text6 {
    font-size: 1.5rem;
    line-height: normal;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .text6 {
        font-size: 1rem
    }
}

.__medium {
    font-weight: 500
}
.__bold {
    font-weight: 600
}

a {
    transition: all .3s ease-in-out;
    text-decoration: none
}

* {
    box-sizing: border-box
}

:root {
    font-size: 10px
}

@media(max-width: 1550px) {
    :root {
        font-size: .5555555556vw
    }
}

@media(max-width: 991px) {
    :root {
        font-size: .8072653885vw
    }
}

@media(max-width: 767px) {
    :root {
        font-size: 1.1111111111vw
    }
    p {
        font-size:2.5rem
    }
}

@media(max-width: 560px) {
    :root {
        font-size: 2.5vw
    }
    p {
        font-size: 1.65rem
    }

}

html {
    font-family: "Monstserrat",sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    overflow-x: hidden;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    color: #2c2c2c
}

body {
    position: relative;
    overflow: hidden;
    font-size: 1rem;
    margin: 0 auto
}

    body.no-padding, body.page-template-product-page {
        padding: 0;
        max-width: none
    }

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: none;
    appearance: none
}

main {
    -webkit-overflow-scrolling: touch
}

canvas {
    display: block
}

button {
    font-family: "Monstserrat",sans-serif;
    background: none;
    padding: 0;
    margin: 0;
    border: none
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    ul li {
        list-style: none
    }

pre {
    margin: 0
}

button, input {
    font-family: inherit
}

.wrapper {
    position: relative;
    width: 180rem;
    max-width: 100%;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .wrapper {
        width: 100%
    }
}

.user-content p {
    margin-top: .8rem;
    margin-bottom: 0;
    line-height: 1.3
}

    .user-content p:first-child {
        margin-top: 0
    }

        .user-content p:first-child img {
            margin-top: 0
        }

.user-content .wp-caption {
    max-width: 100%
}

.user-content img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
    margin-top: 5rem;
    margin-bottom: 2.5rem;
    border-radius: 2rem
}

    .user-content img + .wp-caption-text {
        margin-top: 0;
        margin-bottom: 5rem;
        font-size: 2rem;
        font-weight: 600;
        text-align: center;
        line-height: 1.2
    }

.user-content table {
    margin-top: 2rem;
    border-collapse: collapse
}

    .user-content table th, .user-content table td {
        border: 1px solid currentColor;
        padding: .8rem
    }

@media screen and (max-width: 767px) {
    .user-content img {
        margin-bottom: 2rem;
        border-radius: 1rem
    }

        .user-content img + .wp-caption-text {
            margin-bottom: 4rem;
            font-size: 1.6rem;
            font-weight: 500;
            line-height: 1.3
        }

    .user-content h1, .user-content h2, .user-content h3 {
        margin-top: 4rem
    }
}

.flex-filler {
    flex-grow: 1
}

body .facetwp-facet {
    margin-bottom: 0
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0
}

.swiper {
    display: flex
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 6rem;
    padding: 1.75rem 2.75rem;
    border: 1px solid rgba(0,0,0,.08);
    background-color: #e8181c;
    transition: background-color .3s ease-in-out;
    flex-shrink: 0;
    font-size: 1.65rem;
    line-height: normal;
    color: #2c2c2c;
    text-transform: none
}

@media screen and (max-width: 767px) {
    .btn {
        height: 0;
        padding: 2rem 2.5rem
    }
}

.btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    line-height: normal;
    color: #f7f7f7;
    text-transform: none
}

@media screen and (max-width: 991px) {
    .btn span {
        font-size: 1.5rem
    }
}

.btn:hover {
    color: #f7f7f7;
    background-color: #b30e11
}

@media screen and (max-width: 991px) {
    .btn:hover {
        color: #f7f7f7;
        background-color: #e8181c
    }
}

.btn:disabled {
    opacity: .5;
    cursor: default;
    pointer-events: none
}

.btn-white {
    color: #2c2c2c;
    background-color: #fff
}

    .btn-white span {
        color: #2c2c2c
    }

    .btn-white:hover {
        color: #2c2c2c;
        background-color: #e6e6e6
    }

@media screen and (max-width: 991px) {
    .btn-white:hover {
        color: #2c2c2c;
        background-color: #fff
    }
}

.button-iskra {
    display: flex;
    align-items: center;
    width: 12.25rem;
    height: 4rem
}

.button-iskra__text {
    margin-right: 1.5rem;
    font-family: "Roboto";
    font-size: .8rem;
    font-weight: 300;
    line-height: 1.4;
    text-transform: uppercase;
    color: #fff;
    transition: color .3s ease-out
}

.button-iskra img, .button-iskra svg {
    width: auto;
    height: 4rem
}

.facetwp-dropdown + .select2 {
    width: 100% !important
}

    .facetwp-dropdown + .select2 .select2-selection {
        width: 100%;
        height: 4.6rem;
        padding-left: 2rem;
        padding-right: 2rem;
        border: none;
        background-color: #000
    }

    .facetwp-dropdown + .select2 .select2-selection__rendered {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: left
    }

    .facetwp-dropdown + .select2 .select2-selection__arrow {
        top: 0;
        right: 2rem;
        width: 2.5rem;
        height: 100%
    }

        .facetwp-dropdown + .select2 .select2-selection__arrow b {
            display: none
        }

        .facetwp-dropdown + .select2 .select2-selection__arrow::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
            width: 100%;
            height: 2.5rem;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center center;
            transform: translateY(-50%) rotate(0deg);
            transition: transform .3s ease-out;
            z-index: 2
        }

.facetwp-dropdown + .select2-container--open .select2-selection__arrow::after {
    transform: translateY(-50%) rotate(180deg)
}

.select2-dropdown {
    border: none
}

.select2-results__option {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 4.6rem;
    padding-left: 2rem;
    padding-right: 2rem;
    color: #000
}

.select2-results__option--selected {
    color: #000
}

.select2-results__option--highlighted.select2-results__option--selectable {
    color: #000 !important
}

.lang-select + .select2 {
    min-width: 4.5rem;
    width: 100% !important
}

    .lang-select + .select2 .select2-selection {
        position: relative;
        width: 100%;
        height: 3rem;
        border: none;
        background-color: rgba(0,0,0,0)
    }

    .lang-select + .select2 .select2-selection__rendered {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: left
    }

    .lang-select + .select2 .select2-selection__arrow {
        top: -0.2rem;
        right: .1rem;
        width: 2rem;
        height: 100%
    }

        .lang-select + .select2 .select2-selection__arrow b {
            display: none
        }

        .lang-select + .select2 .select2-selection__arrow::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
            width: 100%;
            height: 2rem;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center center;
            transform: translateY(-50%) rotate(0deg);
            transition: transform .3s ease-out;
            z-index: 2
        }

.lang-select + .select2-container--open .select2-selection__arrow::after {
    transform: translateY(-50%) rotate(180deg)
}

.lang-select-dropdown .select2-results__option {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 3rem;
    padding-left: .5rem;
    padding-right: .5rem;
    color: #000
}

.wpcf7-form-control-wrap {
    display: block;
    position: relative
}

    .wpcf7-form-control-wrap .input-placeholder {
        position: absolute;
        top: 1.8rem;
        left: 1.6rem;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.285;
        color: #000;
        pointer-events: none;
        transition: top .3s ease-out,font-size .3s ease-out,line-height .3s ease-out
    }

        .wpcf7-form-control-wrap .input-placeholder .required {
            display: none
        }

    .wpcf7-form-control-wrap input:not([type=checkbox],[type=radio],[type=submit]), .wpcf7-form-control-wrap textarea {
        width: 100%;
        height: 5.6rem;
        border: .1rem solid rgba(0,0,0,0);
        border-radius: .4rem;
        padding-top: .75rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        font-family: inherit;
        color: #000;
        outline: none;
        transition: all .3s ease-in-out
    }

        .wpcf7-form-control-wrap input:not([type=checkbox],[type=radio],[type=submit]):focus + .input-placeholder, .wpcf7-form-control-wrap textarea:focus + .input-placeholder {
            top: .9rem !important
        }

        .wpcf7-form-control-wrap input:not([type=checkbox],[type=radio],[type=submit]):not(:placeholder-shown) + .input-placeholder, .wpcf7-form-control-wrap textarea:not(:placeholder-shown) + .input-placeholder {
            top: .9rem;
            font-size: .8rem;
            line-height: 1.2
        }

    .wpcf7-form-control-wrap textarea {
        height: 7.1rem;
        padding-top: 1.8rem
    }

.wpcf7-not-valid-tip {
    display: inline-block;
    margin-top: .5rem;
    font-size: 1.4rem;
    line-height: 1.285
}

input[type=checkbox] {
    vertical-align: middle;
    margin: 0;
    line-height: 1;
    appearance: none;
    user-select: none;
    cursor: pointer;
    transition: all .1s
}

    input[type=checkbox]::before {
        content: "";
        display: inline-block;
        width: 3.2rem;
        height: 3.2rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        opacity: .6;
        transition: all .1s
    }

    input[type=checkbox]:hover::before {
        opacity: 1
    }

    input[type=checkbox]:checked::before {
        opacity: 1
    }

    input[type=checkbox] + .wpcf7-list-item-label {
        user-select: none;
        cursor: pointer
    }

.wpcf7-list-item label {
    display: flex;
    align-items: center
}

input[type=submit] {
    width: 100%
}

.file-picker {
    display: inline-flex;
    cursor: pointer
}

.file-picker__clip {
    flex-shrink: 0;
    display: block;
    width: 2.5rem;
    height: 2rem;
    margin-right: .5rem
}

    .file-picker__clip svg {
        width: 100%;
        height: auto
    }

.file-picker__text {
    display: block;
    margin-top: .3rem
}

.file-picker__filename {
    display: block;
    font-size: 1.4rem;
    margin-top: .5rem;
    line-height: 1.285
}

    .file-picker__filename svg {
        vertical-align: middle
    }

.form_group {
    position: relative
}

    .form_group:focus-within .form_label, .wpcf7-form-control-wrap:has(.form_input:not(:placeholder-shown)) ~ .form_label {
        top: 1.1rem;
        font-size: 1rem
    }

.form_label {
    position: absolute;
    top: 1.8rem;
    left: 1.6rem;
    font-size: 1.4rem;
    font-weight: 400;
    transition: .4s ease;
    pointer-events: none
}

input[type=file] {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    left: -9999px;
    z-index: -1
}

.input-wrapper {
    position: relative;
    display: block
}

    .input-wrapper.input:focus + .input-placeholder {
        top: 1.1rem;
        font-size: 1rem;
        line-height: 120%
    }

.input {
    transition: all .3s
}

.input-placeholder {
    position: absolute;
    top: 2rem;
    left: 1.6rem;
    font-size: 1.4rem;
    line-height: 140%;
    transition: all .3s ease
}

.wpcf7-spinner {
    width: 0;
    height: 0;
    margin: 0
}

.wpcf7-response-output {
    display: none
}

.wpcf7-mask::placeholder {
    opacity: 0
}

.modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    will-change: opacity;
    z-index: -1
}

    .modal-wrap.modal-show {
        opacity: 1;
        visibility: visible;
        transition: opacity .3s ease-out,visibility .3s ease-out;
        z-index: 10000
    }

    .modal-wrap .modal-shadow {
        z-index: 100;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0
    }

    .modal-wrap .modal {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        display: flex;
        flex-direction: column;
        gap: 4rem;
        width: 48rem;
        height: 100vh;
        padding: 4rem;
        border-radius: 0px;
        z-index: 100
    }

@media screen and (max-width: 767px) {
    .modal-wrap .modal {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 1rem 1.6rem 3.2rem 1.6rem;
        transform: none
    }
}

.modal-wrap .modal-cross {
    position: relative;
    display: block;
    padding: .8rem;
    width: 4rem;
    height: 4rem;
    align-self: flex-end;
    border-radius: 50%;
    cursor: pointer;
    z-index: 3;
    transition: all .3s
}

    .modal-wrap .modal-cross:hover::before {
        opacity: 0
    }

    .modal-wrap .modal-cross:hover::after {
        opacity: 1
    }

.modal-wrap .modal-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    position: relative;
    height: 100%;
    padding: 0;
    z-index: 2
}

    .modal-wrap .modal-wrapper .wpcf7 {
        width: 100%
    }

    .modal-wrap .modal-wrapper .wpcf7-list-item {
        margin: 0
    }

.modal-wrap .modal-btn {
    width: 100%
}

.modal-wrap .modal-btn-close span {
    background-color: rgba(0,0,0,0)
}

.modal-wrap .modal-header {
    display: flex;
    justify-content: flex-end
}

    .modal-wrap .modal-header .modal-logo {
        display: none
    }

@media screen and (max-width: 767px) {
    .modal-wrap .modal-header {
        justify-content: space-between
    }

        .modal-wrap .modal-header .modal-logo {
            display: block
        }
}

.wpcf7-list-item {
    margin: 0
}

.modal-active {
    overflow: hidden
}

#modal-form .acceptance-row {
    margin: 0
}

#success-modal {
    position: fixed
}

    #success-modal .modal {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 62.5rem;
        height: auto;
        padding: 5rem 3.5rem;
        gap: 5rem;
        border-radius: 2.5rem;
        background-color: #e8181c;
        transform: translate(-50%, -50%)
    }

@media screen and (max-width: 991px) {
    #success-modal .modal {
        max-width: 65.875rem;
        width: 100%;
        padding: 4rem 2.5rem
    }
}

#success-modal .modal-content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

    #success-modal .modal-content .modal-title {
        margin-top: 2rem
    }

    #success-modal .modal-content .modal-title, #success-modal .modal-content .modal-description {
        color: #fff
    }

#fail-modal {
    position: fixed
}

    #fail-modal .modal {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 62.5rem;
        height: auto;
        padding: 5rem 3.5rem;
        gap: 5rem;
        border-radius: 2.5rem;
        background-color: #768dff;
        transform: translate(-50%, -50%)
    }

@media screen and (max-width: 991px) {
    #fail-modal .modal {
        max-width: 65.875rem;
        width: 100%;
        padding: 4rem 2.5rem
    }
}

#fail-modal .modal-content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

    #fail-modal .modal-content .modal-title {
        margin-top: 2rem
    }

    #fail-modal .modal-content .modal-title, #fail-modal .modal-content .modal-description {
        color: #fff
    }

#form-modal {
    position: fixed
}

    #form-modal .modal {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 62.5rem;
        height: auto;
        padding: 5rem 3.5rem;
        gap: 5rem;
        border-radius: 2.5rem;
        background-color: #f5f5f5;
        transform: translate(-50%, -50%)
    }

@media screen and (max-width: 991px) {
    #form-modal .modal {
        max-width: 65.875rem;
        width: 90%;
        padding: 4rem 2.5rem
    }
}

#form-modal .modal-cross {
    display: flex;
    justify-content: center;
    align-items: center;
    top: unset;
    right: unset;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: #fff
}

    #form-modal .modal-cross:hover svg path {
        fill: #e8181c
    }

#form-modal .modal-content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

#form-modal .modal-content_up {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#form-modal .modal-form form {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    max-width: 65.875rem;
    margin-left: auto;
    margin-top: -2.5rem;
    z-index: 1
}

@media screen and (max-width: 991px) {
    #form-modal .modal-form form {
        margin: 0 auto;
        margin-top: -2.5rem
    }
}

#form-modal .modal-form form .form_inputs-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

#form-modal .modal-form form br {
    display: none
}

#form-modal .modal-form form .form_field {
    position: relative;
    width: 100%
}

    #form-modal .modal-form form .form_field .input-placeholder {
        position: absolute;
        top: 1.875rem;
        left: 2.5rem;
        font-size: 2rem;
        font-weight: 500;
        line-height: normal;
        color: #2c2c2c;
        pointer-events: none;
        transition: top .3s ease-in-out,font-size .3s ease-in-out,line-height .3s ease-in-out
    }

@media screen and (max-width: 991px) {
    #form-modal .modal-form form .form_field .input-placeholder {
        top: 1.5rem;
        font-size: 1.5rem
    }
}

#form-modal .modal-form form .form_field .input-placeholder .required {
    display: none
}

#form-modal .modal-form form .form_field:focus-within .input-placeholder, #form-modal .modal-form form .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ .input-placeholder {
    top: 1.5rem !important;
    font-size: 1rem
}

#form-modal .modal-form form .form_field:focus-within input:not([type=checkbox],[type=radio],[type=submit]), #form-modal .modal-form form .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ input:not([type=checkbox],[type=radio],[type=submit]) {
    padding-top: 2.4375rem;
    padding-bottom: 1.1875rem
}

#form-modal .modal-form form .wpcf7-form.invalid .input-placeholder {
    color: #ff3c3c
}

#form-modal .modal-form form input:not([type=checkbox],[type=radio],[type=submit]), #form-modal .modal-form form textarea {
    width: 100%;
    height: 6.25rem;
    padding: 1.875rem 2.5rem;
    background-color: #fff;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    color: #2c2c2c;
    outline: none;
    border: .1rem solid #fff;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 991px) {
    #form-modal .modal-form form input:not([type=checkbox],[type=radio],[type=submit]), #form-modal .modal-form form textarea {
        height: 4.875rem;
        padding: 1.5rem 2.5rem;
        font-size: 1.5rem
    }
}

#form-modal .modal-form form input:not([type=checkbox],[type=radio],[type=submit])::placeholder, #form-modal .modal-form form textarea::placeholder {
    color: #2c2c2c
}

#form-modal .modal-form form input:not([type=checkbox],[type=radio],[type=submit]):hover, #form-modal .modal-form form input:not([type=checkbox],[type=radio],[type=submit]):focus, #form-modal .modal-form form textarea:hover, #form-modal .modal-form form textarea:focus {
    border-color: #e8181c
}

#form-modal .modal-form form input:not([type=checkbox],[type=radio],[type=submit]).wpcf7-not-valid, #form-modal .modal-form form textarea.wpcf7-not-valid {
    border-color: #ff3c3c
}

    #form-modal .modal-form form input:not([type=checkbox],[type=radio],[type=submit]).wpcf7-not-valid + .input-placeholder, #form-modal .modal-form form textarea.wpcf7-not-valid + .input-placeholder {
        color: #ff3c3c
    }

#form-modal .modal-form form input[type=submit] {
    height: 6rem;
    padding: 1.75rem 2.75rem;
    border-radius: 1rem;
    border: 1px solid rgba(0,0,0,.08);
    background-color: #e8181c;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    color: #fff;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 991px) {
    #form-modal .modal-form form input[type=submit] {
        height: 4.875rem;
        padding: 1.5rem 2.5rem;
        font-size: 1.5rem
    }
}

#form-modal .modal-form form input[type=submit]:hover {
    background-color: #b30e11
}

#form-modal .modal-form form .policy p {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: normal
}

@media screen and (max-width: 991px) {
    #form-modal .modal-form form .policy p {
        font-size: 1.375rem
    }
}

#form-modal .modal-form form .policy p a {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: normal;
    color: #e8181c
}

@media screen and (max-width: 991px) {
    #form-modal .modal-form form .policy p a {
        font-size: 1.375rem
    }
}

#form-modal .modal-form form .policy p a:hover {
    color: #b30e11
}

#modal-cookie {
    position: relative
}

    #modal-cookie .btn-green {
        color: #fff
    }

    #modal-cookie .modal {
        position: fixed
    }

    #modal-cookie .modal-cross {
        border-radius: 1rem
    }

@media screen and (max-width: 991px) {
    #modal-cookie .modal-cross {
        align-self: unset
    }
}

#modal-cookie .modal-content a {
    font-size: 2rem
}

@media screen and (max-width: 991px) {
    #modal-cookie .modal-content a {
        font-size: 1.75rem
    }
}

#modal-story.modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    will-change: opacity;
    z-index: -1
}

    #modal-story.modal-wrap.modal-show {
        opacity: 1;
        visibility: visible;
        background: rgba(20,20,20,.5);
        z-index: 10000
    }

@media screen and (max-width: 991px) {
    #modal-story.modal-wrap.modal-show {
        background-color: #fff
    }
}

#modal-story .modal {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    width: 141.25rem;
    height: 77.5rem;
    padding: 2.5rem;
    border-radius: 3.75rem;
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 991px) {
    #modal-story .modal {
        width: 100%;
        height: 100vh;
        padding: 2rem;
        border-radius: 0
    }
}

#modal-story .modal-wrapper {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
    align-items: start
}

@media screen and (max-width: 991px) {
    #modal-story .modal-wrapper {
        flex-direction: column-reverse;
        gap: 3rem;
        height: auto;
        overflow: auto
    }
}

#modal-story .modal-close {
    position: absolute;
    top: 5rem;
    right: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    background-color: #fff;
    border-radius: 50%;
    z-index: 10
}

@media screen and (max-width: 991px) {
    #modal-story .modal-close {
        top: 2.5rem;
        right: 3.125rem
    }
}

#modal-story .modal-close svg {
    width: 3rem;
    height: 3rem
}

#modal-story .modal-content {
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    max-width: 66.875rem;
    height: 100%
}

@media screen and (max-width: 991px) {
    #modal-story .modal-content {
        gap: 3rem;
        padding: 0;
        height: auto
    }
}

#modal-story .modal-content_text-wrapper {
    display: flex;
    flex-direction: column;
    max-height: 60.375rem;
    overflow: auto
}

@media screen and (max-width: 991px) {
    #modal-story .modal-content_text-wrapper {
        max-height: 100%;
        overflow: unset
    }
}

#modal-story .modal-content_text-wrapper .subtitle1 {
    margin-bottom: 2rem
}

@media screen and (max-width: 991px) {
    #modal-story .modal-content_text-wrapper .subtitle1 {
        margin-bottom: 1.5rem
    }
}

#modal-story .modal-content_text-wrapper .content h3 {
    margin-top: 3.5rem;
    margin-bottom: 2rem;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: normal
}

@media screen and (max-width: 991px) {
    #modal-story .modal-content_text-wrapper .content h3 {
        font-size: 1.625rem
    }
}

#modal-story .modal-content_text-wrapper .content p {
    margin-top: 1.5rem;
    font-size: 1.75rem;
    line-height: normal
}

@media screen and (max-width: 991px) {
    #modal-story .modal-content_text-wrapper .content p {
        font-size: 1.375rem
    }
}

#modal-story .modal-content_text-wrapper .content p strong {
    font-weight: 500
}

#modal-story .modal-content_link {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin-top: auto
}

    #modal-story .modal-content_link span {
        color: #e8181c
    }

#modal-story .modal-image-wrapper {
    height: 72.5rem;
    aspect-ratio: 107/116
}

@media screen and (max-width: 991px) {
    #modal-story .modal-image-wrapper {
        width: 100%;
        height: 25rem
    }
}

#modal-story .modal-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2.5rem
}

.contact-form__input-wrapper {
    margin-top: .8rem
}

.contact-form__extra {
    margin-top: 1.5rem
}

.contact-form__file-picker {
    margin-top: .8rem
}

@media screen and (max-width: 767px) {
    .contact-form__file-picker {
        margin-top: 1.5rem
    }
}

.contact-form__submit-wrapper {
    margin-top: 1.5rem
}

.contact-form__row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -0.4rem;
    margin-right: -0.4rem
}

@media screen and (max-width: 767px) {
    .contact-form__row {
        flex-direction: column
    }
}

.contact-form__row > * {
    flex: 1;
    padding-left: .4rem;
    padding-right: .4rem
}

.contact-form__row .contact-form__extra {
    margin-top: .8rem
}

@media screen and (max-width: 767px) {
    .contact-form__row .contact-form__extra {
        margin-top: 1.5rem
    }
}

.contact-form__row .contact-form__submit-wrapper {
    margin-top: .8rem
}

@media screen and (max-width: 767px) {
    .contact-form__row .contact-form__submit-wrapper {
        margin-top: 1.5rem
    }
}

@media screen and (max-width: 767px) {
    .contact-form--subscribe .contact-form__input-wrapper {
        order: 1
    }
}

@media screen and (max-width: 767px) {
    .contact-form--subscribe .contact-form__submit-wrapper {
        order: 3
    }
}

.contact-form--subscribe .contact-form__extra {
    width: 100%;
    flex: 0 1 auto
}

@media screen and (max-width: 767px) {
    .contact-form--subscribe .contact-form__extra {
        order: 2
    }
}

.swiper-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 2.4rem
}

@media screen and (max-width: 767px) {
    .swiper-footer {
        margin-top: 1.6rem
    }
}

.swiper-timeline-block {
    display: flex;
    align-items: center;
    gap: 1.6rem
}

.swiper-timeline {
    position: relative;
    width: 33.6rem;
    height: .4rem;
    border-radius: .8rem;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .swiper-timeline {
        width: 17.8rem
    }
}

.swiper-timeline .swiper-progress {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    transition: all .3s
}

.swiper-nav-block {
    display: flex;
    gap: 1.5rem;
    margin-left: auto
}

.swiper-nav-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    transition: all .3s
}

@media screen and (max-width: 767px) {
    .swiper-nav-btn {
        width: 3.2rem;
        height: 3.2rem
    }
}

.swiper-nav-btn:before {
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    left: 1.6rem;
    transform: rotate(45deg);
    transition: all .3s
}

@media screen and (max-width: 767px) {
    .swiper-nav-btn:before {
        left: 1.3rem
    }
}

.swiper-nav-btn.swiper-nav-btn__next:before {
    transform: rotate(-135deg);
    left: 1.1rem
}

@media screen and (max-width: 767px) {
    .swiper-nav-btn.swiper-nav-btn__next:before {
        left: .8rem
    }
}

@keyframes timeline {
    from {
        left: -100%
    }

    to {
        left: 0
    }
}

.header .header-wrapp .header_links-contact-wrapper {
    display: flex;
    align-items: center;
    gap: 3.5rem
}

@media screen and (max-width: 991px) {
    .header .header-wrapp .header_links-contact-wrapper .tel_number {
        display: none
    }
    .header .header-wrapp .header_links-contact-wrapper .header_btn-chat {
        display: none !important
    }
}

.header .header-wrapp .header_links-contact-wrapper .header_btn-chat {
    display: flex;
    padding: 1rem 2rem;
    border-radius: 1rem;
    background-color: #e8181c;
    border: .1rem solid rgba(0,0,0,.08);
    transition: background-color .3s ease-in-out
}

    .header .header-wrapp .header_links-contact-wrapper .header_btn-chat:hover {
        background-color: #b30e11
    }

    .header .header-wrapp .header_links-contact-wrapper .header_btn-chat img {
        width: 3.5rem;
        height: 3.5rem
    }

.header .header-wrapp .mob-menu {
    display: flex;
    top: 0;
    padding: .75rem .625rem;
    background: rgba(0,0,0,.8);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease-in-out
}

    .header .header-wrapp .mob-menu.show {
        visibility: visible;
        opacity: 1;
        pointer-events: auto
    }

        .header .header-wrapp .mob-menu.show .mob-menu-wrapper, .header .header-wrapp .mob-menu.show .mob-menu_btn-close {
            transform: translateX(0)
        }

    .header .header-wrapp .mob-menu .mob-menu-wrapper {
        display: flex;
        flex-direction: column;
        max-width: 78.125%;
        height: 100%;
        padding: 2.5rem 2rem;
        border-radius: 2rem;
        background-color: #fff;
        transform: translateX(-150%);
        transition: transform .3s ease-in-out
    }

    .header .header-wrapp .mob-menu nav {
        margin-top: 3rem;
        gap: 0
    }

        .header .header-wrapp .mob-menu nav ul {
            gap: 0
        }

            .header .header-wrapp .mob-menu nav ul li {
                display: flex
            }

                .header .header-wrapp .mob-menu nav ul li a {
                    font-size: 3.5rem;
                    font-weight: 600;
                    padding: 1.5rem 0
                }

        .header .header-wrapp .mob-menu nav .comparison-page-link {
            padding: 1.5rem 0
        }

            .header .header-wrapp .mob-menu nav .comparison-page-link span {
                font-size: 1.625rem;
                font-weight: 600
            }

    .header .header-wrapp .mob-menu .header_links-contact-wrapper {
        display: none
    }

@media screen and (max-width: 991px) {
    .header .header-wrapp .mob-menu .header_links-contact-wrapper {
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
        align-items: start;
        margin-top: auto
    }
}

.header .header-wrapp .mob-menu .header_btn-chat {
    width: 100%
}

.header .header-wrapp .mob-menu .tel {
    display: flex;
    gap: 1rem;
    align-items:center
}

.header .header-wrapp .mob-menu .mob-menu_btn-close {
    position: absolute;
    top: .75rem;
    right: .625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    padding: 1rem;
    background-color: #fff;
    border-radius: 50%;
    transform: translateX(150%);
    transition: transform .3s ease-in-out
}

    .header .header-wrapp .mob-menu .mob-menu_btn-close svg {
        width: 3rem;
        height: 3rem
    }

.footer {
    padding: 3.5rem 0;
    border-radius: 2.5rem 2.5rem 0 0
}

@media screen and (max-width: 991px) {
    .footer {
        padding: 2.5rem 0;
        border-radius: 2rem 2rem 0 0
    }
}

.footer .footer-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0
}

@media screen and (max-width: 991px) {
    .footer .footer-wrapper {
        padding: 0 1.5rem
    }
}

@media screen and (max-width: 991px) {
    .footer .footer-wrapper {
        flex-direction: column;
        gap: 5rem
    }
}

.footer .footer-wrapper .logo-footer {
    width: 18.375rem;
}

.footer .footer-wrapper .footer_info {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    max-width: 43.5rem
}

@media screen and (max-width: 991px) {
    .footer .footer-wrapper .footer_info {
        gap: 2.5rem
    }
}

.footer .footer-wrapper .footer_info span, .footer .footer-wrapper .footer_info a {
    color: #fff
}

    .footer .footer-wrapper .footer_info a:hover {
        color: #e8181c
    }

.footer .footer-wrapper .footer_info-copyright-policy {
    max-width: 35.5rem
}

.footer .footer-wrapper .footer_navigation {
    position: absolute;
    top: 0;
    left: 50%;
    height: 13.75rem;
    transform: translateX(-50%)
}

@media screen and (max-width: 991px) {
    .footer .footer-wrapper .footer_navigation {
        position: static;
        height: auto;
        transform: translate(0)
    }
}

.footer .footer-wrapper .footer_navigation ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    direction: ltr;
    row-gap: 1.75rem;
    column-gap: .5rem
}

@media screen and (max-width: 991px) {
    .footer .footer-wrapper .footer_navigation ul {
        display: flex;
        flex-direction: column;
        gap: 0;
        direction: unset
    }
}

.footer .footer-wrapper .footer_navigation ul li {
    display: flex;
    justify-content: center;
    min-width: 26.25rem
}

@media screen and (max-width: 991px) {
    .footer .footer-wrapper .footer_navigation ul li {
        justify-content: start
    }
}

.footer .footer-wrapper .footer_navigation ul li a {
    font-size: 1.75rem;
    line-height: normal;
    color: #fff
}

@media screen and (max-width: 991px) {
    .footer .footer-wrapper .footer_navigation ul li a {
        font-size: 1.375rem
    }
}

@media screen and (max-width: 991px) {
    .footer .footer-wrapper .footer_navigation ul li a {
        padding: .75rem 0
    }
}

.footer .footer-wrapper .footer_navigation ul li a:hover {
    color: #e8181c
}

.footer .footer-wrapper .footer_contacts {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 25.75rem
}

    .footer .footer-wrapper .footer_contacts span, .footer .footer-wrapper .footer_contacts a {
        color: #fff
    }

        .footer .footer-wrapper .footer_contacts a:hover {
            color: #e8181c
        }

    .footer .footer-wrapper .footer_contacts .socials {
        margin-top: 2.75rem
    }

        .footer .footer-wrapper .footer_contacts .socials ul {
            display: flex;
            gap: 1.875rem
        }

            .footer .footer-wrapper .footer_contacts .socials ul li a svg {
                width: 3.5rem;
                height: 3.5rem
            }

                .footer .footer-wrapper .footer_contacts .socials ul li a svg path {
                    transition: fill .3s ease-in-out
                }

            .footer .footer-wrapper .footer_contacts .socials ul li a:hover svg path {
                fill: #e8181c
            }

.blog-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2.5rem;
    row-gap: 3.5rem
}

@media screen and (max-width: 991px) {
    .blog-list {
        display: flex;
        flex-direction: column;
        gap: 2rem
    }
}

.blog-list .blog-item {
    padding: 2.5rem 2.5rem 3.5rem 2.5rem;
    background-color: #fff;
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .blog-list .blog-item {
        padding: 2rem;
        border-radius: 2rem
    }
}

.blog-list .blog-item .blog-item_link {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 991px) {
    .blog-list .blog-item .blog-item_link {
        gap: 2rem
    }
}

.blog-item_image {
    margin:auto;
    border-radius: 2rem;
    object-fit: cover
}

@media screen and (max-width: 991px) {
    .blog-item_image {
    }
}

.blog-list .blog-item .blog-item_content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media screen and (max-width: 991px) {
    .blog-list .blog-item .blog-item_content {
        gap: 1rem
    }
}

.blog-list .blog-item .blog-item_content-text {
    display: flex;
    gap: 2.5rem
}

.blog-list .blog-item .blog-item_time {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .blog-list .blog-item .blog-item_time svg {
        width: 1.75rem;
        height: 1.75rem
    }

.ui-kit {
    display: flex;
    flex-direction: column;
    gap: 3.2rem
}

    .ui-kit section {
        background: #444;
        padding: 12rem 0
    }

        .ui-kit section .row {
            flex-shrink: 0;
            display: flex;
            width: 100%;
            margin-top: 1.6rem;
            gap: 1.6rem
        }

@media screen and (max-width: 767px) {
    .ui-kit section .row {
        flex-direction: column
    }
}

.ui-kit section .inner {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem
}

@media screen and (max-width: 767px) {
    .ui-kit section .inner {
        flex-wrap: wrap
    }
}

.ui-kit section .column {
    width: auto;
    padding-left: .8rem;
    padding-right: .8rem;
    padding-bottom: 1.5rem
}

.ui-kit section .title {
    margin-bottom: 1rem;
    font-family: "Monstserrat",sans-serif;
    font-size: 3rem
}

.ui-kit section .item {
    margin-top: 1.5rem
}

.ui-kit section .bkg-light {
    background-color: gray
}

.ui-kit .colors .row {
    margin-top: 1.6rem
}

    .ui-kit .colors .row div {
        width: 19.9rem;
        height: 19.9rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

.ui-kit .typography .column {
    width: 50%;
    flex-direction: column
}

    .ui-kit .typography .column h1, .ui-kit .typography .column h2, .ui-kit .typography .column h3, .ui-kit .typography .column p {
        margin-top: 2.9rem
    }

.ui-kit .selects .column {
    width: 30rem
}

.ui-kit .form-elements .inner {
    justify-content: center;
    background: gray
}

.ui-kit .form-elements form {
    width: 37.9rem
}

@media screen and (max-width: 767px) {
    .ui-kit .column {
        width: 100% !important
    }
}

.page-404 {
    padding: 0
}

.page-404_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4rem
}

@media screen and (max-width: 767px) {
    .page-404_container {
        padding: 4rem 1.4rem 4rem 1.6rem;
        height: 100vh
    }
}

.page-404_logo {
    width: 18rem;
    height: 7.6rem;
    margin-bottom: 18.3rem
}

@media screen and (max-width: 991px) {
    .page-404_logo {
        margin-bottom: 24.3rem
    }
}

@media screen and (max-width: 767px) {
    .page-404_logo {
        margin-bottom: 4rem
    }
}

.page-404_logo img {
    width: 100%;
    height: 100%
}

.page-404_wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2.4rem;
    max-width: 55rem;
    padding: 4rem;
    margin-right: 37rem;
    border-radius: .8rem
}

@media screen and (max-width: 991px) {
    .page-404_wrapper {
        margin-right: auto;
        gap: 1.6rem
    }
}

@media screen and (max-width: 767px) {
    .page-404_wrapper {
        align-items: center;
        gap: 1.6rem;
        max-width: 37.5rem;
        padding: 2.4rem;
        margin: 0
    }
}

@media screen and (max-width: 767px) {
    .page-404_text {
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .page-404_btn {
        width: 100%;
        margin-bottom: 9.6rem;
        margin-top: .4rem;
        padding: .1rem .6rem
    }
}

.page-404_btn span {
    border-radius: .5rem
}

.page-404_image-wrapper {
    margin-top: -33rem;
    margin-left: 58rem;
    max-width: 48rem;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .page-404_image-wrapper {
        margin-top: -31rem;
        margin-left: 46rem
    }
}

@media screen and (max-width: 767px) {
    .page-404_image-wrapper {
        min-width: 37.5rem;
        max-width: 40.5rem;
        height: auto;
        margin-left: 0;
        margin-top: -5.3rem
    }
}

.page-404_image {
    width: 100%
}

.card-page .card {
    display: flex
}

.card-page .btn-green {
    color: #fff
}

.card-page .policy p {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.card-page .wpcf7-list-item {
    position: relative;
    display: flex
}

    .card-page .wpcf7-list-item label {
        position: static;
        gap: 1rem
    }

.card-page form {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    max-width: 65.875rem;
    min-width: 65.875rem;
    margin-left: auto;
    margin-top: -2.5rem;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .card-page form {
        min-width: auto;
        margin: 0 auto;
        margin-top: -2.5rem
    }
}

.card-page form .form_inputs-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.card-page form br {
    display: none
}

.card-page form .form_field {
    position: relative;
    width: 100%
}

    .card-page form .form_field .input-placeholder {
        position: absolute;
        top: 1.875rem;
        left: 2.5rem;
        font-size: 2rem;
        font-weight: 500;
        line-height: normal;
        color: #2c2c2c;
        pointer-events: none;
        transition: top .3s ease-in-out,font-size .3s ease-in-out,line-height .3s ease-in-out
    }

@media screen and (max-width: 991px) {
    .card-page form .form_field .input-placeholder {
        top: 1.5rem;
        font-size: 1.5rem
    }
}

.card-page form .form_field .input-placeholder .required {
    display: none
}

.card-page form .form_field:focus-within .input-placeholder, .card-page form .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ .input-placeholder {
    top: 1.5rem !important;
    font-size: 1rem
}

.card-page form .form_field:focus-within input:not([type=checkbox],[type=radio],[type=submit]), .card-page form .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ input:not([type=checkbox],[type=radio],[type=submit]) {
    padding-top: 2.4375rem;
    padding-bottom: 1.1875rem
}

.card-page form .wpcf7-form.invalid .input-placeholder {
    color: #ff3c3c
}

.card-page form input:not([type=checkbox],[type=radio],[type=submit]), .card-page form textarea {
    width: 100%;
    height: 6.25rem;
    padding: 1.875rem 2.5rem;
    background-color: #fff;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    color: #2c2c2c;
    outline: none;
    border: .1rem solid #fff;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 991px) {
    .card-page form input:not([type=checkbox],[type=radio],[type=submit]), .card-page form textarea {
        height: 4.875rem;
        padding: 1.5rem 2.5rem;
        font-size: 1.5rem
    }
}

.card-page form input:not([type=checkbox],[type=radio],[type=submit])::placeholder, .card-page form textarea::placeholder {
    color: #2c2c2c
}

.card-page form input:not([type=checkbox],[type=radio],[type=submit]):hover, .card-page form input:not([type=checkbox],[type=radio],[type=submit]):focus, .card-page form textarea:hover, .card-page form textarea:focus {
    border-color: #e8181c
}

.card-page form input:not([type=checkbox],[type=radio],[type=submit]).wpcf7-not-valid, .card-page form textarea.wpcf7-not-valid {
    border-color: #ff3c3c
}

    .card-page form input:not([type=checkbox],[type=radio],[type=submit]).wpcf7-not-valid + .input-placeholder, .card-page form textarea.wpcf7-not-valid + .input-placeholder {
        color: #ff3c3c
    }

.card-page form input[type=submit] {
    height: 6rem;
    padding: 1.75rem 2.75rem;
    border-radius: 1rem;
    border: 1px solid rgba(0,0,0,.08);
    background-color: #e8181c;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    color: #fff;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 991px) {
    .card-page form input[type=submit] {
        height: 4.875rem;
        padding: 1.5rem 2.5rem;
        font-size: 1.5rem
    }
}

.card-page form input[type=submit]:hover {
    background-color: #b30e11
}

.hero-block {
    margin-bottom: 15rem;
    padding-top:2rem
}

@media screen and (max-width: 991px) {
    .hero-block {
        margin-bottom: 8rem
    }
}

.hero-block .hero-block_slider {
    position: relative;
    height: 62.5rem;
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .hero-block .hero-block_slider {
        height: 109rem
    }
}
@media (max-width: 768px) {
    .hero-block .hero-block_slider {
        height: 109rem
    }
}

@media  (max-width: 560px) {
    .hero-block .hero-block_slider {
        height: 75rem
    }
}

.hero-block .hero-block_slider-slide {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    padding: 0 10rem;
    padding-top: 8.125rem;
    padding-bottom: 8.125rem;
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .hero-block .hero-block_slider-slide {
        padding: 6.25rem 2rem;
        gap: 2.5rem;
        justify-content: start;
        border-radius: 2rem
    }
}

.hero-block .hero-block_slider-slide .btn {
    margin-top: 3.5rem;
    width: fit-content
}

@media screen and (max-width: 991px) {
    .hero-block .hero-block_slider-slide .btn {
        width: max-content
    }
}

.hero-block .hero-block_slider-slide .h1, .hero-block .hero-block_slider-slide .h2 {
    color: #fff;
    max-width: 105rem
}

.hero-block .hero-block_slider-slide:first-child {
    padding-top: 16.625rem;
    padding-bottom: 16.625rem
}

@media screen and (max-width: 991px) {
    .hero-block .hero-block_slider-slide:first-child {
        padding: 6.25rem 2rem
    }
}

@media screen and (max-width: 991px) {
    .hero-block .hero-block_slider-slide .h2 {
        font-size: 3.5rem !important
    }
}


@media screen and (max-width: 991px) {
    .hero-block .hero-block_slider-slide .hero-block_slider-slide-first-description {
        font-size: 3rem
    }
}

@media (max-width: 560px) {
    .hero-block .hero-block_slider-slide .h2 {
        font-size: 2.5rem !important
    }
}

.hero-block .hero-block_slider-slide .hero-block_slider-slide-first-description-text {
    position: relative
}

@media screen and (max-width: 991px) {
    .hero-block .hero-block_slider-slide .hero-block_slider-slide-first-description-text {
        display: flex;
        width: fit-content
    }
}

.hero-block .hero-block_slider-slide .hero-block_slider-slide-first-description-text.__underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 3px;
    background: #b3ffaa;
    border-radius: 10px
}

.hero-block .hero-block_slider-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 66.25rem;
    gap: 1.25rem;
    margin-top: 3.5rem
}

@media screen and (max-width: 991px) {
    .hero-block .hero-block_slider-list {
        gap: .625rem;
        margin: 0 auto;
        max-width: 86.25rem;
      
        margin-top: 0
    }
}

.hero-block .hero-block_slider-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem 2.5rem;
    background-color: hsla(0,0%,100%,.1);
    box-shadow: 0 0 1.375rem 0 rgba(0,0,0,.04);
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .hero-block .hero-block_slider-item {
        padding: 1rem .5rem;
        gap: 1rem;
        min-height:12rem
    }
}

.hero-block .hero-block_slider-item img {
    width: 4.5rem;
    height: 4.5rem
}

.hero-block .hero-block_slider-item .text3 {
    text-align: center;
    color: #fff
}

.hero-block .hero-block_slider-slide-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

    .hero-block .hero-block_slider-slide-background .hero-block_slider-slide-background-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 2.5rem
    }

@media screen and (max-width: 991px) {
    .hero-block .hero-block_slider-slide-background .hero-block_slider-slide-background-image {
        border-radius: 2rem
    }
}

@media  (max-width: 991px) {
    .hero-block .hero-block_slider-slide-background .hero-block_slider-slide-background-image.__desktop {
        display: none
    }
    .hero-block .hero-block_slider-slide-background .hero-block_slider-slide-background-image.__mobile {
        display: none
    }
}

.hero-block .hero-block_slider-slide-background .hero-block_slider-slide-background-image.__mobile {
    display: none
}
.hero-block .hero-block_slider-slide-background .hero-block_slider-slide-background-image.__tablet {
    display: none
}

@media (max-width: 991px) {
    .hero-block .hero-block_slider-slide-background .hero-block_slider-slide-background-image.__tablet {
        display: block
    }
    .hero-block .hero-block_slider-slide-background .hero-block_slider-slide-background-image.__mobile {
        display: none
    }

}
@media  (max-width: 560px) {
    .hero-block .hero-block_slider-slide-background .hero-block_slider-slide-background-image.__mobile {
        display: block
    }
    .hero-block .hero-block_slider-slide-background .hero-block_slider-slide-background-image.__tablet {
        display: none
    }
}

.hero-block .hero-block_slider-button {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 1.5625rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: background-color .3s ease-in-out;
    z-index: 1
}

    .hero-block .hero-block_slider-button:hover, .hero-block .hero-block_slider-button:active {
        background-color: hsla(0,0%,100%,.4)
    }

@media screen and (max-width: 991px) {
    .hero-block .hero-block_slider-button {
        display: none
    }
}

.hero-block .hero-block_slider-button svg {
    width: 1.875rem;
    height: 3rem
}

.hero-block .hero-block_slider-button__left {
    left: 1rem
}

.hero-block .hero-block_slider-button__right {
    right: 1rem
}

.hero-block_slider-pagination {
    position: absolute !important;
    bottom: 1.5rem;
    display: flex;
    justify-content: center;
    gap: .5rem;
    padding: 0
}

    .hero-block_slider-pagination .swiper-pagination-bullet {
        margin: 0;
        opacity: 1;
        background-color: hsla(0,0%,100%,.3)
    }

    .hero-block_slider-pagination .swiper-pagination-bullet-active {
        width: 1.875rem;
        border-radius: 12.5rem;
        background-color: #fff
    }

.front-page .work {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .front-page .work {
        margin-bottom: 8rem
    }
}

.front-page .work .work_title {
    margin-bottom: 5rem;
    text-align: center;
    color: #434343
}

@media screen and (max-width: 991px) {
    .front-page .work .work_title {
        margin-bottom: 3rem
    }
}

.front-page .work .work_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.5rem
}

@media screen and (max-width: 991px) {
    .front-page .work .work_list {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        margin: 0 auto;
    }
}

.front-page .work .work_item {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding: 3.5rem;
    background-color: #fff;
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .front-page .work .work_item {
        gap: 2rem;
        padding: 2rem
    }
}

.front-page .work .work_item img {
    width: 12rem;
    height: auto
}

@media screen and (max-width: 991px) {
    .front-page .work .work_item img {
        width: 8.5rem;
        height: auto
    }
}

.front-page .work .work_item .work_item-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    color: #434343
}

@media screen and (max-width: 991px) {
    .front-page .work .work_item .work_item-text-wrapper {
        gap: 1rem
    }
}

.front-page .tech-support {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .front-page .tech-support {
        margin-bottom: 8rem
    }
}

.front-page .tech-support .tech-support_title {
    margin-bottom: 5rem;
    text-align: center;
    color: #434343
}

@media screen and (max-width: 991px) {
    .front-page .tech-support .tech-support_title {
        margin-bottom: 3rem
    }
}

.front-page .tech-support .tech-support_content-wrapper {
    display: flex;
    width: 141.25rem;
    gap: 2.5rem;
    padding: 2.5rem;
    margin: 0 auto;
    margin-bottom: 2.5rem;
    background-color: #fff;
    border-radius: 3.75rem
}

@media screen and (max-width: 991px) {
    .front-page .tech-support .tech-support_content-wrapper {
        flex-direction: column;
        gap: 2.5rem;
        padding: 2rem;
        width: 100%;
 
    }
}

@media (max-width: 560px) {
    
}

.front-page .tech-support .tech-support_content {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    padding: 2.5rem
}

@media screen and (max-width: 991px) {
    .front-page .tech-support .tech-support_content {
        gap: 2.5rem;
        padding: 0
    }
}

.front-page .tech-support .tech-support_content-icon {
    width: 10rem;
    height: auto
}

@media screen and (max-width: 991px) {
    .front-page .tech-support .tech-support_content-icon {
        width: 8rem;
        height: auto
    }
}

.front-page .tech-support .tech-support_content-text p {
    font-size: 2rem;
    line-height: normal
}

@media screen and (max-width: 767px) {
    .front-page .tech-support .tech-support_content-text p {
        font-size: 1.75rem
    }
}

.front-page .tech-support .tech-support_content-text p:not(:last-child) {
    margin-bottom: 2.5rem
}

@media screen and (max-width: 991px) {
    .front-page .tech-support .tech-support_content-text p:not(:last-child) {
        margin-bottom: 1.5rem
    }
}

.front-page .tech-support .tech-support_main-image {
    display: flex;
    height: 50.75rem;
    flex-direction: column;
    align-items: flex-end;
    gap: 2.5rem;
    flex: 1 0 0;
    aspect-ratio: 302/201;
    border-radius: 2.5rem;
    object-fit: cover
}

@media screen and (max-width: 991px) {
    .front-page .tech-support .tech-support_main-image {
        height: 23.125rem;
        border-radius: 2rem
    }
}

.front-page .tech-support .tech-support_list {
    display: flex;
    gap: 2.5rem;
    width: 141.25rem;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .front-page .tech-support .tech-support_list {
        flex-direction: column;
        gap: 1rem;
        width: 100%;
    }
}

.front-page .tech-support .tech-support_item {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    padding: 2.5rem 3.5rem;
    border-radius: 3.75rem;
    background-color: #fff;
    flex: 1 0 0
}

@media screen and (max-width: 991px) {
    .front-page .tech-support .tech-support_item {
        justify-content: space-between;
        border-radius: 3rem;
        padding: 2rem
    }
}

.front-page .tech-support .tech-support_item .subtitle2 {
    flex: 1 0 0;
    color: #434343
}

.front-page .tech-support .tech-support_item img {
    width: 12rem;
    height: auto
}

.front-page .development {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .front-page .development {
        margin-bottom: 8rem
    }
}

.front-page .development .development_container {
    position: relative;
    width: 141.25rem;
    padding: 10rem 8rem;
    margin: 0 auto;
    border-radius: 2.5rem;
    background-color: #469be9
}

@media screen and (max-width: 991px) {
    .front-page .development .development_container {
        width: 100%;
        padding: 3.5rem 2rem
    }
}

.front-page .development .development_content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    max-width: 64.875rem;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .front-page .development .development_content {
        max-width: 100%;
        gap: 2rem;
        margin-bottom: 32.5rem
    }
}

.front-page .development .development_content .h2, .front-page .development .development_content .text1 {
    color: #fff
}

    .front-page .development .development_content .text1 p {
        font-size: 2.25rem;
        line-height: normal
    }

@media screen and (max-width: 991px) {
    .front-page .development .development_content .text1 p {
        font-size: 1.625rem
    }
}

.front-page .development .development_content .text1 p:not(:last-child) {
    margin-bottom: 2.25rem
}

@media screen and (max-width: 991px) {
    .front-page .development .development_content .text1 p:not(:last-child) {
        margin-bottom: 1.625rem
    }
}

.front-page .development .development_background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

    .front-page .development .development_background .development_background-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 2.5rem
    }

@media screen and (max-width: 991px) {
    .front-page .development .development_background .development_background-image.__desktop {
        display: none
    }
}

.front-page .development .development_background .development_background-image.__mobile {
    display: none
}

@media screen and (max-width: 991px) {
    .front-page .development .development_background .development_background-image.__mobile {
        display: flex
    }
}

.front-page .success-story {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .front-page .success-story {
        margin-bottom: 8rem
    }
}

.front-page .success-story .success-story_title {
    text-align: center;
    margin-bottom: 5rem
}

@media screen and (max-width: 991px) {
    .front-page .success-story .success-story_title {
        margin-bottom: 3rem
    }
}

.front-page .success-story .success-story_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2.5rem;
    margin: 0 auto
}

@media (max-width: 991px) {
    .front-page .success-story .success-story_list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 2.5rem;
        max-width: 55rem;
        margin: 0 auto
    } 
}

@media (max-width: 560px) {
    .front-page .success-story .success-story_list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 2.5rem;
        max-width: 50rem;
        margin: 0 auto
    }
}

.front-page .success-story .success-story_item {
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    background-color: #fff;
    max-width:55rem;
    border-radius: 2.5rem;
    cursor: pointer
}
@media (min-width: 991px) {
    .front-page .success-story .success-story_list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 2.5rem;
        margin: 0 auto
    }
}


@media screen and (max-width: 991px) {
    .front-page .success-story .success-story_item {
        padding: 2rem;
        border-radius: 2rem
    }
}

.front-page .success-story .success-story_item.__hidden {
    display: none
}

.front-page .success-story .success-story_item-image {
    width: 50rem;
    height: 35rem;
    border-radius: 1rem;
    object-fit: cover
}

@media screen and (max-width: 991px) {
    .front-page .success-story .success-story_item-image {
        width: 100%;
        height: 19.5rem
    }
}

.front-page .success-story .success-story_item-content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 3.5rem 0
}

@media screen and (max-width: 991px) {
    .front-page .success-story .success-story_item-content {
        padding: 2rem 0;
        gap: 1.5rem
    }
}

.front-page .success-story .success-story_item-content .text2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.front-page .success-story .success-story_item-content-modal {
    display: none
}

.front-page .success-story .success-story_button {
    margin: 0 auto;
    margin-top: 5rem
}

.front-page .delivery {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .front-page .delivery {
        margin-bottom: 8rem
    }
}

.front-page .delivery .delivery_title {
    text-align: center;
    margin-bottom: 5rem
}

@media screen and (max-width: 991px) {
    .front-page .delivery .delivery_title {
        margin-bottom: 3rem
    }
}

.front-page .delivery .delivery_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
    max-width: 141.25rem;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .front-page .delivery .delivery_list {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
}

.front-page .delivery .delivery_card {
    position: relative;
    min-height: 74.125rem;
    padding: 3.5rem;
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .front-page .delivery .delivery_card {
        padding: 2.5rem 2rem;
        min-height: 51rem
    }
}

.front-page .delivery .delivery_card:nth-of-type(odd) {
/*    background-color: rgba(70,155,233,.2) */
}

.front-page .delivery .delivery_card:nth-of-type(even) {
    background-color: #fff
}

.front-page .delivery .delivery_card:first-child {
    padding-bottom: 25rem
}

@media screen and (max-width: 991px) {
    .front-page .delivery .delivery_card:first-child {
        padding-bottom: 20rem
    }
}

.front-page .delivery .delivery_card:nth-child(2) {
    padding-bottom: 20rem
}

@media screen and (max-width: 991px) {
    .front-page .delivery .delivery_card:nth-child(2) {
        padding-bottom: 17.5rem
    }
}

.front-page .delivery .delivery_card-content h3 {
    margin-bottom: 2rem;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: normal
}

@media screen and (max-width: 991px) {
    .front-page .delivery .delivery_card-content h3 {
        font-size: 2rem;
        margin-bottom: 1.5rem
    }
}

.front-page .delivery .delivery_card-content h4 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: normal
}

    .front-page .delivery .delivery_card-content h4 strong {
        font-weight: 500
    }

@media screen and (max-width: 991px) {
    .front-page .delivery .delivery_card-content h4 {
        font-size: 1.625rem
    }
}

.front-page .delivery .delivery_card-content p {
    margin-bottom: 2rem;
    font-size: 2.25rem;
    line-height: normal
}

@media screen and (max-width: 991px) {
    .front-page .delivery .delivery_card-content p {
        font-size: 1.625rem
    }
}

.front-page .delivery .delivery_card-content p strong {
    font-weight: 500
}

.front-page .delivery .delivery_card-content ul, .front-page .delivery .delivery_card-content ol {
    margin-top: 2rem;
    padding-left: 3rem
}

@media screen and (max-width: 991px) {
    .front-page .delivery .delivery_card-content ul, .front-page .delivery .delivery_card-content ol {
        margin-top: 1.5rem;
        padding-left: 2rem
    }
}

.front-page .delivery .delivery_card-content ul li, .front-page .delivery .delivery_card-content ol li {
    margin-bottom: 2rem;
    font-size: 2.25rem;
    line-height: normal
}

@media screen and (max-width: 991px) {
    .front-page .delivery .delivery_card-content ul li, .front-page .delivery .delivery_card-content ol li {
        font-size: 1.625rem;
        margin-bottom: 1.5rem
    }
}

.front-page .delivery .delivery_card-background {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 34.25rem;
}

@media screen and (max-width: 991px) {
    .front-page .delivery .delivery_card-background {
        width: 22.75rem;
    }
}

.front-page .delivery .delivery_card-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none
}

.front-page .faq {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .front-page .faq {
        margin-bottom: 8rem
    }
}

.front-page .faq .faq_title {
    text-align: center;
    margin-bottom: 5rem
}

@media screen and (max-width: 991px) {
    .front-page .faq .faq_title {
        margin-bottom: 3rem
    }
}

.front-page .faq .faq_list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 141.25rem;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .front-page .faq .faq_list {
    }
}

.front-page .faq .faq_dropdown {
    padding: 2.5rem 3.5rem;
    border-radius: 2.5rem;
    background-color: #fff;
    transition: background-color .3s ease-in-out
}

@media screen and (max-width: 991px) {
    .front-page .faq .faq_dropdown {
        padding: 2rem
    }
}

.front-page .faq .faq_dropdown.__active {
    background-color: #e8181c
}

    .front-page .faq .faq_dropdown.__active .faq_dropdown-question {
        color: #fff
    }

    .front-page .faq .faq_dropdown.__active .faq_dropdown-answer {
        margin-top: 1rem
    }

    .front-page .faq .faq_dropdown.__active .faq_dropdown-arrow {
        transform: rotate(-180deg);
        background-color: #fff
    }

.front-page .faq .faq_dropdown-question-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3.5rem
}

.front-page .faq .faq_dropdown-question {
    transition: color .3s ease
}

.front-page .faq .faq_dropdown-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 5rem;
    height: 5rem;
    background-color:rgba(232,24,28,.08);
    border-radius: 50%;
    transition: all .3s ease-in-out
}

    .front-page .faq .faq_dropdown-arrow svg {
        width: 3.5rem;
        height: 3.5rem
    }

.front-page .faq .faq_dropdown-answer {
    word-wrap: break-word;
    color: #fff;
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease
}

.front-page .form-block {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .front-page .form-block {
        margin-bottom: 8rem
    }
}

.front-page .form-block .form-block_title {
    text-align: center;
    margin-bottom: 5rem
}

@media screen and (max-width: 991px) {
    .front-page .form-block .form-block_title {
        margin-bottom: 3rem
    }
}

.front-page .form-block .form-block_wrapper {
    position: relative;
    max-width: 141.25rem;
    min-height: 47rem;
    padding: 5rem;
    margin: 0 auto;
    background-color:rgba(232,24,28,.08);
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .front-page .form-block .form-block_wrapper {
        border-radius: 2rem;
        padding: 2rem;
        min-height: 90.25rem;
    }
}
@media screen and (max-width: 768px) {
    .front-page .form-block .form-block_wrapper {
        min-height: 70.25rem;
    }
}

.front-page .form-block .policy p {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.front-page .form-block .wpcf7-list-item {
    position: relative;
    display: flex
}

    .front-page .form-block .wpcf7-list-item label {
        position: static;
        gap: 1rem
    }

.front-page .form-block input[type=checkbox]::before {
    width: 2.4rem;
    height: 2.4rem
}

.front-page .form-block input[type=checkbox]:checked::after {
    content: "";
    position: absolute;
    left: .9rem;
    top: .9rem;
    width: .7rem;
    height: 2rem;
    border: solid #e8181c;
    border-width: 0 .3rem .3rem 0;
    transform: rotate(45deg);
}

@media screen and (max-width: 991px) {
    .front-page .form-block input[type=checkbox]:checked::after {
        left: .8rem;
        top: .7rem
    }
}

.front-page .form-block input:hover, .front-page .form-block input:focus {
    border: none;
    outline: .125rem solid #e8181c
}

.front-page .form-block form {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    max-width: 65.875rem;
    margin-left: auto;
    margin-top: -2.5rem;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .front-page .form-block form {
        margin: 0 auto;
        margin-top: -2.5rem
    }
}

.front-page .form-block form .form_inputs-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.front-page .form-block form br {
    display: none
}

.front-page .form-block form .form_field {
    position: relative;
    width: 100%
}

    .front-page .form-block form .form_field .input-placeholder {
        position: absolute;
        top: 1.875rem;
        left: 2.5rem;
        font-size: 2rem;
        font-weight: 500;
        line-height: normal;
        color: #2c2c2c;
        pointer-events: none;
        transition: top .3s ease-in-out,font-size .3s ease-in-out,line-height .3s ease-in-out
    }

@media screen and (max-width: 991px) {
    .front-page .form-block form .form_field .input-placeholder {
        top: 1.5rem;
        font-size: 1.5rem
    }
}

.front-page .form-block form .form_field .input-placeholder .required {
    display: none
}

.front-page .form-block form .form_field:focus-within .input-placeholder, .front-page .form-block form .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ .input-placeholder {
    top: 1.5rem !important;
    font-size: 1rem
}

.front-page .form-block form .form_field:focus-within input:not([type=checkbox],[type=radio],[type=submit]), .front-page .form-block form .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ input:not([type=checkbox],[type=radio],[type=submit]) {
    padding-top: 2.4375rem;
    padding-bottom: 1.1875rem
}

.front-page .form-block form .wpcf7-form.invalid .input-placeholder {
    color: #ff3c3c
}

.front-page .form-block form input:not([type=checkbox],[type=radio],[type=submit]), .front-page .form-block form textarea {
    width: 100%;
    height: 6.25rem;
    padding: 1.875rem 2.5rem;
    background-color: #fff;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    color: #2c2c2c;
    outline: none;
    border: .1rem solid #fff;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 991px) {
    .front-page .form-block form input:not([type=checkbox],[type=radio],[type=submit]), .front-page .form-block form textarea {
        height: 6.25rem;
        padding: 1.5rem 2.5rem;
        font-size: 1.5rem
    }
}

@media (max-width: 560px) {
    .front-page .form-block form input:not([type=checkbox],[type=radio],[type=submit]), .front-page .form-block form textarea {
        height: 4.875rem;
    }
}

.front-page .form-block form input:not([type=checkbox],[type=radio],[type=submit])::placeholder, .front-page .form-block form textarea::placeholder {
    color: #2c2c2c
}

.front-page .form-block form input:not([type=checkbox],[type=radio],[type=submit]):hover, .front-page .form-block form input:not([type=checkbox],[type=radio],[type=submit]):focus, .front-page .form-block form textarea:hover, .front-page .form-block form textarea:focus {
    border-color: #e8181c
}

.front-page .form-block form input:not([type=checkbox],[type=radio],[type=submit]).wpcf7-not-valid, .front-page .form-block form textarea.wpcf7-not-valid {
    border-color: #ff3c3c
}

    .front-page .form-block form input:not([type=checkbox],[type=radio],[type=submit]).wpcf7-not-valid + .input-placeholder, .front-page .form-block form textarea.wpcf7-not-valid + .input-placeholder {
        color: #ff3c3c
    }

.front-page .form-block form input[type=submit] {
    height: 6rem;
    padding: 1.75rem 2.75rem;
    border-radius: 1rem;
    border: 1px solid rgba(0,0,0,.08);
    background-color: #e8181c;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    color: #fff;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 991px) {
    .front-page .form-block form input[type=submit] {
        padding: 1.5rem 2.5rem;
        font-size: 1.5rem
    }
}

.front-page .form-block form input[type=submit]:hover {
    background-color: #b30e11
}

.front-page .form-block .form-block_background-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2.5rem;
    z-index: 0
}

    .front-page .form-block .form-block_background-wrapper .form-block_background-image {
        width: 100%;
        height: 100%;
        border-radius: 2.5rem;
        pointer-events: none;
        object-fit: cover
    }

.front-page .form-block .policy p, .front-page .form-block .policy span {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: normal
}

@media screen and (max-width: 991px) {
    .front-page .form-block .policy p, .front-page .form-block .policy span {
        font-size: 1.375rem
    }
}

.front-page .form-block .policy p a, .front-page .form-block .policy span a {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: normal;
    color: #e8181c
}

@media screen and (max-width: 991px) {
    .front-page .form-block .policy p a, .front-page .form-block .policy span a {
        font-size: 1.375rem
    }
}

.front-page .form-block .policy p a:hover, .front-page .form-block .policy span a:hover {
    color: #b30e11
}

.front-page .catalog-block {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .front-page .catalog-block {
        margin: 0 auto;
        margin-bottom: 8rem;
    }
}

.front-page .catalog-block .catalog-block_title {
    text-align: center;
    margin-bottom: 2.5rem
}

.front-page .catalog-block .catalog-block_tabs-wrapper {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 5rem
}

@media screen and (max-width: 991px) {
    .front-page .catalog-block .catalog-block_tabs-wrapper {
        margin-bottom: 3rem
    }
}

.front-page .catalog-block .catalog-block_tabs-wrapper .catalog-block_tab {
    min-width: fit-content;
    border: none
}

@media screen and (max-width: 991px) {
    .front-page .catalog-block .catalog-block_tabs-wrapper .catalog-block_tab {
        flex-grow: 1
    }
}

.front-page .catalog-block .catalog-block_tabs-wrapper .catalog-block_tab__active {
    background-color: #e8181c
}

    .front-page .catalog-block .catalog-block_tabs-wrapper .catalog-block_tab__active span {
        color: #fff
    }

.front-page .catalog-block .catalog-block_list {
    display: none;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2.5rem
}

@media screen and (max-width: 991px) {
    .front-page .catalog-block .catalog-block_list {
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem
    }
}

.front-page .catalog-block .catalog-block_list__active {
    display: grid;

}

.front-page .catalog-block .catalog-block_list .catalog-block_item {
    border-radius: 2.5rem;
    background-color: #fff
}

    .front-page .catalog-block .catalog-block_list .catalog-block_item .catalog-block_item-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1.5rem;
        padding: 1.5rem 2.5rem 3rem 2.5rem
    }

@media screen and (max-width: 991px) {
    .front-page .catalog-block .catalog-block_list .catalog-block_item .catalog-block_item-wrapper {
        padding: .5rem 1rem;
        gap: 0
    }
}

.front-page .catalog-block .catalog-block_list .catalog-block_item .catalog-block_item-tag, .front-page .catalog-block .catalog-block_list .catalog-block_item .catalog-block_item-title {
    text-align: center
}

.front-page .catalog-block .catalog-block_list .catalog-block_item .catalog-block_item-price-wrapper {
    display: flex;
    align-items: center;
    gap: 1.875rem
}

@media screen and (max-width: 991px) {
    .front-page .catalog-block .catalog-block_list .catalog-block_item .catalog-block_item-price-wrapper {
        flex-direction: column;
        gap: .5rem;
        margin-top: .5rem
    }
}

.front-page .catalog-block .catalog-block_list .catalog-block_item .catalog-block_item-price-discount {
    text-decoration-line: line-through;
    opacity: .6
}

.front-page .catalog-block .catalog-block_list .catalog-block_item img {
    width: auto;
    /*height: 48.875rem;*/
    object-fit: cover;
    border-radius: 2.5rem;
    margin:auto;
    pointer-events: none
}

@media screen and (max-width: 991px) {
    .front-page .catalog-block .catalog-block_list .catalog-block_item img {
    }
}
@media (max-width: 560px) {
    .front-page .catalog-block .catalog-block_list .catalog-block_item img {
        height: 22.5rem !important
    }
}

.catalog-block_more {
    margin: 0 auto 2rem auto;
    width: fit-content
}

@media screen and (max-width: 991px) {
    .catalog-block_more {
        
    }
}
@media screen and (max-width: 768px) {
    .catalog-block_more {
        width: fit-content;
    }
}

.about-company {
}

@media screen and (max-width: 991px) {
    .about-company {
    }
}

.about-company .hero-block {
 
}

@media screen and (max-width: 991px) {
    .about-company .hero-block {
 
    }
}

.about-company .hero-block .hero-block_breadcrumbs {
    display: flex;
    gap: .625rem;
    margin-bottom: 8.625rem
}

@media screen and (max-width: 991px) {
    .about-company .hero-block .hero-block_breadcrumbs {
        display: none
    }
}

.about-company .hero-block .hero-block_breadcrumbs a, .about-company .hero-block .hero-block_breadcrumbs span {
    color: #fff
}

    .about-company .hero-block .hero-block_breadcrumbs a:hover {
        color: #e8181c
    }

.about-company .hero-block .hero-block_container {
    position: relative;
    min-height: 62.5rem;
    padding: 7.5rem 10rem;
    border-radius: 2.5rem;
    background: radial-gradient(170% 126.75% at 100% 97.08%, #738ffd 0%, #479beb 100%);
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .about-company .hero-block .hero-block_container {
        margin: 0 auto;
        min-height: 75rem;
        border-radius: 2rem;
        padding: 6.25rem 2.5rem;
        max-width: 75rem
    }
}

.about-company .hero-block .hero-block_content {
    max-width: 75rem
}

@media screen and (max-width: 991px) {
    .about-company .hero-block .hero-block_content {
        margin: 0 auto
    }
}

.about-company .hero-block .hero-block_content-title, .about-company .hero-block .hero-block_content-description {
    color: #fff
}

.about-company .hero-block .hero-block_content-text {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media screen and (max-width: 991px) {
    .about-company .hero-block .hero-block_content-text {
        gap: 1rem
    }
}

.about-company .hero-block .hero-block_content-description p {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: normal
}

@media screen and (max-width: 991px) {
    .about-company .hero-block .hero-block_content-description p {
        font-size: 1.625rem
    }
}

.about-company .hero-block .hero-block_content-link {
    margin-top: 5rem;
    width: 26.25rem
}

@media screen and (max-width: 991px) {
    .about-company .hero-block .hero-block_content-link {
        margin-top: 3.5rem;
        width: fit-content
    }
}

.about-company .hero-block .hero-block_images-wrapper {
    position: absolute;
    top: -18.5rem;
    right: 3.75rem;
    width: 56.25rem;
    height: 94.5rem
}

@media screen and (max-width: 991px) {
    .about-company .hero-block .hero-block_images-wrapper {
        top: auto;
        bottom: -7rem;
        right: auto;
        left: 50%;
        width: 33.75rem;
        height: 44rem;
        transform: translateX(-50%)
    }
}

.about-company .hero-block .hero-block_image {
    position: absolute;
    width: 27.5rem;
    height: 42.375rem;
    border-radius: 1.25rem;
    object-fit: cover;
    box-shadow: 0 .5rem 2rem 0 rgba(0,0,0,.25)
}

@media screen and (max-width: 991px) {
    .about-company .hero-block .hero-block_image {
        width: 16.5rem;
        height: 20rem;
        border-radius: .75rem;
        box-shadow: 0 .3rem 1.2rem 0 rgba(0,0,0,.25)
    }
}

.about-company .hero-block .hero-block_image:nth-of-type(1) {
    top: 9.875rem;
    left: 0
}

@media screen and (max-width: 991px) {
    .about-company .hero-block .hero-block_image:nth-of-type(1) {
        top: 3.55rem
    }
}

.about-company .hero-block .hero-block_image:nth-of-type(2) {
    top: 0;
    right: 0
}

.about-company .hero-block .hero-block_image:nth-of-type(3) {
    bottom: 0;
    left: 0;
    height: 41rem
}

@media screen and (max-width: 991px) {
    .about-company .hero-block .hero-block_image:nth-of-type(3) {
        height: 20rem
    }
}

.about-company .hero-block .hero-block_image:nth-of-type(4) {
    bottom: 9.875rem;
    right: 0;
    height: 41rem
}

@media screen and (max-width: 991px) {
    .about-company .hero-block .hero-block_image:nth-of-type(4) {
        bottom: 3.5rem;
        height: 20rem
    }
}

.about-company .departments {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .about-company .departments {
        margin-bottom: 8rem
    }
}

.about-company .departments .departments-container {
    display: flex;
    align-items: center;
    gap: 7.5rem;
    padding: 0 7.5rem
}

@media screen and (max-width: 991px) {
    .about-company .departments .departments-container {
        flex-direction: column-reverse;
        padding: 0 2rem;
        gap: 5rem;
        max-width: 75rem;
        margin: 0 auto
    }
}

.about-company .departments .departments_images-wrapper {
    position: relative;
    min-width: 51.25rem;
    width: 51.25rem;
    height: 52.375rem
}

@media screen and (max-width: 991px) {
    .about-company .departments .departments_images-wrapper {
        min-width: auto;
        width: 34.75rem;
        height: 35.5rem
    }
}

.about-company .departments .departments_image {
    position: absolute;
    border-radius: 1.25rem;
    object-fit: cover;
    pointer-events: none
}

    .about-company .departments .departments_image:nth-of-type(1), .about-company .departments .departments_image:nth-of-type(4) {
        width: 12.5rem;
        height: 12.5rem
    }

@media screen and (max-width: 991px) {
    .about-company .departments .departments_image:nth-of-type(1), .about-company .departments .departments_image:nth-of-type(4) {
        width: 8.5rem;
        height: 8.5rem
    }
}

.about-company .departments .departments_image:nth-of-type(1) {
    top: 0;
    left: 12.5rem
}

@media screen and (max-width: 991px) {
    .about-company .departments .departments_image:nth-of-type(1) {
        left: 8.5rem
    }
}

.about-company .departments .departments_image:nth-of-type(2) {
    top: 6.25rem;
    right: 0;
    width: 25rem;
    height: 32.375rem
}

@media screen and (max-width: 991px) {
    .about-company .departments .departments_image:nth-of-type(2) {
        top: 4.25rem;
        width: 17rem;
        height: 22.25rem
    }
}

.about-company .departments .departments_image:nth-of-type(3) {
    bottom: 5.5rem;
    left: 0;
    width: 25rem;
    height: 33.125rem
}

@media screen and (max-width: 991px) {
    .about-company .departments .departments_image:nth-of-type(3) {
        bottom: 3.75rem;
        width: 17rem;
        height: 22.5rem
    }
}

.about-company .departments .departments_image:nth-of-type(4) {
    bottom: 0;
    right: 12.5rem
}

@media screen and (max-width: 991px) {
    .about-company .departments .departments_image:nth-of-type(4) {
        right: 8.5rem
    }
}

.about-company .departments .departments_content {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    max-width: 96.25rem
}

.about-company .partners {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .about-company .partners {
        margin-bottom: 8rem
    }
}

.about-company .partners .partners-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5rem;
    max-width: 141.25rem;
    margin: 0 auto;
    padding: 10rem;
    background-color: #fff;
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .about-company .partners .partners-container {
        padding: 3.5rem 2rem;
        gap: 3rem;
        max-width: 75rem
    }
}

.about-company .partners .partners_title {
    text-align: center;
    color: #2c2c2c
}

.about-company .partners .partners_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1.25rem
}

@media screen and (max-width: 991px) {
    .about-company .partners .partners_list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .625rem
    }
}

.about-company .partners .partners_item {
    display: block;
    justify-content: center;
    align-items: center;
    padding: 5rem;
    background-color: #f5f5f5;
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .about-company .partners .partners_item {
        padding: 2.5rem;
        flex: 1 0 0;
        height: 14.5rem
    }
}

.about-company .partners .partners_item .partners_item-image {
    height: 10.75rem;
    object-fit: unset
}

@media screen and (max-width: 991px) {
    .about-company .partners .partners_item .partners_item-image {
        height: 5rem
    }
}

.about-company .partners .partners_item-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 19.375rem;
    height: 15rem
}

@media screen and (max-width: 991px) {
    .about-company .partners .partners_item-image-wrapper {
        width: auto;
        height: auto
    }
}

.about-company .partners .partners_item-image {
    width: 100%;
    height: auto;
    pointer-events: none
}

.about-company .head {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .about-company .head {
        margin-bottom: 8rem
    }
}

.about-company .head .head-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
    max-width: 112.5rem;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .about-company .head .head-container {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        max-width: 75rem
    }
}

.about-company .head .head_content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    padding: 5rem 10rem 5rem 5rem;
    border-radius: 2.5rem;
    background-color: #fff
}

@media screen and (max-width: 991px) {
    .about-company .head .head_content-wrapper {
        gap: 2rem;
        padding: 3rem 2rem;
        border-radius: 2rem
    }
}

.about-company .head .head_content-icon {
    width: 8rem;
    height: 8rem;
    object-fit: cover;
    pointer-events: none
}

@media screen and (max-width: 991px) {
    .about-company .head .head_content-icon {
        width: 5rem;
        height: 5rem
    }
}

.about-company .head .head_content-text h3 {
    font-size: 2.75rem;
    font-weight: 600;
    line-height: normal;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .about-company .head .head_content-text h3 {
        font-size: 2rem
    }
}

.about-company .head .head_content-text p {
    font-size: 1.75rem;
    line-height: normal;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .about-company .head .head_content-text p {
        font-size: 1.375rem
    }
}

.about-company .head .head_content-text p strong {
    font-weight: 500
}

.about-company .head .head_image-wrapper {
    position: relative;
    display: flex;
    padding: 2.5rem 10rem 2.5rem 2.5rem;
    border-radius: 2.5rem;
    background: linear-gradient(180deg, rgba(55, 69, 88, 0) 66.08%, rgba(55, 69, 88, 0.8) 100%)
}

@media screen and (max-width: 991px) {
    .about-company .head .head_image-wrapper {
        min-height: 38.75rem;
        padding: 2rem;
        border-radius: 2rem
    }
}

.about-company .head .head_image-wrapper .head_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    object-fit: cover;
    border-radius: 2.5rem;
    z-index: -1
}

.about-company .head .head_image-wrapper .head_name-wrapper {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: auto
}

    .about-company .head .head_image-wrapper .head_name-wrapper p {
        color: #fff
    }

.about-company .about-production {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .about-company .about-production {
        margin-bottom: 8rem
    }
}

.about-company .about-production .about-production-container {
    display: flex;
    flex-direction: column;
    gap: 7.5rem;
    max-width: 112.5rem;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .about-company .about-production .about-production-container {
        gap: 5rem;
        max-width: 75rem
    }
}

.about-company .about-production .about-production_title-description {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem
}

@media screen and (max-width: 991px) {
    .about-company .about-production .about-production_title-description {
        gap: 2rem
    }
}

.about-company .about-production .about-production_title-description img {
    margin-top: 2rem;
    width: 100%;
    height: 63.25rem;
    object-fit: cover;
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .about-company .about-production .about-production_title-description img {
        margin-top: 1.5rem;
        height: 21.75rem;
        border-radius: 2rem
    }
}

.about-company .about-production .about-production_title {
    text-align: center
}

.about-company .about-production .about-production_text {
    max-width: 87.5rem;
    margin: 0 auto;
    text-align: center
}

.about-company .about-production .about-production_flags-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    max-width: 87.5rem;
    margin: 0 auto
}

.about-company .about-production .about-production_flags-wrapper {
    display: flex;
    gap: 1.25rem
}

@media screen and (max-width: 991px) {
    .about-company .about-production .about-production_flags-wrapper {
        gap: .625rem
    }
}

.about-company .about-production .about-production_flags-wrapper img {
    width: 5.3rem;
    height: 4rem;
    object-fit: cover;
    pointer-events: none;
    filter: drop-shadow(0 0.5rem 2rem rgba(0, 0, 0, 0.1))
}

@media screen and (max-width: 991px) {
    .about-company .about-production .about-production_flags-wrapper img {
        width: 5rem;
        height: 3.75rem
    }
}

.about-company .about-production .about-production_gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem
}

@media screen and (max-width: 991px) {
    .about-company .about-production .about-production_gallery {
        gap: .625rem
    }
}

.about-company .about-production .about-production_gallery img {
    width: 100%;
    height: 24.375rem;
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .about-company .about-production .about-production_gallery img {
        height: 8.25rem;
        border-radius: 2rem
    }
}

.about-company .about-production .about-production_gallery img:nth-of-type(1) {
    height: 45.125rem;
    grid-column: span 2
}

@media screen and (max-width: 991px) {
    .about-company .about-production .about-production_gallery img:nth-of-type(1) {
        height: 15.5rem
    }
}

.about-company .brands {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .about-company .brands {
        margin-bottom: 8rem
    }
}

.about-company .brands .brands-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5rem;
    max-width: 141.25rem;
    margin: 0 auto;
    padding: 10rem;
    background-color: #fff;
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .about-company .brands .brands-container {
        padding: 3.5rem 2rem;
        gap: 3rem;
        max-width: 75rem
    }
}

.about-company .brands .brands_title {
    text-align: center
}

.about-company .brands .brands_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.25rem
}

@media screen and (max-width: 991px) {
    .about-company .brands .brands_list {
        gap: .625rem
    }
}

.about-company .brands .brands_item {
    display: flex;
    height: 20rem;
    padding: 5rem;
    flex: 1 0 0;
    background-color: #f5f5f5;
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .about-company .brands .brands_item {
        padding: 2rem 1.8125rem;
        min-width: 11.125rem;
        max-width: 11.125rem;
        height: 9.625rem;
        border-radius: 2rem
    }
}

.about-company .brands .brands_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: multiply
}

.about-company .flexible {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .about-company .flexible {
        margin-bottom: 8rem
    }
}

.about-company .flexible .flexible-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7.5rem;
    max-width: 141.25rem;
    margin: 0 auto;
    padding: 0 7.5rem
}

@media screen and (max-width: 991px) {
    .about-company .flexible .flexible-container {
        gap: 5rem;
        padding: 0;
        max-width: 75rem
    }
}

.about-company .flexible .flexible_title-description-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    max-width: 83.75rem
}

@media screen and (max-width: 991px) {
    .about-company .flexible .flexible_title-description-wrapper {
        gap: 2rem;
        max-width: 34.75rem
    }
}

.about-company .flexible .flexible_title, .about-company .flexible .flexible_description {
    text-align: center
}

.about-company .flexible .flexible_images-wrapper {
    display: flex;
    gap: 1.375rem;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .about-company .flexible .flexible_images-wrapper {
        gap: .625rem
    }
}

.about-company .flexible .flexible_images-wrapper img {
    width: 25rem;
    height: 30rem;
    border-radius: 1.25rem;
    object-fit: cover;
    pointer-events: none
}

@media screen and (max-width: 991px) {
    .about-company .flexible .flexible_images-wrapper img {
        width: 12.5rem;
        height: 15rem
    }
}

.about-company .accepting-orders {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .about-company .accepting-orders {
        margin-bottom: 8rem
    }
}

.about-company .accepting-orders .accepting-orders-container {
    position: relative;
    padding: 10rem 17.5rem 10rem 8rem;
    background: radial-gradient(170% 126.75% at 100% 97.08%, #738ffd 0%, #479beb 100%);
    max-width: 141.25rem;
    margin: 0 auto;
    border-radius: 2.5rem
}

@media screen and (max-width: 991px) {
    .about-company .accepting-orders .accepting-orders-container {
        padding: 3.5rem 2rem;
        min-height: 57.625rem;
        max-width: 75rem;
        border-radius: 2rem
    }
}

.about-company .accepting-orders .accepting-orders_content {
    position: relative;
    max-width: 64.875rem;
    z-index: 1
}

.about-company .accepting-orders .accepting-orders_title {
    margin-bottom: 2.5rem;
    color: #fff
}

@media screen and (max-width: 991px) {
    .about-company .accepting-orders .accepting-orders_title {
        margin-bottom: 2rem
    }
}

.about-company .accepting-orders .accepting-orders_description {
    margin-bottom: 5rem;
    color: #fff
}

@media screen and (max-width: 991px) {
    .about-company .accepting-orders .accepting-orders_description {
        margin-bottom: 3.5rem
    }
}

.about-company .accepting-orders .accepting-orders_link {
    min-width: 26.25rem;
    width: fit-content
}

@media screen and (max-width: 991px) {
    .about-company .accepting-orders .accepting-orders_link {
        width: fit-content
    }
}

.about-company .accepting-orders .accepting-orders_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

    .about-company .accepting-orders .accepting-orders_background img {
        width: 100%;
        height: 100%;
        border-radius: 2.5rem;
        object-fit: cover;
        pointer-events: none
    }

@media screen and (max-width: 991px) {
    .about-company .accepting-orders .accepting-orders_background img {
        border-radius: 2rem
    }
}

.article-page .article-content {
    padding-top: 2.5rem
}

.article-page .article-content-container {
    max-width: 83.75rem;
    margin: 0 auto;
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .article-page .article-content-container {
        margin-bottom: 8rem;
        padding: 0 2rem
    }
}

.article-page .article-content_info {
    display: flex;
    gap: 2.5rem;
    margin-top: 2rem;
    margin-bottom: 3.5rem
}

@media screen and (max-width: 991px) {
    .article-page .article-content_info {
        margin-top: 1.5rem;
        margin-bottom: 2.5rem
    }
}

.article-page .article-content_info-time {
    display: flex;
    align-items: center;
    gap: 1rem
}

.article-page h2 {
    margin-top: 5rem;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: normal;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .article-page h2 {
        margin-top: 3.5rem;
        font-size: 1.625rem
    }
}

.article-page p {
    margin-top: 2rem;
    font-size: 2rem;
    line-height: normal;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .article-page p {
        margin-top: 1.5rem;
        font-size: 1.5rem
    }
}

.article-page p:nth-child(1) {
    margin-top: 0
}

.article-page img {
    margin-top: 5rem;
    width: 100%;
    height: 47rem;
    object-fit: cover;
    border-radius: 1rem
}

@media screen and (max-width: 991px) {
    .article-page img {
        margin-top: 3.5rem;
        height: 20rem;
        border-radius: .5rem
    }
}

.article-page ul {
    margin-top: 2rem;
    padding-left: 2rem
}

    .article-page ul li {
        list-style: disc
    }

        .article-page ul li strong {
            font-weight: 500
        }

.article-page .article-page_slider {
    position: relative;
    overflow: hidden;
    padding-bottom: 3.25rem
}

    .article-page .article-page_slider img {
        border-radius: 1rem
    }

@media screen and (max-width: 991px) {
    .article-page .article-page_slider img {
        border-radius: .5rem
    }
}

.article-page .article-page_slider .swiper-nav {
    display: flex;
    gap: 2rem;
    justify-content: center;
    margin-top: 2.5rem
}

@media screen and (max-width: 991px) {
    .article-page .article-page_slider .swiper-nav {
        display: none
    }
}

.article-page .article-page_slider .swiper-nav .swiper-nav-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    padding: 1.25rem;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer
}

    .article-page .article-page_slider .swiper-nav .swiper-nav-btn svg path {
        transition: fill .3s ease-in-out
    }

    .article-page .article-page_slider .swiper-nav .swiper-nav-btn:hover svg path, .article-page .article-page_slider .swiper-nav .swiper-nav-btn:active svg path {
        fill: #e8181c
    }

.article-page .article-page_slider .article-page_slider-pagination {
    display: none
}

@media screen and (max-width: 991px) {
    .article-page .article-page_slider .article-page_slider-pagination {
        bottom: 0;
        display: flex;
        justify-content: center;
        padding: 0;
        gap: .5rem
    }
}

.article-page .article-page_slider .article-page_slider-pagination .swiper-pagination-bullet {
    width: .75rem;
    height: .75rem;
    margin: 0;
    background-color: rgba(0,0,0,.16)
}

.article-page .article-page_slider .article-page_slider-pagination .swiper-pagination-bullet-active {
    width: 1.875rem;
    background-color: #e8181c;
    border-radius: 12.5rem
}

.article-page .article-other {
    margin-bottom: 15rem
}

@media screen and (max-width: 991px) {
    .article-page .article-other {
        margin-bottom: 8rem
    }
}

.article-page .article-other .article-other-title {
    text-align: center;
    margin-top: 0;
    margin-bottom: 5rem;
    font-size: 4rem;
    font-weight: 700;
    line-height: 120%;
    color: #2c2c2c
}

@media screen and (max-width: 991px) {
    .article-page .article-other .article-other-title {
        margin-bottom: 3rem;
        font-size: 2.5rem
    }
}

.article-page .blog-list {
    margin: 0;
    padding: 0
}

    .article-page .blog-list li {
        list-style: none
    }

        .article-page .blog-list li img {
            margin-top: 0
        }

.blog-content {
    padding-bottom: 15rem;
    padding-top: 2.5rem;
}

@media screen and (max-width: 991px) {
.blog-content {
        padding-bottom: 8rem;
        padding-top: 3rem
    }
}

.blog-content .blog-content_title {
    text-align: center;
    margin-bottom: 5rem
}

@media screen and (max-width: 991px) {
    .blog-content .blog-content_title {
        margin-bottom: 3rem
    }
}

.blog-content .blog-content_none-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 45rem;
    gap: 1.5rem;
    margin: 0 auto;
    margin-top: 15rem
}

@media screen and (max-width: 991px) {
    .blog-content .blog-content_none-wrapper {
        margin-top: 8rem;
        max-width: 28.75rem
    }
}

.blog-content .blog-content_none-wrapper img {
    width: 10rem;
    height: 10rem;
    pointer-events: none
}

.blog-content .blog-content_none-wrapper p {
    text-align: center
}

.blog-page .facetwp-facet-pagination_blog {
    margin-top: 11.25rem
}

    .blog-page .facetwp-facet-pagination_blog .facetwp-pager {
        display: flex;
        justify-content: center
    }

    .blog-page .facetwp-facet-pagination_blog .facetwp-page {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 4rem;
        height: 4rem;
        margin: 0;
        padding: 0;
        font-size: 1.75rem;
        line-height: normal;
        font-weight: 500;
        color: #2c2c2c
    }

@media screen and (max-width: 991px) {
    .blog-page .facetwp-facet-pagination_blog .facetwp-page {
        font-size: 1.375rem
    }
}

.blog-page .facetwp-facet-pagination_blog .facetwp-page:hover {
    color: #e8181c
}

.blog-page .facetwp-facet-pagination_blog .facetwp-page.active {
    background-color: #fff;
    border-radius: 1rem
}

    .blog-page .facetwp-facet-pagination_blog .facetwp-page.active:hover {
        color: #2c2c2c
    }

.blog-page .facetwp-facet-pagination_blog .facetwp-page.next svg, .blog-page .facetwp-facet-pagination_blog .facetwp-page.prev svg {
    width: 1rem;
    height: 1.625rem
}

    .blog-page .facetwp-facet-pagination_blog .facetwp-page.next svg path, .blog-page .facetwp-facet-pagination_blog .facetwp-page.prev svg path {
        transition: fill .3s ease-in-out
    }

.blog-page .facetwp-facet-pagination_blog .facetwp-page.next:hover svg path, .blog-page .facetwp-facet-pagination_blog .facetwp-page.prev:hover svg path {
    fill: #e8181c
}

.catalog-page .form-questions .right {
    width: 65.875rem
}

@media screen and (max-width: 991px) {
    .catalog-page .form-questions .right {
        width: auto
    }
}

.catalog-page .form-questions .screen-reader-response {
    display: none
}

.catalog-page .form-questions form {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    max-width: 65.875rem;
    margin-left: auto;
    margin-top: -2.5rem;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .catalog-page .form-questions form {
        margin: 0 auto;
        margin-top: -2.5rem
    }
}

.catalog-page .form-questions form .form_inputs-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.catalog-page .form-questions form br {
    display: none
}

.catalog-page .form-questions form .form_field {
    position: relative;
    width: 100%
}

    .catalog-page .form-questions form .form_field .input-placeholder {
        position: absolute;
        top: 1.875rem;
        left: 2.5rem;
        font-size: 2rem;
        font-weight: 500;
        line-height: normal;
        color: #2c2c2c;
        pointer-events: none;
        transition: top .3s ease-in-out,font-size .3s ease-in-out,line-height .3s ease-in-out
    }

@media screen and (max-width: 991px) {
    .catalog-page .form-questions form .form_field .input-placeholder {
        top: 1.5rem;
        font-size: 1.5rem
    }
}

.catalog-page .form-questions form .form_field .input-placeholder .required {
    display: none
}

.catalog-page .form-questions form .form_field:focus-within .input-placeholder, .catalog-page .form-questions form .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ .input-placeholder {
    top: 1.5rem !important;
    font-size: 1rem
}

.catalog-page .form-questions form .form_field:focus-within input:not([type=checkbox],[type=radio],[type=submit]), .catalog-page .form-questions form .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ input:not([type=checkbox],[type=radio],[type=submit]) {
    padding-top: 2.4375rem;
    padding-bottom: 1.1875rem
}

.catalog-page .form-questions form .wpcf7-form.invalid .input-placeholder {
    color: #ff3c3c
}

.catalog-page .form-questions form input:not([type=checkbox],[type=radio],[type=submit]), .catalog-page .form-questions form textarea {
    width: 100%;
    height: 6.25rem;
    padding: 1.875rem 2.5rem;
    background-color: #fff;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    color: #2c2c2c;
    outline: none;
    border: .1rem solid #fff;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 991px) {
    .catalog-page .form-questions form input:not([type=checkbox],[type=radio],[type=submit]), .catalog-page .form-questions form textarea {
        height: 4.875rem;
        padding: 1.5rem 2.5rem;
        font-size: 1.5rem
    }
}

.catalog-page .form-questions form input:not([type=checkbox],[type=radio],[type=submit])::placeholder, .catalog-page .form-questions form textarea::placeholder {
    color: #2c2c2c
}

.catalog-page .form-questions form input:not([type=checkbox],[type=radio],[type=submit]):hover, .catalog-page .form-questions form input:not([type=checkbox],[type=radio],[type=submit]):focus, .catalog-page .form-questions form textarea:hover, .catalog-page .form-questions form textarea:focus {
    border-color: #e8181c
}

.catalog-page .form-questions form input:not([type=checkbox],[type=radio],[type=submit]).wpcf7-not-valid, .catalog-page .form-questions form textarea.wpcf7-not-valid {
    border-color: #ff3c3c
}

    .catalog-page .form-questions form input:not([type=checkbox],[type=radio],[type=submit]).wpcf7-not-valid + .input-placeholder, .catalog-page .form-questions form textarea.wpcf7-not-valid + .input-placeholder {
        color: #ff3c3c
    }

.catalog-page .form-questions form input[type=submit] {
    height: 6rem;
    padding: 1.75rem 2.75rem;
    border-radius: 1rem;
    border: 1px solid rgba(0,0,0,.08);
    background-color: #e8181c;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    color: #fff;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 991px) {
    .catalog-page .form-questions form input[type=submit] {
        height: 4.875rem;
        padding: 1.5rem 2.5rem;
        font-size: 1.5rem
    }
}

.catalog-page .form-questions form input[type=submit]:hover {
    background-color: #b30e11
}

.catalog-page .form-questions form .policy p {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: normal
}

@media screen and (max-width: 991px) {
    .catalog-page .form-questions form .policy p {
        font-size: 1.375rem
    }
}

.catalog-page .form-questions form .policy p a {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: normal;
    color: #e8181c
}

@media screen and (max-width: 991px) {
    .catalog-page .form-questions form .policy p a {
        font-size: 1.375rem
    }
}

.catalog-page .form-questions form .policy p a:hover {
    color: #b30e11
}

.catalog-page .filter-catalog-description.hidden {
    display: none
}

.catalog-page .catalog-desc .btn {
    color: #fff
}

.main-comparison .comparison .wrapper {
    width: 100%
}

.main-comparison .comparison-block_not-selected .btn, .main-comparison .comparison_container .btn {
    color: #fff
}

.main-comparison .comparison-list .comparison-list__item {
    padding: 0 .5rem;
    border-bottom: 1px solid #e6e6e6
}

@media screen and (max-width: 991px) {
    .main-comparison .comparison-list .comparison-list__item {
        padding: 0
    }
}

.main-comparison .comparison-list .comparison-list__item:nth-child(even) {
    background-color: #fff
}

.main-comparison .comparison-list .comparison-list__item .comparison-list__item-harah {
    border: none;
    gap: 1.5rem;
    padding: 2rem .5rem
}

.main-comparison .comparison-list .comparison-list__item .comparison-list__item-title {
    font-weight: 500
}

.main-comparison .comparison-list .comparison-list__item .comparison-list__item-value {
    font-size: 2rem
}

@media screen and (max-width: 991px) {
    .main-comparison .comparison-list .comparison-list__item .comparison-list__item-value {
        font-size: 1.75rem
    }
}

.main-comparison .form-questions .right {
    width: 65.875rem
}

@media screen and (max-width: 991px) {
    .main-comparison .form-questions .right {
        width: auto
    }
}

.main-comparison .form-questions .screen-reader-response {
    display: none
}

.main-comparison .form-questions form {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    max-width: 65.875rem;
    margin-left: auto;
    margin-top: -2.5rem;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .main-comparison .form-questions form {
        margin: 0 auto;
        margin-top: -2.5rem
    }
}

.main-comparison .form-questions form .form_inputs-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.main-comparison .form-questions form br {
    display: none
}

.main-comparison .form-questions form .form_field {
    position: relative;
    width: 100%
}

    .main-comparison .form-questions form .form_field .input-placeholder {
        position: absolute;
        top: 1.875rem;
        left: 2.5rem;
        font-size: 2rem;
        font-weight: 500;
        line-height: normal;
        color: #2c2c2c;
        pointer-events: none;
        transition: top .3s ease-in-out,font-size .3s ease-in-out,line-height .3s ease-in-out
    }

@media screen and (max-width: 991px) {
    .main-comparison .form-questions form .form_field .input-placeholder {
        top: 1.5rem;
        font-size: 1.5rem
    }
}

.main-comparison .form-questions form .form_field .input-placeholder .required {
    display: none
}

.main-comparison .form-questions form .form_field:focus-within .input-placeholder, .main-comparison .form-questions form .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ .input-placeholder {
    top: 1.5rem !important;
    font-size: 1rem
}

.main-comparison .form-questions form .form_field:focus-within input:not([type=checkbox],[type=radio],[type=submit]), .main-comparison .form-questions form .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ input:not([type=checkbox],[type=radio],[type=submit]) {
    padding-top: 2.4375rem;
    padding-bottom: 1.1875rem
}

.main-comparison .form-questions form .wpcf7-form.invalid .input-placeholder {
    color: #ff3c3c
}

.main-comparison .form-questions form input:not([type=checkbox],[type=radio],[type=submit]), .main-comparison .form-questions form textarea {
    width: 100%;
    height: 6.25rem;
    padding: 1.875rem 2.5rem;
    background-color: #fff;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    color: #2c2c2c;
    outline: none;
    border: .1rem solid #fff;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 991px) {
    .main-comparison .form-questions form input:not([type=checkbox],[type=radio],[type=submit]), .main-comparison .form-questions form textarea {
        height: 4.875rem;
        padding: 1.5rem 2.5rem;
        font-size: 1.5rem
    }
}

.main-comparison .form-questions form input:not([type=checkbox],[type=radio],[type=submit])::placeholder, .main-comparison .form-questions form textarea::placeholder {
    color: #2c2c2c
}

.main-comparison .form-questions form input:not([type=checkbox],[type=radio],[type=submit]):hover, .main-comparison .form-questions form input:not([type=checkbox],[type=radio],[type=submit]):focus, .main-comparison .form-questions form textarea:hover, .main-comparison .form-questions form textarea:focus {
    border-color: #e8181c
}

.main-comparison .form-questions form input:not([type=checkbox],[type=radio],[type=submit]).wpcf7-not-valid, .main-comparison .form-questions form textarea.wpcf7-not-valid {
    border-color: #ff3c3c
}

    .main-comparison .form-questions form input:not([type=checkbox],[type=radio],[type=submit]).wpcf7-not-valid + .input-placeholder, .main-comparison .form-questions form textarea.wpcf7-not-valid + .input-placeholder {
        color: #ff3c3c
    }

.main-comparison .form-questions form input[type=submit] {
    height: 6rem;
    padding: 1.75rem 2.75rem;
    border-radius: 1rem;
    border: 1px solid rgba(0,0,0,.08);
    background-color: #e8181c;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    color: #fff;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 991px) {
    .main-comparison .form-questions form input[type=submit] {
        height: 4.875rem;
        padding: 1.5rem 2.5rem;
        font-size: 1.5rem
    }
}

.main-comparison .form-questions form input[type=submit]:hover {
    background-color: #b30e11
}

.main-comparison .form-questions .policy p {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: normal
}

@media screen and (max-width: 991px) {
    .main-comparison .form-questions .policy p {
        font-size: 1.375rem
    }
}

.main-comparison .form-questions .policy p a {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: normal;
    color: #e8181c
}

@media screen and (max-width: 991px) {
    .main-comparison .form-questions .policy p a {
        font-size: 1.375rem
    }
}

.main-comparison .form-questions .policy p a:hover {
    color: #b30e11
}

.main-comparison .btn-green {
    color: #fff
}

@media (max-width:560px)
{
    .header .header-wrapp .mob-menu nav ul li a {
        font-size: 2.5rem;
    }
    .header .header-wrapp .mob-menu nav ul li a:hover {
        color:#e8181c;
    }
    .hero-block .hero-block_slider-item img {
        width: 3.5rem;
        height: 3.5rem
    }
}
.tel .tel_path {
    transition: all .3s ease-in-out;
}
.tel:hover .tel_path {
    fill: #000;
}
.tel:hover .tel_number {
    color: #000;
}

.header .header-wrapp nav ul li.active a {
    color: #e8181c !important;
    font-weight:500
}

.just_cont_start
{
    margin: 0 !important
}

.blog-item_content-title
{
    text-align:center
}

.title
{
    padding-bottom:5rem
}
.mt-2
{
    margin-top:3rem !important
}
.mt-3 {
    margin-top: 5rem !important
}
.mt-7 {
    margin-top: 9rem !important
}

.subtitle_1
{
    font-weight:300
}
.bg-2 {
    background-color: rgba(244, 67, 54, .1) !important;
}
.bg-white {
    background-color: rgba(255, 255, 255, 1) !important;
}




/* Contact sayfasýna özel ek stiller */
.contact-hero {
    text-align: center;
    padding: 50px 20px;
    background: #f9f9f9;
}

    .contact-hero h1 {
        font-size: 2.5em;
        margin-bottom: 0.4em;
        color: #222;
    }

    .contact-hero p {
        font-size: 1.1em;
        color: #555;
    }

.contact-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 15px;
}

.contact-info, .contact-map {
    flex: 1 1;
}

    .contact-info h2 {
        font-size: 1.8em;
        margin-bottom: 15px;
        color: #222;
    }

    .contact-info ul {
        list-style: none;
        padding: 0;
        line-height: 1.65;
        font-size: 1em;
        color: #444;
    }

        .contact-info ul li strong {
            color: #000;
        }

    .contact-map contact-map-box{
        border-radius: 8px;
        border: 1px solid #ddd;
    }

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

.contact-map.com {
    position: relative
}

    .contact-map.com .map .map_inner {
        border-radius: 12px;
        object-fit: cover;
        width: 100%;
        height: calc(32.1656050955vw + 222.9681528662px)
    }

@media(max-width: 768px) {
    .contact-map.com .map .map_inner {
        height: 470px
    }
}

@media(min-width: 1396px) {
    .contact-map.com .map .map_inner {
        height: 672px
    }
}

@media(max-width: 767.98px) {
    .contact-map.com .map .map_inner {
        height: 380px
    }
}

.contact-map.com .contact-map-box {
    border-radius: 12px;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 10px 24px 0px rgba(0,0,0,.2);
    top: calc(2.390243902vw + 5.9512195122px);
    left: calc(2.4390243902vw + 5.9512195122px);
    bottom: calc(2.4390243902vw + 5.9512195122px);
    width: calc(16.7073170732vw + 163.7658536585px);
    z-index: 1035
}

@media(max-width: 576px) {
    .contact-map.com .contact-map-box {
        top: 20px
    }
}

@media(min-width: 1396px) {
    .contact-map.com .contact-map-box {
        top: 40px
    }
}

@media(max-width: 576px) {
    .contact-map.com .contact-map-box {
        left: 20px
    }
}

@media(min-width: 1396px) {
    .contact-map.com .contact-map-box {
        left: 60px
    }
}

@media(max-width: 576px) {
    .contact-map.com .contact-map-box {
        bottom: 20px
    }
}

@media(min-width: 1396px) {
    .contact-map.com .contact-map-box {
        bottom: 40px
    }
}

@media(max-width: 576px) {
    .contact-map.com .contact-map-box {
        width: 260px
    }
}

@media(min-width: 1396px) {
    .contact-map.com .contact-map-box {
        width: 407px
    }
}

@media(max-width: 991.98px) {
    .contact-map.com .contact-map-box {
        bottom: unset
    }
}

@media(max-width: 767.98px) {
    .contact-map.com .contact-map-box {
        position: relative;
        left: unset;
        top: unset;
        margin: 0 auto;
        margin-top: -100px
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    .contact-map.com .contact-map-box {
        flex-direction: row;
        width: 80%
    }
}

@media(max-width: 575.98px) {
    .contact-map.com .contact-map-box {
        width: 90%;
        max-width: 370px
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    .contact-map.com .contact-map-box .contact-box-img {
        display: flex;
        height: 100%
    }
}

.contact-map.com .contact-map-box .contact-box-img img {
    object-fit: cover;
    width: 100%;
    height: calc(9.5541401274vw + 96.6242038217px)
}

@media(max-width: 768px) {
    .contact-map.com .contact-map-box .contact-box-img img {
        height: 170px
    }
}

@media(min-width: 1396px) {
    .contact-map.com .contact-map-box .contact-box-img img {
        height: 230px
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    .contact-map.com .contact-map-box .contact-box-img img {
        width: 200px;
        height: 100%
    }
}

.contact-map.com .contact-map-box .contact-map-box-top {
    flex-grow: 0;
    flex-shrink: 0
}

.contact-map.com .contact-map-box .contact-map-box-bottom {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    padding: calc(1.9512195122vw + 8.7609756098px)
}

@media(max-width: 576px) {
    .contact-map.com .contact-map-box .contact-map-box-bottom {
        padding: 20px
    }
}

@media(min-width: 1396px) {
    .contact-map.com .contact-map-box .contact-map-box-bottom {
        padding: 36px
    }
}

.contact-map.com .contact-map-box .contact-box-text {
    font-size: calc(0.4777070064vw + 11.3312101911px);
    line-height: calc(2.0700636943vw + 3.101910828px)
}

@media(max-width: 768px) {
    .contact-map.com .contact-map-box .contact-box-text {
        font-size: 15px
    }
}

@media(min-width: 1396px) {
    .contact-map.com .contact-map-box .contact-box-text {
        font-size: 18px
    }
}

@media(max-width: 768px) {
    .contact-map.com .contact-map-box .contact-box-text {
        line-height: 19px
    }
}

@media(min-width: 1396px) {
    .contact-map.com .contact-map-box .contact-box-text {
        line-height: 32px
    }
}

.contact-map.com .contact-map-box .contact-box-text h6, .contact-map.com .contact-map-box .contact-box-text .h6 {
    font-size: calc(0.4777070064vw + 11.3312101911px);
    line-height: calc(2.0700636943vw + 3.101910828px)
}

@media(max-width: 768px) {
    .contact-map.com .contact-map-box .contact-box-text h6, .contact-map.com .contact-map-box .contact-box-text .h6 {
        font-size: 15px
    }
}

@media(min-width: 1396px) {
    .contact-map.com .contact-map-box .contact-box-text h6, .contact-map.com .contact-map-box .contact-box-text .h6 {
        font-size: 18px
    }
}

@media(max-width: 768px) {
    .contact-map.com .contact-map-box .contact-box-text h6, .contact-map.com .contact-map-box .contact-box-text .h6 {
        line-height: 19px
    }
}

@media(min-width: 1396px) {
    .contact-map.com .contact-map-box .contact-box-text h6, .contact-map.com .contact-map-box .contact-box-text .h6 {
        line-height: 32px
    }
}

.contact-li {
    margin:1rem 0;
    font-size:2rem
    }
.m-0 {
    margin:3rem 0;
    
}


.copyright {
    position: relative;
    padding-block: calc(0.9756097561vw + 14.3804878049px)
}

@media(max-width: 576px) {
    .copyright {
        padding-block: 20px
    }
}

@media(min-width: 1396px) {
    .copyright {
        padding-block: 28px
    }
}

.copyright .copy {
    font-weight: 400;
    color: #363940;
    letter-spacing: -0.3px;
    font-size: calc(0.3658536585vw + 9.8926829268px)
}

@media(max-width: 576px) {
    .copyright .copy {
        font-size: 12px
    }
}

@media(min-width: 1396px) {
    .copyright .copy {
        font-size: 15px
    }
}

.copyright .copy a {
    color: #21264b;
    font-weight: 600
}

    .copyright .copy a:hover {
        color: #1d7aca
    }
.text-white {
    color: #fff
}