@font-face {
  font-family: "Geologica";
  font-display: swap;
  src: local("$font_name"), local("$font_name"), url("../assets/fonts/Geologica/Geologica-Black.woff") format("woff"), url("../assets/fonts/Geologica/Geologica-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Geologica";
  font-display: swap;
  src: local("$font_name"), local("$font_name"), url("../assets/fonts/Geologica/Geologica-Bold.woff") format("woff"), url("../assets/fonts/Geologica/Geologica-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Geologica";
  font-display: swap;
  src: local("$font_name"), local("$font_name"), url("../assets/fonts/Geologica/Geologica-ExtraBold.woff") format("woff"), url("../assets/fonts/Geologica/Geologica-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Geologica";
  font-display: swap;
  src: local("$font_name"), local("$font_name"), url("../assets/fonts/Geologica/Geologica-ExtraLight.woff") format("woff"), url("../assets/fonts/Geologica/Geologica-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Geologica";
  font-display: swap;
  src: local("$font_name"), local("$font_name"), url("../assets/fonts/Geologica/Geologica-Light.woff") format("woff"), url("../assets/fonts/Geologica/Geologica-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Geologica";
  font-display: swap;
  src: local("$font_name"), local("$font_name"), url("../assets/fonts/Geologica/Geologica-Medium.woff") format("woff"), url("../assets/fonts/Geologica/Geologica-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Geologica";
  font-display: swap;
  src: local("$font_name"), local("$font_name"), url("../assets/fonts/Geologica/Geologica-Regular.woff") format("woff"), url("../assets/fonts/Geologica/Geologica-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Geologica";
  font-display: swap;
  src: local("$font_name"), local("$font_name"), url("../assets/fonts/Geologica/Geologica-SemiBold.woff") format("woff"), url("../assets/fonts/Geologica/Geologica-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Geologica";
  font-display: swap;
  src: local("$font_name"), local("$font_name"), url("../assets/fonts/Geologica/Geologica-Thin.woff") format("woff"), url("../assets/fonts/Geologica/Geologica-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
}

:root {
  --font: Geologica, sans-serif;
  --header-accent: #00a651;
  --header-button-bg: #282334;
  --text-main: #161d1b;
  --text-muted: #5f685f;
  --brand-refresh-accent: #00a651;
  --brand-refresh-accent-hover: #008e46;
  --brand-refresh-surface: #dae9e2;
  --brand-refresh-surface-strong: #eff6f2;
  --brand-refresh-border: #b8d2c3;
  --brand-refresh-text: #173126;
  --brand-refresh-text-muted: #587062;
}

body,
body input,
body textarea,
body select,
body button {
  font-family: var(--font);
}

body {
  color: var(--brand-refresh-text);
  background: #f5faf7;
}

body a {
  -webkit-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .btn,
body .btn-form,
body .title-slide,
body .title-news,
body .title-list,
body .title-drop,
body .title {
  font-family: var(--font);
}

#header .list-soc a.max:after,
.bottom-footer .list-soc a.max:after {
  content: "";
  display: block;
  background: url("../assets/img/icons/max.svg") no-repeat center/contain;
  color: transparent;
  font-size: 0;
}

#main .about_section .breadcrumbs-box,
#main .reviews-section .breadcrumbs-box,
#main .catalog-section .breadcrumbs-box,
#main .faq-section .breadcrumbs-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin: 0 0 28px;
  padding: 18px 22px;
  border: 1px solid rgba(184, 210, 195, 0.8);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  -webkit-box-shadow: 0 14px 34px rgba(23, 49, 38, 0.06);
          box-shadow: 0 14px 34px rgba(23, 49, 38, 0.06);
}

#main .about_section .breadcrumbs-box .breadcrumbs,
#main .reviews-section .breadcrumbs-box .breadcrumbs,
#main .catalog-section .breadcrumbs-box .breadcrumbs,
#main .faq-section .breadcrumbs-box .breadcrumbs {
  margin: 0;
}

#main .about_section .breadcrumbs-box .breadcrumbs a,
#main .about_section .breadcrumbs-box .breadcrumbs span,
#main .reviews-section .breadcrumbs-box .breadcrumbs a,
#main .reviews-section .breadcrumbs-box .breadcrumbs span,
#main .catalog-section .breadcrumbs-box .breadcrumbs a,
#main .catalog-section .breadcrumbs-box .breadcrumbs span,
#main .faq-section .breadcrumbs-box .breadcrumbs a,
#main .faq-section .breadcrumbs-box .breadcrumbs span {
  color: var(--brand-refresh-text-muted);
}

#main .about_section .breadcrumbs-box .back-link,
#main .reviews-section .breadcrumbs-box .back-link,
#main .catalog-section .breadcrumbs-box .back-link,
#main .faq-section .breadcrumbs-box .back-link {
  color: var(--brand-refresh-accent);
}

#main .about_section .breadcrumbs-box .back-link:after,
#main .reviews-section .breadcrumbs-box .back-link:after,
#main .catalog-section .breadcrumbs-box .back-link:after,
#main .faq-section .breadcrumbs-box .back-link:after {
  border-color: var(--brand-refresh-accent);
}

#main .about_section .breadcrumbs-box .back-link:hover,
#main .reviews-section .breadcrumbs-box .back-link:hover,
#main .catalog-section .breadcrumbs-box .back-link:hover,
#main .faq-section .breadcrumbs-box .back-link:hover {
  color: var(--brand-refresh-accent-hover);
}

#main .contact-section .breadcrumbs-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin: 0 0 22px;
  padding: 18px 22px;
  border: 1px solid rgba(184, 210, 195, 0.8);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  -webkit-box-shadow: 0 14px 34px rgba(23, 49, 38, 0.06);
          box-shadow: 0 14px 34px rgba(23, 49, 38, 0.06);
}

#main .contact-section .breadcrumbs-box .breadcrumbs {
  margin: 0;
}

#main .contact-section .breadcrumbs-box .breadcrumbs a,
#main .contact-section .breadcrumbs-box .breadcrumbs span {
  color: var(--brand-refresh-text-muted);
}

#main .contact-section .breadcrumbs-box .back-link {
  color: var(--brand-refresh-accent);
}

#main .contact-section .breadcrumbs-box .back-link:after {
  border-color: var(--brand-refresh-accent);
}

#main .contact-section .breadcrumbs-box .back-link:hover {
  color: var(--brand-refresh-accent-hover);
}

#main .error-page .error-page__breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin: 0 0 28px;
  padding: 18px 22px;
  border: 1px solid rgba(184, 210, 195, 0.8);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  -webkit-box-shadow: 0 14px 34px rgba(23, 49, 38, 0.06);
          box-shadow: 0 14px 34px rgba(23, 49, 38, 0.06);
}

#main .error-page .error-page__breadcrumbs .breadcrumbs {
  margin: 0;
}

#main .error-page .error-page__breadcrumbs .breadcrumbs a,
#main .error-page .error-page__breadcrumbs .breadcrumbs span {
  color: var(--brand-refresh-text-muted);
}

#main .error-page .error-page__breadcrumbs .back-link {
  color: var(--brand-refresh-accent);
}

#main .error-page .error-page__breadcrumbs .back-link:after {
  border-color: var(--brand-refresh-accent);
}

#main .error-page .error-page__breadcrumbs .back-link:hover {
  color: var(--brand-refresh-accent-hover);
}

#header {
  -webkit-box-shadow: 0 12px 30px rgba(11, 56, 35, 0.08);
          box-shadow: 0 12px 30px rgba(11, 56, 35, 0.08);
}

#header .logo-box {
  top: 10px;
}

#header .logo {
  width: 206px;
  height: 65px;
  background: url("../assets/img/iconsprite/notedits/logo-new.svg") no-repeat;
  background-size: contain;
  background-position: left center;
}

#header .logo-text {
  display: none;
}

#header .logo-text,
#header .list-contact li strong,
#header .list-contact li.phone a,
#header .search-holder .search-link,
#header .drop-box .drop-head .btn,
#header .drop-box .drop-head .search-link {
  color: var(--brand-refresh-text);
}

#header .user-list .num {
  background: var(--brand-refresh-accent);
  color: #fff;
}

#header .user-list a:hover:after {
  color: var(--brand-refresh-accent);
}

#header .list-contact li span {
  color: var(--brand-refresh-text-muted);
}

#header .list-soc a:hover:after {
  color: var(--brand-refresh-accent);
}

#header .list-soc a.max:after {
  width: 33px;
  height: 33px;
}

#header .head-btn .btn-call {
  background: linear-gradient(135deg, var(--brand-refresh-accent) 0%, var(--brand-refresh-accent-hover) 100%);
  background-color: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent);
  color: #fff;
  -webkit-box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
          box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
  -webkit-transition: color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
}

#header .head-btn .btn-call:hover {
  background: linear-gradient(135deg, var(--brand-refresh-accent) 0%, var(--brand-refresh-accent-hover) 100%);
  background-color: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
  -webkit-box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
          box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}

#header .head-btn span {
  color: var(--brand-refresh-text-muted);
}

#header .nav-box {
  border-top-color: var(--brand-refresh-border);
}

#header .nav-box .nav-catalog > li.open > a {
  color: var(--brand-refresh-accent);
}

#header .nav-box .nav-catalog > li.open > a:after {
  border-bottom-color: var(--brand-refresh-accent);
  border-right-color: var(--brand-refresh-accent);
}

#header .nav-box .nav-catalog > li > a:before {
  background: var(--brand-refresh-accent);
}

#header .nav-box .nav-catalog > li > a:hover {
  color: var(--brand-refresh-accent);
}

#header .nav-box .menu li a:hover {
  color: var(--brand-refresh-accent);
}

#header .drop-box .drop-head .btn:hover,
#header .drop-box .drop-menu > li > a:hover,
#header .drop-box .drop-menu ul li a:hover,
#header .drop-box .search-holder .search-link:hover {
  color: var(--brand-refresh-accent);
}

#wrapper {
  background: linear-gradient(180deg, #f5faf7 0%, #ffffff 220px, #ffffff 100%);
}

#main .section-promo {
  background: radial-gradient(circle at 24% 20%, rgba(255, 255, 255, 0.88) 0, rgba(255, 255, 255, 0) 18%), radial-gradient(circle at 53% 58%, rgba(198, 224, 208, 0.92) 0, rgba(198, 224, 208, 0) 24%), radial-gradient(circle at 78% 34%, rgba(244, 250, 247, 0.86) 0, rgba(244, 250, 247, 0) 26%), url("../assets/img/decor/promo-bg-full.svg"), -webkit-gradient(linear, left top, left bottom, from(#eef6f1), color-stop(40%, #e5f1ea), color-stop(72%, #d2e6d9), to(#c3ddcd));
  background: radial-gradient(circle at 24% 20%, rgba(255, 255, 255, 0.88) 0, rgba(255, 255, 255, 0) 18%), radial-gradient(circle at 53% 58%, rgba(198, 224, 208, 0.92) 0, rgba(198, 224, 208, 0) 24%), radial-gradient(circle at 78% 34%, rgba(244, 250, 247, 0.86) 0, rgba(244, 250, 247, 0) 26%), url("../assets/img/decor/promo-bg-full.svg"), linear-gradient(180deg, #eef6f1 0%, #e5f1ea 40%, #d2e6d9 72%, #c3ddcd 100%);
  background-position: 24% 20%, 53% 58%, 78% 34%, center bottom, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, auto, cover, auto;
  background-blend-mode: normal, normal, normal, normal, normal;
}

#main .section-promo .promo-text .title,
#main .section-promo .promo-text p {
  color: var(--brand-refresh-text);
}

#main .section-promo .promo-text .dscr {
  color: var(--brand-refresh-text-muted);
}

#main .section-promo .promo-text .btn {
  background: #fff;
  border-color: var(--brand-refresh-accent);
  color: var(--brand-refresh-accent);
  -webkit-box-shadow: 0 10px 25px rgba(0, 166, 81, 0.12);
          box-shadow: 0 10px 25px rgba(0, 166, 81, 0.12);
}

#main .section-promo .promo-text .btn:hover {
  background: var(--brand-refresh-accent);
  color: #fff;
}

#main .section-promo .tabset .tab-control li a {
  background: rgba(255, 255, 255, 0.74);
  color: var(--brand-refresh-text);
}

#main .section-promo .tabset .tab-control li.active a,
#main .section-promo .tabset .tab-control li a:hover {
  background: var(--brand-refresh-accent);
  color: #fff;
}

#main .section-promo .tabset .tab {
  -webkit-box-shadow: 0 18px 45px rgba(14, 52, 34, 0.08);
          box-shadow: 0 18px 45px rgba(14, 52, 34, 0.08);
}

