/* fonts */
@import url("https://fonts.googleapis.com/css2?family=Work%20Sans:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;500&display=swap");
@import "reset.css";
@import "iconsfont.css";
:root {
  --absolute-white: #fff;
  --background-color: #fff;
  --primary-color: #d9ef78;
  --primary-color-dark: #213d34;
  --light: #ecede6;
  --header-bg: rgba(236, 237, 230, 0.84);
  --menu-body: rgba(217, 239, 120, 0.8);
  --syne-font: "Syne", sans-serif;
}

/* reset */
html.dark {
  --background-color: #1a1a1a;
  --absolute-white: #30453b;
  --primary-color: #d1e47eec;
  --primary-color-dark: #c2ded5;
  --light: #262626;
  --header-bg: rgba(38, 38, 38, 0.84);
  --menu-body: rgba(209, 228, 126, 0.8);
}

body {
  font-family: "Work Sans", sans-serif;
  color: var(--primary-color-dark);
  background-color: var(--background-color);
}

.wrapper {
  min-block-size: 100%;
  overflow: clip;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wrapper main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

[class*=__container] {
  max-inline-size: 105.375rem;
  padding-inline: 1.5rem;
  margin-inline: auto;
}
@media (max-width: 29.99875em) {
  [class*=__container] {
    padding-inline: 0.875rem;
  }
}

.title {
  font-size: 3.4375rem;
  line-height: 1;
  font-weight: 500;
  font-family: var(--syne-font);
  color: var(--primary-color-dark);
}
.title--big {
  font-size: 3.8125rem;
}
.title--small {
  font-size: 2.5rem;
  font-weight: 400;
}
.title--light {
  color: var(--primary-color);
}

.text {
  font-size: 1.375rem;
  line-height: 1.1;
  color: var(--primary-color-dark);
}
.text--big {
  font-size: 1.625rem;
}
.text--light {
  color: var(--light);
}

.button {
  font-size: 1.375rem;
  line-height: 1.27;
  font-weight: 500;
  text-align: center;
  padding: 1.125rem 2.5rem;
  border-radius: 3.125rem;
  overflow: hidden;
  will-change: transform;
  -webkit-transition: background-color 0.6s ease-out, color 0.6s ease-out, border 0.6s ease-out, -webkit-transform 0.05s ease-out;
  transition: background-color 0.6s ease-out, color 0.6s ease-out, border 0.6s ease-out, -webkit-transform 0.05s ease-out;
  transition: background-color 0.6s ease-out, color 0.6s ease-out, border 0.6s ease-out, transform 0.05s ease-out;
  transition: background-color 0.6s ease-out, color 0.6s ease-out, border 0.6s ease-out, transform 0.05s ease-out, -webkit-transform 0.05s ease-out;
}
@media (any-hover: hover) {
  .button:hover {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    color: var(--primary-color-dark);
    background-color: var(--primary-color);
  }
}
.button:active {
  -webkit-transition-duration: 0.001s;
          transition-duration: 0.001s;
  -webkit-transform: scale(0.94);
      -ms-transform: scale(0.94);
          transform: scale(0.94);
  color: var(--primary-color-dark);
  background-color: var(--primary-color);
}
.button--primary-dark {
  color: var(--absolute-white);
  background-color: var(--primary-color-dark);
  border: 0.125rem solid var(--primary-color-dark);
}
html.dark .button--primary-dark {
  color: var(--light);
  border-color: transparent;
}
@media (any-hover: hover) {
  html.dark .button--primary-dark:hover {
    color: var(--light);
  }
}
html.dark .button--primary-dark:active {
  color: var(--light);
  background-color: var(--primary-color);
}
.button--primary {
  color: var(--primary-color-dark);
  background-color: var(--primary-color);
  border: 0.125rem solid transparent;
}
.button--primary:has(span) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.button--primary:has(span) span {
  inline-size: 1rem;
  block-size: 1rem;
  font-size: 1rem;
}
@media (any-hover: hover) {
  .button--primary:hover {
    color: var(--primary-color);
    background-color: var(--primary-color-dark);
  }
}
.button--primary:active {
  color: var(--primary-color);
  background-color: var(--primary-color-dark);
}
html.dark .button--primary {
  color: var(--light);
}
@media (any-hover: hover) {
  html.dark .button--primary:hover {
    color: var(--light);
  }
}
.button--transparent {
  color: var(--primary-color-dark);
  background-color: transparent;
  border: 0.125rem solid var(--primary-color-dark);
}
@media (any-hover: hover) {
  .button--transparent:hover {
    background-color: var(--absolute-white);
  }
}
.button--transparent:active {
  background-color: var(--absolute-white);
}
html.dark .button--transparent {
  color: var(--primary-color-dark);
  border-color: var(--primary-color-dark);
}
@media (any-hover: hover) {
  html.dark .button--transparent:hover {
    color: var(--primary-color-dark);
    background-color: var(--absolute-white);
  }
}
html.dark .button--transparent:active {
  color: var(--primary-color-dark);
  background-color: var(--absolute-white);
}

.assistance, .price {
  padding-block: clamp(7.5rem, 4.407rem + 8.3vw, 13.125rem);
}

.questions, .testimonials, .recipes, .benefits {
  -webkit-padding-before: clamp(7.5rem, 4.407rem + 8.3vw, 13.125rem);
          padding-block-start: clamp(7.5rem, 4.407rem + 8.3vw, 13.125rem);
}

.hero {
  -webkit-padding-before: clamp(8.75rem, 8.063rem + 1.85vw, 10rem);
          padding-block-start: clamp(8.75rem, 8.063rem + 1.85vw, 10rem);
  -webkit-padding-after: clamp(5rem, -0.498rem + 14.76vw, 15rem);
          padding-block-end: clamp(5rem, -0.498rem + 14.76vw, 15rem);
}

.demo {
  -webkit-padding-before: clamp(5rem, 3.969rem + 2.77vw, 6.875rem);
          padding-block-start: clamp(5rem, 3.969rem + 2.77vw, 6.875rem);
  -webkit-padding-after: clamp(5.625rem, 2.876rem + 7.38vw, 10.625rem);
          padding-block-end: clamp(5.625rem, 2.876rem + 7.38vw, 10.625rem);
}

.how-it-works {
  -webkit-padding-before: clamp(4.375rem, 3.344rem + 2.77vw, 6.25rem);
          padding-block-start: clamp(4.375rem, 3.344rem + 2.77vw, 6.25rem);
  -webkit-padding-after: 3.125rem;
          padding-block-end: 3.125rem;
}

.healthy {
  -webkit-padding-before: clamp(6.25rem, 2.814rem + 9.23vw, 12.5rem);
          padding-block-start: clamp(6.25rem, 2.814rem + 9.23vw, 12.5rem);
  -webkit-padding-after: clamp(6.25rem, 4.875rem + 3.69vw, 8.75rem);
          padding-block-end: clamp(6.25rem, 4.875rem + 3.69vw, 8.75rem);
}

.how-it-works {
  scroll-margin-top: -2.5rem;
}
@media (max-width: 81.31125em) {
  .how-it-works {
    scroll-margin-top: -1rem;
  }
}
@media (max-width: 37.31125em) {
  .how-it-works {
    scroll-margin-top: -1.875rem;
  }
}

.assistance, .questions, .price, .testimonials, .recipes, .benefits {
  scroll-margin-top: -9.375rem;
}
@media (max-width: 81.31125em) {
  .assistance, .questions, .price, .testimonials, .recipes, .benefits {
    scroll-margin-top: -6.875rem;
  }
}
@media (max-width: 56.06125em) {
  .assistance, .questions, .price, .testimonials, .recipes, .benefits {
    scroll-margin-top: -5.625rem;
  }
}
@media (max-width: 48.06125em) {
  .assistance, .questions, .price, .testimonials, .recipes, .benefits {
    scroll-margin-top: -5rem;
  }
}

.healthy {
  scroll-margin-top: -8.75rem;
}
@media (max-width: 81.31125em) {
  .healthy {
    scroll-margin-top: -6.25rem;
  }
}
@media (max-width: 56.06125em) {
  .healthy {
    scroll-margin-top: -3.75rem;
  }
}

.header {
  position: fixed;
  width: 100%;
  z-index: 100;
}
.header::after {
  content: "";
  position: fixed;
  z-index: -1;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  min-height: clamp(5.5rem, 5.088rem + 1.11vw, 6.25rem);
  background-color: var(--header-bg);
  -webkit-border-after: 0.125rem solid var(--primary-color-dark);
          border-block-end: 0.125rem solid var(--primary-color-dark);
  -webkit-backdrop-filter: blur(1rem);
          backdrop-filter: blur(1rem);
  -webkit-box-shadow: 0rem 0.125rem 2rem rgba(33, 61, 52, 0.16);
          box-shadow: 0rem 0.125rem 2rem rgba(33, 61, 52, 0.16);
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.header.scrolled::after {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  opacity: 1;
}
.header__container {
  padding-block: 0.625rem;
  min-height: clamp(5.5rem, 5.088rem + 1.11vw, 6.25rem);
  display: grid;
  grid-template-columns: minmax(4.5625rem, 1fr) auto minmax(20.25rem, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(1.875rem, -2.283rem + 7.43vw, 3.75rem);
     -moz-column-gap: clamp(1.875rem, -2.283rem + 7.43vw, 3.75rem);
          column-gap: clamp(1.875rem, -2.283rem + 7.43vw, 3.75rem);
}
@media (max-width: 56.06125em) {
  .header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 34.18625em) {
  .header__container {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }
}
.header__logo {
  position: relative;
  z-index: 15;
  width: 4.5625rem;
  aspect-ratio: 73/50;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media (max-width: 56.06125em) {
  .header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.375rem;
            flex: 0 0 4.375rem;
  }
}
@media (max-width: 26.31125em) {
  .header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3.625rem;
            flex: 0 0 3.625rem;
  }
}
@media (any-hover: hover) {
  .header__logo:hover {
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
  }
}
.header__logo svg {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 56.06125em) {
  .menu__body {
    position: fixed;
    z-index: 12;
    inset-block-start: 0;
    inset-inline-start: 100%;
    padding: 9.375rem 1.875rem 2.5rem;
    inline-size: 100%;
    block-size: 100%;
    overflow: auto;
    -webkit-transition: inset-inline-start 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    transition: inset-inline-start 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  }
  .menu__body::after {
    content: "";
    position: fixed;
    z-index: -1;
    inset-block-start: 0;
    inset-inline-start: 100%;
    inline-size: 100%;
    block-size: 100%;
    background-color: var(--menu-body);
    -webkit-backdrop-filter: blur(1rem);
            backdrop-filter: blur(1rem);
    -webkit-transition: inset-inline-start 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    transition: inset-inline-start 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  }
  .menu__body::before {
    content: "";
    position: fixed;
    z-index: 12;
    inset-block-start: 0;
    inset-inline-start: 100%;
    inline-size: 100%;
    min-block-size: clamp(5.5rem, 5.088rem + 1.11vw, 6.25rem);
    -webkit-border-after: 0.125rem solid var(--primary-color-dark);
            border-block-end: 0.125rem solid var(--primary-color-dark);
    background-color: var(--light);
    -webkit-transition: inset-inline-start 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    transition: inset-inline-start 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  }
  html.dark .menu__body::before {
    border-color: transparent;
  }
}
.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0.625rem;
  -webkit-column-gap: clamp(1.625rem, -5.86rem + 13.37vw, 5rem);
     -moz-column-gap: clamp(1.625rem, -5.86rem + 13.37vw, 5rem);
          column-gap: clamp(1.625rem, -5.86rem + 13.37vw, 5rem);
}
.menu__list > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 56.06125em) {
  .menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 2rem;
  }
}
@media (min-width: 56.06125em) {
  .menu__item--pc-none {
    display: none;
  }
}
.menu__link {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.2; /* 28/22 */
  position: relative;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.005s ease;
  transition: -webkit-transform 0.005s ease;
  transition: transform 0.005s ease;
  transition: transform 0.005s ease, -webkit-transform 0.005s ease;
}
@media (min-width: 56.06125em) {
  .menu__link::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 0;
    inline-size: 100%;
    block-size: 0.1375rem;
    background-color: var(--primary-color-dark);
    -webkit-transform: translateY(0.25rem);
        -ms-transform: translateY(0.25rem);
            transform: translateY(0.25rem);
    opacity: 0;
  }
}
@media (min-width: 56.06125em) and (min-width: 68.81125em) {
  .menu__link::before {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
}
@media (min-width: 56.06125em) and (any-hover: hover) {
  .menu__link:hover::before {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    opacity: 1;
  }
}
.menu__link:active {
  -webkit-transition-duration: 0.001s;
          transition-duration: 0.001s;
  -webkit-transform: scale(0.94);
      -ms-transform: scale(0.94);
          transform: scale(0.94);
}
@media (min-width: 56.06125em) {
  .menu__link:active::before {
    -webkit-transition-duration: 0.001s;
            transition-duration: 0.001s;
    opacity: 1;
    background-color: var(--primary-color-dark);
  }
}
@media (max-width: 56.06125em) {
  .menu__link {
    font-size: 2.625rem;
  }
  html.dark .menu__link {
    color: var(--light);
  }
}

.actions {
  justify-self: end;
  position: relative;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(1.125rem, -0.538rem + 2.97vw, 1.875rem);
     -moz-column-gap: clamp(1.125rem, -0.538rem + 2.97vw, 1.875rem);
          column-gap: clamp(1.125rem, -0.538rem + 2.97vw, 1.875rem);
}
@media (max-width: 56.06125em) {
  .actions {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }
}
@media (max-width: 34.18625em) {
  .actions {
    -webkit-column-gap: clamp(0.25rem, -0.104rem + 1.77vw, 0.5rem);
       -moz-column-gap: clamp(0.25rem, -0.104rem + 1.77vw, 0.5rem);
            column-gap: clamp(0.25rem, -0.104rem + 1.77vw, 0.5rem);
  }
}
.actions > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.actions__login {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.27; /* 28/22 */
  position: relative;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.005s ease;
  transition: -webkit-transform 0.005s ease;
  transition: transform 0.005s ease;
  transition: transform 0.005s ease, -webkit-transform 0.005s ease;
}
@media (max-width: 56.06125em) {
  .actions__login {
    font-size: 1.125rem;
  }
}
@media (max-width: 22.56125em) {
  .actions__login {
    display: none;
  }
}
@media (min-width: 56.06125em) {
  .actions__login::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 0;
    inline-size: 100%;
    block-size: 0.1375rem;
    background-color: var(--primary-color-dark);
    -webkit-transform: translateY(0.25rem);
        -ms-transform: translateY(0.25rem);
            transform: translateY(0.25rem);
    opacity: 0;
  }
}
@media (min-width: 56.06125em) and (min-width: 68.81125em) {
  .actions__login::before {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
}
@media (min-width: 56.06125em) and (any-hover: hover) {
  .actions__login:hover::before {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    opacity: 1;
  }
}
.actions__login:active {
  -webkit-transition-duration: 0.001s;
          transition-duration: 0.001s;
  -webkit-transform: scale(0.94);
      -ms-transform: scale(0.94);
          transform: scale(0.94);
}
@media (min-width: 56.06125em) {
  .actions__login:active::before {
    -webkit-transition-duration: 0.001s;
            transition-duration: 0.001s;
    opacity: 1;
    background-color: var(--primary-color-dark);
  }
}
.actions__button {
  padding: 1.125rem 2.5rem;
  position: relative;
}
@-webkit-keyframes slide {
  0% {
    background-position: 130%;
    opacity: 1;
  }
  to {
    background-position: -166%;
    opacity: 0;
  }
}
@keyframes slide {
  0% {
    background-position: 130%;
    opacity: 1;
  }
  to {
    background-position: -166%;
    opacity: 0;
  }
}
.actions__button::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(-65deg, rgba(0, 0, 0, 0) 40%, rgba(241, 242, 237, 0.5) 50%, rgba(0, 0, 0, 0) 70%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  -webkit-animation: slide 3s cubic-bezier(0.86, 0, 0.07, 1) infinite;
          animation: slide 3s cubic-bezier(0.86, 0, 0.07, 1) infinite;
}
@media (any-hover: hover) {
  .actions__button:hover::before {
    display: none;
  }
}
@media (max-width: 81.31125em) {
  .actions__button {
    padding-block: 1rem;
    padding-inline: clamp(1.5rem, 0.114rem + 2.48vw, 2.125rem);
  }
}
@media (max-width: 56.06125em) {
  .actions__button {
    padding-block: 1rem;
    padding-inline: clamp(0.875rem, -0.1rem + 2.86vw, 1.5rem);
    font-size: 1.125rem;
  }
}
@media (max-width: 34.18625em) {
  .actions__button {
    font-size: 1rem;
  }
}

.menu-icon {
  display: none;
}

@media (max-width: 56.06125em) {
  .menu-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    inline-size: 3.4375rem;
    block-size: 3.4375rem;
    border-radius: 3.125rem;
    border: 0.1875rem solid var(--primary-color-dark);
    background-color: var(--primary-color-dark);
    -webkit-transition: background-color 0.4s cubic-bezier(0.86, 0, 0.07, 1), border 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: background-color 0.4s cubic-bezier(0.86, 0, 0.07, 1), border 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  }
  .menu-icon__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-preferred-size: 1.875rem;
        flex-basis: 1.875rem;
    height: 1.5625rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .menu-icon__button span, .menu-icon__button::before, .menu-icon__button::after {
    content: "";
    background-color: var(--absolute-white);
    border-radius: 0.5rem;
    height: 0.159375rem;
    width: 100%;
    -webkit-transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1), background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1), background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1), background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1), background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  }
  .open-menu .menu__body,
  .open-menu .menu__body::before,
  .open-menu .menu__body::after {
    inset-inline-start: 0;
  }
  .open-menu .menu-icon {
    background-color: var(--primary-color);
  }
  .open-menu .menu-icon__button span {
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 0;
  }
  .open-menu .menu-icon__button::before {
    width: 100%;
    background-color: var(--primary-color-dark);
    -webkit-transform: translateY(0.69375rem) rotate(45deg);
        -ms-transform: translateY(0.69375rem) rotate(45deg);
            transform: translateY(0.69375rem) rotate(45deg);
  }
  .open-menu .menu-icon__button::after {
    width: 100%;
    background-color: var(--primary-color-dark);
    -webkit-transform: translateY(-0.66875rem) rotate(-45deg);
        -ms-transform: translateY(-0.66875rem) rotate(-45deg);
            transform: translateY(-0.66875rem) rotate(-45deg);
    -webkit-box-shadow: 0 0 0.375rem rgba(51, 51, 51, 0.3);
            box-shadow: 0 0 0.375rem rgba(51, 51, 51, 0.3);
  }
}
html.dark.open-menu .menu-icon {
  background-color: var(--light);
}
html.dark.open-menu .menu-icon__button::before {
  background-color: var(--primary-color);
}
html.dark.open-menu .menu-icon__button::after {
  background-color: var(--primary-color);
}

