@import url(https://fonts.googleapis.com/css?family=Roboto:regular,700,900&display=swap);

@charset "UTF-8";

@font-face {
  font-family: icons;
  font-display: swap;
  src: url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Cafe Nero M54;
  font-display: swap;
  src: url("../fonts/Cafe%20Nero%20M54.woff2") format("woff2"), url("../fonts/Cafe%20Nero%20M54.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

[class*=_icon-]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*=_icon-]:before {
  display: block;
}

._icon-arrow-left:before {
  content: "\e900";
}

._icon-arrow-right:before {
  content: "\e901";
}

._icon-facebook:before {
  content: "\e902";
}

._icon-instagram:before {
  content: "\e903";
}

._icon-twitter:before {
  content: "\e904";
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #171717;
  line-height: 1;
  font-family: "Roboto";
  font-size: 1.125rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "Roboto";
  font-size: inherit;
  line-height: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

body {
  background-color: #171717;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lock body {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.loaded body {
  opacity: 1;
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}

.wrapper > main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.wrapper > * {
  min-width: 0;
}

/*
(i) Стилі будуть застосовуватись до
всіх класів, що містять *__container
Наприклад header__container, main__container і т.п.
Сніппет (HTML): cnt
*/

[class*=__container] {
  max-width: 100.9375rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

@media (min-width: 767px) {
	[class*=__container]{
		width: 90%;
	}
}

[class*=-ibg] {
  position: relative;
}

[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

[class*=-ibg--contain] img {
  -o-object-fit: contain;
     object-fit: contain;
}

.button {
  color: #24272a;
  display: block;
  background-color: #7ef273;
  padding: 0.5625rem 1.25rem;
  width: 100%;
  text-align: center;
  font-weight: 700;
  line-height: 1.35;
  text-transform: uppercase;
  border: 0.125rem solid transparent;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

.label {
  position: absolute;
  width: 120%;
  height: 4.8125rem;
  top: 2.3125rem;
  left: -10%;
  background: url(../img/main/header_item.svg) 0 0/contain no-repeat;
}

.navigation-hero-slider {
  min-height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.875rem;
}

.navigation-hero-slider__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.3125rem;
}

.navigation-hero-slider__pagination .swiper-pagination-bullet {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 8.8125rem;
  display: block;
}

.navigation-hero-slider__pagination .swiper-pagination-bullet-active {
  width: 17.1875rem;
}

.navigation-hero-slider__pagination > :first-child.swiper-pagination-bullet {
  border-top: 0.375rem solid rgba(217, 217, 217, 0.3);
  border-right: 1.875rem solid rgba(0, 0, 0, 0);
  border-bottom: 0;
  border-left: 0;
}

.navigation-hero-slider__pagination > :first-child.swiper-pagination-bullet-active {
  border-top: 0.375rem solid #7ef273;
  border-right: 1.875rem solid rgba(0, 0, 0, 0);
  border-bottom: 0;
  border-left: 0;
}

.navigation-hero-slider__pagination > :last-child.swiper-pagination-bullet {
  border-bottom: 0.375rem solid rgba(217, 217, 217, 0.3);
  border-left: 1.875rem solid rgba(0, 0, 0, 0);
  border-top: 0;
  border-right: 0;
}

.navigation-hero-slider__pagination > :last-child.swiper-pagination-bullet-active {
  border-bottom: 0.375rem solid #7ef273;
  border-left: 1.875rem solid rgba(0, 0, 0, 0);
  border-top: 0;
  border-right: 0;
}

.navigation-hero-slider__button {
  color: #7ef273;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.navigation-hero-slider__button.swiper-button-disabled {
  color: #fff;
  pointer-events: none;
}

.title {
  position: relative;
}

.title span {
  font-family: "Cafe Nero M54";
  line-height: 1.2;
  position: relative;
  z-index: 2;
}

.title::after {
  content: "";
  position: absolute;
  width: 76.25rem;
  height: 100%;
  top: 0;
  left: -10.625rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(130, 233, 120, 0)), color-stop(58.33%, rgba(129, 233, 120, 0.4)), to(rgba(130, 233, 120, 0)));
  background: linear-gradient(90deg, rgba(130, 233, 120, 0) 0%, rgba(129, 233, 120, 0.4) 58.33%, rgba(130, 233, 120, 0) 100%);
}

.title_reverse span {
  position: relative;
}

/*
.icon-menu {
	display: none;
	@media (max-width: $mobile) {
		display: block;
		position: relative;
		width: toRem(30);
		height: toRem(18);
		z-index: 5;
		@media (any-hover: none) {
			cursor: default;
		}
		span,
		&::before,
		&::after {
			content: "";
			transition: all 0.3s ease 0s;
			right: 0;
			position: absolute;
			width: 100%;
			height: toRem(2);
			background-color: #000;
		}
		&::before {
			top: 0;
		}
		&::after {
			bottom: 0;
		}
		span {
			top: calc(50% - toRem(1));
		}
		.menu-open & {
			span {
				width: 0;
			}
			&::before,
			&::after {
			}
			&::before {
				top: calc(50% - toRem(1));
				transform: rotate(-45deg);
			}
			&::after {
				bottom: calc(50% - toRem(1));
				transform: rotate(45deg);
			}
		}
	}
}
*/

.footer {
  background-color: #27272b;
}

.footer__container {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.875rem 1.25rem;
  min-height: 6.25rem;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer__list {
  gap: 4.75rem;
}

.footer__socials {
  gap: 1rem;
}

.footer__list,
.footer__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__copyright {
  color: rgba(255, 255, 255, 0.5);
}

.footer-list__link {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.footer-socials__link {
  width: 3.8125rem;
  height: 3.8125rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.0625rem solid #7ef273;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-transition: border 0.3s ease, color 0.3s ease;
  transition: border 0.3s ease, color 0.3s ease;
}

.footer-socials__link::before {
  -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: color 0.3s ease, transform 0.3s ease;
  transition: color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: scale(1.001);
      -ms-transform: scale(1.001);
          transform: scale(1.001);
  font-size: 1.5625rem;
  color: #7ef273;
}

.no-webp .page__hero, .no-webp .page__features{
  background: url(../img/main/bg_item1.png) -7.4375rem -12.125rem/28.5rem no-repeat; }

.page__hero,
.page__features {
  min-height: 43.75rem;
  position: relative;
  border-bottom: 0.125rem solid #7ef273;
}

.hero__container {
  position: relative;
}

.hero__container::after {
  pointer-events: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 17.5625rem;
  right: 60%;
  z-index: -1;
  background: url(../img/main/bg_item2.svg) 100% 0 no-repeat;
}

.hero__container::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 13.4375rem;
  border-radius: 50%;
  right: 0;
  -webkit-filter: blur(500px);
          filter: blur(500px);
  background-color: #7ef273;
  z-index: -1;
}

.hero__slider {
  position: relative;
}

.hero-slider__slide.swiper-slide-active {
  pointer-events: all;
}

.hero-slider__slide.swiper-slide-prev,
.hero-slider__slide.swiper-slide-next {
  pointer-events: none;
}

.hero-slide__body {
  min-height: 100vh;
  height: 45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hero-slide-body__image-ibg {
  pointer-events: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-top: 1.875rem;
  margin-right: -11.75rem;
  position: relative;
}

.hero-slide-body__image-ibg img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 40% 100%;
  /* object-position: 40% 100%; */
}

.content-hero__sub-title {
  color: #7ef273;
  font-family: "Cafe Nero M54";
}

.content-hero__text {
  opacity: 0.7;
  line-height: 1.59;
}

.features__container {
  position: relative;
}

.features__container::after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 17.5625rem;
  right: 60%;
  background: url(../img/main/bg_item2.svg) 100% 0 no-repeat;
}

.features__container::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 13.4375rem;
  border-radius: 50%;
  right: 0;
  -webkit-filter: blur(500px);
          filter: blur(500px);
  background-color: #7ef273;
  z-index: -1;
}

.features__slider {
  position: relative;
}

.features-slider__slide.swiper-slide-active {
  pointer-events: all;
}

.features-slider__slide.swiper-slide-prev,
.features-slider__slide.swiper-slide-next {
  pointer-events: none;
}

.features-slide__body {
  min-height: 100vh;
  min-height: 56.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.features-slide-body__content {
  position: relative;
  z-index: 10;
}

.features-slide-body__image-ibg {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-top: 8.125rem;
  margin-right: -2.5rem;
  margin-left: -21.25rem;
  position: relative;
}

.features-slide-body__image-ibg img {
  -o-object-position: 40% 100%;
     object-position: 40% 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.content-features__list {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.content-features__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  max-width: 19.6875rem;
  position: relative;
  border: solid 1.0625rem;
  -o-border-image: url(../img/features/features_border.svg) 12;
     border-image: url(../img/features/features_border.svg) 12;
}

.item-features__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item-features__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item-features__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -1.25rem -0.625rem -1.25rem -1.25rem;
}

.item-features__icon img {
  max-width: 100%;
}

.item-features__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.item-features__text,
.item-features__link {
  line-height: 1.35;
  text-transform: uppercase;
}

.item-features__text {
  font-weight: 900;
}

.item-features__text:not(:last-child) {
  margin-bottom: 0.625rem;
}

.item-features__link {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  display: block;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  position: relative;
  z-index: 2;
  background-color: #1e251d;
  font-weight: 700;
  color: #7ef273;
  text-align: center;
  padding: 0.375rem 1.875rem;
  border: 0.125rem solid #7ef273;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.swiper {
  overflow: hidden;
}

.swiper-initialized {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

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

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

@media (min-width: 37.5em) {
  .title_reverse span {
    line-height: 2.5;
  }
}

@media (min-width: 47.99875em) {
  .footer__list,
  .footer__copyright {
    padding-bottom: 0.625rem;
    font-size: 1rem;
  }
}

@media (min-width: 61.99875em) {
  .navigation-hero-slider {
    position: absolute;
    max-width: 33.125rem;
    width: 100%;
    bottom: 5.5rem;
    left: 0;
  }

  .features-slider .navigation-hero-slider {
    position: absolute;
    width: 100%;
    bottom: 3.875rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 33.125rem;
  }

  .title span::after {
    content: "";
    position: absolute;
    width: 5.625rem;
    height: 0.625rem;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -170%);
        -ms-transform: translate(-50%, -170%);
            transform: translate(-50%, -170%);
    background-color: #7ef273;
    -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  }

  .title::before {
    content: "";
    position: absolute;
    width: 10.625rem;
    height: 10.625rem;
    top: -1.0625rem;
    left: -10.625rem;
    background: url(../img/main/title_decore.svg) no-repeat;
  }

  .title_reverse span::after {
    -webkit-transform: translate(100%, -2.9375rem);
        -ms-transform: translate(100%, -2.9375rem);
            transform: translate(100%, -2.9375rem);
  }

  .title_reverse::before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    left: auto;
  }

  .page__hero::after {
    content: "";
    position: absolute;
    width: 18.4375rem;
    height: 15.875rem;
    bottom: 1.5625rem;
    right: 2.375rem;
    background: url(../img/hero/hero_decore.svg);
  }

  .page__hero::before,
  .page__features::before {
    content: "";
    position: absolute;
    width: 3.75rem;
    height: 3.125rem;
    background-color: #7ef273;
    -webkit-clip-path: polygon(0 0, 0 100%, 70% 0);
            clip-path: polygon(0 0, 0 100%, 70% 0);
    top: 1.25rem;
    left: 1.25rem;
  }

  .hero-slide-body__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 33.125rem;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }

  .features-slide-body__content {
    max-width: 61.009464%;
    /* 967/1585 */
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }

  .features-slide-body__content::before,
  .features-slide-body__content::after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: 8.75rem;
    height: 7.5rem;
    background: url(../img/features/features_decore.svg);
  }

  .features-slide-body__content::after {
    top: 0;
    right: 0;
    -webkit-transform: translate(-200%, -110%);
        -ms-transform: translate(-200%, -110%);
            transform: translate(-200%, -110%);
  }

  .features-slide-body__content::before {
    bottom: -30%;
    right: -12%;
    -webkit-transform: rotate(70deg);
        -ms-transform: rotate(70deg);
            transform: rotate(70deg);
  }
}