#main .filter-form .drop-select,
#main .filter-form .price-drop .inner-down,
#main .filter-form .price-drop .extra-controls .inner-control {
  border-color: var(--brand-refresh-border);
}

#main .filter-form .mCSB_inside .mCSB_scrollTools .mCSB_draggerRail {
  background: var(--brand-refresh-surface);
}

#main .filter-form .mCSB_inside .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: var(--brand-refresh-accent);
}

#main .filter-form .btn-form,
#main .filter-form .price-drop .btn-holder a:not(.reset) {
  background: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent);
  color: #fff;
}

#main .filter-form .btn-form:after,
#main .filter-form .price-drop .btn-holder a:not(.reset):after {
  border-top-color: #fff;
  border-right-color: #fff;
}

#main .filter-form .btn-form:hover,
#main .filter-form .price-drop .btn-holder a:not(.reset):hover {
  background: var(--brand-refresh-accent-hover);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
}

#main .filter-form .price-drop.open:after {
  border-color: var(--brand-refresh-accent);
}

#main .filter-form .price-drop.open .open-select {
  color: var(--brand-refresh-accent);
}

#main .filter-form .price-drop.open .open-select:after {
  border-bottom-color: var(--brand-refresh-accent);
  border-right-color: var(--brand-refresh-accent);
}

#main .filter-form .price-drop .btn-holder a.reset:hover {
  background: var(--brand-refresh-surface);
  border-color: var(--brand-refresh-border);
  color: var(--brand-refresh-text);
}

#main .filter-form .price-drop .extra-controls span {
  color: var(--brand-refresh-text-muted);
}

#main .filter-form .price-drop .extra-controls em {
  color: var(--brand-refresh-accent);
}

#main .filter-form .search-box .search-holder .search-link {
  color: var(--brand-refresh-text);
}

#main .filter-form .search-box .search-holder .search-link:hover {
  color: var(--brand-refresh-accent);
}

#main .filter-form .search-box .dscr-form {
  color: var(--brand-refresh-text-muted);
}

#main .advantages-section,
#main .project-section {
  background: #fff;
}

#main .advantages-section .list-advantages .icon {
  color: var(--brand-refresh-accent);
}

#main .advantages-section .list-advantages .dscr-list {
  color: var(--brand-refresh-text-muted);
}

#main .advantages-section .list-advantages .title-list {
  color: var(--brand-refresh-text);
}

#main .notice-section .heading .btn-all:hover,
#main .offer-section .heading .btn-all:hover {
  background: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent);
  color: #fff;
}

#main .about_section {
  position: relative;
  padding: 28px 0 48px;
}

#main .about_section:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 520px;
  background: radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.96) 0, rgba(255, 255, 255, 0) 26%), radial-gradient(circle at 82% 10%, rgba(198, 224, 208, 0.8) 0, rgba(198, 224, 208, 0) 28%), -webkit-gradient(linear, left top, left bottom, from(rgba(239, 246, 242, 0.96)), to(rgba(255, 255, 255, 0)));
  background: radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.96) 0, rgba(255, 255, 255, 0) 26%), radial-gradient(circle at 82% 10%, rgba(198, 224, 208, 0.8) 0, rgba(198, 224, 208, 0) 28%), linear-gradient(180deg, rgba(239, 246, 242, 0.96) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}

#main .about_section .container {
  position: relative;
  z-index: 1;
}

#main .about_section .about-hero,
#main .about_section .about-story,
#main .about_section .about-docs {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: 28px;
}

#main .about_section .about-hero {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 26px;
}

#main .about_section .about-hero__content,
#main .about_section .about-story__intro,
#main .about_section .about-docs__content {
  padding: 34px 36px;
  border: 1px solid rgba(184, 210, 195, 0.78);
  border-radius: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(rgba(244, 250, 247, 0.98)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 250, 247, 0.98));
  -webkit-box-shadow: 0 20px 48px rgba(18, 53, 36, 0.08);
          box-shadow: 0 20px 48px rgba(18, 53, 36, 0.08);
}

#main .about_section .about-hero__eyebrow,
#main .about_section .about-story__eyebrow,
#main .about_section .about-timeline__eyebrow,
#main .about_section .about-gallery__eyebrow,
#main .about_section .about-docs__eyebrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: var(--brand-refresh-accent);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#main .about_section .about-hero__eyebrow:before,
#main .about_section .about-story__eyebrow:before,
#main .about_section .about-timeline__eyebrow:before,
#main .about_section .about-gallery__eyebrow:before,
#main .about_section .about-docs__eyebrow:before {
  content: "";
  width: 36px;
  height: 1px;
  background: rgba(0, 166, 81, 0.38);
}

#main .about_section h1,
#main .about_section h2 {
  margin: 0;
  color: var(--brand-refresh-text);
  letter-spacing: -0.04em;
  line-height: 0.96;
}

#main .about_section h1 {
  margin-bottom: 20px;
}

#main .about_section h2 {
  margin-bottom: 18px;
}

#main .about_section .about-hero__lead,
#main .about_section .about-story__intro p,
#main .about_section .about-docs__content p {
  color: var(--brand-refresh-text);
  font-size: 18px;
  line-height: 1.55;
  letter-spacing: -0.01em;
}

#main .about_section .about-hero__lead {
  margin: 0 0 16px;
  font-size: 21px;
  line-height: 1.45;
}

#main .about_section .about-hero__text {
  display: grid;
  gap: 12px;
  margin-bottom: 26px;
}

#main .about_section .about-hero__text p {
  margin: 0;
  color: var(--brand-refresh-text-muted);
  font-size: 17px;
  line-height: 1.6;
}

#main .about_section .about-hero__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px 22px;
}

#main .about_section .about-hero__actions .btn-call {
  background: linear-gradient(135deg, var(--brand-refresh-accent) 0%, var(--brand-refresh-accent-hover) 100%);
  border-color: var(--brand-refresh-accent);
  color: #fff;
  -webkit-box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
          box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
}

#main .about_section .about-hero__actions .btn-call:hover {
  background: linear-gradient(135deg, var(--brand-refresh-accent-hover) 0%, var(--brand-refresh-accent) 100%);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
  -webkit-box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
          box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
}

#main .about_section .about-hero__contact {
  display: grid;
  gap: 4px;
}

#main .about_section .about-hero__contact a {
  color: var(--brand-refresh-text);
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}

#main .about_section .about-hero__contact a:hover {
  color: var(--brand-refresh-accent);
}

#main .about_section .about-hero__contact span {
  color: var(--brand-refresh-text-muted);
  font-size: 15px;
}

#main .about_section .about-hero__media {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(17, 55, 40, 0.08), rgba(17, 55, 40, 0.02)), linear-gradient(135deg, rgba(239, 246, 242, 0.98), rgba(226, 239, 232, 0.98));
  -webkit-box-shadow: 0 22px 50px rgba(18, 53, 36, 0.12);
          box-shadow: 0 22px 50px rgba(18, 53, 36, 0.12);
}

#main .about_section .about-hero__media:before {
  content: "";
  display: block;
  padding-top: 118%;
}

#main .about_section .about-hero__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#main .about_section .about-values {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 26px;
}

#main .about_section .about-benefit {
  min-height: 100%;
  padding: 24px 22px 22px;
  border: 1px solid rgba(184, 210, 195, 0.72);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  -webkit-box-shadow: 0 16px 34px rgba(23, 49, 38, 0.06);
          box-shadow: 0 16px 34px rgba(23, 49, 38, 0.06);
}

#main .about_section .about-benefit h3 {
  margin: 0 0 10px;
  color: var(--brand-refresh-text);
  font-size: 21px;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

#main .about_section .about-benefit p {
  margin: 0;
  color: var(--brand-refresh-text-muted);
  font-size: 15px;
  line-height: 1.55;
}

#main .about_section .about-story {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 34px;
}

#main .about_section .about-story__intro p {
  margin: 0 0 14px;
}

#main .about_section .about-story__intro p:last-child {
  margin-bottom: 0;
}

#main .about_section .about-story__aside {
  display: grid;
  gap: 18px;
}

#main .about_section .about-story__badge,
#main .about_section .about-metric {
  padding: 24px 24px 22px;
  border: 1px solid rgba(184, 210, 195, 0.78);
  border-radius: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(rgba(244, 250, 247, 0.98)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 250, 247, 0.98));
  -webkit-box-shadow: 0 18px 38px rgba(18, 53, 36, 0.08);
          box-shadow: 0 18px 38px rgba(18, 53, 36, 0.08);
}

#main .about_section .about-story__badge strong {
  display: block;
  margin-bottom: 10px;
  color: var(--brand-refresh-text);
  font-size: 28px;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

#main .about_section .about-story__badge span {
  display: block;
  color: var(--brand-refresh-text-muted);
  font-size: 16px;
  line-height: 1.55;
}

#main .about_section .about-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

#main .about_section .about-metric__value {
  display: block;
  margin-bottom: 8px;
  color: var(--brand-refresh-accent);
  font-size: 42px;
  line-height: 0.92;
  letter-spacing: -0.05em;
}

#main .about_section .about-metric__label {
  margin: 0;
  color: var(--brand-refresh-text);
  font-size: 16px;
  line-height: 1.45;
}

#main .about_section .about-timeline {
  padding: 36px 0;
  margin-bottom: 34px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 250, 247, 0.35)), to(rgba(255, 255, 255, 0.98)));
  background: linear-gradient(180deg, rgba(245, 250, 247, 0.35) 0%, rgba(255, 255, 255, 0.98) 100%);
}

#main .about_section .about-timeline__head,
#main .about_section .about-gallery__head {
  max-width: 760px;
  margin-bottom: 24px;
}

#main .about_section .about-timeline__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

#main .about_section .about-history-card {
  min-height: 100%;
  padding: 22px 22px 20px;
  border: 1px solid rgba(184, 210, 195, 0.72);
  border-radius: 24px;
  background: #fff;
  -webkit-box-shadow: 0 16px 34px rgba(23, 49, 38, 0.06);
          box-shadow: 0 16px 34px rgba(23, 49, 38, 0.06);
}

#main .about_section .about-history-card__date {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--brand-refresh-accent);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#main .about_section .about-history-card__text {
  margin: 0;
  color: var(--brand-refresh-text);
  font-size: 16px;
  line-height: 1.55;
}

#main .about_section .about-gallery {
  margin-bottom: 34px;
}

#main .about_section .about-gallery__grid {
  margin: 0 -8px;
}

#main .about_section .about-gallery__grid .slick-list {
  overflow: hidden;
}

#main .about_section .about-gallery__grid .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#main .about_section .about-gallery__grid .slick-slide {
  height: auto;
  padding: 0 8px;
}

#main .about_section .about-gallery__grid .slick-slide > div {
  height: 100%;
}

#main .about_section .about-gallery__grid .slick-arrow {
  position: absolute;
  top: -74px;
  right: 0;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(0, 166, 81, 0.18);
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 14px 28px rgba(23, 49, 38, 0.08);
          box-shadow: 0 14px 28px rgba(23, 49, 38, 0.08);
  font-size: 0;
  -webkit-transition: background-color 0.2s ease, border-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  z-index: 2;
}

#main .about_section .about-gallery__grid .slick-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid var(--brand-refresh-accent);
  border-right: 2px solid var(--brand-refresh-accent);
  -webkit-transform: translate(-60%, -50%) rotate(45deg);
      -ms-transform: translate(-60%, -50%) rotate(45deg);
          transform: translate(-60%, -50%) rotate(45deg);
}

#main .about_section .about-gallery__grid .slick-arrow:hover {
  background: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent);
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}

#main .about_section .about-gallery__grid .slick-arrow:hover:before {
  border-top-color: #fff;
  border-right-color: #fff;
}

#main .about_section .about-gallery__grid .slick-prev {
  right: 64px;
}

#main .about_section .about-gallery__grid .slick-prev:before {
  -webkit-transform: translate(-40%, -50%) rotate(-135deg);
      -ms-transform: translate(-40%, -50%) rotate(-135deg);
          transform: translate(-40%, -50%) rotate(-135deg);
}

#main .about_section .about-gallery__grid .slick-next {
  right: 0;
}

#main .about_section .about-gallery__grid .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

#main .about_section .about-gallery__grid .slick-dots li {
  margin: 0;
}

#main .about_section .about-gallery__grid .slick-dots button {
  width: 12px;
  height: 12px;
  border: 0;
  border-radius: 50%;
  background: #dce9e2;
  font-size: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, transform 0.2s ease;
  transition: background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}

#main .about_section .about-gallery__grid .slick-dots button:hover {
  background: rgba(0, 166, 81, 0.45);
}

#main .about_section .about-gallery__grid .slick-dots .slick-active button {
  background: var(--brand-refresh-accent);
  -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
          transform: scale(1.08);
}