.page-theme {
  position: fixed;
  z-index: 90;
  inset-inline-end: 1.875rem;
  inset-block-end: 1.875rem;
}
@media (max-width: 48.06125em) {
  .page-theme {
    inset-inline-end: 1.125rem;
    inset-block-end: 1.125rem;
  }
}
.page-theme__button {
  color: var(--primary-color);
  background-color: var(--primary-color-dark);
  inline-size: 3.125rem;
  block-size: 3.125rem;
  border-radius: 50%;
  border: 0.09375rem solid var(--primary-color);
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  -webkit-transition: background-color 0.6s ease-out, color 0.6s ease-out, border 0.6s ease-out, -webkit-transform 0.005s ease;
  transition: background-color 0.6s ease-out, color 0.6s ease-out, border 0.6s ease-out, -webkit-transform 0.005s ease;
  transition: background-color 0.6s ease-out, color 0.6s ease-out, border 0.6s ease-out, transform 0.005s ease;
  transition: background-color 0.6s ease-out, color 0.6s ease-out, border 0.6s ease-out, transform 0.005s ease, -webkit-transform 0.005s ease;
}
.page-theme__button > span {
  inline-size: 1.625rem;
  block-size: 1.625rem;
  display: inline-block;
}
.page-theme__button > span::before {
  font-family: "icomoon";
  font-size: 1.625rem;
}
@media (max-width: 48.06125em) {
  .page-theme__button {
    inline-size: 2.75rem;
    block-size: 2.75rem;
  }
}
@media (any-hover: hover) {
  .page-theme__button:hover {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    color: var(--primary-color-dark);
    background-color: var(--primary-color);
  }
}
.page-theme__button:active {
  -webkit-transition-duration: 0.001s;
          transition-duration: 0.001s;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  color: var(--primary-color-dark);
  background-color: var(--primary-color);
}
html.dark .page-theme__button {
  color: var(--background-color);
  background-color: var(--primary-color);
  border-color: var(--background-color);
}
html.dark .page-theme__button > span::before {
  content: "\e906";
}
@media (any-hover: hover) {
  html.dark .page-theme__button:hover {
    background-color: var(--primary-color-dark);
  }
}
html.dark .page-theme__button:active {
  background-color: var(--primary-color-dark);
}
html.light .page-theme__button > span::before {
  content: "\e905";
}
.page-theme__reset {
  opacity: 0;
  visibility: hidden;
}
.page-theme__reset::before {
  content: "";
  background: url(../img/icons/close_small.svg) 0 0/100% no-repeat;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inline-size: 1.125rem;
  block-size: 1.125rem;
  background-color: var(--primary-color);
  border-radius: 50%;
  border: 0.09375rem solid var(--primary-color-dark);
}
html.dark .page-theme__reset::before {
  background-color: var(--primary-color-dark);
  border-color: var(--background-color);
}
.page-theme__reset.active {
  opacity: 1;
  visibility: visible;
}

.hero {
  position: relative;
  background-color: var(--light);
}
.hero::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset-block-end: -0.0625rem;
  inset-inline-end: 0;
  inline-size: 100%;
  block-size: clamp(3.125rem, 0.677rem + 5.31vw, 6.25rem);
  background-color: var(--background-color);
}
.hero::after {
  content: "";
  z-index: 2;
  position: absolute;
  inset-block-end: 0rem;
  inset-inline-end: 0rem;
  inline-size: 35.78125%;
  block-size: clamp(6.25rem, 1.354rem + 10.62vw, 12.5rem);
  border-radius: 50rem 0rem 0rem 80rem;
  background-color: var(--light);
}
@media (max-width: 68.81125em) {
  .hero::after {
    border-radius: 25rem 0rem 0rem 50rem;
  }
}
@media (max-width: 48.06125em) {
  .hero::before, .hero::after {
    display: none;
  }
}
.hero__header {
  position: relative;
  max-width: 54.25rem;
  margin-inline: auto;
  text-align: center;
  -webkit-margin-after: 1.625rem;
          margin-block-end: 1.625rem;
}
@media (min-width: 68.81125em) {
  .hero__header {
    -webkit-margin-after: clamp(-1.625rem, -4.48vw + 3.0819rem, 0rem);
            margin-block-end: clamp(-1.625rem, -4.48vw + 3.0819rem, 0rem);
  }
}
.hero__title {
  font-size: clamp(2.625rem, 2.151rem + 1.58vw, 3.813rem);
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
}

.icons-hero {
  position: absolute;
  inset-block-end: clamp(0rem, -6.207vw + 6.5175rem, 2.25rem);
  inline-size: clamp(8.75rem, 5.194rem + 5.17vw, 10.625rem);
  block-size: clamp(7.5rem, 2.166rem + 7.76vw, 10.313rem);
}
.icons-hero--left {
  -webkit-transform: translateX(-10.625rem);
      -ms-transform: translateX(-10.625rem);
          transform: translateX(-10.625rem);
  inset-inline-start: clamp(0rem, -15.5172vw + 16.2931rem, 5.625rem);
}
.icons-hero--right {
  -webkit-transform: translateX(10.625rem);
      -ms-transform: translateX(10.625rem);
          transform: translateX(10.625rem);
  inset-inline-end: clamp(0rem, -15.5172vw + 16.2931rem, 5.625rem);
}
@media (max-width: 68.81125em) {
  .icons-hero {
    display: none;
  }
}
.icons-hero__item {
  position: absolute;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--absolute-white);
}
@-webkit-keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}
@keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}
.icons-hero__item img {
  -o-object-fit: cover;
     object-fit: cover;
}
.icons-hero__item--1 {
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 4.125rem;
  block-size: 4.125rem;
  background-color: var(--primary-color);
}
.icons-hero__item--1 img {
  inline-size: 2.5rem;
  block-size: 2.5rem;
}
.icons-hero__item--2 {
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  inset-block-end: 0;
  inset-inline-end: 0;
  inline-size: 3.125rem;
  block-size: 3.125rem;
  border: 0.09375rem solid var(--primary-color-dark);
}
.icons-hero__item--2 img {
  inline-size: 2rem;
  block-size: 2rem;
}
html.dark .icons-hero__item--2 {
  background-color: var(--primary-color-dark);
  border-color: transparent;
}
.icons-hero__item--3 {
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  inset-block-start: 0;
  inset-inline-end: 0;
  inline-size: 4.125rem;
  block-size: 4.125rem;
}
.icons-hero__item--3 img {
  inline-size: 2.5rem;
  block-size: 2.5rem;
}
html.dark .icons-hero__item--3 {
  background-color: var(--primary-color-dark);
}
.icons-hero__item--4 {
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  inset-block-end: 0;
  inset-inline-start: 0;
  inline-size: 3.125rem;
  block-size: 3.125rem;
  background-color: var(--primary-color-dark);
}
.icons-hero__item--4 img {
  inline-size: 2.375rem;
  block-size: 2.375rem;
}
html.dark .icons-hero__item--4 {
  background-color: var(--absolute-white);
}

