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, ol, 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;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * Swiper 11.2.6
 * 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: March 19, 2025
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

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

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

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

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

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

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

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

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

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

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

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

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

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

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

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

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

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

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

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

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

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

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

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

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

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

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

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

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

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

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

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

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

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

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

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

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

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

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

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

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

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

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

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

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

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

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

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

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

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

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

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

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

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

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

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

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

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

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

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

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

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

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

.btn-primary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  position: relative;
  padding: 14px;
  border-radius: 8px;
  color: #ffffff;
  border: 0;
  box-shadow: 0px 4px 10px 0px rgba(255, 255, 255, 0.1019607843) inset, 2px 2px 4px 0px rgba(255, 255, 255, 0.2509803922) inset;
  width: fit-content;
  cursor: pointer;
  user-select: none;
  transition: all 300ms ease;
  overflow: hidden;
  background: #e7e7e7;
}
.btn-primary:hover::after {
  opacity: 1;
}
.btn-primary:active::before {
  opacity: 0;
}
.btn-primary:active::after {
  opacity: 0.8;
}
.btn-primary:disabled {
  background: #e7e7e7;
  color: #b8b8b8;
  pointer-events: none;
}
.btn-primary:disabled::before {
  opacity: 0;
}
.btn-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(87.78% 87.78% at 0% 0%, #005239 0%, #247442 50%, #47954b 100%), radial-gradient(71.11% 71.11% at 50% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  opacity: 1;
}
.btn-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(165.88% 243.32% at 105.91% 100%, #47954b 0.75%, #8cb74b 77.73%, #005239 100%), radial-gradient(110.24% 263.24% at 97.58% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  opacity: 0;
  transition: all 300ms ease;
}
.btn-primary > svg {
  z-index: 1;
}
.btn-primary > span {
  padding: 0 14px;
  z-index: 1;
}
.btn-primary > img {
  color: #ffffff;
}

