body a:not(.wp-element-button) {
    text-decoration: unset;
}

html {
  box-sizing: border-box;
  position: relative;
  tab-size: 4;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

html:focus-within {
  scroll-behavior: smooth;
}

*,
::after,
::before {
  box-sizing: inherit;
}

body,
html {
  margin: 0;
  scroll-behavior: smooth;
  overscroll-behavior-y: none;
}

body {
  text-rendering: optimizespeed;
}

details > summary,
li,
ol,
ul {
  list-style: none;
}

summary {
  display: list-item;
}

details summary::-webkit-details-marker {
  display: none;
}

h1,
h2,
h3,
h4,
p {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol,
dl,
dd {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

label,
time {
  display: block;
}

figure,
blockquote {
  margin: 0;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

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

img,
picture,
svg,
video {
  display: block;
  height: auto;
  max-inline-size: 100%;
}

b,
strong {
  font-weight: 900;
}

address {
  font-style: normal;
}

button {
  margin: 0;
  padding: 0;
  border-color: transparent;
  background-color: transparent;
  font: inherit;
  font-size: 100%;
  color: inherit;
  line-height: 1;
  cursor: pointer;
  outline: 0;
  text-align: left;
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: none;
}

input,
textarea,
button,
select {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background-color: transparent;
  font: inherit;
  line-height: 1;
}

[class*=__container] {
  container-type: inline-size;
  max-width: 75rem;
  margin-inline: auto;
  inline-size: 100%;
  padding: 0 1.25rem;
}

._container-wide {
  max-inline-size: 84.125rem;
}

html,
body,
.wrapper {
  min-height: 100vh;
  min-height: 100svh;
}

body {
  font-family: var(--font-main);
  font-size: var(--text-base);
  color: var(--color-text-primary);
  background-color: var(--color-bg);
  font-style: normal;
  min-width: 20rem;
  letter-spacing: -0.02em;
  line-height: 1.4;
}
@media (max-width: 29.99875em) {
  body {
    font-size: var(--font-size-mobile);
  }
}
.lock body {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
body::before {
  content: "";
  position: absolute;
  inline-size: 100%;
  block-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: rgba(17, 51, 28, 0.3);
  backdrop-filter: blur(0.375rem);
  -webkit-backdrop-filter: blur(0.375rem);
  z-index: var(--z-index-modal-overlay);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}
body.modal-open::before {
  opacity: 1;
  visibility: visible;
}

.wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}
.wrapper main {
  flex: 1 1 auto;
}
.wrapper main > :first-child {
  padding-block-start: 10rem;
}
@media (max-width: 47.99875em) {
  .wrapper main > :first-child {
    padding-block-start: 7.5rem;
  }
}

section {
  scroll-margin-top: 6.5rem;
}
@media (max-width: 64.06125em) {
  section {
    scroll-margin-top: 4.375rem;
  }
}

._section-space {
  padding-block: 3.125rem;
}
@media (max-width: 47.99875em) {
  ._section-space {
    padding-block: 1.875rem;
  }
}

.ibg {
  position: relative;
}
.ibg img {
  position: absolute;
  inline-size: 100%;
  block-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  object-fit: cover;
}
.ibg_contain img {
  object-fit: contain;
}

.heading {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
}
.heading_white {
  color: var(--color-text-white);
}
.heading_white .title {
  color: inherit;
}
.heading_accent {
  color: var(--color-text-secondary);
}
.heading_accent .title {
  color: inherit;
}
.heading_main {
  max-inline-size: 34.875rem;
  margin-inline: auto;
}
@media (min-width: 47.99875em) {
  .heading_main .text {
    font-size: 1.125rem;
  }
}
.heading_main .text {
  max-inline-size: 26.25rem;
}
.heading_center {
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-inline: auto;
}
.heading_left {
  justify-content: start;
  align-items: start;
  text-align: left;
}
@media (max-width: 47.99875em) {
  .heading_mobile-left {
    text-align: left;
    align-items: start;
    margin-inline: 0;
  }
}
.heading_main {
  gap: 1.5625rem;
}
.heading_text-center {
  text-align: center;
}

.label-block {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.5625rem;
  border-radius: var(--border-radius-middle);
  background-color: rgba(17, 51, 28, 0.7);
  overflow: hidden;
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  position: relative;
  -webkit-backdrop-filter: blur(0.9375rem);
  backdrop-filter: blur(0.9375rem);
}
@media (max-width: 29.99875em) {
  .label-block {
    font-size: 0.75rem;
  }
}
.label-block__icon {
  flex: 0 0 4.125rem;
  inline-size: 4.125rem;
  block-size: 4.125rem;
  background-color: rgba(255, 255, 255, 0.05);
}
.label-block__icon img {
  inline-size: 1.625rem;
  block-size: 1.625rem;
}
@media (max-width: 29.99875em) {
  .label-block__icon {
    flex: 0 0 3rem;
    inline-size: 3rem;
    block-size: 3rem;
  }
  .label-block__icon img {
    inline-size: 1.125rem;
    block-size: 1.125rem;
  }
}
.label-block__body {
  text-align: left;
  line-height: 1;
}
.label-block__value span {
  letter-spacing: -0.04em;
}
@media (min-width: 75em) {
  .label-block__value span {
    font-size: 3.125rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 75em) {
  @supports (font-size: clamp(40px, 22.2235081709px2.3147076524vw, 50px)) {
    .label-block__value span {
      font-size: clamp(2.5rem, 1.38897rem2.3147076524vw, 3.125rem);
    }
  }
  @supports not (font-size: clamp(40px, 22.2235081709px2.3147076524vw, 50px)) {
    .label-block__value span {
      font-size: calc(2.5rem + 0.625 * (100vw - 47.99875rem) / 27.00125);
    }
  }
}
@media (max-width: 47.99875em) {
  .label-block__value span {
    font-size: 2.5rem;
  }
}
@media (max-width: 29.99875em) {
  .label-block__value span {
    font-size: 2.125rem;
  }
}
.label-block_info {
  inline-size: 18.625rem;
  align-items: center;
  gap: 0.625rem;
}
@media (max-width: 29.99875em) {
  .label-block_info {
    inline-size: 14.375rem;
  }
}
.label-block_avatars {
  align-items: start;
  flex-direction: column;
  gap: 0.9375rem;
  inline-size: 13.5rem;
}
@media (max-width: 29.99875em) {
  .label-block_avatars {
    inline-size: 11.25rem;
  }
}
@media (max-width: 29.99875em) {
  .label-block {
    padding: 1rem;
    border-radius: 0.9375rem;
  }
}

.icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius-xs);
}
.icon img {
  object-fit: contain;
}

._full-img img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.avatars {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.avatars__item {
  flex: 0 0 1.6875rem;
  inline-size: 1.6875rem;
  block-size: 1.6875rem;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 0.10625rem #fff;
}
.avatars__item:not(:last-child) {
  margin-inline-end: -0.3125rem;
}
@media (max-width: 29.99875em) {
  .avatars__item {
    flex: 0 0 1.5rem;
    inline-size: 1.5rem;
    block-size: 1.5rem;
  }
}

.arrow-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset-inline-start: 50%;
  transform: translate(-50%, 50%);
  inset-block-end: 0;
  inline-size: 4.5rem;
  block-size: 4.5rem;
}
.arrow-nav::before {
  content: "";
  position: absolute;
  inline-size: 100%;
  block-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzMiIGhlaWdodD0iNzMiIHZpZXdCb3g9IjAgMCA3MyA3MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcyLjIwMSAzNi4xMTY4QzcyLjIwMSAzOS4yMzgxIDY5LjMyNDggNDEuOTM5NCA2OC41NTU3IDQ0LjgxODNDNjcuNzU5OSA0Ny43OTY4IDY4Ljg3NzQgNTEuNTcwOCA2Ny4zNjkyIDU0LjE3ODdDNjUuODM5NCA1Ni44MjQxIDYxLjk5OTMgNTcuNzMzNyA1OS44NTM0IDU5Ljg4MDZDNTcuNzA3NSA2Mi4wMjc1IDU2Ljc5ODMgNjUuODY5MyA1NC4xNTQxIDY3LjM5OTlDNTEuNTQ3NCA2OC45MDg3IDQ3Ljc3NTEgNjcuNzkwNyA0NC43OTggNjguNTg2OEM0MS45MjA2IDY5LjM1NjMgMzkuMjIwNSA3Mi4yMzM4IDM2LjEwMDYgNzIuMjMzOEMzMi45ODA4IDcyLjIzMzggMzAuMjgwNiA2OS4zNTYzIDI3LjQwMzEgNjguNTg2OEMyNC40MjU5IDY3Ljc5MDcgMjAuNjUzNiA2OC45MDg3IDE4LjA0NjkgNjcuMzk5OUMxNS40MDI3IDY1Ljg2OTMgMTQuNDkzNSA2Mi4wMjc1IDEyLjM0NzYgNTkuODgwNkMxMC4yMDE3IDU3LjczMzcgNi4zNjE2NSA1Ni44MjQxIDQuODMxNzYgNTQuMTc4N0MzLjMyMzU4IDUxLjU3MDggNC40NDExNCA0Ny43OTY4IDMuNjQ1MzQgNDQuODE4NEMyLjg3NjI1IDQxLjkzOTcgMCAzOS4yMzgzIDAgMzYuMTE3QzAgMzIuOTk1OCAyLjg3NjI1IDMwLjI5NDQgMy42NDUzNCAyNy40MTU2QzQuNDQxMTQgMjQuNDM3IDMuMzIzNTggMjAuNjYzIDQuODMxNzYgMTguMDU1MUM2LjM2MTY1IDE1LjQwOTcgMTAuMjAxNyAxNC41MDAxIDEyLjM0NzYgMTIuMzUzMkMxNC40OTM1IDEwLjIwNjMgMTUuNDAyNyA2LjM2NDU0IDE4LjA0NjkgNC44MzM5NkMyMC42NTM2IDMuMzI1MDggMjQuNDI1OSA0LjQ0MzE2IDI3LjQwMyAzLjY0Njk5QzMwLjI4MDQgMi44Nzc1NiAzMi45ODA1IDAgMzYuMTAwNCAwQzM5LjIyMDIgMCA0MS45MjA0IDIuODc3NTYgNDQuNzk3OSAzLjY0Njk5QzQ3Ljc3NTEgNC40NDMxNiA1MS41NDc0IDMuMzI1MDggNTQuMTU0MSA0LjgzMzk2QzU2Ljc5ODMgNi4zNjQ1NCA1Ny43MDc1IDEwLjIwNjMgNTkuODUzNCAxMi4zNTMyQzYxLjk5OTMgMTQuNTAwMSA2NS44Mzk0IDE1LjQwOTcgNjcuMzY5MiAxOC4wNTUxQzY4Ljg3NzQgMjAuNjYzIDY3Ljc1OTkgMjQuNDM3IDY4LjU1NTcgMjcuNDE1NUM2OS4zMjQ4IDMwLjI5NDEgNzIuMjAxIDMyLjk5NTUgNzIuMjAxIDM2LjExNjhaIiBmaWxsPSIjMTEzMzFDIi8+Cjwvc3ZnPgo=");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation: animation-nav-circle 30s linear infinite;
}
.arrow-nav i {
  position: relative;
  z-index: 2;
}
.arrow-nav i::before {
  transition: color 0.3s;
  color: var(--color-accent);
  font-size: 1.375rem;
}
@media (max-width: 47.99875em) {
  .arrow-nav {
    display: none;
  }
}
@media (any-hover: hover) {
  .arrow-nav:hover::before {
    animation-play-state: paused;
  }
  .arrow-nav:hover i::before {
    color: var(--color-text-white);
  }
}

.labels-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.labels-list__item {
  border-radius: var(--border-radius-sm);
  border: 0.0625rem solid rgba(245, 232, 174, 0.3);
  background-color: rgba(236, 222, 156, 0.1);
  padding: 0.625rem 0.75rem;
  color: var(--color-text-secondary);
}

.recipes-list {
  display: flex;
  gap: 0.3125rem;
  flex-wrap: wrap;
}

.recipes-item {
  display: inline-flex;
  background-color: rgba(236, 222, 156, 0.1);
  padding: 0.3125rem 0.625rem;
  border-radius: var(--border-radius-small);
  align-items: center;
  gap: 0.375rem;
  line-height: 1;
  font-size: 0.875rem;
  color: rgba(236, 222, 156, 0.6);
}
.recipes-item::before {
  content: "";
  flex: 0 0 0.375rem;
  inline-size: 0.375rem;
  block-size: 0.375rem;
  border-radius: 50%;
  background-color: currentColor;
}
.recipes-item_primary {
  color: var(--color-text-primary);
  background-color: #e3d38b;
  font-weight: 500;
}
.recipes-item_primary::before {
  flex: 0 0 0.25rem;
  inline-size: 0.25rem;
  block-size: 0.25rem;
}

.marquee {
  background-color: var(--color-bg-button-secondary);
  padding-block: 1.125rem;
}
@media (max-width: 29.99875em) {
  .marquee {
    padding-block: 0.875rem;
  }
}
.marquee__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.marquee__icon {
  flex: 0 0 1.375rem;
  inline-size: 1.375rem;
  block-size: 1.375rem;
}
@media (max-width: 29.99875em) {
  .marquee__icon {
    flex: 0 0 1.0625rem;
    inline-size: 1.0625rem;
    block-size: 1.0625rem;
  }
}
.marquee__text {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--color-text-secondary);
}

@keyframes animation-nav-circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.text > *:not(:last-child) {
  margin-block-end: 0.9375rem;
}

@media (min-width: 47.99875em) {
  .text_big {
    font-size: 1.125rem;
  }
}
@media (max-width: 29.99875em) {
  .text_big {
    font-size: 1rem;
  }
}
.text_white {
  color: var(--color-text-white);
}

.title {
  color: var(--color-title-black);
  font-size: var(--title-size);
  font-family: var(--font-secondary);
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-size: 3rem;
  font-weight: 700;
}
.title_title-black {
  color: var(--color-title-black);
}
.title_title-accent {
  color: var(--color-title-accent);
}
.title_title-secondary-dark {
  color: var(--color-text-secondary-dark);
}
.title_white {
  color: var(--color-text-white);
}
@media (max-width: 47.99875em) {
  .title {
    font-size: 2.25rem;
    letter-spacing: -0.0225em;
  }
}
.title_main {
  letter-spacing: -0.0576923077em;
  font-size: var(--title-main);
}
@media (max-width: 47.99875em) and (min-width: 47.99875em) {
  .title_main {
    font-size: 3.75rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 47.99875em) {
  @supports (font-size: clamp(40px, 19.3639875126px5.2912852532vw, 60px)) {
    .title_main {
      font-size: clamp(2.5rem, 1.21025rem5.2912852532vw, 3.75rem);
    }
  }
  @supports not (font-size: clamp(40px, 19.3639875126px5.2912852532vw, 60px)) {
    .title_main {
      font-size: calc(2.5rem + 1.25 * (100vw - 24.375rem) / 23.62375);
    }
  }
}
@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .title_main {
    font-size: 2.5rem;
  }
}
@media (max-width: 47.99875em) {
  .title_main {
    letter-spacing: -0.05em;
  }
}
.title_decor {
  position: relative;
}
.title__icons {
  display: inline-block;
  width: 7.1875rem;
  position: relative;
  height: 3.875rem;
}
@media (min-width: 47.99875em) {
  .title__icons {
    position: relative;
    top: 0.625rem;
  }
}
@media (max-width: 47.99875em) {
  .title__icons {
    position: absolute;
    top: 0;
    inset-inline-start: 50%;
    transform: translate(-50%, -80%);
  }
}
@media (max-width: 29.99875em) {
  .title__icons {
    width: 5rem;
  }
}
.title__icon {
  position: absolute;
  flex: 0 0 3.375rem;
  inline-size: 3.375rem;
  block-size: 3.375rem;
  border: 0.046875rem solid #e3d38b;
  background-color: #e3d38b;
}
.title__icon img {
  inline-size: 1.875rem;
  block-size: 1.875rem;
}
.title__icon:nth-child(1) {
  transform: rotate(-9.709deg);
  left: 0;
  top: 0;
}
.title__icon:nth-child(2) {
  transform: rotate(6.619deg);
  right: 0.125rem;
  top: 0;
}
@media (max-width: 29.99875em) {
  .title__icon {
    inline-size: 2.5rem;
    block-size: 2.5rem;
  }
  .title__icon img {
    inline-size: 1.5rem;
    block-size: 1.5rem;
  }
}
.title strong {
  color: var(--color-text-secondary);
}

:root {
  --input-height: 4.4375rem;
  --input-mobile-height: 3.8125rem;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input {
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.6);
  inline-size: 100%;
  padding-inline: 0.9375rem;
  padding-block: 1.5rem;
  transition: border-color 0.3s;
  outline: none;
  border-radius: 0 !important;
  block-size: 3.625rem;
  color: var(--color-text-white);
  min-block-size: var(--input-height);
}
@media (any-hover: hover) {
  .input:hover {
    border-color: var(--color-accent);
  }
}
.input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.input:focus {
  border-color: var(--color-accent);
}
.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
  transition: opacity 0.3s;
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder {
  opacity: 0;
}
@media (max-width: 29.99875em) {
  .input {
    font-size: 1rem;
    padding-block: 1.25rem;
    min-block-size: var(--input-mobile-height);
  }
}

textarea {
  resize: vertical;
}

.form {
  inline-size: 100%;
  margin-inline: auto;
  display: grid;
}
.form .button {
  margin-block-start: 1.0625rem;
}

.select {
  position: relative;
}

.select__trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 1.125rem 0;
  border-bottom: 0.0625rem solid #75846f;
  padding-inline: 1rem;
}
@media (any-hover: hover) {
  .select__trigger:hover .select__arrow {
    background-color: var(--color-accent);
  }
  .select__trigger:hover .select__arrow svg path {
    stroke: var(--color-bg-secondary-dark);
  }
}

.select__value {
  color: rgba(255, 255, 255, 0.4);
}
.select-filled .select__value {
  color: var(--color-text-white);
}

.select__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 1.875rem;
  inline-size: 1.875rem;
  block-size: 1.25rem;
  background-color: var(--color-bg-secondary-dark);
  border-radius: 0.3125rem;
  transition: background-color 0.3s;
}
.select__arrow svg {
  width: 0.75rem;
  block-size: 0.75rem;
  transition: transform 0.3s, fill 0.3s;
}
.active .select__arrow svg {
  transform: scale(-1, -1);
}
.active .select__arrow svg path {
  stroke: var(--color-bg-secondary-dark);
}
.active .select__arrow {
  background-color: var(--color-accent);
}