.grid-hero {
  display: grid;
  grid-template-columns: 282fr 282fr 390fr 282fr 282fr;
  grid-auto-rows: clamp(2.5rem, -0.108rem + 3.79vw, 3.875rem);
  -webkit-column-gap: clamp(0.875rem, -1.022rem + 2.76vw, 1.875rem);
     -moz-column-gap: clamp(0.875rem, -1.022rem + 2.76vw, 1.875rem);
          column-gap: clamp(0.875rem, -1.022rem + 2.76vw, 1.875rem);
}
@media (max-width: 68.81125em) {
  .grid-hero {
    grid-template-columns: repeat(auto-fill, minmax(13.625rem, 1fr));
    grid-auto-rows: 22.5rem;
    gap: clamp(1rem, -0.784rem + 3.87vw, 1.875rem);
  }
}
@media (max-width: 46.18625em) {
  .grid-hero {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.5rem, 0.806rem + 2.32vw, 1.875rem);
  }
}
@media (max-width: 29.99875em) {
  .grid-hero {
    grid-template-columns: 1fr;
    grid-auto-rows: 24.375rem;
  }
}
@media (min-width: 68.81125em) {
  .grid-hero__item:where(:nth-child(1), :nth-child(5)) {
    grid-row: 1/span 8;
  }
  .grid-hero__item:where(:nth-child(2), :nth-child(3), :nth-child(4)) {
    grid-row: 2/span 8;
  }
}
@media (min-width: 62.37375em) and (max-width: 68.81125em) {
  .grid-hero__item:where(:nth-child(3)) {
    grid-column: 3/span 2;
    grid-row: 1;
  }
}
@media (max-width: 68.81125em) {
  .grid-hero__item:where(:nth-child(5)) {
    grid-column: 1/-2;
    grid-row: 2;
  }
}
@media (min-width: 46.18625em) and (max-width: 62.37375em) {
  .grid-hero__item:where(:nth-child(3)) {
    grid-column: 2/3;
    grid-row: 1;
  }
}
@media (min-width: 29.99875em) and (max-width: 46.18625em) {
  .grid-hero__item:where(:nth-child(3)) {
    grid-column: 1/3;
    grid-row: 2;
  }
  .grid-hero__item:where(:nth-child(5)) {
    grid-column: 1/2;
    grid-row: 3;
  }
}
@media (max-width: 29.99875em) {
  .grid-hero__item:where(:nth-child(3)) {
    grid-column: 1/-1;
    grid-row: 2;
  }
}

.hero-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 1.5625rem;
  background-color: var(--absolute-white);
  border-radius: 2.125rem;
  padding: 0.9375rem;
}
@media (min-width: 20.06125em) and (max-width: 29.99875em) {
  .hero-card {
    -webkit-padding-after: 1.375rem;
            padding-block-end: 1.375rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 0.375rem;
       -moz-column-gap: 0.375rem;
            column-gap: 0.375rem;
  }
}
.hero-card--reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 20.06125em) and (max-width: 29.99875em) {
  .hero-card--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.hero-card__description > * {
  -webkit-margin-after: 0.625rem;
          margin-block-end: 0.625rem;
}
.hero-card__description > :last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.hero-card__value {
  font-family: var(--syne-font);
  font-size: clamp(2.375rem, -0.381rem + 3.97vw, 3.813rem);
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 68.81125em) {
  .hero-card__value {
    font-size: clamp(2.875rem, 2.152rem + 2.42vw, 3.813rem);
  }
}
@media (max-width: 29.99875em) {
  .hero-card__value {
    font-size: clamp(2.875rem, 1.114rem + 8.81vw, 3.75rem);
  }
}
.hero-card__text {
  font-size: clamp(1rem, -0.185rem + 1.72vw, 1.625rem);
}
@media (max-width: 68.81125em) {
  .hero-card__text {
    font-size: clamp(1.25rem, 0.485rem + 1.66vw, 1.625rem);
  }
}
@media (max-width: 46.18625em) {
  .hero-card__text {
    font-size: clamp(1.25rem, 0.963rem + 1.44vw, 1.625rem);
  }
}
.hero-card__img {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  aspect-ratio: 260/316;
  border-radius: 1.375rem;
  overflow: hidden;
}
@media (min-width: 20.06125em) and (max-width: 29.99875em) {
  .hero-card__img {
    aspect-ratio: 0;
  }
}
.hero-card__img img {
  border-radius: inherit;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-photo {
  border-radius: 2.625rem;
}
.hero-photo img {
  border-radius: inherit;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 29.99875em) {
  .hero-photo--none {
    display: none;
  }
}

.hero-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hero-info__actions {
  -webkit-padding-before: 1.25rem;
          padding-block-start: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media (max-width: 68.81125em) {
  .hero-info__actions {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-padding-before: 0;
            padding-block-start: 0;
  }
}
.hero-info__actions-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.875rem, -0.31rem + 1.72vw, 1.5rem);
}
@media (max-width: 29.99875em) {
  .hero-info__actions-container {
    row-gap: 1.125rem;
  }
}
.hero-info__button {
  font-size: 1.5rem;
}
.hero-info__button.button--light {
  position: relative;
}
@keyframes slide {
  0% {
    background-position: 130%;
    opacity: 1;
  }
  to {
    background-position: -166%;
    opacity: 0;
  }
}
.hero-info__button.button--light::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(-65deg, rgba(0, 0, 0, 0) 40%, rgba(32, 60, 51, 0.5) 50%, rgba(0, 0, 0, 0) 70%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  -webkit-animation: slide 3s cubic-bezier(0.86, 0, 0.07, 1) infinite;
          animation: slide 3s cubic-bezier(0.86, 0, 0.07, 1) infinite;
}
@media (any-hover: hover) {
  .hero-info__button.button--light:hover::before {
    display: none;
  }
}
@media (max-width: 68.81125em) {
  .hero-info__button {
    padding-inline: 0.625rem;
    width: 100%;
  }
}
@media (max-width: 46.18625em) {
  .hero-info__button {
    padding-block: 1.25rem;
  }
}
@media (max-width: 29.99875em) {
  .hero-info__button {
    padding-block: 2rem;
  }
}
.hero-info__users {
  -webkit-padding-before: clamp(1.25rem, -0.409rem + 2.41vw, 2.125rem);
          padding-block-start: clamp(1.25rem, -0.409rem + 2.41vw, 2.125rem);
  -webkit-padding-after: clamp(1.25rem, -2.306rem + 5.17vw, 3.125rem);
          padding-block-end: clamp(1.25rem, -2.306rem + 5.17vw, 3.125rem);
  padding-inline: 1.25rem;
  background-color: var(--primary-color-dark);
  border-radius: 2.125rem;
  text-align: center;
}
@media (max-width: 68.81125em) {
  .hero-info__users {
    padding-block: 2.25rem;
  }
}
@media (max-width: 29.99875em) {
  .hero-info__users {
    padding-block: 1.75rem;
  }
}
.hero-info__users > * {
  -webkit-margin-after: 0.875rem;
          margin-block-end: 0.875rem;
}
.hero-info__users > :last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.hero-info__value {
  font-family: var(--syne-font);
  font-size: clamp(2.375rem, -0.351rem + 3.97vw, 3.813rem);
  font-weight: 500;
  line-height: 1;
  color: var(--primary-color);
}
@media (max-width: 68.81125em) {
  .hero-info__value {
    font-size: clamp(2.5rem, 0.206rem + 4.97vw, 3.625rem);
  }
}
@media (max-width: 46.18625em) {
  .hero-info__value {
    font-size: clamp(2.5rem, -0.043rem + 8.49vw, 3.875rem);
  }
}
html.dark .hero-info__value {
  color: var(--light);
}
.hero-info__text {
  color: var(--primary-color);
  font-size: clamp(1rem, -0.185rem + 1.72vw, 1.625rem);
  line-height: 1;
}
@media (max-width: 68.81125em) {
  .hero-info__text {
    font-size: clamp(1.25rem, 0.485rem + 1.66vw, 1.625rem);
  }
}
@media (max-width: 46.18625em) {
  .hero-info__text {
    font-size: clamp(1.25rem, 0.963rem + 1.44vw, 1.625rem);
  }
}
html.dark .hero-info__text {
  color: var(--light);
}

.section-header {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (min-width: 48.06125em) {
  .section-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: clamp(0.875rem, 0.033rem + 1.75vw, 1.875rem);
       -moz-column-gap: clamp(0.875rem, 0.033rem + 1.75vw, 1.875rem);
            column-gap: clamp(0.875rem, 0.033rem + 1.75vw, 1.875rem);
  }
}
.section-header:not(:last-child) {
  -webkit-margin-after: 6.25rem;
          margin-block-end: 6.25rem;
}
@media (max-width: 81.31125em) {
  .section-header:not(:last-child) {
    -webkit-margin-after: 5rem;
            margin-block-end: 5rem;
  }
}
@media (max-width: 37.31125em) {
  .section-header:not(:last-child) {
    -webkit-margin-after: 2.5rem;
            margin-block-end: 2.5rem;
  }
}
@media (max-width: 48.06125em) {
  .section-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.5rem;
  }
}
.section-header__title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: clamp(2.625rem, 1.084rem + 2.24vw, 3.438rem);
}
@media (min-width: 48.06125em) {
  .section-header__line {
    text-align: center;
    width: clamp(2.125rem, 0.228rem + 2.76vw, 3.125rem);
    block-size: clamp(3.438rem, -0.119rem + 5.17vw, 5.313rem);
    overflow: hidden;
  }
  .section-header__line::before {
    content: "";
    inline-size: 0.125rem;
    block-size: 100%;
    background-color: var(--primary-color-dark);
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg);
    border-radius: 0.5rem;
  }
}
@media (max-width: 48.06125em) {
  .section-header__line {
    border-radius: 0.5rem;
    inline-size: 7.5rem;
    block-size: 0.125rem;
    background-color: var(--primary-color-dark);
  }
}
@media (min-width: 48.06125em) {
  .section-header__text {
    max-width: 27.1875rem;
  }
}