#main .about_section .about-gallery-card {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
  border-radius: 24px;
  -webkit-box-shadow: 0 18px 42px rgba(18, 53, 36, 0.1);
          box-shadow: 0 18px 42px rgba(18, 53, 36, 0.1);
}

#main .about_section .about-gallery-card:before {
  content: "";
  display: block;
  padding-top: 100%;
}

#main .about_section .about-gallery-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(34%, rgba(17, 49, 38, 0)), to(rgba(17, 49, 38, 0.24)));
  background: linear-gradient(180deg, rgba(17, 49, 38, 0) 34%, rgba(17, 49, 38, 0.24) 100%);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

#main .about_section .about-gallery-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

#main .about_section .about-gallery-card:hover:after {
  opacity: 1;
}

#main .about_section .about-gallery-card:hover img {
  -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);
}

#main .about_section .about-docs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 22px;
  margin-bottom: 34px;
}

#main .about_section .about-docs__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

#main .about_section .about-doc-card {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(184, 210, 195, 0.72);
  border-radius: 22px;
  background: #fff;
  -webkit-box-shadow: 0 16px 34px rgba(23, 49, 38, 0.06);
          box-shadow: 0 16px 34px rgba(23, 49, 38, 0.06);
}

#main .about_section .about-doc-card img {
  display: block;
  width: 100%;
  aspect-ratio: 157/210;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

#main .about_section .about-doc-card:hover img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}

#main .about_section .form-box {
  margin-bottom: 0;
  border: 1px solid rgba(184, 210, 195, 0.8);
  border-radius: 30px;
  background: linear-gradient(135deg, rgba(239, 246, 242, 0.96), rgba(218, 233, 226, 0.98));
  -webkit-box-shadow: 0 20px 45px rgba(18, 53, 36, 0.08);
          box-shadow: 0 20px 45px rgba(18, 53, 36, 0.08);
}

#main .about_section .form-box .inner-form_box {
  padding: 34px 36px 30px;
}

#main .about_section .form-box .head-form h2 strong {
  color: var(--brand-refresh-accent);
}

#main .about_section .form-box .head-form p,
#main .about_section .form-box .dscr-form {
  color: var(--brand-refresh-text-muted);
}

#main .about_section .form-box .btn-form {
  background: linear-gradient(135deg, var(--brand-refresh-accent) 0%, var(--brand-refresh-accent-hover) 100%);
  border-color: var(--brand-refresh-accent);
  color: #fff;
  -webkit-box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
          box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
}

#main .about_section .form-box .btn-form:hover {
  background: linear-gradient(135deg, var(--brand-refresh-accent-hover) 0%, var(--brand-refresh-accent) 100%);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
  -webkit-box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
          box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
}

#main .notice-slider > .slick-arrow:after,
#main .offer-section .notice-slider > .slick-arrow:after {
  color: #c7d9ce;
}

#main .notice-slider > .slick-dots li button:after,
#main .offer-section .notice-slider > .slick-dots li button:after {
  background: #dce9e2;
  border-color: #dce9e2;
}

#main .notice-slider > .slick-dots li button:hover:after,
#main .offer-section .notice-slider > .slick-dots li button:hover:after {
  border-color: var(--brand-refresh-accent);
}

#main .notice-slider > .slick-dots li.slick-active button:after,
#main .offer-section .notice-slider > .slick-dots li.slick-active button:after {
  border-color: var(--brand-refresh-accent);
}

#main .item-slide .title-slide a:hover,
#main .item-slide .arrow:hover .icon-arrow_left2:before {
  color: var(--brand-refresh-accent);
}

#main .item-slide .price {
  color: var(--brand-refresh-text);
}

#main .about-block .about-title strong,
#main .about-block .link:hover,
#main .about-block .link:hover:after {
  color: var(--brand-refresh-accent);
}

#main .about-block .link {
  color: var(--brand-refresh-text);
}

#main .about-block .link:after {
  border-top-color: var(--brand-refresh-text);
  border-right-color: var(--brand-refresh-text);
}

#main .about-block .list-about {
  border-top-color: var(--brand-refresh-border);
}

#main .form-box {
  background: linear-gradient(135deg, rgba(239, 246, 242, 0.95), rgba(218, 233, 226, 0.96));
  border-radius: 18px;
}

#main .form-box .head-form h2 strong {
  color: var(--brand-refresh-accent);
}

#main .form-box .form input[type=text] {
  border-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: inset 0 0 0 1px rgba(184, 210, 195, 0.7);
          box-shadow: inset 0 0 0 1px rgba(184, 210, 195, 0.7);
}

#main .form-box .btn-form {
  background: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent);
}

#main .form-box .btn-form:hover {
  background: var(--brand-refresh-accent-hover);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
}

#main .form-box.bg-grey {
  background: linear-gradient(135deg, rgba(239, 246, 242, 0.94), rgba(226, 239, 232, 0.98));
}

#main .services-section {
  position: relative;
  padding: 24px 0 38px;
  isolation: isolate;
}

#main .services-section:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 100%;
  background: radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.94) 0, rgba(255, 255, 255, 0) 28%), radial-gradient(circle at 78% 8%, rgba(198, 224, 208, 0.78) 0, rgba(198, 224, 208, 0) 24%), -webkit-gradient(linear, left top, left bottom, from(rgba(239, 246, 242, 0.94)), to(rgba(255, 255, 255, 0)));
  background: radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.94) 0, rgba(255, 255, 255, 0) 28%), radial-gradient(circle at 78% 8%, rgba(198, 224, 208, 0.78) 0, rgba(198, 224, 208, 0) 24%), linear-gradient(180deg, rgba(239, 246, 242, 0.94) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: -1;
}

#main .services-section .breadcrumbs-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin: 0 0 28px;
  padding: 18px 22px;
  border: 1px solid rgba(184, 210, 195, 0.8);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 14px 34px rgba(23, 49, 38, 0.06);
          box-shadow: 0 14px 34px rgba(23, 49, 38, 0.06);
}

#main .services-section .breadcrumbs-box .breadcrumbs {
  margin: 0;
}

#main .services-section .breadcrumbs-box .breadcrumbs a,
#main .services-section .breadcrumbs-box .breadcrumbs span {
  color: var(--brand-refresh-text-muted);
}

#main .services-section .breadcrumbs-box .back-link {
  color: var(--brand-refresh-accent);
}

#main .services-section .breadcrumbs-box .back-link:after {
  border-color: var(--brand-refresh-accent);
}

#main .services-section .breadcrumbs-box .back-link:hover {
  color: var(--brand-refresh-accent-hover);
}

#main .services-section h1 {
  margin: 0 0 26px;
  color: var(--brand-refresh-text);
  letter-spacing: -0.04em;
  line-height: 0.95;
}

#main .services-section .list-services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px 32px;
}

#main .services-section .list-services li {
  width: 25%;
  padding: 0 15px;
  margin: 0 0 30px;
}

#main .services-section .list-services .inner-list {
  position: relative;
  display: block;
  min-height: 141px;
  height: 100%;
  padding: 20px 23px 29px 28px;
  border: 1px solid #d8e6de;
  border-radius: 8px;
  background: #fff;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}

#main .services-section .list-services .inner-list:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid var(--brand-refresh-accent);
  border-radius: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

#main .services-section .list-services .inner-list .icon {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 38px;
  margin: 0 0 12px 20px;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

#main .services-section .list-services .inner-list .icon:before {
  margin: 0;
  color: var(--brand-refresh-accent);
  line-height: 36px;
  font-size: 36px;
}

#main .services-section .list-services .inner-list strong {
  display: block;
  color: var(--brand-refresh-text);
  letter-spacing: -0.01em;
  font-weight: 500;
  line-height: 1.18;
  font-size: 17px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

#main .services-section .list-services .inner-list .icon-arrow_left2 {
  position: absolute;
  right: 22px;
  bottom: 35px;
  width: 20px;
  height: 8px;
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#main .services-section .list-services .inner-list .icon-arrow_left2:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  margin: 0;
  color: var(--brand-refresh-accent);
  font-size: 6px;
  line-height: 8px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

#main .services-section .list-services .inner-list:hover:after {
  opacity: 1;
}

#main .services-section .list-services .inner-list:hover strong {
  color: var(--brand-refresh-accent);
}

#main .services-section .list-services .inner-list:hover .icon:before,
#main .services-section .list-services .inner-list:hover .icon-arrow_left2:before {
  color: var(--brand-refresh-accent);
}

#main .services-section .form-box {
  margin-top: 0;
  border: 1px solid rgba(184, 210, 195, 0.8);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(239, 246, 242, 0.96), rgba(218, 233, 226, 0.98));
  -webkit-box-shadow: 0 20px 45px rgba(18, 53, 36, 0.08);
          box-shadow: 0 20px 45px rgba(18, 53, 36, 0.08);
}

#main .services-section .form-box .inner-form_box {
  padding: 34px 36px 30px;
}

#main .services-section .form-box .head-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
  margin-bottom: 22px;
}

#main .services-section .form-box .head-form .icon {
  width: 87px;
  height: 87px;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

#main .services-section .form-box .head-form .icon img {
  width: 87px;
  height: auto;
}

#main .services-section .form-box .head-form h2 {
  color: var(--brand-refresh-text);
}

#main .services-section .form-box .head-form h2 strong {
  color: var(--brand-refresh-accent);
}

#main .services-section .form-box .head-form p {
  color: var(--brand-refresh-text-muted);
}

#main .services-section .form-box .btn-form {
  background: linear-gradient(135deg, var(--brand-refresh-accent) 0%, var(--brand-refresh-accent-hover) 100%);
  border-color: var(--brand-refresh-accent);
  color: #fff;
  -webkit-box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
          box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
}

#main .services-section .form-box .btn-form:hover {
  background: linear-gradient(135deg, var(--brand-refresh-accent-hover) 0%, var(--brand-refresh-accent) 100%);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
  -webkit-box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
          box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
}

#main .services-section .form-box .dscr-form {
  color: var(--brand-refresh-text-muted);
}

#main .offer-section {
  margin-top: 4px;
  padding: 34px 0 42px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 250, 247, 0)), color-stop(16%, rgba(239, 246, 242, 0.82)), to(#ffffff));
  background: linear-gradient(180deg, rgba(245, 250, 247, 0) 0%, rgba(239, 246, 242, 0.82) 16%, #ffffff 100%);
}

#main .offer-section .offer-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

#main .offer-section h2 {
  margin: 0;
  color: var(--brand-refresh-text);
  letter-spacing: -0.03em;
}

#main .offer-section .offer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}

#main .offer-section .offer-list .item-slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 36px) / 4);
          flex: 0 0 calc((100% - 36px) / 4);
  max-width: calc((100% - 36px) / 4);
  width: calc((100% - 36px) / 4);
  margin: 0;
}

#main .offer-section .offer-list .inner-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(184, 210, 195, 0.76);
  border-radius: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(rgba(247, 251, 248, 0.97)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 248, 0.97));
  -webkit-box-shadow: 0 18px 40px rgba(23, 49, 38, 0.08);
          box-shadow: 0 18px 40px rgba(23, 49, 38, 0.08);
}

#main .offer-section .offer-list .photo-box {
  padding: 14px 14px 0;
}

#main .offer-section .offer-list .photo-slider {
  overflow: hidden;
  border-radius: 20px;
  -webkit-box-shadow: 0 14px 28px rgba(23, 49, 38, 0.08);
          box-shadow: 0 14px 28px rgba(23, 49, 38, 0.08);
}

#main .offer-section .offer-list .photo-slider img {
  width: 100%;
}

#main .offer-section .offer-list .dscr-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding: 18px 22px 22px;
}

#main .offer-section .offer-list .dscr-slide .title-slide a {
  color: var(--brand-refresh-text);
}

#main .offer-section .offer-list .dscr-slide .title-slide a:hover {
  color: var(--brand-refresh-accent);
}

#main .offer-section .offer-list .dscr-slide .address {
  color: var(--brand-refresh-text-muted);
}

#main .offer-section .offer-list .dscr-slide .price {
  margin-top: auto;
  color: var(--brand-refresh-text);
}

#main .offer-section .offer-list .dscr-slide .arrow {
  border-color: rgba(0, 166, 81, 0.16);
  background: linear-gradient(135deg, rgba(230, 244, 236, 0.95), rgba(216, 237, 225, 0.98));
  -webkit-box-shadow: 0 10px 20px rgba(0, 166, 81, 0.12);
          box-shadow: 0 10px 20px rgba(0, 166, 81, 0.12);
}

#main .offer-section .offer-list .dscr-slide .arrow .icon-arrow_left2:before {
  color: var(--brand-refresh-accent);
}

