@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Ubuntu:regular,500,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Russo+One:regular&display=swap");* {
	padding: 0rem;
	margin: 0rem;
	border: 0rem;
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
*::before,
*::after {
	display: inline-block;
}
html,
body {
	height: 100%;
}
body {
	line-height: 1;
	scrollbar-gutter: stable;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
input,
button,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	background-color: transparent;
}
input,
textarea {
	width: 100%;
}
label {
	display: inline-block;
}
button,
select,
option {
	cursor: pointer;
}
a {
	display: inline-block;
	color: inherit;
	text-decoration: none;
}
ul li {
	list-style: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}

address {
	font-style: normal;
}
@font-face { 
	font-family: "iconfont"; 
	font-display: swap;
	src: url("../assets/fonts/iconfont.woff2?a23703a304f64637db0bdc6f5969ff31") format("woff2"); 
} 
[class*="--icon-"]::before{
	font-family: iconfont; 
}
	[class*="--icon-arrow"]::before { 
		content: "\f101"; 
	} 



/* Generated by vite-plugin-svg-spritemap */
:root {
  /* Стиль шрифта */
  --fontFamily: "Ubuntu";
  --fontFamily_2: "Russo One";
  /* Размер шрифта */
  --fontSize: 1rem;
  /* Межстрочный  интервал */
  --lineHeight_100: 100%; /* Межстрочный  интервал по умолчанию */
  --lineHeight_110: 110%;
  --lineHeight_130: 130%;
  --lineHeight_140: 140%;
  /* Начертание шрифта */
  --fontWeight_400: 400; /* Начертание шрифта по умолчанию */
  --fontWeight_500: 500;
  --fontWeight_700: 700;
  /* Цвет шрифта */
  --mainColor: #28292d; /* Цвет шрифта по умолчанию */
  --whiteColor: #fff;
  --blackColor: #000;
  --greenColor: #62a82b;
  /* Цвет фона */
  --mainBg: #fff; /*  Цвет фона по умолчанию */
  --whiteBg: #fff;
  --blackBg: #000;
  --greenBg: #62a82b;
  /* Скорость анимации */
  --s: 0.3s;
  /* Эффект анимации */
  --e: ease;
}
body {
  min-width: 20rem;
  background-color: var(--mainBg);
  color: var(--mainColor);
  font-family: var(--fontFamily);
  font-size: var(--fontSize);
}
[data-fls-scrolllock] body {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
.wrapper {
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: clip;
}
.wrapper > main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}
[class*=__container] {
  max-width: 75rem;
  margin: 0 auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
[class*=__container_wide] {
  max-width: 120rem;
}
.title {
  text-transform: uppercase;
  line-height: var(--lineHeight_130);
  font-weight: var(--fontWeight_700);
}
.title--center {
  text-align: center;
}
.title--white {
  color: var(--whiteColor);
}
.phone {
  display: flex;
  align-items: center;
  column-gap: 0.9375rem;
}
.phone__phone-icon {
  flex: 0 0 1rem;
  width: 1rem;
  height: 1.875rem;
  object-fit: contain;
}
.phone__name {
  cursor: pointer;
  color: #555;
  line-height: var(--lineHeight_100);
}
.phone__name:not(:last-child) {
  margin-bottom: 0.3125rem;
}
.phone__number {
  line-height: var(--lineHeight_100);
  font-family: var(--fontFamily_2);
}
.contacts {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
}
.contacts__links {
  display: flex;
  column-gap: 0.625rem;
}
.contacts__icon {
  width: 2.0625rem;
  height: 2.0625rem;
  object-fit: contain;
}
.page__box {
  position: fixed !important;
  top: 0rem;
  left: 0rem;
  background-color: var(--whiteBg);
  width: 100%;
  padding: 0.625rem 0rem;
  z-index: 60 !important;
  box-shadow: 0rem 0rem 0.3125rem 0rem rgba(0, 0, 0, 0.3);
}
.page__cards {
  margin-bottom: 3.125rem;
}
.page__advantages {
  margin-bottom: 2.3125rem;
}
.page__works {
  padding-top: 2.9375rem;
}
.page__reviews {
  margin-bottom: 3.4375rem;
}/* Generated by vite-plugin-svg-spritemap */
.target-content {
  position: absolute;
  top: -100%;
  transition: top var(--s) var(--e);
  height: 3.125rem;
}
.--target_menu .target-content {
  top: 0rem;
}/* Generated by vite-plugin-svg-spritemap */
.swiper {
  overflow: hidden;
}

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

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  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(0rem, 0, 0);
}

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

.pagination {
  max-width: 75rem;
  margin: -1.5rem auto 0rem auto;
  padding: 0rem 0.9375rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
  position: relative;
  z-index: 40;
}
.pagination .swiper-pagination-bullet {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  position: relative;
  transition: background-color 0.5s var(--e);
  cursor: pointer;
}
.pagination .swiper-pagination-bullet::before, .pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transition: transform 0.5s var(--e);
}
.pagination .swiper-pagination-bullet::before {
  width: 1.125rem;
  height: 1.125rem;
  background-color: rgba(255, 255, 255, 0.6);
  transform: translate(-50%, -50%);
}
.pagination .swiper-pagination-bullet::after {
  width: 0.875rem;
  height: 0.875rem;
  background-color: var(--greenBg);
  transform: translate(-50%, -50%) scale(0);
}
.pagination .swiper-pagination-bullet-active {
  background-color: var(--whiteBg);
}
.pagination .swiper-pagination-bullet-active::before {
  transform: translate(-50%, -50%) scale(0);
}
.pagination .swiper-pagination-bullet-active::after {
  transform: translate(-50%, -50%) scale(1);
}
/* Generated by vite-plugin-svg-spritemap */
.menu__link {
  display: flex;
  align-items: center;
  column-gap: 0.375rem;
  font-weight: var(--fontWeight_500);
  font-size: 1.1875rem;
  color: #424a42;
  letter-spacing: -0.05em;
  line-height: var(--lineHeight_100);
}
.menu__item:has(.menu__sublist) .menu__link::after {
  content: "";
  display: inline-block;
  width: 0rem;
  transition: transform var(--s) var(--e);
}
.menu__sublink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.25rem;
  padding: 0.375rem 0rem;
  line-height: var(--lineHeight_130);
  border-bottom: 0.0625rem solid #dedede;
  color: #424a42;
  position: relative;
  padding-left: 1.5rem;
}
.menu__link .menu__arrow::after {
  content: "🡇";
}
.menu__sublink .menu__arrow::after {
  content: "🡆";
}/* Generated by vite-plugin-svg-spritemap */
.header {
  position: sticky;
  z-index: 120;
  background-color: var(--whiteBg);
}
.header__row {
  display: flex;
  column-gap: 0.9375rem;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.header__row::before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 50%;
  transform: translate(-50%, 0rem);
  width: 100vw;
  height: 100%;
  background-color: #f5f8fb;
  min-width: 20rem;
}
.header__wrapper {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 102;
}
.header__logo img {
  object-fit: contain;
}