.content-border {
  -webkit-padding-start: clamp(1.625rem, 0.677rem + 1.38vw, 2.125rem);
          padding-inline-start: clamp(1.625rem, 0.677rem + 1.38vw, 2.125rem);
  padding-block: clamp(1.625rem, 0.677rem + 1.38vw, 2.125rem);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: clamp(2.125rem, 0.228rem + 2.76vw, 3.125rem);
     -moz-column-gap: clamp(2.125rem, 0.228rem + 2.76vw, 3.125rem);
          column-gap: clamp(2.125rem, 0.228rem + 2.76vw, 3.125rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 68.81125em) {
  .content-border {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: clamp(1.5rem, 0.805rem + 2.65vw, 2.625rem);
    -webkit-padding-start: clamp(1.5rem, 0.761rem + 1.98vw, 2.125rem);
            padding-inline-start: clamp(1.5rem, 0.761rem + 1.98vw, 2.125rem);
    padding-block: clamp(1.5rem, 0.761rem + 1.98vw, 2.125rem);
  }
}
@media (max-width: 37.31125em) {
  .content-border {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    padding-block: 0;
  }
}
@media (min-width: 37.31125em) {
  .content-border::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset-block: 0rem;
    inset-inline-start: 0;
    inset-inline-end: -100%;
    border: 0.125rem solid var(--primary-color-dark);
    border-radius: 8.125rem 0rem 0rem 8.125rem;
  }
}
@media (min-width: 68.81125em) {
  .content-border::before {
    border-radius: 62.5rem 0rem 0rem 62.5rem;
  }
}
.content-border__media {
  position: relative;
  aspect-ratio: 1113/678;
  border-radius: 62.5rem;
  border: 0.125rem solid var(--primary-color-dark);
  padding: clamp(1.625rem, 0.677rem + 1.38vw, 2.125rem);
}
@media (min-width: 68.81125em) {
  .content-border__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 69.5625rem;
            flex: 0 1 69.5625rem;
  }
}
@media (max-width: 68.81125em) {
  .content-border__media {
    width: 100%;
    border-radius: 7.5rem;
    padding: clamp(1rem, 0.305rem + 2.65vw, 2.125rem);
  }
}
@media (max-width: 37.31125em) {
  .content-border__media {
    padding: 1.125rem;
    border-radius: 12.5rem;
  }
}
.content-border__media img {
  border-radius: inherit;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 37.31125em) and (max-width: 68.81125em) {
  .content-border__media img {
    border-radius: 6rem;
  }
}
.content-border__text--big {
  color: var(--primary-color-dark);
  text-align: right;
  font-family: var(--syne-font);
  font-size: clamp(2.625rem, -0.22rem + 4.14vw, 4.125rem);
  font-weight: 500;
  line-height: 1.1;
}
@media (min-width: 68.81125em) {
  .content-border__text--big {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 26.6875rem;
            flex: 0 1 26.6875rem;
  }
}
@media (max-width: 68.81125em) {
  .content-border__text--big {
    padding-inline: clamp(1rem, 0.305rem + 2.65vw, 2.125rem);
    font-size: clamp(2rem, 1.151rem + 3.24vw, 3.375rem);
  }
}

.demo__content.content-border > .content-border__media::before {
  content: "";
  position: absolute;
  cursor: pointer;
  inset: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  inline-size: 5.125rem;
  block-size: 5.125rem;
  border-radius: 50%;
  background: var(--header-bg) url("../img/icons/play_arrow.svg") center/3.125rem no-repeat;
}
html.dark .demo__content.content-border > .content-border__media::before {
  background: var(--header-bg) url("../img/icons/play_arrow_dark.svg") center/3.125rem no-repeat;
}

.how-it-works {
  background-color: var(--light);
  position: relative;
  z-index: 10;
}
.how-it-works::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset-block-end: -0.0625rem;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: clamp(3.125rem, 0.677rem + 5.31vw, 6.25rem);
  background-color: var(--background-color);
}
.how-it-works::after {
  content: "";
  z-index: -1;
  position: absolute;
  inset-block-end: 0rem;
  inset-inline-start: 0rem;
  inline-size: 35.78125%;
  block-size: clamp(6.25rem, 1.354rem + 10.62vw, 12.5rem);
  border-radius: 0rem 50rem 80rem 0rem;
  background-color: var(--light);
}
@media (max-width: 68.81125em) {
  .how-it-works::after {
    border-radius: 0rem 25rem 55rem 0rem;
  }
}
@media (max-width: 48.06125em) {
  .how-it-works::before, .how-it-works::after {
    display: none;
  }
}
.how-it-works__swipers-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(4.375rem, -6.339rem + 19.13vw, 13.75rem);
}
@media (max-width: 56.06125em) {
  .how-it-works__swipers-blocks {
    gap: clamp(1.125rem, -7.125rem + 17.19vw, 2.5rem);
  }
}
@media (max-width: 48.06125em) {
  .how-it-works__swipers-blocks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.text-swiper {
  margin: 0;
}
@media (min-width: 48.06125em) {
  .text-swiper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.25rem;
            flex: 0 0 16.25rem;
    -ms-flex-item-align: center;
        align-self: center;
  }
}
@media (min-width: 56.06125em) {
  .text-swiper {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.125rem;
            flex: 0 1 33.125rem;
  }
}
.text-swiper__wrapper {
  width: auto;
  height: auto;
  -webkit-margin-after: clamp(2.25rem, -1.607rem + 6.89vw, 5.625rem);
          margin-block-end: clamp(2.25rem, -1.607rem + 6.89vw, 5.625rem);
}
@media (max-width: 37.31125em) {
  .text-swiper__wrapper {
    -webkit-margin-after: clamp(1.125rem, -4.504rem + 18.8vw, 2.5rem);
            margin-block-end: clamp(1.125rem, -4.504rem + 18.8vw, 2.5rem);
  }
}
.text-swiper__slide {
  background-color: var(--light);
}
.text-swiper__slide.swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}
.text-swiper__slide > * {
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
}
@media (max-width: 37.31125em) {
  .text-swiper__slide > * {
    -webkit-margin-after: clamp(1.125rem, -4.504rem + 18.8vw, 2.5rem);
            margin-block-end: clamp(1.125rem, -4.504rem + 18.8vw, 2.5rem);
  }
}
.text-swiper__slide > :last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.text-swiper__number {
  color: var(--primary-color-dark);
  font-family: var(--syne-font);
  font-size: 3.8125rem;
  line-height: 1.1;
  -webkit-margin-after: 0.3125rem;
          margin-block-end: 0.3125rem;
}
@media (max-width: 37.31125em) {
  .text-swiper__number {
    line-height: 0.8;
    font-size: clamp(3.188rem, 0.629rem + 8.55vw, 3.813rem);
  }
}
@media (max-width: 37.31125em) {
  .text-swiper__title {
    font-size: clamp(2rem, -0.047rem + 6.84vw, 2.5rem);
  }
}
.text-swiper__buttons-block {
  -webkit-margin-after: clamp(2.25rem, -4.107rem + 11.35vw, 7.813rem);
          margin-block-end: clamp(2.25rem, -4.107rem + 11.35vw, 7.813rem);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}
@media (max-width: 37.31125em) {
  .text-swiper__buttons-block {
    display: none;
  }
}
.text-swiper__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
@media (any-hover: hover) {
  .text-swiper__button:hover {
    background-color: var(--primary-color);
  }
}
.text-swiper__button:active {
  background-color: var(--primary-color);
}
.text-swiper__button.icon-arrow-left, .text-swiper__button.icon-arrow-right {
  font-size: 1.125rem;
}
.text-swiper__pagination {
  text-align: left;
  position: relative;
  vertical-align: middle;
  font-family: var(--syne-font);
  font-size: 2.5rem;
  line-height: 1.1;
  color: var(--primary-color-dark);
}