#main .offer-section .offer-list .dscr-slide .arrow:hover {
  background: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent);
}

#main .offer-section .offer-list .dscr-slide .arrow:hover .icon-arrow_left2:before {
  color: #fff;
}

#main .news-list .dscr-news .tag a,
#main .news-list .dscr-news .title-news a:hover {
  color: var(--brand-refresh-accent);
}

#main .news-list .dscr-news .date-news {
  color: var(--brand-refresh-text-muted);
}

#main .map-section:after {
  background: #f5faf7;
  -webkit-box-shadow: 0 6px 18px rgba(18, 53, 36, 0.12);
          box-shadow: 0 6px 18px rgba(18, 53, 36, 0.12);
}

#main .map-section .map-btn {
  background: var(--brand-refresh-accent);
  color: #fff;
}

#main .map-section .map-btn:hover {
  background: var(--brand-refresh-accent-hover);
  color: #fff;
}

#footer {
  background: #fff;
  border-top: 1px solid var(--brand-refresh-border);
}

#footer a:hover {
  color: var(--brand-refresh-accent);
}

#footer .btn-call,
#footer .head-btn .btn-call {
  background: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent);
  color: #fff;
}

#footer .btn-call:hover,
#footer .head-btn .btn-call:hover {
  background: var(--brand-refresh-accent-hover);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
}

.btn-form_cookies {
  background: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent);
  color: #fff;
}

.btn-form_cookies:hover {
  background: var(--brand-refresh-accent-hover);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
}

#main .reviews-section {
  position: relative;
  padding: 28px 0 52px;
  background: radial-gradient(circle at 15% 0%, rgba(255, 255, 255, 0.92) 0, rgba(255, 255, 255, 0) 26%), -webkit-gradient(linear, left top, left bottom, from(rgba(245, 250, 247, 0.55)), to(rgba(255, 255, 255, 0.98)));
  background: radial-gradient(circle at 15% 0%, rgba(255, 255, 255, 0.92) 0, rgba(255, 255, 255, 0) 26%), linear-gradient(180deg, rgba(245, 250, 247, 0.55) 0%, rgba(255, 255, 255, 0.98) 100%);
}

#main .reviews-section .container {
  position: relative;
  z-index: 1;
}

#main .reviews-section .heading_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px 22px;
  margin-bottom: 28px;
}

#main .reviews-section .heading_title h1 {
  max-width: 16ch;
  margin: 0;
  color: var(--brand-refresh-text);
  letter-spacing: -0.04em;
  line-height: 0.94;
}

#main .reviews-section .heading_title .btn {
  margin-top: 4px;
  background: linear-gradient(135deg, var(--brand-refresh-accent) 0%, var(--brand-refresh-accent-hover) 100%);
  border-color: var(--brand-refresh-accent);
  color: #fff;
  -webkit-box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
          box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
}

#main .reviews-section .heading_title .btn:hover {
  background: linear-gradient(135deg, var(--brand-refresh-accent-hover) 0%, var(--brand-refresh-accent) 100%);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
  -webkit-box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
          box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
}

#main .reviews-section .review-block {
  display: grid;
  gap: 24px;
}

#main .reviews-section .reviews-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 18px;
  margin: 0;
}

#main .reviews-section .review-item {
  width: calc(50% - 9px);
  margin: 0;
}

#main .reviews-section .inner-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  border: 1px solid rgba(191, 211, 199, 0.78);
  border-radius: 24px;
  background: #fff;
  -webkit-box-shadow: 0 8px 22px rgba(23, 49, 38, 0.05);
          box-shadow: 0 8px 22px rgba(23, 49, 38, 0.05);
}

#main .reviews-section .review-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 22px 22px 20px;
}

#main .reviews-section .user-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 14px 18px;
}

#main .reviews-section .user-box {
  min-width: 0;
  padding: 2px 0 0 58px;
  position: relative;
}

#main .reviews-section .user-box:before {
  display: none;
}

#main .reviews-section .user-box:after {
  position: absolute;
  content: "";
  width: 44px;
  height: 44px;
  top: 0;
  left: 0;
  background: url("../assets/img/gallery/icon-form.svg") no-repeat center;
  background-size: contain;
}

#main .reviews-section .user-box .name {
  display: block;
  margin: 0 0 4px;
  color: var(--brand-refresh-text);
  font-size: 19px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.03em;
}

#main .reviews-section .user-box .date {
  display: block;
  color: var(--brand-refresh-text-muted);
  font-size: 12px;
  line-height: 1.2;
}

#main .reviews-section .rating-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 6px;
  width: auto;
  margin-left: auto;
  text-align: right;
}

#main .reviews-section .rating-block .review-logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 88px;
  margin: 0;
}

#main .reviews-section .rating-block .review-logo a {
  display: block;
}

#main .reviews-section .rating-block .review-logo img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

#main .reviews-section .rating-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 6px;
  margin: 0;
  padding: 0;
  margin-top: 0;
  white-space: nowrap;
}

#main .reviews-section .rating-box span {
  display: block;
  margin: 0;
  color: var(--brand-refresh-text);
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
}

#main .reviews-section .rating-box .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin: 0;
  white-space: nowrap;
}

#main .reviews-section .rating-box .rating li {
  margin: 0;
}

#main .reviews-section .rating-box .rating li a {
  display: block;
  width: 11px;
  height: 11px;
  position: relative;
  color: #19a35b;
}

#main .reviews-section .rating-box .rating li a:before {
  margin: 0;
  font-size: 11px;
  line-height: 1;
  position: absolute;
  inset: 0;
}

#main .reviews-section .rating-box .rating li.active a {
  color: #19a35b;
}

#main .reviews-section .review-text p {
  margin: 0;
  color: var(--brand-refresh-text);
  font-size: 16px;
  line-height: 1.7;
}

#main .reviews-section .review-text .hide-text {
  display: none;
}

#main .reviews-section .review-text .hide-text p {
  margin-top: 12px;
}

#main .reviews-section .review-text .more-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 14px;
  padding-bottom: 1px;
  color: var(--brand-refresh-accent);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 166, 81, 0.18);
}

#main .reviews-section .review-text .more-link:hover {
  color: var(--brand-refresh-accent-hover);
  border-bottom-color: transparent;
}

#main .reviews-section .specialist-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 18px 28px 24px;
  border-top: 1px solid rgba(184, 210, 195, 0.72);
  background: rgba(239, 246, 242, 0.7);
}

#main .reviews-section .specialist-box .avatar {
  width: 54px;
  height: 54px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 54px;
          flex: 0 0 54px;
  background: rgba(226, 239, 232, 0.95);
  -webkit-box-shadow: 0 10px 22px rgba(23, 49, 38, 0.08);
          box-shadow: 0 10px 22px rgba(23, 49, 38, 0.08);
}

#main .reviews-section .specialist-box .avatar img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#main .reviews-section .specialist-box .specialist {
  width: auto;
  padding: 0;
}

#main .reviews-section .specialist-box .specialist span {
  display: block;
  margin: 0 0 5px;
  color: var(--brand-refresh-text-muted);
  font-size: 12px;
  line-height: 1.2;
}

#main .reviews-section .specialist-box .specialist strong {
  display: block;
  color: var(--brand-refresh-text);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
}

#main .reviews-section .other-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 18px;
  margin: 6px 0 34px;
  padding: 20px;
  border-radius: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 243, 238, 0.96)), to(rgba(245, 250, 247, 0.96)));
  background: linear-gradient(180deg, rgba(235, 243, 238, 0.96), rgba(245, 250, 247, 0.96));
}

#main .reviews-section .other-review .item-review {
  width: calc(50% - 9px);
  margin: 0;
}

#main .reviews-section .other-review .inner-review {
  padding: 24px 26px 22px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(184, 210, 195, 0.75);
  -webkit-box-shadow: 0 14px 34px rgba(23, 49, 38, 0.08);
          box-shadow: 0 14px 34px rgba(23, 49, 38, 0.08);
}

#main .reviews-section .other-review .review-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 36px;
  margin: 0 0 12px;
}

#main .reviews-section .other-review .review-logo a {
  display: block;
}

#main .reviews-section .other-review .review-logo img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

#main .reviews-section .other-review .name-source {
  display: block;
  margin: 0 0 8px;
  color: var(--brand-refresh-text);
  font-size: 17px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
}

#main .reviews-section .other-review .dscr {
  display: block;
  margin: 0 0 14px;
  color: var(--brand-refresh-text-muted);
  font-size: 13px;
  line-height: 1.55;
}

#main .reviews-section .other-review .rating-box {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#main .reviews-section .other-review .rating-box span {
  color: var(--brand-refresh-text);
}

#main .reviews-section .btn-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 8px;
}

#main .reviews-section .btn-holder .btn {
  background: linear-gradient(135deg, var(--brand-refresh-accent) 0%, var(--brand-refresh-accent-hover) 100%);
  border-color: var(--brand-refresh-accent);
  color: #fff;
  -webkit-box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
          box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
}

#main .reviews-section .btn-holder .btn:hover {
  background: linear-gradient(135deg, var(--brand-refresh-accent-hover) 0%, var(--brand-refresh-accent) 100%);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
  -webkit-box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
          box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
}

#main .contact-section {
  position: relative;
  padding: 26px 0 44px;
}

#main .contact-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 100%;
  background: radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0) 20%), radial-gradient(circle at 82% 18%, rgba(198, 224, 208, 0.5) 0, rgba(198, 224, 208, 0) 24%), -webkit-gradient(linear, left top, left bottom, from(rgba(238, 246, 241, 0.96)), to(rgba(255, 255, 255, 0)));
  background: radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0) 20%), radial-gradient(circle at 82% 18%, rgba(198, 224, 208, 0.5) 0, rgba(198, 224, 208, 0) 24%), linear-gradient(180deg, rgba(238, 246, 241, 0.96) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}

#main .contact-section .container {
  position: relative;
  z-index: 1;
}

#main .contact-section h1 {
  margin: 0 0 22px;
  color: var(--brand-refresh-text);
  letter-spacing: -0.04em;
  line-height: 0.92;
}

#main .contact-section .contact-block {
  margin-bottom: 24px;
  padding: 28px;
  border: 1px solid rgba(184, 210, 195, 0.8);
  border-radius: 32px;
  background: linear-gradient(135deg, rgba(239, 246, 242, 0.96), rgba(255, 255, 255, 0.98));
  -webkit-box-shadow: 0 20px 45px rgba(18, 53, 36, 0.08);
          box-shadow: 0 20px 45px rgba(18, 53, 36, 0.08);
}

#main .contact-section .contact-info {
  margin-bottom: 28px;
}

#main .contact-section .contact-info h3 {
  margin: 0 0 22px;
  color: var(--brand-refresh-text);
  letter-spacing: -0.03em;
  font-size: 26px;
  line-height: 1.05;
}

#main .contact-section .contact-info .row {
  margin-bottom: 40px;
}

#main .contact-section .contact-info .col-50 {
  margin-bottom: 16px;
}

#main .contact-section .contact-info .address,
#main .contact-section .contact-info .contact-service,
#main .contact-section .contact-info .dscr {
  height: 100%;
  padding: 32px;
  border: 1px solid rgba(184, 210, 195, 0.7);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  -webkit-box-shadow: 0 12px 26px rgba(23, 49, 38, 0.05);
          box-shadow: 0 12px 26px rgba(23, 49, 38, 0.05);
}

#main .contact-section .contact-info .address {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  row-gap: 4px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-flex-line-pack: start;
      align-content: start;
}

#main .contact-section .contact-info .address::before {
  content: "";
  grid-column: 1;
  grid-row: 1/span 2;
  width: 16px;
  height: 20px;
  margin-top: 2px;
  background: url("../assets/img/gallery/icon-point.svg") no-repeat center/contain;
}

#main .contact-section .contact-info .address::after {
  content: none;
}

#main .contact-section .contact-info .address strong {
  grid-column: 2;
  margin: 0;
  color: var(--brand-refresh-text);
  font-size: 17px;
  line-height: 1.45;
}

#main .contact-section .contact-info .address span {
  grid-column: 2;
  color: var(--brand-refresh-text-muted);
}

#main .contact-section .contact-info .address-nav {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: 100%;
  height: 55px;
  padding: 0 18px;
  border-radius: 5px;
  border: 1px solid var(--brand-refresh-accent);
  background-color: var(--brand-refresh-accent);
  background-image: none;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 17px;
  -webkit-box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
          box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

#main .contact-section .contact-info .address-nav svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
}

#main .contact-section .contact-info .address-nav:hover {
  background-color: var(--brand-refresh-accent-hover);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
  -webkit-box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
          box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
}

#main .contact-section .contact-info .contact-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}

