/* COMMON START */
.main-index {
  background: #fff;
}

.main--green {
  background: var(--c-green_light);
}

.mb-page {
  margin-bottom: 5rem;
}

.breadcrumbs {
  padding: 5rem 0 2.5rem;
}
.breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
}
.breadcrumbs ul li {
  display: flex;
  align-items: center;
  position: relative;
  color: var(--c-gray_medium);
  font-weight: 300;
  font-size: 0.875rem;
}
.breadcrumbs ul li:not(:last-child)::after {
  content: "";
  display: block;
  margin: 0 0.5rem;
  width: 1rem;
  height: 1rem;
  background: url("../img/svg/arrow-right-black.svg") no-repeat 50%/contain;
}
.breadcrumbs ul li a {
  color: var(--c-black);
}

.slider-foot {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  width: 100%;
}

.slider-foot .swiper-controls {
  margin: 0 !important;
}

.slider-foot .btn {
  flex-shrink: 0;
  margin-left: 1.25rem;
}

.swiper-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
  left: 50%;
  margin: 0 auto;
  transform: translateX(-50%);
}

.swiper-arrow {
  flex-shrink: 0;
  display: block;
  width: 3rem;
  height: 3rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 1.5rem;
  border-radius: 50%;
}

.swiper-dots {
  display: flex;
  align-items: center;
  margin: 0 1rem;
  padding: 0;
  width: auto !important;
}

.swiper-pagination-bullet {
  margin: 0 0.25rem !important;
  width: 0.5rem;
  height: 0.5rem;
  opacity: 1;
}

.swiper-pagination-bullet:first-child {
  margin-left: 0 !important;
}

.swiper-pagination-bullet:last-child {
  margin-right: 0 !important;
}

.swiper-controls .btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

.swiper--light .swiper-arrow {
  background-color: var(--c-green_medium);
}

.swiper--light .swiper-arrow:hover {
  background-color: #fff;
}

.swiper--light .arrow--prev {
  background-image: url("../img/svg/slide-prev-green.svg");
}

.swiper--light .arrow--next {
  background-image: url("../img/svg/slide-next-green.svg");
}

.swiper--light .swiper-pagination-bullet {
  background: var(--c-green_light);
}

.swiper--light .swiper-pagination-bullet-active {
  background: var(--c-green_medium);
}

.swiper--green .swiper-arrow {
  background-color: var(--c-green);
}

.swiper--green .swiper-arrow:hover {
  background-color: var(--c-light_green);
}

.swiper--green .arrow--prev {
  background-image: url("../img/svg/slide-prev-white.svg");
}

.swiper--green .arrow--next {
  background-image: url("../img/svg/slide-next-white.svg");
}

.swiper--green .swiper-pagination-bullet {
  background: rgba(0, 107, 52, 0.2);
}

.swiper--green .swiper-pagination-bullet-active {
  background: var(--c-green);
}

.main-page .title {
  justify-content: flex-start;
  text-align: left;
}
.main-page .faq__aside-begemot {
  display: block;
  margin-bottom: -1.375rem;
  width: 100%;
  z-index: -1;
}
.main-page aside {
  display: block;
  position: relative;
  padding: 2.5rem;
  background: var(--c-green_light);
  border-radius: 1.5rem;
}
.main-page aside::-webkit-scrollbar {
  display: none;
}
.main-page aside [class*=__wrap] {
  margin-bottom: 2.5rem;
}
.main-page aside [class*=__wrap]:last-child {
  margin-bottom: 0;
}
.main-page aside [class*=__title] {
  display: flex;
  margin-bottom: 1.5rem;
  color: var(--c-green);
  font-size: 1.25rem;
  text-transform: uppercase;
}
.main-page aside ul li {
  margin-bottom: 1.25rem;
}
.main-page aside ul li:last-child {
  margin-bottom: 0;
}
.main-page aside ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  font-size: 1rem;
}
.main-page aside ul li a span {
  margin-right: 1rem;
}
.main-page aside ul li a .new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5rem;
  margin-right: 0;
  padding: 0 0.75rem;
  height: 1.5rem;
  color: #fff;
  font-weight: 400;
  font-size: 0.625rem;
  text-decoration: none;
  background: var(--c-light_green);
  border-radius: 10rem;
  pointer-events: none;
}
.main-page aside ul li a:hover {
  text-decoration: none;
}
.main-page aside ul li a:hover .new {
  text-decoration: none;
}
.main-page aside ul li ul {
  padding: 0;
}
.main-page aside .collapse-toggle__btn {
  color: var(--c-green);
  font-weight: 400;
}
.main-page aside .collapse-toggle__btn span {
  pointer-events: auto;
}
.main-page aside .collapse-toggle__btn.collapsed {
  color: var(--c-black);
}
.main-page aside .collapse-toggle__btn.aside__title {
  margin-bottom: 0;
  color: var(--c-green);
}
.main-page aside .collapse-toggle__btn.aside__title i::before {
  opacity: 0;
}
.main-page aside .collapse-toggle__btn.aside__title i::after {
  opacity: 1;
}
.main-page aside .collapse-toggle__btn.aside__title.collapsed i::before {
  opacity: 0;
}
.main-page aside .collapse-toggle__btn.aside__title.collapsed i::after {
  opacity: 1;
}
.main-page aside .collapse-toggle__btn i {
  flex-shrink: 0;
  display: block;
  position: relative;
  margin-left: auto;
  width: 1.5rem;
  height: 1.5rem;
  transform: rotate(180deg);
  transition: 0.3s;
  pointer-events: auto;
}
.main-page aside .collapse-toggle__btn i::before, .main-page aside .collapse-toggle__btn i::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  transition: 0.3s;
}
.main-page aside .collapse-toggle__btn i::before {
  background-image: url("../img/svg/arrow-bot-black.svg");
  opacity: 0;
}
.main-page aside .collapse-toggle__btn i::after {
  background-image: url("../img/svg/arrow-bot-green.svg");
  opacity: 1;
}
.main-page aside .collapse-toggle__btn.collapsed i {
  transform: rotate(0deg);
}
.main-page aside .collapse-toggle__btn.collapsed i::before {
  opacity: 1;
}
.main-page aside .collapse-toggle__btn.collapsed i::after {
  opacity: 0;
}
.main-page aside .form-checkboxes {
  padding: 1.25rem 0.75rem 0;
}
.main-page aside .form-checkboxes label {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.75rem;
  padding: 0.125rem;
  cursor: pointer;
}
.main-page aside .form-checkboxes label:last-child {
  margin-bottom: 0;
}
.main-page aside .form-checkboxes label i {
  flex-shrink: 0;
  display: block;
  position: relative;
  bottom: 0.125rem;
  margin-right: 0.875rem;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0625rem solid var(--c-green);
  border-radius: 0.125rem;
}
.main-page aside .form-checkboxes label i::after {
  content: "";
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/svg/checkbox.svg") no-repeat 50%/contain;
  opacity: 0;
}
.main-page aside .form-checkboxes label p {
  margin: 0;
  font-weight: 300;
  font-size: 1rem;
}
.main-page aside .form-checkboxes label:hover i {
  background: var(--c-green_medium);
}
.main-page aside .form-checkboxes label input:checked + i {
  background: var(--c-green);
  border-color: var(--c-green);
}
.main-page aside .form-checkboxes label input:checked + i::after {
  opacity: 1;
}
.main-page aside [class*=__show] {
  display: inline-block;
  margin: 1.625rem 0 2.875rem;
  color: rgba(0, 107, 52, 0.5);
  font-weight: 300;
  font-size: 1rem;
}
.main-page aside [class*=__show]:hover {
  color: var(--c-green);
  text-decoration: none;
}

.new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
  height: 1.5rem;
  color: #fff;
  font-size: 0.625rem;
  text-align: center;
  background: var(--c-light_green);
  border-radius: 10rem;
}

.cookie {
  position: fixed;
  bottom: 2.5rem;
  right: 2.5rem;
  padding: 1.75rem;
  width: 23.125rem;
  text-align: center;
  background: var(--c-green_light);
  border-radius: 1rem;
  box-shadow: 0 0.25rem 0.75rem rgba(32, 57, 44, 0.15);
  z-index: 100;
}
.cookie .h_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.875rem;
  color: var(--c-green);
  text-align: center;
  text-transform: uppercase;
}
.cookie .h_20 img {
  margin-left: 0.25rem;
  width: 2rem;
}
.cookie .txt_16 {
  margin-bottom: 1.25rem;
}

/* COMMON END */
/* HEADER START */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 100;
}

header .navbar-expand-lg {
  padding: 0;
  height: 6.25rem;
}

header .navbar-logo {
  display: block;
  position: absolute;
  top: 1.25rem;
  left: 0;
  width: 11.25rem;
}

header .navbar-logo img {
  width: 100%;
}

header .navbar-collapse {
  justify-content: flex-start;
  padding-left: 16.0625rem;
}

header .navbar-collapse .nav-item {
  margin: 0 2.5rem 0 0;
}

header .navbar-collapse .nav-link {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0 !important;
  color: var(--c-green);
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

header .navbar-collapse .nav-link.active {
  color: var(--c-light_green);
}

header .navbar-collapse .nav-link:hover {
  color: var(--c-light_green);
  text-decoration: none;
}

header .navbar-collapse .nav-link .ico {
  margin-left: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: 0.3s;
}

header .navbar-collapse .nav-link:hover .ico::before {
  opacity: 0;
}

header .navbar-collapse .nav-link:hover .ico::after {
  opacity: 1;
}

header .navbar-collapse .nav-link.active .ico::before {
  opacity: 0;
}

header .navbar-collapse .nav-link.active .ico::after {
  opacity: 1;
}

header .navbar-collapse .nav-link.show {
  color: #2E6B1F;
}

header .navbar-collapse .nav-link.show .ico {
  transform: rotate(180deg);
}

header .navbar-collapse .nav-link.nav-link:focus-visible {
  box-shadow: none;
}

header .navbar-collapse .nav-link .new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.375rem;
  right: 0;
  padding: 0 0.75rem;
  height: 1.625rem;
  color: #2E6B1F;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: #FEED01;
  border-radius: 10rem;
  text-align: center;
  transform: translate(100%, -100%);
  pointer-events: none;
}

header .navbar-collapse .dropdown-toggle::after {
  display: none;
}

header .navbar-search {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

header .navbar-search input {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0;
  width: 3rem;
  height: 3rem;
  font-weight: 300;
  font-size: 1rem;
  color: var(--c-black);
  background: var(--c-green_light);
  border: 0;
  border-radius: 50%;
  outline: 0;
  transition: 0.5s;
  cursor: pointer;
}

header .navbar-search input::placeholder {
  opacity: 0;
}

header .navbar-search.active input {
  padding: 0 5rem 0 1.5rem;
  width: 64rem;
  border-radius: 1.5rem;
  cursor: auto;
}

header .navbar-search.active input::placeholder {
  opacity: 1;
}

header .navbar-search .ico-delete {
  position: absolute;
  top: 0.75rem;
  right: 2.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}

header .navbar-search .ico-search {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  pointer-events: none;
}

header .navbar-search .ico::before,
header .navbar-search .ico::after {
  background-size: 1.5rem;
}

header .navbar-search.active .ico-search {
  pointer-events: auto;
}

header .navbar-search.has-value .ico-delete {
  opacity: 1;
  pointer-events: auto;
}

header .navbar-search .ico:hover {
  z-index: 2;
}

header .dropdown-menu {
  display: block;
  position: absolute;
  top: auto;
  bottom: -2rem;
  left: 50%;
  padding: 4rem;
  color: var(--c-green);
  background: #fff;
  border: 0;
  border-radius: 2.25rem;
  box-shadow: 0 0 2.5rem 0 rgba(0, 107, 52, 0.15), 0 0 0.125rem 0 rgba(0, 107, 52, 0.1);
  transform: translate(-50%, 100%);
  transition: all 0.3s ease;
  pointer-events: auto;
  z-index: 10;
}

header .dropdown-menu::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1.5rem;
  width: 2.1875rem;
  height: 2.1875rem;
  background: url("../img/svg/dropdown-menu-triangle.svg") no-repeat 50%/contain;
  transform: translate(-50%, 0);
}

header .dropdown-menu[data-dropdown=products]::before {
  left: 20rem;
  transform: translate(0, 0);
}

header .dropdown-menu[data-dropdown=about] {
  left: 38%;
}

header .dropdown-menu[data-dropdown=future-parents] {
  left: 67%;
}

header .dropdown-menu.show {
  top: auto;
  bottom: -5rem;
  left: 50%;
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 100%);
  pointer-events: auto;
}

header .dropdown-menu__wrap {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
}

header .dropdown-menu__wrap .dropdown-menu__list {
  flex: 0 0 auto;
  margin: 0 0.25rem 0 1.75rem;
  padding-right: 1.5rem;
  max-height: 26.6875rem;
}

header .dropdown-menu__wrap .dropdown-menu__list:first-child {
  margin-left: 0;
}

header .dropdown-menu__wrap .dropdown-menu__list:last-child {
  margin-right: 0;
}

header .dropdown-menu__wrap ul li:not(:last-child) {
  margin-bottom: 1.125rem;
}

header .dropdown-menu__wrap ul a {
  color: var(--c-black);
  font-weight: 300;
  font-size: 1rem;
}

header .dropdown-menu__wrap ul h3 {
  padding-bottom: 0.625rem;
}

header .dropdown-menu__wrap ul h3 a {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  color: var(--c-green);
  font-weight: 400;
  font-size: 1.25rem;
  white-space: nowrap;
}

header .dropdown-menu__wrap ul h3 a:hover {
  text-decoration: none;
}

header .dropdown-menu__wrap ul h3 a .new {
  margin-left: 0.5rem;
}

header .dropdown-menu__wrap .banner {
  margin-left: 1.75rem;
  width: 21.375rem;
  height: 22.5rem;
}
header .dropdown-menu__wrap .banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}