.btn-secondary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  background: #e7e7e7;
  padding: 14px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  box-shadow: 0px 4px 10px 0px rgba(255, 255, 255, 0.1019607843) inset, 2px 2px 4px 0px rgba(255, 255, 255, 0.2509803922) inset;
  transition: all 300ms ease;
  cursor: pointer;
}
.btn-secondary > span {
  position: relative;
  display: inline-block;
  background: radial-gradient(87.78% 87.78% at 0% 0%, #005239 0%, #247442 50%, #47954b 100%), radial-gradient(71.11% 71.11% at 50% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 14px;
  transition: all 300ms ease;
}
.btn-secondary > span::before {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  background: radial-gradient(165.88% 243.32% at 105.91% 100%, #47954b 0.75%, #8cb74b 77.73%, #005239 100%), radial-gradient(110.24% 263.24% at 97.58% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
  transition: all 300ms ease;
  pointer-events: none;
}
.btn-secondary:hover {
  border-color: #8cb74b;
}
.btn-secondary:hover > span {
  filter: brightness(1.3);
}

.text-input {
  position: relative;
}
.text-input > .just-validate-error-label {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  position: absolute;
  color: #fe2f28 !important;
}
.text-input > input {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  min-height: 48px;
  width: 100%;
  padding: 20px 14px 4px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  transition: all 300ms ease;
}
.text-input > input:focus {
  border-color: #141414;
}
.text-input > input:focus + label, .text-input > input.has-content + label {
  top: 4px;
  transform: translateY(0);
}
.text-input > input:focus {
  outline: none;
}
.text-input > input.just-validate-error-field {
  border-color: #ffaca9;
}
.text-input > input.just-validate-error-field + label {
  color: #fe2f28;
}
.text-input > label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 14px;
  color: #a1a1a1;
  pointer-events: none;
  transition: 0.3s ease all;
}

.checkbox-input {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: fit-content;
  min-height: 16px;
  min-width: 16px;
  user-select: none;
  cursor: pointer;
}
.checkbox-input input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.checkbox-input input:checked + .checkbox-input__checkmark::before {
  background: radial-gradient(165.88% 243.32% at 105.91% 100%, #47954b 0.75%, #8cb74b 77.73%, #005239 100%), radial-gradient(110.24% 263.24% at 97.58% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
}
.checkbox-input input:checked + .checkbox-input__checkmark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.09517 9.57145L0.285645 5.68087L1.61898 4.31917L4.09517 6.84804L10.3809 0.428589L11.7142 1.79029L4.09517 9.57145Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.checkbox-input__checkmark {
  position: relative;
  width: 16px;
  height: 16px;
  display: block;
  box-sizing: border-box;
  border-radius: 2px;
  flex-shrink: 0;
  background: radial-gradient(165.88% 243.32% at 105.91% 100%, #47954b 0.75%, #8cb74b 77.73%, #005239 100%), radial-gradient(110.24% 263.24% at 97.58% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  padding: 1px;
}
.checkbox-input__checkmark::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1px;
  background: #f3f3f3;
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  max-width: 756px;
  max-height: 676px;
  padding: 32px 20px 32px 32px;
  border-radius: 16px;
  background-color: #ffffff;
  z-index: 10;
  box-shadow: 0px 4px 20px 0px rgba(30, 30, 30, 0.1019607843);
  width: 100%;
}
@media (max-width: 1280px) {
  .modal {
    width: calc(100% - 96px);
    max-height: calc(100vh - 58px);
  }
}
@media (max-width: 640px) {
  .modal {
    max-height: calc(100vh - 58px);
    width: calc(100% - 32px);
    padding: 16px 4px 16px 16px;
    overflow: hidden;
  }
}
.modal.open {
  display: block;
}
.modal__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 24px;
  padding-right: 12px;
}
.modal__head > h3 {
  word-break: break-word;
  overflow-wrap: anywhere;
}
@media (max-width: 1280px) {
  .modal__head > h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0px;
  }
}
.modal__head > button {
  height: 36px;
  width: 36px;
  padding: 8px;
  border: 0;
  background-color: #ffffff;
  cursor: pointer;
}
.modal__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-height: 548px;
  overflow: auto;
  padding-right: 12px;
}
@media (max-width: 640px) {
  .modal__content {
    max-height: none;
    height: auto;
  }
}
.modal__content > h4 {
  color: #5b5b5b;
}
@media (max-width: 640px) {
  .modal__content > h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.2px;
  }
}
.modal__content > ol {
  display: flex;
  flex-direction: column;
  gap: 16px;
  counter-reset: section;
  list-style: none;
  padding-left: 0;
}
.modal__content > ol > li {
  counter-increment: section;
}
.modal__content > ol > li::before {
  content: counter(section) ". ";
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0px;
}
@media (max-width: 640px) {
  .modal__content > ol > li::before {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
.modal__content > ol > li > h5 {
  display: inline;
}
@media (max-width: 640px) {
  .modal__content > ol > li > h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
.modal__content > ol > li > ol {
  margin-top: 8px;
  color: #5b5b5b;
}
.modal__content > ol > li > ol > li {
  counter-increment: subsection;
}
.modal__content > ol > li > ol > li:not(:last-child) > ul {
  padding-bottom: 8px;
}
.modal__content > ol > li > ol > li::before {
  content: counter(section) "." counter(subsection) " ";
}
.modal__content > ol > li > ol > li > ul {
  list-style-type: disc;
  padding-left: 28px;
}

.notify {
  position: fixed;
  top: 24px;
  right: 48px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #f6faf6;
  padding: 32px;
  border-radius: 16px;
  box-shadow: 0px 4px 20px 0px rgba(30, 30, 30, 0.1019607843);
  opacity: 0;
  transform: translateY(-20px);
  transition: all 300ms ease;
  max-width: 510px;
  z-index: 9999;
}
@media (max-width: 1280px) {
  .notify {
    top: 16px;
    right: 24px;
  }
}
@media (max-width: 640px) {
  .notify {
    top: 8px;
    left: 16px;
    right: 16px;
    padding: 32px 16px;
  }
}
.notify.show {
  opacity: 1;
  transform: translateY(0);
}
.notify__header {
  display: grid;
  grid-template-columns: 36px 1fr 36px;
  align-items: center;
}
.notify__title {
  grid-area: 1/2/2/3;
  background: radial-gradient(87.78% 87.78% at 0% 0%, #005239 0%, #247442 50%, #47954b 100%), radial-gradient(71.11% 71.11% at 50% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 10px;
  text-align: center;
}
@media (max-width: 640px) {
  .notify__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
.notify__close {
  grid-area: 1/3/2/4;
  padding: 8px;
  height: 36px;
  cursor: pointer;
}
.notify__body {
  color: #434343;
  text-align: center;
}

.section-header {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 24px;
}
@media (max-width: 1280px) {
  .section-header {
    grid-template-columns: 1fr;
    padding: 32px;
  }
}
@media (max-width: 640px) {
  .section-header {
    padding: 32px 16px;
  }
}
.section-header > h2 {
  padding: 32px;
}
@media (max-width: 1280px) {
  .section-header > h2 {
    padding: 0;
  }
}
@media (max-width: 640px) {
  .section-header > h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.28px;
  }
}
.section-header > h3 {
  padding: 32px;
  color: #434343;
}
@media (max-width: 1280px) {
  .section-header > h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0px;
    padding: 0;
  }
}

.header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  border-radius: 16px;
  background-color: #f3f3f3;
  z-index: 1;
}
@media (max-width: 640px) {
  .header {
    padding: 24px 16px;
  }
}
.header > img {
  height: 48px;
  width: 153px;
}
.header__burger {
  display: none;
  color: #434343;
  padding: 14px;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: all 300ms ease;
}
.header__burger:hover, .header__burger:active {
  opacity: 0.6;
}
.header__burger > svg > path {
  transition: all 300ms ease;
}
@media (max-width: 1280px) {
  .header__burger {
    display: block;
  }
}

.menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  gap: 16px;
  transition: all 300ms ease;
  overflow: auto;
}
@media (max-width: 1280px) {
  .menu {
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    right: -364px;
    flex-direction: column;
    width: 364px;
    padding: 32px 24px;
    background: #ffffff;
    visibility: hidden;
  }
}
@media (max-width: 1280px) and (max-width: 640px) {
  .menu {
    padding: 32px 16px;
    right: -100vw;
    width: 100%;
  }
}
.menu.open {
  visibility: visible;
  right: 0;
}
.menu__top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.menu__head {
  display: none;
  grid-template-columns: 48px 1fr 48px;
  gap: 24px;
}
@media (max-width: 1280px) {
  .menu__head {
    display: grid;
  }
}
.menu__logo {
  grid-area: 1/2/2/3;
  width: 153px;
  height: 48px;
}
.menu__close {
  grid-area: 1/3/2/4;
  height: 48px;
  width: 48px;
  padding: 14px;
  border: 0;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 300ms ease;
}
.menu__close:hover {
  opacity: 0.6;
}
.menu__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu__list > button {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  display: block;
  padding: 14px 28px;
  border-radius: 8px;
  color: #434343;
  transition: all 300ms ease;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.menu__list > button:hover, .menu__list > button:active {
  opacity: 0.6;
}
@media (max-width: 1280px) {
  .menu__list {
    flex-direction: column;
  }
}
.menu__footer {
  display: none;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px;
  border-top: 1px solid #d0d0d0;
  width: 100%;
}
@media (max-width: 1280px) {
  .menu__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.menu__copyright {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  color: #b8b8b8;
}
.menu__agreements {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.menu__agreements > span {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
}
.menu__socials {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.menu__socials > a {
  padding: 8px;
  max-height: 36px;
  transition: all 300ms ease;
}
.menu__socials > a:hover {
  opacity: 0.6;
}

.head {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr 300px;
  gap: 24px;
}
@media (max-width: 1280px) {
  .head {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 352px 275px;
    gap: 16px;
  }
}
@media (max-width: 640px) {
  .head {
    grid-template-columns: 1fr;
    grid-template-rows: auto 352px repeat(2, 275px);
  }
}
.head > div {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.head > div > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.head__img-text {
  position: absolute;
  left: 0;
  background-color: #f3f3f3;
  padding: 8px;
}
@media (max-width: 640px) {
  .head__img-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.2px;
  }
}
.head__img-text::before, .head__img-text::after {
  content: "";
  position: absolute;
  background-color: #f3f3f3;
  width: 17px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M0 0C0.732443 8.40922 7.58558 15 15.9336 15H0V0Z' fill='none'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15'%3E%3Cpath d='M0 0C0.732443 8.40922 7.58558 15 15.9336 15H0V0Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15'%3E%3Cpath d='M0 0C0.732443 8.40922 7.58558 15 15.9336 15H0V0Z' fill='%23000'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.head__img-card {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  right: 32px;
  bottom: 32px;
  gap: 16px;
  padding: 8px;
  background: radial-gradient(87.78% 87.78% at 0% 0%, #005239 0%, #247442 50%, #47954b 100%), radial-gradient(71.11% 71.11% at 50% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  border-radius: 16px;
  box-shadow: 0px 4px 10px 0px rgba(255, 255, 255, 0.1019607843) inset, 2px 2px 4px 0px rgba(255, 255, 255, 0.2509803922) inset;
  color: #ffffff;
}
@media (max-width: 640px) {
  .head__img-card {
    right: 16px;
    margin-left: 16px;
  }
}
.head__img-card > div {
  max-width: 256px;
}
.head__img-card > img {
  height: 108px;
  width: 108px;
}
@media (max-width: 640px) {
  .head__img-card > img {
    height: 100px;
  }
}
.head__partner {
  grid-area: 1/1/2/3;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  background-color: #f3f3f3;
}
@media (max-width: 1280px) {
  .head__partner {
    grid-area: 1/1/2/3;
  }
}
@media (max-width: 640px) {
  .head__partner {
    grid-area: 1/1/2/2;
  }
}
@media (max-width: 640px) {
  .head__partner > h1 {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.32px;
  }
}
.head__partner > h3 {
  color: #434343;
}
@media (max-width: 1280px) {
  .head__partner > h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0px;
  }
}
.head__support {
  grid-area: 2/1/3/2;
}
@media (max-width: 1280px) {
  .head__support {
    grid-area: 3/1/4/2;
  }
}
@media (max-width: 640px) {
  .head__support {
    grid-area: 4/1/5/2;
  }
}
.head__support > img {
  border-radius: 16px 16px 16px 20px;
}
.head__support .head__img-text {
  bottom: 0;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  max-width: 224px;
}
.head__support .head__img-text::before {
  top: 0;
  left: 0;
  transform: translateY(calc(-100% + 1px));
}
.head__support .head__img-text::after {
  right: 0;
  bottom: 0;
  transform: translateX(calc(100% - 1px));
}
.head__delivery {
  grid-area: 2/2/3/3;
}
@media (max-width: 1280px) {
  .head__delivery {
    grid-area: 3/2/4/3;
  }
}
@media (max-width: 640px) {
  .head__delivery {
    grid-area: 3/1/4/2;
  }
}
.head__delivery > img {
  border-radius: 20px 16px 16px 16px;
}
.head__delivery .head__img-text {
  top: 0;
  border-bottom-right-radius: 16px;
  border-top-left-radius: 16px;
  max-width: 170px;
}
.head__delivery .head__img-text::before {
  left: 0;
  bottom: 0;
  transform: translate(-1px, 100%) rotate(90deg);
}
.head__delivery .head__img-text::after {
  top: 0;
  right: 0;
  transform: translateX(calc(100% - 1px)) rotate(90deg);
}
.head__promotion {
  grid-area: 1/3/3/5;
}
@media (max-width: 1280px) {
  .head__promotion {
    grid-area: 2/1/3/3;
  }
}
@media (max-width: 640px) {
  .head__promotion {
    grid-area: 2/1/3/2;
  }
}

.about {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 640px) {
  .about {
    gap: 16px;
  }
}
.about__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr 201px;
  gap: 24px;
}
@media (max-width: 1280px) {
  .about__grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 489px 201px;
    gap: 16px;
  }
}
@media (max-width: 640px) {
  .about__grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 344px;
  }
}
.about__grid > div {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.about__grid > div > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about__statistics {
  grid-area: 1/1/3/3;
}
@media (max-width: 1280px) {
  .about__statistics {
    grid-area: 2/1/3/3;
  }
}
@media (max-width: 640px) {
  .about__statistics {
    grid-area: 2/1/3/2;
  }
}
.about__statistics > ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ffffff;
  padding: 24px 32px 21px;
  backdrop-filter: blur(30px);
  background: linear-gradient(233.88deg, rgba(79, 79, 79, 0.2) 28.91%, rgba(225, 225, 225, 0.2) 181.02%);
  text-align: center;
}
@media (max-width: 640px) {
  .about__statistics > ul {
    top: 0;
    right: auto;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 16px;
    max-width: 156px;
    width: 100%;
  }
}
.about__statistics > ul > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 8px;
}
@media (max-width: 640px) {
  .about__statistics > ul > li > h1 {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.32px;
  }
}
@media (max-width: 640px) {
  .about__statistics > ul > li > h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.2px;
  }
}
.about__description {
  grid-area: 1/3/2/5;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  background-color: #f3f3f3;
}
@media (max-width: 1280px) {
  .about__description {
    grid-area: 1/1/2/3;
  }
}
@media (max-width: 640px) {
  .about__description {
    grid-area: 1/1/2/2;
  }
}
@media (max-width: 1280px) {
  .about__description > h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.2px;
  }
}
.about__small-img1 {
  grid-area: 2/3/3/4;
}
@media (max-width: 1280px) {
  .about__small-img1 {
    grid-area: 3/1/4/2;
  }
}
@media (max-width: 640px) {
  .about__small-img1 {
    display: none;
  }
}
.about__small-img2 {
  grid-area: 2/4/3/5;
}
@media (max-width: 1280px) {
  .about__small-img2 {
    grid-area: 3/2/4/3;
  }
}
@media (max-width: 640px) {
  .about__small-img2 {
    display: none;
  }
}