#main .contact-section .contact-info .phone-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

#main .contact-section .contact-info .phone {
  margin: 0;
}

#main .contact-section .contact-info .phone a {
  color: var(--brand-refresh-text);
  font-size: 28px;
  line-height: 1;
}

#main .contact-section .contact-info .time {
  color: var(--brand-refresh-text-muted);
}

#main .contact-section .contact-info .list-soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin: 0;
}

#main .contact-section .contact-info .list-soc li {
  margin: 0;
}

#main .contact-section .contact-info .list-soc a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid rgba(184, 210, 195, 0.8);
  border-radius: 999px;
  background: rgba(239, 246, 242, 0.8);
  color: var(--brand-refresh-text);
  position: static;
}

#main .contact-section .contact-info .list-soc a::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "fontello";
  font-size: 20px;
  line-height: 1;
}

#main .contact-section .contact-info .list-soc a::after {
  content: none;
}

#main .contact-section .contact-info .list-soc a.tlg::before {
  content: "\e811";
  color: #43b3e4;
}

#main .contact-section .contact-info .list-soc a.viber::before {
  content: "\e812";
  color: #9b4bc0;
}

#main .contact-section .contact-info .list-soc a:hover {
  background: #fff;
  border-color: var(--brand-refresh-accent);
  color: var(--brand-refresh-accent);
}

#main .contact-section .contact-info .list-soc a:hover::before {
  color: var(--brand-refresh-accent);
}

#main .contact-section .contact-info .dscr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  color: var(--brand-refresh-text-muted);
  line-height: 1.65;
}

#main .contact-section .contact-info .contacts-details {
  margin-top: 0;
}

#main .contact-section .contact-info .contacts-details ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin: 0;
}

#main .contact-section .contact-info .contacts-details li {
  margin: 0;
  padding: 12px 16px;
  border-radius: 14px;
  background: rgba(248, 251, 249, 0.98);
  border: 1px solid rgba(184, 210, 195, 0.45);
  color: var(--brand-refresh-text);
  line-height: 1.45;
}

#main .contact-section .contact-info .contacts-page-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px 14px;
  margin: 0;
}

#main .contact-section .contact-info .contacts-page-form .input-holder,
#main .contact-section .contact-info .contacts-page-form .submit-holder,
#main .contact-section .contact-info .contacts-page-form .dscr-form {
  width: auto;
  padding: 0;
  margin: 0;
}

#main .contact-section .contact-info .contacts-page-form .input-holder {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 260px;
          flex: 1 1 260px;
  min-width: 260px;
}

#main .contact-section .contact-info .contacts-page-form .phone {
  width: 100%;
  height: 56px;
  min-height: 56px;
  padding-top: 15px;
  padding-bottom: 14px;
}

#main .contact-section .contact-info .contacts-page-form .submit-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#main .contact-section .contact-info .contacts-page-form .btn-form {
  width: auto;
  min-width: 260px;
  max-width: none;
  height: 56px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  white-space: nowrap;
  border-color: var(--brand-refresh-accent);
  background-color: var(--brand-refresh-accent);
  color: #fff;
  -webkit-box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
          box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
}

#main .contact-section .contact-info .contacts-page-form .btn-form:hover {
  border-color: var(--brand-refresh-accent-hover);
  background-color: var(--brand-refresh-accent-hover);
  color: #fff;
  -webkit-box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
          box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
}

#main .contact-section .contact-info .contacts-page-form .dscr-form {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: none;
}

#main .contact-section .map {
  height: 420px;
  margin: 0 0 24px;
  overflow: hidden;
  border: 1px solid rgba(184, 210, 195, 0.7);
  border-radius: 30px;
  -webkit-box-shadow: 0 20px 45px rgba(18, 53, 36, 0.08);
          box-shadow: 0 20px 45px rgba(18, 53, 36, 0.08);
}

#main .contact-section .map:after {
  background: rgba(245, 250, 247, 0.96);
  -webkit-box-shadow: 0 4px 20px rgba(18, 53, 36, 0.16);
          box-shadow: 0 4px 20px rgba(18, 53, 36, 0.16);
}

#main .contact-section .form-box.bg-grey {
  margin: 0;
  border: 1px solid rgba(184, 210, 195, 0.8);
  border-radius: 30px;
  background: linear-gradient(135deg, rgba(239, 246, 242, 0.96), rgba(218, 233, 226, 0.98));
  -webkit-box-shadow: 0 20px 45px rgba(18, 53, 36, 0.08);
          box-shadow: 0 20px 45px rgba(18, 53, 36, 0.08);
}

#main .contact-section .form-box.bg-grey .inner-form_box {
  padding: 28px;
}

#main .contact-section .form-box.bg-grey .head-form h2 strong {
  color: var(--brand-refresh-accent);
}

#main .contact-section .form-box.bg-grey .head-form p {
  color: var(--brand-refresh-text-muted);
}

#main .contact-section .form-box.bg-grey .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  margin: 0;
}

#main .contact-section .form-box.bg-grey .form .input-holder,
#main .contact-section .form-box.bg-grey .form .submit-holder,
#main .contact-section .form-box.bg-grey .form .dscr-form {
  width: 100%;
  padding: 0;
  margin: 0;
}

#main .contact-section .form-box.bg-grey .form .submit-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#main .contact-section .form-box.bg-grey .form .btn-form {
  width: 100%;
}

#main .contact-section .form-box.bg-grey .form .dscr-form {
  max-width: 36ch;
}

#main .catalog-section {
  padding-bottom: 24px;
}

#main .catalog-section .filter-block {
  padding: 22px 0 14px;
  margin: 0 0 16px;
}

#main .catalog-section .filter-block:after {
  background: rgba(184, 210, 195, 0.7);
}

#main .catalog-section .sections-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

#main .catalog-section .sections-list li {
  margin: 0;
}

#main .catalog-section .sections-list a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  padding: 8px 18px;
  border: 1px solid var(--brand-refresh-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--brand-refresh-text);
  -webkit-box-shadow: 0 10px 24px rgba(23, 49, 38, 0.06);
          box-shadow: 0 10px 24px rgba(23, 49, 38, 0.06);
}

#main .catalog-section .sections-list a:hover {
  color: #fff;
  background: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent);
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}

#main .catalog-section .btn-filter {
  border-color: var(--brand-refresh-border);
  background: #fff;
  color: var(--brand-refresh-text);
  -webkit-box-shadow: 0 10px 22px rgba(23, 49, 38, 0.06);
          box-shadow: 0 10px 22px rgba(23, 49, 38, 0.06);
}

#main .catalog-section .btn-filter .open-filter span,
#main .catalog-section .btn-filter .open-filter span:before,
#main .catalog-section .btn-filter .open-filter span:after {
  background: var(--brand-refresh-text);
}

#main .catalog-section .filter-form .btn-form {
  background: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent);
  color: #fff;
  -webkit-box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
          box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
}

#main .catalog-section .filter-form .btn-form:after {
  border-top-color: #fff;
  border-right-color: #fff;
}

#main .catalog-section .filter-form .btn-form:hover {
  background: var(--brand-refresh-accent-hover);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
}

#main .catalog-section .filter-form .range-slider .irs--round .irs-bar {
  background: var(--brand-refresh-accent);
}

#main .catalog-section .radio-list li {
  background: rgba(239, 246, 242, 0.9);
  border: 1px solid var(--brand-refresh-border);
  border-radius: 999px;
  padding: 10px;
  -webkit-transition: border-color 0.2s ease, background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
}

#main .catalog-section .radio-list li:hover {
  background: #fff;
  border-color: var(--brand-refresh-accent);
  -webkit-box-shadow: 0 12px 24px rgba(0, 166, 81, 0.1);
          box-shadow: 0 12px 24px rgba(0, 166, 81, 0.1);
}

#main .catalog-section .radio-list label {
  color: var(--brand-refresh-text);
  font-weight: 500;
}

#main .catalog-section .radio-list a:before {
  color: var(--brand-refresh-accent);
}

#main .catalog-section .catalog-block h1 {
  margin: 0 0 24px;
  color: var(--brand-refresh-text);
  letter-spacing: -0.03em;
  line-height: 0.94;
}

#main .catalog-section .catalog-block .form-box {
  margin-top: 36px;
  background: linear-gradient(135deg, rgba(239, 246, 242, 0.95), rgba(218, 233, 226, 0.96));
  border: 1px solid rgba(184, 210, 195, 0.8);
  border-radius: 28px;
  -webkit-box-shadow: 0 20px 45px rgba(18, 53, 36, 0.08);
          box-shadow: 0 20px 45px rgba(18, 53, 36, 0.08);
}

#main .catalog-section .catalog-block .form-box .head-form p {
  color: var(--brand-refresh-text-muted);
}

#main .catalog-section .catalog-new {
  gap: 22px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#main .catalog-section .catalog-new__item {
  margin-bottom: 0;
}

#main .catalog-section .product-block {
  padding-top: 0;
}

#main .catalog-section .product-box__info-block {
  gap: 28px;
}

#main .catalog-section .product-box__visual-product,
#main .catalog-section .visual-product-new {
  min-width: 0;
  margin-bottom: 40px;
}

#main .catalog-section .product-box__visual-product.visual-product,
#main .catalog-section .visual-product-new.visual-product {
  padding: 0;
}

#main .catalog-section .info-block__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px 57px;
  margin-bottom: 45px;
}

#main .catalog-section .info-block__text-block {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

#main .catalog-section .info-block__video {
  margin-top: 24px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 296px;
          flex: 1 0 296px;
  max-height: 50vw;
}

#main .catalog-section .info-block__video-link {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(184, 210, 195, 0.34);
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(#113728), to(#0d241a));
  background: linear-gradient(180deg, #113728 0%, #0d241a 100%);
  -webkit-box-shadow: 0 18px 36px rgba(14, 52, 34, 0.18);
          box-shadow: 0 18px 36px rgba(14, 52, 34, 0.18);
}

#main .catalog-section .info-block__video-link:hover .info-block__video-thumb {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}

#main .catalog-section .info-block__video-link:hover .info-block__video-overlay {
  opacity: 1;
}

#main .catalog-section .info-block__video-link:hover .info-block__video-play {
  background: rgba(0, 166, 81, 0.34);
  border-color: rgba(255, 255, 255, 0.58);
  -webkit-box-shadow: 0 10px 26px rgba(0, 166, 81, 0.28);
          box-shadow: 0 10px 26px rgba(0, 166, 81, 0.28);
  -webkit-transform: translate(-50%, -50%) scale(1.08);
      -ms-transform: translate(-50%, -50%) scale(1.08);
          transform: translate(-50%, -50%) scale(1.08);
}

#main .catalog-section .info-block__video-link:hover .info-block__video-play svg {
  -webkit-transform: translateX(1px) scale(1.05);
      -ms-transform: translateX(1px) scale(1.05);
          transform: translateX(1px) scale(1.05);
}

#main .catalog-section .info-block__video-thumb {
  display: block;
  width: 100%;
  height: 210px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

#main .catalog-section .info-block__video-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 45%, rgba(0, 166, 81, 0.36), rgba(8, 25, 18, 0.78));
  opacity: 0.92;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

#main .catalog-section .info-block__video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95px;
  height: 95px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(0, 166, 81, 0.18);
  border: 1.47px solid rgba(255, 255, 255, 0.42);
  backdrop-filter: blur(10px);
  -webkit-box-shadow: 0 10px 24px rgba(0, 166, 81, 0.24);
          box-shadow: 0 10px 24px rgba(0, 166, 81, 0.24);
  border-radius: 50%;
  display: grid;
  place-items: center;
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
}

#main .catalog-section .info-block__video-play svg {
  width: 50px;
  height: 50px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  position: relative;
  left: 2px;
}

#main .catalog-section .info-block__video-label {
  position: absolute;
  left: 16px;
  bottom: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.88);
  color: var(--brand-refresh-text);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  backdrop-filter: blur(10px);
}

#main .catalog-section .info-block__video-label svg {
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
}

#main .catalog-section .info-block__video-label--lite {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
}

#main .catalog-section .product-info-new,
#main .catalog-section .price-block,
#main .catalog-section .main-characteristics,
#main .catalog-section .characteristics,
#main .catalog-section .address-block,
#main .catalog-section .text-block,
#main .catalog-section .contact-block-new,
#main .catalog-section .contact-form-new,
#main .catalog-section .contact {
  color: var(--brand-refresh-text);
}

#main .catalog-section .product-info-new .product_inner-info .address,
#main .catalog-section .address-block__title,
#main .catalog-section .main-characteristics__title,
#main .catalog-section .characteristics__title,
#main .catalog-section .price-block__price-m,
#main .catalog-section .text-block__text,
#main .catalog-section .text-block__btn,
#main .catalog-section .contact-form-new__dscr-form,
#main .catalog-section .contact-block-new:before,
#main .catalog-section .price-block__link {
  color: var(--brand-refresh-text-muted);
}