@media (min-width: 61.99875em) and (min-width: 100.9375em) {
  .title_reverse::before {
    right: -10.625rem;
  }
}

@media (min-width: 100.9375em) {
  .button {
    font-size: 2.625rem;
  }

  .button {
    border-radius: 2.28125rem;
  }

  .navigation-hero-slider__button {
    font-size: 2.5rem;
  }

  .title span {
    font-size: 7.5rem;
  }

  .title_reverse span {
    font-size: 3.25rem;
  }

  .footer__list {
    gap: 4.75rem;
  }

  .hero__container::before {
    width: 25rem;
  }

  .hero__container::before {
    height: 25rem;
  }

  .content-hero__title:not(:last-child) {
    margin-bottom: 1.75rem;
  }

  .content-hero__sub-title {
    font-size: 2rem;
  }

  .content-hero__sub-title:not(:last-child) {
    margin-bottom: 1.3125rem;
  }

  .content-hero__text:not(:last-child) {
    margin-bottom: 2.9375rem;
  }

  .features__container::before {
    width: 25rem;
  }

  .features__container::before {
    height: 25rem;
  }

  .content-features__title:not(:last-child) {
    margin-bottom: 3.0625rem;
  }

  .content-features__list {
    row-gap: 1.875rem;
  }

  .content-features__list {
    -webkit-column-gap: 1.5625rem;
       -moz-column-gap: 1.5625rem;
            column-gap: 1.5625rem;
  }

  .content-features__item {
    min-width: 18.125rem;
  }

  .item-features__link {
    border-radius: 1.125rem;
  }
}