.products {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 640px) {
  .products {
    gap: 16px;
  }
}
.products__bg-top-right {
  position: absolute;
  right: 0;
  transform: translateY(-100px);
  max-height: 477px;
  max-width: 477px;
  overflow: hidden;
}
.products__bg-top-right > img {
  transform: translateX(160px) rotate(-52deg);
}
@media (max-width: 1280px) {
  .products__bg-top-right > img {
    transform: translateX(132px) rotate(-52deg);
  }
}
@media (max-width: 640px) {
  .products__bg-top-right > img {
    transform: translateX(132px) rotate(-24deg);
  }
}
@media (max-width: 1280px) {
  .products__bg-top-right {
    transform: translateY(-84px);
    max-height: 260px;
    max-width: 260px;
  }
}
@media (max-width: 640px) {
  .products__bg-top-right {
    transform: translateY(-20%);
    max-height: 208px;
    max-width: 208px;
  }
}
.products__bg-top-right > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.products__bg-bottom-left {
  position: absolute;
  left: -220px;
  transform: translateY(540px);
  max-height: 477px;
  max-width: 477px;
}
@media (max-width: 1280px) {
  .products__bg-bottom-left {
    left: -112px;
    transform: translateY(640px);
    max-height: 281px;
    max-width: 281px;
  }
}
@media (max-width: 640px) {
  .products__bg-bottom-left {
    left: -144px;
    transform: translateY(480px);
    max-height: 243px;
    max-width: 243px;
  }
}
.products__bg-bottom-left > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.products__head {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  max-width: 660px;
}
@media (max-width: 640px) {
  .products__head {
    padding: 32px 16px;
  }
}
@media (max-width: 640px) {
  .products__head > h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.28px;
  }
}
.products__head > h3 {
  color: #434343;
}
@media (max-width: 1280px) {
  .products__head > h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0px;
  }
}
.products__head > h3 > span {
  display: block;
}
@media (max-width: 1280px) {
  .products__head > h3 > span {
    display: inline;
  }
}
.products__swiper {
  width: 100%;
  height: 100%;
  overflow: visible !important;
}
.products__swiper .swiper-wrapper {
  overflow: visible !important;
}
.products__swiper .swiper-pagination {
  display: none;
}
@media (max-width: 640px) {
  .products__swiper .swiper-pagination {
    position: static;
    display: block;
  }
}
.products__swiper .swiper-pagination-bullet {
  width: 12px;
  height: 4px;
  border-radius: 100px;
  opacity: 1;
  background: #e7e7e7;
}
.products__swiper .swiper-pagination-bullet-active {
  background: radial-gradient(165.88% 243.32% at 105.91% 100%, #47954b 0.75%, #8cb74b 77.73%, #005239 100%), radial-gradient(110.24% 263.24% at 97.58% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
}
.products__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  width: 318px;
}
@media (max-width: 640px) {
  .products__slide {
    width: 100%;
  }
}
.products__slide-img {
  width: 258px;
  height: 258px;
  border-radius: 50%;
  background-color: #f6faf6;
  padding: 16px 0 8px;
}
.products__slide-img > img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.products__slide-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  padding: 8px 16px 16px;
}
.products__slide-bottom > .btn-primary {
  padding: 8px;
}
.products__slide-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.products__slide-info > span {
  color: #5b5b5b;
}
.products__comment {
  margin-left: auto;
  padding: 32px;
  border-radius: 16px;
  color: #434343;
  background-color: #f3f3f3;
  max-width: 660px;
}
@media (max-width: 1280px) {
  .products__comment {
    max-width: 459px;
  }
}
@media (max-width: 640px) {
  .products__comment {
    padding: 32px 16px;
  }
}
@media (max-width: 1280px) {
  .products__comment > h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.2px;
  }
}