#main .catalog-section .product-info-new__title,
#main .catalog-section .price-block__value,
#main .catalog-section .main-characteristics__value,
#main .catalog-section .characteristics__value,
#main .catalog-section .text-block__title,
#main .catalog-section .contact__item {
  color: var(--brand-refresh-text);
}

#main .catalog-section .price-block__link:after {
  background: rgba(184, 210, 195, 0.9);
}

#main .catalog-section .contact-block-new:before {
  background-color: rgba(184, 210, 195, 0.72);
}

#main .catalog-section .btn-submit {
  background: linear-gradient(135deg, var(--brand-refresh-accent) 0%, var(--brand-refresh-accent-hover) 100%);
  border-color: var(--brand-refresh-accent);
  color: #fff;
}

#main .catalog-section .btn-submit:hover {
  background: linear-gradient(135deg, var(--brand-refresh-accent-hover) 0%, var(--brand-refresh-accent) 100%);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
}

#main .catalog-section .btn--white {
  border-color: rgba(184, 210, 195, 0.72);
  color: var(--brand-refresh-text);
}

#main .catalog-section .btn--white:hover {
  background: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent);
  color: #fff;
}

#main .catalog-section .product-info-new__btn.btn-blue {
  background: linear-gradient(135deg, var(--brand-refresh-accent) 0%, var(--brand-refresh-accent-hover) 100%);
  border-color: var(--brand-refresh-accent);
  color: #fff;
  -webkit-box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
          box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
}

#main .catalog-section .product-info-new__btn.btn-blue::before {
  right: 32px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.35101 5.00784C6.35139 5.17445 6.2838 5.3359 6.15996 5.46419L2.00652 9.74241C1.86552 9.88803 1.6629 9.9796 1.44324 9.99698C1.22359 10.0144 1.00488 9.95614 0.835244 9.83511C0.665604 9.71408 0.558923 9.54016 0.538671 9.35161C0.518419 9.16307 0.586255 8.97534 0.727254 8.82973L4.44874 5.00784L0.860165 1.18596C0.791163 1.11303 0.739634 1.0291 0.70854 0.939019C0.677446 0.848934 0.667399 0.754464 0.678978 0.661036C0.690558 0.567607 0.723533 0.477064 0.776011 0.39461C0.828489 0.312157 0.899434 0.239419 0.984768 0.180577C1.07018 0.115277 1.17038 0.0658216 1.2791 0.0353088C1.38781 0.004796 1.5027 -0.00611595 1.61656 0.0032558C1.73041 0.0126276 1.84079 0.0420799 1.94077 0.0897703C2.04074 0.137461 2.12817 0.202361 2.19757 0.280403L6.2098 4.55863C6.31406 4.6906 6.36378 4.84876 6.35101 5.00784Z' fill='white'/%3E%3C/svg%3E%0A") center center/contain no-repeat;
}

#main .catalog-section .product-info-new__btn.btn-blue:hover {
  background: linear-gradient(135deg, var(--brand-refresh-accent-hover) 0%, var(--brand-refresh-accent) 100%);
  border-color: var(--brand-refresh-accent-hover);
  color: #fff;
  -webkit-box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
          box-shadow: 0 16px 30px rgba(0, 166, 81, 0.24);
}

#main .catalog-section .product-info-new__btn.btn-blue:hover::before {
  right: 28px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.35101 5.00784C6.35139 5.17445 6.2838 5.3359 6.15996 5.46419L2.00652 9.74241C1.86552 9.88803 1.6629 9.9796 1.44324 9.99698C1.22359 10.0144 1.00488 9.95614 0.835244 9.83511C0.665604 9.71408 0.558923 9.54016 0.538671 9.35161C0.518419 9.16307 0.586255 8.97534 0.727254 8.82973L4.44874 5.00784L0.860165 1.18596C0.791163 1.11303 0.739634 1.0291 0.70854 0.939019C0.677446 0.848934 0.667399 0.754464 0.678978 0.661036C0.690558 0.567607 0.723533 0.477064 0.776011 0.39461C0.828489 0.312157 0.899434 0.239419 0.984768 0.180577C1.07018 0.115277 1.17038 0.0658216 1.2791 0.0353088C1.38781 0.004796 1.5027 -0.00611595 1.61656 0.0032558C1.73041 0.0126276 1.84079 0.0420799 1.94077 0.0897703C2.04074 0.137461 2.12817 0.202361 2.19757 0.280403L6.2098 4.55863C6.31406 4.6906 6.36378 4.84876 6.35101 5.00784Z' fill='%2300a651'/%3E%3C/svg%3E%0A") center center/contain no-repeat;
}

#main .catalog-section .catalog-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 8px);
          flex: 1 1 calc(50% - 8px);
  max-width: 305px;
  overflow: hidden;
  border: 1px solid rgba(184, 210, 195, 0.75);
  border-radius: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(rgba(247, 251, 248, 0.98)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 248, 0.98));
  -webkit-box-shadow: 0 18px 40px rgba(23, 49, 38, 0.08);
          box-shadow: 0 18px 40px rgba(23, 49, 38, 0.08);
  -webkit-transition: border-color 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: border-color 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
}

#main .catalog-section .catalog-card:hover {
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
  border-color: rgba(0, 166, 81, 0.28);
  -webkit-box-shadow: 0 26px 52px rgba(11, 56, 35, 0.14);
          box-shadow: 0 26px 52px rgba(11, 56, 35, 0.14);
}

#main .catalog-section .catalog-card__img {
  padding: 12px 12px 0;
}

#main .catalog-section .catalog-card__address,
#main .catalog-section .catalog-card__title,
#main .catalog-section .card-list-characteristics,
#main .catalog-section .catalog-card__price {
  padding-left: 20px;
  padding-right: 20px;
}

#main .catalog-section .catalog-card__item-photo {
  border-radius: 18px;
  overflow: hidden;
}

#main .catalog-section .catalog-card__item-photo:after {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(42%, rgba(17, 48, 35, 0)), to(rgba(17, 48, 35, 0.12)));
  background: linear-gradient(180deg, rgba(17, 48, 35, 0) 42%, rgba(17, 48, 35, 0.12) 100%);
}

#main .catalog-section .catalog-card__slider img {
  border-radius: 18px;
}

#main .catalog-section .catalog-card__slider .swiper-pagination {
  bottom: 18px;
}

#main .catalog-section .catalog-card__slider .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.75);
  opacity: 1;
}

#main .catalog-section .catalog-card__slider .swiper-pagination-bullet-active {
  background: var(--brand-refresh-accent);
}

#main .catalog-section .catalog-card__address {
  margin-bottom: 6px;
  color: var(--brand-refresh-text-muted);
}

#main .catalog-section .catalog-card__title {
  margin-bottom: 18px;
  color: var(--brand-refresh-text);
}

#main .catalog-section .catalog-card__title:hover {
  color: var(--brand-refresh-accent);
}

#main .catalog-section .card-list-characteristics {
  padding-bottom: 22px;
  border-bottom-color: rgba(184, 210, 195, 0.7);
}

#main .catalog-section .card-list-characteristics__item + .card-list-characteristics__item {
  margin-top: 8px;
}

#main .catalog-section .card-list-characteristics__title {
  color: var(--brand-refresh-text-muted);
}

#main .catalog-section .card-list-characteristics__value {
  color: var(--brand-refresh-text);
}

#main .catalog-section .catalog-card__price {
  margin-top: auto;
  padding-top: 16px;
  padding-bottom: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  border-top-color: rgba(184, 210, 195, 0.7);
}

#main .catalog-section .catalog-card__price-value {
  color: var(--brand-refresh-text);
}

#main .catalog-section .catalog-card .arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 54px;
  height: 40px;
  padding: 0 16px;
  border: 1px solid rgba(0, 166, 81, 0.2);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(230, 244, 236, 0.95), rgba(216, 237, 225, 0.98));
  -webkit-box-shadow: 0 10px 20px rgba(0, 166, 81, 0.12);
          box-shadow: 0 10px 20px rgba(0, 166, 81, 0.12);
  -webkit-transition: background-color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
}

#main .catalog-section .catalog-card .arrow .icon-arrow_left2 {
  display: block;
  width: 23px;
  height: 8px;
  position: relative;
}

#main .catalog-section .catalog-card .arrow .icon-arrow_left2:before {
  margin: 0;
  font-size: 8px;
  line-height: 8px;
  color: var(--brand-refresh-accent);
  width: 23px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

#main .catalog-section .catalog-card .arrow:hover {
  background: var(--brand-refresh-accent);
  border-color: var(--brand-refresh-accent);
  -webkit-box-shadow: 0 14px 24px rgba(0, 166, 81, 0.2);
          box-shadow: 0 14px 24px rgba(0, 166, 81, 0.2);
  -webkit-transform: translateX(2px);
      -ms-transform: translateX(2px);
          transform: translateX(2px);
}

#main .catalog-section .catalog-card .arrow:hover .icon-arrow_left2:before {
  color: #fff;
}

#main .faq-section {
  position: relative;
  padding: 28px 0 52px;
  background: radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 28%), -webkit-gradient(linear, left top, left bottom, from(rgba(245, 250, 247, 0.55)), to(rgba(255, 255, 255, 0.98)));
  background: radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 28%), linear-gradient(180deg, rgba(245, 250, 247, 0.55) 0%, rgba(255, 255, 255, 0.98) 100%);
}

#main .faq-section .container {
  position: relative;
  z-index: 1;
}

#main .faq-section h1 {
  margin: 0 0 26px;
  color: var(--brand-refresh-text);
  letter-spacing: -0.04em;
  line-height: 0.94;
}

#main .faq-section .faq-block {
  display: grid;
  grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.12fr);
  gap: 28px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

#main .faq-section .visual-box {
  width: 100%;
  padding: 50px 15px 0 32px;
}

#main .faq-section .visual-box img {
  display: block;
  width: 100%;
  max-width: 330px;
  height: auto;
}

#main .faq-section .accordion {
  width: auto;
  padding: 0;
  display: grid;
  gap: 16px;
}

#main .faq-section .accordion .item {
  margin: 0;
  padding: 26px 28px 22px;
  border: 1px solid rgba(184, 210, 195, 0.78);
  border-radius: 24px;
  background: #fff;
  -webkit-box-shadow: 0 18px 40px rgba(23, 49, 38, 0.08);
          box-shadow: 0 18px 40px rgba(23, 49, 38, 0.08);
  -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
}

#main .faq-section .accordion .item.active {
  border-color: rgba(0, 166, 81, 0.22);
  -webkit-box-shadow: 0 22px 48px rgba(11, 56, 35, 0.1);
          box-shadow: 0 22px 48px rgba(11, 56, 35, 0.1);
}

#main .faq-section .accordion .item.active .expanded {
  display: block;
}

#main .faq-section .accordion .item.active .heading .plus {
  border-color: var(--brand-refresh-accent);
  background: var(--brand-refresh-accent);
}

#main .faq-section .accordion .item.active .heading .plus:after,
#main .faq-section .accordion .item.active .heading .plus:before {
  background: #fff;
}

#main .faq-section .accordion .item.active .heading strong {
  color: var(--brand-refresh-accent);
}

#main .faq-section .accordion .heading {
  position: relative;
  cursor: pointer;
  padding: 0 54px 0 68px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

#main .faq-section .accordion .heading .plus {
  position: absolute;
  left: 0;
  top: -2px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(0, 166, 81, 0.18);
  background: rgba(239, 246, 242, 0.96);
  -webkit-transition: background-color 0.2s ease, border-color 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

#main .faq-section .accordion .heading .plus:after,
#main .faq-section .accordion .heading .plus:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: var(--brand-refresh-text);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

#main .faq-section .accordion .heading .plus:after {
  width: 16px;
  height: 2px;
}

#main .faq-section .accordion .heading .plus:before {
  width: 2px;
  height: 16px;
}

#main .faq-section .accordion .heading strong {
  display: block;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.35;
  font-size: 20px;
  color: var(--brand-refresh-text);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

#main .faq-section .accordion .heading:hover .plus {
  border-color: var(--brand-refresh-accent);
  background: var(--brand-refresh-accent);
}

#main .faq-section .accordion .heading:hover .plus:after,
#main .faq-section .accordion .heading:hover .plus:before {
  background: #fff;
}

#main .faq-section .accordion .heading:hover strong {
  color: var(--brand-refresh-accent);
}

#main .faq-section .accordion .expanded {
  display: none;
  padding: 14px 0 0 68px;
  color: var(--brand-refresh-text-muted);
  line-height: 1.65;
  font-size: 16px;
}

