html:not([dir="rtl"]) body,
html:not([dir="rtl"]) input,
html:not([dir="rtl"]) textarea,
html:not([dir="rtl"]) button,
html:not([dir="rtl"]) select {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

html {
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: visible;
}

.hero__man,
.graft-calc__img img {
  height: auto;
}

.header__langs .header__langs-drop {
  pointer-events: none;
}

.header__langs:hover .header__langs-drop,
.header__langs.is-open .header__langs-drop {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body.header-lang-suppressed .header__langs:not(.is-open):hover .header__langs-drop {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none;
}

.graft-calc__schema .zone {
  pointer-events: auto;
}

.graft-calc__schema .zone.active {
  opacity: 0.72;
}

.graft-calc__zones-list .checkbox:checked + .custom-line .checkbox-custom {
  background-image: url("../img/icons/check-full.svg");
}

.beforeafter,
.experience-videos,
.team,
.testimonials,
.blog {
  --home-section-heading-gap: clamp(28px, 3vw, 44px);
  --home-section-pagination-gap: 22px;
  --home-section-cta-gap: clamp(24px, 2.2vw, 34px);
}

.testimonials {
  --home-section-proof-gap: clamp(34px, 2.7vw, 44px);
  --home-section-proof-cta-gap: clamp(28px, 2.3vw, 38px);
}

.beforeafter .title-center,
.experience-videos .title-center,
.team .title-center,
.testimonials .title-center,
.blog .title-center {
  margin-bottom: var(--home-section-heading-gap);
}

.beforeafter .bottom-btn-wrap,
.experience-videos .bottom-btn-wrap,
.team .bottom-btn-wrap,
.testimonials .bottom-btn-wrap,
.blog .bottom-btn-wrap {
  margin-top: var(--home-section-cta-gap);
}

.beforeafter .js-embla,
.experience-videos .js-embla,
.team .js-embla,
.testimonials .js-embla,
.blog .js-embla {
  margin-bottom: 0;
}

.beforeafter .js-embla > .swiper-pagination,
.experience-videos .js-embla > .swiper-pagination,
.team .js-embla > .swiper-pagination,
.testimonials .js-embla > .swiper-pagination,
.blog .js-embla > .swiper-pagination {
  margin-top: var(--home-section-pagination-gap);
  margin-bottom: 0;
}

.beforeafter--home > .wrapper {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

.beforeafter--home .title-center,
.beforeafter--home .beforeafter__filter,
.beforeafter--home .bottom-btn-wrap {
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
}

.beforeafter--home .beforeafter__slider {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-right: clamp(18px, 7vw, 150px);
  padding-left: clamp(18px, 7vw, 150px);
  box-sizing: border-box;
}

.beforeafter--home .beforeafter__slider,
.experience-videos--home .guests__slider,
.testimonials .testimonials__slider {
  position: relative;
}

.beforeafter--home .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.experience-videos--home > .wrapper {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

.experience-videos--home .title-center,
.experience-videos--home .bottom-btn-wrap {
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
}

.experience-videos--home .guests__slider {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-right: clamp(18px, 7vw, 150px);
  padding-left: clamp(18px, 7vw, 150px);
  box-sizing: border-box;
}

.experience-videos--home .guests__slider .swiper-wrapper {
  align-items: stretch;
}

.experience-videos--home .guests__slide {
  display: flex;
  flex-direction: column;
  height: auto;
  margin-bottom: 0;
}

.experience-videos--home .guests__slide .table {
  flex: 1;
}

.experience-videos--home .guests__slider .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.testimonials > .wrapper {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

.testimonials .title-center,
.testimonials .subtitle-center,
.testimonials .innerpage,
.testimonials .bottom-btn-wrap {
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
}

.testimonials .testimonials__slider {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-right: clamp(18px, 7vw, 150px);
  padding-left: clamp(18px, 7vw, 150px);
  box-sizing: border-box;
}

.testimonials .testimonials__slider .swiper-wrapper {
  align-items: stretch;
}

.testimonials .testimonials__slide {
  height: auto;
}

.testimonials .testimonials__slider .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.testimonials .innerpage {
  margin-top: var(--home-section-proof-gap);
  margin-bottom: 0;
  overflow: visible;
}

.testimonials .innerpage .reviews-labels {
  margin-bottom: 0;
}

.testimonials .bottom-btn-wrap {
  margin-top: var(--home-section-proof-cta-gap);
}

@media (max-width: 767px) {
  .beforeafter,
  .experience-videos,
  .team,
  .testimonials,
  .blog {
    --home-section-heading-gap: 22px;
    --home-section-pagination-gap: 18px;
    --home-section-cta-gap: 24px;
  }

  .testimonials {
    --home-section-proof-gap: 28px;
    --home-section-proof-cta-gap: 24px;
  }

  .beforeafter--home .beforeafter__filter {
    max-width: none;
  }
}