/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
: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;
  overflow: clip;
  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);
  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-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.info_discount__label {
  display: inline-block;
  color: #fff;
  background-color: #FF6200;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 130%;
  letter-spacing: -0.001em;
  border-radius: 32px;
  padding: 0.2rem 0.5rem;
  z-index: 5;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .info_discount__label {
    font-size: 1.5rem;
    padding: 0.25rem 1rem;
  }
}
.info_discount__label:hover {
  background-color: #cc4e00;
}
.info_discount__label--opacity {
  color: #FF6200;
  background-color: rgba(255, 98, 0, 0.1);
}
.info_discount__label--opacity:hover {
  color: #fff;
  background-color: #ff6200;
}
.info_discount__label--arrow {
  --icon-arrow-orange: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.46967 12.4697C4.17678 12.7626 4.17678 13.2374 4.46967 13.5303C4.76256 13.8232 5.23744 13.8232 5.53033 13.5303L4.46967 12.4697ZM13.75 5C13.75 4.58579 13.4142 4.25 13 4.25L6.25 4.25C5.83579 4.25 5.5 4.58579 5.5 5C5.5 5.41421 5.83579 5.75 6.25 5.75H12.25V11.75C12.25 12.1642 12.5858 12.5 13 12.5C13.4142 12.5 13.75 12.1642 13.75 11.75L13.75 5ZM5.53033 13.5303L13.5303 5.53033L12.4697 4.46967L4.46967 12.4697L5.53033 13.5303Z' fill='%23FF6200'/%3E%3C/svg%3E");
  --icon-arrow-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.46967 12.4697C4.17678 12.7626 4.17678 13.2374 4.46967 13.5303C4.76256 13.8232 5.23744 13.8232 5.53033 13.5303L4.46967 12.4697ZM13.75 5C13.75 4.58579 13.4142 4.25 13 4.25L6.25 4.25C5.83579 4.25 5.5 4.58579 5.5 5C5.5 5.41421 5.83579 5.75 6.25 5.75H12.25V11.75C12.25 12.1642 12.5858 12.5 13 12.5C13.4142 12.5 13.75 12.1642 13.75 11.75L13.75 5ZM5.53033 13.5303L13.5303 5.53033L12.4697 4.46967L4.46967 12.4697L5.53033 13.5303Z' fill='white'/%3E%3C/svg%3E");
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.info_discount__label--arrow:after {
  content: "";
  display: block;
  margin-left: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.8rem;
  min-width: 1.8rem;
  height: 1.8rem;
  background-size: contain;
  transition: 0.2s ease-in-out;
  background-image: var(--icon-arrow-white);
}
.info_discount__label--arrow:hover {
  background-color: #ff6200;
}
.info_discount__label--arrow:hover::after {
  transform: rotate(45deg);
}
.info_discount__section {
  padding: 3.2rem 0;
}
@media only screen and (min-width: 992px) {
  .info_discount__section {
    padding: 5rem 0;
  }
}
.info_discount__section .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.info_discount__section .info_discount__label {
  font-weight: 400;
  font-size: 1.4rem;
  padding: 1.4rem;
}
@media only screen and (min-width: 992px) {
  .info_discount__section .info_discount__label {
    font-size: 1.8rem;
    padding: 1.8rem;
  }
}
.info_discount__section__wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3.2rem;
}
@media only screen and (min-width: 992px) {
  .info_discount__section__wrap {
    flex-direction: row;
    gap: 7rem;
  }
}
.info_discount__section__wrap-content {
  flex: 1;
}
.info_discount__section__wrap-content + .info_discount__label {
  min-width: 35rem;
}
@media only screen and (max-width: 576px) {
  .info_discount__section__wrap-content + .info_discount__label {
    width: 100%;
  }
}
.info_discount__section__wrap-title {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #000000;
}
@media only screen and (min-width: 992px) {
  .info_discount__section__wrap-title {
    font-size: 3.6rem;
  }
}
.info_discount__section__wrap-title span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #FF6200;
}
.info_discount__section__wrap-descr {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 140%;
  letter-spacing: 0;
  color: #23242A;
  margin-top: 0.8rem;
}
@media only screen and (min-width: 992px) {
  .info_discount__section__wrap-descr {
    font-size: 1.8rem;
  }
}
.info_discount--icon > a {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
}
.info_discount--icon > a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M5.32048 19.5459L3.29383 17.5193C2.46716 16.6926 2.46716 15.3326 3.29383 14.5059L5.32048 12.4792C5.66715 12.1325 5.94715 11.4525 5.94715 10.9725V8.10592C5.94715 6.93259 6.90716 5.97254 8.08049 5.97254H10.9471C11.4271 5.97254 12.1072 5.69258 12.4538 5.34591L14.4805 3.31922C15.3071 2.49255 16.6672 2.49255 17.4938 3.31922L19.5205 5.34591C19.8672 5.69258 20.5471 5.97254 21.0271 5.97254H23.8938C25.0672 5.97254 26.0271 6.93259 26.0271 8.10592V10.9725C26.0271 11.4525 26.3071 12.1325 26.6538 12.4792L28.6805 14.5059C29.5072 15.3326 29.5072 16.6926 28.6805 17.5193L26.6538 19.5459C26.3071 19.8925 26.0271 20.5725 26.0271 21.0525V23.9192C26.0271 25.0926 25.0672 26.0525 23.8938 26.0525H21.0271C20.5471 26.0525 19.8672 26.3326 19.5205 26.6792L17.4938 28.7059C16.6672 29.5326 15.3071 29.5326 14.4805 28.7059L12.4538 26.6792C12.1072 26.3326 11.4271 26.0525 10.9471 26.0525H8.08049C6.90716 26.0525 5.94715 25.0926 5.94715 23.9192V21.0525C5.94715 20.5592 5.66715 19.8792 5.32048 19.5459Z' fill='%23FF6200'/%3E%3Cpath d='M20.021 22C18.901 22 18.001 21.1 18.001 20C18.001 18.9 18.901 18 20.001 18C21.101 18 22.001 18.9 22.001 20C22.001 21.1 21.121 22 20.021 22Z' fill='white'/%3E%3Cpath d='M12.021 14C10.901 14 10.001 13.1 10.001 12C10.001 10.9 10.901 10 12.001 10C13.101 10 14.001 10.9 14.001 12C14.001 13.1 13.121 14 12.021 14Z' fill='white'/%3E%3Cpath d='M11.1958 22C10.8916 22 10.5874 21.888 10.3473 21.6479C9.88295 21.1838 9.88295 20.4154 10.3473 19.9513L19.9537 10.3481C20.418 9.88396 21.1865 9.88396 21.6508 10.3481C22.1151 10.8123 22.1151 11.5806 21.6508 12.0448L12.0444 21.6479C11.8042 21.888 11.5 22 11.1958 22Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem !important;
}