.bottom-footer .list-soc a.max:after {
  width: 27px;
  height: 27px;
}

#main .error-page {
  position: relative;
  padding: 28px 0 56px;
  background: radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.94) 0, rgba(255, 255, 255, 0) 28%), radial-gradient(circle at 86% 18%, rgba(196, 224, 208, 0.72) 0, rgba(196, 224, 208, 0) 24%), -webkit-gradient(linear, left top, left bottom, from(rgba(245, 250, 247, 0.72)), to(rgba(255, 255, 255, 0.98)));
  background: radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.94) 0, rgba(255, 255, 255, 0) 28%), radial-gradient(circle at 86% 18%, rgba(196, 224, 208, 0.72) 0, rgba(196, 224, 208, 0) 24%), linear-gradient(180deg, rgba(245, 250, 247, 0.72) 0%, rgba(255, 255, 255, 0.98) 100%);
}

#main .error-page .container {
  position: relative;
  z-index: 1;
}

#main .error-page .error-page__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: 28px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

#main .error-page .error-page__content,
#main .error-page .error-page__panel,
#main .error-page .error-page__note {
  border: 1px solid rgba(184, 210, 195, 0.78);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.98)), to(rgba(244, 250, 247, 0.98)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 250, 247, 0.98));
  -webkit-box-shadow: 0 20px 48px rgba(18, 53, 36, 0.08);
          box-shadow: 0 20px 48px rgba(18, 53, 36, 0.08);
}

#main .error-page .error-page__content {
  position: relative;
  overflow: hidden;
  padding: 38px 40px;
  border-radius: 32px;
}

#main .error-page .error-page__content:before,
#main .error-page .error-page__content:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

#main .error-page .error-page__content:before {
  top: -88px;
  right: -56px;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, rgba(0, 166, 81, 0.16) 0%, rgba(0, 166, 81, 0) 68%);
}

#main .error-page .error-page__content:after {
  bottom: -110px;
  left: -34px;
  width: 210px;
  height: 210px;
  background: radial-gradient(circle, rgba(196, 224, 208, 0.82) 0%, rgba(196, 224, 208, 0) 72%);
}

#main .error-page .error-page__eyebrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: var(--brand-refresh-accent);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#main .error-page .error-page__eyebrow:before {
  content: "";
  width: 36px;
  height: 1px;
  background: rgba(0, 166, 81, 0.38);
}

#main .error-page .error-page__code {
  margin-bottom: 18px;
  color: rgba(17, 55, 40, 0.12);
  font-size: clamp(96px, 15vw, 168px);
  line-height: 0.88;
  font-weight: 700;
  letter-spacing: -0.08em;
}

#main .error-page h1 {
  position: relative;
  z-index: 1;
  margin: 0 0 18px;
  color: var(--brand-refresh-text);
  line-height: 0.94;
  letter-spacing: -0.05em;
}

#main .error-page .error-page__lead {
  position: relative;
  z-index: 1;
  max-width: 34ch;
  margin: 0 0 26px;
  color: var(--brand-refresh-text-muted);
  font-size: 18px;
  line-height: 1.6;
}

#main .error-page .error-page__actions {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px 16px;
  margin-bottom: 28px;
}

#main .error-page .error-page__actions .btn {
  min-width: 220px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
          box-shadow: 0 14px 26px rgba(0, 166, 81, 0.18);
}

#main .error-page .error-page__actions .btn,
#main .error-page .error-page__actions .btn:not(.btn--white):hover {
  background: linear-gradient(135deg, var(--brand-refresh-accent) 0%, var(--brand-refresh-accent-hover) 100%);
  border-color: var(--brand-refresh-accent);
  color: #fff;
}

#main .error-page .error-page__actions .btn--white {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(184, 210, 195, 0.84);
  color: var(--brand-refresh-text);
  -webkit-box-shadow: none;
          box-shadow: none;
}

#main .error-page .error-page__actions .btn--white:hover {
  background: var(--brand-refresh-text);
  border-color: var(--brand-refresh-text);
  color: #fff;
}

#main .error-page .error-page__meta {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#main .error-page .error-page__meta li {
  position: relative;
  padding-left: 30px;
  color: var(--brand-refresh-text);
  font-size: 16px;
  line-height: 1.55;
}

#main .error-page .error-page__meta li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(0, 166, 81, 0.2);
  border-radius: 50%;
  background: radial-gradient(circle, var(--brand-refresh-accent) 0%, var(--brand-refresh-accent) 42%, rgba(0, 166, 81, 0) 46%);
}

#main .error-page .error-page__aside {
  display: grid;
  gap: 20px;
}

#main .error-page .error-page__panel,
#main .error-page .error-page__note {
  border-radius: 28px;
  padding: 28px;
}

#main .error-page .error-page__panel-title,
#main .error-page .error-page__note strong {
  display: block;
  margin-bottom: 18px;
  color: var(--brand-refresh-text);
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

#main .error-page .error-page__links {
  display: grid;
  gap: 14px;
}

#main .error-page .error-page__link-card {
  display: block;
  padding: 20px 22px;
  border: 1px solid rgba(184, 210, 195, 0.72);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
}

#main .error-page .error-page__link-card strong {
  display: block;
  margin-bottom: 8px;
  color: var(--brand-refresh-text);
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

#main .error-page .error-page__link-card span {
  display: block;
  color: var(--brand-refresh-text-muted);
  font-size: 15px;
  line-height: 1.55;
}

#main .error-page .error-page__link-card:hover {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  border-color: rgba(0, 166, 81, 0.28);
  -webkit-box-shadow: 0 16px 34px rgba(23, 49, 38, 0.08);
          box-shadow: 0 16px 34px rgba(23, 49, 38, 0.08);
}

#main .error-page .error-page__link-card:hover strong {
  color: var(--brand-refresh-accent);
}

#main .error-page .error-page__note {
  background: linear-gradient(135deg, rgba(17, 55, 40, 0.98) 0%, rgba(13, 36, 26, 0.98) 100%);
  -webkit-box-shadow: 0 20px 44px rgba(18, 53, 36, 0.16);
          box-shadow: 0 20px 44px rgba(18, 53, 36, 0.16);
}

#main .error-page .error-page__note strong {
  color: #fff;
}

#main .error-page .error-page__note p {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.65;
}

#main .error-page .error-page__note a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.34);
}

#main .error-page .error-page__note a:hover {
  color: #fff;
  text-decoration-color: #fff;
}

@media (max-width: 1199px) {
  #main .contact-section .contact-block {
    padding: 26px 24px;
  }
}

@media screen and (max-width: 1100px) {
  #header .logo-box {
    top: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: calc(100% - 14px);
  }

  #header .logo {
    width: 176px;
    height: 56px;
  }
}

@media (max-width: 991px) {
  #main .about_section .breadcrumbs-box,
  #main .reviews-section .breadcrumbs-box,
  #main .catalog-section .breadcrumbs-box,
  #main .faq-section .breadcrumbs-box {
    padding: 16px 18px;
    border-radius: 18px;
  }

  #main .about_section {
    padding-bottom: 38px;
  }

  #main .about_section .about-hero,
  #main .about_section .about-story,
  #main .about_section .about-docs {
    grid-template-columns: 1fr;
  }

  #main .about_section .about-values,
  #main .about_section .about-timeline__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #main .about_section .about-gallery__grid .slick-arrow {
    top: -68px;
  }

  #main .about_section .about-docs__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #main .about_section .about-doc-card {
    grid-column: span 2;
  }

  #main .services-section {
    padding-bottom: 32px;
  }

  #main .services-section .breadcrumbs-box {
    padding: 16px 18px;
    border-radius: 18px;
  }

  #main .services-section .list-services {
    margin: 0 -12px 28px;
  }

  #main .services-section .list-services li {
    width: 100%;
    padding: 0 12px;
    margin: 0 0 16px;
  }

  #main .services-section .form-box {
    border-radius: 24px;
  }

  #main .offer-section .offer-list .item-slide {
    -ms-flex-preferred-size: calc((100% - 12px) / 2);
        flex-basis: calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);
    width: calc((100% - 12px) / 2);
  }

  #main .reviews-section {
    padding: 22px 0 44px;
  }

  #main .reviews-section .heading_title {
    gap: 14px 18px;
    margin-bottom: 22px;
  }

  #main .reviews-section .review-item {
    width: calc(50% - 9px);
  }

  #main .reviews-section .other-review .item-review {
    width: 100%;
  }

  #wrapper {
    background: linear-gradient(180deg, #f5faf7 0%, #ffffff 180px, #ffffff 100%);
  }

  #main .section-promo {
    background-position: center;
  }

  #main .form-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  #main .contact-section {
    padding-top: 20px;
    padding-bottom: 42px;
  }

  #main .contact-section .contact-info h3 {
    font-size: 24px;
  }

  #main .contact-section .contact-info .phone a {
    font-size: 24px;
  }

  #main .contact-section .map {
    height: 360px;
  }

  #main .contact-section .form-box.bg-grey .inner-form_box {
    padding: 24px 20px 22px;
  }

  #main .catalog-section .info-block__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  #main .faq-section .faq-block {
    grid-template-columns: 1fr;
  }

  #main .faq-section .visual-box {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0 15px 10px;
  }

  #main .faq-section .visual-box img {
    max-width: 330px;
  }

  #main .faq-section .accordion {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  #main .catalog-section .catalog-block h1 {
    margin-bottom: 18px;
  }

  #main .catalog-section .catalog-block .form-box {
    border-radius: 24px;
  }

  #main .catalog-section .catalog-card {
    border-radius: 20px;
  }

  #main .error-page .error-page__hero {
    grid-template-columns: 1fr;
  }

  #main .error-page .error-page__lead {
    max-width: none;
  }
}

@media (max-width: 769px) {
  #main .catalog-section .catalog-card {
    max-width: 400px;
  }
}