@media (min-width: 100em) {
  .hero-slide__body {
    gap: 7.1875rem;
  }

  .item-features__body {
    gap: 1.25rem;
  }

  .item-features__icon {
    width: 6.25rem;
  }

  .item-features__text {
    font-size: 1.1875rem;
  }

  .item-features__link {
    font-size: 1.125rem;
  }
}

@media (max-width: 75em) {
  .item-features__body {
    gap: 0.5rem;
  }
}

@media (max-width: 20em) {
  .button {
    font-size: 1.6875rem;
  }

  .button {
    border-radius: 1.5625rem;
  }

  .navigation-hero-slider__button {
    font-size: 3rem;
  }

  .title span {
    font-size: 3rem;
  }

  .title_reverse span {
    font-size: 1.875rem;
  }

  .footer__list {
    gap: 1.5rem;
  }

  .hero__container::before {
    width: 15.625rem;
  }

  .hero__container::before {
    height: 15.625rem;
  }

  .content-hero__title:not(:last-child) {
    margin-bottom: 1.125rem;
  }

  .content-hero__sub-title {
    font-size: 1.25rem;
  }

  .content-hero__sub-title:not(:last-child) {
    margin-bottom: 0.5625rem;
  }

  .content-hero__text:not(:last-child) {
    margin-bottom: 0.75rem;
  }

  .features__container::before {
    width: 15.625rem;
  }

  .features__container::before {
    height: 15.625rem;
  }

  .content-features__title:not(:last-child) {
    margin-bottom: 1.4375rem;
  }

  .content-features__list {
    row-gap: 1.125rem;
  }

  .content-features__list {
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
  }

  .content-features__item {
    min-width: 10.625rem;
  }

  .item-features__link {
    border-radius: 0.625rem;
  }
}