.special-offer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 32px;
  border-radius: 16px;
  color: #ffffff;
  background: radial-gradient(87.78% 87.78% at 0% 0%, #005239 0%, #247442 50%, #47954b 100%), radial-gradient(71.11% 71.11% at 50% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  overflow: hidden;
}
@media (max-width: 640px) {
  .special-offer {
    padding: 32px 16px;
  }
}
.special-offer__left {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
  max-width: 624px;
  z-index: 1;
}
@media (max-width: 640px) {
  .special-offer__left > h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.28px;
  }
}
@media (max-width: 1280px) {
  .special-offer__left > h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.2px;
  }
}
.special-offer__img-bg {
  position: absolute;
  right: 0;
  height: 368px;
  width: 596px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='596' height='368' viewBox='0 0 596 368' fill='none'><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M355.952 474.438C437.513 468.41 505.342 423.131 567.711 370.23C637.971 310.636 727.054 250.589 728.472 158.471C729.897 65.8569 641.182 4.20352 574.33 -59.9066C509.606 -121.975 445.53 -194.589 355.952 -198.768C263.535 -203.079 181.504 -146.817 116.204 -81.2772C51.0448 -15.8782 1.12644 66.1584 0.0218454 158.471C-1.09438 251.755 40.6302 342.092 110.397 404.026C176.596 462.792 267.674 480.962 355.952 474.438Z' fill='white'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1280px) {
  .special-offer__img-bg {
    bottom: 0;
    width: 272px;
    height: 255px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='272' height='255' viewBox='0 0 272 255' fill='none'><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M176.397 333.731C216.815 330.744 250.429 308.305 281.337 282.089C316.155 252.557 360.301 222.8 361.004 177.149C361.71 131.253 317.746 100.7 284.616 68.9296C252.542 38.1706 220.788 2.18604 176.397 0.115265C130.598 -2.02115 89.9467 25.8601 57.5866 58.3391C25.2959 90.7485 0.558222 131.403 0.0108258 177.149C-0.542334 223.378 20.1348 268.145 54.7088 298.837C87.5143 327.96 132.649 336.964 176.397 333.731Z' fill='white'/></svg>");
  }
}
@media (max-width: 640px) {
  .special-offer__img-bg {
    width: 209px;
    height: 297px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='209' height='297' viewBox='0 0 209 297' fill='none'><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M235.826 446.166C289.861 442.173 334.799 412.174 376.12 377.126C422.669 337.644 481.688 297.862 482.627 236.832C483.571 175.473 424.796 134.626 380.505 92.1523C337.624 51.0304 295.173 2.92245 235.826 0.154022C174.597 -2.70215 120.25 34.5724 76.9877 77.9938C33.8182 121.322 0.74629 175.673 0.014473 236.832C-0.72505 298.635 26.9184 358.485 73.1404 399.517C116.998 438.451 177.339 450.489 235.826 446.166Z' fill='white'/></svg>");
  }
}
.special-offer__img-container {
  position: absolute;
  top: -117px;
  right: 0;
  height: 510px;
  width: 510px;
}
@media (max-width: 1280px) {
  .special-offer__img-container {
    top: auto;
    bottom: -38px;
    right: -10px;
    height: 253px;
    width: 253px;
  }
}
@media (max-width: 640px) {
  .special-offer__img-container {
    height: 239px;
    width: 239px;
    right: -97px;
    bottom: -62px;
  }
}
.special-offer__img-container > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.how-we-work {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1280px) {
  .how-we-work {
    gap: 16px;
  }
}
.how-we-work__grid {
  position: relative;
  display: flex;
  gap: 24px;
  align-items: flex-end;
}
@media (max-width: 1536px) {
  .how-we-work__grid {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
@media (max-width: 1280px) {
  .how-we-work__grid {
    gap: 16px;
  }
}
.how-we-work__bg-img {
  position: absolute;
  top: 0;
  left: -57px;
  height: 314px;
  width: 314px;
}
@media (max-width: 1536px) {
  .how-we-work__bg-img {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    height: 377px;
    width: 377px;
    transform: translateY(50%) scaleX(-1) rotate(36deg);
  }
}
@media (max-width: 1280px) {
  .how-we-work__bg-img {
    transform: translate(194px, 50%) scaleX(-1) rotate(36deg);
  }
}
@media (max-width: 640px) {
  .how-we-work__bg-img {
    height: 134px;
    width: 134px;
    transform: translate(62px, 60%) scaleX(-1) rotate(36deg);
  }
}
.how-we-work__bg-img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.how-we-work__comment {
  padding: 24px 32px;
  color: #5b5b5b;
  max-width: 318px;
  width: 100%;
}
@media (max-width: 640px) {
  .how-we-work__comment {
    padding: 24px 16px;
  }
}
.how-we-work__swiper {
  width: 100%;
  height: 100%;
  overflow: visible !important;
}
.how-we-work__swiper .swiper-wrapper {
  overflow: visible !important;
}
.how-we-work__swiper .swiper-pagination {
  display: none;
}
@media (max-width: 640px) {
  .how-we-work__swiper .swiper-pagination {
    position: static;
    display: block;
  }
}
.how-we-work__swiper .swiper-pagination-bullet {
  width: 12px;
  height: 4px;
  border-radius: 100px;
  opacity: 1;
  background: #e7e7e7;
}
.how-we-work__swiper .swiper-pagination-bullet-active {
  background: radial-gradient(165.88% 243.32% at 105.91% 100%, #47954b 0.75%, #8cb74b 77.73%, #005239 100%), radial-gradient(110.24% 263.24% at 97.58% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
}
.how-we-work__swiper .swiper-slide {
  max-width: 318px;
  width: 100%;
  height: 456px;
  border-radius: 16px;
  overflow: hidden;
}
.how-we-work__swiper .swiper-slide:last-child {
  margin-right: 0 !important;
}
@media (max-width: 1536px) {
  .how-we-work__swiper .swiper-slide {
    max-width: calc(33.3333333333% - 10px);
  }
}
@media (max-width: 1280px) {
  .how-we-work__swiper .swiper-slide {
    max-width: 340px;
  }
}
@media (max-width: 640px) {
  .how-we-work__swiper .swiper-slide {
    max-width: none;
  }
}
.how-we-work__swiper .swiper-slide > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.how-we-work__slide-number {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 92px;
  border-bottom-right-radius: 16px;
  color: #5b5b5b;
  background-color: #ffffff;
}
.how-we-work__slide-number > h1 {
  font-weight: 700;
}
.how-we-work__slide-number::before, .how-we-work__slide-number::after {
  content: "";
  position: absolute;
  background-color: #f3f3f3;
  width: 17px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M0 0C0.732443 8.40922 7.58558 15 15.9336 15H0V0Z' fill='none'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15'%3E%3Cpath d='M0 0C0.732443 8.40922 7.58558 15 15.9336 15H0V0Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15'%3E%3Cpath d='M0 0C0.732443 8.40922 7.58558 15 15.9336 15H0V0Z' fill='%23000'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.how-we-work__slide-number::before {
  left: 0;
  bottom: 0;
  transform: translate(-1px, 100%) rotate(90deg);
}
.how-we-work__slide-number::after {
  top: 0;
  right: 0;
  transform: translateX(calc(100% - 1px)) rotate(90deg);
}
.how-we-work__slide-description {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #ffffff;
  padding: 24px 12px;
  backdrop-filter: blur(30px);
  background: linear-gradient(233.88deg, rgba(79, 79, 79, 0.2) 28.91%, rgba(225, 225, 225, 0.2) 181.02%);
}

.faq {
  padding: 48px 0;
}
@media (max-width: 1280px) {
  .faq {
    padding: 0;
  }
}
.faq__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 24px;
  grid-row-gap: 48px;
}
@media (max-width: 1280px) {
  .faq__grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 386px auto;
    gap: 16px;
  }
}
.faq__description {
  grid-area: 1/1/2/2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
}
@media (max-width: 1280px) {
  .faq__description {
    grid-area: 1/1/2/2;
  }
}
@media (max-width: 640px) {
  .faq__description {
    padding: 32px 16px;
  }
}
@media (max-width: 640px) {
  .faq__description > h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.28px;
  }
}
.faq__description > h3 {
  color: #434343;
}
@media (max-width: 1280px) {
  .faq__description > h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0px;
  }
}
.faq__description > h4 {
  color: #727272;
}
@media (max-width: 1280px) {
  .faq__description > h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.2px;
  }
}
.faq__questions {
  grid-area: 2/1/3/2;
  padding-top: 24px;
}
@media (max-width: 1280px) {
  .faq__questions {
    padding: 32px 0;
    grid-area: 3/1/4/2;
  }
}
.faq__questions > li {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0px;
  position: relative;
  counter-increment: item;
  padding: 16px 32px;
  border-radius: 12px;
  user-select: none;
  overflow: hidden;
  cursor: pointer;
}
.faq__questions > li:hover::after {
  opacity: 0.2;
}
@media (max-width: 640px) {
  .faq__questions > li {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
.faq__questions > li > span {
  position: relative;
  display: inline-block;
  padding-left: 36px;
}
.faq__questions > li > span::before {
  content: counter(item, decimal-leading-zero) ".";
  position: absolute;
  left: 0;
}
.faq__questions > li::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(165.88% 243.32% at 105.91% 100%, #47954b 0.75%, #8cb74b 77.73%, #005239 100%), radial-gradient(110.24% 263.24% at 97.58% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  opacity: 0;
  transition: opacity 300ms ease;
  z-index: -1;
}
.faq__questions > li.active {
  color: #ffffff;
}
.faq__questions > li.active::after {
  opacity: 1;
}
.faq__slider {
  grid-area: 1/2/3/3;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .faq__slider {
    grid-area: 2/1/3/2;
  }
}
.faq__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  opacity: 0;
  transition: opacity 300ms ease;
  overflow: hidden;
}
.faq__slide.active {
  opacity: 1;
}
.faq__slide-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}
.faq__slide-description {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 32px;
  color: #ffffff;
  backdrop-filter: blur(30px);
  background: linear-gradient(233.88deg, rgba(79, 79, 79, 0.2) 28.91%, rgba(225, 225, 225, 0.2) 181.02%);
  min-height: 132px;
}
@media (max-width: 640px) {
  .faq__slide-description {
    padding: 24px 16px;
  }
}
.faq__slide-description > img {
  height: 84px;
  width: 268px;
}