@media (max-width: 767px) {
  #main .about_section .breadcrumbs-box,
  #main .reviews-section .breadcrumbs-box,
  #main .catalog-section .breadcrumbs-box,
  #main .faq-section .breadcrumbs-box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  #main .contact-section .breadcrumbs-box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  #main .error-page .error-page__breadcrumbs {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  #main .about_section {
    padding-top: 24px;
  }

  #main .about_section .about-hero__content,
  #main .about_section .about-story__intro,
  #main .about_section .about-docs__content {
    padding: 26px 20px;
    border-radius: 24px;
  }

  #main .about_section .about-hero__media {
    border-radius: 24px;
  }

  #main .about_section .about-hero__media:before {
    padding-top: 86%;
  }

  #main .about_section .about-values,
  #main .about_section .about-metrics,
  #main .about_section .about-timeline__list,
  #main .about_section .about-docs__list {
    grid-template-columns: 1fr;
  }

  #main .about_section .about-gallery__grid {
    margin: 0 -6px;
  }

  #main .about_section .about-gallery__grid .slick-slide {
    padding: 0 6px;
  }

  #main .about_section .about-gallery__grid .slick-arrow {
    top: auto;
    bottom: -72px;
    width: 46px;
    height: 46px;
  }

  #main .about_section .about-gallery__grid .slick-prev {
    right: 56px;
  }

  #main .about_section .about-hero__lead,
  #main .about_section .about-story__intro p,
  #main .about_section .about-docs__content p {
    font-size: 17px;
  }

  #main .about_section .about-story__badge strong {
    font-size: 24px;
  }

  #main .about_section .about-gallery {
    margin-bottom: 82px;
  }

  #main .about_section .form-box {
    border-radius: 24px;
  }

  #main .about_section .form-box .inner-form_box {
    padding: 28px 20px 24px;
  }

  #main .services-section .breadcrumbs-box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  #main .services-section .list-services .inner-list {
    min-height: 130px;
    padding: 20px 18px 20px 22px;
  }

  #main .services-section .list-services .inner-list strong {
    font-size: 18px;
  }

  #main .services-section .list-services .inner-list .icon {
    height: 34px;
    margin-left: 0;
  }

  #main .services-section .list-services .inner-list .icon:before {
    font-size: 32px;
    line-height: 34px;
  }

  #main .services-section .list-services .inner-list .icon-arrow_left2 {
    right: 18px;
    bottom: 28px;
  }

  #main .services-section .form-box .inner-form_box {
    padding: 28px 20px 24px;
  }

  #main .services-section .form-box .head-form {
    display: block;
    padding: 0 0 0 55px;
    gap: normal;
  }

  #main .services-section .form-box .head-form .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 47px;
    height: 47px;
    margin-bottom: 0;
  }

  #main .services-section .form-box .head-form .icon img {
    width: 47px;
  }

  #main .offer-section .offer-list .item-slide {
    width: 100%;
  }

  #main .offer-section {
    padding: 28px 0 36px;
  }

  #main .reviews-section .heading_title h1 {
    max-width: 12ch;
  }

  #main .reviews-section .review-item {
    width: 100%;
  }

  #main .reviews-section .review-box {
    padding: 20px 16px 16px;
  }

  #main .reviews-section .user-block {
    gap: 10px 14px;
  }

  #main .reviews-section .user-box {
    padding-left: 54px;
  }

  #main .reviews-section .user-box:after {
    width: 40px;
    height: 40px;
  }

  #main .reviews-section .review-text p {
    font-size: 15px;
    line-height: 1.65;
  }

  #main .reviews-section .rating-block .review-logo {
    max-width: 78px;
  }

  #main .reviews-section .specialist-box {
    padding: 16px 18px 18px;
  }

  #main .reviews-section .specialist-box .avatar {
    width: 48px;
    height: 48px;
    -ms-flex-preferred-size: 48px;
        flex-basis: 48px;
  }

  #main .reviews-section .other-review {
    padding: 18px;
  }

  #main .reviews-section .other-review .inner-review {
    padding: 20px;
  }

  #main .contact-section .contact-block {
    padding: 20px 16px;
    border-radius: 24px;
  }

  #main .contact-section .contact-info {
    margin-bottom: 20px;
  }

  #main .contact-section .contact-info .row {
    margin-bottom: 24px;
  }

  #main .contact-section .contact-info .address,
  #main .contact-section .contact-info .contact-service,
  #main .contact-section .contact-info .dscr {
    border-radius: 20px;
  }

  #main .contact-section .contact-info .address-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 55px;
    margin: 12px 0 18px;
    position: relative;
    z-index: 2;
    background-color: var(--brand-refresh-accent);
    background-image: none;
    color: #fff;
  }

  #main .contact-section .contact-info .list-soc {
    width: 100%;
  }

  #main .contact-section .contact-info .list-soc a {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  #main .contact-section .contact-block > .list-contact {
    margin-bottom: 22px;
  }

  #main .contact-section .map {
    height: 300px;
    border-radius: 22px;
    margin-bottom: 22px;
  }

  #main .contact-section .form-box.bg-grey {
    border-radius: 22px;
  }

  #main .contact-section .form-box.bg-grey .form {
    gap: 12px;
  }

  #main .contact-section .form-box.bg-grey .form .submit-holder {
    width: 100%;
  }

  #main .catalog-section .info-block__video {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
  }

  #main .faq-section {
    padding-bottom: 40px;
  }

  #main .faq-section h1 {
    max-width: 11ch;
    margin-bottom: 20px;
  }

  #main .faq-section .visual-box {
    padding: 0 15px 10px;
  }

  #main .faq-section .accordion .item {
    padding: 22px 18px 18px;
    border-radius: 22px;
  }

  #main .faq-section .accordion .heading {
    padding-left: 58px;
    padding-right: 36px;
  }

  #main .faq-section .accordion .heading .plus {
    width: 36px;
    height: 36px;
  }

  #main .faq-section .accordion .heading strong {
    font-size: 18px;
  }

  #main .faq-section .accordion .expanded {
    padding-left: 58px;
    font-size: 15px;
  }

  #main .catalog-section .filter-block {
    padding: 16px 0 12px;
    margin-bottom: 12px;
  }

  #main .catalog-section .sections-list {
    gap: 8px;
  }

  #main .catalog-section .sections-list a {
    min-height: 36px;
    padding: 7px 14px;
  }

  #main .catalog-section .btn-filter {
    padding-left: 54px;
    border-radius: 14px;
  }

  #main .catalog-section .radio-list li {
    display: block;
    margin-right: 0;
  }

  #main .catalog-section .catalog-card:hover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  #main .error-page {
    padding-bottom: 40px;
  }

  #main .error-page .error-page__content,
  #main .error-page .error-page__panel,
  #main .error-page .error-page__note {
    border-radius: 24px;
  }

  #main .error-page .error-page__content {
    padding: 28px 22px;
  }

  #main .error-page .error-page__code {
    font-size: clamp(78px, 24vw, 122px);
  }

  #main .error-page .error-page__lead {
    font-size: 16px;
  }

  #main .error-page .error-page__actions .btn {
    min-width: 0;
    width: 100%;
  }

  #main .error-page .error-page__panel,
  #main .error-page .error-page__note {
    padding: 22px 18px;
  }

  #main .error-page .error-page__panel-title,
  #main .error-page .error-page__note strong,
  #main .error-page .error-page__link-card strong {
    font-size: 20px;
  }
}

@media (max-width: 767px) and (max-width: 768px) {
  #main .contact-section .contact-info .row {
    gap: 80px;
  }
}

@media (max-width: 575px) {
  #main .about_section .breadcrumbs-box,
  #main .reviews-section .breadcrumbs-box,
  #main .catalog-section .breadcrumbs-box,
  #main .faq-section .breadcrumbs-box {
    padding: 14px 16px;
    margin-bottom: 20px;
    gap: 10px;
  }

  #main .contact-section .breadcrumbs-box {
    padding: 14px 16px;
    margin-bottom: 18px;
    gap: 10px;
  }

  #main .error-page .error-page__breadcrumbs {
    padding: 14px 16px;
    margin-bottom: 20px;
    gap: 10px;
  }

  #main .about_section .breadcrumbs-box {
    margin-bottom: 22px;
  }

  #main .about_section .about-values {
    gap: 12px;
  }

  #main .about_section .about-benefit,
  #main .about_section .about-story__badge,
  #main .about_section .about-metric,
  #main .about_section .about-history-card {
    border-radius: 20px;
  }

  #main .about_section .about-timeline {
    padding: 28px 0;
  }

  #main .about_section .about-hero__actions {
    display: block;
  }

  #main .about_section .about-hero__contact {
    margin-top: 14px;
  }

  #main .reviews-section {
    padding: 18px 0 36px;
  }

  #main .reviews-section .heading_title {
    margin-bottom: 18px;
  }

  #main .reviews-section .heading_title h1 {
    max-width: 10ch;
  }

  #main .reviews-section .review-box {
    padding: 20px 16px 16px;
  }

  #main .reviews-section .review-text p {
    font-size: 15px;
    line-height: 1.65;
  }

  #main .reviews-section .other-review {
    padding: 16px;
  }

  #main .reviews-section .other-review .inner-review {
    padding: 18px 16px 16px;
  }

  #main .contact-section {
    padding-bottom: 30px;
  }

  #main .contact-section h1 {
    margin-bottom: 18px;
    max-width: 10ch;
  }

  #main .contact-section .contact-info h3 {
    font-size: 22px;
  }

  #main .contact-section .contact-info .address,
  #main .contact-section .contact-info .contact-service,
  #main .contact-section .contact-info .dscr {
    padding: 18px 16px;
  }

  #main .contact-section .contact-info .phone a {
    font-size: 22px;
  }

  #main .contact-section .map {
    height: 260px;
    border-radius: 20px;
  }

  #main .contact-section .form-box.bg-grey .inner-form_box {
    padding: 20px 16px 18px;
  }

  #main .contact-section .form-box.bg-grey .form {
    gap: 10px;
  }

  #main .contact-section .contacts-page-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 10px;
  }

  #main .contact-section .contacts-page-form .input-holder,
  #main .contact-section .contacts-page-form .submit-holder,
  #main .contact-section .contacts-page-form .dscr-form {
    width: 100%;
    min-width: 0;
  }

  #main .contact-section .contacts-page-form .phone {
    height: 56px;
    min-height: 56px;
  }

  #main .contact-section .contacts-page-form .btn-form {
    width: 100%;
    min-width: 0;
    background-color: var(--brand-refresh-accent);
    border-color: var(--brand-refresh-accent);
    color: #fff;
  }

  #main .faq-section {
    padding-top: 18px;
    padding-bottom: 36px;
  }

  #main .faq-section .visual-box {
    padding: 0 15px 10px;
  }

  #main .faq-section .accordion .item {
    border-radius: 20px;
  }

  #main .catalog-section {
    padding-bottom: 12px;
  }

  #main .catalog-section .catalog-block h1 {
    max-width: 10ch;
  }

  #main .catalog-section .catalog-block .form-box {
    margin-top: 28px;
    border-radius: 20px;
  }

  #main .catalog-section .catalog-card__img {
    padding: 10px 10px 0;
  }

  #main .catalog-section .catalog-card__address,
  #main .catalog-section .catalog-card__title,
  #main .catalog-section .card-list-characteristics,
  #main .catalog-section .catalog-card__price {
    padding-left: 16px;
    padding-right: 16px;
  }

  #main .catalog-section .catalog-card__item-photo,
  #main .catalog-section .catalog-card__slider img {
    border-radius: 16px;
  }

  #main .catalog-section .catalog-card .arrow {
    min-width: 48px;
    height: 40px;
    padding: 0 14px;
  }

  #main .error-page {
    padding-top: 18px;
    padding-bottom: 36px;
  }

  #main .error-page .error-page__content {
    padding: 24px 16px;
  }

  #main .error-page .error-page__meta li {
    padding-left: 26px;
    font-size: 15px;
  }

  #main .error-page .error-page__link-card {
    padding: 18px 16px;
  }
}

@media screen and (max-width: 485px) {
  #header .logo-box {
    top: 8px;
    height: calc(100% - 16px);
  }

  #header .logo {
    width: 156px;
    height: 49px;
  }
}
@supports (appearance:none){
#main .catalog-section .product-info-new__btn.btn-blue::before{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.35101 5.00784C6.35139 5.17445 6.2838 5.3359 6.15996 5.46419L2.00652 9.74241C1.86552 9.88803 1.6629 9.9796 1.44324 9.99698C1.22359 10.0144 1.00488 9.95614 0.835244 9.83511C0.665604 9.71408 0.558923 9.54016 0.538671 9.35161C0.518419 9.16307 0.586255 8.97534 0.727254 8.82973L4.44874 5.00784L0.860165 1.18596C0.791163 1.11303 0.739634 1.0291 0.70854 0.939019C0.677446 0.848934 0.667399 0.754464 0.678978 0.661036C0.690558 0.567607 0.723533 0.477064 0.776011 0.39461C0.828489 0.312157 0.899434 0.239419 0.984768 0.180577C1.07018 0.115277 1.17038 0.0658216 1.2791 0.0353088C1.38781 0.004796 1.5027 -0.00611595 1.61656 0.0032558C1.73041 0.0126276 1.84079 0.0420799 1.94077 0.0897703C2.04074 0.137461 2.12817 0.202361 2.19757 0.280403L6.2098 4.55863C6.31406 4.6906 6.36378 4.84876 6.35101 5.00784Z' fill='white'/%3E%3C/svg%3E%0A") center center/contain no-repeat}
#main .catalog-section .product-info-new__btn.btn-blue:hover::before{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.35101 5.00784C6.35139 5.17445 6.2838 5.3359 6.15996 5.46419L2.00652 9.74241C1.86552 9.88803 1.6629 9.9796 1.44324 9.99698C1.22359 10.0144 1.00488 9.95614 0.835244 9.83511C0.665604 9.71408 0.558923 9.54016 0.538671 9.35161C0.518419 9.16307 0.586255 8.97534 0.727254 8.82973L4.44874 5.00784L0.860165 1.18596C0.791163 1.11303 0.739634 1.0291 0.70854 0.939019C0.677446 0.848934 0.667399 0.754464 0.678978 0.661036C0.690558 0.567607 0.723533 0.477064 0.776011 0.39461C0.828489 0.312157 0.899434 0.239419 0.984768 0.180577C1.07018 0.115277 1.17038 0.0658216 1.2791 0.0353088C1.38781 0.004796 1.5027 -0.00611595 1.61656 0.0032558C1.73041 0.0126276 1.84079 0.0420799 1.94077 0.0897703C2.04074 0.137461 2.12817 0.202361 2.19757 0.280403L6.2098 4.55863C6.31406 4.6906 6.36378 4.84876 6.35101 5.00784Z' fill='%2300a651'/%3E%3C/svg%3E%0A") center center/contain no-repeat}
}

 @media (max-width: 1199px){

@supports (appearance:none){

}

}

 @media screen and (max-width: 1100px){

@supports (appearance:none){

}

}

 @media (max-width: 991px){

@supports (appearance:none){

}

}

 @media (max-width: 769px){

@supports (appearance:none){

}

}

 @media (max-width: 767px){

@supports (appearance:none){

}

}

 @media (max-width: 767px) and (max-width: 768px){

@supports (appearance:none){

}

}

 @media (max-width: 575px){

@supports (appearance:none){

}

}

 @media screen and (max-width: 485px){

@supports (appearance:none){

}

}