.city {
  cursor: pointer;
  display: flex;
  column-gap: 0.5rem;
  position: relative;
}
.city:hover .city__name {
  color: var(--greenColor);
}
.city__icon {
  transform: translate(0rem, 0.1875rem);
  flex: 0 0 0.5rem;
  width: 0.5rem;
  height: 0.6875rem;
  object-fit: contain;
}
.city__item {
  line-height: var(--lineHeight_100);
  color: #555;
}
.city__item:not(:last-child) {
  margin-bottom: 0.4375rem;
}
.city__name {
  color: #305a0e;
  line-height: var(--lineHeight_100);
  font-weight: var(--fontWeight_500);
  font-size: 1.125rem;
}
.city__list {
  position: absolute;
  top: 0rem;
  min-width: 16.25rem;
  background-color: var(--whiteBg);
  padding: 0.9375rem 1.25rem;
  transition: opacity var(--s) var(--e), top var(--s) var(--e), visibility var(--s) var(--e);
  left: 0rem;
  z-index: 50;
  opacity: 0;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  visibility: hidden;
  box-shadow: 0rem 0rem 0.3125rem 0rem rgba(0, 0, 0, 0.1);
}
.--target_city .city__list {
  opacity: 1;
  top: 110%;
  pointer-events: all;
  visibility: visible;
}
.city__link {
  align-self: flex-start;
  display: inline-flex;
  line-height: var(--lineHeight_140);
  color: #305a0e;
  border-bottom: 0.0625rem dashed #305a0e;
}/* Generated by vite-plugin-svg-spritemap */

/* ==========================================================================
   MAGNIFIC POPUP
   ========================================================================== */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

/* ==========================================================================
   MODALS
   ========================================================================== */
.modals {
  display: none;
}

.open-popup {
  outline: none;
}

.modal {
  width: 400px;
  padding: 30px;
  position: relative;
  margin: 30px auto;
  background-color: #fff;
}

.modal__title {
  color: #28292d;
  font-family: Ubuntu;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 24px;
}

.footer__link {
  color: #424a42;
  font-weight: var(--fontWeight_500);
  font-size: 1.1875rem;
  line-height: var(--lineHeight_100);
}
.footer__row {
  display: flex;
  position: relative;
  padding: 1.25rem 0rem;
}

.name {
  color: #555;
  font-family: Ubuntu;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 11px;
}