/* HEADER END */
/* FOOTER START */
footer {
  padding: 3rem 0 1.5rem;
}
footer [class$=__top] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 3rem;
}
footer [class$=__top] [class$=-left] {
  display: flex;
  align-items: center;
}
footer [class$=__top] [class$=-left] [class$=__logo] {
  display: block;
  margin-right: 1.25rem;
  width: 10.625rem;
}
footer [class$=__top] [class$=-left] [class$=__logo] img {
  display: block;
  width: 100%;
}
footer [class$=__top] [class$=-left] [class$=-info] h4 {
  margin-bottom: 1.5rem;
  color: var(--c-green);
}
footer [class$=__top] [class$=-left] [class$=-info] .txt_14 {
  margin-bottom: 1.5rem;
  color: var(--c-gray_medium);
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] {
  display: flex;
  align-items: center;
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] p {
  margin: 0 1.5rem 0 0;
  color: var(--c-green);
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] ul li {
  margin-right: 0.75rem;
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] ul li:last-child {
  margin-right: 0;
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] ul li a {
  display: block;
  width: 1.9375rem;
  height: 1.9375rem;
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] ul li a:hover {
  opacity: 0.75;
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] ul li a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
footer [class$=__top] [class*=-right] {
  display: flex;
  align-items: flex-start;
}
footer [class$=__top] [class*=-right] ul {
  margin-left: 5rem;
}
footer [class$=__top] [class*=-right] ul li {
  margin-bottom: 0.5rem;
}
footer [class$=__top] [class*=-right] ul li:last-child {
  margin-bottom: 0;
}
footer [class$=__top] [class*=-right] ul li a {
  font-weight: 300;
  font-size: 0.875rem;
}
footer [class$=__mid] {
  margin-bottom: 3rem;
}
footer [class$=__mid] .txt_14 {
  margin: 0;
}
footer [class$=__bot] .txt_14 {
  margin: 0;
  color: var(--c-gray_medium);
}

/* FOOTER END */
/* KV START */
.kv {
  position: relative;
  width: 100%;
  height: 38.125rem;
}

.kv__slider-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6.875rem 0 5rem;
  height: 38.125rem;
  pointer-events: none;
}

.kv__slider-main .swiper-controls {
  left: 0;
  margin: auto 0 0;
  justify-content: flex-start;
  transform: translate(0, 0);
  pointer-events: auto;
}

.kv__sub-title {
  display: flex;
  align-items: center;
  margin-bottom: 3.75rem;
  height: 1.4375rem;
  color: #FFFF16;
  font-size: 2rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.kv__title {
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem;
  height: 7.5625rem;
  color: #fff;
  font-size: 4.375rem;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.kv__slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #166938;
  z-index: 0;
}

.kv__text {
  margin: 0;
  max-width: 28.75rem;
  color: #fff;
  font-weight: 300;
  font-size: 1.375rem;
  line-height: 1.18;
}

.kv__text span {
  color: #FFFF16;
}

.kv__slider-bg picture,
.kv__slider-bg picture img {
  width: 100%;
  height: 38.125rem;
  object-fit: cover;
}

.kv__bg, .kv__bg img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* KV END */
/* PRODUCTS START */
.products {
  position: relative;
  z-index: 0;
}
.products::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 44.0625rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #e2f1c9 54.33%, #e9f5d7 72.95%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
  pointer-events: none;
}

.products__filter {
  margin-bottom: 1.75rem;
}
.products__filter ul {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.products__filter ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 1.25rem;
  cursor: pointer;
}
.products__filter ul li .img {
  display: block;
  position: relative;
  margin: 0 auto 0.5rem;
  width: 5rem;
  height: 5rem;
  background: #fff;
  border: 0.125rem solid var(--c-green_medium);
  border-radius: 50%;
}
.products__filter ul li .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.products__filter ul li .img img:nth-child(1) {
  opacity: 1;
}
.products__filter ul li .img img:nth-child(2) {
  opacity: 0;
}
.products__filter ul li.active .img, .products__filter ul li:hover .img {
  background: var(--c-green_medium);
  border-color: var(--c-green);
}
.products__filter ul li.active .img img:nth-child(1), .products__filter ul li:hover .img img:nth-child(1) {
  opacity: 0;
}
.products__filter ul li.active .img img:nth-child(2), .products__filter ul li:hover .img img:nth-child(2) {
  opacity: 1;
}
.products__filter ul li p {
  margin: 0;
  color: var(--c-green);
  line-height: 1.5rem;
  white-space: nowrap;
}

.products__selectors {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem;
  padding: 1rem 1.25rem;
  width: 59.75rem;
  background: #6CAE30;
  border-radius: 10rem;
}
.products__selectors form {
  width: 100%;
}
.products__selectors form .form-wrap .width--small {
  width: 10.625rem;
}
.products__selectors form .form-wrap .width--medium {
  width: 13.75rem;
}
.products__selectors form .form-wrap .width--big {
  width: 16.25rem;
}
.products__selectors form .form-selector .sun-select-trigger {
  border-radius: 10rem;
}

.products__empty {
  margin-bottom: 2rem;
}

.products__empty p {
  margin: 0;
  color: var(--c-green);
  text-align: center;
}

.products__slider {
  position: relative;
  margin: 0 auto 2rem;
  width: 59.75rem;
}
.products__slider .products__slider-init {
  position: relative;
  overflow: hidden;
}
.products__slider .arrow {
  position: absolute;
  top: 50%;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  opacity: 0.6;
  transform: translateY(-50%);
}
.products__slider .arrow.arrow--prev {
  left: -5rem;
  background-image: url("../img/svg/slick-prev.svg");
}
.products__slider .arrow.arrow--next {
  right: -5rem;
  background-image: url("../img/svg/slick-next.svg");
}
.products__slider .arrow:hover {
  opacity: 1;
}
.products__slider .swiper-slide {
  position: relative;
  margin-right: 1.25rem;
  padding: 2.5rem 1.5rem 1.5rem;
  width: 19.0625rem;
  height: 23.3125rem;
  background: #fff;
  border-radius: 1.5rem;
}
.products__slider .swiper-slide .new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  padding: 0 0.75rem;
  height: 1.5rem;
  color: #fff;
  font-size: 0.625rem;
  text-align: center;
  background: var(--c-light_green);
  border-radius: 10rem;
}
.products__slider .swiper-slide .img {
  display: block;
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
  height: 16.0625rem;
}
.products__slider .swiper-slide .img::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
  background: var(--c-green) url(../img/svg/arrow-right-white.svg) no-repeat 50%/1.5rem;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transition: 0.15s;
  z-index: 1;
}
.products__slider .swiper-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.products__slider .swiper-slide p {
  margin: 0;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.1;
  text-align: center;
}
.products__slider .swiper-slide:hover {
  text-decoration: none;
}
.products__slider .swiper-slide:hover .img::after {
  opacity: 1;
}
.products__slider .btns {
  margin-top: 2rem;
}

/* PRODUCTS END */
/* WHERE-BUY START */
.where-buy {
  padding: 5rem 0;
  background: #F2F9E5 url("../img/puzzle-bg.webp") no-repeat 50%/cover;
}
.where-buy .where-buy__slider {
  position: relative;
  overflow: hidden;
}
.where-buy .swiper-wrapper {
  margin-bottom: 2rem;
}
.where-buy .swiper-slide {
  position: relative;
  margin-right: 1.25rem;
  width: 19.0625rem;
  height: 12.5rem;
  background: #fff;
  border-radius: 1.5rem;
}
.where-buy .swiper-slide:last-child {
  margin-right: 0;
}
.where-buy .swiper-slide:hover {
  background: rgba(255, 255, 255, 0.75);
}
.where-buy .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* WHERE-BUY END */
/* QUESTION START */
.question {
  padding: 6.5rem 0;
}
.question [class*=__form] {
  padding: 3.75rem 2.5rem 2.5rem;
  background: var(--c-green_medium);
  border-radius: 1.5rem;
}
.question [class*=__form] .h_40 {
  margin-bottom: 2.125rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.question [class$=__quality] {
  position: relative;
  padding: 3.75rem 2.5rem 2.5rem;
  height: 34.5625rem;
  color: #fff;
  /*background: linear-gradient(135deg, #6fbb2f 0%, #1e850c 73.5%, #16810b 100%);*/
  border-radius: 1.5rem;
  z-index: 1;
  overflow: hidden;
  /*&::before {
    content:'';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 27.3125rem;
    height: 26.25rem;
    background: url('../img/question-quality-img.webp') no-repeat 50%/contain;
    border-radius: 0 0 1.5rem 0;
    z-index: -1;
  }*/
}
.question [class$=__quality] picture {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.question [class$=__quality] picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.question [class$=__quality] .h_36 {
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}
.question [class$=__quality] .txt_16 {
  display: block;
  margin-bottom: 4.375rem;
  width: 12.5rem;
}
.question [class$=__quality] a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 2.5rem;
  left: 2.5rem;
  width: 4.5rem;
  height: 4.5rem;
  border: 0.0625rem solid #fff;
  border-radius: 50%;
  z-index: 1;
}

/* QUESTION END */
/* MATERIALS START */
.materials {
  position: relative;
  padding: 5rem 0;
  z-index: 0;
}
.materials::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 59.375rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #e2f1c9 57%, #e9f5d7 78.53%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
  pointer-events: none;
}
.materials .h_28 {
  margin-bottom: 2.5rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.materials [class$=__filters] {
  margin-bottom: 2rem;
}
.materials [class$=__filters] ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.materials [class$=__filters] ul li {
  margin: 0 0.5rem;
}
.materials [class$=__filters] ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.75rem;
  height: 3rem;
  color: var(--c-green);
  font-size: 1rem;
  white-space: nowrap;
  background: var(--c-green_medium);
  border-radius: 10rem;
}
.materials [class$=__filters] ul li a:hover {
  color: #fff;
  text-decoration: none;
  background: var(--c-green);
}
.materials [class*=__empty] {
  padding: 3.75rem 0;
}
.materials [class*=__empty] p {
  margin-bottom: 0;
  color: var(--c-green);
  font-size: 1rem;
  text-align: center;
}
.materials [class*=__slider] {
  position: relative;
  overflow: hidden;
}
.materials [class*=__slider] .swiper-wrapper {
  margin-bottom: 2rem;
}
.materials [class*=__slider] .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-right: 1.25rem;
  padding: 1.5rem;
  width: 25.8125rem;
  height: 33.4375rem;
  text-decoration: none;
  background: #fff;
  border: 0.0625rem solid var(--c-gray_light);
  border-radius: 1.5rem;
}
.materials [class*=__slider] .swiper-slide:last-child {
  margin-right: 0;
}
.materials [class*=__slider] .swiper-slide .img {
  display: block;
  position: relative;
  margin-bottom: 1.25rem;
  width: 100%;
  height: 15.625rem;
  overflow: hidden;
}
.materials [class*=__slider] .swiper-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  object-fit: cover;
  transition: 0.15s;
}
.materials [class*=__slider] .swiper-slide .top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.materials [class*=__slider] .swiper-slide .top h6 {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  padding: 0 0.75rem;
  height: 1.5rem;
  color: var(--c-green);
  font-size: 0.75rem;
  background: var(--c-green_medium);
  border-radius: 10rem;
}
.materials [class*=__slider] .swiper-slide .top::after {
  content: "";
  width: 3rem;
  height: 3rem;
  background: var(--c-green) url("../img/svg/arrow-right-white.svg") no-repeat 50%/1.5rem;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transition: 0.15s;
}
.materials [class*=__slider] .swiper-slide .h_20 {
  display: -webkit-box;
  position: relative;
  margin-bottom: 1.25rem;
  max-height: 5.75rem;
  color: var(--c-green);
  text-transform: uppercase;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.materials [class*=__slider] .swiper-slide .txt_16 {
  display: -webkit-box;
  position: relative;
  margin-bottom: 0;
  max-height: 3.625rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
}
.materials [class*=__slider] .swiper-slide:hover .top::after {
  opacity: 1;
}
.materials [class*=__slider] .swiper-slide:hover img {
  transform: scale(1.05);
}
.materials [class*=__list] {
  position: relative;
  overflow: hidden;
}
.materials [class*=__list] .materials__block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-right: 1.25rem;
  padding: 1.5rem;
  width: 25.8125rem;
  height: 33.4375rem;
  text-decoration: none;
  background: #fff;
  border-radius: 1.5rem;
}
.materials [class*=__list] .materials__block:last-child {
  margin-right: 0;
}
.materials [class*=__list] .materials__block .img {
  display: block;
  margin-bottom: 1.25rem;
  width: 100%;
  height: 15.625rem;
  overflow: hidden;
}
.materials [class*=__list] .materials__block .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  object-fit: cover;
  transition: 0.15s;
}
.materials [class*=__list] .materials__block .top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.materials [class*=__list] .materials__block .top h6 {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  padding: 0 0.75rem;
  height: 1.5rem;
  color: var(--c-green);
  font-size: 0.75rem;
  background: var(--c-green_medium);
  border-radius: 10rem;
}
.materials [class*=__list] .materials__block .top::after {
  content: "";
  width: 3rem;
  height: 3rem;
  background: var(--c-green) url("../img/svg/arrow-right-white.svg") no-repeat 50%/1.5rem;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transition: 0.15s;
}
.materials [class*=__list] .materials__block .h_20 {
  display: -webkit-box;
  position: relative;
  margin-bottom: 1.25rem;
  max-height: 5.75rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: var(--c-green);
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
}
.materials [class*=__list] .materials__block .txt_16 {
  display: -webkit-box;
  position: relative;
  margin-bottom: 0;
  max-height: 3.625rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
}
.materials [class*=__list] .materials__block:hover .top::after {
  opacity: 1;
}
.materials [class*=__list] .materials__block:hover img {
  transform: scale(1.05);
}
.materials [class*=__filter] {
  display: flex;
  margin-bottom: 2rem;
}
.materials [class*=__filter] > * {
  margin-right: 0.5rem;
}
.materials [class*=__selector] {
  position: relative;
}
.materials [class*=__selector-btn] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding: 0 4.75rem 0 1.5rem;
  width: 18.75rem;
  height: 3rem;
  color: var(--c-green);
  font-size: 1rem;
  white-space: nowrap;
  background: var(--c-green_medium);
  border-radius: 10rem;
}
.materials [class*=__selector-btn]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/svg/arrow-bot-green.svg") no-repeat 50%/contain;
  transform: translate(0, -50%);
}
.materials [class*=__selector-btn] .clear-icon {
  position: absolute;
  top: 50%;
  right: 2.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/svg/cross-green.svg") no-repeat 50%/contain;
  transform: translate(0, -50%);
  cursor: pointer;
}
.materials [class*=__selector-btn] b {
  display: block;
  position: relative;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.materials [class*=__selector-list] {
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  padding: 1.5rem;
  background: var(--c-green_medium);
  border-radius: 1.5rem;
  transform: translate(0, 100%);
  z-index: 1;
}
.materials [class*=__selector-list] [class*=__selector-wrap] {
  display: flex;
}
.materials [class*=__selector-list] [class*=__selector-wrap] [class*=__selector-row] {
  margin-right: 2.5rem;
}
.materials [class*=__selector-list] [class*=__selector-wrap] [class*=__selector-row]:last-child {
  margin-right: 0;
}
.materials [class*=__selector-list] [class*=__selector-wrap] [class*=__selector-row] > div {
  display: flex;
}
.materials [class*=__selector-list] [class*=__selector-wrap] [class*=__selector-row] > div div {
  margin-right: 1.5rem;
}
.materials [class*=__selector-list] [class*=__selector-wrap] [class*=__selector-row] > div div:last-child {
  margin-right: 0;
}
.materials [class*=__selector-list] h3 {
  margin-bottom: 1.125rem;
  color: var(--c-green);
  font-size: 1rem;
  white-space: nowrap;
}
.materials [class*=__selector-list] .form-checkbox {
  cursor: pointer;
}
.materials [class*=__selector-list] .form-checkbox p {
  font-weight: 300;
  white-space: nowrap;
}

.main-materials .materials {
  padding: 2.5rem 0 5rem;
}
.main-materials .materials::before {
  display: none;
}
.main-materials .materials .title {
  justify-content: flex-start;
  text-align: left;
}
.main-materials .materials [class*=__list] > div {
  margin-bottom: 1.25rem;
}
.main-materials .materials [class*=__list] > div:nth-last-child(-n+3) {
  margin-bottom: 0;
}
.main-materials .materials [class*=__control] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3.75rem;
}
.main-materials .materials [class*=__control] p {
  margin-bottom: 1.625rem;
  color: var(--c-gray_medium);
  font-weight: 300;
  font-size: 1rem;
}