@media (max-width: 61.99875em) {
  .title {
    text-align: center;
  }

  .title span {
    line-height: 1.6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 -0.9375rem;
    background: url(../img/main/title_decore.svg) 0 0/contain no-repeat;
  }

  .title::after {
    left: auto;
    right: -5%;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    width: 110%;
    background: rgba(129, 233, 120, 0.4) url(../img/main/title_decore.svg) 2% 0/contain no-repeat;
  }

  .title_reverse span {
    padding: 0 4.375rem;
  }

  .no-webp .page__hero, .no-webp .page__features{
    background: url(../img/main/bg_item1.png) -2.5rem -2.5rem/7.5rem no-repeat; }

  .hero__container::before {
    top: 0;
    -webkit-filter: blur(300px);
            filter: blur(300px);
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }

  .hero__container {
    padding-bottom: 2.5rem;
  }

  .hero-slider__wrapper:not(:last-child) {
    margin-bottom: 2.875rem;
  }

  .hero-slide__body {
    gap: 1.875rem;
  }

  .hero-slide__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    min-height: 85vh;
  }

  .hero-slide-body__content {
    text-align: center;
  }

  .hero-slide-body__image-ibg {
    margin: 1.25rem -0.9375rem -4.375rem -0.9375rem;
    z-index: -1;
  }

  .hero-slide-body__image-ibg img {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .hero-slide-body__image-ibg img {
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }

  .features__container::before {
    top: 0;
    -webkit-filter: blur(300px);
            filter: blur(300px);
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }

  .features__container {
    padding-bottom: 1.875rem;
  }

  .features__slider {
    padding-top: 2.5rem;
  }

  .features-slider__wrapper:not(:last-child) {
    margin-bottom: 1.75rem;
  }

  .features-slide__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .features-slide-body__image-ibg {
    margin: 1.875rem -0.9375rem -4.375rem -0.9375rem;
    z-index: -1;
    min-height: 18.75rem;
  }

  .features-slide-body__image-ibg img {
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
}

@media (max-width: 47.99875em) and (max-width: 20em) {
  .navigation-hero-slider__pagination .swiper-pagination-bullet {
    width: 3.25rem;
  }

  .navigation-hero-slider__pagination .swiper-pagination-bullet-active {
    width: 6.375rem;
  }
}

@media (max-width: 47.99875em) {
  .footer__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0.8125rem;
    padding-bottom: 0.8125rem;
  }

  .hero__container::after {
    top: 0;
    right: 0;
  }

  .features__container::after {
    top: 0;
    right: 0;
  }
}