.d-none {display: none;}
.d-none.reviews__row, .cards__column.d-none {display: none;}
footer .colored {background-color: #f8f8f8;}
/*.footer__row::before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 50%;
  transform: translate(-50%, 0rem);
  width: 100vw;
  height: 100%;
  z-index: -1;
  background-color: #f8f8f8;
  min-width: 20rem;
}*/
.footer__logo {
  position: relative;
}
.footer__image {
  object-fit: cover;
}
.footer__image--hover {
  position: absolute;
  top: -0.0625rem;
  left: 0rem;
  opacity: 0;
}/* Generated by vite-plugin-svg-spritemap */
input[type=text],
input[type=email],
input[type=tel],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input {
  outline: none;
  border-radius: 0.4375rem !important;
  width: 100%;
  display: block;
  padding: 0rem 0.9375rem;
  height: 3.0625rem;
  border: 0.125rem solid transparent;
  background-color: var(--whiteBg);
  color: var(--mainColor);
  transition: border var(--s) var(--e), box-shadow var(--s) var(--e);
}

.modal .input, .modal .input.--form-focus {box-shadow: inset 0 2px 3px rgba(7, 8, 8, 0.1);}
.line + .line {margin-top: 20px;}

.input.--form-focus {
  box-shadow: 0rem 0rem 0.3125rem 0rem #fff;
}
.input.--form-error {
  border: 0.125rem solid red;
}
.input.--form-success {
  border: 0.125rem solid var(--greenBg);
}
.input[placeholder]:not([data-fls-placeholder-nohiden])::placeholder {
  color: #8f8f8f;
  transition: opacity var(--s) var(--e);
}
.input[placeholder]:not([data-fls-placeholder-nohiden]):focus::placeholder {
  opacity: 0;
}

textarea.input {
  resize: none;
  padding: 0.9375rem;
  height: 5rem;
}/* Generated by vite-plugin-svg-spritemap */
.form {
  color: var(--whiteColor);
  padding: 1.875rem;
}
.form__title:not(:last-child) {
  margin-bottom: 1.25rem;
}
.form__text {
  line-height: var(--lineHeight_140);
}
.form__text:not(:last-child) {
  margin-bottom: 1.5rem;
}
.form__box:not(:last-child) {
  margin-bottom: 1.25rem;
}
.form__lines {
  display: flex;
  gap: 1.25rem;
}
.form__lines:not(:last-child) {
  margin-bottom: 1rem;
}
.form__lines .form__line:not(:last-child) {
  margin-bottom: 0rem;
}
.form__line {
  position: relative;
  width: 100%;
}
.form__line:not(:last-child) {
  margin-bottom: 1rem;
}
.form__description {
  font-size: 0.875rem;
  color: #e5e5e5;
  line-height: var(--lineHeight_140);
}
.form__description:not(:last-child) {
  margin-bottom: 1.25rem;
}
.form [data-fls-form-error] {
  position: absolute;
  top: 100%;
  left: 0rem;
  margin-top: 0.125rem;
  color: red;
  font-size: 0.75rem;
}/* Generated by vite-plugin-svg-spritemap */
.button {
  color: var(--whiteColor);
  font-weight: var(--fontWeight_500);
  text-transform: uppercase;
  line-height: var(--lineHeight_130);
  font-size: 0.875rem;
  border-radius: 1.25rem;
  background: linear-gradient(180deg, #2a951f 0%, #25811b 100%);
  padding: 0.6875rem 1.25rem;
  position: relative;
  z-index: 2;
}
.button::before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #62a82b 0%, #62a82b 100%);
  border-radius: 1.25rem;
  z-index: -1;
  opacity: 0;
  transition: opacity var(--s) var(--e);
}
.button--bg {
  background: linear-gradient(180deg, transparent 0%, transparent 100%);
  color: var(--whiteColor);
  border: 0.125rem solid var(--whiteBg);
}
.button--bg::before {
  opacity: 0;
}
.button--bg-2 {
  background: linear-gradient(180deg, transparent 0%, transparent 100%);
  color: var(--whiteColor);
  background-color: var(--whiteBg);
  color: #0e47b9;
}
.button--bg-2::before {
  opacity: 0;
}
.button--center {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.button--fw {
  width: 100%;
}/* Generated by vite-plugin-svg-spritemap *//* Generated by vite-plugin-svg-spritemap */
.home__container_wide {
  padding: 0rem;
}
.home__parent {
  position: relative;
}
.home__slide {
  display: flex;
  flex-direction: column;
  position: relative;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s var(--e);
}
.home__slide.swiper-slide-active {
  opacity: 1;
  pointer-events: all;
}
.home__fon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0rem;
  left: 0rem;
  object-fit: cover;
}
.home__box {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 75rem;
  margin: auto;
}
.home__body {
  position: relative;
}
.home__body--decor::before {
  content: "";
  position: absolute;
  left: -3.0625rem;
  background: url("../assets/img/decor.svg") 0 0/contain no-repeat;
  z-index: -1;
}
.home__title {
  font-weight: var(--fontWeight_700);
  color: var(--whiteColor);
  text-transform: uppercase;
  line-height: var(--lineHeight_130);
}
.home__description {
  max-width: 33.3125rem;
  font-weight: var(--fontWeight_500);
  line-height: var(--lineHeight_120);
  color: var(--whiteColor);
}
.cards__row:nth-child(even) {
  position: relative;
}
.cards__row:nth-child(even)::before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 50%;
  transform: translate(-50%, 0rem);
  width: 100vw;
  height: 100%;
  z-index: -1;
  background-color: #f5f8fb;
}
.cards__columns {
  margin: 0rem -0.9375rem;
  display: grid;
  row-gap: 1.875rem;
  grid-template-columns: repeat(auto-fill, minmax(16.25rem, 1fr));
}
.cards__columns:not(:last-child) {
  margin-bottom: 1.875rem;
}
.cards__column {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0rem 0.9375rem;
  min-height: 26.25rem;
}
.cards__picture {
  display: flex;
  position: relative;
  padding-bottom: 74.814%;
}
.cards__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0rem;
  left: 0rem;
  object-fit: cover;
}
.cards__label {
  pointer-events: none;
  position: absolute;
  top: -0.5625rem;
  z-index: 5;
  width: 5.25rem;
  height: 5.8125rem;
}
.cards__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: center;
  padding: 1.25rem 0.25rem;
  border: 0.0625rem solid #eaeff3;
  border-top: none;
}
.cards__name {
  font-weight: var(--fontWeight_500);
  font-size: 1.125rem;
  font-weight: var(--fontWeight_500);
  line-height: var(--lineHeight_110);
}
.cards__name:not(:last-child) {
  margin-bottom: 0.5625rem;
}
.cards__items:not(:last-child) {
  margin-bottom: 1rem;
}
.cards__item {
  line-height: var(--lineHeight_110);
  font-size: 1.125rem;
  color: #555;
}
.cards__item span {
  font-weight: var(--fontWeight_500);
  color: var(--mainColor);
}
.cards__item span span {
  display: inline-flex;
  transform: translate(0rem, -0.25rem);
}
.cards__price {
  font-size: 1.125rem;
  line-height: var(--lineHeight_100);
  font-weight: var(--fontWeight_500);
}
.cards__price span {
  font-weight: var(--fontWeight_400);
}
.cards__price strong {
  font-family: var(--fontFamily_2);
  color: #345b2b;
  font-size: 1.5rem;
  transition: color var(--s) var(--e);
}
.cards__center {
  display: flex;
  justify-content: center;
}
.cards__center:not(:last-child) {
  margin-bottom: 1.875rem;
}
.cards__show {
  font-size: 1.125rem;
  text-align: center;
  color: #555;
  line-height: var(--lineHeight_110);
  border-bottom: 0.0625rem solid #555;
}
.cards__sub-title {
  position: relative;
  z-index: 5;
  color: var(--whiteColor);
  line-height: var(--lineHeight_140);
  text-transform: uppercase;
  text-align: center;
  font-weight: var(--fontWeight_700);
  position: relative;
}
.cards__sub-title::before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 50%;
  transform: translate(-50%, 0rem);
  width: 100vw;
  height: 100%;
  z-index: -1;
  background-color: var(--greenBg);
  min-width: 20rem;
}
.advantages__columns {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}
.advantages__column {
  flex: 1 1 calc(33.333% - 1.875rem);
  min-width: 18.125rem;
}
.advantages__picture {
  margin: 0rem auto;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 50%;
  background-color: var(--greenBg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.advantages__picture:not(:last-child) {
  margin-bottom: 1.25rem;
}
.advantages__icon {
  width: 2.875rem;
  height: 2.875rem;
  object-fit: contain;
}
.advantages__body {
  text-align: center;
}
.advantages__name {
  text-transform: uppercase;
  line-height: var(--lineHeight_130);
  font-weight: var(--fontWeight_700);
}
.advantages__name:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.advantages__name span {
  display: block;
}
.advantages__text {
  color: #555;
  line-height: var(--lineHeight_140);
}

.works {
  background-color: #f5f8fb;
}
.works__columns {
  display: grid;
  gap: 2.5rem 1.875rem;
  grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr));
}
.works__column {
  display: flex;
  flex-direction: column;
}
.works__picture {
  position: relative;
  padding-bottom: 74.074%;
}
.works__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0rem;
  left: 0rem;
  object-fit: cover;
}
.works__name {
  min-height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  background-color: var(--whiteBg);
  text-align: center;
  padding: 0.5rem 0.625rem;
  color: #345b2b;
  font-weight: var(--fontWeight_500);
  line-height: var(--lineHeight_120);
  font-size: 1.125rem;
}
.reviews__rows:not(:last-child) {
  margin-bottom: 1.25rem;
}
.reviews__row {
  padding: 1.25rem 0rem;
  border-bottom: 0.25rem solid #f5f8fb;
}
.reviews__text {
  line-height: var(--lineHeight_140);
  color: #222;
}
.reviews__body {
  min-width: 11.875rem;
}
.reviews__name {
  color: #424a42;
  line-height: var(--lineHeight_120);
  font-size: 1.125rem;
  font-weight: var(--fontWeight_500);
}
.reviews__name:not(:last-child) {
  margin-bottom: 0.6875rem;
}
.reviews__date {
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
}
.reviews__icon {
  flex: 0 0 0.875rem;
  width: 0.875rem;
  height: 1rem;
  object-fit: contain;
}
.reviews__center {
  display: flex;
  justify-content: center;
}

.request {
  position: relative;
  padding: 3.25rem 0rem;
}
.request::before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(0.625rem);
}
.request__fon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0rem;
  left: 0rem;
  object-fit: cover;
  z-index: -1;
}
.request__container {
  position: relative;
  z-index: 5;
}