/* MATERIALS END */
/* USEFUL START */
.useful {
  padding: 6.25rem 0 0;
}
.useful [class$=__wrap] {
  display: flex;
  height: 34.5625rem;
}
.useful [class$=__wrap] [class$=__text] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-right: -2.5rem;
  padding: 3.75rem;
  width: 41.25rem;
  height: 100%;
  color: #fff;
  background: linear-gradient(135deg, #6fbb2f 0%, #1e850c 73.5%, #16810b 100%);
  border-radius: 1.5rem;
  z-index: 1;
}
.useful [class$=__wrap] [class$=__text]:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 33rem;
  height: 16.4375rem;
  background: url("../img/useful-bg.webp") no-repeat 50%/contain;
  z-index: -1;
  pointer-events: none;
}
.useful [class$=__wrap] [class$=__text] .h_36 {
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}
.useful [class$=__wrap] [class$=__text] .txt_20 {
  margin-bottom: 1.25rem;
  line-height: 1.2;
}
.useful [class$=__wrap] [class$=__text] a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  width: 4.5rem;
  height: 4.5rem;
  border: 0.125rem solid #fff;
  border-radius: 50%;
}
.useful [class$=__wrap] [class$=__img] {
  width: 41.25rem;
  height: 34.5625rem;
}
.useful [class$=__wrap] [class$=__img] img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.5rem;
}

/* USEFUL END */
/* INTERESTING START */
.interesting {
  position: relative;
  padding: 7.5rem 0;
  z-index: 0;
}
.interesting::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48.5625rem;
  background: linear-gradient(180deg, rgba(233, 245, 215, 0) 0%, #e2f1c9 40%, #e9f5d7 82.44%, rgba(233, 245, 215, 0) 100%);
  z-index: -1;
  pointer-events: none;
}
.interesting [class$=__menu] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.25rem;
}
.interesting [class$=__menu] li {
  margin: 0 0.5rem;
}
.interesting [class$=__menu] li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 12.5rem;
  height: 3rem;
  color: var(--c-green);
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
  background: var(--c-green_medium);
  border-radius: 10rem;
}
.interesting [class$=__menu] li a:hover {
  color: #fff;
  text-decoration: none;
  background: var(--c-green);
}
.interesting [class$=__list] {
  position: relative;
}
.interesting [class$=__list] .path {
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
.interesting [class$=__list] .path-left {
  top: 11.625rem;
  left: -3.875rem;
  width: 3.875rem;
  height: 4.375rem;
}
.interesting [class$=__list] .path-right {
  top: 11.625rem;
  right: -3.875rem;
  width: 3.875rem;
  height: 4.375rem;
}
.interesting [class$=__list] .path-bot {
  bottom: -3.875rem;
  left: 50%;
  width: 4.375rem;
  height: 3.875rem;
  transform: translateX(-50%);
}
.interesting [class*=__slider] .swiper-wrapper {
  justify-content: space-between;
}
.interesting [class*=__slider] .swiper-slide {
  padding: 1.5rem 1.5rem 0;
  width: 25.8125rem;
  height: 27.625rem;
  text-decoration: none;
  background: #fff;
  border-radius: 1.5rem;
}
.interesting [class*=__slider] .swiper-slide .img {
  display: block;
  margin-bottom: 1.75rem;
  width: 100%;
  height: 19.375rem;
}
.interesting [class*=__slider] .swiper-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  object-fit: cover;
}
.interesting [class*=__slider] .swiper-slide .h_20 {
  margin: 0;
  text-transform: uppercase;
}

/* INTERESTING END */
/* OS START */
.os {
  position: relative;
  padding: 5.625rem 0 3rem;
  /*height: 37.5rem;*/
  z-index: 0;
}
.os::before, .os::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
}
.os::before {
  height: 33.6875rem;
  background-image: url("../img/os-path.webp");
  z-index: -1;
}
.os::after {
  height: 37.5rem;
  background-image: url("../img/svg/os-bg.svg");
  z-index: -2;
}
.os [class*=__img] {
  margin: 0 auto;
  width: 18.75rem;
}
.os [class*=__img] img {
  display: block;
  width: 100%;
}
.os [class*=__form] {
  padding-top: 1.25rem;
}
.os [class*=__form] .h_40 {
  margin-bottom: 2.5rem;
  color: var(--c-green);
  text-align: right;
  text-transform: uppercase;
}