.select__dropdown {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  position: absolute;
  top: calc(100% - 1.125rem);
  left: 0;
  width: 100%;
  padding: 0.3125rem;
  background-color: var(--color-bg-secondary-dark);
  border-radius: var(--border-radius-sm);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s;
  z-index: 5;
}
.active .select__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  top: calc(100% - 0.5rem);
}

.active .select__dropdown {
  display: flex;
}

.select__option {
  border-radius: 0.5rem;
  font-family: sans-serif;
  padding: 0.3125rem 1.25rem;
  background-color: var(--color-bg-secondary);
  cursor: pointer;
  color: #fff;
  transition: background 0.3s;
}

.select__option:hover {
  background-color: #1a3f2c;
}

.anim-block .heading .title,
.anim-block .heading .text {
  transform: translateY(15%);
  opacity: 0;
  transition: opacity 1s, transform 1s;
}
.anim-block .heading .title {
  transition-delay: 0.2s;
}
.anim-block .heading .text {
  transition-delay: 0.4s;
}
.anim-block .hero__buttons {
  transform: translateY(15%);
  opacity: 0;
  transition: opacity 1s, transform 1s !important;
  transition-delay: 0.6s !important;
}
.anim-block .hero__img {
  transform: translateY(5%);
  opacity: 0;
  transition: opacity 1s 0.75s, transform 1s 0.75s;
}
.anim-block .label-block_info {
  transform: translateY(50%);
  transition: transform 1s, visibility 1s;
  transition-delay: 0.6s;
  visibility: hidden;
}
.anim-block .label-block_avatars {
  transform: translateY(-20%);
  transition: transform 1s, visibility 1s;
  transition-delay: 0.7s;
  visibility: hidden;
}
.anim-block .arrow-nav {
  opacity: 0;
  transition: opacity 1s 0.8s;
}