@media (max-width: 29.99875em) {
  .label {
    height: 2.375rem;
    width: 100%;
    top: 0.75rem;
    left: 0%;
    background: url(../img/main/header_item_small.svg) 0 0/contain no-repeat;
  }

  .navigation-hero-slider__pagination > :first-child.swiper-pagination-bullet {
    border-right: 0.625rem solid rgba(0, 0, 0, 0);
  }

  .navigation-hero-slider__pagination > :first-child.swiper-pagination-bullet-active {
    border-right: 0.625rem solid rgba(0, 0, 0, 0);
  }

  .navigation-hero-slider__pagination > :last-child.swiper-pagination-bullet {
    border-left: 0.625rem solid rgba(0, 0, 0, 0);
  }

  .navigation-hero-slider__pagination > :last-child.swiper-pagination-bullet-active {
    border-left: 0.625rem solid rgba(0, 0, 0, 0);
  }

  .title span {
    margin: 0 -2.5rem;
  }

  .title::after {
    background: rgba(129, 233, 120, 0.4) url(../img/main/title_decore.svg) -7% 0/contain no-repeat;
  }

  .footer__socials {
    gap: 0.75rem;
  }

  .content-features__item {
    border: solid 0.5rem;
    -o-border-image: url(../img/features/features_border.svg) 8;
       border-image: url(../img/features/features_border.svg) 8;
  }

  .item-features__body {
    padding: 0.5rem 0;
  }

  .item-features__icon {
    width: 2.8125rem;
  }

  .item-features__icon {
    margin: -0.5rem -0.5rem -1rem -0.5rem;
  }

  .item-features__text {
    font-size: 0.75rem;
  }

  .item-features__text {
    text-align: center;
  }

  .item-features__link {
    font-size: 0.75rem;
  }

  .item-features__link {
    padding: 0.125rem 1.375rem;
  }
}