.content__column h2 {
  text-transform: uppercase;
  line-height: var(--lineHeight_120);
  font-weight: var(--fontWeight_700);
}
.content__column h2:not(:last-child) {
  margin-bottom: 1.4375rem;
}
.content__column p {
  line-height: var(--lineHeight_140);
}
.content__column p:not(:last-child) {
  margin-bottom: 1.25rem;
}
.content__column ul {
  padding-left: 1.875rem;
}
.content__column ul:not(:last-child) {
  margin-bottom: 1.25rem;
}
.content__column li {
  list-style: disc;
  line-height: var(--lineHeight_140);
}
.supervisor__image {
  width: 100%;
  object-fit: cover;
}
.supervisor__name {
  font-weight: var(--fontWeight_500);
  line-height: var(--lineHeight_140);
}
.supervisor__name:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.supervisor__description {
  line-height: var(--lineHeight_140);
}
.supervisor__description:not(:last-child) {
  margin-bottom: 0.9375rem;
}
@media (max-width: 62em){
  .header__wrapper {
    column-gap: 0.9375rem;
  }
}
@media (max-width: 61.99875em) and (min-width: 75em){
  .header__logo img {
    width: 25rem;
  }
  .header__logo img {
    height: 5.1875rem;
  }
}
@media (max-width: 61.99875em) and (min-width: 62em){
  .menu__body {
    padding-top: 5rem;
  }
  .menu__body::before {
    height: 4.75rem;
  }
  .menu__sublist {
    padding-top: 5rem;
  }
  .supervisor__image {
    height: 46.875rem;
  }
}
@media (max-width: 61.99875em) and (min-width: 22.5em){
  .header__mobile-box {
    column-gap: 2.5rem;
  }
}
@media (max-width: 61.99875em) and (max-width: 20em){
  .menu__body {
    padding-top: 4.375rem;
  }
  .menu__body::before {
    height: 3.4375rem;
  }
  .menu__sublist {
    padding-top: 4.375rem;
  }
  .header__logo img {
    width: 16.5625rem;
  }
  .header__logo img {
    height: 3.4375rem;
  }
  .header__mobile-box {
    column-gap: 0.625rem;
  }
  .supervisor__image {
    height: 18.125rem;
  }
}
@media (max-width: 61.99875em) and (any-hover: none){
  [data-fls-menu] {
    cursor: default;
  }
}
@media (max-width: 61.99875em){
  .contacts {
    justify-content: center;
    column-gap: 1.25rem;
  }
  .pagination {
    transform: translate(0rem, -1.25rem);
  }
  .navigation-prev,
  .navigation-next {
    display: none;
  }
  .menu {
    position: absolute;
  }
  .menu__body {
    position: fixed;
    width: 100%;
    height: 100svh;
    top: 0rem;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    background-color: var(--mainBg);
    left: -100%;
    padding: 5rem 0.9375rem 1.875rem 0.9375rem;
    transition: left var(--s) var(--e);
  }
  .menu__body::before {
    content: "";
    top: 0rem;
    position: fixed;
    width: 100%;
    z-index: 101;
    background-color: #f5f8fb;
    left: -100%;
    transition: left var(--s) var(--e);
  }
  [data-fls-menu-open] .menu__body {
    left: 0rem;
  }
  [data-fls-menu-open] .menu__body::before {
    left: 0rem;
  }
  .menu__item:has(.menu__sublist) .menu__link::after {
    border-left: 0.375rem solid transparent;
    border-right: 0.375rem solid transparent;
    border-top: 0.625rem solid var(--greenBg);
    transform: rotate(-90deg);
  }
  .menu__back {
    display: flex;
    column-gap: 0.625rem;
    width: 100%;
    padding: 0.625rem 0rem;
  }
  .menu__back::before {
    color: var(--greenColor);
    font-size: 1rem;
    transform: rotate(-180deg);
  }
  .menu__sublist {
    position: fixed;
    width: 100%;
    height: 100svh;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    background-color: var(--mainBg);
    padding: 5rem 0.9375rem 1.875rem 0.9375rem;
    top: 0rem;
    left: -100%;
    transition: left var(--s) var(--e);
  }
  .menu__sublist.--open {
    left: 0rem;
  }
  .menu__subitem:not(:last-child), .menu__item:not(:last-child) {
    border-bottom: 0.0625rem solid var(--whiteBg);
  }
  .menu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1.25rem;
    padding: 0.9375rem 0rem;
    border-bottom: 0.0625rem solid #dedede;
    width: 100%;
  }
  .menu__sublink {
    padding: 0.9375rem 0rem;
    width: 100%;
  }
  .menu__link .menu__arrow::after {
    transform: rotate(-90deg);
  }
  .menu__arrow {
    width: 2.5rem;
    height: 2.5rem;
    border: 0.0625rem solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  [data-fls-menu] {
    display: block;
    position: relative;
    width: 1.875rem;
    height: 1.125rem;
    z-index: 102;
  }
  [data-fls-menu] span, [data-fls-menu]::before, [data-fls-menu]::after {
    content: "";
    right: 0rem;
    position: absolute;
    width: 100%;
    height: 0.1875rem;
    background-color: #333;
    z-index: 5;
  }
  [data-fls-menu]::before {
    top: 0rem;
    transition: transform var(--s) var(--e), top var(--s) var(--e);
  }
  [data-fls-menu]::after {
    bottom: 0rem;
    transition: transform var(--s) var(--e), bottom var(--s) var(--e);
  }
  [data-fls-menu] span {
    top: calc(50% - 0.0625rem);
    transition: width var(--s) var(--e);
  }
  [data-fls-menu-open] [data-fls-menu] span {
    width: 0rem;
  }
  [data-fls-menu-open] [data-fls-menu]::before {
    top: calc(50% - 0.125rem);
    transform: rotate(-45deg);
  }
  [data-fls-menu-open] [data-fls-menu]::after {
    bottom: calc(50% - 0.0625rem);
    transform: rotate(45deg);
  }
  [data-fls-menu] div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.5rem;
    height: 2.5rem;
  }
  .header__logo {
    position: relative;
    z-index: 102;
  }
  .header__mobile-box {
    display: flex;
  }
  .form {
    background-color: #e27213;
  }
  .home__box {
    padding: 2.5rem 0.9375rem 2.5rem 0.9375rem;
  }
  .request__image {
    display: none;
  }
  .supervisor__picture:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 48em){
  .home__slide {
    min-height: 31.25rem;
  }
}
@media (max-width: 47.99875em){
  .header__row {
    justify-content: center;
  }
  .header__mobile-box {
    justify-content: center;
  }
  .header__mobile-box:not(:last-child) {
    margin-bottom: 0.625rem;
  }
  .footer__row {
    flex-direction: column;
    align-items: center;
  }
  .footer__logo:not(:last-child) {
    margin-bottom: 1.25rem;
  }
  .home__image {
    display: none;
  }
  .reviews__text:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}