.anim-block._watcher-view .heading .title,
.anim-block._watcher-view .heading .text {
  transform: translateY(0);
  opacity: 1;
}
.anim-block._watcher-view .hero__buttons {
  transform: translateY(0);
  opacity: 1;
}
.anim-block._watcher-view .hero__img {
  transform: translateY(0);
  opacity: 1;
}
.anim-block._watcher-view .label-block_avatars,
.anim-block._watcher-view .label-block_info {
  transform: translateY(0);
  visibility: visible;
}
.anim-block._watcher-view .arrow-nav {
  opacity: 1;
}

.anim-section {
  transform: translateY(6%);
  opacity: 0;
  transition: opacity 1s 0.4s, transform 1s 0.4s;
}
.anim-section._watcher-view {
  transform: translateY(0);
  opacity: 1;
}

.swiper {
  overflow: hidden;
}

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

.swiper-wrapper {
  inline-size: 100%;
  block-size: 100%;
  display: flex;
  position: relative;
}

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

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

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

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

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

.swiper-navigation {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}
.swiper-navigation__btn {
  flex: 0 0 3.125rem;
  inline-size: 3.125rem;
  block-size: 3.125rem;
  border-radius: 50%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid var(--color-accent);
  transition: all 0.3s;
}
.swiper-navigation__btn:hover {
  background-color: var(--color-accent);
}
.swiper-navigation__btn:hover::before {
  color: var(--color-text-primary);
}
.swiper-navigation__btn::before {
  color: var(--color-accent);
}
.swiper-navigation__btn_prev {
  transform: rotate(180deg);
}
.swiper-navigation__btn.swiper-button-disabled {
  opacity: 0.2;
  pointer-events: none;
}

.swiper-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.swiper-pagination-bullet {
  flex: 0 0 0.5rem;
  inline-size: 0.5rem;
  block-size: 0.5rem;
  border-radius: 50%;
  cursor: pointer;
  background-color: var(--color-bg-secondary-dark);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-accent);
}

.fe-modal {
  --modal-overlay-bg: rgba(0, 0, 0, 0.2);
  --modal-transition-speed-open: 0.4s;
  --modal-transition-speed-close: 0.2s;
  position: fixed;
  overflow: auto;
  overflow-x: hidden;
  z-index: var(--z-index-modal);
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all var(--modal-transition-speed-close) ease;
}
.fe-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition: all var(--modal-transition-speed-open) ease;
}
.fe-modal-overlay {
  inline-size: 100%;
  block-size: auto;
  min-block-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3.125rem;
  position: relative;
  z-index: var(--z-index-modal);
}
@media (max-width: 29.99875em) {
  .fe-modal-overlay {
    padding-inline: 2rem;
  }
}
.fe-modal-content {
  position: relative;
  max-inline-size: 62.5rem;
  margin-inline: auto;
  inline-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  inline-size: 100%;
  padding: 0.3125rem;
  background-color: white;
  border-radius: var(--border-radius-middle);
}
.fe-modal-close {
  position: absolute;
  inset-block-start: -1.875rem;
  inset-inline-end: -1.875rem;
  inline-size: 2.1875rem;
  block-size: 2.1875rem;
  border-radius: 50%;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-accent);
  transition: background-color 0.3s;
}
@media (any-hover: hover) {
  .fe-modal-close:hover {
    background-color: white;
  }
}
@media (max-width: 29.99875em) {
  .fe-modal-close {
    inline-size: 1.5625rem;
    block-size: 1.5625rem;
    inset-block-start: -1.25rem;
    inset-inline-end: -1.25rem;
  }
  .fe-modal-close svg {
    width: 0.625rem;
    height: 0.625rem;
  }
}