.img-swiper {
  margin: 0;
}
@media (min-width: 48.06125em) and (max-width: 56.06125em) {
  .img-swiper {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
@media (min-width: 48.06125em) {
  .img-swiper {
    -webkit-padding-end: clamp(0px, -18.28vw + 307.02px, 106px);
            padding-inline-end: clamp(0px, -18.28vw + 307.02px, 106px);
    -webkit-box-flex: 0;
        -ms-flex: 0 1 clamp(53.75rem, 41.897rem + 17.24vw, 60rem);
            flex: 0 1 clamp(53.75rem, 41.897rem + 17.24vw, 60rem);
  }
}
.img-swiper__wrapper {
  height: auto;
  width: auto;
}
.img-swiper__slide {
  aspect-ratio: 567/681;
  border-radius: 3.125rem;
}
@media (min-width: 48.06125em) {
  .img-swiper__slide {
    max-width: clamp(25rem, 13.071rem + 21.3vw, 35.438rem);
  }
}
@media (max-width: 48.06125em) {
  .img-swiper__slide {
    max-width: clamp(18.125rem, 1.551rem + 55.36vw, 28.125rem);
  }
}
.img-swiper__slide img {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: grayscale(20%) blur(0.25rem) brightness(1.4) contrast(0.6) opacity(0.8);
          filter: grayscale(20%) blur(0.25rem) brightness(1.4) contrast(0.6) opacity(0.8);
  -webkit-transition: -webkit-filter 200ms;
  transition: -webkit-filter 200ms;
  transition: filter 200ms;
  transition: filter 200ms, -webkit-filter 200ms;
}
.img-swiper__slide.swiper-slide-active img {
  -webkit-filter: none;
          filter: none;
}

.grid-benefits {
  display: grid;
  -webkit-column-gap: clamp(1rem, -1.039rem + 4.42vw, 2rem);
     -moz-column-gap: clamp(1rem, -1.039rem + 4.42vw, 2rem);
          column-gap: clamp(1rem, -1.039rem + 4.42vw, 2rem);
  row-gap: clamp(1.125rem, -1.483rem + 3.79vw, 2.5rem);
}
@media (min-width: 29.99875em) {
  .grid-benefits {
    grid-auto-rows: 5.375rem;
  }
}
@media (min-width: 46.18625em) {
  .grid-benefits {
    grid-template-columns: repeat(3, 0.33334fr);
  }
}
@media (min-width: 68.81125em) {
  .grid-benefits {
    grid-template-columns: repeat(4, 0.25fr);
    grid-auto-rows: clamp(4.625rem, 0.773rem + 5.6vw, 6.656rem);
    -webkit-column-gap: clamp(0.875rem, 0.164rem + 1.03vw, 1.25rem);
       -moz-column-gap: clamp(0.875rem, 0.164rem + 1.03vw, 1.25rem);
            column-gap: clamp(0.875rem, 0.164rem + 1.03vw, 1.25rem);
  }
}
@media (max-width: 46.18625em) {
  .grid-benefits {
    grid-template-columns: repeat(2, 0.5fr);
  }
}
@media (max-width: 29.99875em) {
  .grid-benefits {
    grid-template-columns: 1fr;
    row-gap: 1.5rem;
  }
}
.grid-benefits__item > * {
  -webkit-margin-after: clamp(1.5rem, -0.397rem + 2.76vw, 2.5rem);
          margin-block-end: clamp(1.5rem, -0.397rem + 2.76vw, 2.5rem);
}
@media (max-width: 68.81125em) {
  .grid-benefits__item > * {
    -webkit-margin-after: 1rem;
            margin-block-end: 1rem;
  }
}
.grid-benefits__item > :last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
@media (min-width: 29.99875em) {
  .grid-benefits__item:nth-child(1), .grid-benefits__item:nth-child(3), .grid-benefits__item:nth-child(4), .grid-benefits__item:nth-child(5), .grid-benefits__item:nth-child(6), .grid-benefits__item:nth-child(7) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.grid-benefits__item:nth-child(1), .grid-benefits__item:nth-child(2), .grid-benefits__item:nth-child(4), .grid-benefits__item:nth-child(7) {
  border-radius: clamp(8.75rem, -3.103rem + 17.24vw, 15rem);
}
@media (max-width: 68.81125em) {
  .grid-benefits__item:nth-child(1), .grid-benefits__item:nth-child(2), .grid-benefits__item:nth-child(4), .grid-benefits__item:nth-child(7) {
    border-radius: clamp(2.5rem, 0.572rem + 6.44vw, 5rem);
  }
}
.grid-benefits__item:nth-child(1), .grid-benefits__item:nth-child(4), .grid-benefits__item:nth-child(7) {
  padding-block: 6.25rem;
  padding-inline: clamp(1.5rem, -1.392rem + 6.02vw, 2.75rem);
}
@media (min-width: 68.81125em) {
  .grid-benefits__item:nth-child(1), .grid-benefits__item:nth-child(4), .grid-benefits__item:nth-child(7) {
    padding-block: clamp(2.5rem, -9.353rem + 17.24vw, 8.75rem);
    padding-inline: clamp(1.625rem, -3.507rem + 6.32vw, 3.125rem);
  }
}
@media (max-width: 29.99875em) {
  .grid-benefits__item:nth-child(1), .grid-benefits__item:nth-child(4), .grid-benefits__item:nth-child(7) {
    padding: 3.75rem 3.125rem;
  }
}
.grid-benefits__item:nth-child(3), .grid-benefits__item:nth-child(5), .grid-benefits__item:nth-child(6) {
  padding: clamp(1.25rem, -5.164rem + 7.89vw, 3.125rem);
}
@media (max-width: 68.81125em) {
  .grid-benefits__item:nth-child(3), .grid-benefits__item:nth-child(5), .grid-benefits__item:nth-child(6) {
    padding: 0.5rem;
  }
}
@media (max-width: 29.99875em) {
  .grid-benefits__item:nth-child(3), .grid-benefits__item:nth-child(5), .grid-benefits__item:nth-child(6) {
    padding: 1.875rem 3.125rem;
  }
}
.grid-benefits__item:nth-child(1) {
  background-color: var(--primary-color);
}
html.dark .grid-benefits__item:nth-child(1) > * {
  color: var(--light);
}
.grid-benefits__item:nth-child(4) {
  background-color: var(--light);
}
.grid-benefits__item:nth-child(7) {
  background-color: var(--primary-color-dark);
}
html.dark .grid-benefits__item:nth-child(7) {
  background-color: var(--absolute-white);
}
html.dark .grid-benefits__item:nth-child(7) > .grid-benefits__title {
  color: var(--primary-color);
}
html.dark .grid-benefits__item:nth-child(7) > .grid-benefits__text {
  color: var(--primary-color-dark);
}
@media (max-width: 29.99875em) {
  .grid-benefits__item:nth-child(2) {
    max-height: 27.5rem;
  }
}
.grid-benefits__item:nth-child(2) > img {
  inline-size: 100%;
  block-size: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 68.81125em) {
  .grid-benefits__item:nth-child(8) > .grid-benefits__content {
    aspect-ratio: 394/394;
    border-radius: 50%;
  }
}
@media (max-width: 68.81125em) {
  .grid-benefits__item:nth-child(8) > .grid-benefits__content {
    border-radius: clamp(2.5rem, 0.572rem + 6.44vw, 5rem);
    height: 100%;
  }
}
@media (max-width: 29.99875em) {
  .grid-benefits__item:nth-child(8) > .grid-benefits__content {
    max-height: 27.5rem;
    border-radius: 2.5rem;
  }
}
.grid-benefits__item:nth-child(8) > .grid-benefits__content > img {
  inline-size: 100%;
  block-size: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 29.99875em) {
  .grid-benefits__item:is(:nth-child(1), :nth-child(2), :nth-child(4), :nth-child(7)) {
    grid-row: span 4;
  }
  .grid-benefits__item:is(:nth-child(3), :nth-child(5), :nth-child(6), :nth-child(8)) {
    grid-row: span 3;
  }
}
@media (min-width: 68.81125em) {
  .grid-benefits__item:is(:nth-child(5), :nth-child(6), :nth-child(8)) {
    grid-row: 5/span 3;
  }
  .grid-benefits__item:is(:nth-child(7)) {
    grid-row: 4/span 4;
  }
}
.grid-benefits__title {
  font-size: clamp(1.75rem, 0.328rem + 2.07vw, 2.5rem);
}
@media (max-width: 68.81125em) {
  .grid-benefits__title {
    font-size: clamp(1.5rem, 0.921rem + 1.93vw, 2.25rem);
  }
}
@media (max-width: 46.18625em) {
  .grid-benefits__title {
    font-size: clamp(1.75rem, 1.056rem + 2.32vw, 2.125rem);
  }
}
.grid-benefits__text {
  font-size: clamp(1rem, 0.289rem + 1.03vw, 1.375rem);
}
@media (max-width: 68.81125em) {
  .grid-benefits__text {
    font-size: clamp(1rem, 0.235rem + 1.66vw, 1.375rem);
  }
}
@media (max-width: 46.18625em) {
  .grid-benefits__text {
    font-size: clamp(1rem, 0.538rem + 1.54vw, 1.25rem);
  }
}

.grid-recipes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: clamp(31.25rem, 3.799rem + 49.02vw, 37.5rem);
  gap: clamp(1.5rem, -1.245rem + 4.9vw, 2.125rem);
}
@media (min-width: 68.81125em) {
  .grid-recipes {
    grid-template-columns: 809fr 778fr;
    grid-auto-rows: clamp(16.25rem, 11.509rem + 6.9vw, 18.75rem);
    -webkit-column-gap: clamp(1.5rem, -1.582rem + 4.48vw, 3.125rem);
       -moz-column-gap: clamp(1.5rem, -1.582rem + 4.48vw, 3.125rem);
            column-gap: clamp(1.5rem, -1.582rem + 4.48vw, 3.125rem);
    row-gap: clamp(1.5rem, 0.789rem + 1.03vw, 1.875rem);
  }
}
@media (max-width: 56.06125em) {
  .grid-recipes {
    grid-template-rows: clamp(31.25rem, 13.867rem + 46.67vw, 40rem) clamp(17rem, 13.523rem + 9.33vw, 18.75rem) 41.25rem;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.5rem, 0.01rem + 4vw, 2.25rem);
  }
}
@media (max-width: 37.31125em) {
  .grid-recipes {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-rows: 17rem;
  }
}
@media (max-width: 29.99875em) {
  .grid-recipes {
    grid-auto-rows: auto;
  }
}
@media (min-width: 68.81125em) {
  .grid-recipes__item:is(:nth-child(1)) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid-recipes__item:is(:nth-child(2)) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .grid-recipes__item:is(:nth-child(3)) {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .grid-recipes__item:is(:nth-child(4)) {
    grid-column: 2/3;
    grid-row: 1/span 3;
  }
}
.grid-recipes__item:where(:nth-child(4)) {
  grid-column: 1/-1;
  grid-row: 2;
}
@media (max-width: 56.06125em) {
  .grid-recipes__item:is(:nth-child(1)) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid-recipes__item:is(:nth-child(2)) {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .grid-recipes__item:is(:nth-child(3)) {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
  .grid-recipes__item:is(:nth-child(4)) {
    grid-column: 1/-1;
    grid-row: 3/4;
  }
}
@media (max-width: 37.31125em) {
  .grid-recipes__item:is(:nth-child(1)) {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
  .grid-recipes__item:is(:nth-child(2)) {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
  .grid-recipes__item:is(:nth-child(3)) {
    grid-column: 1/-1;
    grid-row: 3/4;
  }
  .grid-recipes__item:is(:nth-child(4)) {
    grid-column: 1/-1;
    grid-row: 4/span 2;
  }
}
@media (max-width: 29.99875em) {
  .grid-recipes__item:is(:nth-child(4)) {
    grid-row: 4/5;
  }
}

.recipes-card {
  padding-block: clamp(1.625rem, -0.034rem + 2.41vw, 2.5rem);
  padding-inline: clamp(1.625rem, -2.405rem + 5.86vw, 3.75rem);
  border-radius: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(1rem, -1.845rem + 4.14vw, 2.5rem);
     -moz-column-gap: clamp(1rem, -1.845rem + 4.14vw, 2.5rem);
          column-gap: clamp(1rem, -1.845rem + 4.14vw, 2.5rem);
}
@media (max-width: 68.81125em) {
  .recipes-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: clamp(1.75rem, -0.995rem + 4.9vw, 2.375rem);
    row-gap: 0.75rem;
  }
}
@media (max-width: 56.06125em) {
  .recipes-card {
    padding-block: clamp(1.625rem, -0.113rem + 4.67vw, 2.5rem);
    padding-inline: clamp(1.625rem, -2.597rem + 11.33vw, 3.75rem);
  }
}
@media (max-width: 37.31125em) {
  .recipes-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 29.99875em) {
  .recipes-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: clamp(1rem, -0.466rem + 7.82vw, 1.875rem);
    padding: clamp(1.5rem, -0.176rem + 8.94vw, 2.5rem);
  }
}
.recipes-card--border {
  border: 0.125rem solid var(--primary-color-dark);
}
.recipes-card--reverse {
  border-radius: clamp(3.125rem, -14.655rem + 25.86vw, 12.5rem);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  background-color: var(--primary-color);
}
@media (max-width: 68.81125em) {
  .recipes-card--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (max-width: 37.31125em) {
  .recipes-card--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (max-width: 29.99875em) {
  .recipes-card--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
html.dark .recipes-card--reverse > .recipes-card__content > .recipes-card__title {
  color: var(--light);
}
html.dark .recipes-card--reverse > .recipes-card__content > .recipes-card__button {
  color: var(--primary-color-dark);
  background-color: var(--absolute-white);
  border-color: var(--absolute-white);
}
@media (any-hover: hover) {
  html.dark .recipes-card--reverse > .recipes-card__content > .recipes-card__button:hover {
    color: var(--light);
    background-color: var(--primary-color-dark);
    border-color: var(--absolute-white);
  }
}
html.dark .recipes-card--reverse > .recipes-card__content > .recipes-card__button:active {
  color: var(--light);
  background-color: var(--primary-color-dark);
  border-color: var(--absolute-white);
}
@media (min-width: 37.31125em) and (max-width: 56.06125em) {
  .recipes-card--border > .recipes-card__content > .recipes-card__button, .recipes-card--reverse > .recipes-card__content > .recipes-card__button {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-inline: 0.5rem;
  }
}
.recipes-card--light {
  background-color: var(--light);
}
@media (max-width: 56.06125em) {
  .recipes-card--light {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: clamp(1rem, -0.723rem + 5.76vw, 2.5rem);
       -moz-column-gap: clamp(1rem, -0.723rem + 5.76vw, 2.5rem);
            column-gap: clamp(1rem, -0.723rem + 5.76vw, 2.5rem);
  }
}
@media (max-width: 29.99875em) {
  .recipes-card--light {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.recipes-card__content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1rem, -0.659rem + 2.41vw, 1.875rem);
}
@media (max-width: 68.81125em) {
  .recipes-card__content {
    row-gap: clamp(1rem, -0.035rem + 2.78vw, 1.875rem);
  }
}
@media (max-width: 29.99875em) {
  .recipes-card__content {
    row-gap: clamp(1rem, -0.257rem + 6.7vw, 1.75rem);
  }
}
.recipes-card__title {
  font-family: var(--syne-font);
  font-size: clamp(1.75rem, 1.039rem + 1.03vw, 2.125rem);
  line-height: 1.1;
  color: var(--primary-color-dark);
}
@media (max-width: 68.81125em) {
  .recipes-card__title {
    font-size: clamp(1.75rem, 0.103rem + 2.94vw, 2.125rem);
  }
}
@media (max-width: 56.06125em) {
  .recipes-card__title {
    font-size: clamp(1.625rem, 0.907rem + 2.4vw, 2.25rem);
  }
}
@media (max-width: 29.99875em) {
  .recipes-card__title {
    font-size: clamp(1.625rem, 0.578rem + 5.59vw, 2.25rem);
  }
}
.recipes-card__button {
  padding-inline: clamp(2rem, 1.052rem + 1.38vw, 2.5rem);
  border-color: var(--primary-color-dark);
}
html.dark .recipes-card__button {
  border-color: transparent;
}
@media (min-width: 56.06125em) and (max-width: 68.81125em) {
  .recipes-card__button {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-inline: 0.5rem;
  }
}
@media (max-width: 37.31125em) {
  .recipes-card__button {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-inline: 0.375rem;
  }
}
@media (max-width: 29.99875em) {
  .recipes-card__button {
    padding-block: 0.875rem;
  }
}
.recipes-card__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 13.75rem;
          flex: 0 0 13.75rem;
  aspect-ratio: 220/220;
}
@media (max-width: 37.31125em) {
  .recipes-card__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 clamp(11.25rem, 1.015rem + 34.19vw, 13.75rem);
            flex: 0 0 clamp(11.25rem, 1.015rem + 34.19vw, 13.75rem);
  }
}
@media (max-width: 29.99875em) {
  .recipes-card__img {
    max-width: 21.25rem;
  }
}
.recipes-card__img img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.recipes-card-big__img {
  height: 100%;
  border-radius: 3.125rem;
  position: relative;
}
.recipes-card-big__img img {
  border-radius: inherit;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recipes-card-big__special-element {
  position: absolute;
  z-index: 1;
  block-size: 5.625rem;
  background-color: var(--background-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.125rem;
  padding-inline: 0.75rem;
}
@media (min-width: 26.31125em) {
  .recipes-card-big__special-element {
    inset-block-start: -0.0625rem;
    inset-inline-start: -0.0625rem;
    border-radius: 0rem 0rem 2.625rem 0rem;
    inline-size: clamp(16.875rem, 12.536rem + 14.49vw, 22.5rem);
  }
  .recipes-card-big__special-element::before, .recipes-card-big__special-element::after {
    content: "";
    position: absolute;
    z-index: -1;
    inline-size: 3.125rem;
    aspect-ratio: 1;
  }
  .recipes-card-big__special-element::before {
    inset-inline-start: 0rem;
    inset-block-end: -3.125rem;
    border-start-start-radius: 3.125rem;
    -webkit-box-shadow: -0.7375rem -0.7375rem 0rem 0.375rem var(--background-color);
            box-shadow: -0.7375rem -0.7375rem 0rem 0.375rem var(--background-color);
  }
  .recipes-card-big__special-element::after {
    inset-inline-end: -3.125rem;
    inset-block-start: 0.09375rem;
    border-start-start-radius: 3.125rem;
    -webkit-box-shadow: -0.7375rem -0.7375rem 0rem 0.375rem var(--background-color);
            box-shadow: -0.7375rem -0.7375rem 0rem 0.375rem var(--background-color);
  }
}
@media (min-width: 68.81125em) {
  .recipes-card-big__special-element {
    inline-size: clamp(18.125rem, 9.828rem + 12.07vw, 22.5rem);
  }
}
@media (max-width: 26.31125em) {
  .recipes-card-big__special-element {
    block-size: 6.875rem;
    padding: 0.625rem;
    inset-inline: 0.875rem;
    inset-block-end: 1.125rem;
    border-radius: 1.875rem;
  }
  html.dark .recipes-card-big__special-element {
    background-color: var(--light);
  }
}
.recipes-card-big__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 12.875rem;
          flex: 0 1 12.875rem;
  font-family: var(--syne-font);
  font-size: clamp(1.75rem, 1.039rem + 1.03vw, 2.125rem);
  line-height: 1.1;
  color: var(--primary-color-dark);
}
@media (max-width: 68.81125em) {
  .recipes-card-big__text {
    font-size: clamp(1.625rem, 1.034rem + 1.59vw, 2.125rem);
    -webkit-box-flex: 0;
        -ms-flex: 0 1 clamp(9.625rem, 5.782rem + 10.32vw, 12.875rem);
            flex: 0 1 clamp(9.625rem, 5.782rem + 10.32vw, 12.875rem);
  }
}
.recipes-card-big__button {
  padding: 1.125rem 1.625rem;
  background-color: transparent;
  border: 0.125rem solid var(--primary-color-dark);
}
.recipes-card-big__button.icon-arrow-right {
  font-size: 1.125rem;
  line-height: 0;
}
@media (max-width: 29.99875em) {
  .recipes-card-big__button {
    padding: 1.125rem 1.5rem;
  }
}
html.dark .recipes-card-big__button {
  color: var(--primary-color-dark);
  border-color: var(--primary-color-dark);
}
@media (any-hover: hover) {
  html.dark .recipes-card-big__button:hover {
    color: var(--absolute-white);
    background-color: var(--primary-color);
    border-color: transparent;
  }
}
html.dark .recipes-card-big__button:active {
  color: var(--absolute-white);
  background-color: var(--primary-color);
  border-color: transparent;
}

.testimonials__swiper-wrapper {
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
}
@media (max-width: 37.31125em) {
  .testimonials__swiper-wrapper {
    -webkit-margin-after: 1.5rem;
            margin-block-end: 1.5rem;
  }
}
.testimonials__slide {
  height: auto;
  width: auto;
  padding: 3.75rem 3.125rem;
  border-radius: 1.5rem;
  background-color: var(--light);
  -webkit-transition: background-color 0.6s ease-out;
  transition: background-color 0.6s ease-out;
}
@media (min-width: 26.93625em) {
  .testimonials__slide {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24.6875rem;
            flex: 0 0 24.6875rem;
  }
}
.testimonials__slide > * {
  -webkit-margin-after: 3.125rem;
          margin-block-end: 3.125rem;
}
.testimonials__slide > :last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
@media (max-width: 26.93625em) {
  .testimonials__slide {
    width: 100%;
    padding: 2.5rem 1.875rem;
  }
}
@media (any-hover: hover) {
  .testimonials__slide:hover {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    background-color: var(--primary-color-dark);
  }
  .testimonials__slide:hover .testimonials__quote {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    color: var(--absolute-white);
  }
  .testimonials__slide:hover .testimonials__quote::before {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    color: var(--primary-color);
  }
  html.dark .testimonials__slide:hover .testimonials__quote::before {
    color: var(--absolute-white);
  }
  .testimonials__slide:hover .testimonials__name {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    color: var(--absolute-white);
  }
}
.testimonials__quote {
  position: relative;
  -webkit-transition: color 0.6s ease-out;
  transition: color 0.6s ease-out;
}
.testimonials__quote::before {
  content: "\e904";
  font-family: "icomoon";
  font-size: 1.375rem;
  color: var(--primary-color-dark);
  position: absolute;
  bottom: -2.25rem;
  right: 0;
  -webkit-transition: color 0.6s ease-out;
  transition: color 0.6s ease-out;
}
html.dark .testimonials__quote::before {
  color: var(--primary-color);
}
.testimonials__author {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.9375rem;
     -moz-column-gap: 0.9375rem;
          column-gap: 0.9375rem;
}
.testimonials__avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.75rem;
          flex: 0 0 3.75rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.testimonials__avatar img {
  border-radius: inherit;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonials__name {
  -webkit-transition: color 0.6s ease-out;
  transition: color 0.6s ease-out;
}
.testimonials__pagination {
  position: relative;
  vertical-align: middle;
  font-family: var(--syne-font);
  font-size: 2.5rem;
  line-height: 1.1;
  color: var(--primary-color-dark);
}

.price__cards-container {
  position: relative;
}
@media (min-width: 68.81125em) {
  .price__cards-container {
    padding-inline: clamp(2.5rem, -8.168rem + 15.52vw, 8.125rem);
  }
}
@media (max-width: 68.81125em) {
  .price__cards-container {
    padding-block: clamp(1.875rem, -0.342rem + 5.95vw, 3.75rem);
  }
}
@media (max-width: 37.31125em) {
  .price__cards-container {
    padding-block: 0;
  }
}
.price__cards-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 4;
}
@media (max-width: 68.81125em) {
  .price__cards-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 37.31125em) {
  .price__cards-list {
    row-gap: 1.5rem;
  }
}
.price__backgraund-img {
  position: absolute;
}
@media (min-width: 68.81125em) {
  .price__backgraund-img {
    inset-block: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    inline-size: 14.652014652%;
    block-size: 81.25%;
    border-radius: 2.75rem 0rem 0rem 2.75rem;
  }
}
@media (max-width: 68.81125em) {
  .price__backgraund-img {
    inset-inline: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    inline-size: 76.0456273764%;
    block-size: 17.3913043478%;
    border-radius: 2.75rem 2.75rem 0rem 0rem;
  }
}
@media (max-width: 37.31125em) {
  .price__backgraund-img {
    display: none;
  }
}
@media (min-width: 68.81125em) {
  .price__backgraund-img--left {
    inset-inline-start: 0;
  }
}
@media (max-width: 68.81125em) {
  .price__backgraund-img--left {
    inset-block-start: 0;
  }
}
@media (min-width: 68.81125em) {
  .price__backgraund-img--right {
    inset-inline-end: 0;
  }
}
@media (max-width: 68.81125em) {
  .price__backgraund-img--right {
    inset-block-end: 0;
  }
}
.price__backgraund-img--right img {
  rotate: 180deg;
}
.price__backgraund-img img {
  border-radius: inherit;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-price {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 28.125rem;
          flex: 0 1 28.125rem;
  background-color: var(--absolute-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-block: clamp(1.875rem, -2.866rem + 6.9vw, 4.375rem);
  padding-inline: clamp(1.25rem, -2.306rem + 5.17vw, 3.125rem);
  text-align: center;
  border: 0.125rem solid var(--primary-color-dark);
}
@media (min-width: 37.31125em) and (max-width: 68.81125em) {
  .card-price {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto 4.1875rem;
    gap: clamp(1.25rem, 0.954rem + 0.79vw, 1.5rem);
    padding-inline: clamp(1.25rem, -1.706rem + 7.94vw, 3.75rem);
    padding-block: clamp(1.625rem, -0.149rem + 4.76vw, 3.125rem);
  }
  .card-price .card-price__header {
    grid-column: 1/2;
    grid-row: 1/2;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .card-price .card-price__features {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .card-price .card-price__text {
    grid-column: 1/-1;
  }
  .card-price .card-price__button {
    grid-column: 1/-1;
  }
}
@media (max-width: 37.31125em) {
  .card-price {
    padding-block: clamp(1.25rem, -1.733rem + 11.36vw, 2.5rem);
    padding-inline: clamp(1.25rem, -3.224rem + 17.05vw, 3.125rem);
  }
}
@media (min-width: 68.81125em) {
  .card-price--left {
    border-radius: 2.75rem 0rem 0rem 2.75rem;
    -webkit-border-end: transparent;
            border-inline-end: transparent;
  }
}
@media (max-width: 68.81125em) {
  .card-price--left {
    border-radius: 2.75rem 2.75rem 0rem 0rem;
    -webkit-border-after: transparent;
            border-block-end: transparent;
  }
}
@media (min-width: 68.81125em) {
  .card-price--right {
    border-radius: 0rem 2.75rem 2.75rem 0rem;
    -webkit-border-start: transparent;
            border-inline-start: transparent;
  }
}
@media (max-width: 68.81125em) {
  .card-price--right {
    border-radius: 0rem 0rem 2.75rem 2.75rem;
    -webkit-border-before: transparent;
            border-block-start: transparent;
  }
}
@media (min-width: 68.81125em) {
  .card-price--left, .card-price--right {
    margin-block: 3.125rem;
  }
}
@media (min-width: 37.31125em) and (max-width: 68.81125em) {
  .card-price--left, .card-price--right {
    margin-inline: clamp(1.25rem, -0.967rem + 5.95vw, 3.125rem);
  }
}
@media (max-width: 48.06125em) {
  .card-price--left, .card-price--right {
    border-radius: 2.75rem;
  }
}
@media (max-width: 37.31125em) {
  .card-price--left, .card-price--right {
    border-block: 0.125rem solid var(--primary-color-dark);
  }
}
@media (any-hover: hover) {
  html.dark .card-price--left > .card-price__button:hover, html.dark .card-price--right > .card-price__button:hover {
    color: var(--light);
    background-color: var(--primary-color-dark);
  }
}
html.dark .card-price--left > .card-price__button:active, html.dark .card-price--right > .card-price__button:active {
  color: var(--light);
  background-color: var(--primary-color-dark);
}
.card-price--active {
  background-color: var(--primary-color);
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30rem;
          flex: 0 1 30rem;
  border-radius: 2.75rem;
}
html.dark .card-price--active > .card-price__header *,
html.dark .card-price--active > .card-price__features,
html.dark .card-price--active > .card-price__features *,
html.dark .card-price--active > .card-price__text * {
  color: var(--absolute-white);
  border-color: var(--absolute-white);
}
.card-price--active > .card-price__button--animation {
  position: relative;
}
@keyframes slide {
  0% {
    background-position: 130%;
    opacity: 1;
  }
  to {
    background-position: -166%;
    opacity: 0;
  }
}
.card-price--active > .card-price__button--animation::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(-65deg, rgba(0, 0, 0, 0) 40%, rgba(241, 242, 237, 0.5) 50%, rgba(0, 0, 0, 0) 70%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  -webkit-animation: slide 3s cubic-bezier(0.86, 0, 0.07, 1) infinite;
          animation: slide 3s cubic-bezier(0.86, 0, 0.07, 1) infinite;
}
@media (any-hover: hover) {
  .card-price--active > .card-price__button--animation:hover::before {
    display: none;
  }
}
@media (any-hover: hover) {
  .card-price--active > .card-price__button:hover {
    background-color: var(--absolute-white);
  }
}
.card-price--active > .card-price__button:active {
  background-color: var(--absolute-white);
}
html.dark .card-price--active > .card-price__button {
  color: var(--primary-color-dark);
  background-color: var(--absolute-white);
}
@media (any-hover: hover) {
  html.dark .card-price--active > .card-price__button:hover {
    color: var(--light);
    background-color: var(--primary-color-dark);
    border-color: var(--absolute-white);
  }
}
html.dark .card-price--active > .card-price__button:active {
  color: var(--light);
  background-color: var(--primary-color-dark);
  border-color: var(--absolute-white);
}
.card-price__header {
  -webkit-margin-after: clamp(2.25rem, 0.591rem + 2.41vw, 3.125rem);
          margin-block-end: clamp(2.25rem, 0.591rem + 2.41vw, 3.125rem);
}
@media (min-width: 37.31125em) and (max-width: 68.81125em) {
  .card-price__header {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}
@media (max-width: 37.31125em) {
  .card-price__header {
    -webkit-margin-after: 1.75rem;
            margin-block-end: 1.75rem;
  }
}
.card-price__header > * {
  -webkit-margin-after: clamp(1.25rem, 0.776rem + 0.69vw, 1.5rem);
          margin-block-end: clamp(1.25rem, 0.776rem + 0.69vw, 1.5rem);
}
.card-price__header > :last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.card-price__cost > * {
  -webkit-margin-after: 0.3125rem;
          margin-block-end: 0.3125rem;
}
.card-price__cost > :last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.card-price__value {
  color: var(--primary-color-dark);
  font-size: 2.8125rem;
  font-weight: 600;
  line-height: 1.1;
}
.card-price__features {
  -webkit-padding-start: 1.375rem;
          padding-inline-start: 1.375rem;
  text-align: start;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.25rem, 0.776rem + 0.69vw, 1.5rem);
  -webkit-padding-after: clamp(2.5rem, 0.129rem + 3.45vw, 3.75rem);
          padding-block-end: clamp(2.5rem, 0.129rem + 3.45vw, 3.75rem);
  -webkit-border-after: 0.125rem solid var(--primary-color-dark);
          border-block-end: 0.125rem solid var(--primary-color-dark);
  -webkit-margin-after: clamp(2.188rem, -0.183rem + 3.45vw, 3.438rem);
          margin-block-end: clamp(2.188rem, -0.183rem + 3.45vw, 3.438rem);
}
@media (min-width: 37.31125em) and (max-width: 68.81125em) {
  .card-price__features {
    -webkit-padding-after: 0;
            padding-block-end: 0;
    -webkit-border-after: none;
            border-block-end: none;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 37.31125em) {
  .card-price__features {
    -webkit-padding-after: 2rem;
            padding-block-end: 2rem;
    -webkit-margin-after: 1.5rem;
            margin-block-end: 1.5rem;
    row-gap: 1rem;
  }
}
html.dark .card-price__features {
  border-color: var(--absolute-white);
}
.card-price__feature-item {
  list-style: disc;
  color: var(--primary-color-dark);
  font-size: 1.375rem;
  line-height: 1.1;
}
.card-price__text {
  text-align: start;
  -webkit-margin-after: clamp(2.188rem, 0.409rem + 2.59vw, 3.125rem);
          margin-block-end: clamp(2.188rem, 0.409rem + 2.59vw, 3.125rem);
}
@media (min-width: 68.81125em) {
  .card-price__text {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (min-width: 37.31125em) and (max-width: 68.81125em) {
  .card-price__text {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}
@media (max-width: 37.31125em) {
  .card-price__text {
    -webkit-margin-after: 1.75rem;
            margin-block-end: 1.75rem;
  }
}
.card-price__text-bold {
  font-weight: 600;
}
.card-price__button {
  padding-inline: 0.5rem;
  width: 100%;
}
@media (any-hover: hover) {
  .card-price__button:hover {
    background-color: var(--primary-color);
  }
}
.card-price__button:active {
  background-color: var(--primary-color);
}

.healthy {
  background-color: var(--light);
  position: relative;
  z-index: 2;
}
.healthy::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset-block-start: -0.0625rem;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: clamp(3.125rem, 0.677rem + 5.31vw, 6.25rem);
  background-color: var(--background-color);
}
.healthy::after {
  content: "";
  z-index: 2;
  position: absolute;
  inset-block-start: 0rem;
  inset-inline-start: 0rem;
  inline-size: 35.78125%;
  block-size: clamp(6.25rem, 1.354rem + 10.62vw, 12.5rem);
  border-radius: 0rem 80rem 50rem 0rem;
  background-color: var(--light);
}
@media (max-width: 68.81125em) {
  .healthy::after {
    border-radius: 0rem 50rem 30rem 0rem;
  }
}
@media (max-width: 48.06125em) {
  .healthy::before, .healthy::after {
    display: none;
  }
}

.list-healthy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 68.81125em) {
  .list-healthy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.list-healthy__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.875rem;
  -webkit-padding-before: clamp(1rem, -0.659rem + 2.41vw, 1.875rem);
          padding-block-start: clamp(1rem, -0.659rem + 2.41vw, 1.875rem);
  padding-inline: clamp(1rem, -0.659rem + 2.41vw, 1.875rem);
  -webkit-padding-after: clamp(1.625rem, -3.591rem + 7.59vw, 4.375rem);
          padding-block-end: clamp(1.625rem, -3.591rem + 7.59vw, 4.375rem);
  border-radius: 3.125rem;
  background-color: var(--absolute-white);
}
@media (min-width: 68.81125em) {
  .list-healthy__article {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 31.25rem;
            flex: 1 1 31.25rem;
  }
}
@media (min-width: 37.31125em) and (max-width: 68.81125em) {
  .list-healthy__article {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: clamp(0.875rem, 0.136rem + 1.98vw, 1.5rem);
    border-radius: clamp(2.375rem, 1.488rem + 2.38vw, 3.125rem);
  }
}
@media (max-width: 37.31125em) {
  .list-healthy__article {
    border-radius: clamp(2.5rem, 0.301rem + 9.26vw, 3.75rem);
    row-gap: 1.5rem;
    padding: clamp(1.5rem, 0.4rem + 4.63vw, 2.125rem);
  }
}
.list-healthy__image {
  aspect-ratio: 473/473;
  border-radius: 1.875rem;
}
@media (min-width: 68.81125em) {
  .list-healthy__image {
    max-width: 29.5625rem;
  }
}
@media (min-width: 37.31125em) and (max-width: 68.81125em) {
  .list-healthy__image {
    border-radius: clamp(1.75rem, 1.602rem + 0.4vw, 1.875rem);
    aspect-ratio: 470/380;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 29.375rem;
            flex: 1 1 29.375rem;
  }
}
@media (max-width: 37.31125em) {
  .list-healthy__image {
    border-radius: clamp(1.5rem, 0.181rem + 5.56vw, 2.25rem);
  }
}
@media (max-width: 29.99875em) {
  .list-healthy__image {
    aspect-ratio: 280/280;
  }
}
.list-healthy__image img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.list-healthy__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 1.875rem;
}
@media (min-width: 68.81125em) {
  .list-healthy__content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (min-width: 37.31125em) and (max-width: 68.81125em) {
  .list-healthy__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 31.25rem;
            flex: 0 1 31.25rem;
  }
}
@media (max-width: 37.31125em) {
  .list-healthy__content {
    row-gap: 1.5rem;
  }
}
@media (min-width: 68.81125em) {
  .list-healthy__title {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: clamp(1.75rem, -0.816rem + 3.16vw, 2.5rem);
  }
}
@media (min-width: 37.31125em) and (max-width: 68.81125em) {
  .list-healthy__title {
    font-size: clamp(1.5rem, 0.208rem + 3.33vw, 2.5rem);
  }
}
@media (max-width: 37.31125em) {
  .list-healthy__title {
    font-size: clamp(2rem, 1.12rem + 3.7vw, 2.5rem);
  }
}
@media (min-width: 37.31125em) and (max-width: 68.81125em) {
  .list-healthy__button {
    padding-inline: clamp(1.5rem, 0.317rem + 3.17vw, 2.5rem);
    padding-block: clamp(0.875rem, 0.579rem + 0.79vw, 1.125rem);
    font-size: clamp(1rem, 0.557rem + 1.19vw, 1.375rem);
  }
}
@media (max-width: 37.31125em) {
  .list-healthy__button {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 29.99875em) {
  .list-healthy__button {
    padding: 0.75rem;
  }
}

@media (max-width: 56.06125em) {
  .questions__header-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 1.5rem;
  }
}

@media (min-width: 56.06125em) {
  .questions__header-section.section-header > .section-header__line {
    text-align: center;
    width: clamp(2.125rem, 0.228rem + 2.76vw, 3.125rem);
    block-size: clamp(3.438rem, -0.119rem + 5.17vw, 5.313rem);
    overflow: hidden;
  }
  .questions__header-section.section-header > .section-header__line::before {
    content: "";
    inline-size: 0.125rem;
    block-size: 100%;
    background-color: var(--primary-color-dark);
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg);
    border-radius: 0.5rem;
  }
}
@media (max-width: 56.06125em) {
  .questions__header-section.section-header > .section-header__line {
    border-radius: 0.5rem;
    inline-size: 7.5rem;
    block-size: 0.125rem;
    background-color: var(--primary-color-dark);
  }
}

.spoilers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.125rem, -1.483rem + 3.79vw, 2.5rem);
}
@media (max-width: 68.81125em) {
  .spoilers {
    grid-template-columns: 1fr;
    row-gap: clamp(1.375rem, 0.045rem + 3.57vw, 2.5rem);
  }
}
.spoilers__list > * {
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
}
@media (max-width: 68.81125em) {
  .spoilers__list > * {
    -webkit-margin-after: clamp(1.5rem, 0.613rem + 2.38vw, 2.25rem);
            margin-block-end: clamp(1.5rem, 0.613rem + 2.38vw, 2.25rem);
  }
}
.spoilers__list > :last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.spoilers__item {
  padding-inline: clamp(1.25rem, -2.306rem + 5.17vw, 3.125rem);
  padding-block: 0;
  border-radius: 1.5rem;
  background-color: transparent;
  -webkit-transition-property: padding-block, background-color;
  transition-property: padding-block, background-color;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
@media (max-width: 68.81125em) {
  .spoilers__item {
    padding-inline: clamp(1.125rem, -1.979rem + 8.33vw, 3.75rem);
  }
}
.spoilers__item > [type=checkbox] {
  display: none;
}
.spoilers__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(1.5rem, -0.397rem + 2.76vw, 2.5rem);
     -moz-column-gap: clamp(1.5rem, -0.397rem + 2.76vw, 2.5rem);
          column-gap: clamp(1.5rem, -0.397rem + 2.76vw, 2.5rem);
  cursor: pointer;
  -webkit-transition: -webkit-margin-after 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-margin-after 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  transition: margin-block-end 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  transition: margin-block-end 0.8s cubic-bezier(0.77, 0, 0.175, 1), -webkit-margin-after 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
@media (max-width: 68.81125em) {
  .spoilers__label {
    -webkit-column-gap: clamp(1.5rem, 0.317rem + 3.17vw, 2.5rem);
       -moz-column-gap: clamp(1.5rem, 0.317rem + 3.17vw, 2.5rem);
            column-gap: clamp(1.5rem, 0.317rem + 3.17vw, 2.5rem);
  }
}
.spoilers__label-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inline-size: 4rem;
  block-size: 4rem;
  border-radius: 3.125rem;
  border: 0.1375rem solid var(--primary-color-dark);
  will-change: transform;
  -webkit-transition: background-color 0.6s cubic-bezier(0.77, 0, 0.175, 1), block-size 0.6s cubic-bezier(0.77, 0, 0.175, 1), border 0.6s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.001s cubic-bezier(0.77, 0, 0.175, 1);
  transition: background-color 0.6s cubic-bezier(0.77, 0, 0.175, 1), block-size 0.6s cubic-bezier(0.77, 0, 0.175, 1), border 0.6s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.001s cubic-bezier(0.77, 0, 0.175, 1);
  transition: background-color 0.6s cubic-bezier(0.77, 0, 0.175, 1), block-size 0.6s cubic-bezier(0.77, 0, 0.175, 1), border 0.6s cubic-bezier(0.77, 0, 0.175, 1), transform 0.001s cubic-bezier(0.77, 0, 0.175, 1);
  transition: background-color 0.6s cubic-bezier(0.77, 0, 0.175, 1), block-size 0.6s cubic-bezier(0.77, 0, 0.175, 1), border 0.6s cubic-bezier(0.77, 0, 0.175, 1), transform 0.001s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.001s cubic-bezier(0.77, 0, 0.175, 1);
}
.spoilers__label-button span {
  font-size: 1.3125rem;
  line-height: 1;
  will-change: transform;
  -webkit-transition: color 0.6s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: color 0.6s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), color 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), color 0.6s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.spoilers__label-text {
  color: var(--primary-color-dark);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.1;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.spoilers__text {
  line-height: 1.3;
  -webkit-padding-start: clamp(5.5rem, 3.603rem + 2.76vw, 6.5rem);
          padding-inline-start: clamp(5.5rem, 3.603rem + 2.76vw, 6.5rem);
  max-height: 0;
  pointer-events: none;
  overflow: hidden;
  -webkit-transition: max-height 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: max-height 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
@media (max-width: 68.81125em) {
  .spoilers__text {
    -webkit-padding-start: clamp(5.5rem, 4.317rem + 3.17vw, 6.5rem);
            padding-inline-start: clamp(5.5rem, 4.317rem + 3.17vw, 6.5rem);
  }
}
@media (max-width: 37.31125em) {
  .spoilers__text {
    -webkit-padding-start: 1.25rem;
            padding-inline-start: 1.25rem;
  }
}
.spoilers__item:has(input[type=checkbox]:checked) {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  background-color: var(--light);
  padding-block: 3.125rem;
}
@media (max-width: 68.81125em) {
  .spoilers__item:has(input[type=checkbox]:checked) {
    padding-block: clamp(1.5rem, -0.422rem + 5.16vw, 3.125rem);
  }
}
.spoilers__list input[type=checkbox]:checked + .spoilers__label {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
@media (max-width: 37.31125em) {
  .spoilers__list input[type=checkbox]:checked + .spoilers__label {
    -webkit-margin-after: 1.25rem;
            margin-block-end: 1.25rem;
  }
}
.spoilers__list input[type=checkbox]:checked + .spoilers__label > .spoilers__label-button {
  background-color: var(--primary-color);
  block-size: 4.8125rem;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
html.dark .spoilers__list input[type=checkbox]:checked + .spoilers__label > .spoilers__label-button {
  border-color: transparent;
}
.spoilers__list input[type=checkbox]:checked + .spoilers__label > .spoilers__label-button > span {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
html.dark .spoilers__list input[type=checkbox]:checked + .spoilers__label > .spoilers__label-button > span {
  color: var(--light);
}
.spoilers__list input[type=checkbox]:checked + .spoilers__label > .spoilers__label-text {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}
@media (min-width: 37.31125em) {
  .spoilers__list input[type=checkbox]:checked + .spoilers__label > .spoilers__label-text {
    -webkit-transform: translateY(-0.75rem);
        -ms-transform: translateY(-0.75rem);
            transform: translateY(-0.75rem);
  }
}
.spoilers__list input[type=checkbox]:checked + .spoilers__label + .spoilers__text {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  max-height: 62.5rem;
}

.content-border__action-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.563rem, -1.401rem + 4.31vw, 3.125rem);
}
@media (min-width: 68.81125em) {
  .content-border__action-block {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 29.25rem;
            flex: 0 1 29.25rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media (max-width: 68.81125em) {
  .content-border__action-block {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
.content-border__text--small {
  color: var(--primary-color-dark);
  font-size: clamp(1.625rem, -0.034rem + 2.41vw, 2.5rem);
  line-height: 1.1;
}
@media (max-width: 68.81125em) {
  .content-border__text--small {
    font-size: clamp(1.625rem, 1.085rem + 2.06vw, 2.5rem);
    padding-inline: clamp(1rem, 0.305rem + 2.65vw, 2.125rem);
  }
}
@media (min-width: 37.31125em) {
  .content-border__button {
    min-width: 26.25rem;
  }
}
@media (min-width: 68.81125em) {
  .content-border__button {
    padding: 1.125rem 4.625rem;
  }
}
@media (max-width: 37.31125em) {
  .content-border__button {
    width: 100%;
  }
}

.footer {
  background-color: var(--primary-color-dark);
  padding-block: 6.875rem;
}
html.dark .footer {
  background-color: var(--absolute-white);
}
.footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: clamp(1.875rem, -4.052rem + 8.62vw, 5rem);
     -moz-column-gap: clamp(1.875rem, -4.052rem + 8.62vw, 5rem);
          column-gap: clamp(1.875rem, -4.052rem + 8.62vw, 5rem);
}
@media (max-width: 68.81125em) {
  .footer__container {
    -webkit-column-gap: clamp(1.875rem, -2.56rem + 11.9vw, 5.625rem);
       -moz-column-gap: clamp(1.875rem, -2.56rem + 11.9vw, 5.625rem);
            column-gap: clamp(1.875rem, -2.56rem + 11.9vw, 5.625rem);
  }
}
@media (max-width: 37.31125em) {
  .footer__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 3.125rem;
    text-align: center;
  }
}
.footer__content {
  width: 100%;
}
.footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 1.875rem;
     -moz-column-gap: 1.875rem;
          column-gap: 1.875rem;
  -webkit-margin-after: 4.375rem;
          margin-block-end: 4.375rem;
}
@media (max-width: 68.81125em) {
  .footer__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: clamp(1.875rem, 1.136rem + 1.98vw, 2.5rem);
    -webkit-margin-after: clamp(3.125rem, 1.647rem + 3.97vw, 4.375rem);
            margin-block-end: clamp(3.125rem, 1.647rem + 3.97vw, 4.375rem);
  }
}
@media (max-width: 29.99875em) {
  .footer__info {
    row-gap: 3.125rem;
  }
}
.footer__info-navigation {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-column-gap: clamp(1.875rem, -5.237rem + 10.34vw, 5.625rem);
     -moz-column-gap: clamp(1.875rem, -5.237rem + 10.34vw, 5.625rem);
          column-gap: clamp(1.875rem, -5.237rem + 10.34vw, 5.625rem);
}
@media (max-width: 68.81125em) {
  .footer__info-navigation {
    -webkit-column-gap: clamp(1.875rem, -2.56rem + 11.9vw, 5.625rem);
       -moz-column-gap: clamp(1.875rem, -2.56rem + 11.9vw, 5.625rem);
            column-gap: clamp(1.875rem, -2.56rem + 11.9vw, 5.625rem);
  }
}
@media (max-width: 37.31125em) {
  .footer__info-navigation {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 29.99875em) {
  .footer__info-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 3.125rem;
  }
}
.footer__logo img {
  inline-size: 4.625rem;
  block-size: 3.125rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer__menu {
  display: grid;
  grid-template-columns: auto auto;
  -webkit-column-gap: clamp(1.875rem, -5.237rem + 10.34vw, 5.625rem);
     -moz-column-gap: clamp(1.875rem, -5.237rem + 10.34vw, 5.625rem);
          column-gap: clamp(1.875rem, -5.237rem + 10.34vw, 5.625rem);
  row-gap: 2.5rem;
}
@media (min-width: 29.99875em) {
  .footer__menu {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23.75rem;
            flex: 0 0 23.75rem;
  }
}
@media (max-width: 68.81125em) {
  .footer__menu {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -webkit-column-gap: clamp(1.875rem, -2.56rem + 11.9vw, 5.625rem);
       -moz-column-gap: clamp(1.875rem, -2.56rem + 11.9vw, 5.625rem);
            column-gap: clamp(1.875rem, -2.56rem + 11.9vw, 5.625rem);
    row-gap: clamp(1.875rem, 1.136rem + 1.98vw, 2.5rem);
  }
}
@media (max-width: 29.99875em) {
  .footer__menu {
    grid-template-columns: 1fr;
  }
}
.footer__text {
  color: var(--primary-color);
}
@media (min-width: 68.81125em) {
  .footer__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 41.25rem;
            flex: 0 1 41.25rem;
  }
}
.footer__policy {
  color: var(--light);
  font-size: 1.375rem;
  line-height: 1.27; /* 28/22 */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
}
html.dark .footer__policy {
  color: var(--primary-color-dark);
}
@media (max-width: 68.81125em) {
  .footer__policy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.75rem;
  }
}
@media (max-width: 37.31125em) {
  .footer__policy {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.footer__policy-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
}
.footer__policy-link {
  -webkit-padding-start: 0.75rem;
          padding-inline-start: 0.75rem;
  -webkit-border-start: 0.0625rem solid var(--light);
          border-inline-start: 0.0625rem solid var(--light);
  position: relative;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.005s ease;
  transition: -webkit-transform 0.005s ease;
  transition: transform 0.005s ease;
  transition: transform 0.005s ease, -webkit-transform 0.005s ease;
}
html.dark .footer__policy-link {
  border-color: var(--primary-color-dark);
}
@media (max-width: 68.81125em) {
  .footer__policy-link:first-child {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    -webkit-border-start: 0;
            border-inline-start: 0;
  }
}
@media (min-width: 56.06125em) {
  .footer__policy-link::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 0;
    inline-size: 100%;
    block-size: 0.1375rem;
    background-color: var(--light);
    -webkit-transform: translateY(0.25rem);
        -ms-transform: translateY(0.25rem);
            transform: translateY(0.25rem);
    opacity: 0;
    inline-size: calc(100% - 0.75rem);
    inset-inline-start: 0.75rem;
    background: var(--primary-color-dark);
  }
}
@media (min-width: 56.06125em) and (min-width: 68.81125em) {
  .footer__policy-link::before {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
}
@media (min-width: 56.06125em) and (any-hover: hover) {
  .footer__policy-link:hover::before {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    opacity: 1;
  }
}
.footer__policy-link:active {
  -webkit-transition-duration: 0.001s;
          transition-duration: 0.001s;
  -webkit-transform: scale(0.94);
      -ms-transform: scale(0.94);
          transform: scale(0.94);
}
@media (min-width: 56.06125em) {
  .footer__policy-link:active::before {
    -webkit-transition-duration: 0.001s;
            transition-duration: 0.001s;
    opacity: 1;
    background-color: var(--light);
  }
}

.menu-footer__item {
  color: var(--Light-green, #d9ef78);
  font-size: 1.375rem;
  line-height: 1.1;
}
.menu-footer__item > a {
  position: relative;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.005s ease;
  transition: -webkit-transform 0.005s ease;
  transition: transform 0.005s ease;
  transition: transform 0.005s ease, -webkit-transform 0.005s ease;
}
@media (min-width: 56.06125em) {
  .menu-footer__item > a::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 0;
    inline-size: 100%;
    block-size: 0.1375rem;
    background-color: var(--primary-color);
    -webkit-transform: translateY(0.25rem);
        -ms-transform: translateY(0.25rem);
            transform: translateY(0.25rem);
    opacity: 0;
  }
}
@media (min-width: 56.06125em) and (min-width: 68.81125em) {
  .menu-footer__item > a::before {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
}
@media (min-width: 56.06125em) and (any-hover: hover) {
  .menu-footer__item > a:hover::before {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    opacity: 1;
  }
}
.menu-footer__item > a:active {
  -webkit-transition-duration: 0.001s;
          transition-duration: 0.001s;
  -webkit-transform: scale(0.94);
      -ms-transform: scale(0.94);
          transform: scale(0.94);
}
@media (min-width: 56.06125em) {
  .menu-footer__item > a:active::before {
    -webkit-transition-duration: 0.001s;
            transition-duration: 0.001s;
    opacity: 1;
    background-color: var(--primary-color);
  }
}

.social-footer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.875rem;
}
@media (max-width: 37.31125em) {
  .social-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 2.75rem;
       -moz-column-gap: 2.75rem;
            column-gap: 2.75rem;
  }
}
.social-footer__link {
  background-color: var(--absolute-white);
  inline-size: 3.125rem;
  block-size: 3.125rem;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color 0.3s ease-out, -webkit-transform 0.05s ease-out;
  transition: background-color 0.3s ease-out, -webkit-transform 0.05s ease-out;
  transition: background-color 0.3s ease-out, transform 0.05s ease-out;
  transition: background-color 0.3s ease-out, transform 0.05s ease-out, -webkit-transform 0.05s ease-out;
}
html.dark .social-footer__link {
  background-color: var(--primary-color-dark);
}
@media (any-hover: hover) {
  html.dark .social-footer__link:hover {
    background-color: var(--primary-color);
  }
}
.social-footer__link--facebook {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.social-footer__link--facebook img {
  inline-size: 1.25rem;
  block-size: 2.375rem;
}
.social-footer__link--x img {
  inline-size: 1.875rem;
  block-size: 1.75rem;
}
.social-footer__link--tiktok img {
  inline-size: 1.5rem;
  block-size: 1.75rem;
}
@media (any-hover: hover) {
  .social-footer__link:hover {
    background-color: var(--primary-color);
  }
}
.social-footer__link:active {
  -webkit-transition-duration: 0.001s;
          transition-duration: 0.001s;
  -webkit-transform: scale(0.94);
      -ms-transform: scale(0.94);
          transform: scale(0.94);
  background-color: var(--primary-color);
}