@media (max-width: 29.99875em){
  .title br {
    display: none;
  }
  .contacts--fixed {
    position: fixed;
    top: 0rem;
    left: 0rem;
    padding: 0.625rem 0rem;
    background-color: var(--whiteBg);
    width: 100%;
    z-index: 60;
    box-shadow: 0rem 0rem 0.3125rem 0rem rgba(0, 0, 0, 0.3);
  }
  .pagination {
    justify-content: center;
  }
  .header__mobile {
    padding: 0.625rem 0rem;
  }
  .footer__menu {
    display: none;
  }
  .button--fwm {
    width: 100%;
  }
}
@media (max-width: 22.5em){
  .form {
    padding-left: 1.25rem;
  }
  .form {
    padding-right: 1.25rem;
  }
  .cards__sub-title {
    padding-top: 0.875rem;
  }
  .cards__sub-title {
    padding-bottom: 0.875rem;
  }
  .cards__sub-title {
    font-size: 1rem;
  }
}
@media (max-width: 20em){
  .title {
    font-size: 1.25rem;
  }
  .phone__name {
    font-size: 0.8125rem;
  }
  .phone__number {
    font-size: 1.125rem;
  }
  .page__works {
    padding-bottom: 2.9375rem;
  }
  .page__works {
    margin-bottom: 2.9375rem;
  }
  .page__request {
    margin-bottom: 2.9375rem;
  }
  .page__content {
    margin-bottom: 2.9375rem;
  }
  .page__supervisor {
    padding-top: 2.9375rem;
  }
  .page__supervisor {
    padding-bottom: 2.9375rem;
  }
  .footer__image {
    width: 16.5625rem;
  }
  .footer__image {
    height: 3.4375rem;
  }
  .home__body--decor::before {
    bottom: -2.0625rem;
  }
  .home__body--decor::before {
    width: 33.125rem;
  }
  .home__body--decor::before {
    min-height: 16.875rem;
  }
  .home__title {
    font-size: 1.375rem;
  }
  .home__title:not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .home__description {
    font-size: 1.125rem;
  }
  .home__description:not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .cards__row {
    padding-top: 2.5rem;
  }
  .cards__row {
    padding-bottom: 2.5rem;
  }
  .cards__row:not(:last-child) {
    margin-bottom: 2.5rem;
  }
  .cards__row_bottom {
    padding-bottom: 6.25e-8rem;
  }
  .cards__row_bottom:not(:last-child) {
    margin-bottom: 1.875rem;
  }
  .cards__title:not(:last-child) {
    margin-bottom: 1.875rem;
  }
  .cards__label {
    right: 0.5rem;
  }
  .advantages__title:not(:last-child) {
    margin-bottom: 1.875rem;
  }
  .works__title:not(:last-child) {
    margin-bottom: 1.875rem;
  }
  .reviews__title:not(:last-child) {
    margin-bottom: 1.875rem;
  }
  .content__column h2 {
    font-size: 1.25rem;
  }
  .supervisor__title:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 61.99875em) and (min-width: 20em) and (max-width: 62em){
  .menu__body {
    padding-top: clamp( 4.375rem , 4.07738095238125rem  +  1.4880952381vw , 5rem );
  }
  .menu__body::before {
    height: clamp( 3.4375rem , 2.8125rem  +  3.125vw , 4.75rem );
  }
  .menu__sublist {
    padding-top: clamp( 4.375rem , 4.07738095238125rem  +  1.4880952381vw , 5rem );
  }
  .supervisor__image {
    height: clamp( 18.125rem , 4.434523809525rem  +  68.4523809524vw , 46.875rem );
  }
}
@media (max-width: 61.99875em) and (min-width: 20em) and (max-width: 75em){
  .header__logo img {
    width: clamp( 16.5625rem , 13.49431818181875rem  +  15.3409090909vw , 25rem );
  }
  .header__logo img {
    height: clamp( 3.4375rem , 2.8011363636375rem  +  3.1818181818vw , 5.1875rem );
  }
}
@media (max-width: 61.99875em) and (min-width: 20em) and (max-width: 22.5em){
  .header__mobile-box {
    column-gap: clamp( 0.625rem , -14.375rem  +  75vw , 2.5rem );
  }
}
@media (min-width: 20em) and (max-width: 75em){
  .title {
    font-size: clamp( 1.25rem , 1.15909090909375rem  +  0.4545454545vw , 1.5rem );
  }
  .page__works {
    padding-bottom: clamp( 2.9375rem , 2.1875rem  +  3.75vw , 5rem );
  }
  .page__works {
    margin-bottom: clamp( 2.9375rem , 1.73295454545625rem  +  6.0227272727vw , 6.25rem );
  }
  .page__request {
    margin-bottom: clamp( 2.9375rem , 1.960227272725rem  +  4.8863636364vw , 5.625rem );
  }
  .page__content {
    margin-bottom: clamp( 2.9375rem , 2.3238636363625rem  +  3.0681818182vw , 4.625rem );
  }
  .page__supervisor {
    padding-top: clamp( 2.9375rem , 2.27840909090625rem  +  3.2954545455vw , 4.75rem );
  }
  .page__supervisor {
    padding-bottom: clamp( 2.9375rem , 2.36931818181875rem  +  2.8409090909vw , 4.5rem );
  }
  .footer__image {
    width: clamp( 16.5625rem , 13.49431818181875rem  +  15.3409090909vw , 25rem );
  }
  .footer__image {
    height: clamp( 3.4375rem , 2.8011363636375rem  +  3.1818181818vw , 5.1875rem );
  }
  .home__body--decor::before {
    bottom: clamp( -3.3125rem , -1.60795454545625rem  +  -2.2727272727vw , -2.0625rem );
  }
  .home__body--decor::before {
    width: clamp( 33.125rem , 27.46590909090625rem  +  28.2954545455vw , 48.6875rem );
  }
  .home__body--decor::before {
    min-height: clamp( 16.875rem , 12.897727272725rem  +  19.8863636364vw , 27.8125rem );
  }
  .home__title {
    font-size: clamp( 1.375rem , 0.78409090909375rem  +  2.9545454545vw , 3rem );
  }
  .home__title:not(:last-child) {
    margin-bottom: clamp( 1.5rem , 1.31818181818125rem  +  0.9090909091vw , 2rem );
  }
  .home__description {
    font-size: clamp( 1.125rem , 0.9886363636375rem  +  0.6818181818vw , 1.5rem );
  }
  .home__description:not(:last-child) {
    margin-bottom: clamp( 1.5rem , 1.31818181818125rem  +  0.9090909091vw , 2rem );
  }
  .cards__row {
    padding-top: clamp( 2.5rem , 2.34090909090625rem  +  0.7954545455vw , 2.9375rem );
  }
  .cards__row {
    padding-bottom: clamp( 2.5rem , 2.04545454545625rem  +  2.2727272727vw , 3.75rem );
  }
  .cards__row:not(:last-child) {
    margin-bottom: clamp( 2.5rem , 2.04545454545625rem  +  2.2727272727vw , 3.75rem );
  }
  .cards__row_bottom {
    padding-bottom: clamp( 6.25e-8rem , -0.22727264204375rem  +  1.1363635227vw , 0.625rem );
  }
  .cards__row_bottom:not(:last-child) {
    margin-bottom: clamp( 1.875rem , 1.647727272725rem  +  1.1363636364vw , 2.5rem );
  }
  .cards__title:not(:last-child) {
    margin-bottom: clamp( 1.875rem , 1.4886363636375rem  +  1.9318181818vw , 2.9375rem );
  }
  .cards__label {
    right: clamp( 0.1875rem , 0.6136363636375rem  +  -0.5681818182vw , 0.5rem );
  }
  .advantages__title:not(:last-child) {
    margin-bottom: clamp( 1.875rem , 1.4886363636375rem  +  1.9318181818vw , 2.9375rem );
  }
  .works__title:not(:last-child) {
    margin-bottom: clamp( 1.875rem , 1.4886363636375rem  +  1.9318181818vw , 2.9375rem );
  }
  .reviews__title:not(:last-child) {
    margin-bottom: clamp( 1.875rem , 1.4886363636375rem  +  1.9318181818vw , 2.9375rem );
  }
  .content__column h2 {
    font-size: clamp( 1.25rem , 1.15909090909375rem  +  0.4545454545vw , 1.5rem );
  }
  .supervisor__title:not(:last-child) {
    margin-bottom: clamp( 1.875rem , 1.4886363636375rem  +  1.9318181818vw , 2.9375rem );
  }
}
@media (min-width: 20em) and (max-width: 22.5em){
  .phone__name {
    font-size: clamp( 0.8125rem , -0.6875rem  +  7.5vw , 1rem );
  }
  .phone__number {
    font-size: clamp( 1.125rem , -0.875rem  +  10vw , 1.375rem );
  }
}
@media (min-width: 22.5em) and (max-width: 75em){
  .form {
    padding-left: clamp( 1.25rem , 0.98214285714375rem  +  1.1904761905vw , 1.875rem );
  }
  .form {
    padding-right: clamp( 1.25rem , 0.98214285714375rem  +  1.1904761905vw , 1.875rem );
  }
  .cards__sub-title {
    padding-top: clamp( 0.875rem , 0.7142857142875rem  +  0.7142857143vw , 1.25rem );
  }
  .cards__sub-title {
    padding-bottom: clamp( 0.875rem , 0.7142857142875rem  +  0.7142857143vw , 1.25rem );
  }
  .cards__sub-title {
    font-size: clamp( 1rem , 0.89285714285625rem  +  0.4761904762vw , 1.25rem );
  }
}
@media (min-width: 22.5em){
  .phone__name {
    font-size: 1rem;
  }
  .phone__number {
    font-size: 1.375rem;
  }
}
@media (min-width: 29.99875em) and (min-width: 75em){
  .footer__list {
    column-gap: 2.5rem;
  }
}
@media (min-width: 29.99875em) and (min-width: 48em) and (max-width: 75em){
  .footer__list {
    column-gap: clamp( 0.9375rem , -1.840277777775rem  +  5.787037037vw , 2.5rem );
  }
}
@media (min-width: 29.99875em) and (max-width: 61.99875em){
  .header__mobile {
    padding: 1.25rem 0rem 1.25rem 0rem;
  }
}
@media (min-width: 29.99875em) and (max-width: 48em){
  .footer__list {
    column-gap: 0.9375rem;
  }
}
@media (min-width: 29.99875em){
  .contacts--fixed {
    display: none;
  }
  .footer__list {
    padding: 1.5rem 0rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.625rem;
    align-items: center;
  }
  .button {
    min-width: 11.25rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 77.5em) and (max-width: 113.75em){
  .navigation-prev {
    left: clamp( 6.25e-8rem , -13.36206876939375rem  +  17.2413791379vw , 6.25rem );
  }
  .navigation-next {
    right: clamp( 6.25e-8rem , -13.36206876939375rem  +  17.2413791379vw , 6.25rem );
  }
}
@media (min-width: 47.99875em) and (min-width: 75em) and (max-width: 120em){
  .home__image--size-3 {
    right: clamp( -5rem , -18.54166666666875rem  +  18.0555555556vw , 3.125rem );
  }
  .home__image--size-4 {
    right: clamp( -5rem , -13.3333334375rem  +  11.11111125vw , 6.25e-8rem );
  }
}
@media (min-width: 47.99875em) and (min-width: 75em) and (max-width: 101.25em){
  .home__image--size {
    right: clamp( 6.25e-8rem , -19.6428569017875rem  +  26.1904759524vw , 6.875rem );
  }
  .home__image--size-2 {
    right: clamp( 6.25e-8rem , -3.57142833035625rem  +  4.7619045238vw , 1.25rem );
  }
}
@media (min-width: 47.99875em) and (min-width: 75em){
  .home__body {
    max-width: 43.125rem;
  }
  .home__image--size-3 {
    width: 56.25rem;
  }
  .home__image--size-4 {
    width: 63.4375rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 48em) and (max-width: 75em){
  .home__body {
    max-width: clamp( 30.625rem , 8.402777777775rem  +  46.2962962963vw , 43.125rem );
  }
}
@media (min-width: 47.99875em) and (min-width: 20em) and (max-width: 75em){
  .home__image--size-3 {
    width: clamp( 22.0625rem , 9.63068181818125rem  +  62.1590909091vw , 56.25rem );
  }
  .home__image--size-4 {
    width: clamp( 17.6875rem , 1.0511363636375rem  +  83.1818181818vw , 63.4375rem );
  }
}
@media (min-width: 47.99875em) and (min-width: 20em) and (max-width: 101.25em){
  .home__image--size {
    width: clamp( 13.9375rem , 6.3990384615375rem  +  37.6923076923vw , 44.5625rem );
  }
  .home__image--size {
    height: clamp( 12.875rem , 5.951923076925rem  +  34.6153846154vw , 41rem );
  }
  .home__image--size-2 {
    width: clamp( 13.9375rem , 4.44519230769375rem  +  47.4615384615vw , 52.5rem );
  }
  .home__image--size-2 {
    height: clamp( 12.875rem , 4.90576923076875rem  +  39.8461538462vw , 45.25rem );
  }
}
@media (min-width: 47.99875em) and (min-width: 120em){
  .home__image--size-3 {
    right: 3.125rem;
  }
  .home__image--size-4 {
    right: 6.25e-8rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 113.75em){
  .navigation-prev {
    left: 6.25rem;
  }
  .navigation-next {
    right: 6.25rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 101.25em){
  .home__image--size {
    right: 6.875rem;
  }
  .home__image--size {
    width: 44.5625rem;
  }
  .home__image--size {
    height: 41rem;
  }
  .home__image--size-2 {
    right: 1.25rem;
  }
  .home__image--size-2 {
    width: 52.5rem;
  }
  .home__image--size-2 {
    height: 45.25rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 77.5em){
  .navigation-prev {
    left: 6.25e-8rem;
  }
  .navigation-next {
    right: 6.25e-8rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 75em){
  .home__image--size {
    right: 6.25e-8rem;
  }
  .home__image--size-2 {
    right: 6.25e-8rem;
  }
  .home__image--size-3 {
    right: -5rem;
  }
  .home__image--size-4 {
    right: -5rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 61.99875em){
  .header__mobile {
    display: flex;
    column-gap: 0.9375rem;
    justify-content: space-between;
  }
}
@media (min-width: 47.99875em) and (max-width: 48em){
  .home__body {
    max-width: 30.625rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 20em){
  .home__image--size {
    width: 13.9375rem;
  }
  .home__image--size {
    height: 12.875rem;
  }
  .home__image--size-2 {
    width: 13.9375rem;
  }
  .home__image--size-2 {
    height: 12.875rem;
  }
  .home__image--size-3 {
    width: 22.0625rem;
  }
  .home__image--size-4 {
    width: 17.6875rem;
  }
}
@media (min-width: 47.99875em) and (any-hover: hover) and (min-width: 75em){
  .cards__column:hover .cards__label {
    right: -0.1875rem;
  }
}
@media (min-width: 47.99875em) and (any-hover: hover) and (min-width: 20em) and (max-width: 75em){
  .cards__column:hover .cards__label {
    right: clamp( -0.5rem , -0.6136363636375rem  +  0.5681818182vw , -0.1875rem );
  }
}
@media (min-width: 47.99875em) and (any-hover: hover) and (max-width: 20em){
  .cards__column:hover .cards__label {
    right: -0.5rem;
  }
}
@media (min-width: 47.99875em) and (any-hover: hover){
  .phone:hover .phone__number {
    color: var(--greenColor);
  }
  .phone__number {
    transition: color var(--s) var(--e);
  }
  .contacts__icon {
    transition: transform var(--s) var(--e);
    will-change: transform;
  }
  .contacts__icon:hover {
    transform: scale(1.1);
  }
  .menu__item:hover .menu__link::after {
    transform: scale(1, -1);
  }
  .menu__item:hover .menu__link {
    color: var(--greenColor);
  }
  .menu__link {
    transition: color var(--s) var(--e);
  }
  .menu__sublink {
    transition: color var(--s) var(--e);
  }
  .menu__sublink:hover {
    color: var(--greenColor);
  }
  .city__name {
    transition: color var(--s) var(--e);
  }
  .city__link {
    transition: border var(--s) var(--e);
  }
  .city__link:hover {
    border-bottom: 0.0625rem dashed transparent;
  }
  .footer__link {
    transition: color var(--s) var(--e);
  }
  .footer__link:hover {
    color: var(--greenColor);
  }
  .footer__logo:hover .footer__image {
    opacity: 0;
  }
  .footer__logo:hover .footer__image--hover {
    opacity: 1;
  }
  .footer__image {
    transition: opacity var(--s) var(--e);
  }
  .button {
    transition: color var(--s) var(--e), background-color var(--s) var(--e);
  }
  .button--bg:hover {
    background-color: var(--whiteBg);
    color: var(--blackColor);
  }
  .button--bg:hover::before {
    opacity: 0;
  }
  .button--bg-2:hover {
    background-color: var(--whiteBg);
    color: var(--blackColor);
  }
  .button--bg-2:hover::before {
    opacity: 0;
  }
  .cards__column:hover .cards__price strong {
    color: var(--greenColor);
  }
  .cards__column:hover .cards__label {
    transform: scale(0.7);
    top: -1.25rem;
  }
  .cards__column:hover .cards__image {
    transform: scale(1.1);
  }
  .cards__picture {
    overflow: hidden;
  }
  .cards__image {
    transition: transform 0.5s var(--e);
    will-change: transform;
  }
  .cards__label {
    transition: transform 0.5s var(--e), top 0.5s var(--e), right 0.5s var(--e);
  }
  .cards__name {
    transition: color var(--s) var(--e);
  }
  .cards__name:hover {
    color: var(--greenColor);
  }
  .cards__show {
    transition: border var(--s) var(--e), color var(--s) var(--e);
  }
  .cards__show:hover {
    border-bottom: 0.0625rem solid transparent;
    color: var(--greenColor);
  }
  .works__column:hover .works__name {
    color: var(--greenColor);
  }
  .works__column:hover:hover .works__image {
    transform: scale(1.1);
  }
  .works__picture {
    overflow: hidden;
  }
  .works__image {
    transition: transform 0.5s var(--e);
    will-change: transform;
  }
  .works__name {
    transition: color var(--s) var(--e);
  }
}
@media (min-width: 47.99875em){
  .navigation-prev {
    transform: translate(0rem, -50%) rotate(-180deg);
  }
  .navigation-next {
    transform: translate(0rem, -50%);
  }
  .footer__row {
    column-gap: 1.25rem;
    align-items: center;
    justify-content: space-between;
  }
  .home__image {
    position: absolute;
    bottom: 0rem;
    object-fit: contain;
  }
  .home__image--size-3 {
    height: 100%;
    object-fit: cover;
  }
  .home__image--size-4 {
    height: 100%;
    object-fit: cover;
  }
  .reviews__row {
    display: flex;
    column-gap: 1.875rem;
  }
  .reviews__text {
    flex: 1 1 auto;
  }
}
@media (min-width: 48em) and (max-width: 75em){
  .home__slide {
    min-height: clamp( 31.25rem , 7.91666666666875rem  +  48.6111111111vw , 44.375rem );
  }
}
@media (min-width: 61.99875em) and (min-width: 75em){
  .contacts {
    column-gap: 1.25rem;
  }
  .header__logo img {
    width: 25rem;
  }
  .header__logo img {
    height: 5.1875rem;
  }
  .form::before {
    width: 63rem;
  }
  .request__column {
    margin-left: 2.4375rem;
  }
  .request__image {
    width: 31.75rem;
  }
  .request__image {
    height: 46.0625rem;
  }
}
@media (min-width: 61.99875em) and (min-width: 62em) and (max-width: 75em){
  .contacts {
    column-gap: clamp( 0.9375rem , -0.5528846153875rem  +  2.4038461538vw , 1.25rem );
  }
  .header__logo img {
    width: clamp( 17.5rem , -18.26923076923125rem  +  57.6923076923vw , 25rem );
  }
  .header__logo img {
    height: clamp( 3.75rem , -3.10576923076875rem  +  11.0576923077vw , 5.1875rem );
  }
  .request__column {
    margin-left: clamp( 6.25e-8rem , -11.624999639425rem  +  18.7499995192vw , 2.4375rem );
  }
}
@media (min-width: 61.99875em) and (min-width: 62em) and (max-width: 120em){
  .request__image {
    right: clamp( -3.125rem , -5.79741379310625rem  +  4.3103448276vw , -0.625rem );
  }
}
@media (min-width: 61.99875em) and (min-width: 62em) and (max-width: 107.5em){
  .navigation-prev,
  .navigation-next {
    width: clamp( 2.5rem , 1.1373626373625rem  +  2.1978021978vw , 3.5rem );
  }
  .navigation-prev,
  .navigation-next {
    height: clamp( 2.5rem , 1.1373626373625rem  +  2.1978021978vw , 3.5rem );
  }
}
@media (min-width: 61.99875em) and (min-width: 62em){
  .supervisor__image {
    height: 33.1875rem;
  }
}
@media (min-width: 61.99875em) and (min-width: 20em) and (max-width: 75em){
  .form::before {
    width: clamp( 63rem , 63rem  +  0vw , 63rem );
  }
  .request__image {
    width: clamp( 19.25rem , 14.70454545454375rem  +  22.7272727273vw , 31.75rem );
  }
  .request__image {
    height: clamp( 27.3125rem , 20.49431818181875rem  +  34.0909090909vw , 46.0625rem );
  }
}
@media (min-width: 61.99875em) and (min-width: 20em) and (max-width: 62em){
  .supervisor__image {
    height: clamp( 21.3125rem , 15.6577380952375rem  +  28.2738095238vw , 33.1875rem );
  }
}
@media (min-width: 61.99875em) and (min-width: 120em){
  .request__image {
    right: -0.625rem;
  }
}
@media (min-width: 61.99875em) and (min-width: 107.5em){
  .navigation-prev,
  .navigation-next {
    width: 3.5rem;
  }
  .navigation-prev,
  .navigation-next {
    height: 3.5rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 62em){
  .contacts {
    column-gap: 0.9375rem;
  }
  .navigation-prev,
  .navigation-next {
    width: 2.5rem;
  }
  .navigation-prev,
  .navigation-next {
    height: 2.5rem;
  }
  .header__logo img {
    width: 17.5rem;
  }
  .header__logo img {
    height: 3.75rem;
  }
  .request__column {
    margin-left: 6.25e-8rem;
  }
  .request__image {
    right: -3.125rem;
  }
}
@media (min-width: 61.99875em) and (max-width: 20em){
  .form::before {
    width: 63rem;
  }
  .request__image {
    width: 19.25rem;
  }
  .request__image {
    height: 27.3125rem;
  }
  .supervisor__image {
    height: 21.3125rem;
  }
}
@media (min-width: 61.99875em) and (any-hover: hover){
  .navigation-prev::before,
  .navigation-next::before {
    transition: color var(--s) var(--e);
  }
}
@media (min-width: 61.99875em){
  .pagination {
    transform: translate(0rem, -4.75rem);
  }
  .navigation-prev,
  .navigation-next {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 40;
  }
  .navigation-prev::before,
  .navigation-next::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    font-size: 1.125rem;
  }
  .menu__list {
    display: flex;
    padding: 1.125rem 0rem;
    justify-content: space-between;
    column-gap: 0.9375rem;
  }
  .menu__item:hover > .menu__sublist--bottom, .menu__sublist--bottom:hover {
    opacity: 1;
    top: 195%;
    pointer-events: all;
    visibility: visible;
  }
  .menu__item:has(.menu__sublist) .menu__link::after {
    border-left: 0.1875rem solid transparent;
    border-right: 0.1875rem solid transparent;
    border-top: 0.3125rem solid var(--greenBg);
  }
  .menu__back {
    display: none;
  }
  .menu__sublist {
    display: grid;
    border-radius: 0rem;
    background-color: var(--whiteBg);
    padding: 0rem;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    width: max-content;
    padding: 0.75rem 1.875rem;
    z-index: 20;
    background-color: #edf5fa;
    left: 0rem;
    top: 0rem;
    transition: opacity var(--s) var(--e), top var(--s) var(--e), visibility var(--s) var(--e);
  }
  .menu__sublist--bottom::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1.875rem;
    top: -1.25rem;
    left: 0rem;
  }
  .menu__sublist--right {
    left: 100%;
  }
  .menu__subitem, .menu__item {
    position: relative;
  }
  .menu__link {
    z-index: 30;
    position: relative;
  }
  .menu__sublink::before {
    content: "—";
    position: absolute;
    top: 50%;
    transform: translate(0rem, -50%);
    left: 0rem;
  }
  .menu__sublink {
    color: var(--blackColor);
  }
  [data-fls-menu] {
    display: none;
  }
  .header__mobile {
    display: none;
  }
  .form {
    max-width: 63rem;
  }
  .form::before {
    content: "";
    position: absolute;
    top: 0rem;
    left: 0rem;
    background: url("../assets/img/decor_2.svg") 0 0/contain no-repeat;
    height: 100%;
    z-index: -1;
  }
  .form__box {
    max-width: 31.25rem;
  }
  .home__box {
    padding: 7.5rem 0.9375rem 7.5rem 0.9375rem;
  }
  .request {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
  }
  .request__column {
    display: flex;
    position: relative;
  }
  .request__image {
    position: absolute;
    bottom: -3.25rem;
    right: -0.625rem;
    object-fit: contain;
  }
  .supervisor__column {
    display: flex;
    column-gap: 1.875rem;
  }
  .supervisor__picture {
    flex: 1 1 calc(50% - 1.875rem);
  }
  .supervisor__body {
    flex: 1 1 calc(50% - 1.875rem);
  }
}
@media (min-width: 62em) and (max-width: 75em){
  .header__wrapper {
    column-gap: clamp( 0.9375rem , -5.0240384615375rem  +  9.6153846154vw , 2.1875rem );
  }
}
@media (min-width: 75em){
  .title {
    font-size: 1.5rem;
  }
  .page__works {
    padding-bottom: 5rem;
  }
  .page__works {
    margin-bottom: 6.25rem;
  }
  .page__request {
    margin-bottom: 5.625rem;
  }
  .page__content {
    margin-bottom: 4.625rem;
  }
  .page__supervisor {
    padding-top: 4.75rem;
  }
  .page__supervisor {
    padding-bottom: 4.5rem;
  }
  .header__wrapper {
    column-gap: 2.1875rem;
  }
  .footer__image {
    width: 25rem;
  }
  .footer__image {
    height: 5.1875rem;
  }
  .form {
    padding-left: 1.875rem;
  }
  .form {
    padding-right: 1.875rem;
  }
  .home__slide {
    min-height: 44.375rem;
  }
  .home__body--decor::before {
    bottom: -3.3125rem;
  }
  .home__body--decor::before {
    width: 48.6875rem;
  }
  .home__body--decor::before {
    min-height: 27.8125rem;
  }
  .home__title {
    font-size: 3rem;
  }
  .home__title:not(:last-child) {
    margin-bottom: 2rem;
  }
  .home__description {
    font-size: 1.5rem;
  }
  .home__description:not(:last-child) {
    margin-bottom: 2rem;
  }
  .cards__row {
    padding-top: 2.9375rem;
  }
  .cards__row {
    padding-bottom: 3.75rem;
  }
  .cards__row:not(:last-child) {
    margin-bottom: 3.75rem;
  }
  .cards__row_bottom {
    padding-bottom: 0.625rem;
  }
  .cards__row_bottom:not(:last-child) {
    margin-bottom: 2.5rem;
  }
  .cards__title:not(:last-child) {
    margin-bottom: 2.9375rem;
  }
  .cards__label {
    right: 0.1875rem;
  }
  .cards__sub-title {
    padding-top: 1.25rem;
  }
  .cards__sub-title {
    padding-bottom: 1.25rem;
  }
  .cards__sub-title {
    font-size: 1.25rem;
  }
  .advantages__title:not(:last-child) {
    margin-bottom: 2.9375rem;
  }
  .works__title:not(:last-child) {
    margin-bottom: 2.9375rem;
  }
  .reviews__title:not(:last-child) {
    margin-bottom: 2.9375rem;
  }
  .content__column h2 {
    font-size: 1.5rem;
  }
  .supervisor__title:not(:last-child) {
    margin-bottom: 2.9375rem;
  }
}
@media (any-hover: hover){
  .navigation-prev,
  .navigation-next {
    transition: background-color var(--s) var(--e);
  }
  .navigation-prev:hover,
  .navigation-next:hover {
    background-color: var(--whiteBg);
  }
  .navigation-prev:hover::before,
  .navigation-next:hover::before {
    color: #62a82b;
  }
  .button:hover::before {
    opacity: 1;
  }
}