.video {
  inline-size: 100%;
  aspect-ratio: 16/9;
  position: relative;
  border-radius: inherit;
  overflow: hidden;
}
.video iframe,
.video video {
  position: absolute;
  inline-size: 100%;
  block-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  object-fit: cover;
  border: none !important;
}.header {
  position: fixed;
  inset-block-start: 0;
  inset-inline-end: 0;
  inline-size: 100%;
  z-index: var(--z-index-header);
  border-radius: 0 0 1.875rem 1.875rem;
}
.header::before {
  content: "";
  position: absolute;
  inline-size: 100%;
  block-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: rgba(17, 51, 28, 0.7);
  -webkit-backdrop-filter: blur(0.9375rem);
  backdrop-filter: blur(0.9375rem);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
  transition: opacity 0.3s, visibility 0.3s;
  border-radius: inherit;
}
@media (max-width: 47.99875em) {
  .header {
    border-radius: 0 0 1.25rem 1.25rem;
  }
}
.scrolled-page .header::before {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.header__container {
  display: grid;
  grid-template-columns: 18.75rem 1fr 18.75rem;
  min-block-size: 3.625rem;
  align-items: center;
  gap: 0.375rem;
  padding-block: 0.9375rem;
}
@media (max-width: 64.06125em) {
  .header__container {
    grid-template-columns: auto auto var(--header-icon-size);
    min-block-size: 2.5rem;
  }
}
@media (max-width: 47.99875em) {
  .header__container {
    grid-template-columns: auto auto var(--header-icon-mobile-size);
  }
}
@media (min-width: 47.99875em) {
  .header__container .button {
    flex-shrink: 0;
  }
}
.header__actions {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: 0.375rem;
}
@media (min-width: 64.06125em) {
  .menu {
    justify-content: center;
    justify-self: center;
  }
}
@media (max-width: 64.06125em) {
  .menu {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    height: 100svh;
    transform: translateX(100%);
    will-change: transform;
    transition: transform 0.3s;
    background-color: var(--color-bg);
  }
  .menu::before {
    content: "";
    position: fixed;
    inset-block-start: 0;
    inset-inline-end: 0;
    inline-size: 100%;
    min-block-size: 5.5rem;
    background-color: var(--color-bg);
    z-index: 1;
  }
  .menu-open .menu {
    transform: translateX(0);
  }
}
@media (max-width: 64.06125em) {
  .menu__body {
    inline-size: 100%;
  }
}
@media (max-width: 64.06125em) {
  .menu__wrapper {
    overflow: auto;
    block-size: 100%;
    padding-block-start: 9.375rem;
    padding-block-end: 2.5rem;
    padding-inline: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    gap: 2.75rem;
    background-color: var(--color-bg);
  }
}
@media (max-width: 29.99875em) {
  .menu__wrapper {
    padding-block-start: 7.5rem;
  }
}
@media (min-width: 64.06125em) {
  .menu__bottom {
    display: none;
  }
}
@media (max-width: 64em) {
  .menu__bottom {
    inline-size: 100%;
  }
  .menu__bottom .contact-navigation_phone:not(:last-child) {
    margin-block-end: 1.25rem;
  }
  .menu__bottom .info-block {
    max-inline-size: 20rem;
    margin-inline: auto;
  }
  .menu__bottom .info-block:not(:last-child) {
    margin-block-end: 3.125rem;
  }
}
@media (max-width: 64em) and (max-width: 29.99875em) {
  .menu__bottom .info-block {
    font-size: 1rem;
  }
}
@media (max-width: 64em) {
  .menu__bottom-body {
    max-inline-size: 13.125rem;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
  }
  .menu__bottom-body .contact-navigation__title:not(:last-child) {
    margin-block-end: 0.3125rem;
  }
  .menu__bottom-body .contact-navigation_email {
    color: var(--color-text-secondary);
  }
}
.menu__list {
  display: flex;
  justify-content: center;
  align-items: center;
  row-gap: 0.625rem;
  flex-wrap: wrap;
}
@media (min-width: 75em) {
  .menu__list {
    column-gap: 2.5rem;
  }
}
@media (min-width: 64.06125em) and (max-width: 75em) {
  @supports (column-gap: clamp(20px, -97.1271854645px11.4272654554vw, 40px)) {
    .menu__list {
      column-gap: clamp(1.25rem, -6.07045rem11.4272654554vw, 2.5rem);
    }
  }
  @supports not (column-gap: clamp(20px, -97.1271854645px11.4272654554vw, 40px)) {
    .menu__list {
      column-gap: calc(1.25rem + 1.25 * (100vw - 64.06125rem) / 10.93875);
    }
  }
}
@media (max-width: 64.06125em) {
  .menu__list {
    column-gap: 1.25rem;
  }
}
@media (max-width: 64.06125em) {
  .menu__list {
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 1.875rem;
  }
}
.menu__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--color-text-white-light);
}
@media (max-width: 64em) {
  .menu__item {
    font-family: var(--font-secondary);
    color: var(--color-text-primary);
    display: flex;
    align-items: center;
    gap: 0.9375rem;
  }
}
@media (max-width: 64em) and (min-width: 64em) {
  .menu__item {
    font-size: 6.25rem;
  }
}
@media (max-width: 64em) and (min-width: 24.375em) and (max-width: 64em) {
  @supports (font-size: clamp(40px, 3.0914826498px9.4637223975vw, 100px)) {
    .menu__item {
      font-size: clamp(2.5rem, 0.19322rem9.4637223975vw, 6.25rem);
    }
  }
  @supports not (font-size: clamp(40px, 3.0914826498px9.4637223975vw, 100px)) {
    .menu__item {
      font-size: calc(2.5rem + 3.75 * (100vw - 24.375rem) / 39.625);
    }
  }
}
@media (max-width: 64em) and (max-width: 24.375em) {
  .menu__item {
    font-size: 2.5rem;
  }
}
@media (max-width: 64em) {
  .menu__item::after {
    content: "";
    width: 0.13em;
    height: 0.13em;
    border-radius: 50%;
    background-color: currentColor;
  }
}
.menu__link {
  transition: color 0.3s;
}
@media (min-width: 64em) {
  .menu__link::after {
    content: "";
    display: block;
    width: 100%;
    background-color: currentColor;
    height: 0.0625rem;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    margin-top: 0.0625rem;
  }
}
@media (min-width: 64em) and (any-hover: hover) {
  .menu__link:hover {
    color: var(--hover-link);
  }
  .menu__link:hover::after {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media (max-width: 64em) {
  .menu__link {
    letter-spacing: -0.02em;
    line-height: 1;
    font-weight: 700;
  }
}
@media (max-width: 64em) and (any-hover: hover) {
  .menu__link:hover {
    color: #205030;
  }
}

.menu-btn {
  display: none;
}
@media (max-width: 64.06125em) {
  .menu-btn {
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    flex-basis: var(--header-icon-size);
    inline-size: var(--header-icon-size);
    block-size: var(--header-icon-size);
    z-index: 5;
    background-color: var(--color-bg);
    border-radius: var(--border-radius-xs);
    padding: 0.375rem;
    transition: background-color 0.3s;
  }
}
@media (max-width: 64.06125em) and (any-hover: none) {
  .menu-btn {
    cursor: default;
  }
}
@media (max-width: 64.06125em) {
  .menu-btn__inner {
    flex: 0 0 1.25rem;
    inline-size: 1.25rem;
    block-size: 1.25rem;
    position: relative;
  }
  .menu-btn__inner span, .menu-btn__inner::before, .menu-btn__inner::after {
    content: "";
    transition: all 0.3s;
    position: absolute;
    inset-inline-end: 0;
    inline-size: 100%;
    border-radius: 0.625rem;
    block-size: 0.15625rem;
    background-color: var(--color-bg-button-secondary);
    transition: all 0.3s;
  }
  .menu-btn__inner span {
    inline-size: 80%;
    inset-inline-start: 50%;
    transform: translateX(-50%);
  }
  .menu-btn__inner::before {
    inset-block-start: 0;
  }
  .menu-btn__inner::after {
    inset-block-end: 0;
  }
  .menu-btn__inner span {
    inset-block-start: calc(50% - 0.0625rem);
  }
  .menu-open .menu-btn__inner span {
    inline-size: 0;
  }
  .menu-open .menu-btn__inner::before {
    inset-block-start: calc(50% - 0.0625rem);
    transform: rotate(-45deg);
  }
  .menu-open .menu-btn__inner::after {
    inset-block-end: calc(50% - 0.0625rem);
    transform: rotate(45deg);
  }
  .menu-open .menu-btn {
    background-color: #e3d38b;
  }
  .menu-open .menu-btn__inner::before, .menu-open .menu-btn__inner::after {
    background-color: var(--color-bg-button-secondary);
  }
}
@media (max-width: 47.99875em) {
  .menu-btn {
    flex-basis: var(--header-icon-mobile-size);
    inline-size: var(--header-icon-mobile-size);
    block-size: var(--header-icon-mobile-size);
  }
  .menu-btn__inner {
    flex: 0 0 0.9375rem;
    inline-size: 0.9375rem;
    block-size: 0.9375rem;
  }
}
@media (any-hover: hover) {
  .menu-btn:hover {
    background-color: #e3d38b;
  }
  .menu-btn:hover .menu-btn__inner span, .menu-btn:hover .menu-btn__inner::before, .menu-btn:hover .menu-btn__inner::after {
    background-color: var(--color-bg-button-secondary);
  }
}

.shop {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 var(--header-icon-size);
  inline-size: var(--header-icon-size);
  block-size: var(--header-icon-size);
  padding-inline: 1.125rem;
  padding-block: 0.3125rem;
  background-color: #205030;
  border-radius: var(--border-radius-xs);
  transition: background-color 0.3s, color 0.3s;
}
.shop i {
  flex: 0 0 1.5625rem;
  inline-size: 1.5625rem;
  block-size: 1.5625rem;
}
.shop i > * {
  inline-size: 100%;
  block-size: 100%;
}
.shop i::before {
  color: var(--color-accent);
  font-size: 1.5625rem;
  transition: color 0.3s;
}
.shop__count {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.3125rem;
  text-align: center;
  flex: 0 0 1.25rem;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  position: absolute;
  inset-block-start: -0.25rem;
  inset-inline-end: -0.125rem;
  background-color: var(--color-bg);
  color: var(--color-text-primary);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.625rem;
  font-family: sans-serif;
  transition: color 0.3s, background-color 0.3s;
}
.shop__count:empty {
  display: none;
}
@media (max-width: 47.99875em) {
  .shop__count {
    flex: 0 0 0.9375rem;
    inline-size: 0.9375rem;
    block-size: 0.9375rem;
    font-size: 0.4375rem;
  }
}
@media (any-hover: hover) {
  .shop:hover i::before {
    color: var(--color-text-primary);
  }
  .shop:hover {
    background-color: var(--hover-btn-secondary);
  }
  .shop:hover .shop__count {
    color: var(--color-text-white);
    background-color: var(--color-bg-secondary-dark);
  }
}
@media (max-width: 47.99875em) {
  .shop {
    flex: 0 0 var(--header-icon-mobile-size);
    inline-size: var(--header-icon-mobile-size);
    block-size: var(--header-icon-mobile-size);
    padding-inline: 0.625rem;
  }
  .shop i {
    flex: 0 0 0.9375rem;
    inline-size: 0.9375rem;
    block-size: 0.9375rem;
  }
  .shop i::before {
    font-size: 0.9375rem;
  }
}

.logo {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  inline-size: 6.625rem;
  block-size: 3.4375rem;
  flex-shrink: 0;
}
.logo img,
.logo svg {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
  object-position: left;
}
@media (max-width: 47.99875em) {
  .logo {
    inline-size: 4.8125rem;
    block-size: 2.5rem;
  }
}
@media (max-width: 64em) {
  .menu-open .logo_light {
    display: none;
  }
}
.logo_light {
  display: block;
}
.logo_dark {
  display: none;
}
@media (max-width: 64em) {
  .menu-open .logo_dark {
    display: block;
  }
}.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-block-size: 3.625rem;
  padding-block: 0.3125rem;
  gap: 0.75rem;
  border-radius: var(--border-radius-xs);
  border: 0.0625rem solid var(--color-text-secondary);
  padding-inline: 2.1875rem;
  background-color: var(--color-bg-button);
  color: var(--color-text-primary);
  transition: background-color 0.3s, color 0.3s;
}
.button__icon-wrapper {
  flex: 0 0 1.125rem;
  inline-size: 1.125rem;
  block-size: 1.125rem;
}
.button__icon-wrapper i > * {
  inline-size: 100%;
  block-size: 100%;
}
.button__icon-wrapper i > *::before {
  font-size: 1.125rem;
}
.button__icon-wrapper > i:nth-child(2) {
  display: none;
}
.button__text {
  font-weight: 700;
}
@media (any-hover: hover) {
  .button:hover {
    background-color: var(--hover-btn-light);
  }
}
@media (max-width: 29.99875em) {
  .button {
    min-block-size: 3.125rem;
    font-size: 1rem;
  }
}
@media (max-width: 23.4375em) {
  .button {
    font-size: 0.875rem;
    padding-inline: 1.25rem;
  }
}
.button_phone {
  padding-inline: 1.5625rem;
}
@media (any-hover: hover) {
  .button_phone:hover {
    color: var(--color-text-secondary);
    background-color: var(--hover-btn-secondary);
  }
}
@media (max-width: 47.99875em) {
  .button_phone .button__text {
    display: none;
  }
  .button_phone {
    flex: 0 0 var(--header-icon-mobile-size);
    inline-size: var(--header-icon-mobile-size);
    block-size: var(--header-icon-mobile-size);
    min-block-size: 0;
    padding: 0;
    border: none;
    background-color: var(--color-bg-secondary-dark) !important;
  }
  .button_phone i::before {
    color: var(--color-accent);
  }
}
.button_transparent {
  background-color: transparent;
  color: var(--color-text-secondary);
}
@media (any-hover: hover) {
  .button_transparent:hover {
    color: var(--color-text-primary);
  }
}
@media (min-width: 47.99875em) and (max-width: 64em) {
  .menu-open .button_transparent {
    color: var(--color-text-primary);
    border-color: var(--color-bg-button-secondary);
  }
}
.button_dark {
  background-color: var(--color-bg-button-secondary) !important;
  color: var(--color-text-secondary);
  border: 0.0625rem solid transparent;
  transition: border-color 0.3s;
}
@media (any-hover: hover) {
  .button_dark:hover {
    border-color: var(--color-accent);
  }
}
.button_icon {
  padding-inline-start: 1.5625rem;
  padding-inline-end: 3.75rem;
  min-block-size: 3.5rem;
  position: relative;
}
.button_icon .button__icon {
  flex: 0 0 2.5rem;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border-radius: 0.25rem;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.button_icon .button__icon > * {
  inline-size: 1.125rem;
  block-size: 1.125rem;
  object-fit: contain;
}
.button_icon .button__icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  font-size: 0.9375rem;
}
.button_icon .button__icon i svg path {
  fill: currentColor;
}
.button_icon .button__icon i:nth-child(1) {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.button_icon .button__icon i:nth-child(2) {
  opacity: 0;
  transform: translate(-50%, -150%);
}
@media (any-hover: hover) {
  .button_icon:hover .button__icon i:nth-child(1) {
    opacity: 0;
    transform: translate(-50%, 50%);
  }
  .button_icon:hover .button__icon i:nth-child(2) {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
.button_diagonal .button__icon i svg path {
  fill: var(--color-accent);
}
.button_diagonal:hover .button__icon i:nth-child(1) {
  opacity: 0;
  transform: translate(50%, -150%);
}
.button_diagonal:hover .button__icon i:nth-child(2) {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.button_diagonal .button__icon i:nth-child(1) {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.button_diagonal .button__icon i:nth-child(2) {
  opacity: 0;
  transform: translate(-150%, 50%);
}
.button_transparent-icon .button__icon {
  background-color: transparent;
}
.button_space-between span {
  margin-inline-start: auto;
}
.button_space-between i {
  margin-inline-start: auto;
}
.button_dark-icon .button__icon {
  border-radius: 0.5rem;
}
.button_dark-icon .button__icon i {
  inline-size: 0.875rem;
  block-size: 0.875rem;
}
.button_dark-icon .button__icon svg {
  width: 100%;
  height: 100%;
}
.button_dark-icon .button__icon svg path {
  fill: var(--color-accent);
}
.button_dark-icon .button__icon {
  background-color: var(--color-bg-secondary);
}
.button_small-icon .button__icon {
  flex: 0 0 1.125rem;
  inline-size: 1.125rem;
  block-size: 1.125rem;
  right: 1.875rem;
}
.button_small-icon .button__icon svg {
  inline-size: 1.125rem;
  block-size: 1.125rem;
}
@media (min-width: 29.99875em) {
  .button_big-text span {
    font-size: 1.125rem;
  }
}
@media (max-width: 29.99875em) {
  .button_big-text {
    min-block-size: 3.5rem;
  }
}
@media (max-width: 29.99875em) {
  .button_mobile-wide {
    inline-size: 100%;
  }
}
@media (min-width: 47.99875em) {
  .button_reverse {
    padding-inline-start: 3.125rem;
    padding-inline-end: 1.5625rem;
  }
  .button_reverse .button__icon {
    width: 1.25rem;
    block-size: 1.25rem;
    left: 1.25rem;
  }
}
@media (max-width: 47.99875em) {
  .button_reverse {
    padding: 0.3125rem 0.625rem;
    min-block-size: var(--header-icon-mobile-size);
  }
  .button_reverse .button__icon {
    width: 1.125rem;
    block-size: 1.125rem;
    right: initial;
  }
}:root {
  --borderWidth: 1.875rem;
}

.hero {
  border-radius: 0 0 1.875rem 1.875rem;
  background: radial-gradient(59.18% 59.18% at 50% 0%, #205030 0%, #11331c 100%);
  margin-bottom: 11%;
  position: relative;
}
.hero::before {
  content: "";
  position: absolute;
  inline-size: 100%;
  block-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  object-fit: cover;
  background: url("../img/bg-dark.png") center top/cover no-repeat;
}
@media (max-width: 47.99875em) {
  .hero::before {
    opacity: 0.6;
  }
}
.hero__container {
  position: relative;
  z-index: 2;
}
.hero__container._container-wide {
  margin-block-start: 5.5%;
}
@media (max-width: 47.99875em) {
  .hero__container._container-wide {
    margin-block-start: 10.5%;
  }
}
.hero__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1.5625rem;
}
@media (max-width: 47.99875em) {
  .hero__body {
    gap: 1.25rem;
  }
}
.hero__buttons {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  flex-wrap: wrap;
}
@media (max-width: 47.99875em) {
  .hero__buttons {
    flex-direction: column;
  }
  .hero__buttons .button {
    inline-size: 100%;
  }
}
.hero__image-wrapper {
  inline-size: 100%;
  margin-block-end: -8%;
  position: relative;
}
.hero__image-wrapper .label-block {
  position: absolute;
  z-index: 2;
}
@media (min-width: 47.99875em) {
  .hero__image-wrapper .label-block_info {
    inset-inline-start: 0;
    inset-block-start: 5%;
  }
}
@media (max-width: 47.99875em) {
  .hero__image-wrapper .label-block_info {
    inset-block-start: 0.625rem;
    inset-inline-start: 0.625rem;
  }
}
@media (min-width: 47.99875em) {
  .hero__image-wrapper .label-block_avatars {
    inset-block-start: -10%;
    inset-inline-end: 7%;
  }
}
@media (max-width: 47.99875em) {
  .hero__image-wrapper .label-block_avatars {
    inset-block-end: 0.625rem;
    inset-inline-end: 0.625rem;
  }
}
@media (max-width: 47.99875em) {
  .hero__image-wrapper {
    margin-block-end: -50%;
  }
}
.hero__img {
  overflow: hidden;
  border-radius: var(--border-radius-xxl);
  padding-block-end: 43%;
}
.hero__img img {
  inline-size: calc(100% - 0.375rem);
  block-size: calc(100% - 0.375rem);
  inset: 0.1875rem;
  border-radius: 2.5625rem;
}
@media (max-width: 47.99875em) {
  .hero__img img {
    border-radius: 1.75rem;
    inline-size: calc(100% - 0.25rem);
    block-size: calc(100% - 0.25rem);
    inset: 0.125rem;
  }
}
@media (min-width: 47.99875em) {
  .hero__img {
    inline-size: 87.5197%;
    margin-inline: auto;
  }
}
@media (max-width: 47.99875em) {
  .hero__img {
    padding-block-end: 114.287%;
    border-radius: var(--border-radius-mobile);
  }
}
@media (max-width: 47.99875em) {
  .hero {
    margin-bottom: 65%;
  }
}

@keyframes rotateGradinet {
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}.direction {
  position: relative;
}
.direction::after {
  content: "";
  position: absolute;
  inline-size: 69vw;
  block-size: 120%;
  inset-inline-end: 0;
  object-fit: cover;
  background: url("../img/bg-light.png") bottom right/contain no-repeat;
}
@media (min-width: 47.99875em) {
  .direction::after {
    inset-block-start: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 47.99875em) {
  .direction::after {
    top: -3.125rem;
    inline-size: 279%;
    block-size: 105%;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../img/bg-light-mobile.png");
    background-position: top;
  }
}
.direction__container {
  position: relative;
  z-index: 2;
}
.direction .heading {
  max-inline-size: 45rem;
}
.direction .heading:not(:last-child) {
  margin-block-end: 1.875rem;
}
.direction__header {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 5.3125rem 1fr;
}
.direction__header:not(:last-child) {
  margin-block-end: 0.625rem;
}
@media (min-width: 37.5em) {
  .direction__header {
    gap: 0.625rem;
  }
}
@media (max-width: 37.49875em) {
  .direction__header {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.875rem;
    position: relative;
  }
}
.direction__header-element {
  padding: 0.625rem;
  align-items: center;
  border-radius: var(--border-radius-middle);
  font-weight: 700;
  letter-spacing: -0.02rem;
  gap: 0.625rem;
  border: 0.125rem solid var(--color-bg-secondary);
  background-color: var(--color-bg);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
@media (max-width: 47.99875em) {
  .direction__header-element .direction__header-element-text {
    text-align: left;
  }
}
@media (min-width: 37.5em) {
  .direction__header-element {
    display: grid;
    grid-template-columns: 5rem 1fr;
  }
}
@media (max-width: 37.49875em) {
  .direction__header-element {
    display: flex;
  }
}
@media (max-width: 37.49875em) {
  .direction__header-element {
    border-radius: 0.9375rem;
  }
}
@media (any-hover: hover) {
  .direction__header-element:hover {
    border-color: var(--color-bg-secondary-dark);
    background-color: var(--color-bg-secondary-dark);
    color: var(--color-text-secondary);
  }
  .direction__header-element:hover .direction__header-element-icon {
    background-color: var(--color-bg);
  }
  .direction__header-element:hover .direction__header-element-icon svg path {
    fill: var(--color-text-secondary-dark);
  }
}
.direction__header-element.active {
  background-color: var(--color-bg-secondary);
}
.direction__header-element.active .direction__header-element-text {
  color: var(--color-text-secondary);
}
.direction__header-element.active .direction__header-element-icon {
  background-color: var(--color-bg);
}
.direction__header-element.active .direction__header-element-icon svg path {
  fill: var(--color-text-secondary-dark);
}
.direction__header-element.active {
  pointer-events: none;
}
.direction__header-element-decor {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  background-color: #e3d38b;
  transform: rotate(-10deg);
  padding: 1.125rem 1.5625rem;
  align-items: center;
  border-radius: var(--border-radius-middle);
  font-weight: 700;
  letter-spacing: -0.02rem;
}
@media (max-width: 37.49875em) {
  .direction__header-element-decor {
    padding: 0.375rem;
    font-size: 0.875rem;
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    transform: translate(-50%, -50%) rotate(-10deg);
    z-index: 2;
  }
}
.direction__header-element-icon {
  flex: 0 0 5rem;
  inline-size: 5rem;
  block-size: 5rem;
  background-color: var(--color-bg-secondary);
  transition: background-color 0.3s;
}
.direction__header-element-icon svg {
  transition: fill 0.3s;
}
.direction__header-element-icon svg path {
  fill: var(--color-text-secondary);
}
.direction__header-element-icon img,
.direction__header-element-icon svg {
  inline-size: 3.125rem;
  block-size: 3.125rem;
}
@media (max-width: 37.49875em) {
  .direction__header-element-icon {
    flex: 0 0 2.5rem;
    inline-size: 2.5rem;
    block-size: 2.5rem;
  }
  .direction__header-element-icon img,
  .direction__header-element-icon svg {
    inline-size: 1.5rem;
    block-size: 1.5rem;
  }
}
@media (max-width: 24.3125em) {
  .direction__header-element-icon {
    flex: 0 0 1.875rem;
    inline-size: 1.875rem;
    block-size: 1.875rem;
  }
  .direction__header-element-icon img,
  .direction__header-element-icon svg {
    inline-size: 0.9375rem;
    block-size: 0.9375rem;
  }
}
.direction__header-element-text {
  text-align: center;
}
@media (min-width: 37.5em) {
  .direction__header-element-text {
    font-size: 1.375rem;
  }
}
@media (max-width: 24.3125em) {
  .direction__header-element-text {
    font-size: 0.75rem;
  }
}
.direction__body {
  display: grid;
  gap: 1.625rem;
  background-color: var(--color-bg-secondary);
  padding: 2.5rem;
  border-radius: var(--border-radius-xxl);
}
@media (min-width: 47.99875em) {
  .direction__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 47.99875em) {
  .direction__body {
    gap: 1.25rem;
    padding: 1.25rem;
  }
}
.direction__body._hidden {
  display: none;
}
.direction__content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1.25rem;
}
@media (min-width: 75em) {
  .direction__content .title {
    font-size: 3rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 75em) {
  @supports (font-size: clamp(36px, 14.6682098051px2.7776491829vw, 48px)) {
    .direction__content .title {
      font-size: clamp(2.25rem, 0.91676rem2.7776491829vw, 3rem);
    }
  }
  @supports not (font-size: clamp(36px, 14.6682098051px2.7776491829vw, 48px)) {
    .direction__content .title {
      font-size: calc(2.25rem + 0.75 * (100vw - 47.99875rem) / 27.00125);
    }
  }
}
@media (max-width: 47.99875em) {
  .direction__content .title {
    font-size: 2.25rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 75em) {
  .direction__content .title {
    font-size: 3rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 29.9375em) and (max-width: 75em) {
  @supports (font-size: clamp(30px, 18.0416088766px2.4965325936vw, 48px)) {
    .direction__content .title {
      font-size: clamp(1.875rem, 1.1276rem2.4965325936vw, 3rem);
    }
  }
  @supports not (font-size: clamp(30px, 18.0416088766px2.4965325936vw, 48px)) {
    .direction__content .title {
      font-size: calc(1.875rem + 1.125 * (100vw - 29.9375rem) / 45.0625);
    }
  }
}
@media (max-width: 47.99875em) and (max-width: 29.9375em) {
  .direction__content .title {
    font-size: 1.875rem;
  }
}
.direction__content .labels-list:not(:last-child),
.direction__content .text:not(:last-child) {
  margin-block-end: 1.875rem;
}
@media (max-width: 47.99875em) {
  .direction__content .labels-list:not(:last-child),
  .direction__content .text:not(:last-child) {
    margin-block-end: 0.9375rem;
  }
}
@media (min-width: 47.99875em) {
  .direction__content .text {
    max-inline-size: 28.5rem;
  }
}
.direction__content-wrapper {
  flex: 1 1 auto;
}
.direction__images-body {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.direction__img {
  overflow: hidden;
  border-radius: 0.9375rem;
  aspect-ratio: 527/370;
}
@media (max-width: 47.99875em) {
  .direction__img {
    aspect-ratio: 310/167;
  }
}.advantages._section-space:not(:last-child) {
  margin-block-end: 9.375rem;
}
@media (max-width: 47.99875em) {
  .advantages._section-space:not(:last-child) {
    margin-block-end: 11.25rem;
  }
}
.advantages {
  position: relative;
}
.advantages::after {
  content: "";
  position: absolute;
  inline-size: 93vw;
  block-size: 120%;
  inset-inline-start: 0;
  object-fit: cover;
  background: url("../img/bg-light.png") bottom right/contain no-repeat;
  z-index: -1;
}
@media (min-width: 47.99875em) {
  .advantages::after {
    top: -6.25rem;
    transform: translate(0%, 0%) rotate(180deg);
  }
}
@media (max-width: 47.99875em) {
  .advantages::after {
    top: -3.125rem;
    inline-size: 279%;
    block-size: 105%;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../img/bg-light-mobile.png");
    background-position: top;
  }
}
.advantages__container {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: start;
}
.advantages__header {
  display: grid;
  align-items: center;
}
@media (min-width: 75em) {
  .advantages__header {
    gap: 5.3125rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 75em) {
  @supports (gap: clamp(20px, -95.547196889px15.0455997408vw, 85px)) {
    .advantages__header {
      gap: clamp(1.25rem, -5.9717rem15.0455997408vw, 5.3125rem);
    }
  }
  @supports not (gap: clamp(20px, -95.547196889px15.0455997408vw, 85px)) {
    .advantages__header {
      gap: calc(1.25rem + 4.0625 * (100vw - 47.99875rem) / 27.00125);
    }
  }
}
@media (max-width: 47.99875em) {
  .advantages__header {
    gap: 1.25rem;
  }
}
@media (min-width: 47.99875em) {
  .advantages__header {
    grid-template-columns: 51% 1fr;
  }
}
@media (min-width: 47.99875em) {
  .advantages__header .info-block__text {
    max-inline-size: 23.9375rem;
    font-size: 1rem;
  }
}
.advantages__header .info-block__text {
  font-weight: 400;
}
.advantages__header:not(:last-child) {
  margin-block-end: 2.5rem;
}
.advantages__image-wrapper {
  inline-size: 100%;
  display: grid;
  overflow: hidden;
  position: relative;
}
@media (min-width: 47.99875em) {
  .advantages__image-wrapper > * {
    grid-column: 1/-1;
    grid-row: 1/-1;
  }
}
.advantages__image {
  overflow: hidden;
  border-radius: var(--border-radius-mobile);
  padding-block-end: 48.276%;
}
@media (max-width: 63.99875em) {
  .advantages__image {
    padding-block-end: 75.276%;
  }
}
@media (max-width: 47.99875em) {
  .advantages__image {
    padding-block-end: 102.858%;
  }
}
.advantages__list {
  align-self: end;
  padding: 1.25rem;
  display: grid;
  gap: 0.3125rem;
  position: relative;
  z-index: 3;
}
@media (min-width: 64em) {
  .advantages__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 47.99875em) and (max-width: 63.99875em) {
  .advantages__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 47.99875em) {
  .advantages__list {
    padding-block: 0rem;
    margin-top: -6.5625rem;
  }
}
@media (max-width: 29.99875em) {
  .advantages__list {
    margin-top: -5.3125rem;
  }
}
@media (min-width: 47.99875em) {
  .advantages__list::before {
    content: "";
    position: absolute;
    inline-size: 100%;
    block-size: 135%;
    inset-inline-start: 0;
    inset-block-end: 0;
    background: url("../img/blur.png") 0 0/cover no-repeat;
    z-index: -1;
    border-radius: 1.875rem;
  }
}
.item-advantages {
  background-color: var(--color-bg-secondary);
  border-radius: var(--border-radius-middle);
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 29.99875em) {
  .item-advantages {
    gap: 0.625rem;
  }
}
.item-advantages__icon {
  flex: 0 0 2.25rem;
  inline-size: 2.25rem;
  block-size: 2.25rem;
}
@media (max-width: 29.99875em) {
  .item-advantages__icon {
    flex: 0 0 1.25rem;
    inline-size: 1.25rem;
    block-size: 1.25rem;
  }
}
.item-advantages__title {
  color: var(--color-text-secondary);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.03em;
}
@media (min-width: 47.99875em) {
  .item-advantages__title {
    max-inline-size: 15.0625rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 47.99875em) {
  .item-advantages__title {
    font-size: 1.8125rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 47.99875em) {
  @supports (font-size: clamp(18px, 6.6501931319px2.9102068893vw, 29px)) {
    .item-advantages__title {
      font-size: clamp(1.125rem, 0.41564rem2.9102068893vw, 1.8125rem);
    }
  }
  @supports not (font-size: clamp(18px, 6.6501931319px2.9102068893vw, 29px)) {
    .item-advantages__title {
      font-size: calc(1.125rem + 0.6875 * (100vw - 24.375rem) / 23.62375);
    }
  }
}
@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .item-advantages__title {
    font-size: 1.125rem;
  }
}
@media (max-width: 47.99875em) {
  .item-advantages {
    padding: 0.8125rem 0.625rem;
  }
}.quality-section {
  background-color: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  position: relative;
}
.quality-section::before {
  content: "";
  position: absolute;
  inline-size: 100%;
  block-size: 100%;
  inset-block-start: -3.125rem;
  inset-inline-start: 0;
  object-fit: cover;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIxMDkxIiB2aWV3Qm94PSIwIDAgMTQ0MCAxMDkxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy44MTQ3ZS0wNiA0NS45MjI1TDI0Ni40NDUgMjIuNDc2MUM1NjEuNDM3IC03LjQ5MTkyIDg3OC41NjMgLTcuNDkxOSAxMTkzLjU2IDIyLjQ3NjFMMTQ0MCA0NS45MjI1TDE0NDAgMTA5MC45Mkg3MjBIMEwzLjgxNDdlLTA2IDQ1LjkyMjVaIiBmaWxsPSIjMTEzMzFDIi8+Cjwvc3ZnPgo=");
  background-size: 100% auto;
  background-repeat: repeat-y;
}
@media (max-width: 47.99875em) {
  .quality-section::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkwIiBoZWlnaHQ9IjEyMDkiIHZpZXdCb3g9IjAgMCAzOTAgMTIwOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMzMuMjM5OUMxMjYuMjIzIC0xMS4wNzk5IDI2My43NzcgLTExLjA3OTggMzkwIDMzLjIzOTlMMzkwIDEyMDguMjdIMTk1SDBMMCAzMy4yMzk5WiIgZmlsbD0iIzExMzMxQyIvPgo8L3N2Zz4K");
    inset-block-start: -6.25rem;
  }
}
.quality-section::after {
  content: "";
  position: absolute;
  inline-size: 80vw;
  block-size: 87%;
  inset-block-start: -12%;
  inset-inline-end: 0;
  object-fit: cover;
  background: url("../img/bg-dark02.png") 0 0/cover no-repeat;
  pointer-events: none;
}
@media (max-width: 47.99875em) {
  .quality-section::after {
    inline-size: 130vw;
    block-size: 76%;
  }
}
.quality-section__container {
  position: relative;
  z-index: 2;
  padding-block-start: 4%;
  position: relative;
}
@media (max-width: 47.99875em) {
  .quality-section__container {
    padding-block-start: 1.875rem;
  }
}
.quality-section__container::before {
  content: "";
  position: absolute;
  inset-block-start: -5.5rem;
  inset-inline-end: 23%;
  inline-size: 8.1875rem;
  block-size: 8.1875rem;
  background: url("../img/sticker.png") center center/contain no-repeat;
}
@media (max-width: 47.99875em) {
  .quality-section__container::before {
    inset-inline-end: 10%;
    inset-block-start: -9.375rem;
  }
}
.quality-section__header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-inline-size: 32.6875rem;
}
.quality-section__header:not(:last-child) {
  margin-block-end: 3rem;
}
.quality-section__header .info-block__text {
  font-size: 1rem;
}
.quality-section__slider {
  padding-block-end: 3.125rem;
}
.quality-section__slider.swiper {
  overflow: visible;
}
.quality-section__slider .swiper-navigation {
  margin-block-start: 2.75rem;
}
@media (max-width: 47.99875em) {
  .quality-section__slider .swiper-navigation {
    margin-block-start: 1.875rem;
  }
}
@media (max-width: 47.99875em) {
  .quality-section__slider {
    padding-block-end: 1.875rem;
  }
}
.quality-section__slide {
  user-select: none;
}
.quality-section__body {
  display: grid;
  gap: 1.25rem;
  border-top: 0.0625rem solid var(--color-bg-secondary-dark);
}
@media (min-width: 61.99875em) {
  .quality-section__body {
    grid-template-columns: 1fr 56.5%;
  }
}
.quality-section__body {
  padding-block-start: 2.625rem;
  padding-block-end: 3.125rem;
}
@media (max-width: 47.99875em) {
  .quality-section__body {
    padding-block-start: 1.875rem;
  }
}
.quality-section__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.03375em;
}
.slide-quality-section__img {
  overflow: hidden;
  border-radius: var(--border-radius-middle);
  padding-block-end: 67%;
}
@media (max-width: 29.99875em) {
  .slide-quality-section__img {
    padding-block-end: 112%;
  }
}

.preview-modal {
  display: grid;
  gap: 1.875rem;
}
@media (min-width: 61.99875em) {
  .preview-modal {
    grid-template-columns: repeat(2, 1fr);
  }
}
.preview-modal__btn {
  overflow: hidden;
  border-radius: var(--border-radius-sm);
  border: 0.1875rem solid var(--color-accent);
  padding-block-end: 52.448%;
}
.preview-modal__btn img {
  transition: transform 1s ease 0s;
  will-change: transform;
}
@media (any-hover: hover) {
  .preview-modal__btn:hover img {
    transform: scale(1.05);
  }
}
.preview-modal__btn svg {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  inline-size: 2.625rem;
  block-size: 2.625rem;
  z-index: 2;
  mix-blend-mode: hard-light;
}
.preview-modal__text {
  line-height: 1.3;
}
@media (max-width: 61.99875em) {
  .preview-modal__text {
    font-size: 1.125rem;
  }
}
@media (max-width: 29.99875em) {
  .preview-modal__text {
    font-size: 1rem;
  }
}
@media (max-width: 47.99875em) {
  .preview-modal {
    gap: 1.25rem;
  }
}:root {
  --dark-color: #11331c;
  --light-color: #b8b98d;
}

.how-do-we-work {
  position: relative;
}
.how-do-we-work._section-space {
  padding-block-start: 6.4375rem;
}
@media (min-width: 47.99875em) {
  .how-do-we-work::after {
    content: "";
    position: absolute;
    inline-size: 69vw;
    block-size: 175%;
    inset-block-start: 10%;
    inset-inline-end: 0;
    object-fit: cover;
    background: url("../img/bg-light.png") bottom right/contain no-repeat;
    z-index: -1;
  }
}
.how-do-we-work__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.how-do-we-work__list {
  display: grid;
  gap: 0.625rem;
  list-style-type: none;
  counter-reset: item;
  grid-auto-rows: 1fr;
}
@media (min-width: 61.99875em) {
  .how-do-we-work__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 61.99875em) {
  .how-do-we-work__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 24.37375em) {
  .how-do-we-work__list {
    grid-template-columns: auto;
  }
}
.item-how-do-we-work {
  --space: 1.875rem;
  --space-mobile: 0.625rem;
  border-radius: var(--border-radius-middle);
  background-color: #fff3be;
  padding: 5rem var(--space) var(--space) var(--space);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
  align-items: start;
  position: relative;
  transition: background-color 0.3s;
}
.item-how-do-we-work::before {
  content: "";
  counter-increment: item;
  position: absolute;
  inset-block-start: var(--space);
  inset-inline-start: var(--space);
  content: counter(item, decimal-leading-zero);
  padding: 0.25rem 0.625rem;
  background-color: #e3d38b;
  border-radius: var(--border-radius-xl);
  font-weight: 700;
}
@media (max-width: 47.99875em) {
  .item-how-do-we-work::before {
    inset-block-start: var(--space-mobile);
    inset-inline-start: var(--space-mobile);
  }
}
@media (max-width: 47.99875em) {
  .item-how-do-we-work {
    gap: 0.625rem;
    padding: 3.125rem var(--space-mobile) var(--space-mobile) var(--space-mobile);
  }
}
.item-how-do-we-work__title {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.03em;
  transition: color 0.3s;
}
@media (min-width: 47.99875em) and (max-width: 61.99875em) and (min-width: 61.99875em) {
  .item-how-do-we-work__title {
    font-size: 2.1875rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 61.99875em) and (min-width: 47.99875em) and (max-width: 61.99875em) {
  @supports (font-size: clamp(28px, 4.000625px3.125vw, 35px)) {
    .item-how-do-we-work__title {
      font-size: clamp(1.75rem, 0.25004rem3.125vw, 2.1875rem);
    }
  }
  @supports not (font-size: clamp(28px, 4.000625px3.125vw, 35px)) {
    .item-how-do-we-work__title {
      font-size: calc(1.75rem + 0.4375 * (100vw - 47.99875rem) / 14);
    }
  }
}
@media (min-width: 47.99875em) and (max-width: 61.99875em) and (max-width: 47.99875em) {
  .item-how-do-we-work__title {
    font-size: 1.75rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 47.99875em) {
  .item-how-do-we-work__title {
    font-size: 2.1875rem;
  }
}
@media (max-width: 47.99875em) and (min-width: 24.375em) and (max-width: 47.99875em) {
  @supports (font-size: clamp(16px, -3.6042118631px5.0267209905vw, 35px)) {
    .item-how-do-we-work__title {
      font-size: clamp(1rem, -0.22526rem5.0267209905vw, 2.1875rem);
    }
  }
  @supports not (font-size: clamp(16px, -3.6042118631px5.0267209905vw, 35px)) {
    .item-how-do-we-work__title {
      font-size: calc(1rem + 1.1875 * (100vw - 24.375rem) / 23.62375);
    }
  }
}
@media (max-width: 47.99875em) and (max-width: 24.375em) {
  .item-how-do-we-work__title {
    font-size: 1rem;
  }
}
.item-how-do-we-work__img {
  display: flex;
  justify-content: center;
  align-items: center;
  inline-size: 100%;
  height: 10.625rem;
}
.item-how-do-we-work__img svg {
  inline-size: 100%;
  block-size: 6.25rem;
}
.item-how-do-we-work__img svg path {
  transition: all 0.3s;
}
@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .item-how-do-we-work__img svg {
    block-size: 9.375rem;
  }
}
@media (max-width: 29.99875em) {
  .item-how-do-we-work__img svg {
    block-size: 5rem;
  }
}
@media (max-width: 29.99875em) {
  .item-how-do-we-work__img {
    height: 7.375rem;
  }
}
@media (any-hover: hover) {
  .item-how-do-we-work:hover {
    background-color: var(--color-bg-secondary);
  }
  .item-how-do-we-work:hover .item-how-do-we-work__title {
    color: var(--color-accent);
  }
  .item-how-do-we-work:hover .item-how-do-we-work__img {
    --dark-color: #ecde9c;
    --light-color: rgba(236, 222, 156, 0.3);
  }
}.contact__body {
  padding: 3.125rem;
  display: grid;
  align-items: start;
  gap: 1.875rem;
  background-color: var(--color-bg-secondary);
  border-radius: var(--border-radius-xxl);
}
@media (min-width: 61.99875em) {
  .contact__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 47.99875em) {
  .contact__body {
    padding: 1.25rem;
    border-radius: var(--border-radius-mobile);
    gap: 1.25rem;
  }
}
.contact__body .heading {
  gap: 1.875rem;
}
.contact__body .heading .text {
  letter-spacing: -0.03em;
  line-height: 1.2;
}
@media (min-width: 61.99875em) {
  .contact__body .heading .text {
    max-inline-size: 24.375rem;
  }
}
@media (min-width: 29.99875em) {
  .contact__body .heading .text {
    font-size: 1.375rem;
  }
}
@media (max-width: 61.99875em) {
  .contact__body .heading {
    gap: 1.25rem;
  }
}
.contact__content {
  display: flex;
  flex-direction: column;
  gap: 3.5625rem;
}
@media (max-width: 61.99875em) {
  .contact__content {
    gap: 1.25rem;
  }
}
.contact__buttons {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  flex-wrap: wrap;
}.footer {
  padding-block-start: 2.5rem;
  font-weight: 500;
}
.footer__container_bottom {
  padding-block-start: 1.875rem;
}
@media (max-width: 29.99875em) {
  .footer__container_bottom {
    padding-inline: 0;
  }
}
.footer__body {
  padding-block-end: 2.75rem;
  border-bottom: 0.0625rem solid #b0a572;
}
@media (max-width: 47.99875em) {
  .footer__body {
    padding-block-end: 1.875rem;
  }
}
.footer__top {
  display: grid;
  justify-items: start;
  align-items: center;
  gap: 1.25rem;
}
@media (min-width: 61.99875em) {
  .footer__top {
    grid-template-columns: auto 22rem;
  }
}
.footer__middle:not(:last-child), .footer__top:not(:last-child) {
  margin-block-end: 2.75rem;
}
@media (max-width: 47.99875em) {
  .footer__middle:not(:last-child), .footer__top:not(:last-child) {
    margin-block-end: 1.875rem;
  }
}
.footer__middle {
  display: grid;
  align-items: start;
  gap: 1.25rem;
}
@media (min-width: 61.99875em) {
  .footer__middle {
    grid-template-columns: 12.5625rem 15.375rem 22rem;
    justify-content: space-between;
  }
}
@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .footer__middle {
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125rem;
  }
}
@media (max-width: 47.99875em) {
  .footer__middle {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 29.99875em) {
  .footer__middle {
    column-gap: 0.3125rem;
  }
}
.footer__bottom {
  padding-block-start: 2.75rem;
}
@media (max-width: 47.99875em) {
  .footer__bottom {
    padding-block-start: 1.875rem;
  }
}
.footer__bottom-content {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
  align-items: center;
}
.footer__bottom-content:not(:last-child) {
  margin-block-end: 2.5rem;
}
.footer__copyright {
  color: var(--color-text-primary-light);
}
.footer__navigation ul {
  display: flex;
  justify-content: center;
  gap: 0.3125rem 2.5rem;
  flex-wrap: wrap;
}
@media (max-width: 61.99875em) {
  .footer__navigation ul {
    column-gap: 1.25rem;
  }
}
@media (max-width: 47.99875em) {
  .footer__navigation ul {
    row-gap: 0.4375rem;
    flex-direction: column;
  }
}
.footer__navigation ul li a {
  display: inline-flex;
  color: var(--color-text-black);
}
@media (max-width: 47.99875em) {
  .footer__navigation ul li a {
    background-color: #e3d38b;
    padding: 0.3125rem 0.625rem;
    border-radius: var(--border-radius-small);
    align-items: center;
    gap: 0.375rem;
    line-height: 1;
  }
  .footer__navigation ul li a::before {
    content: "";
    flex: 0 0 0.375rem;
    inline-size: 0.375rem;
    block-size: 0.375rem;
    border-radius: 50%;
    background-color: black;
  }
}
@media (max-width: 29.99875em) {
  .footer__navigation ul li a {
    font-size: 0.875rem;
  }
}
@media (max-width: 23.4375em) {
  .footer__navigation ul li a {
    font-size: 0.75rem;
  }
}
@media (max-width: 47.99875em) {
  .footer__navigation {
    order: 2;
    grid-row: span 3;
    display: flex;
    justify-content: center;
  }
}
.footer__logo {
  background: url("../img/letters-bg.jpg") center bottom/cover no-repeat;
  inline-size: 100%;
  padding-block-end: 10.775862069%;
  mask: url("../img/boiko-food.svg") center bottom/contain no-repeat;
  -webkit-mask: url("../img/boiko-food.svg") center bottom/contain no-repeat;
  margin-block-end: -0.125rem;
}
@media (max-width: 47.99875em) {
  .footer .contact-navigation:nth-child(2) {
    order: 4;
  }
  .footer .contact-navigation:nth-child(3) {
    order: 3;
    max-width: 12rem;
  }
}
.footer .info-block__text {
  max-inline-size: 14.25rem;
}

.contact-navigation__title {
  color: var(--color-text-primary-light);
  font-size: 1.125rem;
  font-weight: 500;
}
.contact-navigation__title:not(:last-child) {
  margin-block-end: 0.8125rem;
}
@media (max-width: 47.99875em) {
  .contact-navigation__title:not(:last-child) {
    margin-block-end: 0.4375rem;
  }
}
@media (max-width: 29.99875em) {
  .contact-navigation__title {
    font-size: 0.875rem;
  }
}
.contact-navigation__phone {
  font-family: var(--font-secondary);
  display: inline-flex;
  align-items: center;
  gap: 1.125rem;
  font-size: 3.25rem;
  font-weight: 700;
  border-bottom: 0.25rem solid #11331c;
}
.contact-navigation__phone i {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 1.875rem;
  inline-size: 1.875rem;
  block-size: 1.875rem;
}
.contact-navigation__phone i::before {
  font-size: 1.875rem;
}
@media (min-width: 35.8125em) {
  .contact-navigation__phone {
    padding-block-end: 0.25rem;
  }
}
@media (max-width: 33.5625em) {
  .contact-navigation__phone {
    gap: 0.75rem;
  }
}
@media (max-width: 33.5625em) and (min-width: 33.5625em) {
  .contact-navigation__phone {
    font-size: 3.25rem;
  }
}
@media (max-width: 33.5625em) and (min-width: 24.375em) and (max-width: 33.5625em) {
  @supports (font-size: clamp(36px, -6.4489795918px10.8843537415vw, 52px)) {
    .contact-navigation__phone {
      font-size: clamp(2.25rem, -0.40306rem10.8843537415vw, 3.25rem);
    }
  }
  @supports not (font-size: clamp(36px, -6.4489795918px10.8843537415vw, 52px)) {
    .contact-navigation__phone {
      font-size: calc(2.25rem + 1 * (100vw - 24.375rem) / 9.1875);
    }
  }
}
@media (max-width: 33.5625em) and (max-width: 24.375em) {
  .contact-navigation__phone {
    font-size: 2.25rem;
  }
}
@media (max-width: 33.5625em) {
  .contact-navigation__phone i {
    flex: 0 0 1.4375rem;
    inline-size: 1.4375rem;
    block-size: 1.4375rem;
  }
  .contact-navigation__phone i::before {
    font-size: 1.4375rem;
  }
}
@media (max-width: 24.3125em) and (min-width: 24.375em) {
  .contact-navigation__phone {
    font-size: 2.25rem;
  }
}
@media (max-width: 24.3125em) and (min-width: 20em) and (max-width: 24.375em) {
  @supports (font-size: clamp(28px, -8.5714285714px11.4285714286vw, 36px)) {
    .contact-navigation__phone {
      font-size: clamp(1.75rem, -0.53571rem11.4285714286vw, 2.25rem);
    }
  }
  @supports not (font-size: clamp(28px, -8.5714285714px11.4285714286vw, 36px)) {
    .contact-navigation__phone {
      font-size: calc(1.75rem + 0.5 * (100vw - 20rem) / 4.375);
    }
  }
}
@media (max-width: 24.3125em) and (max-width: 20em) {
  .contact-navigation__phone {
    font-size: 1.75rem;
  }
}
.contact-navigation__value {
  color: var(--color-text-primary);
  font-size: 1.125rem;
}
@media (max-width: 29.99875em) {
  .contact-navigation__value {
    font-size: 0.875rem;
  }
}

.socials {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 2.125rem;
}
.socials__item {
  flex: 0 0 1.375rem;
  inline-size: 1.375rem;
  block-size: 1.375rem;
}
.socials__item * {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
  transition: color 0.3s, fill 0.3s;
}

.info-block {
  display: flex;
  gap: 1.25rem;
}
.info-block__icon {
  flex: 0 0 3.375rem;
  inline-size: 3.375rem;
  block-size: 3.375rem;
  background-color: #e3d38b;
}
@media (max-width: 29.99875em) {
  .info-block__icon {
    flex: 0 0 2.75rem;
    inline-size: 2.75rem;
    block-size: 2.75rem;
  }
}
.info-block__text {
  font-weight: 500;
  position: relative;
  inset-block-start: 0.3125rem;
}
@media (min-width: 29.99875em) {
  .info-block__text {
    font-size: 1.125rem;
  }
}
@media (max-width: 29.99875em) {
  .info-block__text {
    inset-block-start: 0.125rem;
  }
}
@media (max-width: 29.99875em) {
  .info-block {
    gap: 0.9375rem;
  }
}
.info-block_dark .info-block__icon {
  background-color: var(--color-bg-secondary-dark);
}
.info-block_dark .info-block__text {
  color: var(--color-text-secondary);
}
.info-block_center {
  align-items: center;
}

._hover-link {
  transition: color 0.3s;
}
._hover-link:hover svg path {
  fill: #205030;
}
._hover-link:hover {
  color: #205030;
}