@media (min-width: 20em) and (max-width: 100.9375em) {
@supports (font-size: clamp( 1.6875rem , 1.4558397683rem  +  1.1583011583vw , 2.625rem )) {
    .button {
      font-size: clamp( 1.6875rem , 1.4558397683rem  +  1.1583011583vw , 2.625rem );
    }
}

@supports not (font-size: clamp( 1.6875rem , 1.4558397683rem  +  1.1583011583vw , 2.625rem )) {
    .button {
      font-size: calc(1.6875rem + 0.9375 * (100vw - 20rem) / 80.9375);
    }
}

@supports ( border-radius: clamp( 1.5625rem , 1.3848938224rem  +  0.888030888vw , 2.28125rem )) {
    .button {
      border-radius: clamp( 1.5625rem , 1.3848938224rem  +  0.888030888vw , 2.28125rem );
    }
}

@supports not ( border-radius: clamp( 1.5625rem , 1.3848938224rem  +  0.888030888vw , 2.28125rem )) {
    .button {
      border-radius: calc(1.5625rem + 0.71875 * (100vw - 20rem) / 80.9375);
    }
}

@supports (font-size: clamp( 2.5rem , 3.1235521236rem  +  -0.6177606178vw , 3rem )) {
    .navigation-hero-slider__button {
      font-size: clamp( 2.5rem , 3.1235521236rem  +  -0.6177606178vw , 3rem );
    }
}

@supports not (font-size: clamp( 2.5rem , 3.1235521236rem  +  -0.6177606178vw , 3rem )) {
    .navigation-hero-slider__button {
      font-size: calc(3rem + -0.5 * (100vw - 20rem) / 80.9375);
    }
}

@supports (font-size: clamp( 3rem , 1.888030888rem  +  5.5598455598vw , 7.5rem )) {
    .title span {
      font-size: clamp( 3rem , 1.888030888rem  +  5.5598455598vw , 7.5rem );
    }
}

@supports not (font-size: clamp( 3rem , 1.888030888rem  +  5.5598455598vw , 7.5rem )) {
    .title span {
      font-size: calc(3rem + 4.5 * (100vw - 20rem) / 80.9375);
    }
}

@supports (font-size: clamp( 1.875rem , 1.5352316602rem  +  1.6988416988vw , 3.25rem )) {
    .title_reverse span {
      font-size: clamp( 1.875rem , 1.5352316602rem  +  1.6988416988vw , 3.25rem );
    }
}

@supports not (font-size: clamp( 1.875rem , 1.5352316602rem  +  1.6988416988vw , 3.25rem )) {
    .title_reverse span {
      font-size: calc(1.875rem + 1.375 * (100vw - 20rem) / 80.9375);
    }
}

@supports (gap: clamp( 1.5rem , 0.6969111969rem  +  4.0154440154vw , 4.75rem )) {
    .footer__list {
      gap: clamp( 1.5rem , 0.6969111969rem  +  4.0154440154vw , 4.75rem );
    }
}

@supports not (gap: clamp( 1.5rem , 0.6969111969rem  +  4.0154440154vw , 4.75rem )) {
    .footer__list {
      gap: calc(1.5rem + 3.25 * (100vw - 20rem) / 80.9375);
    }
}

@supports (width: clamp( 15.625rem , 13.3083976834rem  +  11.583011583vw , 25rem )) {
    .hero__container::before {
      width: clamp( 15.625rem , 13.3083976834rem  +  11.583011583vw , 25rem );
    }
}

@supports not (width: clamp( 15.625rem , 13.3083976834rem  +  11.583011583vw , 25rem )) {
    .hero__container::before {
      width: calc(15.625rem + 9.375 * (100vw - 20rem) / 80.9375);
    }
}

@supports (height: clamp( 15.625rem , 13.3083976834rem  +  11.583011583vw , 25rem )) {
    .hero__container::before {
      height: clamp( 15.625rem , 13.3083976834rem  +  11.583011583vw , 25rem );
    }
}

@supports not (height: clamp( 15.625rem , 13.3083976834rem  +  11.583011583vw , 25rem )) {
    .hero__container::before {
      height: calc(15.625rem + 9.375 * (100vw - 20rem) / 80.9375);
    }
}

@supports (margin-bottom: clamp( 1.125rem , 0.9705598456rem  +  0.7722007722vw , 1.75rem )) {
    .content-hero__title:not(:last-child) {
      margin-bottom: clamp( 1.125rem , 0.9705598456rem  +  0.7722007722vw , 1.75rem );
    }
}

@supports not (margin-bottom: clamp( 1.125rem , 0.9705598456rem  +  0.7722007722vw , 1.75rem )) {
    .content-hero__title:not(:last-child) {
      margin-bottom: calc(1.125rem + 0.625 * (100vw - 20rem) / 80.9375);
    }
}

@supports (font-size: clamp( 1.25rem , 1.0646718147rem  +  0.9266409266vw , 2rem )) {
    .content-hero__sub-title {
      font-size: clamp( 1.25rem , 1.0646718147rem  +  0.9266409266vw , 2rem );
    }
}

@supports not (font-size: clamp( 1.25rem , 1.0646718147rem  +  0.9266409266vw , 2rem )) {
    .content-hero__sub-title {
      font-size: calc(1.25rem + 0.75 * (100vw - 20rem) / 80.9375);
    }
}

@supports (margin-bottom: clamp( 0.5625rem , 0.3771718147rem  +  0.9266409266vw , 1.3125rem )) {
    .content-hero__sub-title:not(:last-child) {
      margin-bottom: clamp( 0.5625rem , 0.3771718147rem  +  0.9266409266vw , 1.3125rem );
    }
}

@supports not (margin-bottom: clamp( 0.5625rem , 0.3771718147rem  +  0.9266409266vw , 1.3125rem )) {
    .content-hero__sub-title:not(:last-child) {
      margin-bottom: calc(0.5625rem + 0.75 * (100vw - 20rem) / 80.9375);
    }
}

@supports (margin-bottom: clamp( 0.75rem , 0.2094594595rem  +  2.7027027027vw , 2.9375rem )) {
    .content-hero__text:not(:last-child) {
      margin-bottom: clamp( 0.75rem , 0.2094594595rem  +  2.7027027027vw , 2.9375rem );
    }
}

@supports not (margin-bottom: clamp( 0.75rem , 0.2094594595rem  +  2.7027027027vw , 2.9375rem )) {
    .content-hero__text:not(:last-child) {
      margin-bottom: calc(0.75rem + 2.1875 * (100vw - 20rem) / 80.9375);
    }
}

@supports (width: clamp( 15.625rem , 13.3083976834rem  +  11.583011583vw , 25rem )) {
    .features__container::before {
      width: clamp( 15.625rem , 13.3083976834rem  +  11.583011583vw , 25rem );
    }
}

@supports not (width: clamp( 15.625rem , 13.3083976834rem  +  11.583011583vw , 25rem )) {
    .features__container::before {
      width: calc(15.625rem + 9.375 * (100vw - 20rem) / 80.9375);
    }
}

@supports (height: clamp( 15.625rem , 13.3083976834rem  +  11.583011583vw , 25rem )) {
    .features__container::before {
      height: clamp( 15.625rem , 13.3083976834rem  +  11.583011583vw , 25rem );
    }
}

@supports not (height: clamp( 15.625rem , 13.3083976834rem  +  11.583011583vw , 25rem )) {
    .features__container::before {
      height: calc(15.625rem + 9.375 * (100vw - 20rem) / 80.9375);
    }
}

@supports (margin-bottom: clamp( 1.4375rem , 1.0359555985rem  +  2.0077220077vw , 3.0625rem )) {
    .content-features__title:not(:last-child) {
      margin-bottom: clamp( 1.4375rem , 1.0359555985rem  +  2.0077220077vw , 3.0625rem );
    }
}

@supports not (margin-bottom: clamp( 1.4375rem , 1.0359555985rem  +  2.0077220077vw , 3.0625rem )) {
    .content-features__title:not(:last-child) {
      margin-bottom: calc(1.4375rem + 1.625 * (100vw - 20rem) / 80.9375);
    }
}

@supports (row-gap: clamp( 1.125rem , 0.9396718147rem  +  0.9266409266vw , 1.875rem )) {
    .content-features__list {
      row-gap: clamp( 1.125rem , 0.9396718147rem  +  0.9266409266vw , 1.875rem );
    }
}

@supports not (row-gap: clamp( 1.125rem , 0.9396718147rem  +  0.9266409266vw , 1.875rem )) {
    .content-features__list {
      row-gap: calc(1.125rem + 0.75 * (100vw - 20rem) / 80.9375);
    }
}

@supports ((-moz-column-gap: clamp( 0.625rem , 0.3933397683rem  +  1.1583011583vw , 1.5625rem )) or (column-gap: clamp( 0.625rem , 0.3933397683rem  +  1.1583011583vw , 1.5625rem ))) {
    .content-features__list {
      -webkit-column-gap: clamp( 0.625rem , 0.3933397683rem  +  1.1583011583vw , 1.5625rem );
         -moz-column-gap: clamp( 0.625rem , 0.3933397683rem  +  1.1583011583vw , 1.5625rem );
              column-gap: clamp( 0.625rem , 0.3933397683rem  +  1.1583011583vw , 1.5625rem );
    }
}

@supports not ((-moz-column-gap: clamp( 0.625rem , 0.3933397683rem  +  1.1583011583vw , 1.5625rem )) or (column-gap: clamp( 0.625rem , 0.3933397683rem  +  1.1583011583vw , 1.5625rem ))) {
    .content-features__list {
      -webkit-column-gap: calc(0.625rem + 0.9375 * (100vw - 20rem) / 80.9375);
         -moz-column-gap: calc(0.625rem + 0.9375 * (100vw - 20rem) / 80.9375);
              column-gap: calc(0.625rem + 0.9375 * (100vw - 20rem) / 80.9375);
    }
}

@supports (min-width: clamp( 10.625rem , 8.7717181467rem  +  9.2664092664vw , 18.125rem )) {
    .content-features__item {
      min-width: clamp( 10.625rem , 8.7717181467rem  +  9.2664092664vw , 18.125rem );
    }
}

@supports not (min-width: clamp( 10.625rem , 8.7717181467rem  +  9.2664092664vw , 18.125rem )) {
    .content-features__item {
      min-width: calc(10.625rem + 7.5 * (100vw - 20rem) / 80.9375);
    }
}

@supports (border-radius: clamp( 0.625rem , 0.5014478764rem  +  0.6177606178vw , 1.125rem )) {
    .item-features__link {
      border-radius: clamp( 0.625rem , 0.5014478764rem  +  0.6177606178vw , 1.125rem );
    }
}

@supports not (border-radius: clamp( 0.625rem , 0.5014478764rem  +  0.6177606178vw , 1.125rem )) {
    .item-features__link {
      border-radius: calc(0.625rem + 0.5 * (100vw - 20rem) / 80.9375);
    }
}
}