.reviews {
  position: relative;
}
.reviews__main {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: radial-gradient(87.78% 87.78% at 0% 0%, #005239 0%, #247442 50%, #47954b 100%), radial-gradient(71.11% 71.11% at 50% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  border-radius: 16px;
  width: 100%;
  height: 402px;
  padding-left: 342px;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .reviews__main {
    align-items: flex-end;
    margin-top: 79px;
    padding-left: 32px;
    padding-bottom: 32px;
    height: 644px;
  }
}
@media (max-width: 640px) {
  .reviews__main {
    height: 515px;
    margin-top: 143px;
  }
}
.reviews__left-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 558px;
  height: 377px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='558' height='377' viewBox='0 0 558 377' fill='none'><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M221.51 539.991C295.179 535.158 356.445 498.851 412.779 456.433C476.241 408.648 556.704 360.5 557.985 286.635C559.272 212.374 479.141 162.937 418.757 111.531C360.296 61.7616 302.421 3.53705 221.51 0.186401C138.036 -3.27039 63.9417 41.8427 4.96038 94.3952C-53.8943 146.835 -98.9826 212.615 -99.9803 286.635C-100.988 361.435 -63.3011 433.871 -0.28479 483.532C59.5084 530.653 141.774 545.222 221.51 539.991Z' fill='white'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1280px) {
  .reviews__left-bg {
    width: 730px;
    height: 750px;
    left: -14px;
    bottom: -106px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='730' height='750' viewBox='0 0 730 750' fill='none'><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M384.542 748.601C472.653 741.901 545.93 691.568 613.309 632.762C689.212 566.518 785.45 499.768 786.982 397.369C788.521 294.418 692.681 225.883 620.459 154.618C550.537 85.6215 481.315 4.90344 384.542 0.258423C284.702 -4.53381 196.082 58.0074 125.538 130.862C55.1446 203.56 1.21692 294.753 0.0236 397.369C-1.18228 501.065 43.8936 601.484 119.264 670.33C190.78 735.655 289.173 755.853 384.542 748.601Z' fill='white'/></svg>");
  }
}
.reviews__left-img {
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 488px;
  width: 452px;
  border-bottom-left-radius: 16px;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .reviews__left-img {
    left: 50%;
    transform: translate(-50%);
    height: 723px;
    width: 634px;
  }
}
@media (max-width: 640px) {
  .reviews__left-img {
    height: 658px;
    width: 100%;
  }
}
.reviews__right-bg {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1280px) {
  .reviews__right-bg {
    display: none;
  }
}
.reviews__swiper {
  max-height: 354px;
  height: 100%;
  width: 100%;
  overflow: visible !important;
  padding-right: 24px;
}
@media (max-width: 640px) {
  .reviews__swiper {
    max-height: 430px;
  }
}
.reviews__swiper .swiper-wrapper {
  align-items: center;
}
.reviews__slide {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
  background-color: #ffffff;
  padding: 32px;
  max-width: 400px;
  border-radius: 16px;
  height: fit-content;
}
@media (max-width: 640px) {
  .reviews__slide {
    max-width: 282px;
  }
}
.reviews__slide-user {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.reviews__slide-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.reviews__slide-text > p {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 60px;
  color: #727272;
}
.reviews__slide-text.expanded > p {
  display: block;
  line-clamp: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: visible;
  text-overflow: unset;
  max-height: none;
}
.reviews__slide-text-toggle {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  color: #a1a1a1;
  cursor: pointer;
}
.reviews__slide-avatar {
  max-height: 48px;
  max-width: 48px;
  border: 2px solid #e7e7e7;
  border-radius: 50%;
  overflow: hidden;
}

.contacts__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 24px;
}
@media (max-width: 1280px) {
  .contacts__grid {
    grid-template-columns: 1fr;
    grid-template-rows: 402px auto 162px auto;
    gap: 16px;
  }
}
@media (max-width: 640px) {
  .contacts__grid {
    grid-template-rows: 402px auto auto;
  }
}
.contacts__map {
  grid-area: 1/1/2/2;
  border-radius: 16px;
  overflow: hidden;
}
.contacts__map > iframe {
  width: 100%;
  height: 100%;
}
.contacts__address {
  grid-area: 2/1/3/2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  padding: 32px;
}
@media (max-width: 640px) {
  .contacts__address {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 32px 16px;
  }
}
.contacts__address-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 640px) {
  .contacts__address-block > h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.2px;
  }
}
.contacts__address-block > ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contacts__address-block > ul > li {
  display: flex;
  gap: 8px;
}
.contacts__address-block > ul > li > a {
  color: #5b5b5b;
  transition: all 300ms ease;
}
.contacts__address-block > ul > li > a:hover {
  color: #141414;
}
.contacts__address-place {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contacts__form {
  grid-area: 1/2/2/3;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  border-radius: 16px;
  background-color: #f3f3f3;
}
@media (max-width: 1280px) {
  .contacts__form {
    grid-area: 4/1/5/2;
  }
}
@media (max-width: 640px) {
  .contacts__form {
    grid-area: 3/1/4/2;
    padding: 32px 16px;
  }
}
.contacts__form-fill-text {
  color: #434343;
}
.contacts__banner {
  grid-area: 2/2/3/3;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  background-color: #f3f3f3;
}
@media (max-width: 1280px) {
  .contacts__banner {
    grid-area: 3/1/4/2;
  }
}
@media (max-width: 640px) {
  .contacts__banner {
    display: none;
  }
}
.contacts__banner > img {
  height: 103px;
  width: 329px;
}

.footer {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  background-color: #f3f3f3;
  border-radius: 16px;
}
.footer__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1280px) {
  .footer__top {
    flex-direction: column;
  }
}
.footer__top > img {
  height: auto;
  width: auto;
}
.footer__top > nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1280px) {
  .footer__top > nav {
    display: flex;
    flex-direction: column;
  }
}
.footer__top > nav > div {
  display: flex;
}
@media (max-width: 640px) {
  .footer__top > nav > div {
    flex-direction: column;
    width: 100%;
    text-align: center;
    gap: 16px;
  }
}
.footer__top > nav > div > button {
  padding: 12px 14px;
  transition: all 300ms ease;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.footer__top > nav > div > button:hover {
  opacity: 0.6;
}
.footer__top > nav > div > button > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  padding: 0 14px;
}
.footer__top > nav > div > button.show-mobile {
  display: none;
}
@media (max-width: 1280px) {
  .footer__top > nav > div > button.show-mobile {
    display: block;
  }
}
.footer__divider {
  height: 1px;
  background-color: #d0d0d0;
  border-radius: 100px;
}
.footer__bottom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: 24px;
}
@media (max-width: 1280px) {
  .footer__bottom {
    grid-template-columns: 1fr;
  }
}
.footer__copyright {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  color: #b8b8b8;
}
@media (max-width: 1280px) {
  .footer__copyright {
    text-align: center;
  }
}
.footer__agreements {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media (max-width: 640px) {
  .footer__agreements {
    flex-direction: column;
  }
}
.footer__agreements > span {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
}
@media (max-width: 640px) {
  .footer__agreements > svg {
    display: none;
  }
}
.footer__socials {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1280px) {
  .footer__socials {
    justify-content: center;
  }
}
.footer__socials > a {
  padding: 8px;
  max-height: 36px;
  transition: all 300ms ease;
}
.footer__socials > a:hover {
  opacity: 0.6;
}

.not-found {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.not-found__left-img {
  position: absolute;
  left: -12px;
  bottom: -106px;
  width: 467px;
  height: 467px;
}
@media (max-width: 1280px) {
  .not-found__left-img {
    left: -14px;
    bottom: -110px;
  }
}
@media (max-width: 768px) {
  .not-found__left-img {
    left: -11px;
    bottom: -33px;
    height: 214px;
    width: 214px;
  }
}
.not-found__left-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 585px;
  height: 529px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20585%20529%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.8768%201025.08C142.039%201015.91%20245.297%20946.987%20340.244%20866.463C447.202%20775.751%20582.816%20684.349%20584.974%20544.13C587.144%20403.156%20452.091%20309.31%20350.319%20211.723C251.788%20117.244%20154.244%206.71448%2017.8768%200.353882C-122.812%20-6.20825%20-247.691%2079.4316%20-347.099%20179.194C-446.293%20278.742%20-522.285%20403.615%20-523.967%20544.13C-525.666%20686.124%20-462.147%20823.632%20-355.939%20917.906C-255.163%201007.36%20-116.512%201035.02%2017.8768%201025.08Z%22%20fill%3D%22%23F6FAF6%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
@media (max-width: 1280px) {
  .not-found__left-bg {
    width: 455px;
    height: 494px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20455%20494%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M38.7346%20752.594C129.869%20745.858%20205.66%20695.256%20275.35%20636.137C353.857%20569.539%20453.397%20502.434%20454.981%20399.488C456.573%20295.988%20357.445%20227.088%20282.746%20155.443C210.424%2086.0781%20138.828%204.92957%2038.7346%200.259766C-64.5305%20-4.55798%20-156.191%2058.3168%20-229.155%20131.56C-301.964%20204.646%20-357.741%20296.325%20-358.976%20399.488C-360.223%20503.737%20-313.6%20604.692%20-235.644%20673.905C-161.675%20739.579%20-59.9063%20759.885%2038.7346%20752.594Z%22%20fill%3D%22%23F6FAF6%22/%3E%3C/svg%3E");
  }
}
@media (max-width: 768px) {
  .not-found__left-bg {
    width: 203px;
    height: 302px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%20203%20302%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-46.0433%20450.159C8.48059%20446.13%2053.8248%20415.863%2095.5191%20380.501C142.488%20340.666%20202.041%20300.527%20202.989%20238.951C203.941%20177.043%20144.635%20135.831%2099.9436%2092.9769C56.6752%2051.487%2013.8404%202.94861%20-46.0433%200.155396C-107.825%20-2.72632%20-162.663%2034.8818%20-206.317%2078.6917C-249.876%20122.408%20-283.247%20177.245%20-283.985%20238.951C-284.732%20301.307%20-256.838%20361.692%20-210.199%20403.092C-165.944%20442.374%20-105.058%20454.52%20-46.0433%20450.159Z%22%20fill%3D%22%23F6FAF6%22/%3E%3C/svg%3E");
  }
}
.not-found__right-img {
  position: absolute;
  height: 670px;
  width: 670px;
  right: -304px;
  bottom: -151px;
}
@media (max-width: 1280px) {
  .not-found__right-img {
    bottom: -152px;
    right: -412px;
  }
}
@media (max-width: 768px) {
  .not-found__right-img {
    bottom: -45px;
    right: -175px;
    height: 314px;
    width: 314px;
  }
}
.not-found__right-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 521px;
  height: 584px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20521%20584%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M541.877%201025.08C666.039%201015.91%20769.297%20946.987%20864.244%20866.463C971.202%20775.751%201106.82%20684.349%201108.97%20544.13C1111.14%20403.156%20976.091%20309.31%20874.319%20211.723C775.788%20117.244%20678.244%206.71448%20541.877%200.353882C401.188%20-6.20825%20276.309%2079.4316%20176.901%20179.194C77.707%20278.742%201.71481%20403.615%200.033256%20544.13C-1.66601%20686.124%2061.8526%20823.632%20168.061%20917.906C268.837%201007.36%20407.488%201035.02%20541.877%201025.08Z%22%20fill%3D%22%23F6FAF6%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
@media (max-width: 1280px) {
  .not-found__right-bg {
    width: 245px;
    height: 708px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%20245%20708%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M564.353%201068C693.665%201058.45%20801.207%20986.637%20900.092%20902.741C1011.49%20808.232%201152.73%20713.003%201154.97%20566.913C1157.23%20420.036%201016.58%20322.26%20910.585%20220.588C807.967%20122.153%20706.377%206.99561%20564.353%200.368652C417.828%20-6.46826%20287.77%2082.7573%20184.239%20186.697C80.9302%20290.413%201.78594%20420.514%200.0346354%20566.913C-1.73511%20714.852%2064.4182%20858.117%20175.032%20956.338C279.988%201049.53%20424.39%201078.35%20564.353%201068Z%22%20fill%3D%22%23F6FAF6%22/%3E%3C/svg%3E");
  }
}
@media (max-width: 768px) {
  .not-found__right-bg {
    width: 150px;
    height: 372px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%20150%20372%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M243.82%20460.14C299.688%20456.022%20346.149%20425.084%20388.871%20388.938C436.997%20348.219%20498.017%20307.191%20498.988%20244.249C499.965%20180.969%20439.197%20138.843%20393.404%2095.0385C349.07%2052.6287%20305.179%203.01398%20243.82%200.158844C180.516%20-2.78677%20124.327%2035.6552%2079.5976%2080.4366C34.9646%20125.122%200.771589%20181.175%200.0149637%20244.249C-0.749629%20307.988%2027.8309%20369.712%2075.6199%20412.03C120.965%20452.183%20183.351%20464.598%20243.82%20460.14Z%22%20fill%3D%22%23F6FAF6%22/%3E%3C/svg%3E");
  }
}
.not-found__content {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  max-width: 660px;
}
.not-found__code {
  font-size: 168px;
  font-weight: 700;
  line-height: 168px;
  letter-spacing: -1.68px;
  background: radial-gradient(165.88% 243.32% at 105.91% 100%, #47954b 0.75%, #8cb74b 77.73%, #005239 100%), radial-gradient(110.24% 263.24% at 97.58% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 768px) {
  .not-found__code {
    font-size: 96px;
    font-weight: 700;
    line-height: 96px;
    letter-spacing: -0.96px;
  }
}
@media (max-width: 768px) {
  .not-found__title {
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0px;
  }
}
.not-found__description {
  color: #5b5b5b;
  text-align: center;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  font-family: "Onest", sans-serif;
  color: #141414;
}
body.no-scroll {
  overflow: hidden;
}

header {
  margin-bottom: 24px;
}
@media (max-width: 640px) {
  header {
    margin-bottom: 16px;
  }
}

main {
  display: flex;
  flex-direction: column;
  gap: 96px;
}
@media (max-width: 1280px) {
  main {
    gap: 68px;
  }
}
@media (max-width: 640px) {
  main {
    gap: 32px;
  }
}

footer {
  margin-top: 96px;
}
@media (max-width: 1280px) {
  footer {
    margin-top: 68px;
  }
}
@media (max-width: 640px) {
  footer {
    margin-top: 32px;
  }
}

.layout {
  overflow: hidden;
}

.overlay {
  position: fixed;
  inset: 0;
  z-index: -1;
  transition: backdrop-filter 300ms ease, background 300ms ease;
}
.overlay.blurred {
  z-index: 10;
  visibility: visible;
  backdrop-filter: blur(12px);
  background: linear-gradient(233.88deg, rgba(79, 79, 79, 0.2) 28.91%, rgba(225, 225, 225, 0.2) 181.02%);
}

.container {
  max-width: 1440px;
  padding: 24px 48px;
  margin: 0 auto;
  transition: all 300ms ease;
}
@media (max-width: 1280px) {
  .container {
    padding: 16px 24px;
  }
}
@media (max-width: 640px) {
  .container {
    padding: 16px;
  }
}

h1 {
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.56px;
}

h2 {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.48px;
}

h3 {
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.64px;
}

h4 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.24px;
}

h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0px;
}

span.green {
  background: radial-gradient(87.78% 87.78% at 0% 0%, #005239 0%, #247442 50%, #47954b 100%), radial-gradient(71.11% 71.11% at 50% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.link-green, .menu__agreements > span, .footer__agreements > span {
  background: radial-gradient(87.78% 87.78% at 0% 0%, #005239 0%, #247442 50%, #47954b 100%), radial-gradient(71.11% 71.11% at 50% 50%, rgba(146, 186, 75, 0.2) 0%, rgba(68, 139, 74, 0.2) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  user-select: none;
  cursor: pointer;
  transition: all 300ms ease;
}
.link-green:hover, .menu__agreements > span:hover, .footer__agreements > span:hover {
  filter: brightness(1.3);
}
.link-green:active, .menu__agreements > span:active, .footer__agreements > span:active {
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: initial;
  color: #a1a1a1;
}

a {
  color: #141414;
  text-decoration: none;
}

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

/*# sourceMappingURL=main.css.map */