.content ul li {
  padding-left: 4rem;
  display: block;
  font-size: inherit;
}
.content ul li::before {
  content: "";
  position: absolute;
  mask: url(../../img/icons/star.svg) center/cover no-repeat;
  left: 2rem;
  top: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #008246;
}

.banner {
  padding: 10.4rem 0;
  max-width: 144rem;
  margin: 0 auto;
  min-height: 50rem;
}
@media only screen and (min-width: 992px) {
  .banner {
    padding-top: 18.25rem;
    padding-bottom: 5.4rem;
    min-height: 70rem;
  }
}
.banner > .container {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .banner > .container {
    flex-direction: row;
    gap: 5rem;
  }
}
.banner__wrap {
  width: 100%;
}
.banner__head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1rem;
}
@media only screen and (max-width: 992px) {
  .banner__head {
    flex-direction: column;
    gap: 3rem;
  }
}
.banner__title {
  display: inline-flex;
  align-items: center;
  gap: 2rem;
}
.banner__title--medium {
  color: #23242a;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.26px;
  line-height: 1.3;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .banner__title--medium {
    font-size: 2.2rem;
    letter-spacing: 0.44px;
  }
}
.banner__title--large {
  color: #051322;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -1.12px;
  text-transform: none;
  margin-top: 0.8rem;
  display: inline-block;
}
@media only screen and (min-width: 992px) {
  .banner__title--large {
    min-width: 79rem;
    max-width: 79rem;
    font-size: 8.6rem;
    font-weight: 600;
    line-height: 85%;
    letter-spacing: -0.43rem;
  }
}
.banner__cont {
  margin-top: 3.2rem;
}
.banner__cont-descr {
  color: #23242a;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.12px;
  padding-left: 1.6rem;
  max-width: 28.2rem;
}
@media only screen and (min-width: 992px) {
  .banner__cont-descr {
    font-size: 1.8rem;
    letter-spacing: -0.16px;
    padding-left: 3.3rem;
  }
}
.banner__cont-descr::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #97e729;
  border-radius: 8px;
}
.banner__logos {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 5.6rem auto 2.4rem auto;
  max-width: 30.6rem;
}
@media only screen and (min-width: 992px) {
  .banner__logos {
    justify-content: flex-start;
    gap: 4.6rem;
    margin: 8.7rem 0 0 1.3rem;
    max-width: 54.5rem;
  }
}
@media only screen and (max-width: 576px) {
  .banner__logos {
    max-width: 32rem;
  }
}
.banner__logos-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
@media only screen and (min-width: 992px) {
  .banner__logos-item {
    gap: 1.2rem;
  }
}
.banner__logos-item img {
  width: 1.6rem;
  height: 1.6rem;
}
@media only screen and (min-width: 992px) {
  .banner__logos-item img {
    width: 2.8rem;
    height: 2.8rem;
  }
}
.banner__logos-label {
  color: #051322;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (min-width: 992px) {
  .banner__logos-label {
    font-size: 1.4rem;
  }
}
.banner .bttns {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
@media only screen and (min-width: 992px) {
  .banner .bttns {
    gap: 5.6rem;
    margin-top: 5.6rem;
    margin-left: inherit;
    margin-right: inherit;
    flex-direction: row;
  }
}
@media only screen and (max-width: 992px) {
  .banner .bttns a {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .banner .bttns .bttn__get-demo {
    min-width: 27.9rem;
    min-height: 6.2rem;
  }
}
.banner__img {
  width: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: -1;
  user-select: none;
  pointer-events: none;
}
.banner__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.banner__animation {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  overflow: hidden;
}
.banner__animation .layer {
  position: absolute;
  user-select: none;
  pointer-events: none;
}
.banner__animation .layer-3 {
  right: 7rem;
  bottom: 6rem;
  z-index: -1;
  width: 53.2904rem;
  height: 20.1436rem;
  transform: rotate(334deg);
  overflow: hidden;
  border-radius: 8rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media only screen and (max-width: 992px) {
  .banner__animation .layer-3 {
    bottom: 2rem;
    width: 50vw;
  }
}
@media only screen and (max-width: 576px) {
  .banner__animation .layer-3 {
    bottom: 1%;
  }
}
.banner__animation .layer-3 img {
  mix-blend-mode: color-dodge;
  width: 100%;
  height: auto;
  object-fit: cover;
  filter: invert(1) brightness(9);
  opacity: 0.5;
}
.banner__animation .layer-3 video {
  mix-blend-mode: color-dodge;
  width: 100%;
  height: auto;
  object-fit: cover;
  filter: brightness(10) contrast(10);
}
.banner__animation .layer-2 {
  right: -8rem;
  bottom: -30rem;
  z-index: -1;
}
@media only screen and (max-width: 576px) {
  .banner__animation .layer-2 {
    bottom: -15rem;
  }
}
.banner__animation .layer-1 {
  filter: blur(2px);
  left: -3rem;
  top: -5rem;
  width: 100%;
  height: 100%;
}
.banner__animation .layer-1 img {
  width: 100%;
  height: auto;
}
.banner__animation .layer-1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 50%;
  background: inherit;
  filter: blur(100px);
  pointer-events: none;
}

.efficiency {
  padding-top: 4rem;
}
.efficiency + section {
  padding-top: 4rem;
}
@media only screen and (min-width: 992px) {
  .efficiency {
    padding: 5.6rem 0 4rem;
  }
}
.efficiency__wrap {
  padding: 2rem 1.5rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(197, 212, 202, 0.5);
  background: rgba(230, 236, 232, 0.25);
  backdrop-filter: blur(19.6499996185px);
}
@media only screen and (min-width: 992px) {
  .efficiency__wrap {
    padding: 3.2rem 6.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: flex-end;
    gap: 2rem;
  }
}
.efficiency__list {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 2rem;
}
@media only screen and (min-width: 768px) {
  .efficiency__list {
    gap: 4rem 9.12rem;
  }
}
.efficiency__item {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .efficiency__item {
    width: calc(50% - 4.56rem);
  }
}
@media only screen and (min-width: 992px) {
  .efficiency__item {
    width: auto;
    max-width: 23.3rem;
  }
}
.efficiency__item::after {
  content: "";
  background: #d9d9c6;
  width: 2.4rem;
  height: 0.1rem;
  position: absolute;
  left: 50%;
  bottom: -1.6rem;
  transform: translateX(-50%);
}
@media only screen and (min-width: 992px) {
  .efficiency__item::after {
    width: 0.1rem;
    height: 2.4rem;
    left: unset;
    bottom: unset;
    right: -4.6rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 992px) {
  .efficiency__item:nth-child(3n)::after {
    display: none;
  }
}
.efficiency__item:last-of-type::after {
  content: none;
}
.efficiency__item-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
}
@media only screen and (min-width: 992px) {
  .efficiency__item-head {
    justify-content: flex-start;
  }
}
.efficiency__item-icon {
  width: 3.2rem;
  aspect-ratio: 1/1;
}
.efficiency__item-icon img {
  width: 100%;
  height: auto;
}
.efficiency__item-title {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #23242a;
  font-size: 3.2rem;
  font-weight: 200;
  line-height: normal;
  letter-spacing: -0.084rem;
}
@media only screen and (min-width: 576px) {
  .efficiency__item-title {
    font-size: 2.8rem;
  }
}
.efficiency__item-title span {
  font-size: 4.4rem;
  color: inherit;
  font-weight: 200;
  line-height: 1.1;
  letter-spacing: -0.168rem;
}
@media only screen and (min-width: 576px) {
  .efficiency__item-title span {
    line-height: 1.3;
    font-size: 8.4rem;
  }
}
.efficiency__item-descr {
  color: rgba(35, 36, 42, 0.8);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 140%;
  margin-top: 0.8rem;
  text-align: left;
}
@media only screen and (min-width: 576px) {
  .efficiency__item-descr {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 992px) {
  .efficiency__item-descr {
    max-width: 26rem;
    margin: 0.8rem auto 0;
    text-align: center;
  }
}

.benefits__wrap {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  scroll-snap-type: x mandatory;
  gap: 2.1rem;
  margin-top: 3.8rem;
}
@media only screen and (min-width: 768px) {
  .benefits__wrap {
    margin-top: 5.6rem;
  }
}
@media only screen and (max-width: 1252px) {
  .benefits__wrap {
    width: calc(100% + 4rem);
    left: -2rem;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    gap: 1rem;
  }
  .benefits__wrap::-webkit-scrollbar {
    width: 0.3rem;
    height: 0.3rem;
    background-color: #f7f7f7;
    border-radius: 8px;
  }
  .benefits__wrap::-webkit-scrollbar-thumb {
    background: #23242a;
    border-radius: 8px;
    height: 70px;
  }
  .benefits__wrap::-webkit-scrollbar-track {
    background: 0 0;
  }
}
.benefits__item {
  width: calc(33% - 1.1rem);
  height: auto;
  max-height: 42rem;
  overflow: hidden;
  border-radius: 0.4rem;
}
@media only screen and (max-width: 1252px) {
  .benefits__item {
    width: 100%;
    min-width: 40rem;
  }
}
@media only screen and (max-width: 576px) {
  .benefits__item {
    min-width: 34rem;
    min-height: 42rem;
    max-height: 50rem;
  }
}
.benefits__item::after {
  content: "";
  position: absolute;
  bottom: -3rem;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 34.89%, rgb(0, 0, 0) 80.82%);
  opacity: 0.9;
  filter: blur(10px);
  pointer-events: none;
  z-index: 2;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.benefits__item-img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  user-select: none;
  background: radial-gradient(85.4% 46.89% at 50% 5.98%, rgba(0, 0, 0, 0.8) 24.14%, #000 95.97%);
  backdrop-filter: blur(12px);
}
.benefits__item-img::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 34.89%, #000 80.82%);
  opacity: 0.2;
  z-index: 2;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.benefits__item-img img {
  width: 100%;
  max-width: unset;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.benefits__item-img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(85.4% 46.89% at 50% 5.98%, rgba(0, 0, 0, 0.8) 24.14%, #000 95.97%);
  backdrop-filter: blur(12px);
  z-index: 2;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.benefits__item-content {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 1.5rem;
  transform: translateY(32.5%);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (min-width: 992px) {
  .benefits__item-content {
    padding: 3.2rem;
  }
}
.benefits__item-head {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding-left: 0.8rem;
}
.benefits__item-head::before {
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.25);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 8px;
  transition: all 0.5s ease;
}
.benefits__item-head i {
  display: block;
  min-width: 2.8rem;
  width: 2.8rem;
}
.benefits__item-head h3 {
  font-weight: 500;
  font-feature-settings: "liga" off, "clig" off;
}
.benefits__item-text {
  margin-top: 1.4rem;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .benefits__item-text {
    margin-top: 2.4rem;
  }
}
.benefits__item-text p {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 400;
}
.benefits__item-text p + p {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .benefits__item-text p + p {
    margin-top: 2rem;
  }
}
.benefits__item:hover .benefits__item-img img {
  transform: scale(1.1);
  z-index: -1;
}
.benefits__item:hover .benefits__item-img::before {
  opacity: 1;
}
.benefits__item:hover .benefits__item-content {
  transform: translate(0);
}
.benefits__item:hover .benefits__item-head::before {
  height: 100%;
}
.benefits__item:hover::after {
  opacity: 0;
}

.functional__wrap {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
  margin-top: 3.8rem;
}
@media only screen and (min-width: 768px) {
  .functional__wrap {
    margin-top: 5.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .functional__wrap {
    flex-direction: column;
    gap: 3rem;
    margin-right: -3rem;
  }
}
.functional__tabs {
  width: 48.8rem;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .functional__tabs {
    width: calc(100% + 4rem);
    left: -2rem;
    padding: 0 2rem 1rem 0.5rem;
    display: flex;
    overflow: auto;
  }
}
.functional__tabs-item {
  padding: 0.8rem 1.6rem 0.8rem 3.2rem;
  cursor: pointer;
  border-left: 1px solid rgba(255, 255, 240, 0);
  transition: all 0.2s ease;
}
@media only screen and (max-width: 768px) {
  .functional__tabs-item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .functional__tabs-item:first-child:not(.active) {
    opacity: 0.25;
  }
  .functional__tabs-item:first-child:not(.active)::after {
    content: "";
    position: absolute;
    top: -1rem;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #d9d9d9 25%, #d9d9d9 75.5%, rgba(217, 217, 217, 0) 100%);
    opacity: 0.5;
    filter: blur(20px);
    pointer-events: none;
    z-index: 2;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .functional__tabs-item:last-child:not(.active) {
    opacity: 0.25;
  }
  .functional__tabs-item:last-child:not(.active)::after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #d9d9d9 25%, #d9d9d9 75.5%, rgba(217, 217, 217, 0) 100%);
    opacity: 0.5;
    filter: blur(20px);
    pointer-events: none;
    z-index: 2;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .functional__tabs-item.visible {
    opacity: 1 !important;
  }
  .functional__tabs-item.visible::after {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .functional__tabs-item {
    width: max-content;
  }
}
.functional__tabs-item + .functional__tabs-item {
  margin-top: 0.4rem;
}
.functional__tabs-item::before {
  content: "";
  display: block;
  width: 2px;
  height: 40px;
  background: #008246;
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .functional__tabs-item::before {
    opacity: 0.5;
  }
}
.functional__tabs-item span {
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
  transform-origin: left;
  transition: all 0.3s ease;
  max-width: 33rem;
}
@media only screen and (max-width: 768px) {
  .functional__tabs-item span {
    font-size: 1.6rem;
    width: max-content;
  }
}
.functional__tabs-item.active::before {
  opacity: 1;
}
.functional__tabs-item.active span {
  color: #008246;
}
@media only screen and (min-width: 768px) {
  .functional__tabs-item.active span {
    transform: scale(1.1);
  }
}
@media only screen and (min-width: 768px) {
  .functional__tabs-item:not(.active):hover span {
    transform: scale(1.1);
  }
}
.functional__tabs-item:not(.active):hover::before {
  opacity: 0.4;
}
.functional__tabs-info {
  max-width: 100%;
  padding-right: 4rem;
}
@media only screen and (min-width: 768px) {
  .functional__tabs-info {
    width: 68rem;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .functional__tabs-info {
    max-height: 70rem;
  }
}
.functional__tabs-info::after {
  content: "";
  position: absolute;
  bottom: -3rem;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #d9d9d9 25%, #d9d9d9 75.5%, rgba(217, 217, 217, 0) 100%);
  opacity: 0.05;
  filter: blur(40px);
  pointer-events: none;
  z-index: 2;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.functional__tabs-info::before {
  content: "";
  position: absolute;
  top: -3rem;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #d9d9d9 25%, #d9d9d9 75.5%, rgba(217, 217, 217, 0) 100%);
  opacity: 0.05;
  filter: blur(40px);
  pointer-events: none;
  z-index: 2;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.functional__tabs-info.swiper {
  height: auto;
}
.functional__tabs-info.swiper .swiper-slide {
  display: flex;
  align-items: center;
  opacity: 0.25;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .functional__tabs-info.swiper .swiper-slide {
    padding: 2.4rem 0;
  }
}
.functional__tabs-info.swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .functional__tabs-info.swiper .swiper-slide.swiper-slide-prev {
    align-items: flex-end;
  }
  .functional__tabs-info.swiper .swiper-slide.swiper-slide-next {
    align-items: start;
  }
}
.functional__tabs-content {
  display: block;
  font-size: 1.8rem;
}
.functional__tabs-content ul {
  padding-left: 4rem;
  margin-top: 2.4rem;
}
.functional__tabs-content ul li {
  display: block;
  font-size: inherit;
  line-height: 1.6;
  font-weight: 400;
  font-size: 1.4rem;
}
.functional__tabs-content ul li + li {
  margin-top: 2.4rem;
}
.functional__tabs-content ul li::before {
  content: "";
  position: absolute;
  mask: url(../../img/icons/star.svg) center/cover no-repeat;
  left: -0.8rem;
  top: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #008246;
  transform: translateX(-100%);
}
.functional__tabs-content p {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.4;
}
.functional__tabs-content p + p {
  margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .functional__tabs-content p + p {
    margin-top: 2.4rem;
  }
}

.components {
  background: rgba(230, 236, 232, 0.25);
  padding: 5rem 0;
}
@media only screen and (min-width: 992px) {
  .components {
    padding: 8rem 0 6rem;
  }
}
.components__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  .components__head {
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 2rem;
  }
}
.components__head .bttn {
  white-space: nowrap;
  border-color: rgba(35, 36, 42, 0.4);
}
.components__descr {
  margin-top: 1.6rem;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -0.064rem;
  line-height: normal;
}
@media only screen and (min-width: 768px) {
  .components__descr {
    font-size: 3.2rem;
  }
}
.components__tabs {
  margin-top: 3.2rem;
}
@media only screen and (min-width: 992px) {
  .components__tabs {
    margin-top: 5.6rem;
  }
}
.components__tabs-content {
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .components__tabs-content {
    margin-top: 3rem;
  }
}
.components__tabs-slide {
  z-index: 2;
}
.components__tabs-slide img {
  cursor: zoom-in;
  margin-top: 2.4rem;
}
.components__tabs-slide:not(.active) .components__slide-descr {
  opacity: 0;
}
@media only screen and (min-width: 992px) {
  .components__slide-wrap {
    display: flex;
    text-align: left;
  }
}
.components__slide-title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .components__slide-title {
    font-size: 2.4rem;
  }
}
.components__slide-descr {
  min-height: 22rem;
}
.components__slide-descr h4 {
  text-align: center;
}
.components__slide-descr ul {
  column-count: 3;
  margin-top: 1.6rem;
}
@media only screen and (max-width: 992px) {
  .components__slide-descr ul {
    column-count: 2;
  }
}
@media only screen and (max-width: 576px) {
  .components__slide-descr ul {
    column-count: 1;
  }
}
.components__slide-descr ul li {
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400;
}
.components__slide-descr ul li + li {
  margin-top: 0.8rem;
}
.components__slide img {
  max-width: 100%;
  height: auto;
}
.components__slide-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90rem;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  transition: all 0.2s ease;
  border-radius: 1.2rem;
  border: 0.5px solid #d1d1f1;
  background: linear-gradient(180deg, rgba(254, 254, 255, 0.6) 0%, rgba(252, 252, 255, 0.6) 100%);
  box-shadow: 0px 6px 41.935px 0px rgba(197, 212, 202, 0.4);
}
@media only screen and (max-width: 992px) {
  .components__slide-img {
    width: 100%;
  }
}
.components__slide-img img {
  width: 100%;
  height: auto;
  transition: all 0.2s ease;
}
.components-slider-images {
  overflow: visible;
  margin-top: 4rem;
}
@media only screen and (min-width: 992px) {
  .components-slider-images {
    margin-top: 5.8rem;
  }
  .components-slider-images::after {
    content: "";
    width: 13%;
    height: 100%;
    background: linear-gradient(90deg, #f9faf9 0%, rgba(249, 250, 249, 0) 100%);
    position: absolute;
    transform: rotate(180deg);
    right: 0;
    top: 0;
    z-index: 2;
  }
  .components-slider-images::before {
    content: "";
    width: 13%;
    height: 100%;
    background: linear-gradient(90deg, #f9faf9 0%, rgba(249, 250, 249, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  }
}
.components-slider-images .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.components-slider-images .swiper-slide-next .components__slide-img, .components-slider-images .swiper-slide-prev .components__slide-img {
  transform: scale(0.95);
}

@media only screen and (min-width: 768px) {
  .addit {
    margin-top: 6.5rem;
  }
}
.addit__wrap {
  display: flex;
  margin-top: 3rem;
  gap: 1rem;
  overflow: auto;
}
@media only screen and (min-width: 768px) {
  .addit__wrap {
    gap: 2.8rem;
    margin-top: 4.6rem;
  }
}
.addit__item {
  overflow: hidden;
  height: auto;
  border-radius: 0.4rem;
  border: 1px solid rgba(143, 212, 189, 0.25);
  background: rgba(226, 247, 240, 0.5);
  width: 58.6rem;
  max-width: 100%;
}
@media only screen and (max-width: 992px) {
  .addit__item {
    min-width: 50rem;
  }
}
@media only screen and (max-width: 768px) {
  .addit__item {
    min-width: 36.5rem;
  }
}
@media only screen and (max-width: 576px) {
  .addit__item {
    min-width: 32rem;
  }
}
.addit__item::after {
  content: "";
  background: linear-gradient(180deg, rgba(143, 212, 189, 0.5) 12.95%, rgba(143, 212, 189, 0) 58.15%);
  position: absolute;
  left: 0;
  bottom: -25rem;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.addit__item:nth-child(2) {
  border: 1px solid rgba(129, 192, 206, 0.25);
  background: rgba(237, 247, 249, 0.5);
}
.addit__item:nth-child(2)::after {
  background: linear-gradient(180deg, rgba(129, 192, 206, 0.5) 12.95%, rgba(129, 192, 206, 0) 58.15%);
}
.addit__item-title {
  font-size: 1.8rem;
  line-height: 100%;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .addit__item-title {
    font-size: calc(1.8rem + 4 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  .addit__item-title {
    font-size: 2.4rem;
  }
}
.addit__item-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  min-height: 28rem;
}
@media only screen and (max-width: 768px) {
  .addit__item-img img {
    min-height: 24rem;
  }
}
@media only screen and (max-width: 576px) {
  .addit__item-img img {
    min-height: 20rem;
  }
}
.addit__item-head {
  padding: 2rem;
}
@media only screen and (min-width: 768px) {
  .addit__item-head {
    padding: 3.2rem;
  }
}
.addit__item-head .addit__item-title + p {
  margin-top: 1.6rem;
}
.addit__item-head p {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 400;
}
@media only screen and (min-width: 576px) {
  .addit__item-head p {
    font-size: 1.8rem;
  }
}
.addit__item-info {
  padding: 0 1.4rem 2.6rem 1.4rem;
}
@media only screen and (min-width: 768px) {
  .addit__item-info {
    padding: 0 3.85rem 3.6rem 3.85rem;
  }
}
.addit__item-info-head {
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 1.2;
  gap: 0.5rem;
  font-size: 1.4rem;
}
@media only screen and (min-width: 576px) {
  .addit__item-info-head {
    font-size: 1.6rem;
  }
}
.addit__item-info-head i {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 3rem;
}
@media only screen and (min-width: 576px) {
  .addit__item-info-head i {
    width: 4rem;
  }
}
.addit__item-info-head i img {
  max-width: 2rem;
}
@media only screen and (min-width: 576px) {
  .addit__item-info-head i img {
    max-width: 2.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .addit__item-info-head {
    font-size: 1.8rem;
    gap: 1.35rem;
  }
}
.addit__item-info-head span {
  font-weight: inherit;
  line-height: inherit;
}
.addit__item-info-head + p {
  margin-top: 0.8rem;
}
.addit__item-info li {
  padding-left: 1.2rem;
}
@media only screen and (min-width: 576px) {
  .addit__item-info li {
    padding-left: 1.6rem;
  }
}
.addit__item-info li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 40px;
  background: #97e729;
  display: block;
}
.addit__item-info li p {
  line-height: 1.4;
  font-weight: 400;
  font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .addit__item-info li p {
    font-size: 1.4rem;
  }
}
.addit__item-info li + li {
  margin-top: 2.2rem;
}
@media only screen and (min-width: 768px) {
  .addit__item-info li + li {
    margin-top: 3.6rem;
  }
}
.addit__bttn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3rem;
}
@media only screen and (min-width: 768px) {
  .addit__bttn {
    margin-top: 4.6rem;
  }
}

.integration {
  background: linear-gradient(0deg, rgba(230, 236, 232, 0.25) 0%, rgba(230, 236, 232, 0.25) 100%), #fff;
  padding: 5rem 0;
}
@media only screen and (min-width: 768px) {
  .integration {
    padding: 7.5rem 0 7.6rem;
  }
}
@media only screen and (min-width: 1252px) {
  .integration .container::before {
    content: "";
    position: absolute;
    top: -3rem;
    bottom: -3rem;
    left: -100rem;
    width: 163rem;
    background: linear-gradient(0deg, rgba(230, 236, 232, 0.25) 0%, rgba(230, 236, 232, 0.25) 100%), #fff;
    z-index: 2;
    box-shadow: 30px 0 10px -15px rgb(249, 250, 249);
  }
}
.integration__wrap {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
@media only screen and (max-width: 1252px) {
  .integration__wrap {
    flex-direction: column;
    align-items: center;
    gap: 3rem;
  }
}
.integration__info {
  width: 59rem;
  min-width: 59rem;
  z-index: 3;
}
@media only screen and (max-width: 1252px) {
  .integration__info {
    width: 100%;
    min-width: unset;
  }
}
.integration__links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.6rem;
}
@media only screen and (min-width: 576px) {
  .integration__links {
    gap: 1.6rem;
    margin-top: 2.4rem;
  }
}
.integration__links li {
  border-radius: 0.4rem;
  background: rgba(0, 130, 70, 0.1);
  overflow: hidden;
  color: #008246;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.007rem;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-size: 1.2rem;
  padding: 0.25rem 0.8rem;
}
@media only screen and (min-width: 576px) {
  .integration__links li {
    font-size: 1.4rem;
    padding: 0.5rem 1rem;
  }
}
@media (any-hover: hover) {
  .integration__links li:hover {
    background: rgba(0, 130, 70, 0.2);
  }
}
.integration__links li.active {
  cursor: default;
  border-color: rgba(1, 1, 1, 0.4);
  color: #fff;
  background: #008246;
}
.integration__descr {
  margin-top: 2.4rem;
}
.integration__descr p {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 400;
}
@media only screen and (min-width: 576px) {
  .integration__descr p {
    font-size: 1.4rem;
  }
}
.integration__descr .bold {
  font-size: 1.8rem;
  line-height: 100%;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .integration__descr .bold {
    font-size: calc(1.8rem + 4 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  .integration__descr .bold {
    font-size: 2.4rem;
  }
}
.integration__descr .bold + p {
  margin-top: 1.6rem;
}
.integration__nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 2rem;
  gap: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .integration__nav {
    margin-top: 3.5rem;
  }
}
.integration__nav-bttns {
  display: flex;
  gap: 1.4rem;
}
@media only screen and (min-width: 576px) {
  .integration__nav-bttns {
    gap: 2.7rem;
  }
}
.integration__nav .swiper-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.4rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid rgba(1, 1, 1, 0.4);
  background: #008246;
  transition: all 0.2s ease;
}
@media only screen and (min-width: 576px) {
  .integration__nav .swiper-button {
    width: 4.3rem;
  }
}
.integration__nav .swiper-button:not(.swiper-button-disabled) {
  cursor: pointer;
}
.integration__nav .swiper-button:not(.swiper-button-disabled):hover {
  transform: scale(1.1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.integration__nav .swiper-button:not(.swiper-button-disabled):active {
  transform: scale(1.05);
}
.integration__nav .swiper-button svg,
.integration__nav .swiper-button path {
  transition: all 0.2s ease;
}
.integration__nav .swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
  background-color: #e6ece8;
}
.integration__nav .swiper-button-disabled svg,
.integration__nav .swiper-button-disabled path {
  fill: #c5d4ca;
}
.integration__pagination {
  color: rgba(35, 36, 42, 0.4);
  font-weight: 400;
  letter-spacing: -0.048rem;
  line-height: normal;
  font-size: 1.6rem;
}
@media only screen and (min-width: 576px) {
  .integration__pagination {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) {
  .integration__pagination {
    font-size: 2.4rem;
  }
}
.integration__pagination .swiper-pagination-current {
  color: rgba(35, 36, 42, 0.8);
}
.integration__slider {
  width: 100rem;
  max-width: 100%;
  overflow: visible;
}
.integration .last-slide {
  width: 30rem;
}
@media only screen and (max-width: 768px) {
  .integration .last-slide {
    display: none !important;
  }
}
.integration__slide {
  box-shadow: 0px 4px 36px 0px rgba(197, 212, 202, 0.4);
  border-radius: 0.4rem;
  border: 1px solid rgba(197, 212, 202, 0.5);
  background: #fff;
  overflow: hidden;
  padding: 2.4rem;
  width: 46.8rem;
  height: auto;
  min-height: 67.3rem;
}
@media only screen and (max-width: 576px) {
  .integration__slide {
    min-height: 48rem;
    padding: 1.4rem;
    width: 35.5rem;
  }
}
.integration__slide-tag {
  display: inline-flex;
  width: max-content;
  padding: 0.6rem 0.8rem;
  color: #15adc8;
  background: rgba(47, 185, 209, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 1.2rem;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.007rem;
  font-size: 1.2rem;
  font-weight: 600;
}
@media only screen and (min-width: 576px) {
  .integration__slide-tag {
    font-size: 1.4rem;
    padding: 0.4rem 0.6rem;
  }
}
@media only screen and (max-width: 576px) {
  .integration__slide-title {
    font-size: 1.8rem;
  }
}
.integration__slide-text {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 576px) {
  .integration__slide-text {
    margin-top: 2.4rem;
  }
}
.integration__slide-text li p.bold {
  display: flex;
  gap: 0.8rem;
  line-height: 120%;
  font-size: 1.4rem;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .integration__slide-text li p.bold {
    font-size: 1.6rem;
  }
}
.integration__slide-text li p.bold i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: 0.25rem;
}
.integration__slide-text li p.bold i svg,
.integration__slide-text li p.bold i path {
  width: 100%;
  height: 100%;
}
.integration__slide-text li p.bold + p {
  margin-top: 0.8rem;
}
.integration__slide-text li p {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .integration__slide-text li p {
    font-size: 1.4rem;
  }
}
.integration__slide-text li + li {
  margin-top: 1.6rem;
}
.integration__slide-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.integration__slide-marquee {
  margin-top: auto;
  background: rgba(47, 185, 209, 0.1);
  margin-left: -2.4rem;
  margin-right: -2.4rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.007rem;
  text-transform: capitalize;
  min-width: max-content;
  overflow: hidden;
  white-space: nowrap;
  color: #15adc8;
  font-size: 1.2rem;
  padding: 0.25rem 0.6rem;
}
@media only screen and (min-width: 576px) {
  .integration__slide-marquee {
    font-size: 1.4rem;
    padding: 0.4rem 0.8rem;
  }
}
.integration__slide-marquee i {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 1rem;
}
@media only screen and (min-width: 576px) {
  .integration__slide-marquee i {
    width: 1.2rem;
  }
}
.integration__slide-marquee i svg,
.integration__slide-marquee i path {
  width: 100%;
  height: auto;
}

.materials .container {
  max-width: 120rem;
}
.materials__head {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .materials__head {
    align-items: start;
    flex-direction: column;
  }
}
.materials__wrap {
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-gap: 3rem;
  align-items: start;
  margin-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .materials__wrap {
    grid-template-columns: 2.34fr 1.695fr;
    grid-gap: 3.2rem 3.5rem;
    margin-top: 6.1rem;
  }
}
.materials .events-grid {
  grid-row: span 2;
}
@media (max-width: 992px) {
  .materials .events-grid {
    flex-wrap: nowrap;
    gap: 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-left: 1rem;
    padding-bottom: 0.5rem;
    scroll-snap-type: x mandatory;
  }
  .materials .events-grid .event-card {
    flex: 0 0 90%;
    max-width: 90%;
    scroll-snap-align: center;
  }
}
.materials__item:first-child {
  grid-row: span 2;
}
@media only screen and (min-width: 576px) {
  .materials__item:first-child .materials__item-title {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .materials__item:first-child .materials__item-title {
    font-size: 3.2rem;
  }
}
@media only screen and (min-width: 576px) {
  .materials__item:first-child .materials__item-bttn {
    margin-top: 3.2rem;
  }
}
.materials__item-tag {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  border-radius: 0.4rem;
  backdrop-filter: blur(10.1499996185px);
  text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
  color: #008246;
  background-color: rgba(129, 192, 206, 0.25);
  font-size: 1.2rem;
  margin-bottom: 0.8rem;
}
@media only screen and (min-width: 576px) {
  .materials__item-tag {
    font-size: 1.4rem;
    padding: 0.6rem 1rem;
  }
}
.materials__item a {
  display: flex;
}
.materials__item-title {
  color: #23242a;
  font-weight: 500;
  line-height: 1.2;
  font-size: 2rem;
  transition: all 0.2s ease;
}
@media only screen and (min-width: 768px) {
  .materials__item-title {
    font-size: 2rem;
  }
}
.materials__item-title:hover {
  color: #008246;
}
.materials__item-text {
  margin-top: 1.6rem;
}
.materials__item-text p {
  font-weight: 400;
  line-height: 1.6;
  font-size: 1.2rem;
}
@media only screen and (min-width: 576px) {
  .materials__item-text p {
    font-size: 1.4rem;
  }
}
.materials__item-text p + p {
  margin-top: 1rem;
}
.materials__item-addit {
  margin-top: 1rem;
}
@media only screen and (min-width: 768px) {
  .materials__item-addit {
    margin-top: 1.6rem;
  }
}
.materials__item-addit span {
  display: block;
  font-weight: 500;
  line-height: 1.6;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 576px) {
  .materials__item-addit span {
    font-size: 1.4rem;
    margin-bottom: 1.6rem;
  }
}
.materials__item-addit ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.materials__item-addit ul li {
  font-size: 1.2rem;
  padding: 0.4rem 0.8rem;
  border-radius: 0.4rem;
  border: 1px solid rgba(197, 212, 202, 0.5);
  background: rgba(230, 236, 232, 0.25);
  text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.007rem;
}
@media only screen and (min-width: 576px) {
  .materials__item-addit ul li {
    padding: 0.5rem 1rem;
    font-size: 1.4rem;
  }
}
.materials__item-bttn {
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 0.8rem;
  margin-left: -0.8rem;
  gap: 1rem;
  color: #008246;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.04rem;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 576px) {
  .materials__item-bttn {
    gap: 1rem;
    font-size: 1.6rem;
    margin-top: 2.4rem;
  }
}
.materials__item-bttn::after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  mask: url(../../img/icons/materials-arrow.svg) center/cover no-repeat;
  background-color: #008246;
  transition: all 0.2s ease;
}
.materials__item-bttn:hover::after {
  transform: rotate(45deg);
}

.about {
  background: rgba(230, 236, 232, 0.25);
}
@media only screen and (min-width: 768px) {
  .about {
    padding: 10rem 0;
  }
}
.about__content-subtitle {
  font-size: clamp(2.4rem, 4vw, 3.2rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #23242a;
  margin-top: 0.8rem;
}
.about__content-descr {
  font-size: clamp(1.6rem, 4vw, 1.8rem);
}
.about__content-descr br {
  content: "";
  display: block;
  height: 0.8rem;
}
.about__achievement {
  margin-top: 4rem;
  display: grid;
  grid-gap: 3.2rem 1rem;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 768px) {
  .about__achievement {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .about__achievement {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 6rem;
    margin-top: 6.4rem;
  }
}
.about__achievement-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .about__achievement-item:last-of-type {
    grid-column: span 2;
  }
}
@media only screen and (min-width: 768px) {
  .about__achievement-item {
    align-items: flex-start;
  }
}
.about__achievement-label {
  color: #606492;
  letter-spacing: -0.01em;
  max-width: 26.2rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .about__achievement-label {
    text-align: left;
  }
}
.about .countdown {
  position: relative;
  text-align: left;
  display: inline-block;
}
.about .countdown__wrap {
  height: 6.4rem;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}
@media only screen and (min-width: 992px) {
  .about .countdown__wrap {
    height: 8.4rem;
  }
}
.about .countdown__digit {
  position: relative;
  top: 0;
  transition: top 2500ms linear;
  font-size: 6.4rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #23242a;
  font-weight: 200;
}
@media only screen and (min-width: 992px) {
  .about .countdown__digit {
    font-size: 8.4rem;
  }
}

.trust {
  background: rgba(230, 236, 232, 0.5);
  padding: 0;
}
.trust__title {
  margin-bottom: 3.2rem;
}
@media only screen and (min-width: 992px) {
  .trust__title {
    margin-bottom: 3.6rem;
  }
}

:root {
  --color-text: navy;
  --color-bg: papayawhip;
  --color-bg-accent: #ecdcc0;
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 4);
  --duration: 80s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

.tape {
  padding: 3.2rem 0;
}
@media only screen and (min-width: 768px) {
  .tape {
    padding: 5.2rem 0 5.1rem;
    min-height: 15rem;
  }
}
@media (prefers-color-scheme: dark) {
  .tape :root {
    --color-text: papayawhip;
    --color-bg: navy;
    --color-bg-accent: #2626a0;
  }
}
.tape .marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(var(--mask-direction, to right)), color-stop(hsla(0, 0%, 0%, 0)), color-stop(20%, hsl(0, 0%, 0%)), color-stop(80%, hsl(0, 0%, 0%)), to(hsla(0, 0%, 0%, 0)));
  -webkit-mask-image: linear-gradient(var(--mask-direction, to right), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 20%, hsl(0, 0%, 0%) 80%, hsla(0, 0%, 0%, 0));
  mask-image: -webkit-gradient(linear, left top, left bottom, from(var(--mask-direction, to right)), color-stop(hsla(0, 0%, 0%, 0)), color-stop(20%, hsl(0, 0%, 0%)), color-stop(80%, hsl(0, 0%, 0%)), to(hsla(0, 0%, 0%, 0)));
  mask-image: linear-gradient(var(--mask-direction, to right), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 20%, hsl(0, 0%, 0%) 80%, hsla(0, 0%, 0%, 0));
}
.tape .marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .tape .marquee__group {
    animation-play-state: paused;
  }
}
@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}
.tape img {
  height: 3.6rem;
}
@media only screen and (max-width: 768px) {
  .tape img {
    padding: 0 25px;
  }
}

.tabs-switch {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  overflow: auto;
}
@media only screen and (min-width: 768px) {
  .tabs-switch {
    gap: 0.8rem;
  }
}
.tabs-switch li {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 120%;
  color: #606492;
  transition: all 0.2s ease;
  border-radius: 5rem;
  letter-spacing: -0.02rem;
  padding: 1.2rem;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  border: 1px solid rgba(255, 255, 255, 0);
}
.tabs-switch li::before {
  content: "";
  display: block;
  width: 2px;
  min-width: 2px;
  height: 1.6rem;
  background-color: #008246;
  border-radius: 0.8rem;
  transition: all 0.2s ease;
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .tabs-switch li {
    font-size: 1.6rem;
    padding: 1.6rem 2.4rem;
    gap: 1.2rem;
  }
}
.tabs-switch li:hover {
  background-color: rgba(0, 130, 70, 0.1);
}
.tabs-switch li:hover::before {
  opacity: 1;
  background: rgba(0, 130, 70, 0.5);
}
.tabs-switch li.active {
  cursor: default;
  color: #fff;
  background-color: #008246;
  border-color: rgba(35, 36, 42, 0.4);
  box-shadow: 0 0 0 1px rgba(97, 147, 26, 0.25);
}
.tabs-switch li.active::before {
  content: "";
  opacity: 1;
  background: #008246;
}
@keyframes bttnClick {
  0% {
    transform: scale(0.96);
  }
  30% {
    transform: scale(0.96);
  }
  80% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
.tabs-switch-container {
  overflow: auto;
  text-align: center;
  padding: 0.4rem;
  border-radius: 3.4rem;
  border: 1px solid rgba(197, 212, 202, 0.5);
  background: rgba(230, 236, 232, 0.5);
}
.tabs-switch-container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media only screen and (min-width: 576px) {
  .tabs-switch-container {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
}
.tabs-content {
  margin-top: 2.4rem;
}
@media only screen and (min-width: 992px) {
  .tabs-content {
    margin-top: 5.7rem;
  }
}