@media (max-width: 47.99875em) and (min-width: 47.99875em) {
  .navigation-hero-slider__pagination .swiper-pagination-bullet {
    width: 8.8125rem;
  }

  .navigation-hero-slider__pagination .swiper-pagination-bullet-active {
    width: 17.1875rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 20em) and (max-width: 47.99875em) {
@supports (width: clamp( 3.25rem , -0.7233916693rem  +  19.8669583464vw , 8.8125rem )) {
    .navigation-hero-slider__pagination .swiper-pagination-bullet {
      width: clamp( 3.25rem , -0.7233916693rem  +  19.8669583464vw , 8.8125rem );
    }
}

@supports not (width: clamp( 3.25rem , -0.7233916693rem  +  19.8669583464vw , 8.8125rem )) {
    .navigation-hero-slider__pagination .swiper-pagination-bullet {
      width: calc(3.25rem + 5.5625 * (100vw - 20rem) / 27.99875);
    }
}

@supports (width: clamp( 6.375rem , -1.3485590875rem  +  38.6177954373vw , 17.1875rem )) {
    .navigation-hero-slider__pagination .swiper-pagination-bullet-active {
      width: clamp( 6.375rem , -1.3485590875rem  +  38.6177954373vw , 17.1875rem );
    }
}

@supports not (width: clamp( 6.375rem , -1.3485590875rem  +  38.6177954373vw , 17.1875rem )) {
    .navigation-hero-slider__pagination .swiper-pagination-bullet-active {
      width: calc(6.375rem + 10.8125 * (100vw - 20rem) / 27.99875);
    }
}
}

@media (min-width: 61.99875em) and (min-width: 20em) and (max-width: 100.9375em) {
@supports (right: clamp( -10.625rem , 2.6254827034rem  +  -13.1274132046vw , 0.0000000625rem )) {
    .title_reverse::before {
      right: clamp( -10.625rem , 2.6254827034rem  +  -13.1274132046vw , 0.0000000625rem );
    }
}

@supports not (right: clamp( -10.625rem , 2.6254827034rem  +  -13.1274132046vw , 0.0000000625rem )) {
    .title_reverse::before {
      right: calc(0.0000000625rem + -10.6250000625 * (100vw - 20rem) / 80.9375);
    }
}
}

@media (min-width: 61.99875em) and (max-width: 20em) {
  .title_reverse::before {
    right: 0.0000000625rem;
  }
}

@media (min-width: 61.99875em) and (max-width: 100em) {
@supports (gap: clamp( 1.875rem , -6.7923032959rem  +  13.9798032959vw , 7.1875rem )) {
    .hero-slide__body {
      gap: clamp( 1.875rem , -6.7923032959rem  +  13.9798032959vw , 7.1875rem );
    }
}

@supports not (gap: clamp( 1.875rem , -6.7923032959rem  +  13.9798032959vw , 7.1875rem )) {
    .hero-slide__body {
      gap: calc(1.875rem + 5.3125 * (100vw - 61.99875rem) / 38.00125);
    }
}
}

@media (min-width: 75em) and (max-width: 100em) {
@supports (gap: clamp( 0.5rem , -1.75rem  +  3vw , 1.25rem )) {
    .item-features__body {
      gap: clamp( 0.5rem , -1.75rem  +  3vw , 1.25rem );
    }
}

@supports not (gap: clamp( 0.5rem , -1.75rem  +  3vw , 1.25rem )) {
    .item-features__body {
      gap: calc(0.5rem + 0.75 * (100vw - 75rem) / 25);
    }
}
}

@media (min-width: 29.99875em) and (max-width: 100em) {
@supports (width: clamp( 2.8125rem , 1.339373404rem  +  4.910626596vw , 6.25rem )) {
    .item-features__icon {
      width: clamp( 2.8125rem , 1.339373404rem  +  4.910626596vw , 6.25rem );
    }
}

@supports not (width: clamp( 2.8125rem , 1.339373404rem  +  4.910626596vw , 6.25rem )) {
    .item-features__icon {
      width: calc(2.8125rem + 3.4375 * (100vw - 29.99875rem) / 70.00125);
    }
}

@supports (font-size: clamp( 0.75rem , 0.5625111605rem  +  0.6249888395vw , 1.1875rem )) {
    .item-features__text {
      font-size: clamp( 0.75rem , 0.5625111605rem  +  0.6249888395vw , 1.1875rem );
    }
}

@supports not (font-size: clamp( 0.75rem , 0.5625111605rem  +  0.6249888395vw , 1.1875rem )) {
    .item-features__text {
      font-size: calc(0.75rem + 0.4375 * (100vw - 29.99875rem) / 70.00125);
    }
}

@supports (font-size: clamp( 0.75rem , 0.5892952804rem  +  0.5357047196vw , 1.125rem )) {
    .item-features__link {
      font-size: clamp( 0.75rem , 0.5892952804rem  +  0.5357047196vw , 1.125rem );
    }
}

@supports not (font-size: clamp( 0.75rem , 0.5892952804rem  +  0.5357047196vw , 1.125rem )) {
    .item-features__link {
      font-size: calc(0.75rem + 0.375 * (100vw - 29.99875rem) / 70.00125);
    }
}
}

@media (any-hover: hover) {
  .button:hover {
    color: #7ef273;
    background-color: #171717;
    border: 0.125rem solid #7ef273;
  }

  .footer-list__link:hover {
    text-decoration: underline;
    color: #7ef273;
  }

  .footer-socials__link:hover {
    border: 0.0625rem solid #fff;
    color: #7ef273;
  }

  .footer-socials__link:hover::before {
    color: #fff;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }

  .item-features__link:hover {
    background-color: #7ef273;
    color: #0c0c0c;
  }
}

.webp .page__hero, .webp .page__features{ background: url(../img/main/bg_item1.webp) -7.4375rem -12.125rem/28.5rem no-repeat; }

@media (max-width: 61.99875em){

  .webp .page__hero, .webp .page__features{ background: url(../img/main/bg_item1.webp) -2.5rem -2.5rem/7.5rem no-repeat; }
}