/* OS END */
/* CATALOG START */
.catalog {
  padding-bottom: 5rem;
}
.catalog .catalog__empty {
  margin-bottom: 5rem;
}
.catalog .catalog__empty .h_16 {
  margin: 0;
  color: var(--c-green);
  text-align: center;
}
.catalog .catalog__list {
  margin-bottom: 5rem;
}
.catalog .catalog__list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  margin: -0.625rem;
}
.catalog .catalog__list ul li {
  margin: 0.625rem;
}
.catalog .catalog__list ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1.375rem;
  width: 19.0625rem;
  height: 23.3125rem;
  border: 0.125rem solid var(--c-green_medium);
  border-radius: 1.5rem;
}
.catalog .catalog__list ul li a:hover {
  text-decoration: none;
  background: var(--c-green_medium);
}
.catalog .catalog__list ul li a .img {
  display: block;
  position: relative;
  margin-bottom: 1rem;
  width: 100%;
  height: 17.0625rem;
  z-index: 1;
}
.catalog .catalog__list ul li a .img .new {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0 0.75rem;
  height: 1.5rem;
  color: #fff;
  font-size: 0.625rem;
  background: var(--c-light_green);
  border-radius: 10rem;
  z-index: 1;
}
.catalog .catalog__list ul li a .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.catalog .catalog__list ul li a p {
  display: -webkit-box;
  position: relative;
  margin: 0;
  height: 2.25rem;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.1;
  letter-spacing: 0.03em;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.catalog .catalog__menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.catalog .catalog__menu .catalog__counter {
  margin-bottom: 1.75rem;
  color: var(--c-gray_medium);
  font-weight: 300;
  font-size: 1rem;
}

/* CATALOG END */
/* PRODUCT START */
.main-product {
  position: relative;
}
.main-product::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 59.25rem;
  background: linear-gradient(180deg, #e2f1c9 0.7%, #e9f5d7 57.29%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
  pointer-events: none;
}

.product [class$=__sliders] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.product [class$=__sliders] .sun-wrapper {
  display: flex;
  position: relative;
}
.product [class$=__sliders] .new {
  position: absolute;
  top: 2rem;
  left: 2rem;
  padding: 0 1.5rem;
  height: 2.25rem;
  font-size: 1rem;
  z-index: 2;
}
.product [class$=__sliders] [class*="--main"] {
  position: relative;
  margin: 0 auto 2rem;
  width: 100%;
  height: 39.375rem;
  background: #fff;
  border-radius: 1.875rem;
}
.product [class$=__sliders] [class*="--main"] .sun-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 1.25rem;
  width: 100%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
}
.product [class$=__sliders] [class*="--main"] .sun-controls .sun-arrow {
  width: 3rem;
  height: 3rem;
  background-color: var(--c-green);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 1.5rem;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
}
.product [class$=__sliders] [class*="--main"] .sun-controls .sun--prev {
  background-image: url("../img/svg/slide-prev-white.svg");
}
.product [class$=__sliders] [class*="--main"] .sun-controls .sun--next {
  background-image: url("../img/svg/slide-next-white.svg");
}
.product [class$=__sliders] [class*="--main"] .sun-slide {
  position: relative;
  padding: 2.25rem;
  width: 100%;
  height: 100%;
}
.product [class$=__sliders] [class*="--main"] .sun-slide .img {
  display: block;
  position: relative;
  padding: 2.1875rem;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  z-index: 1;
}
.product [class$=__sliders] [class*="--main"] .sun-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product [class$=__sliders] [class*="--add"] {
  position: relative;
  width: 100%;
  height: 5.5rem;
}
.product [class$=__sliders] [class*="--add"].product__slider--add-cnt-small .sun-wrapper {
  justify-content: center;
  gap: 1rem;
}
.product [class$=__sliders] [class*="--add"] .sun-wrapper {
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  justify-content: flex-start;
}
.product [class$=__sliders] [class*="--add"] .sun-wrapper::-webkit-scrollbar {
  display: none;
}
.product [class$=__sliders] [class*="--add"] .sun-slide {
  flex-shrink: 0;
  margin-right: 1rem;
  padding: 0.625rem;
  width: 5.5rem;
  height: 5.5rem;
  opacity: 0.5;
  background: #fff;
  border: 0.125rem solid var(--c-green_medium);
  border-radius: 1rem;
  user-select: none;
  cursor: pointer;
}
.product [class$=__sliders] [class*="--add"] .sun-slide:last-child {
  margin-right: 0;
}
.product [class$=__sliders] [class*="--add"] .sun-slide.active {
  opacity: 1;
  border-color: #6CAE30;
}
.product [class$=__sliders] [class*="--add"] .sun-slide .img {
  display: block;
  width: 100%;
  height: 100%;
}
.product [class$=__sliders] [class*="--add"] .sun-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product [class$=__info] {
  padding-left: 1.25rem;
  /*& [class$="--puzzles"] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    & li {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
      margin-right: 0.3125rem;
      width: 5.75rem;
      height: 5.625rem;
      color: #fff;
      text-align: center;
      background: var(--c-green);
      z-index: 1;
      border-radius: 0.75rem;
      &.c-green { background: #006937; & i { background: #006937; } }
      &.c-orange { background: #F39200; & i { background: #F39200; } }
      &.c-blue { background: #69ACE0; & i { background: #69ACE0; } }
      & i {
        display: block;
        position: absolute;
        width: 2rem;
        height: 2rem;
        background: var(--c-green);
        border-radius: 50%;
        z-index: -1;
        &.top { top: 0; left: 50%; transform: translate(-50%, -50%); }
        &.left { top: 50%; left: 0; transform: translate(-50%, -50%); }
        &.right { top: 50%; right: 0; transform: translate(50%, -50%); }
        &.bot { bottom: 0; left: 50%; transform: translate(-50%, 50%); }
      }
      & h4 {
        margin-bottom: 0.3125rem;
        font-size: 1.4375rem;
        line-height: 0.7;
        text-transform: uppercase;
      }
      & h5 {
        margin-bottom: 0.3125rem;
        font-size: 0.875rem;
        line-height: 0.7;
        text-transform: uppercase;
      }
      & p {
        margin: 0;
        font-size: 0.5625rem;
        line-height: 1;
      }
    }
  }*/
}
.product [class$=__info] .h_40 {
  margin-bottom: 2rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.product [class$=__info] [class$="--param"] {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.product [class$=__info] [class$="--param"] h6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 2.5rem 0 0;
  padding: 0 2.25rem;
  height: 3rem;
  color: #fff;
  text-align: center;
  background: var(--c-light_green);
  border-radius: 10rem;
}
.product [class$=__info] [class$="--param"] p {
  margin: 0;
  color: var(--c-gray_dark);
}
.product [class$=__info] [class$="--about"] {
  margin-bottom: 2rem;
  padding: 1.75rem;
  background: #fff;
  border-radius: 1.5rem;
}
.product [class$=__info] [class$="--about"] .h_20 {
  margin-bottom: 1.5rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.product [class$=__info] [class$="--about"] p {
  margin-bottom: 1.25rem;
  font-weight: 300;
  font-size: 1rem;
}
.product [class$=__info] [class$="--about"] ul {
  margin-bottom: 1.25rem;
}
.product [class$=__info] [class$="--about"] ul li {
  margin: 0;
  font-weight: 300;
  font-size: 1rem;
}
.product [class$=__info] [class$="--about"] :last-child {
  margin-bottom: 0;
}
.product [class$=__info] [class$="--puzzles"] {
  width: 19.1875rem;
  height: 7.8125rem;
}
.product [class$=__info] [class$="--puzzles"] img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.prod-info [class$=__block] {
  padding: 3.75rem 3.125rem 0;
  background: var(--c-green_light);
  border-radius: 1.5rem;
}
.prod-info [class$=__block] .text {
  margin-bottom: 2.5rem;
  padding: 0 0.625rem;
}
.prod-info [class$=__block] .text:last-of-type {
  margin-bottom: 0;
}
.prod-info [class$=__block] .h_20 {
  margin-bottom: 0.875rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.prod-info [class$=__block] p {
  margin-bottom: 1rem;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.3;
}
.prod-info [class$=__block] ul {
  margin-bottom: 1.25rem;
}
.prod-info [class$=__block] ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.125rem;
  height: 1.875rem;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.2);
}
.prod-info [class$=__block] ul li:last-child {
  border: 0;
}
.prod-info [class$=__block] ul li p {
  margin: 0;
  font-weight: 300;
  font-size: 1rem;
}
.prod-info [class$=__block] ul li p b {
  font-weight: 400;
}
.prod-info [class$=__block] img {
  display: block;
  margin-left: 0.625rem;
  width: 35rem;
}
.prod-info [class$=__block] hr {
  display: block;
  margin: 0;
  height: 3.75rem;
  border: 0;
}
.prod-info [class$=__block] :last-child {
  margin-bottom: 0;
}

.prod-where-buy {
  background: rgba(0, 0, 0, 0);
}
.prod-where-buy .swiper-slide {
  background: var(--c-green_light);
}

.prod-products {
  padding: 5rem 0;
  background: #F2F9E5 url("../img/puzzle-bg.webp") no-repeat 50%/cover;
}
.prod-products .products__slider {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
.prod-products .products__slider .swiper-controls {
  margin-top: 2rem;
}

.prod-recently {
  padding: 5rem 0;
  background: #fff;
}
.prod-recently::before {
  display: none;
}
.prod-recently .products__slider {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
.prod-recently .products__slider .swiper-controls {
  display: none;
}
.prod-recently .products__slider .swiper-slide {
  border: 0.125rem solid var(--c-green_medium);
  border-radius: 1.5rem;
}

.zoom-lens {
  position: absolute;
  width: 12.5rem;
  height: 12.5rem;
  background-color: #fff;
  border: 0.25rem solid var(--c-light_green);
  border-radius: 1rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
  pointer-events: none;
  z-index: 100;
}
.zoom-lens::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 1.125rem solid rgba(0, 0, 0, 0);
  border-bottom: 1.125rem solid rgba(0, 0, 0, 0);
  border-right: 1.125rem solid var(--c-light_green);
  transform: translate(-100%, -50%);
}
.zoom-lens.zoom-click {
  transition: background-size 0.3s, background-position 0.3s;
}
.zoom-lens .zoom-message {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0.5rem;
  width: 100%;
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  background: var(--c-light_green);
  border-radius: 0.5rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
  pointer-events: none;
  z-index: 100;
}

/* PRODUCT END */
/* ARTICLE START */
.article {
  margin-bottom: 0;
  padding-bottom: 5rem;
}
.article [class*=__row] {
  align-items: flex-start;
}
.article [class*=__row] aside {
  position: sticky;
  top: 10rem;
  left: 0;
}
.article [class*=__row] aside .wrap {
  padding: 2.5rem;
  background: var(--c-green_light);
  border-radius: 1.5rem;
}
.article [class*=__row] aside .wrap .h_20 {
  margin-bottom: 2.25rem;
  color: var(--c-green);
  line-height: 0.875rem;
  text-transform: uppercase;
}
.article [class*=__row] aside .wrap ul li {
  margin-bottom: 1.5625rem;
}
.article [class*=__row] aside .wrap ul li:last-child {
  margin-bottom: 0;
}
.article [class*=__row] aside .wrap ul li a {
  color: var(--c-green);
  font-weight: 300;
  font-size: 1rem;
  text-decoration: underline;
  opacity: 0.6;
}
.article [class*=__row] aside .wrap ul li a.active {
  text-decoration: none;
  opacity: 1;
}
.article [class*=__row] aside .wrap ul li a:hover {
  text-decoration: none;
  opacity: 1;
}
.article [class*=__row] article [class*="--head"] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.article [class*=__row] article [class*="--head"] p {
  margin: 0;
  color: var(--c-gray_medium);
  font-weight: 300;
  font-size: 1rem;
}
.article [class*=__row] article [class*="--head"] ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.article [class*=__row] article [class*="--head"] ul li {
  display: flex;
  margin: 0;
  color: var(--c-gray_medium);
  font-weight: 300;
  font-size: 1rem;
}
.article [class*=__row] article [class*="--head"] ul li:first-child {
  margin-right: 0.5rem;
}
.article [class*=__row] article [class*="--head"] ul li:not(:first-child)::after {
  content: ",";
  margin: 0 0.25rem;
}
.article [class*=__row] article [class*="--head"] ul li:last-child::after {
  display: none;
}
.article [class*=__row] article [class*="--head"] ul li a {
  color: var(--c-gray_medium);
  text-decoration: underline;
}
.article [class*=__row] article [class*="--head"] ul li a:hover {
  text-decoration: none;
}
.article [class*=__row] article [class*="--banner"] {
  margin-bottom: 4.375rem;
}
.article [class*=__row] article [class*="--banner"] picture {
  display: block;
  margin-bottom: 1.25rem;
  width: 100%;
  height: 40rem;
}
.article [class*=__row] article [class*="--banner"] picture img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  object-fit: cover;
}
.article [class*=__row] article [class*="--banner"] .btn {
  padding: 0 1.75rem;
}
.article [class*=__row] article [class*="--body"] {
  margin-bottom: 5rem;
}
.article [class*=__row] article [class*="--body"] > h1 {
  margin-bottom: 1.875rem;
  color: var(--c-green);
  font-size: 2.5rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.article [class*=__row] article [class*="--body"] > h4 {
  margin-bottom: 1.875rem;
  color: var(--c-green);
  font-size: 1.75rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.article [class*=__row] article [class*="--body"] > h5 {
  margin-bottom: 1.875rem;
  color: var(--c-green);
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.article [class*=__row] article [class*="--body"] > h6 {
  margin-bottom: 1.25rem;
  color: var(--c-black);
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.6;
}
.article [class*=__row] article [class*="--body"] > p {
  margin-bottom: 1.25rem;
  color: var(--c-black);
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.article [class*=__row] article [class*="--body"] [class*="--faq"] {
  margin-bottom: 4.75rem;
}
.article [class*=__row] article [class*="--body"] [class*="--faq"] a {
  display: inline-flex;
  align-items: center;
  color: var(--c-green);
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.article [class*=__row] article [class*="--body"] [class*="--faq"] a::after {
  content: "";
  display: block;
  margin-left: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/svg/arrow-bot-green.svg") no-repeat 50%/contain;
  transition: 0.3s;
}
.article [class*=__row] article [class*="--body"] [class*="--faq"].active a::after {
  transform: rotate(180deg);
}
.article [class*=__row] article [class*="--body"] [class*="--faq"] div {
  display: none;
  padding: 1.25rem 0 0;
}
.article [class*=__row] article [class*="--body"] [class*="--faq"] p {
  margin: 0 0 1.25rem;
  color: var(--c-green);
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.article [class*=__row] article [class*="--body"] [class*="--faq"] :last-child {
  margin-bottom: 0;
}
.article [class*=__row] article [class*="--body"] ul {
  margin-bottom: 2.5rem;
}
.article [class*=__row] article [class*="--body"] ul li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 4.5625rem;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.article [class*=__row] article [class*="--body"] ul li:last-child {
  margin-bottom: 0;
}
.article [class*=__row] article [class*="--body"] ul li::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 2.5rem;
  width: 0.8125rem;
  height: 0.8125rem;
  background: var(--c-green);
  border-radius: 50%;
}
.article [class*=__row] article [class*="--body"] ol {
  margin-bottom: 2.5rem;
}
.article [class*=__row] article [class*="--body"] ol li {
  position: relative;
  margin-bottom: 1.25rem;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.2;
  list-style: none;
}
.article [class*=__row] article [class*="--body"] ol li:last-child {
  margin-bottom: 0;
}
.article .article__main--checklist {
  display: block;
  position: relative;
  margin-bottom: 80px;
  width: 100%;
  height: 427px;
  border-radius: 24px;
}
.article .article__main--checklist:last-child { margin-bottom: 0; }
.article .article__main--checklist picture,
.article .article__main--checklist picture img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  object-fit: cover;
}
.article .article__main--checklist .btn {
  position: absolute;
  bottom: 60px;
  left: 60px;
  z-index: 1;
}
.article [class*=__row] article [class*="--body"] blockquote {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2.5rem;
  padding: 2.5rem;
  background: var(--c-green_light);
  border-radius: 1.5rem;
}
.article [class*=__row] article [class*="--body"] blockquote > h5 {
  margin-bottom: 1.875rem;
  color: var(--c-green);
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.article [class*=__row] article [class*="--body"] blockquote a {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1.25rem;
  color: var(--c-green);
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.article [class*=__row] article [class*="--body"] blockquote a::after {
  content: "";
  flex-shrink: 0;
  display: block;
  margin-left: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/svg/arrow-right-green.svg") no-repeat 50%/contain;
  transition: 0.3s;
}
.article [class*=__row] article [class*="--body"] blockquote > div {
  display: flex;
  align-items: stretch;
  height: 100%;
}
.article [class*=__row] article [class*="--body"] blockquote > div img {
  display: block;
  margin-bottom: 0;
  margin-right: 2.5rem;
  width: 12.5rem;
}
.article [class*=__row] article [class*="--body"] blockquote > div div:first-child {
  display: flex;
  align-items: flex-end;
}
.article [class*=__row] article [class*="--body"] blockquote > div div:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.article [class*=__row] article [class*="--body"] blockquote > div div img {
  display: block;
  margin-bottom: 0;
  margin-right: 2.5rem;
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 50%;
  object-fit: cover;
}
.article [class*=__row] article [class*="--body"] blockquote > div div * {
  margin-bottom: 1.5rem;
  color: var(--c-green);
}
.article [class*=__row] article [class*="--body"] blockquote > div p {
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.article [class*=__row] article [class*="--body"] blockquote > div span {
  opacity: 0.6;
}
.article [class*=__row] article [class*="--body"] blockquote > div span a {
  margin-bottom: 0;
  text-decoration: underline;
}
.article [class*=__row] article [class*="--body"] blockquote > div span a::after {
  display: none;
}
.article [class*=__row] article [class*="--body"] blockquote > div span a:hover {
  text-decoration: none;
}
.article [class*=__row] article [class*="--body"] blockquote > div :last-child {
  margin-bottom: 0;
}
.article [class*=__row] article [class*="--body"] blockquote :last-child {
  margin-bottom: 0;
}
.article [class*=__row] article [class*="--body"] [class*="--table"] {
  display: flex;
  flex-direction: column;
  margin: 2.5rem 0;
}
.article [class*=__row] article [class*="--body"] [class*="--table"] > div {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.article [class*=__row] article [class*="--body"] [class*="--table"] > div:nth-child(2n+1) {
  background: var(--c-green_medium);
}
.article [class*=__row] article [class*="--body"] [class*="--table"] > div:nth-child(2n+1) * {
  color: var(--c-green);
}
.article [class*=__row] article [class*="--body"] [class*="--table"] > div:nth-child(2n+2) {
  background: #fff;
}
.article [class*=__row] article [class*="--body"] [class*="--table"] > div > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 1rem;
  width: 33.33%;
  height: 4rem;
  font-weight: 300;
  text-align: center;
  border-right: 0.125rem solid var(--c-gray_medium);
}
.article [class*=__row] article [class*="--body"] [class*="--table"] > div > *:last-child {
  border-right: 0;
}
.article [class*=__row] article [class*="--body"] [class*="--table"] > div p {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.2;
}
.article [class*=__row] article [class*="--body"] [class*="--table"] > div p b {
  color: var(--c-green);
}
.article [class*=__row] article [class*="--body"] [class*="--table"].table--big > div {
  display: flex;
  align-items: stretch;
  height: auto;
}
.article [class*=__row] article [class*="--body"] [class*="--table"].table--big > div > :nth-child(1) {
  width: 22.5%;
}
.article [class*=__row] article [class*="--body"] [class*="--table"].table--big > div > :nth-child(1) * {
  background: rgba(0, 0, 0, 0) !important;
}
.article [class*=__row] article [class*="--body"] [class*="--table"].table--big > div > :nth-child(2) {
  width: 22.5%;
}
.article [class*=__row] article [class*="--body"] [class*="--table"].table--big > div > :nth-child(3) {
  width: 55%;
}
.article [class*=__row] article [class*="--body"] [class*="--table"].table--big > div > div {
  padding: 0;
  height: auto;
}
.article [class*=__row] article [class*="--body"] [class*="--table"].table--big > div > div * {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 1rem;
  width: 100%;
  height: 4rem;
  text-align: center;
}
.article [class*=__row] article [class*="--body"] [class*="--table"].table--big > div:nth-child(2n+1) > div :nth-child(2n+1) {
  color: var(--c-green);
  background: var(--c-green_medium);
}
.article [class*=__row] article [class*="--body"] [class*="--table"].table--big > div:nth-child(2n+1) > div :nth-child(2n+2) {
  background: #fff;
}
.article [class*=__row] article [class*="--body"] [class*="--table"].table--big > div:nth-child(2n+2) > div :nth-child(2n+1) {
  background: #fff;
}
.article [class*=__row] article [class*="--body"] [class*="--table"].table--big > div:nth-child(2n+2) > div :nth-child(2n+2) {
  color: var(--c-green);
  background: var(--c-green_medium);
}
.article [class*=__row] article [class*="--body"] .products {
  margin-bottom: 2.5rem;
  padding: 0;
  background: rgba(0, 0, 0, 0);
}
.article [class*=__row] article [class*="--body"] .products::before {
  display: none;
}
.article [class*=__row] article [class*="--body"] .products .swiper-slide {
  border: 0.125rem solid var(--c-green_medium);
  border-radius: 1.5rem;
}
.article [class*=__row] article [class*="--body"] > picture {
  display: block;
  margin-bottom: 2.5rem;
  width: 100%;
}
.article [class*=__row] article [class*="--body"] > picture img {
  display: block;
  width: 100%;
  border-radius: 1.5rem;
}
.article [class*=__row] article [class*="--body"] .video {
  position: relative;
  margin-bottom: 2.5rem;
  width: 100%;
  height: 33.75rem;
  border-radius: 1.5rem;
  overflow: hidden;
}
.article [class*=__row] article [class*="--body"] .video i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: 5rem;
  background: rgba(25, 25, 25, 0.5) url("../img/svg/play.svg") no-repeat 50%/contain;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
}
.article [class*=__row] article [class*="--body"] .video i:hover {
  background-color: rgb(25, 25, 25);
}
.article [class*=__row] article [class*="--body"] .video img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.article [class*=__row] article [class*="--body"] .video video {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.article [class*=__row] article [class*="--body"] .video.played i {
  display: none;
}
.article [class*=__row] article [class*="--body"] .video.played img {
  display: none;
}
.article [class*=__row] article [class*="--footer"] .social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 1.5rem;
}
.article [class*=__row] article [class*="--footer"] .social .h_20 {
  margin: 0;
  color: var(--c-green);
  text-transform: uppercase;
}
.article [class*=__row] article [class*="--footer"] .social ul {
  display: flex;
  margin-left: 1.5rem;
}
.article [class*=__row] article [class*="--footer"] .social ul li {
  margin-left: 0.5rem;
}
.article [class*=__row] article [class*="--footer"] .social ul li img {
  display: block;
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}
.article [class*=__row] article [class*="--footer"] .social ul li img:hover {
  opacity: 0.75;
}
.article [class*=__row] article [class*="--footer"] .author {
  display: flex;
  align-items: center;
  padding: 2.5rem 0;
  border-top: 0.0625rem solid rgba(140, 140, 140, 0.5);
}
.article [class*=__row] article [class*="--footer"] .author img {
  display: block;
  margin-right: 1.25rem;
  width: 5rem;
  height: 5rem;
  object-fit: cover;
  border-radius: 50%;
}
.article [class*=__row] article [class*="--footer"] .author div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.article [class*=__row] article [class*="--footer"] .author div p {
  margin-bottom: 1rem;
  color: var(--c-gray_dark);
  font-weight: 300;
  font-size: 1rem;
}
.article [class*=__row] article [class*="--footer"] .author div p span {
  color: var(--c-gray_medium);
}
.article [class*=__row] article [class*="--footer"] .author div a {
  display: inline-flex;
  align-items: center;
  margin-top: 0.25rem;
  color: var(--c-green);
  font-weight: 300;
  font-size: 0.875rem;
}
.article [class*=__row] article [class*="--footer"] .author div a::after {
  content: "";
  margin-left: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/svg/arrow-right-green.svg") no-repeat 50%/contain;
}

/* ARTICLE END */
/* EXPERTS START */
.experts {
  margin-bottom: 0;
  padding-bottom: 5rem;
}
.experts h1 {
  margin-bottom: 3.75rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.experts .experts__table > div {
  margin-bottom: 1.25rem;
}
.experts .experts__table > div:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.experts .experts__table .experts__block {
  display: flex;
  align-items: center;
  padding: 2.5rem;
  background: #fff;
  border-radius: 1.5rem;
}
.experts .experts__table .experts__block img {
  flex-shrink: 0;
  display: block;
  margin-right: 2.5rem;
  width: 8.375rem;
  height: 8.375rem;
  object-fit: cover;
  border-radius: 50%;
}
.experts .experts__table .experts__block div .h_20 {
  margin-bottom: 1.5rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.experts .experts__table .experts__block div .txt_16 {
  margin-bottom: 2.25rem;
  color: var(--c-green);
  opacity: 0.6;
}
.experts .experts__control {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3.75rem;
}
.experts .experts__control p {
  margin-bottom: 2rem;
  color: var(--c-gray_medium);
}

/* EXPERTS END */
/* EXPERT START */
.main-expert {
  padding-bottom: 5rem;
}
.main-expert .materials {
  padding: 0;
}

.expert {
  margin-bottom: 5rem;
}
.expert .h_28 {
  margin-bottom: 2.5rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.expert .expert__data {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 5rem;
}
.expert .expert__data img {
  display: block;
  margin-right: 1.5rem;
  width: 8.375rem;
  height: 8.375rem;
  object-fit: cover;
}
.expert .expert__data div .h_36 {
  margin-bottom: 1rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.expert .expert__data div .txt_20 {
  margin-bottom: 0;
  color: var(--c-green);
  opacity: 0.6;
}
.expert .expert__education {
  margin-bottom: 5rem;
}
.expert .expert__education ul li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 3rem;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.expert .expert__education ul li::before {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: 1.25rem;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--c-black);
  border-radius: 50%;
}
.expert .expert__info p {
  margin-bottom: 1.25rem;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.expert .expert__info :last-child {
  margin-bottom: 0;
}

/* EXPERT END */
/* CALCULATOR START */
.calculator {
  margin-bottom: 0;
  padding-bottom: 5rem;
}
.calculator [class$=__banner] {
  padding: 2.5rem 0;
}
.calculator [class$=__banner] .wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  padding: 5rem 5rem 0;
  width: 100%;
  height: 31.25rem;
  color: #fff;
  background: linear-gradient(135deg, #6fbb2f 0%, #1e850c 73.5%, #16810b 100%);
  border-radius: 1.5rem;
  z-index: 1;
}
.calculator [class$=__banner] .wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0.875rem;
  width: 39.1875rem;
  height: 100%;
  background: url("../img/calculator-banner-path.png") no-repeat 50%/contain;
  z-index: -1;
  pointer-events: none;
}
.calculator [class$=__banner] .wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 5rem;
  width: 23.125rem;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  z-index: 1;
  pointer-events: none;
}
.calculator [class$=__banner] .wrap > * {
  max-width: 42.5rem;
}
.calculator [class$=__banner] .wrap h1 {
  margin-bottom: 2.5rem;
  font-size: 3rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.calculator [class$=__banner] .wrap p {
  margin-bottom: 2.5rem;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.calculator [class$=__banner] .wrap .btns a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: 0.5rem;
  width: 9.25rem;
  height: 3rem;
  color: #fff;
  font-size: 1rem;
  border: 0.0625rem solid #fff;
  border-radius: 10rem;
}
.calculator [class$=__banner] .wrap .btns a:hover {
  text-decoration: none;
}
.calculator [class$=__banner] .wrap .btns a.btn-girl:hover {
  background: #DC128E;
  border-color: #DC128E;
}
.calculator [class$=__banner] .wrap .btns a.btn-boy:hover {
  background: #0075B3;
  border-color: #0075B3;
}
.calculator [class$=__banner] .wrap.active-girl {
  background: linear-gradient(134deg, #f4aacd 0%, #f4aacd 42.04%, #f8cce1 100%);
}
.calculator [class$=__banner] .wrap.active-girl::after {
  background-image: url("../img/calculator-banner-img-girl.png");
}
.calculator [class$=__banner] .wrap.active-girl .btn-girl {
  background: #DC128E;
  border-color: #DC128E;
}
.calculator [class$=__banner] .wrap.active-boy {
  background: linear-gradient(133deg, #69ace0 0%, #69ace0 41.2%, #b9dffd 99.37%);
}
.calculator [class$=__banner] .wrap.active-boy::after {
  background-image: url("../img/calculator-banner-img-boy.png");
}
.calculator [class$=__banner] .wrap.active-boy .btn-boy {
  background: #0075B3;
  border-color: #0075B3;
}
.calculator [class$=__info] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2.5rem;
}
.calculator [class$=__info] img {
  flex-shrink: 0;
  margin-right: 1rem;
  width: 1.5rem;
}
.calculator [class$=__info] p {
  margin: 0;
  color: var(--c-green);
}
.calculator [class$=__filter] .wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 1.5rem;
  padding: 2.5rem 2.8125rem;
  background: var(--c-green_medium);
  border-radius: 1.5rem;
}
.calculator [class$=__filter] .wrap .form-row {
  margin: 0 0.5rem;
  width: 15.125rem;
}
.calculator [class$=__filter] .wrap .form-row p {
  margin-bottom: 1rem;
  color: var(--c-green);
  font-weight: 300;
  text-align: center;
}
.calculator [class$=__filter] .wrap .form-row .form-group {
  position: relative;
}
.calculator [class$=__filter] .wrap .form-row .form-group .input-wrap {
  position: relative;
}
.calculator [class$=__filter] .wrap .form-row .form-group .input-wrap:hover .selector {
  display: block;
}
.calculator [class$=__filter] .wrap .form-row .form-group input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1.5rem;
  width: 100%;
  height: 3rem;
  color: var(--c-green);
  font-weight: 300;
  font-size: 1.125rem;
  background: #fff;
  border: 0.0625rem solid #fff;
  border-radius: 10rem;
}
.calculator [class$=__filter] .wrap .form-row .form-group input:focus {
  outline: 0;
}
.calculator [class$=__filter] .wrap .form-row .form-group input::placeholder {
  color: var(--c-green);
}
.calculator [class$=__filter] .wrap .form-row .form-group .selector {
  display: none;
  position: absolute;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  transition: 0.15s;
  cursor: pointer;
}
.calculator [class$=__filter] .wrap .form-row .form-group .selector:hover {
  transform: scale(1.2);
}
.calculator [class$=__filter] .wrap .form-row .form-group .selector-up {
  top: 0.5rem;
  background-image: url("../img/svg/selector-up.svg");
}
.calculator [class$=__filter] .wrap .form-row .form-group .selector-down {
  bottom: 0.5rem;
  background-image: url("../img/svg/selector-down.svg");
}
.calculator [class$=__filter] .wrap .form-row .form-group.focused .selector {
  display: block;
}
.calculator [class$=__filter] .wrap .form-row .form-group .ico-calendar {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  transform: translateY(-50%);
  cursor: pointer;
}
.calculator [class$=__filter] .wrap .form-row .form-group .error-text {
  display: none;
  position: absolute;
  top: 0.875rem;
  left: 0;
  margin: 0;
  padding: 0 1.5rem;
  color: var(--c-error);
  font-weight: 300;
  font-size: 1rem;
  z-index: 10;
  pointer-events: none;
}
.calculator [class$=__filter] .wrap .form-row .form-group.error input {
  border-color: var(--c-error);
}
.calculator [class$=__filter] .wrap .form-row .form-group.error input::placeholder {
  opacity: 0;
}
.calculator [class$=__filter] .wrap .form-row .form-group.error .error-text {
  display: block;
}
.calculator [class$=__filter] .wrap .form-row .form-group .diapazone-text {
  display: none;
  margin: 1rem 0 0;
  text-align: left;
}
.calculator [class$=__filter] .wrap .form-row .form-group.focused input {
  border-color: #fff;
}
.calculator [class$=__filter] .wrap .form-row .form-group.focused input::placeholder {
  opacity: 1;
}
.calculator [class$=__filter] .wrap .form-row .form-group.focused .selector {
  display: block;
}
.calculator [class$=__filter] .wrap .form-row .form-group.focused .error-text {
  display: none;
}
.calculator [class$=__filter] .wrap .sun-calendar {
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  padding: 1.5rem;
  width: 24.25rem;
  background: #fff;
  border-radius: 1.5rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  transform: translate(-50%, 100%);
  z-index: 2;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__head {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #D5D5D5;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__head .sun-calendar__prev, .calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__head .sun-calendar__next {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  cursor: pointer;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__head .sun-calendar__prev:hover, .calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__head .sun-calendar__next:hover {
  transform: scale(1.2);
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__head .sun-calendar__prev {
  background-image: url("../img/svg/arrow-left-green.svg");
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__head .sun-calendar__next {
  background-image: url("../img/svg/arrow-right-green.svg");
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__head .sun-calendar__month {
  margin: 0 auto;
  color: var(--c-green);
  font-size: 1.25rem;
  text-transform: uppercase;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body {
  margin-bottom: 1rem;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__weekday {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__weekday div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.125rem;
  width: 2.5rem;
  height: 2rem;
  color: var(--c-green);
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__weekday div:nth-child(7n+1) {
  margin-left: 0;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__weekday div:nth-child(7n+7) {
  margin-right: 0;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__days {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__days div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.125rem;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--c-black);
  font-weight: 300;
  font-size: 1rem;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__days div:hover {
  background: var(--c-green_medium);
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__days div:nth-child(7n+1) {
  margin-left: 0;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__days div:nth-child(7n+7) {
  margin-right: 0;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__days .today {
  color: #fff;
  background: var(--c-green);
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__days .today:hover {
  color: #fff;
  background: var(--c-green);
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__days .selected {
  color: #fff;
  background: var(--c-gray_medium);
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__days .selected:hover {
  color: #fff;
  background: var(--c-gray_medium);
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__days .prev-month {
  opacity: 0.5;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__body .sun-calendar__days .next-month {
  opacity: 0.5;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.calculator [class$=__filter] .wrap .sun-calendar .sun-calendar__foot p {
  margin: 0;
  color: var(--c-gray_medium);
  font-size: 1rem;
  cursor: pointer;
}
.calculator [class$=__result] {
  margin-top: 2.5rem;
  margin-bottom: 6.25rem;
}
.calculator [class$=__result] h3 {
  margin-bottom: 2.5rem;
  color: var(--c-green);
  font-size: 1.75rem;
  text-align: center;
  text-transform: uppercase;
}
.calculator [class$=__result] [class$="--list"] {
  display: flex;
  justify-content: space-between;
}
.calculator [class$=__result] [class$="--list"] [class$="--block"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 2.8125rem;
  width: calc(50% - 0.625rem);
  text-align: center;
  background: var(--c-green_medium);
  border-radius: 1.5rem;
}
.calculator [class$=__result] [class$="--list"] [class$="--block"] img {
  display: block;
  margin-bottom: 2.5rem;
  width: 3.75rem;
}
.calculator [class$=__result] [class$="--list"] [class$="--block"] h4 {
  margin-bottom: 1.25rem;
  color: var(--c-green);
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.calculator [class$=__result] [class$="--list"] [class$="--block"] p {
  margin: 0;
  color: var(--c-green);
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.4;
}
.calculator [class$=__result] [class$="--list"] [class$="--block"] p b {
  font-weight: 400;
}
.calculator [class$=__grafic] {
  margin-bottom: 6.25rem;
}
.calculator [class$=__grafic] .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.calculator [class$=__grafic] .head h3 {
  margin: 0;
  color: var(--c-green);
  font-size: 1.75rem;
  text-transform: uppercase;
}
.calculator [class$=__grafic] .head p {
  margin: 0;
  color: var(--c-green);
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.4;
}
.calculator [class$=__grafic] [class*="--table"] {
  display: flex;
  margin-bottom: 1.5rem;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--names"] {
  flex-shrink: 0;
  width: 20rem;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--names"] ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 1rem;
  width: 100%;
  height: 3.75rem;
  font-weight: 300;
  font-size: 1.125rem;
  text-align: center;
  border-right: 0.0625rem solid #fff;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--names"] ul li:nth-child(1) {
  color: var(--c-green);
  font-weight: 400;
  background: #FFFFFF;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--names"] ul li:nth-child(2) {
  background: #FFC8DC;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--names"] ul li:nth-child(3) {
  background: #FFE5F5;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--names"] ul li:nth-child(4) {
  background: #FFFAD2;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--names"] ul li:nth-child(5) {
  background: #E5F3CC;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--names"] ul li:nth-child(6) {
  background: #FFFAD2;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--names"] ul li:nth-child(7) {
  background: #DDEFFF;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--names"] ul li:nth-child(8) {
  background: #BACCF6;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li {
  display: flex;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li:nth-child(1) p {
  color: var(--c-green);
  font-weight: 400;
  background: #FFFFFF;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li:nth-child(2) p {
  background: #FFC8DC;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li:nth-child(3) p {
  background: #FFE5F5;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li:nth-child(4) p {
  background: #FFFAD2;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li:nth-child(5) p {
  background: #E5F3CC;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li:nth-child(6) p {
  background: #FFFAD2;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li:nth-child(7) p {
  background: #DDEFFF;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li:nth-child(8) p {
  background: #BACCF6;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li p {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0;
  width: 3.75rem;
  height: 3.75rem;
  font-weight: 300;
  font-size: 1.125rem;
  text-align: center;
  border-right: 0.0625rem solid #fff;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li p.active::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 100%;
  height: 100%;
  border: 0.375rem solid var(--c-green);
  border-radius: 0.5rem;
  transform: translateX(-50%);
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li p.active.up::after {
  border-bottom: 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
.calculator [class$=__grafic] [class*="--table"] [class*="--numbers"] ul li p.active.down::after {
  border-top: 0;
  border-radius: 0 0 0.5rem 0.5rem;
}
.calculator [class$=__grafic] [class*="--controls"] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.calculator [class$=__grafic] [class*="--controls"] .arrow {
  display: block;
  width: 3rem;
  height: 3rem;
  background-color: var(--c-green);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 1.5rem;
  border-radius: 50%;
  cursor: pointer;
}
.calculator [class$=__grafic] [class*="--controls"] .arrow:hover {
  background-color: var(--c-light_green);
}
.calculator [class$=__grafic] [class*="--controls"] .arrow.arrow--left {
  background-image: url("../img/svg/slide-prev-white.svg");
}
.calculator [class$=__grafic] [class*="--controls"] .arrow.arrow--right {
  background-image: url("../img/svg/slide-next-white.svg");
}
.calculator [class$=__grafic] [class*="--controls"] .label {
  display: flex;
  position: relative;
  margin: 0 1rem;
  width: 12.5rem;
  height: 0.375rem;
  background: rgba(0, 107, 52, 0.2);
  border-radius: 10rem;
}
.calculator [class$=__grafic] [class*="--controls"] .label i {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: var(--c-green);
  border-radius: 10rem;
}
.calculator [class$=__grafic] [class*="--controls"] .label i:hover {
  background-color: var(--c-light_green);
}
.calculator [class$=__footer] p {
  margin: 0 0 0.5rem;
  color: var(--c-green);
  line-height: 1.3;
}
.calculator [class$=__footer] :last-child {
  margin-bottom: 0;
}

/* CALCULATOR END */
/* MEALS START */
.main-meals section {
  margin-bottom: 0;
}

.page-article {
  padding: 4.625rem 0;
}
.page-article .row {
  align-items: center;
}
.page-article [class*=__text] {
  padding: 3.75rem;
  background: var(--c-green_light);
  border-radius: 1.5rem;
}
.page-article [class*=__text] .h_36 {
  margin-bottom: 1.875rem;
  color: var(--c-green);
}
.page-article [class*=__text] .txt_16 {
  margin-bottom: 1.25rem;
}
.page-article [class*=__text] .txt_16 span {
  color: var(--c-green);
}
.page-article [class*=__text] :last-child {
  margin-bottom: 0;
}
.page-article picture {
  display: block;
  width: 100%;
  height: 34.5625rem;
}
.page-article picture img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
}

.main-meals .interesting {
  padding: 3.75rem 0 5rem;
}
.main-meals .useful {
  padding: 5rem 0;
}

.meals-video {
  padding: 5rem 0;
}
.meals-video .video {
  position: relative;
  margin: 0 auto;
  width: 59.6875rem;
  height: 33.75rem;
  border-radius: 1.5rem;
  overflow: hidden;
}
.meals-video .video i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: 5rem;
  background: rgba(25, 25, 25, 0.5) url("../img/svg/play.svg") no-repeat 50%/contain;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
}
.meals-video .video i:hover {
  background-color: rgb(25, 25, 25);
}
.meals-video .video img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.meals-video .video video {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.meals-video .video.played i {
  display: none;
}
.meals-video .video.played img {
  display: none;
}

.faq .faq__wrap {
  position: relative;
  padding: 3.75rem;
  min-height: 43.125rem;
  background: var(--c-green_medium);
  border-radius: 1.5rem;
  z-index: 1;
}
.faq .faq__wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50.125rem;
  background: url("../img/faq-path.png") no-repeat 50%/contain;
  z-index: -1;
  pointer-events: none;
}
.faq .faq__img .h_36 {
  margin: 0;
  color: var(--c-green);
  text-transform: uppercase;
}
.faq .faq__img img {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30.875rem;
  z-index: 1;
}
.faq .faq__block {
  margin-bottom: 1rem;
}
.faq .faq__block:last-child {
  margin-bottom: 0;
}
.faq .faq__block .faq__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 0;
  padding: 1.75rem 2rem;
  color: var(--c-green);
  font-size: 1rem;
  background: #fff;
  border-radius: 1.5rem;
  cursor: pointer;
}
.faq .faq__block .faq__btn:hover {
  background: var(--c-green_light);
}
.faq .faq__block .faq__btn::after {
  content: "";
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/svg/arrow-bot-green.svg") no-repeat 50%/contain;
  transition: 0.3s;
}
.faq .faq__block.active .faq__btn::after {
  transform: rotate(180deg);
}
.faq .faq__block .faq__collapse {
  margin-top: 0.5rem;
  padding: 1.75rem 2rem;
  background: #fff;
  border-radius: 1.5rem;
}
.faq .faq__block .faq__collapse p {
  margin-bottom: 1rem;
  color: var(--c-gray_dark);
  font-weight: 300;
  font-size: 1rem;
}
.faq .faq__block .faq__collapse :last-child {
  margin-bottom: 0;
}

/* MEALS END */
/* GAME START */
.game .container {
  margin: 0 auto;
  padding: 0;
  width: 59.6875rem;
}
.game .game__kv {
  margin-bottom: 5rem;
}
.game .game__kv .wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.game .game__kv .wrap .text {
  width: 37.1875rem;
}
.game .game__kv .wrap .img {
  width: 21.6875rem;
}
.game .game__kv .wrap .img img {
  display: block;
  width: 100%;
}
.game .h_28 {
  margin-bottom: 1.875rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.game p {
  margin-bottom: 3.75rem;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.game ul {
  margin-bottom: 2.5rem;
}
.game ul li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 4.5625rem;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.game ul li:last-child {
  margin-bottom: 0;
}
.game ul li::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 2.5rem;
  width: 0.8125rem;
  height: 0.8125rem;
  background: var(--c-green);
  border-radius: 50%;
}
.game .game__board {
  display: block;
  margin-bottom: 5rem;
  width: 100%;
}
.game .game__board img {
  display: block;
  width: 100%;
  border-radius: 1.5rem;
}
.game .game__banner {
  display: block;
  margin-bottom: 3.75rem;
  width: 100%;
}
.game .game__banner img {
  display: block;
  width: 100%;
  border-radius: 1.5rem;
}
.game .game__numbers {
  margin-bottom: 3.75rem;
  list-style: none;
  counter-reset: game-counter;
}
.game .game__numbers li {
  counter-increment: game-counter;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin-bottom: 1.5rem;
  padding: 2.5rem 2.5rem 2.5rem 8.75rem;
  min-height: 8.75rem;
  background: var(--c-green_light);
  border-radius: 1.5rem;
}
.game .game__numbers li:last-child {
  margin-bottom: 0;
}
.game .game__numbers li::before {
  content: counter(game-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
  width: 3.75rem;
  height: 3.75rem;
  color: var(--c-green);
  font-size: 1.75rem;
  border: 0.1875rem solid var(--c-green);
  border-radius: 50%;
}
.game .game__numbers li .h_20 {
  margin-bottom: 1.25rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.game .game__numbers li .txt_20 {
  margin: 0;
}
.game .game__numbers li :last-child {
  margin-bottom: 0;
}
.game blockquote {
  display: flex;
  align-items: center;
  margin-bottom: 5rem;
  padding: 2.5rem;
  background: var(--c-green_light);
  border-radius: 1.5rem;
}
.game blockquote .img {
  display: block;
  flex-shrink: 0;
  margin-right: 1.625rem;
  width: 14.1875rem;
}
.game blockquote .img img {
  display: block;
  width: 100%;
}
.game blockquote .text .h_20 {
  margin-bottom: 1.25rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.game blockquote .text ul {
  margin-bottom: 0;
}
.game blockquote .text ul li {
  margin-bottom: 1.25rem;
  padding-left: 3rem;
}
.game blockquote .text ul li:last-child {
  margin-bottom: 0;
}
.game blockquote .text ul li::before {
  top: 0.75rem;
  left: 1.25rem;
  width: 0.5rem;
  height: 0.5rem;
}
.game blockquote .text p {
  margin: 0;
  color: var(--c-green);
}
.game .social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 1.25rem;
}
.game .social .h_20 {
  margin: 0;
  color: var(--c-green);
  text-transform: uppercase;
}
.game .social ul {
  display: flex;
  margin-left: 1.5rem;
  margin-bottom: 0;
}
.game .social ul li {
  margin: 0 0 0 0.5rem;
  padding: 0;
}
.game .social ul li:first-child {
  margin-left: 0;
}
.game .social ul li::before {
  display: none;
}
.game .social ul li img {
  display: block;
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}
.game .social ul li img:hover {
  opacity: 0.75;
}

/* GAME END */
/* 404 START */
.page-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 6.25rem 0;
  background: var(--c-green_light);
}
.page-404 h1 {
  display: flex;
  align-items: center;
  margin-bottom: 3.75rem;
  height: 8.125rem;
  color: var(--c-green);
  font-size: 11.25rem;
  letter-spacing: 0.02em;
}
.page-404 h2 {
  display: flex;
  align-items: center;
  margin-bottom: 1.75rem;
  height: 1.625rem;
  color: var(--c-green);
  font-size: 2.25rem;
}
.page-404 p {
  margin-bottom: 3.75rem;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}

/* 404 END */
/* SEARCH START */
.search {
  padding-bottom: 5rem;
}
.search [class*=__result] {
  margin-bottom: 6.25rem;
}
.search [class*=__result] [class*=-block] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 19.8125rem;
  background: linear-gradient(135deg, #6fbb2f 0%, #1e850c 73.5%, #16810b 100%);
  border-radius: 1.5rem;
}
.search [class*=__result] [class*=-block]::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/svg/search-bg.svg") no-repeat 0%/contain;
  border-radius: 1.5rem;
}
.search [class*=__result] [class*=-block] h2 {
  margin-bottom: 2.5rem;
  color: #fff;
  font-size: 3rem;
  text-transform: uppercase;
}
.search [class*=__result] [class*=-block] form {
  display: flex;
  justify-content: center;
}
.search [class*=__result] [class*=-block] form .form-group {
  position: relative;
  margin: 0 0.5rem 0 0;
}
.search [class*=__result] [class*=-block] form .form-group .form-control {
  padding: 0 3.5rem;
  width: 31.25rem;
  height: 3rem;
  border-radius: 10rem;
}
.search [class*=__result] [class*=-block] form .form-group .ico {
  position: absolute;
  top: 50%;
  left: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  transform: translateY(-50%);
  cursor: pointer;
}
.search .h_36 {
  margin-bottom: 1.875rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.search .products::before {
  display: none;
}
.search .materials {
  padding: 0;
}
.search .materials::before {
  display: none;
}
.search .btns p {
  margin-bottom: 1rem;
  color: var(--c-gray_medium);
  font-weight: 300;
  font-size: 1rem;
}

.search__empty {
  margin: 0;
  color: var(--c-green);
  font-size: 1rem;
  text-align: center;
}

.products__list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  margin: 0 auto 2.5rem;
}
.products__list .products__block {
  position: relative;
  margin-bottom: 1.25rem;
  margin-right: 1.25rem;
  padding: 1.5rem;
  width: 19.0625rem;
  height: 22.3125rem;
  background: #fff;
  border: 0.125rem solid var(--c-green_medium);
  border-radius: 1.5rem;
}
.products__list .products__block:nth-child(4n+4) {
  margin-right: 0;
}
.products__list .products__block:nth-last-child(-n+4) {
  margin-bottom: 0;
}
.products__list .products__block .new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  padding: 0 0.75rem;
  height: 1.5rem;
  color: #fff;
  font-size: 0.625rem;
  text-align: center;
  background: var(--c-light_green);
  border-radius: 10rem;
}
.products__list .products__block .img {
  display: block;
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
  height: 16.0625rem;
}
.products__list .products__block .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.products__list .products__block p {
  margin: 0;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.1;
  text-align: center;
}

.materials__list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  margin-bottom: 2.5rem;
}
.materials__list .materials__block {
  margin-bottom: 1.25rem;
}
.materials__list .materials__block:nth-child(3n+3) {
  margin-right: 0;
}
.materials__list .materials__block:nth-last-child(-n+3) {
  margin-bottom: 0;
}

/* SEARCH END */
/* ABOUT START */
.about {
  position: relative;
  padding: 0 0 5rem;
  overflow: hidden;
}
.about .about__kv {
  margin: 2.5rem 0 5.875rem;
  width: 100%;
  height: 31.25rem;
}
.about .about__kv img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.5rem;
}
.about .about__page {
  margin: 0 auto;
  width: 59.6875rem;
}
.about .about__page .h_40 {
  margin-bottom: 2rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.about .about__page .txt_24 {
  margin-bottom: 1.5rem;
  color: var(--c-green);
}
.about .about__page .txt_20 {
  margin-bottom: 2.5rem;
}
.about .about__page .about__assort {
  position: relative;
  margin-bottom: 5.875rem;
  padding: 3.75rem;
  background: linear-gradient(0deg, #6fbb2f 0%, #1e850c 75%, #16810b 100%);
  border-radius: 1.5rem;
  z-index: 0;
}
.about .about__page .about__assort::before {
  content: "";
  position: absolute;
  top: -11.875rem;
  right: -7.625rem;
  width: 46rem;
  height: 49.6875rem;
  background: url("../img/svg/about-assort-bg.svg") no-repeat 100%/contain;
  z-index: -1;
  pointer-events: none;
}
.about .about__page .about__assort img {
  display: block;
  position: absolute;
  bottom: -2.5rem;
  right: -3.4375rem;
  width: 30.9375rem;
}
.about .about__page .about__assort h3 {
  color: #fff;
  margin-bottom: 2.5rem;
  font-size: 1.75rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}
.about .about__page .about__assort ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  margin-bottom: 1.5rem;
  width: 35.3125rem;
}
.about .about__page .about__assort ul li {
  margin-right: 0.5rem;
  margin-bottom: 1rem;
}
.about .about__page .about__assort ul li .btn {
  padding: 0 1rem;
}
.about .about__page .products__slider {
  margin: 0 0 6.25rem;
  padding-top: 2.5rem;
  width: 100%;
  height: 30.8125rem;
}
.about .about__page .products__slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background: linear-gradient(180deg, rgba(226, 241, 201, 0) 0%, #e2f1c9 27.22%, #e9f5d7 62.02%, rgba(255, 255, 255, 0) 100%);
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
}
.about .about__page .products__slider .btns {
  margin-top: 2rem;
}
.about .about__page .meals-video {
  margin-bottom: 6.25rem;
  padding: 0;
}
.about .about__page .about__advantages {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5.75rem;
}
.about .about__page .about__advantages li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 1.75rem;
  width: 14rem;
  height: 14.375rem;
  color: #fff;
  text-align: center;
  border-radius: 1.5rem;
  overflow: hidden;
  z-index: 1;
}
.about .about__page .about__advantages li:nth-child(1) {
  background: #F4AACD;
}
.about .about__page .about__advantages li:nth-child(2) {
  background: #F7A600;
}
.about .about__page .about__advantages li:nth-child(3) {
  background: #69ACE0;
}
.about .about__page .about__advantages li:nth-child(4) {
  background: #92C83E;
}
.about .about__page .about__advantages li p {
  margin: 0;
  font-size: 1.25rem;
  text-transform: uppercase;
}
.about .about__page .about__advantages li h6 {
  margin: 0;
  font-size: 3rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.about .about__page .about__advantages li img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: -1;
}
.about .about__page .about__banner {
  display: block;
  margin-bottom: 2.5rem;
  width: 100%;
  height: 30rem;
}
.about .about__page .about__banner img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  object-fit: cover;
}
.about .about__page .about__footer .txt_20 {
  margin-bottom: 1.5rem;
}

/* ABOUT END */
/* SYSTEM START */
.system {
  padding-bottom: 5rem;
}
.system .system__kv {
  margin-bottom: 6.25rem;
  padding: 5.625rem 8.5rem 0;
  background: linear-gradient(180deg, #f2f9e5 0%, rgba(242, 249, 229, 0) 100%);
  border-radius: 1.5rem;
}
.system .system__kv .h_48 {
  margin-bottom: 2rem;
  padding: 0 1.625rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.system .system__kv .txt_24 {
  margin-bottom: 2.5rem;
  padding: 0 1.625rem;
  color: var(--c-green);
}
.system .system__kv img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.system .system__meals {
  margin-bottom: 6.25rem;
}
.system .system__meals .system__meals-kv {
  display: flex;
  height: 34.5625rem;
}
.system .system__meals .system__meals-kv .text {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  margin-right: -2.5rem;
  padding: 3.75rem;
  width: 37.5rem;
  height: 100%;
  color: #fff;
  background: #000;
  border-radius: 1.5rem;
  z-index: 1;
}
.system .system__meals .system__meals-kv .text::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 22.3125rem;
  height: 11.9375rem;
  background: url("../img/svg/system-meals-path.svg") no-repeat 50%/contain;
}
.system .system__meals .system__meals-kv .text h3 {
  margin-bottom: 1.875rem;
  font-size: 2.5rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.system .system__meals .system__meals-kv .text p {
  margin-bottom: auto;
  font-weight: 300;
  font-size: 1.25rem;
}
.system .system__meals .system__meals-kv .text .age {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 8.375rem;
  height: 4.75rem;
  text-align: center;
  background: #999;
  border-radius: 10rem;
}
.system .system__meals .system__meals-kv .text .age h4 {
  margin: 0 0 0.5rem;
  font-size: 2.25rem;
  line-height: 1.625rem;
}
.system .system__meals .system__meals-kv .text .age span {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 0.625rem;
}
.system .system__meals .system__meals-kv picture {
  flex-shrink: 0;
  display: block;
  width: 45rem;
  height: 100%;
}
.system .system__meals .system__meals-kv picture img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
}
.system .system__meals .system__meals-stage {
  margin-bottom: 2.5rem;
  padding: 3.75rem 5rem 5rem;
  background: #ccc;
  border-radius: 1.5rem;
}
.system .system__meals .system__meals-stage .head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.system .system__meals .system__meals-stage .head .text {
  padding-top: 0.875rem;
  width: 34.8125rem;
}
.system .system__meals .system__meals-stage .head .text h3 {
  margin-bottom: 3.125rem;
  font-size: 2.25rem;
  text-transform: uppercase;
}
.system .system__meals .system__meals-stage .head .img {
  width: 33.75rem;
  height: 24.375rem;
}
.system .system__meals .system__meals-stage .head .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.system .system__meals .system__meals-stage .body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.system .system__meals .system__meals-stage .body .text {
  width: 33.75rem;
}
.system .system__meals .system__meals-stage .body .text h6 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.5rem;
  height: 3.875rem;
  color: #fff;
  font-size: 1.25rem;
  text-align: center;
  text-transform: uppercase;
  background: #000;
  border-radius: 10rem;
}
.system .system__meals .system__meals-stage ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  min-height: 6rem;
}
.system .system__meals .system__meals-stage ul li:last-child {
  margin-bottom: 0;
}
.system .system__meals .system__meals-stage ul li img {
  flex-shrink: 0;
  display: block;
  margin-right: 1.25rem;
  width: 5rem;
  height: 6rem;
  object-fit: contain;
}
.system .system__meals .system__meals-stage ul li p {
  display: inline-flex;
  align-items: center;
  margin: 0;
  min-height: 6rem;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.system .system__meals .prod-products {
  padding: 0;
  background: rgba(0, 0, 0, 0);
}
.system .system__meals .prod-products .swiper-slide {
  border: 0.125rem solid var(--c-green_medium);
}
.system .slider-foot .arrow--prev {
  background-image: url("../img/svg/slide-prev-white.svg");
}
.system .slider-foot .arrow--next {
  background-image: url("../img/svg/slide-next-white.svg");
}
.system .system__meals--green .system__meals-kv .text {
  background: linear-gradient(135deg, #6fbb2f 0%, #1e850c 73.5%, #16810b 100%);
}
.system .system__meals--green .system__meals-kv .text .age {
  background: var(--c-light_green);
}
.system .system__meals--green .system__meals-stage {
  background: var(--c-green_light);
}
.system .system__meals--green .system__meals-stage h3, .system .system__meals--green .system__meals-stage ul li {
  color: var(--c-green);
}
.system .system__meals--green .system__meals-stage .body .text h6 {
  background: var(--c-light_green);
}
.system .system__meals--green .slider-foot .swiper-arrow {
  background-color: var(--c-green);
}
.system .system__meals--green .slider-foot .swiper-arrow:hover {
  background-color: var(--c-light_green);
}
.system .system__meals--green .slider-foot .swiper-pagination-bullet {
  background: rgba(0, 107, 52, 0.2);
}
.system .system__meals--green .slider-foot .swiper-pagination-bullet-active {
  background: var(--c-green);
}
.system .system__meals--green .slider-foot .btn {
  background-color: var(--c-green);
}
.system .system__meals--green .slider-foot .btn:hover {
  background-color: var(--c-light_green);
  border-color: var(--c-light_green);
}
.system .system__meals--blue .system__meals-kv .text {
  background: linear-gradient(225deg, #69ace0 0%, #69ace0 41.2%, #b9dffd 99.37%);
}
.system .system__meals--blue .system__meals-kv .text .age {
  background: #69ACE0;
}
.system .system__meals--blue .system__meals-stage {
  background: #EFF8FF;
}
.system .system__meals--blue .system__meals-stage h3, .system .system__meals--blue .system__meals-stage ul li {
  color: #45A8F4;
}
.system .system__meals--blue .system__meals-stage .body .text h6 {
  background: #45A8F4;
}
.system .system__meals--blue .slider-foot .swiper-arrow {
  background-color: #0075B3;
}
.system .system__meals--blue .slider-foot .swiper-arrow:hover {
  background-color: #69ACE0;
}
.system .system__meals--blue .slider-foot .swiper-pagination-bullet {
  background: rgba(0, 117, 179, 0.2);
}
.system .system__meals--blue .slider-foot .swiper-pagination-bullet-active {
  background: #0075B3;
}
.system .system__meals--blue .slider-foot .btn {
  background-color: #0075B3;
  border-color: #0075B3;
}
.system .system__meals--blue .slider-foot .btn:hover {
  background-color: #69ACE0;
  border-color: #69ACE0;
}
.system .system__meals--blue .swiper-controls .swiper-scrollbar { background: #EFF8FF; }
.system .system__meals--blue .swiper-controls .swiper-scrollbar .swiper-scrollbar-drag { background: #0075B3; }
.system .system__meals--pink .system__meals-kv .text {
  background: linear-gradient(227deg, #f4aacd 0%, #f4aacd 42.04%, #f8cce1 100%);
}
.system .system__meals--pink .system__meals-kv .text .age {
  background: #F4AACD;
}
.system .system__meals--pink .system__meals-stage {
  background: #FFF4F9;
}
.system .system__meals--pink .system__meals-stage h3, .system .system__meals--pink .system__meals-stage ul li {
  color: #F072AD;
}
.system .system__meals--pink .system__meals-stage .body .text h6 {
  background: #F072AD;
}
.system .system__meals--pink .slider-foot .swiper-arrow {
  background-color: #F072AD;
}
.system .system__meals--pink .slider-foot .swiper-arrow:hover {
  background-color: #E485B1;
}
.system .system__meals--pink .slider-foot .swiper-pagination-bullet {
  background: rgba(240, 114, 173, 0.2);
}
.system .system__meals--pink .slider-foot .swiper-pagination-bullet-active {
  background: #F072AD;
}
.system .system__meals--pink .slider-foot .btn {
  background-color: #F072AD;
  border-color: #F072AD;
}
.system .system__meals--pink .slider-foot .btn:hover {
  background-color: #E485B1;
  border-color: #E485B1;
}
.system .system__meals--pink .swiper-controls .swiper-scrollbar { background: #FFF4F9; }
.system .system__meals--pink .swiper-controls .swiper-scrollbar .swiper-scrollbar-drag { background: #F072AD; }
.system .materials {
  padding: 2.5rem 0;
}
.system .materials .title {
  justify-content: flex-start;
  text-align: left;
}

/* SYSTEM END */
/* EXPERTISE START */
.expertise .container {
  max-width: 70.9375rem;
}
.expertise [class$=__kv] {
  position: relative;
  padding-top: 2rem;
  height: 46.0625rem;
}
.expertise [class$=__kv]::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 22.9375rem;
  background: url("../img/expertise/kv-bg.svg") no-repeat 50% 100%/contain;
  z-index: -1;
}
.expertise [class$=__kv] h1 {
  margin-bottom: 2.125rem;
  color: var(--c-green);
  text-align: center;
  text-transform: uppercase;
}
.expertise [class$=__kv] .cloud {
  margin-left: auto;
  margin-bottom: 0.375rem;
  padding: 6.25rem 8.375rem 0;
  width: 55.125rem;
  height: 16.75rem;
  background: url("../img/expertise/kv-cloud.svg") no-repeat 50%/contain;
}
.expertise [class$=__kv] .cloud p {
  margin: 0;
  color: var(--c-green);
  font-size: 1.3125rem;
  text-align: center;
}
.expertise [class$=__kv] [class*=__kv-foot] {
  position: relative;
  padding-bottom: 3.875rem;
  /*& ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    padding-right: 4.75rem;
    & li {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
      margin-left: 0.21875rem;
      width: 10.25rem;
      height: 9.875rem;
      color: #fff;
      text-align: center;
      background: #000;
      border-radius: 1.3125rem;
      z-index: 1;
      &.c-pink { background: #F4AACD; }
      &.c-orange { background: #F7A600; }
      &.c-blue { background: #69ACE0; }
      &.c-green { background: #92C83E; }
      & p {
        margin: 0;
        font-size: 1rem;
      }
      & h3 {
        margin: 0;
        font-size: 3rem;
        line-height: 1;
        letter-spacing: 0.02em;
      }
      & i {
        display: block;
        position: absolute;
        width: 3.5625rem;
        height: 3.5625rem;
        background: #000;
        border-radius: 50%;
        z-index: -1;
        &.top { top: 0; left: 50%; transform: translate(-50%, -50%); }
        &.left { top: 50%; left: 0; transform: translate(-50%, -50%); }
        &.right { top: 50%; right: 0; transform: translate(50%, -50%); }
        &.bottom { bottom: 0; left: 50%; transform: translate(-50%, 50%); }
      }
      &.c-pink i { background: #F4AACD; }
      &.c-orange i { background: #F7A600; }
      &.c-blue i { background: #69ACE0; }
      &.c-green i { background: #92C83E; }
    }
  }*/
}
.expertise [class$=__kv] [class*=__kv-foot] .expertise__kv-img {
  position: absolute;
  bottom: 2rem;
  left: -5rem;
  width: 26.125rem;
}
.expertise [class$=__kv] [class*=__kv-foot] .expertise__kv-puzzle {
  display: block;
  margin-left: auto;
  margin-right: 2.75rem;
  width: 43.4375rem;
}
.expertise [class$=__kv] [class*=__kv-foot] .expertise__kv-puzzle img {
  display: block;
  width: 100%;
}
.expertise [class$=__map] {
  position: relative;
  padding-top: 3.25rem;
  height: 50.625rem;
  background: #E2F1C9 url("../img/expertise/map-ellipse.svg") no-repeat 50%/cover;
}
.expertise [class$=__map] .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4.5rem;
}
.expertise [class$=__map] .head h2 {
  margin: 0;
  color: var(--c-green);
  text-transform: uppercase;
}
.expertise [class$=__map] .head .btn {
  padding: 0 2.25rem;
  height: 4.25rem;
  color: var(--c-light_green);
  font-size: 1.25rem;
  text-transform: uppercase;
  background: #fff;
  border-color: #fff;
  pointer-events: none;
}
.expertise [class$=__map] .cover {
  position: relative;
  margin: 0 auto;
  width: 66.5rem;
  height: 34.375rem;
  background: url("../img/expertise/map-cover.svg") no-repeat 50%/contain;
}
.expertise [class$=__map] .cover ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.expertise [class$=__map] .cover ul li {
  position: absolute;
  padding: 0.625rem 2rem;
  height: 3.6875rem;
  color: #fff;
  font-weight: 300;
  font-size: 0.9375rem;
  background: #6CAE30;
  border-radius: 10rem;
}
.expertise [class$=__map] .cover ul li span {
  margin-right: 0.5rem;
  font-weight: 400;
  font-size: 1.125rem;
  text-transform: uppercase;
}
.expertise [class$=__map] .cover ul .city--pskov {
  top: 5.625rem;
  left: 3.5625rem;
}
.expertise [class$=__map] .cover ul .city--chernogolovka {
  top: 13.75rem;
  left: -5.3125rem;
}
.expertise [class$=__map] .cover ul .city--ivanovo {
  top: 13.75rem;
  left: 13.25rem;
}
.expertise [class$=__map] .cover ul .city--georgevsk {
  top: 26.75rem;
  left: -0.75rem;
}
.expertise [class$=__map] .cover ul .city--barnaul {
  top: 23.75rem;
  left: 17.5rem;
}
.expertise [class$=__map] .cover img {
  position: absolute;
  bottom: 0.5625rem;
  right: 6.875rem;
  width: 18.4375rem;
}
.expertise [class$=__develop] {
  position: relative;
  padding-top: 2rem;
  height: 54.75rem;
  background: url("../img/expertise/develop-bg.png") no-repeat 50%/cover;
}
.expertise [class$=__develop] .h_36 {
  margin-bottom: 2.25rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.expertise [class$=__develop] .cloud {
  margin-left: auto;
  padding-top: 5.25rem;
  width: 47.3125rem;
  height: 20.0625rem;
  text-align: center;
  background: url("../img/expertise/develop-cloud.svg") no-repeat 50%/cover;
}
.expertise [class$=__develop] .cloud p {
  margin: 0;
  color: var(--c-green);
  font-size: 1.25rem;
}
.expertise [class$=__develop] img {
  display: block;
  position: absolute;
  bottom: 5.1875rem;
  left: 8rem;
  width: 29.75rem;
}
.expertise [class$=__manufacture] {
  height: 272.5rem;
  background: url("../img/expertise/manufacture.png?v=1") no-repeat 50%/contain;
}
.expertise [class$=__manufacture] ul li {
  position: relative;
}
.expertise [class$=__manufacture] ul li .h_48 {
  margin-bottom: 6.875rem;
  color: var(--c-green);
  text-align: center;
  text-transform: uppercase;
}
.expertise [class$=__manufacture] ul li .h_36 {
  display: flex;
  align-items: center;
  margin: 0;
  min-height: 4.3125rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.expertise [class$=__manufacture] ul li .h_36 b {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.25rem 1.5rem auto 0;
  width: 4.3125rem;
  height: 4.3125rem;
  font-size: 2rem;
  text-align: center;
  border: 0.1875rem solid var(--c-green);
  border-radius: 50%;
}
.expertise [class$=__manufacture] ul li .cloud {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 7.1875rem;
  width: 40.3125rem;
  height: 20.0625rem;
  text-align: center;
  z-index: 1;
}
.expertise [class$=__manufacture] ul li .cloud::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/expertise/manufacture-cloud-1.svg") no-repeat 50%/contain;
  z-index: -1;
}
.expertise [class$=__manufacture] ul li .cloud p {
  margin-bottom: 0;
  color: var(--c-green);
  font-size: 1.25rem;
}
.expertise [class$=__manufacture] ul li .cloud .btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.expertise [class$=__manufacture] ul li .cloud-2 {
  padding-top: 6.5625rem;
  height: 16.3125rem;
}
.expertise [class$=__manufacture] ul li .cloud-2::before {
  background-image: url("../img/expertise/manufacture-cloud-2.svg");
}
.expertise [class$=__manufacture] ul li img {
  display: block;
  position: absolute;
}
.expertise [class$=__manufacture] ul li:nth-child(2n+1) .h_36 {
  justify-content: flex-start;
}
.expertise [class$=__manufacture] ul li:nth-child(2n+1) .cloud {
  margin-left: auto;
}
.expertise [class$=__manufacture] ul li:nth-child(2n+2) .h_36 {
  justify-content: flex-end;
}
.expertise [class$=__manufacture] ul li:nth-child(2n+2) .cloud {
  margin-right: auto;
}
.expertise [class$=__manufacture] ul li:nth-child(2n+2) .cloud::before {
  transform: rotateY(180deg);
}
.expertise [class$=__manufacture] ul li:nth-child(2n+2) .btn {
  left: 45%;
}
.expertise [class$=__manufacture] .step--1 {
  padding-top: 5rem;
  height: 55.125rem;
}
.expertise [class$=__manufacture] .step--1 .cloud {
  margin-right: 2.5rem;
}
.expertise [class$=__manufacture] .step--1 img {
  top: 26.5625rem;
  left: 4.375rem;
  width: 21.3125rem;
}
.expertise [class$=__manufacture] .step--2 {
  padding-top: 1.875rem;
  height: 38.8125rem;
}
.expertise [class$=__manufacture] .step--2 .cloud {
  margin-left: 2.5rem;
}
.expertise [class$=__manufacture] .step--2 .h_36 {
  margin-bottom: 0.375rem;
}
.expertise [class$=__manufacture] .step--2 img {
  bottom: 2.5rem;
  right: 2.5rem;
  width: 27.5625rem;
}
.expertise [class$=__manufacture] .step--3 {
  padding-top: 1.875rem;
  height: 49rem;
}
.expertise [class$=__manufacture] .step--3 .cloud {
  margin-right: 2.5rem;
}
.expertise [class$=__manufacture] .step--3 .h_36 {
  margin-bottom: 1.875rem;
}
.expertise [class$=__manufacture] .step--3 img {
  bottom: 0;
  left: -0.3125rem;
  width: 29.75rem;
}
.expertise [class$=__manufacture] .step--4 {
  padding-top: 0.75rem;
  height: 44.1875rem;
}
.expertise [class$=__manufacture] .step--4 .cloud {
  margin-left: 2.5rem;
}
.expertise [class$=__manufacture] .step--4 .h_36 {
  margin-bottom: 1rem;
}
.expertise [class$=__manufacture] .step--4 img {
  bottom: 2.5rem;
  right: -0.375rem;
  width: 29.8125rem;
}
.expertise [class$=__manufacture] .step--5 {
  padding-top: 1.875rem;
  height: 41.8125rem;
}
.expertise [class$=__manufacture] .step--5 .cloud {
  margin-right: 2.5rem;
}
.expertise [class$=__manufacture] .step--5 .h_36 {
  margin-bottom: 4.375rem;
}
.expertise [class$=__manufacture] .step--5 img {
  bottom: 1.875rem;
  left: 1.875rem;
  width: 27.5625rem;
}
.expertise [class$=__manufacture] .step--6 {
  height: 44.1875rem;
}
.expertise [class$=__manufacture] .step--6 .cloud {
  margin-left: 2.5rem;
}
.expertise [class$=__manufacture] .step--6 .h_36 {
  margin-bottom: 0.625rem;
}
.expertise [class$=__manufacture] .step--6 img {
  bottom: 2.5rem;
  right: 2.5rem;
  width: 29.0625rem;
}

/* EXPERTISE END */
/* FAQ-PAGE START */
.faq-page [class$=__row] {
  align-items: flex-start;
}
.faq-page [class$=__aside] {
  position: sticky;
  top: 9.375rem;
  left: 0;
}
.faq-page [class$=__main] .faq-page__collapse {
  margin-bottom: 5rem;
}
.faq-page [class$=__main] .faq-page__collapse:last-child {
  margin-bottom: 0;
}
.faq-page [class$=__main] .h_40 {
  margin-bottom: 4.375rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.faq-page [class$=__main] .h_28 {
  margin-bottom: 2rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.faq-page [class$=__main] .faq__block {
  margin-bottom: 0.75rem;
}
.faq-page [class$=__main] .faq__block:last-child {
  margin-bottom: 0;
}
.faq-page [class$=__main] .faq__block .faq__btn {
  background: var(--c-green_light);
}

/* FAQ-PAGE END */
/* CONTACT START */
.contacts [class$=__row] {
  padding: 2.5rem 0 5rem;
}
.contacts [class$=__banner] {
  position: relative;
  padding: 3.375rem 3.75rem 3.75rem;
  height: 28.75rem;
  color: #fff;
  background: linear-gradient(135deg, #6fbb2f 0%, #1e850c 73.5%, #16810b 100%);
  border-radius: 1.5rem;
}
.contacts [class$=__banner]::before {
  content: "";
  position: absolute;
  top: 2.875rem;
  left: 0;
  width: 100%;
  height: 22.75rem;
  background-image: url("../img/contacts-path.png");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
}
.contacts [class$=__banner] .h_36 {
  margin-bottom: 1.625rem;
  text-transform: uppercase;
}
.contacts [class$=__banner] .txt_16 {
  margin: 0;
}
.contacts [class$=__banner] img {
  position: absolute;
  bottom: -2.125rem;
  left: 1rem;
  width: 31.1875rem;
}
.contacts [class$=__info] {
  padding: 2.1875rem 2.5rem 2.5rem;
  color: var(--c-green);
}
.contacts [class$=__info] li {
  margin-bottom: 3.25rem;
}
.contacts [class$=__info] li:last-child {
  margin-bottom: 0;
}
.contacts [class$=__info] .h_20 {
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}
.contacts [class$=__info] .txt_16 {
  margin: 0;
}
.contacts [class$=__info] .social {
  display: flex;
  align-items: flex-start;
}
.contacts [class$=__info] .social a {
  display: inline-block;
}
.contacts [class$=__info] .social a img {
  display: block;
  width: 1.875rem;
}

.main-contacts .os::before {
  transform: rotateY(180deg);
}
.main-contacts .os::after {
  transform: rotateY(180deg);
}
.main-contacts .os [class*=__form] .h_40 {
  text-align: left;
}
.main-contacts .os [class*=__img] {
  transform: rotateY(180deg);
}

/* CONTACT END */
/* MODAL START */
.modal .modal-dialog {
  max-width: 39.375rem;
}

.modal .modal-content {
  background: #fff;
  border: 0;
  border-radius: 1.5rem;
  box-shadow: none;
}

.modal .modal-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/svg/close-1.svg") no-repeat 50%/contain;
  border: 0;
  outline: 0;
  z-index: 1;
  cursor: pointer;
}

.modal .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4rem;
  color: var(--c-green);
  text-align: center;
}

.modal .modal-body :last-child {
  margin-bottom: 0 !important;
}

.modal .modal__icon {
  margin: 0 auto 1.375rem;
  width: 4rem;
}

.modal .modal__title {
  margin-bottom: 1.125rem;
  color: var(--c-green);
  font-size: 1.75rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.modal .modal__text {
  margin-bottom: 1rem;
  color: var(--c-black);
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}

.modal-table .modal-close {
  top: 0;
  right: -1.25rem;
  width: 3rem;
  height: 3rem;
  background: var(--c-green) url("../img/svg/close-2.svg") no-repeat 50%/1.125rem;
  border-radius: 50%;
  transform: translate(100%, 0);
}
.modal-table img {
  display: block;
  width: 100%;
}

/* MODAL END */
/* MODAL-PRODUCT START */
.modal-product .modal-dialog {
  max-width: 66.5rem;
}
.modal-product .modal-content {
  background: var(--c-green_light);
}
.modal-product .modal-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #e2f1c9 0%, rgba(229, 242, 206, 0.63) 57.63%, rgba(233, 245, 215, 0) 100%);
  border-radius: 1.5rem;
}
.modal-product .modal-body {
  padding: 4rem 3rem 2.5rem;
}
.modal-product [class*=__wrap] {
  display: flex;
  width: 100%;
}
.modal-product [class*=__wrap] [class*=__animations] {
  flex-shrink: 0;
  margin-right: 2.5rem;
  width: 22.75rem;
}
.modal-product [class*=__wrap] [class*=__animations] [class*=__slider--main] {
  position: relative;
  margin-bottom: 1rem;
  width: 100%;
  background: #fff;
  border-radius: 0.75rem;
}
.modal-product [class*=__wrap] [class*=__animations] [class*=__slider--main] .new {
  position: absolute;
  top: 1.75rem;
  left: 1.75rem;
}
.modal-product [class*=__wrap] [class*=__animations] [class*=__slider--main] .swiper-slide {
  padding: 4.1875rem;
  height: 22.75rem;
}
.modal-product [class*=__wrap] [class*=__animations] [class*=__slider--main] .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal-product [class*=__wrap] [class*=__animations] [class*=__thumbs] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.modal-product [class*=__wrap] [class*=__animations] [class*=__thumbs] [class*=__thumb] {
  display: block;
  margin-right: 0.5rem;
  padding: 0.5rem;
  width: 5.5rem;
  height: 5.5rem;
  background: #fff;
  border: 0.125rem solid var(--c-green_medium);
  border-radius: 1rem;
  cursor: pointer;
}
.modal-product [class*=__wrap] [class*=__animations] [class*=__thumbs] [class*=__thumb]:last-child {
  margin-right: 0;
}
.modal-product [class*=__wrap] [class*=__animations] [class*=__thumbs] [class*=__thumb] img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal-product [class*=__wrap] [class*=__animations] [class*=__thumbs] [class*=__thumb].active {
  border-color: #6CAE30;
}
.modal-product [class*=__wrap] [class*=__info] {
  min-width: 0;
  text-align: left;
}
.modal-product [class*=__wrap] [class*=__info] .h_28 {
  margin-bottom: 1.875rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.modal-product [class*=__wrap] [class*=__info] .meta {
  display: flex;
  align-items: center;
  margin-bottom: 2.25rem;
}
.modal-product [class*=__wrap] [class*=__info] .meta h6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 2.5rem 0 0;
  padding: 0 2.5rem;
  height: 3rem;
  color: #fff;
  text-align: center;
  background: var(--c-light_green);
  border-radius: 10rem;
}
.modal-product [class*=__wrap] [class*=__info] .meta p {
  margin: 0;
  color: var(--c-gray_dark);
}
.modal-product [class*=__wrap] [class*=__info] .text {
  margin-bottom: 3.5rem;
}
.modal-product [class*=__wrap] [class*=__info] .text .h_20 {
  margin-bottom: 1rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.modal-product [class*=__wrap] [class*=__info] .text .txt_16 {
  margin-bottom: 1.25rem;
  color: var(--c-black);
}
.modal-product [class*=__wrap] [class*=__info] .text ul {
  margin-bottom: 1.25rem;
}
.modal-product [class*=__wrap] [class*=__info] .text :last-child {
  margin-bottom: 0;
}
.modal-product [class*=__wrap] [class$=__where-buy] .h_20 {
  margin-bottom: 1.25rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.modal-product [class*=__wrap] [class$=__where-buy] [class*=__where-buy--slider] {
  position: relative;
  overflow: hidden;
}
.modal-product [class*=__wrap] [class$=__where-buy] [class*=__where-buy--slider] .swiper-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.modal-product [class*=__wrap] [class$=__where-buy] [class*=__where-buy--slider] .swiper-wrapper .swiper-slide {
  display: block;
  margin-right: 0.625rem;
  width: 10rem;
  height: 3.75rem;
  background: #fff;
  border-radius: 0.75rem;
}
.modal-product [class*=__wrap] [class$=__where-buy] [class*=__where-buy--slider] .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0;
}
.modal-product [class*=__wrap] [class$=__where-buy] [class*=__where-buy--slider] .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* MODAL-PRODUCT END */
/* MODAL-TEXT START */
.modal-text .modal-dialog {
  max-width: 66.5rem;
}
.modal-text .modal-content {
  background: var(--c-green_light);
}
.modal-text .modal-body {
  align-items: flex-start;
  color: var(--c-black);
  text-align: left;
}
.modal-text h3 {
  margin-bottom: 2.125rem;
  color: var(--c-green);
  font-size: 1.75rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.modal-text h4 {
  margin-bottom: 2.5rem;
  color: var(--c-gray_dark);
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.6;
}
.modal-text p {
  margin-bottom: 2.5rem;
  color: var(--c-gray_dark);
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.modal-text ul {
  margin-bottom: 2.5rem;
}
.modal-text ul li {
  margin-bottom: 1.25rem;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
}
.modal-text ul li p {
  display: flex;
  align-items: flex-start;
  margin: 0;
}
.modal-text ul li p::before {
  content: "";
  flex-shrink: 0;
  margin: 0.8125rem 1.25rem 0;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--c-black);
  border-radius: 50%;
}
.modal-text .modal-body :last-child {
  margin-bottom: 0;
}

/* MODAL-TEXT END */