@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --theme-primary: #46B97B;
  --theme-primary-dark: #389462;
  --theme-primary-light: #6BC795;
  --theme-primary-very-light: #ECF8F2;
  --theme-primary-border: #D9D9D9;
  --theme-primary-btn-text: #FFFFFF;
  --theme-link: #46B97B;
  --theme-link-hover: #6BC795;
  --bs-gutter-x: 42px;
  --bs-body-bg: #F0F0F0;
  --bs-body-color: #555555;
  --bs-body-font-family: 'Raleway', sans-serif;
  --bs-body-font-size: 16px;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-text-align: start;
}

@media screen and (max-width: 991.98px) {
  :root {
    --bs-gutter-x: 32px;
  }
}
@media screen and (max-width: 767.98px) {
  :root {
    --bs-gutter-x: 16px;
  }
}

@media(max-width: 767px) {
  .hide-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hide-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hide-md {
    display: none !important;
  }
}
@media (min-width: 1300px) {
  .hide-lg {
    display: none !important;
  }
}

a {
  color: var(--theme-link);
  text-decoration: unset;
}
a:focus {
  outline-color: transparent;
  outline-style: none;
}

[role=button]:focus {
  outline-color: transparent;
  outline-style: none;
}

article > :last-child {
  margin-bottom: 0;
}

* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
  margin-top: 2.5rem;
}
@media screen and (max-width: 991.98px) {
  * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
    margin-top: 2rem;
  }
}

img, canvas, video {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

::-moz-selection {
  background-color: #6BC795;
  color: #FFFFFF;
}

::selection {
  background-color: #6BC795;
  color: #FFFFFF;
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body {
  overflow-x: hidden;
  font-variant-numeric: lining-nums proportional-nums;
}

main {
  overflow-x: hidden;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Raleway", sans-serif;
}

h1, .h1 {
  line-height: 110%;
}
@media screen and (max-width: 991.98px) {
  h1, .h1 {
    font-size: calc(1.33rem + 2.1vw);
  }
}

h2, .h2 {
  margin-bottom: 40px;
  line-height: 110%;
}
@media screen and (max-width: 991.98px) {
  h2, .h2 {
    margin-bottom: 24px;
    font-size: calc(1.2rem + 1.5vw);
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 8px 32px;
  height: 52px;
  border-radius: 36px;
  font-size: 16px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  border: 1px solid transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary {
  background-color: #46B97B;
  color: #F5F5F5;
}
.btn-primary:hover {
  background-color: #6BC795;
  color: #F5F5F5;
}
.btn-primary:active {
  background-color: #389462;
  color: #F5F5F5;
}

.btn-primary-light {
  background-color: #FAFAFA;
  color: #0f0f0f;
}
.btn-primary-light:hover {
  background-color: #E1E1E1;
  color: #0f0f0f;
}
.btn-primary-light:active {
  background-color: #C8C8C8;
  color: #0f0f0f;
}

.btn-secondary {
  background-color: #FFA800;
  color: whitesmoke;
}
.btn-secondary:hover {
  background-color: #ffb933;
  color: whitesmoke;
}
.btn-secondary:active {
  background-color: #FFA800;
  color: whitesmoke;
}

.btn-default {
  color: #000000;
  background: transparent;
  border-color: var(--base-black-5, #D9D9D9);
}
.btn-default:hover {
  background: rgba(0, 0, 0, 0.05);
}
.btn-default:active {
  background: rgba(0, 0, 0, 0.15);
}

.btn-small {
  height: 44px;
}

.btn-xsmall {
  height: 44px;
}
@media screen and (max-width: 991.98px) {
  .btn-xsmall {
    font-size: 14px;
    height: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.btn-link-danger {
  font-size: 14px;
  line-height: 120%;
  transition: color 0.3s ease;
  text-decoration-line: underline;
  color: #CC0000;
}
@media screen and (min-width: 767.98px) {
  .btn-link-danger {
    padding: 0 !important;
  }
}
.btn-link-danger:hover {
  text-decoration-line: none;
  color: #a80000;
}
.btn-link-danger:active {
  text-decoration-line: none;
  color: #CC0000;
}

.btn-disabled, [disabled] {
  pointer-events: none;
}
.btn-disabled.btn-primary, [disabled].btn-primary {
  background: #F5F5F5;
  color: #bfbfbf;
}
.btn-disabled.btn-default, [disabled].btn-default {
  border-color: #F5F5F5;
  color: #bfbfbf;
}

.link-hover, .footer-bottom a, .footer-social a, .footer-catalog a:not(.footer-catalog-title), .footer-phone, .contacts-block-social a, .review-provider, .service-card-body a, .head-dropdown-inner-title[href], .head-dropdown li a, .head-social a, .head-phone, .head-links li a, .head-logo, .head-nav a {
  transition: opacity 0.3s;
}
.link-hover:hover, .footer-bottom a:hover, .footer-social a:hover, .footer-catalog a:hover:not(.footer-catalog-title), .footer-phone:hover, .contacts-block-social a:hover, .review-provider:hover, .service-card-body a:hover, .head-dropdown-inner-title[href]:hover, .head-dropdown li a:hover, .head-social a:hover, .head-phone:hover, .head-links li a:hover, .head-logo:hover, .head-nav a:hover {
  opacity: 0.7;
}

.link-underline {
  font-weight: 500;
}
.link-underline span {
  position: relative;
  color: inherit;
  font-size: 14px;
  line-height: 120%;
}
.link-underline span::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 0.7px;
  background-color: currentColor;
  transition: background-color 0.3s ease;
}
.link-underline svg {
  transition: color 0.3s, transform 0.3s;
  transform: translateY(2px);
}
.link-underline:hover span::before {
  background-color: currentColor;
}
.link-underline:hover svg {
  transform: translateY(2px) translateX(3px);
}

.link-disabled, a[disabled] {
  color: #bfbfbf;
  pointer-events: none;
}

.primary-hover, .contacts-block-item a, .article-block a, .article-detail a {
  color: #46B97B;
  transition: color 0.3s;
}
.primary-hover:hover, .contacts-block-item a:hover, .article-block a:hover, .article-detail a:hover {
  color: #6BC795;
}
.primary-hover:active, .contacts-block-item a:active, .article-block a:active, .article-detail a:active {
  color: #389462;
}

.list-unstyled, .footer-social, .footer-catalog ul, .offcanvas__nav ul, .offcanvas-buttons > ul, .contacts-block-social, .quiz-block-selects, .service-card-body ul, .head-dropdown ul, .head-bottom > ul, .head-social, .head-mobile-links, .head-links, .head-nav ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.text-micro {
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
}

.text-second {
  color: #ABABAB;
}

@media screen and (max-width: 991.98px) {
  .btn-100-m {
    width: 100%;
  }
}

@media screen and (max-width: 991.98px) {
  .overflow-visible-m {
    overflow: visible;
  }
}

.text-small {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.rounded-40, .product-detail, .write-block, .director-card-large-img img, .director-card-large, .about-we-section, .production-info-digits, .production-info, .partners-block, .brands-block, .team-director-card, .number-cards, .number-card-body, .number-card, .info-block-img img, .info-block-pricing, .info-block, .req-block, #map, .contacts-block, .text-block, .seo-block, .page-block-img img, .page-block, .callback-block-img img, .callback-block, .service-block, .video-block, .digits-block, .calc-block-img, .calc-block, .about-section-img img, .about-section, .page-banner-img img, .page-banner, .index-slider {
  border-radius: 40px;
}
@media screen and (max-width: 991.98px) {
  .rounded-40, .product-detail, .write-block, .director-card-large-img img, .director-card-large, .about-we-section, .production-info-digits, .production-info, .partners-block, .brands-block, .team-director-card, .number-cards, .number-card-body, .number-card, .info-block-img img, .info-block-pricing, .info-block, .req-block, #map, .contacts-block, .text-block, .seo-block, .page-block-img img, .page-block, .callback-block-img img, .callback-block, .service-block, .video-block, .digits-block, .calc-block-img, .calc-block, .about-section-img img, .about-section, .page-banner-img img, .page-banner, .index-slider {
    border-radius: 24px;
  }
}

.rounded-36, .footer-inner {
  border-radius: 36px;
}
@media screen and (max-width: 991.98px) {
  .rounded-36, .footer-inner {
    border-radius: 24px;
  }
}

.rounded-28, .info-card {
  border-radius: 28px;
}
@media screen and (max-width: 991.98px) {
  .rounded-28, .info-card {
    border-radius: 16px;
  }
}

.rounded-24 {
  border-radius: 24px;
}
@media screen and (max-width: 991.98px) {
  .rounded-24 {
    border-radius: 16px;
  }
}

.rounded-16 {
  border-radius: 16px;
}

.article-block > :last-child, .article-detail > :last-child {
  margin-bottom: 0 !important;
}
.article-block ul, .article-detail ul, .article-block ol, .article-detail ol {
  margin: 0 0 16px 0;
  padding-left: 20px;
}
.article-block ul li::marker, .article-detail ul li::marker, .article-block ol li::marker, .article-detail ol li::marker {
  font-weight: 700;
  font-size: 16px;
  color: #46B97B;
}
.article-block ul > li:not(:first-child), .article-detail ul > li:not(:first-child), .article-block ol > li:not(:first-child), .article-detail ol > li:not(:first-child) {
  margin-top: 10px;
}
.article-block * + ul, .article-detail * + ul {
  margin-top: 16px;
}
.article-block h2, .article-detail h2, .article-block .h2, .article-detail .h2 {
  margin-bottom: 16px;
  font-size: 32px;
}
@media screen and (max-width: 991.98px) {
  .article-block h2, .article-detail h2, .article-block .h2, .article-detail .h2 {
    font-size: 24px;
  }
}
.article-block h3, .article-detail h3, .article-block .h3, .article-detail .h3 {
  font-size: 24px;
}
@media screen and (max-width: 991.98px) {
  .article-block h3, .article-detail h3, .article-block .h3, .article-detail .h3 {
    font-size: 20px;
  }
}

.section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 991.98px) {
  .section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.section-subtitle {
  color: var(--base-black-13, #000);
  font-size: 24px;
  line-height: 130%;
}
@media screen and (max-width: 991.98px) {
  .section-subtitle {
    font-size: 16px;
    line-height: 120%;
  }
}

.head-nav ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.head-nav li {
  line-height: 120%;
}
.head-nav a {
  color: #555;
  font-size: 14px;
  font-weight: 400;
  line-height: inherit;
}

.head-logo {
  display: flex;
  align-items: center;
  margin-left: 24px;
}
@media screen and (max-width: 1300px) {
  .head-logo {
    margin-left: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .head-logo {
    max-width: 93px;
  }
}

.head-middle {
  background: #FFFFFF;
  border-radius: 40px;
  padding: 14px 15px;
}
@media screen and (max-width: 991.98px) {
  .head-middle {
    margin-top: 24px;
    padding: 11px 16px;
  }
}

.head-links {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-left: 40px;
}
@media screen and (max-width: 1300px) {
  .head-links {
    gap: 24px;
    margin-left: 32px;
  }
}
.head-links li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--text-text-primary, #000);
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  /* 16.8px */
}
.head-links li a svg {
  color: #46B97B;
  transform: translate3d(0, 0, 0);
}
.head-links li a span {
  margin-top: 7px;
}

.head-mobile-links {
  display: flex;
  gap: 16px;
}

.head-callback-btn {
  white-space: nowrap;
}
.head-callback-btn span {
  margin-left: 12px;
}
@media screen and (max-width: 1410px) {
  .head-callback-btn {
    padding-left: 13px;
    padding-right: 13px;
  }
}

.head-phone {
  color: #46B97B;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  white-space: nowrap;
}
@media screen and (max-width: 1199.98px) {
  .head-phone {
    font-size: 20px;
  }
}
.head-phone:hover {
  color: #46B97B;
}

.head-worktime {
  color: #555;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.head-social {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.head-bottom {
  padding: 10px 17px;
  border-radius: 28px;
  background: #FFFFFF;
  overflow: hidden;
  margin-top: 16px;
}
@media screen and (max-width: 991.98px) {
  .head-bottom {
    margin-top: 8px;
    padding-left: 0;
    padding-right: 0;
  }
}
.head-bottom > ul {
  display: flex;
  align-items: center;
  gap: 8px;
  /*overflow-y: auto;*/
 overflow-y: initial;  
}
.head-bottom > ul::-webkit-scrollbar {
  display: none;
}

@media screen and (min-width: 991.98px) {
  .head-categories .head-categories-item:not(:last-child) svg:last-child {
    display: block;
  }
}

.head-categories-item {
  display: flex;
  align-items: center;
  padding: 4px 7px;
  color: black;
  background-color: rgba(255, 255, 255, 0.93);
  border-radius: 70px;
  transition: background-color 0.3s, color 0.3s;
}
.head-categories-item:hover {
  background-color: #F2FAF6;
}
@media screen and (min-width: 991.98px) {
  .head-categories-item[data-bs-toggle] {
    pointer-events: none;
  }
}
.head-categories-item[aria-expanded=true] {
  color: #46B97B;
  background-color: #ECF8F2;
}
.head-categories-item[aria-expanded=true] svg:last-child {
  color: #46B97B;
  transform: rotate(-180deg);
}
.head-categories-item span {
  margin-left: 8px;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  white-space: nowrap;
}
.head-categories-item svg {
  color: #46B97B;
}
.head-categories-item svg:last-child {
  display: none;
  color: inherit;
  margin-left: 8px;
  transition: transform 0.3s;
}

.head-row {
  display: flex;
  align-items: center;
  gap: 45px;
}
@media screen and (max-width: 1199.98px) {
  .head-row {
    gap: 32px;
  }
}
@media screen and (max-width: 991.98px) {
  .head-row {
    gap: 16px;
  }
 .head-bottom > ul {
  overflow-y: auto;  
} 
}

.head-right-column {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.head-dropdown {
  background: transparent;
  border: unset;
  padding: 0;
  left: 0;
  right: 0;
}
.head-dropdown ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.head-dropdown li {
  line-height: 1.2;
}
.head-dropdown li a {
  color: #555;
  line-height: inherit;
}
@media screen and (max-width: 991.98px) {
  .head-dropdown {
    padding: 16px 0;
  }
}

.nav-item:hover .head-categories-item {
  color: #46B97B;
  background-color: #ECF8F2;
}
.nav-item:hover .head-categories-item svg:last-child {
  color: #46B97B;
  transform: rotate(-180deg);
}
.nav-item:hover .dropdown-menu {
  display: block;
}

.head-dropdown.show {
  border-radius: 0;
  width: 100vw !important;
  left: 0;
  right: 0;
  display: flex;
}
.but_block{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.but_block button:nth-child(2n){
  background-color: transparent;
  border: 1px solid #fff; 
}
.but_block button:nth-child(2n):hover{
  background-color: rgba(107, 199, 149, 0.3) !important;
}
.head-dropdown-inner {
  background: #FFFFFF;
  border-radius: 36px;
  padding: 64px 64px 80px;
  display: flex;
  gap: 40px;
  max-width: 1200px;
  margin: 24px auto 0;
  align-items: flex-start;
  flex-grow: 1;    
  flex-shrink: 2;
}
.pre-head-dropdown-inner{
  display: flex;
  background: #FFFFFF;
  border-radius: 36px;
}
.service-block-item-ban{
  border-radius: 24px;
  /* padding: 44px 48px; */
  display: flex;
  z-index: 9;
}
.service-block-item-ban div{
  color: #fff;
}
.banner-block:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
  border-radius: 36px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:rgba(0, 0, 0, .6);
}
.head-dropdown-inner > div > a{
  color: #555; width:40%
}
.head-dropdown-inner-img{
  margin: 24px auto 0;flex-grow: 1;
}
.head-dropdown-inner-img img{
  object-fit: cover;  width: 100%;height: 100%; border-radius: 0 36px 36px 0;
}

.head-dropdown-inner > div {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex-grow: 1;
}

.head-dropdown-inner-title {
  display: inline-block;
  color: #000;
  transition: opacity 0.3s;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}
.head-dropdown-inner-title[href]:hover {
  color: #000;
}
.head-dropdown-inner-title:not(:last-child) {
  margin-bottom: 20px;
}

.animate {
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

.slideInTop {
  animation-name: slideInTop;
}

@keyframes slideInTop {
  100% {
    transform: translateY(0);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
.index-slider {
  background: #262626;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 991.98px) {
  .index-slider {
    min-height: 560px;
    margin-top: 54px;
  }
}
.index-slider > div {
  flex-grow: 1;
}

.index-slider-body {
  padding: 56px 48px 28px 48px;
  color: #FAFAFA;
}
@media screen and (max-width: 991.98px) {
  .index-slider-body {
    padding: 24px 16px;
  }
}
.index-slider-body .h1 {
  color: #FAFAFA;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.index-slider-img-decor {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 632px;
  height: 608px;
}

.index-slider-text > :last-child {
  margin-bottom: 0;
}

.index-slider-btn {
  margin-top: 51px;
}
@media screen and (max-width: 991.98px) {
  .index-slider-btn {
    margin-top: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .index-slider-btn .btn {
    width: 100%;
  }
}

.index-slider-controls {
  padding: 32px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .index-slider-controls {
    justify-content: center;
    padding: 0 16px 32px;
  }
}

.index-slider-man {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 607px;
  width: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1399.98px) {
  .index-slider-man {
    height: auto;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.index-slider-img {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  height: 100%;
}
.index-slider-img img {
  border-radius: 40px;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  display: none;
}

.swiper-button-next,
.swiper-button-prev {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  pointer-events: all;
  background: transparent;
  margin-top: 0;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: background-color 0.3s, opacity 0.3s, border-color 0.3s;
}

.swiper-pagination-bullet {
  --swiper-pagination-bullet-horizontal-gap: 7px;
  width: 24px;
  height: 4px;
  display: inline-block;
  border-radius: 16px;
  transition: background-color 0.15s ease, width 0.3s ease;
  opacity: 1;
}

.swiper-button-prev svg {
  transform: rotate(-180deg);
}

.swiper-button-disabled {
  color: #BFBFBF !important;
  border-color: transparent !important;
  pointer-events: none;
}

.swiper-pagination {
  position: static;
}

.swiper-buttons-static {
  display: flex;
  align-items: center;
  gap: 8px;
}

.swiper-slides-auto .swiper-slide {
  height: auto;
  display: flex;
}

@media screen and (max-width: 991.98px) {
  .swiper-mobile .row {
    flex-wrap: nowrap;
  }
}

.swiper-button-light {
  color: #FAFAFA;
}
.swiper-button-light:hover {
  color: #FAFAFA;
  border-color: #FAFAFA;
}
.swiper-button-light:active {
  border-color: #FAFAFA;
  background-color: #D9D9D9;
}

.swiper-button-dark {
  color: #000000;
}
.swiper-button-dark:hover {
  color: #000;
  border-color: #000000;
}
.swiper-button-dark:active {
  border-color: #000000;
  background-color: #D9D9D9;
}

.swiper-pagination-light .swiper-pagination-bullet {
  background-color: #D9D9D9;
}
.swiper-pagination-light .swiper-pagination-bullet-active {
  background-color: #000;
}

.swiper-pagination-dark .swiper-pagination-bullet {
  background-color: #404040;
}
.swiper-pagination-dark .swiper-pagination-bullet-active {
  background-color: #FAFAFA;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.page-banner {
  color: #FFF;
  background: radial-gradient(98.92% 98.82% at 50% 50%, #FFA800 0%, #FFA800 40.42%, #D98F00 100%);
  display: flex;
  flex-direction: row-reverse;
  margin-top: 48px;
}
@media screen and (max-width: 991.98px) {
  .page-banner {
    flex-direction: column-reverse;
    margin-top: 32px;
  }
}
.page-banner > div {
  flex-grow: 1;
}

.page-banner-body {
  padding: 56px 48px;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1399.98px) {
  .page-banner-body {
    max-width: 500px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 991.98px) {
  .page-banner-body {
    max-width: 100%;
    padding: 24px 16px;
    font-size: 15px;
  }
}
.page-banner-body .h1 {
  font-size: 48px;
  line-height: 110%;
  color: #FAFAFA;
  margin-bottom: 24px;
}
@media screen and (max-width: 991.98px) {
  .page-banner-body .h1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px;
  }
}

.page-banner-man {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 547px;
  width: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1199.98px) {
  .page-banner-man {
    height: auto;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (max-width: 991.98px) {
  .page-banner-man {
    bottom: 0;
    height: calc(100% + 40px);
    width: 100%;
  }
}

.page-banner-img {
  display: flex;
  overflow: hidden;
  height: 100%;
}

.page-banner-img img {
  aspect-ratio: 17/16;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991.98px) {
  .page-banner-img img {
    width: 100%;
    aspect-ratio: 2/1;
  }
}

.grid {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: 1199.98px) {
  .grid > :nth-child(2) {
    grid-column: 2/-1;
  }
  .grid > :nth-child(7) {
    grid-column: 2/-1;
  }
}
@media screen and (min-width: 991.98px) {
  .grid {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 4px;
  }
}
@media screen and (max-width: 1199.98px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
  }
  .grid .content {
    height: 100%;
  }
}

.service-card {
  border-radius: 24px;
  overflow: hidden;
  color: #555555;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1199.98px) {
  .service-card-secondary {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1199.98px) {
  .service-card-secondary .service-card-img {
    max-width: 391px;
  }
  .service-card-secondary .service-card-img img {
    aspect-ratio: 16/9;
  }
}

.swiper-slide .service-card-secondary {
  flex-direction: column;
}

.service-card-green {
  color: #FFF;
  background-color: #46B97B;
}
.service-card-green .service-card-title {
  color: #FFF;
}

.service-card-img {
  border-radius: 24px;
  overflow: hidden;
  background-color: inherit;
}
.service-card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.618/1;
}

.service-card-body {
  padding: 24px 24px 32px;
  background-color: inherit;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .service-card-body {
    padding: 24px 16px 32px;
  }
}
.service-card-body ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.service-card-body li {
  line-height: 1.2;
}
.service-card-body a {
  line-height: inherit;
  color: inherit;
  font-size: 14px;
}

.service-card-title {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 991.98px) {
  .service-card-title {
    font-size: 20px;
  }
}
.service-card-title:not(:last-child) {
  margin-bottom: 16px;
}

.service-card-link {
  display: inline-flex;
  flex-grow: 0;
  align-items: center;
  margin-top: 24px;
  color: #FFFFFF;
}
.service-card-link svg {
  margin-left: 4px;
}

.service-card-grid .service-card {
  flex-grow: 1;
}
.service-card-grid .service-card + .service-card {
  margin-top: 24px;
}
@media screen and (max-width: 991.98px) {
  .service-card-grid .service-card + .service-card {
    margin-top: 16px;
  }
}
.service-card-grid > div:nth-child(2) > div:not(:first-child) {
  margin-top: 24px;
}
.service-card-grid > div:nth-child(2) > div.row {
  margin-top: 0;
}

.service-card-item {
  display: flex;
  flex-grow: 1;
}
.service-card-item.swiper-slide {
  margin-top: 0 !important;
}

@media screen and (max-width: 991.98px) {
  .services-swiper {
    overflow: visible;
  }
}

@media screen and (max-width: 991.98px) {
  .no-slider .service-card-item {
    margin-top: 24px;
  }
}

.category-card {
  border-radius: 24px;
  overflow: hidden;
  color: #555555;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
}
.category-card:hover .category-card-img img {
  transform: scale(1.1);
}

@media screen and (min-width: 1199.98px) {
  .category-card-secondary {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1199.98px) {
  .category-card-secondary .service-card-img {
    max-width: 391px;
  }
  .category-card-secondary .service-card-img img {
    aspect-ratio: 16/9;
  }
}

.category-card-img {
  border-radius: 24px;
  overflow: hidden;
  background-color: inherit;
}
.category-card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.618/1;
  transition: all 0.3s;
}

.category-card-body {
  padding: 28px 24px 32px;
  background-color: inherit;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .category-card-body {
    padding: 24px 16px;
  }
}

.category-card-title {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}
@media screen and (max-width: 991.98px) {
  .category-card-title {
    font-size: 18px;
  }
}

.category-card-item {
  display: flex;
  flex-grow: 1;
}
.category-card-item.swiper-slide {
  margin-top: 0 !important;
}

.about-section {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 56px 48px 160px;
  color: rgba(255, 255, 255, 0.9);
  background: radial-gradient(98.92% 98.82% at 50% 50%, #46B97B 0%, #3C9D69 51.55%, #286946 100%);
}
@media screen and (max-width: 991.98px) {
  .about-section {
    padding: 0;
    overflow: hidden;
  }
}
@media screen and (max-width: 1199.98px) and (min-width: 991.98px) {
  .about-section {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 1199.98px) {
  .about-section {
    margin-bottom: 160px;
  }
}

.about-section-svg {
  width: 100%;
  height: auto;
}

.about-section-img {
  margin-top: 48px;
  aspect-ratio: 2/1;
}
@media screen and (max-width: 991.98px) {
  .about-section-img {
    margin-top: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .about-section-body {
    padding: 24px 16px 32px;
  }
}

@media screen and (max-width: 991.98px) {
  .about-section-desc {
    font-size: 15px;
  }
}

.about-card {
  padding: 32px;
  color: #555555;
  background-color: #fff;
  border-radius: 28px;
  display: flex;
  row-gap: 24px;
  -moz-column-gap: 32px;
       column-gap: 32px;
  flex-grow: 1;
}
@media screen and (max-width: 991.98px) {
  .about-card {
    flex-direction: column;
    align-items: center;
    padding: 24px 16px 32px;
  }
}
@media screen and (max-width: 991.98px) {
  .about-card svg {
    width: 80px;
    height: 80px;
  }
}

@media screen and (min-width: 991.98px) {
  .about-card-small {
    max-width: 336px;
  }
}

.about-card-desc {
  color: var(--text-text-secondary, #555);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}
@media screen and (max-width: 991.98px) {
  .about-card-desc {
    text-align: center;
  }
}

@media screen and (min-width: 991.98px) {
  .about-card-secondary .about-card-title {
    font-size: 28px;
    margin-bottom: 24px;
  }
}

.about-card-title {
  color: #000000;
  margin-bottom: 16px;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 991.98px) {
  .about-card-title {
    text-align: center;
  }
}

.about-section-cards {
  max-width: 960px;
  margin-left: auto;
  position: absolute;
  right: 48px;
  left: 48px;
  bottom: -160px;
}
@media screen and (max-width: 1199.98px) {
  .about-section-cards {
    position: static;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 991.98px) {
  .about-section-cards {
    position: static;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 32px;
  }
}

.quiz-block {
  border-radius: 40px;
  overflow: hidden;
  background: #FFF;
}
.quiz-block .h2 {
  color: #FAFAFA;
  margin-bottom: 16px;
}

.quiz-block-m {
  border-radius: 24px;
  background: var(--style-surface, #262626);
  padding: 24px 16px 32px;
  color: var(--text-text-primary, #FAFAFA);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 21px */
}
.quiz-block-m .h2 {
  font-size: 24px;
  color: #FAFAFA;
  margin-bottom: 16px;
}

.quiz-block-left-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 56px 48px;
  background-color: #262626;
  border-radius: 40px;
  overflow: hidden;
  color: #FAFAFA;
  min-height: 600px;
  flex-grow: 1;
  max-width: 486px;
}
@media screen and (max-width: 991.98px) {
  .quiz-block-left-column {
    max-width: 100%;
    padding: 56px 16px 24px;
    min-height: unset;
  }
}
@media screen and (max-width: 1199.98px) and (min-width: 991.98px) {
  .quiz-block-left-column {
    max-width: 400px;
  }
}

.quiz-block-right-column {
  padding: 56px 48px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
}
@media screen and (max-width: 991.98px) {
  .quiz-block-right-column {
    padding: 24px 16px 32px;
  }
}
.quiz-block-right-column .btn {
  padding-left: 48px;
  padding-right: 48px;
}
@media screen and (max-width: 991.98px) {
  .quiz-block-right-column .btn {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }
}

.quiz-block-steps-wrap {
  max-width: 100vw;
  margin-right: -16px;
  margin-left: -16px;
}

.quiz-block-steps {
  display: flex;
  padding-top: 24px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.quiz-block-steps > :first-child {
  margin-left: 16px;
}
.quiz-block-steps > :last-child {
  margin-right: 16px;
}
.quiz-block-steps::-webkit-scrollbar {
  display: none;
}
.quiz-block-steps > div {
  border-top: 2px solid #404040;
  flex-grow: 1;
  color: #FAFAFA;
  position: relative;
  padding-left: 24px;
  min-height: 44px;
}
@media screen and (max-width: 991.98px) {
  .quiz-block-steps > div {
    min-width: 190px;
  }
}
.quiz-block-steps > div::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNpcmNsZS1kYXNoIj4KPHBhdGggaWQ9IlZlY3RvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ljg0OTYxIDEuMzUwMDlMNi4xNDk2MSAyLjMwMDA5QzYuNzQ1NjggMi4wOTk0MiA3LjM3MDY3IDEuOTk4MDYgNy45OTk2MSAyLjAwMDA5VjEuMDAwMDlDNy4yNjc5OSAwLjk5MDExMiA2LjU0MDI5IDEuMTA4NTggNS44NDk2MSAxLjM1MDA5Wk0yLjM0OTYxIDMuOTAwMUMyLjc3MDY2IDMuMzEyNDggMy4yNzYxMSAyLjc5MDE5IDMuODQ5NjEgMi4zNTAxTDQuNDQ5NjEgMy4xNTAxQzMuOTU0NTQgMy41MzYyNyAzLjUxNjgzIDMuOTkwODEgMy4xNDk2MSA0LjUwMDFMMi4zNDk2MSAzLjkwMDFaTTEuMzQ5NjEgNS44NTAxTDIuMjk5NjEgNi4xNTAxQzIuMDk4OTMgNi43NDYxNiAxLjk5NzU4IDcuMzcxMTYgMS45OTk2MSA4LjAwMDFIMC45OTk2MDVDMC45ODk2MjQgNy4yNjg0OCAxLjEwODA5IDYuNTQwNzggMS4zNDk2MSA1Ljg1MDFaTTEuMzQ5NjEgMTAuMjAwMUMxLjU4MTQ5IDEwLjg5NzMgMS45MTg3MyAxMS41NTQ5IDIuMzQ5NjEgMTIuMTUwMUwzLjE0OTYxIDExLjU1MDFDMi43ODgxNSAxMS4wNDQgMi41MDE4NSAxMC40ODgyIDIuMjk5NjEgOS45MDAwOUwxLjM0OTYxIDEwLjIwMDFaTTUuODQ5NiAxNC42NTAxQzUuMTUyMzggMTQuNDE4MiA0LjQ5NDc2IDE0LjA4MSAzLjg5OTYgMTMuNjUwMUw0LjQ5OTYgMTIuODUwMUM1LjAwNTcgMTMuMjExNiA1LjU2MTQ3IDEzLjQ5NzkgNi4xNDk2IDEzLjcwMDFMNS44NDk2IDE0LjY1MDFaTTEzLjY0OTYgMTIuMTAwMUMxMy4yMTA3IDEyLjY4OSAxMi42ODg1IDEzLjIxMTEgMTIuMDk5NiAxMy42NTAxTDExLjQ5OTYgMTIuODUwMUMxMi4wMjE1IDEyLjQ3ODMgMTIuNDc3OCAxMi4wMjIgMTIuODQ5NiAxMS41MDAxTDEzLjY0OTYgMTIuMTAwMVpNMTMuNjk5NiA5Ljg1MDA5TDE0LjY0OTYgMTAuMTUwMUMxNC44NjcxIDkuNDUzNTIgMTQuOTg0OSA4LjcyOTY4IDE0Ljk5OTYgOC4wMDAwOUgxMy45OTk2QzE0LjAwMTYgOC42MjkwMyAxMy45MDAzIDkuMjU0MDMgMTMuNjk5NiA5Ljg1MDA5Wk0xMy41OTk2IDMuODUwMUMxNC4wMzA1IDQuNDQ1MjYgMTQuMzY3NyA1LjEwMjg4IDE0LjU5OTYgNS44MDAxTDEzLjY0OTYgNi4xMDAxQzEzLjQ0NzQgNS41MTE5NyAxMy4xNjExIDQuOTU2MiAxMi43OTk2IDQuNDUwMUwxMy41OTk2IDMuODUwMVpNMTIuMDQ5NiAyLjMwMDA5QzExLjQ1NDQgMS44NjkyMSAxMC43OTY4IDEuNTMxOTggMTAuMDk5NiAxLjMwMDA5TDkuNzk5NjEgMi4yNTAwOUMxMC4zODc3IDIuNDUyMzMgMTAuOTQzNSAyLjczODYzIDExLjQ0OTYgMy4xMDAwOUwxMi4wNDk2IDIuMzAwMDlaTTkuODQ5NiAxMy43MDAxTDEwLjE0OTYgMTQuNjUwMUM5LjQ0NjY5IDE0LjgzOTUgOC43MjYzIDE0Ljk1NjggNy45OTk2IDE1LjAwMDFWMTQuMDAwMUM4LjYyODU0IDE0LjAwMjEgOS4yNTM1NCAxMy45MDA4IDkuODQ5NiAxMy43MDAxWiIgZmlsbD0iI0ZBRkFGQSIvPgo8L2c+Cjwvc3ZnPgo=");
}
.quiz-block-steps .active {
  border-top-color: #46B97B;
}
.quiz-block-steps .active::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImluY29tcGxldGUiPgo8cGF0aCBpZD0iVmVjdG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuMDUwMjUgMy4wNTAyNUM0LjM2MzAxIDEuNzM3NSA2LjE0MzQ4IDEgOCAxVjE1QzYuMTQzNDggMTUgNC4zNjMwMSAxNC4yNjI1IDMuMDUwMjUgMTIuOTQ5N0MxLjczNzUgMTEuNjM3IDEgOS44NTY1MiAxIDhDMSA2LjE0MzQ4IDEuNzM3NSA0LjM2MzAxIDMuMDUwMjUgMy4wNTAyNVpNMTEuODgyMSAzLjQyOTYzTDEyLjUyNDYgMi42NjM4OEMxMS45MDM5IDIuMTM4NTEgMTEuMTk2MyAxLjcyNTUyIDEwLjQzMzYgMS40NDM0OEwxMC4wOTE4IDIuMzgyMjhDMTAuNzQ1IDIuNjI0NTcgMTEuMzUwOCAyLjk3OSAxMS44ODIxIDMuNDI5NjNaTTEzLjkwNSA2Ljk5OTk4TDE0Ljg4ODkgNi43OTM1OEMxNC43NTA2IDUuOTk0NjYgMTQuNDczNCA1LjIyNjE0IDE0LjA3IDQuNTIyODNMMTMuMjA0NCA0Ljk5OTk4QzEzLjU0OTkgNS42MjE5OCAxMy43ODY4IDYuMjk4MzQgMTMuOTA1IDYuOTk5OThaTTEwLjQzMzYgMTQuNTU2NUwxMC4wOTE4IDEzLjYxNzdDMTAuNzQ1IDEzLjM3NTQgMTEuMzUwOCAxMy4wMjA5IDExLjg4MjEgMTIuNTcwM0wxMi41MjQ2IDEzLjMzNjFDMTEuOTAzOSAxMy44NjE0IDExLjE5NjMgMTQuMjc0NCAxMC40MzM2IDE0LjU1NjVaTTEzLjIwNDQgMTFMMTQuMDcgMTEuNUMxNC40NzM3IDEwLjc4ODYgMTQuNzUwOCAxMC4wMTI2IDE0Ljg4OTEgOS4yMDY0MUwxMy45MDUgOS4wMzI5NkMxMy43ODY3IDkuNzI0MTYgMTMuNTQ5NyAxMC4zODk3IDEzLjIwNDQgMTFaIiBmaWxsPSIjNDZCOTdCIi8+CjwvZz4KPC9zdmc+Cg==");
}
.quiz-block-steps .completed {
  border-top-color: #46B97B;
}
.quiz-block-steps .completed::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZWNrbWFyay0tb3V0bGluZSI+CjxwYXRoIGlkPSJWZWN0b3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCAxQzQuMSAxIDEgNC4xIDEgOEMxIDExLjkgNC4xIDE1IDggMTVDMTEuOSAxNSAxNSAxMS45IDE1IDhDMTUgNC4xIDExLjkgMSA4IDFaTTcgMTAuNzAwNEw0LjUgOC4yMDAzOUw1LjMgNy40MDAzOUw3IDkuMTAwMzlMMTAuNyA1LjQwMDM5TDExLjUgNi4yMDAzOUw3IDEwLjcwMDRaTTIgOEMyIDExLjMgNC43IDE0IDggMTRDMTEuMyAxNCAxNCAxMS4zIDE0IDhDMTQgNC43IDExLjMgMiA4IDJDNC43IDIgMiA0LjcgMiA4WiIgZmlsbD0iIzQ2Qjk3QiIvPgo8L2c+Cjwvc3ZnPgo=");
}

.quiz-block-step {
  padding-top: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
}

.quiz-block-step-option {
  color: var(--text-text-secondary, #ABABAB);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  max-width: 100px;
  white-space: normal;
}

.quiz-block-title {
  color: var(--text-text-primary, #000);
  font-size: 24px;
  line-height: 150%;
  /* 36px */
  margin-bottom: 32px;
}
@media screen and (max-width: 991.98px) {
  .quiz-block-title {
    font-size: 20px;
    margin-bottom: 16px;
  }
}

.quiz-block-subtitle {
  color: var(--text-text-primary, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 21.6px */
  margin-bottom: 16px;
}

.btn-radio input {
  display: none;
}
.btn-radio label {
  border-radius: 40px;
  background: var(--base-black-3, #F5F5F5);
  height: 52px;
  color: var(--text-text-primary, #000);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 26px;
  transition: background 0.3s, color 0.3s;
  cursor: pointer;
}
.btn-radio label:hover {
  color: #46B97B;
}
.btn-radio input:checked ~ label {
  background: #46B97B;
  color: #FFF;
}

.quiz-block-selects {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  max-width: 370px;
}

.quiz-block-buttons {
  margin-top: 16px;
  display: flex;
  gap: 16px;
}

.gift-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 24px 16px 16px;
  opacity: 0.4;
  flex-grow: 1;
  border-radius: 24px;
  color: #000000;
  font-size: 16px;
  line-height: 120%;
}
@media screen and (max-width: 991.98px) {
  .gift-card {
    font-size: 14px;
    padding: 10px 24px 10px 16px;
  }
}
.gift-card img {
  -o-object-fit: contain;
     object-fit: contain;
  min-width: 64px;
}
@media screen and (max-width: 991.98px) {
  .gift-card img {
    min-width: 56px;
    width: 56px;
    height: 56px;
  }
}
.gift-card.active {
  opacity: 1;
  color: #FFFFFF;
  background: var(--style-secondary, #FFA800);
}

.gift-items {
  display: flex;
  gap: 16px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 991.98px) {
  .gift-items {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991.98px) {
  .gift-items {
    gap: 8px;
  }
}
.gift-items > :first-child {
  padding-left: 16px;
}
.gift-items > :last-child {
  padding-right: 16px;
}
.gift-items::-webkit-scrollbar {
  display: none;
}

.modal-overflow-scroll {
  max-width: 100vw;
  margin-right: -16px;
  margin-left: -16px;
}

.modal .quiz-block-left-column, .modal .quiz-block {
  border-radius: 0;
}
.modal .quiz-block-left-column {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.modal .quiz-block {
  flex-grow: 1;
  display: flex;
}
.modal .quiz-block > .row {
  flex-grow: 1;
}

.modal-close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  background: unset;
  padding: 0;
  border: unset;
  height: auto;
}

.promo-card {
  border-radius: 24px;
  background: var(--style-surface, #FFF);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.promo-card:hover .promo-card-img img {
  transform: scale(1.1);
}
.promo-card:hover .promo-card-title {
  opacity: 0.7;
}

.promo-card-img {
  border-radius: 24px;
  overflow: hidden;
  z-index: 4;
}
.promo-card-img img {
  z-index: 3;
  transition: transform 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}

.promo-card-body {
  padding: 32px 24px;
  position: relative;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .promo-card-body {
    padding: 32px 16px;
  }
}

.promo-card-title {
  color: var(--text-text-title, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 30px */
  margin-bottom: 24px;
  transition: opacity 0.3s;
}
@media screen and (max-width: 991.98px) {
  .promo-card-title {
    font-size: 16px;
  }
}

.promo-card-link {
  color: var(--base-black-13, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 16.8px */
  position: relative;
  display: inline-block;
}
.promo-card-link::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 0.7px;
  background: currentColor;
}

.promo-card-labels {
  position: absolute;
  top: -16px;
  left: 24px;
  right: 24px;
  display: flex;
}
@media screen and (max-width: 991.98px) {
  .promo-card-labels {
    left: 16px;
    right: 16px;
  }
}

.promo-card-label {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background: #46B97B;
  padding: 6px 15px;
  color: var(--base-black-1, #FFF);
  z-index: 10;
  position: relative;
  min-height: 30px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.favor-card {
  border-radius: 24px;
  background: var(--style-surface, #FFF);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.favor-card:hover .favor-card-img img {
  transform: scale(1.1);
}
.favor-card:hover .favor-card-title {
  opacity: 0.7;
}

.favor-card-img {
  border-radius: 24px;
  overflow: hidden;
  z-index: 4;
}
.favor-card-img img {
  z-index: 3;
  transition: transform 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}

.favor-card-body {
  padding: 32px 24px;
  position: relative;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .favor-card-body {
    padding: 32px 16px;
  }
}

.favor-card-title {
  color: var(--text-text-title, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 24px */
  margin-bottom: 24px;
  transition: opacity 0.3s;
}

.favor-card-price {
  color: var(--text-text-primary, #000);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 26.4px */
}

.article-card {
  border-radius: 24px;
  background: var(--style-surface, #FFF);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.article-card:hover .article-card-img img {
  transform: scale(1.1);
}
.article-card:hover .article-card-title {
  opacity: 0.7;
}

.article-card-img {
  border-radius: 24px;
  overflow: hidden;
  z-index: 4;
}
.article-card-img img {
  z-index: 3;
  transition: transform 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}

.article-card-body {
  padding: 32px 24px;
  position: relative;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .article-card-body {
    padding: 32px 16px;
  }
}

.article-card-title {
  color: #000000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
  transition: opacity 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .article-card-title {
    font-size: 16px;
  }
}

.article-card-link {
  color: var(--base-black-13, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 16.8px */
  position: relative;
  display: inline-block;
}
.article-card-link::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 0.7px;
  background: currentColor;
}

.article-card-labels {
  position: absolute;
  top: -16px;
  left: 24px;
  right: 24px;
  display: flex;
}
@media screen and (max-width: 991.98px) {
  .article-card-labels {
    left: 16px;
    right: 16px;
  }
}

.article-card-label {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background: #F0F0F0;
  padding: 6px 15px;
  color: #000;
  z-index: 10;
  position: relative;
  min-height: 30px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

@media screen and (max-width: 991.98px) {
  .promo-swiper {
    overflow: visible;
  }
}

.accordion-primary .accordion-button {
  background-color: transparent;
  padding: 24px;
  font-size: 20px;
  line-height: 1.2;
  color: #555;
  gap: 16px;
}
@media screen and (max-width: 991.98px) {
  .accordion-primary .accordion-button {
    font-size: 18px;
    line-height: 1.2;
    padding: 24px 16px;
  }
}
.accordion-primary .accordion-button[aria-expanded=true]::after {
  transform: translateY(0);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZBUSI+CjxwYXRoIGlkPSJVbmlvbiIgZD0iTTAuOTY1OTEzIDEyLjQ1NzRIMjMuMDM0MUMyMy41NjQxIDEyLjQ1NzQgMjQgMTIuMDQ1NSAyNCAxMS41NDQ2QzI0IDExLjA0MzkgMjMuNTY0MSAxMC42MzE4IDIzLjAzNDEgMTAuNjMxOEgwLjk2NTkxM0MwLjQzNjEyOCAxMC42MzE4IDAgMTEuMDQzNyAwIDExLjU0NDZDMCAxMi4wNDUzIDAuNDM2MTU0IDEyLjQ1NzQgMC45NjU5MTMgMTIuNDU3NFoiIGZpbGw9IiM0NkI5N0IiLz4KPC9nPgo8L3N2Zz4K");
}
.accordion-primary .accordion-button::after {
  width: 24px;
  height: 24px;
  background-size: 24px;
  transition: unset;
  background-position: center center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZBUSI+CjxwYXRoIGlkPSJVbmlvbiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4wODcyIDEwLjYzMThWMS4wOTc3NUMxMS4wODcyIDAuNTY3OTg5IDExLjQ5OTMgMC4xMzE4MzYgMTIgMC4xMzE4MzZDMTIuNTAwOSAwLjEzMTgzNiAxMi45MTI4IDAuNTY3OTY0IDEyLjkxMjggMS4wOTc3NVYxMC42MzE4SDIzLjAzNDFDMjMuNTY0MSAxMC42MzE4IDI0IDExLjA0MzkgMjQgMTEuNTQ0NkMyNCAxMi4wNDU1IDIzLjU2NDEgMTIuNDU3NCAyMy4wMzQxIDEyLjQ1NzRIMTIuOTEyOFYyMy4xNjU5QzEyLjkxMjggMjMuNjk1OSAxMi41MDA3IDI0LjEzMTggMTIgMjQuMTMxOEMxMS40OTkxIDI0LjEzMTggMTEuMDg3MiAyMy42OTU5IDExLjA4NzIgMjMuMTY1OVYxMi40NTc0SDAuOTY1OTEzQzAuNDM2MTU0IDEyLjQ1NzQgMCAxMi4wNDUzIDAgMTEuNTQ0NkMwIDExLjA0MzcgMC40MzYxMjggMTAuNjMxOCAwLjk2NTkxMyAxMC42MzE4SDExLjA4NzJaIiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPgo=");
}
.accordion-primary .accordion-item {
  background: #FFF;
  border-radius: 24px;
}
.accordion-primary .accordion-item:not(:last-child) {
  margin-bottom: 24px;
}
.accordion-primary .accordion-body {
  color: #000;
  padding: 16px 24px 40px;
}
@media screen and (max-width: 991.98px) {
  .accordion-primary .accordion-body {
    padding: 0 16px 40px;
  }
}

.accordion-filter .accordion-button {
  display: flex;
  justify-content: space-between;
  background-color: transparent;
  padding: 28px 24px 24px;
  color: var(--blackblack, #000);
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  /* 19.2px */
}
@media screen and (max-width: 991.98px) {
  .accordion-filter .accordion-button {
    font-size: 18px;
    line-height: 1.2;
    padding: 24px 16px;
  }
}
.accordion-filter .accordion-button[aria-expanded=true]::after {
  transform: rotate(-180deg);
}
.accordion-filter .accordion-button::after {
  width: 14px;
  height: 14px;
  background-size: 14px;
  transition: transform 0.3s ease;
  margin-left: 8px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zIj4KPHBhdGggaWQ9IlZlY3RvciAyNTIiIGQ9Ik0yLjUgNi4zNzA2MUw4IDExLjg3MDZMMTMuNSA2LjM3MDYxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==");
}
.accordion-filter .accordion-item {
  background: transparent;
  border-radius: unset;
  border-bottom: 1px solid #D9D9D9;
}
.accordion-filter .accordion-body {
  padding: 0 24px 28px;
}

.sidebar-filter {
  background: #FFFFFF;
  border-radius: 24px;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .sidebar-filter {
    border-radius: unset;
    border: unset;
  }
}
@media screen and (max-width: 991.98px) {
  .sidebar-filter .accordion-button {
    font-size: 16px !important;
    padding: 16px !important;
  }
}

.sidebar-filter-controls {
  padding: 28px 24px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.filter-list {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: scroll;
  max-height: 175px;
  overflow-scrolling: touch;
  scrollbar-color: #46B97B lightgray;
  scrollbar-width: thin;
}
.filter-list::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #46B97B;
}
.filter-list::-webkit-scrollbar {
  width: 2px;
}
.filter-list::-webkit-scrollbar-track {
  border-radius: 1px;
}
.filter-list li {
  line-height: 14px;
}
.filter-list li:not(:last-child) {
  margin-bottom: 16px;
}

.filter-label {
  align-items: center;
}

.filter-reset {
  font-weight: 400;
  line-height: 120%;
  color: #000000;
  margin-top: 20px;
  transition: color 0.3s;
}

.filter-btn {
  border-radius: 36px;
  border: 1px solid var(--base-black-5, #D9D9D9);
  height: 52px;
}
.filter-btn span:not(.filter-btn-count) {
  color: var(--text-text-primary, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 16px */
}

.filter-btn-count {
  border-radius: 40px;
  background: var(--text-text-error, #C51B24);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-variant-numeric: lining-nums proportional-nums;
  color: var(--base-black-1, #FFF);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  margin-left: 12px;
}

#nouislider {
  max-width: 100%;
}

.noUi-horizontal {
  height: 4px;
}

.noUi-target {
  background: #D9D9D9;
  border: none;
}

.noUi-horizontal .noUi-handle {
  cursor: pointer;
  width: 14px;
  height: 14px;
  right: -8px;
  top: -4.6px;
  border-radius: 50%;
  border: 2px solid #46B97B;
  outline: none;
  box-shadow: none;
}
.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {
  content: none;
}
.noUi-horizontal .noUi-handle.noUi-active {
  background: var(--theme-primary-very-light);
}

.noUi-connect {
  background: var(--theme-primary);
}

.project-card {
  border-radius: 24px;
  background: var(--style-surface, #FFF);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.project-card:hover .project-card-img img {
  transform: scale(1.1);
}
.project-card:hover .project-card-title {
  opacity: 0.7;
}

.project-card-img {
  border-radius: 24px;
  overflow: hidden;
  z-index: 4;
}
.project-card-img img {
  z-index: 3;
  transition: transform 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}

.project-card-body {
  padding: 24px 24px 32px;
  position: relative;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .project-card-body {
    padding: 24px 16px 32px;
  }
}

.project-card-title {
  color: var(--text-text-primary, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 28.8px */
  margin-bottom: 12px;
  transition: opacity 0.3s;
}
@media screen and (max-width: 991.98px) {
  .project-card-title {
    font-size: 22px;
  }
}

.project-card-desc {
  color: var(--text-text-secondary, #555);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.project-card-link {
  color: var(--base-black-13, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 16.8px */
  position: relative;
  display: inline-block;
}
.project-card-link::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 0.7px;
  background: currentColor;
}

.project-card-labels {
  position: absolute;
  top: -16px;
  left: 24px;
  right: 24px;
  display: flex;
}
@media screen and (max-width: 991.98px) {
  .project-card-labels {
    left: 16px;
    right: 16px;
  }
}

.project-card-label {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background: #46B97B;
  padding: 6px 15px;
  color: var(--base-black-1, #FFF);
  min-height: 30px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.product-card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border-radius: 24px;
  background: var(--style-surface, #FFF);
}
.product-card > div:last-child {
  flex-grow: 1;
}
.product-card:hover .product-card-img img {
  transform: translate(-50%, -50%) scale(1.1);
}

.product-card-img {
  position: relative;
  aspect-ratio: 5/4;
  overflow: hidden;
}
@media screen and (min-width: 991.98px) {
  .product-card-img {
    margin-top: 23px;
  }
}
.product-card-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.3s;
}

.product-card-body {
  padding: 24px 24px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .product-card-body .btn-primary {
    width: 100%;
  }
}

.product-card-title {
  color: var(--text-text-primary, #000);
  font-size: 18px;
  line-height: 120%;
  /* 21.6px */
}

.product-card-price {
  color: var(--text-text-primary, #000);
  font-size: 22px;
  font-weight: 700;
  line-height: 120%;
  /* 26.4px */
}

.product-card-size {
  color: var(--text-text-secondary, #555);
  font-size: 14px;
  line-height: 120%;
  /* 16.8px */
  min-height: 34px;
  margin-top: 8px;
}

.production-card {
  border-radius: 24px;
  background: var(--style-surface, #FFF);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.production-card-img {
  border-radius: 24px;
  overflow: hidden;
}
.production-card-img img {
  transition: transform 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}

.production-card-body {
  padding: 24px 24px 32px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  color: #000000;
}
@media screen and (max-width: 991.98px) {
  .production-card-body {
    padding: 24px 16px 32px;
  }
}

.calc-block {
  background: var(--style-surface, #FFF);
  overflow: hidden;
}

.calc-block-body {
  padding: 56px 48px;
}
@media screen and (max-width: 1199.98px) {
  .calc-block-body {
    padding: 48px 32px;
  }
}
@media screen and (max-width: 991.98px) {
  .calc-block-body {
    padding: 24px 16px 32px;
  }
}
@media screen and (max-width: 991.98px) {
  .calc-block-body .btn {
    border-radius: 24px;
    font-weight: 700;
    height: 64px;
  }
}

.calc-block-img {
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  height: 100%;
}
@media screen and (max-width: 991.98px) {
  .calc-block-img {
    width: 100%;
    aspect-ratio: 16/9;
  }
}

.calc-card {
  border-radius: 24px;
  background: var(--base-black-3, #F5F5F5);
  padding: 32px 24px;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-grow: 1;
  color: #000000;
  font-size: 16px;
}
@media screen and (max-width: 1199.98px) {
  .calc-card {
    padding: 16px;
    gap: 16px;
    font-size: 14px;
    line-height: 120%;
  }
}
.calc-card svg {
  min-width: 48px;
  width: 48px;
  height: 48px;
}

.digits-block {
  position: relative;
  background: radial-gradient(98.92% 98.82% at 50% 50%, #46B97B 0%, #3C9D69 51.55%, #286946 100%);
  margin-top: 40px;
}

.digits-block-body {
  padding: 56px 48px;
  position: relative;
}
@media screen and (max-width: 1399.98px) {
  .digits-block-body {
    padding-right: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .digits-block-body {
    padding: 24px 16px 32px;
    overflow: hidden;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    background: radial-gradient(98.92% 98.82% at 50% 50%, #46B97B 0%, #3C9D69 51.55%, #286946 100%);
  }
}

.digits-block-title {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  /* 28.8px */
  margin-bottom: 16px;
  position: absolute;
  top: 125px;
  right: 48px;
  max-width: 352px;
}
@media screen and (min-width: 991.98px) {
  .digits-block-title {
    font-size: 40px;
    line-height: 110%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1199.98px) {
  .digits-block-title {
    right: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .digits-block-title {
    position: static;
    max-width: 100%;
  }
}

.digits-block-heart {
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.6);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  position: absolute;
}
@media screen and (max-width: 991.98px) {
  .digits-block-heart {
    padding: 6px 15px;
    gap: 4px;
  }
}
@media screen and (max-width: 991.98px) {
  .digits-block-heart svg {
    width: 20px;
    height: 20px;
  }
}
.digits-block-heart span {
  color: #FFF;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  /* 38.4px */
}
@media screen and (max-width: 991.98px) {
  .digits-block-heart span {
    font-size: 20px;
  }
}

.digits-block-first {
  left: 163px;
  top: 161px;
}
@media screen and (max-width: 1199.98px) {
  .digits-block-first {
    left: 116px;
    top: 129px;
  }
}
@media screen and (max-width: 991.98px) {
  .digits-block-first {
    top: 23px;
    left: 32px;
  }
}

.digits-block-second {
  right: 416px;
  top: 56px;
}
@media screen and (max-width: 1199.98px) {
  .digits-block-second {
    right: 258px;
    top: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .digits-block-second {
    right: 40px;
    top: 258px;
  }
}
@media screen and (max-width: 767.98px) {
  .digits-block-second {
    right: 40px;
    top: 100px;
  }
  .but_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}
}

.digits-block-img img {
  border-radius: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 2/1;
  width: 100%;
}
@media screen and (min-width: 991.98px) {
  .digits-block-img img {
    display: none;
  }
}

.digits-block-desc {
  color: var(--text-text-secondary, rgba(255, 255, 255, 0.9));
  font-size: 15px;
  line-height: 140%;
  /* 21px */
}

.digits-swiper {
  margin-top: 24px;
}
@media screen and (min-width: 991.98px) {
  .digits-swiper {
    margin-top: 301px;
  }
}

.digits-block-decor {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1399.98px) {
  .digits-block-decor {
    height: 100%;
  }
}
@media screen and (max-width: 991.98px) {
  .digits-block-decor {
    display: none;
  }
}

.digits-block-decor-m {
  position: absolute;
  left: 0;
  right: 0;
  top: -39px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 991.98px) {
  .digits-block-decor-m {
    display: none;
  }
}

.digits-card {
  padding: 32px 24px;
  background-color: #fff;
  border-radius: 24px;
  gap: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .digits-card {
    padding: 40px 16px 24px;
  }
}

.digits-card-number {
  color: var(--text-text-primary, #000);
  leading-trim: both;
  text-edge: cap;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  /* 57.6px */
}
@media screen and (max-width: 1399.98px) {
  .digits-card-number {
    font-size: 40px;
  }
}

.digits-card-title {
  margin-top: 16px;
  color: var(--text-text-primary, #000);
  leading-trim: both;
  text-edge: cap;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  /* 21.6px */
}

.digits-card-desc {
  color: var(--text-text-secondary, #555);
  font-size: 14px;
  line-height: 140%;
  /* 19.6px */
}

.video-block {
  aspect-ratio: 21/9;
  overflow: hidden;
}
.video-block iframe, .video-block video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.review-card {
  border-radius: 24px;
  background: var(--base-black-1, #FFF);
  padding: 32px 24px;
}

.review-card-text {
  color: var(--text-text-primary, #000);
  margin-top: 20px;
}
@media screen and (max-width: 991.98px) {
  .review-card-text {
    font-size: 15px;
    line-height: 140%;
  }
}

.review-card-name {
  color: var(--text-text-primary, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 24px */
}

.review-card-provider {
  color: var(--text-text-secondary, #555);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  /* 16.8px */
  margin-top: 12px;
}
@media screen and (max-width: 991.98px) {
  .review-card-provider {
    margin-top: 4px;
  }
}

.rating-block {
  position: relative;
  display: block;
  height: 20px;
  width: 95px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE3LjI5MjggMTAuMTI1M0MxNy45MzU5IDkuNTQ1OTYgMTcuNTg5MiA4LjQ3ODY3IDE2LjcyODQgOC4zODc4N0wxMy4xNzYyIDguMDEzMTdDMTIuODIxMiA3Ljk3NTcyIDEyLjUxMyA3Ljc1MTg1IDEyLjM2NzcgNy40MjU3N0wxMC45MTM0IDQuMTYyNzFDMTAuNTYxMSAzLjM3MjE1IDkuNDM4OTggMy4zNzIxNSA5LjA4NjY1IDQuMTYyNzFMNy42MzIzNiA3LjQyNTc3QzcuNDg3MDQgNy43NTE4NSA3LjE3ODkgNy45NzU3MiA2LjgyMzg4IDguMDEzMTdMMy4yNzE1IDguMzg3ODlDMi40MTA3NCA4LjQ3ODY5IDIuMDY0IDkuNTQ1OTEgMi43MDcwMSAxMC4xMjUzTDUuMzYwOSAxMi41MTY1QzUuNjI2MSAxMi43NTU1IDUuNzQzODEgMTMuMTE3NyA1LjY2OTc1IDEzLjQ2NjlMNC45Mjg2NCAxNi45NjE1QzQuNzQ5MDggMTcuODA4MiA1LjY1NjkyIDE4LjQ2NzcgNi40MDY2IDE4LjAzNTJMOS41MDAzMSAxNi4yNTAzQzkuODA5NTggMTYuMDcxOSAxMC4xOTA1IDE2LjA3MTkgMTAuNDk5OCAxNi4yNTAzTDEzLjU5MzUgMTguMDM1MkMxNC4zNDMyIDE4LjQ2NzcgMTUuMjUxIDE3LjgwODMgMTUuMDcxNSAxNi45NjE2TDE0LjMzMDMgMTMuNDY2M0MxNC4yNTYzIDEzLjExNzEgMTQuMzc0IDEyLjc1NDkgMTQuNjM5MiAxMi41MTU5TDE3LjI5MjggMTAuMTI1M1oiIGZpbGw9IiNEOUQ5RDkiLz4KPC9nPgo8L3N2Zz4K");
  background-repeat: repeat-x;
  background-size: contain;
  overflow: hidden;
}

.stat-active {
  position: absolute;
  height: 20px;
  left: 0;
  top: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE3LjI5MjggMTAuMTI1M0MxNy45MzU5IDkuNTQ1OTYgMTcuNTg5MiA4LjQ3ODY3IDE2LjcyODQgOC4zODc4N0wxMy4xNzYyIDguMDEzMTdDMTIuODIxMiA3Ljk3NTcyIDEyLjUxMyA3Ljc1MTg1IDEyLjM2NzcgNy40MjU3N0wxMC45MTM0IDQuMTYyNzFDMTAuNTYxMSAzLjM3MjE1IDkuNDM4OTggMy4zNzIxNSA5LjA4NjY1IDQuMTYyNzFMNy42MzIzNiA3LjQyNTc3QzcuNDg3MDQgNy43NTE4NSA3LjE3ODkgNy45NzU3MiA2LjgyMzg4IDguMDEzMTdMMy4yNzE1IDguMzg3ODlDMi40MTA3NCA4LjQ3ODY5IDIuMDY0IDkuNTQ1OTEgMi43MDcwMSAxMC4xMjUzTDUuMzYwOSAxMi41MTY1QzUuNjI2MSAxMi43NTU1IDUuNzQzODEgMTMuMTE3NyA1LjY2OTc1IDEzLjQ2NjlMNC45Mjg2NCAxNi45NjE1QzQuNzQ5MDggMTcuODA4MiA1LjY1NjkyIDE4LjQ2NzcgNi40MDY2IDE4LjAzNTJMOS41MDAzMSAxNi4yNTAzQzkuODA5NTggMTYuMDcxOSAxMC4xOTA1IDE2LjA3MTkgMTAuNDk5OCAxNi4yNTAzTDEzLjU5MzUgMTguMDM1MkMxNC4zNDMyIDE4LjQ2NzcgMTUuMjUxIDE3LjgwODMgMTUuMDcxNSAxNi45NjE2TDE0LjMzMDMgMTMuNDY2M0MxNC4yNTYzIDEzLjExNzEgMTQuMzc0IDEyLjc1NDkgMTQuNjM5MiAxMi41MTU5TDE3LjI5MjggMTAuMTI1M1oiIGZpbGw9IiM0NkI5N0IiLz4KPC9nPgo8L3N2Zz4K");
  background-repeat: repeat-x;
  background-size: contain;
}

.review-provider {
  border-radius: 48px;
  display: inline-flex;
  min-height: 44px;
  background: #FFF;
  box-sizing: border-box;
}
@media screen and (max-width: 991.98px) {
  .review-provider {
    justify-content: space-evenly;
    flex-grow: 1;
  }
}
.review-provider svg {
  color: #000000;
}

.review-provider-brand {
  display: flex;
  align-items: center;
  padding-left: 28px;
  padding-right: 28px;
  border-right: 1px solid #000;
  border-radius: 0 48px 48px 0;
}
.review-provider-brand span {
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  color: #000000;
  margin-left: 12px;
}

.review-provider-value {
  display: flex;
  align-items: center;
  padding-right: 24px;
  padding-left: 12px;
}
.review-provider-value span {
  color: var(--base-black-13, #000);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  /* 21.6px */
  leading-trim: both;
  text-edge: cap;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.questions-block {
  border-radius: 24px;
  background: var(--style-surface, #FFF);
  padding: 32px 24px;
}
.questions-block .h3 {
  color: var(--text-text-primary, #000);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 33.6px */
}
@media screen and (max-width: 991.98px) {
  .questions-block .h3 {
    font-size: 22px;
  }
}

.questions-block-agree, .text-agree {
  color: var(--text-text-secondary, #555);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 14.4px */
}

.banner-block {
  padding: 56px 48px;
  position: relative;
  background-image: url("/img/ban22.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  /* min-height: 640px; */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 36px;
}
.service-block {
  padding: 56px 48px;
  position: relative;
  background-image: url("../../upload/module-garantiya/service-bg.jpg");
  background-repeat: no-repeat;
  background-size: 1200px;
  background-position: center center;
  min-height: 640px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.black-block{
    width: 100%;
    background-color: #000;
    bottom: -198px;
    height: 150px;
    border-radius: 40px;
    position: relative;
}
.ban-blk{
  margin-top: -50px;
}
@media screen and (max-width: 768px) {
  .black-block{
    bottom: -408px;
    height: 200px;
}
.ban-blk{
  margin-top: -150px;
}
}
@media screen and (max-width: 991.98px) {
  .service-block {
    background: transparent;
    padding: 0; 
    min-height: unset;
  }
}

.service-block-item {
  border-radius: 24px;
  background: var(--light-white, #FFF);
  padding: 44px 48px;
  display: flex;
}
.service-block-item svg {
  width: 80px;
  min-width: 80px;
  height: 80px;
}
@media screen and (max-width: 991.98px) {
  .service-block-item svg {
    min-width: 64px;
    width: 64px;
    height: 64px;
  }
}
.service-block-item:not(.block-large) {
  align-items: center;
  gap: 32px;
  flex-grow: 1;
}
@media screen and (max-width: 991.98px) {
  .service-block-item:not(.block-large) {
    gap: 24px;
    flex-direction: column;
    padding: 24px 16px;
    text-align: center;
  }
}
.service-block-item.block-large {
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  padding: 56px 48px;
}
@media screen and (max-width: 991.98px) {
  .service-block-item.block-large {
    padding: 0;
  }
}

.service-block-title {
  color: var(--dark-black, #1B1A20);
  margin-bottom: 24px;
  font-size: 40px;
  font-weight: 700;
  line-height: 110%;
  /* 44px */
}
@media screen and (max-width: 991.98px) {
  .service-block-title {
    margin-bottom: 16px;
    font-size: 24px;
  }
}

.service-block-desc {
  color: var(--text-text-title, #000);
  font-size: 20px;
  line-height: 150%;
  /* 30px */
}
@media screen and (max-width: 991.98px) {
  .service-block-desc {
    font-size: 18px;
  }
}

.service-block-desc-large {
  color: #3A3955;
}
@media screen and (max-width: 991.98px) {
  .service-block-desc-large {
    font-size: 15px;
    line-height: 140%;
  }
}

.service-block-img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 24px;
}

.service-block-item + .service-block-item {
  margin-top: 24px;
}
@media screen and (max-width: 991.98px) {
  .service-block-item + .service-block-item {
    margin-top: 16px;
  }
}

.service-block-item-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media screen and (max-width: 991.98px) {
  .service-block-item-body {
    padding: 24px 16px 32px;
  }
}

.form-label {
  display: block;
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 6px;
}

.form-input {
  font-variant-numeric: lining-nums proportional-nums;
  padding: 13px 24px;
  margin-bottom: 0;
  font-size: 16px;
  color: #000000;
  border: 1px solid #F5F5F5;
  background-color: #F5F5F5;
  border-radius: 26px;
  text-overflow: ellipsis;
  transition: border-color 0.3s, background-color 0.3s;
}
.form-input::-moz-placeholder {
  color: #8c8c8c;
}
.form-input::placeholder {
  color: #8c8c8c;
}
.form-input:hover {
  border-color: #46B97B;
}
.form-input:hover::-moz-placeholder {
  color: #8c8c8c;
}
.form-input:hover::placeholder {
  color: #8c8c8c;
}
.form-input:focus {
  border-color: #46B97B;
  background-color: #FFF;
  color: black;
}
.form-input:focus-visible {
  outline: transparent;
}

.form-input-group {
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 991.98px) {
  .form-input-group {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: 100%;
  }
}
@media screen and (min-width: 991.98px) {
  .form-input-group input {
    margin-right: -48px;
    padding-right: 56px;
  }
}

.form-textarea {
  font-variant-numeric: lining-nums proportional-nums;
  padding: 13px 24px;
  margin-bottom: 0;
  font-size: 16px;
  color: #000000;
  border: 1px solid #F5F5F5;
  background-color: #F5F5F5;
  border-radius: 26px;
  text-overflow: ellipsis;
  transition: border-color 0.3s, background-color 0.3s;
}
.form-textarea::-moz-placeholder {
  color: #8c8c8c;
}
.form-textarea::placeholder {
  color: #8c8c8c;
}
.form-textarea:hover {
  border-color: #46B97B;
}
.form-textarea:hover::-moz-placeholder {
  color: #8c8c8c;
}
.form-textarea:hover::placeholder {
  color: #8c8c8c;
}
.form-textarea:focus {
  border-color: #46B97B;
  background-color: #FFF;
  color: black;
}
.form-textarea:focus-visible {
  outline: transparent;
}

.form-checkbox {
  outline: none;
  border: unset;
  box-sizing: border-box;
  margin: 0;
  border-radius: 4px;
  font: inherit;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  min-width: 20px;
  overflow: hidden;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: background-image 0.3s ease;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC43NSIgeT0iMC43NSIgd2lkdGg9IjE4LjUiIGhlaWdodD0iMTguNSIgcng9IjIuMjUiIHN0cm9rZT0iIzU1NTU1NSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==");
}
.form-checkbox:hover {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC43NSIgeT0iMC43NSIgd2lkdGg9IjE4LjUiIGhlaWdodD0iMTguNSIgcng9IjIuMjUiIHN0cm9rZT0iIzQ2Qjk3QiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==");
}
.form-checkbox:checked {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMyIgZmlsbD0iIzQ2Qjk3QiIvPgo8cGF0aCBkPSJNNC40ODg3NyA4Ljk0MjY3TDguMzUzNTIgMTIuODA3NUwxNS41NDAzIDUuNjIwNzMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}
.form-checkbox.readonly, .form-checkbox[disabled] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC43NSIgeT0iMC43NSIgd2lkdGg9IjE4LjUiIGhlaWdodD0iMTguNSIgcng9IjIuMjUiIHN0cm9rZT0iI0Y1RjVGNSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==");
}

.form-radio {
  outline: none;
  border: unset;
  box-sizing: border-box;
  margin: 0;
  border-radius: 4px;
  font: inherit;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  min-width: 20px;
  overflow: hidden;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: all 0.3s ease;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS4yNSIgc3Ryb2tlPSIjNTU1NTU1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K");
}
.form-radio:hover {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS4yNSIgc3Ryb2tlPSIjNDZCOTdCIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K");
}
.form-radio:checked {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS4yNSIgc3Ryb2tlPSIjNDZCOTdCIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSI1IiBmaWxsPSIjNDZCOTdCIi8+Cjwvc3ZnPgo=");
}
.form-radio.readonly, .form-radio[disabled] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS4yNSIgc3Ryb2tlPSIjRjVGNUY1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K");
}

.form-control {
  font-variant-numeric: lining-nums proportional-nums;
  padding: 5px 12px;
  margin-bottom: 0;
  font-size: 16px;
  color: #000000;
  border: 1px solid #D9D9D9;
  background-color: #FFFFFF;
  border-radius: 8px;
  max-width: 100%;
  text-overflow: ellipsis;
  transition: border-color 0.3s, background-color 0.3s;
}
.form-control::-moz-placeholder {
  color: #8c8c8c;
}
.form-control::placeholder {
  color: #8c8c8c;
}
.form-control:hover {
  border-color: #46B97B;
}
.form-control:hover::-moz-placeholder {
  color: #8c8c8c;
}
.form-control:hover::placeholder {
  color: #8c8c8c;
}
.form-control:focus {
  border-color: #46B97B;
  background-color: #FFF;
  color: black;
}
.form-control:focus-visible {
  outline: transparent;
}

.checkbox-label {
  cursor: pointer;
  display: inline-flex;
  color: #555;
}
.checkbox-label span {
  font-size: 14px;
  line-height: 1.4;
  margin-left: 8px;
  color: inherit;
  margin-top: auto;
  margin-bottom: auto;
}
.checkbox-label.small span {
  font-size: 12px;
  line-height: 1.2;
}
@media screen and (max-width: 991.98px) {
  .checkbox-label.small span {
    font-size: 11px;
  }
}

.filter-inputs-divider {
  display: block;
  height: 1px;
  background: #D9D9D9;
}

.callback-block {
  background: var(--style-surface, #262626);
  display: flex;
  margin-top: 48px;
}
@media screen and (max-width: 991.98px) {
  .callback-block {
    flex-direction: column-reverse;
    margin-top: 32px;
  }
}
.callback-block > div {
  flex-grow: 1;
}

.callback-block-body {
  padding: 56px 48px;
  max-width: 600px;
  color: #ABABAB;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1399.98px) {
  .callback-block-body {
    max-width: 500px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 991.98px) {
  .callback-block-body {
    max-width: 100%;
    padding: 24px 16px;
    font-size: 15px;
  }
}
.callback-block-body h2 {
  font-size: 48px;
  color: #FAFAFA;
  margin-bottom: 16px;
}
@media screen and (max-width: 991.98px) {
  .callback-block-body h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
    /* 33.6px */
  }
}

.callback-block-man {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 527px;
  width: 608px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1199.98px) {
  .callback-block-man {
    height: auto;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (max-width: 991.98px) {
  .callback-block-man {
    bottom: 0;
    height: calc(100% + 40px);
    width: 100%;
  }
}

.callback-block-img {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  height: 100%;
}

.callback-block-img img {
  aspect-ratio: 17/16;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991.98px) {
  .callback-block-img img {
    width: 100%;
    aspect-ratio: 2/1;
  }
}

.callback-block-agree {
  color: var(--text-text-secondary, #ABABAB);
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  /* 14.4px */
  margin-top: 20px;
}
@media screen and (max-width: 991.98px) {
  .callback-block-agree {
    margin-top: 10px;
  }
}

.input-large {
  border-radius: 40px;
  border: 1px solid #404040;
  padding: 12px 12px 12px 40px;
  display: flex;
}
@media screen and (max-width: 991.98px) {
  .input-large {
    padding: 8px 8px 8px 20px;
  }
}
.input-large input {
  -webkit-appearance: none;
  border: unset;
  padding: 0;
  outline: none;
  background: transparent;
  width: 100%;
  color: #FAFAFA;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  margin-right: 16px;
}
@media screen and (max-width: 991.98px) {
  .input-large input {
    font-size: 18px;
  }
}
.input-large input::-moz-placeholder {
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  color: #ABABAB;
}
.input-large input::placeholder {
  transition: color 0.3s;
  color: #ABABAB;
}
.input-large input:hover {
  color: #FAFAFA;
}
.input-large input:focus {
  color: #FFFFFF;
  background: transparent;
}
.input-large input:focus-within {
  outline-width: 0;
}
.input-large .btn {
  padding: 8px;
  min-width: 52px;
  width: 52px;
  height: 52px;
  color: #000000;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.primary-tabs {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  overflow: hidden;
  display: flex;
}
@media screen and (max-width: 991.98px) {
  .primary-tabs {
    display: flex;
    flex-wrap: nowrap;
    border-top: unset;
  }
}
.primary-tabs .nav-link {
  border-radius: 36px;
  border: 1px solid #D9D9D9;
  background-color: #FFF;
  font-size: 16px;
  padding: 15.5px 32px;
  color: #000;
  font-weight: 500;
  line-height: 1.2;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.primary-tabs .nav-link:hover {
  color: #000;
  border-color: #D9D9D9;
  background-color: #F0F0F0;
}
.primary-tabs .nav-link:active {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
  color: #000;
}
.primary-tabs .nav-link.active {
  border-color: #46B97B;
  color: #46B97B;
}
.primary-tabs .nav-link.active:hover {
  background-color: #FFF;
}
.primary-tabs li {
  line-height: 1.2;
}
.primary-tabs li a {
  display: inline-block;
  color: #000000;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .primary-tabs li a {
    white-space: nowrap;
  }
}
.primary-tabs li a.active {
  color: #2DC0FF;
}
.primary-tabs .nav-item:not(:last-child) {
  margin-right: 16px;
}

@media screen and (max-width: 991.98px) {
  .scroll-region {
    margin-top: 24px;
    overflow: hidden;
    margin-right: -16px;
    margin-left: -16px;
  }
  .scroll-region > :first-child {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 0 16px;
  }
  .scroll-region > :first-child::-webkit-scrollbar {
    display: none;
  }
  .scroll-region li:last-child {
    padding-right: 16px;
  }
}

@media screen and (max-width: 991.98px) {
  .row-scroll {
    margin-right: -30px;
    margin-left: -30px;
    padding-right: 30px;
    padding-left: 30px;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .row-scroll::-webkit-scrollbar {
    display: none;
  }

  .row-scroll > *:first-child {
    margin-left: -8px;
  }

  .row-scroll > *:last-child {
    margin-right: -8px;
  }
}
@media screen and (max-width: 767.98px) {
  .row-scroll {
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.page-block {
  background: var(--style-surface, #FFF);
}
@media screen and (max-width: 991.98px) {
  .page-block {
    font-size: 15px;
    line-height: 1.4;
  }
}
.page-block h1 {
  margin-bottom: 24px;
}
.page-block h1:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 991.98px) {
  .page-block h1 {
    margin-bottom: 16px;
  }
}

.page-block-small {
  padding: 48px;
}
@media screen and (max-width: 991.98px) {
  .page-block-small {
    padding: 24px 16px;
  }
}

.page-block-body {
  flex-grow: 1;
  padding: 56px 48px;
  color: #000;
  word-break: break-word;
}
@media screen and (max-width: 991.98px) {
  .page-block-body {
    padding: 24px 16px 32px;
  }
}

.page-block-img {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.page-block-img img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.618/1;
  width: 100%;
}
@media screen and (min-width: 991.98px) {
  .page-block-img img {
    max-width: 486px;
  }
}

.seo-block {
  padding: 56px 48px;
  color: #000;
  background: var(--style-surface, #FFF);
}
@media screen and (max-width: 991.98px) {
  .seo-block {
    font-size: 15px;
    line-height: 140%;
    padding: 24px 16px 32px;
  }
}

.text-block {
  padding: 56px 48px;
  color: #000;
  background: var(--style-surface, #FFF);
}
@media screen and (max-width: 991.98px) {
  .text-block {
    font-size: 15px;
    line-height: 140%;
    padding: 24px 16px 32px;
  }
}

.text-block-content > :last-child {
  margin-bottom: 0;
}

.breadcrumb {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 28px;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .breadcrumb {
    padding-top: 16px;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 0;
  }
}
@media screen and (max-width: 575.98px) {
  .breadcrumb {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.breadcrumb-list {
  font-size: 12px;
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-scrolling: touch;
}
.breadcrumb-list::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 991.98px) {
  .breadcrumb-list {
    padding-left: 24px;
  }
  .breadcrumb-list::after {
    content: "";
    min-width: 24px;
    height: 1px;
  }
}
@media screen and (max-width: 767.98px) {
  .breadcrumb-list {
    padding-left: 16px;
  }
  .breadcrumb-list::after {
    content: "";
    min-width: 16px;
    height: 1px;
  }
}

.breadcrumb-item {
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.2;
  color: black;
}
@media screen and (max-width: 991.98px) {
  .breadcrumb-item {
    font-size: 11px;
  }
}
.breadcrumb-item:not(:first-child)::before {
  content: "/";
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
  color: black;
  margin: 0 6px;
}
.breadcrumb-item a {
  transition: all 0.3s ease;
  color: #46B97B;
  text-decoration: none;
}
.breadcrumb-item a:hover {
  color: var(--theme-primary);
}

.contacts-block {
  background: #FFF;
}

.contacts-block-body {
  display: flex;
  flex-direction: column;
  gap: 48px;
  flex-grow: 1;
  padding: 56px 48px;
}
@media screen and (max-width: 991.98px) {
  .contacts-block-body {
    padding: 24px 16px 32px;
    gap: 24px;
  }
}
.contacts-block-body .h2 {
  padding-bottom: 40px;
  margin-bottom: 0;
  border-bottom: 1px solid #D9D9D9;
}
@media screen and (max-width: 991.98px) {
  .contacts-block-body .h2 {
    padding-bottom: 24px;
  }
}

.contacts-block-social {
  display: flex;
  gap: 24px;
}
.contacts-block-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 991.98px) {
  .contacts-block-item {
    gap: 12px;
  }
}
.contacts-block-item a {
  color: var(--base-black-13, #000);
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 991.98px) {
  .contacts-block-item a {
    font-size: 20px;
  }
}

.contacts-block-item-title {
  color: var(--base-black-8, #555);
  font-size: 14px;
  line-height: 120%;
}

.contacts-block-item-worktime {
  color: var(--text-text-primary, #000);
  font-size: 14px;
  line-height: 120%;
}

.contacts-map {
  margin-left: auto;
  max-width: 510px;
}
@media screen and (max-width: 991.98px) {
  .contacts-map {
    margin-left: unset;
    max-width: 100%;
  }
}

#map {
  width: 100%;
  height: 100%;
  min-height: 510px;
  max-height: 510px;
  overflow: hidden;
  background: #D7D8DD;
  box-sizing: border-box;
}
@media screen and (max-width: 991.98px) {
  #map {
    min-height: 288px;
    height: 288px;
  }
}
#map * {
  touch-action: auto;
}

.req-block {
  background: var(--base-black-10, #262626);
  padding: 48px 56px;
}
@media screen and (max-width: 991.98px) {
  .req-block {
    padding: 24px 16px 32px;
  }
}
.req-block .h3 {
  color: #F5F5F5;
}
.req-block .btn-download {
  color: #FFFFFF;
  border-color: #404040;
}
.req-block .btn-download span {
  margin-right: 8px;
}
@media screen and (max-width: 991.98px) {
  .req-block .btn-download span {
    font-size: 14px;
  }
}

.contacts-req > div,
.contacts-req .row > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 6px;
       column-gap: 6px;
  row-gap: 8px;
}
@media screen and (max-width: 991.98px) {
  .contacts-req > div,
.contacts-req .row > div {
    flex-direction: column;
    align-items: flex-start;
  }
}

.contacts-req > div > :first-child {
  color: #8C8C8C;
  line-height: 1.2;
}
.contacts-req > div > :last-child:not(.row) {
  color: #F5F5F5;
  line-height: 1.2;
}
.contacts-req .row > div > :first-child {
  color: #8C8C8C;
  line-height: 1.2;
}
.contacts-req .row > div > :last-child:not(.uk-grid) {
  color: #F5F5F5;
  line-height: 1.2;
}

.req-block-divider {
  height: 0.5px;
  background: #454545;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 991.98px) {
  .req-block-divider {
    margin-top: 40px;
    margin-bottom: 32px;
  }
}

.info-block {
  background: #262626;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 991.98px) {
  .info-block {
    min-height: 560px;
  }
}
@media screen and (max-width: 991.98px) {
  .info-block {
    margin-top: 48px;
  }
}
.info-block .row {
  flex-grow: 1;
}

@media screen and (min-width: 991.98px) {
  .info-block-medium {
    min-height: 400px;
  }
}

.info-block-secondary .info-block-img img {
  aspect-ratio: 1/1;
}

@media screen and (min-width: 991.98px) {
  .info-block-large .info-block-body {
    min-height: 640px;
  }
}

.info-block-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: 56px 48px;
  color: #FAFAFA;
}
@media screen and (max-width: 991.98px) {
  .info-block-body {
    padding: 24px 16px 32px;
  }
}
.info-block-body .h1 {
  color: inherit;
}

.info-block-text > :last-child {
  margin-bottom: 0;
}

.info-block-btn {
  margin-top: 51px;
}
@media screen and (max-width: 991.98px) {
  .info-block-btn {
    margin-top: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .info-block-btn .btn {
    width: 100%;
  }
}

.info-block-controls {
  padding: 32px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .info-block-controls {
    justify-content: center;
    padding: 0 16px 32px;
  }
}

.info-block-pricing {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #FFF;
  background: radial-gradient(98.92% 98.82% at 50% 50%, #46B97B 0%, #3C9D69 51.55%, #286946 100%);
  padding: 56px 48px;
}
@media screen and (max-width: 1399.98px) {
  .info-block-pricing {
    padding: 48px 32px;
  }
}
@media screen and (max-width: 991.98px) {
  .info-block-pricing {
    padding: 24px 16px 32px;
  }
}

.info-block-pricing-value {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  /* 52.8px */
}
@media screen and (max-width: 1399.98px) {
  .info-block-pricing-value {
    font-size: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .info-block-pricing-value {
    font-size: 28px;
    line-height: 120%;
  }
}

.info-block-man {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 607px;
  width: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1399.98px) {
  .info-block-man {
    height: auto;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (max-width: 991.98px) {
  .info-block-man {
    bottom: 0;
    height: calc(100% + 40px);
    width: 100%;
  }
}

.info-block-img {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  height: 100%;
}
.info-block-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media screen and (max-width: 991.98px) {
  .info-block-img img {
    width: 100%;
    aspect-ratio: 2/1;
  }
}

.number-card {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
  padding: 56px 48px;
  background: #FFFFFF;
}
@media screen and (max-width: 1199.98px) {
  .number-card {
    padding: 24px 16px 32px;
  }
}

@media screen and (min-width: 991.98px) {
  .number-card-reverse .row {
    flex-direction: row-reverse;
  }
}
.number-card-reverse .number-card-body {
  border-right: unset;
}
@media screen and (min-width: 991.98px) {
  .number-card-reverse .number-card-body {
    border-left: 2px solid #000000;
  }
}

.number-card-large {
  padding: 0;
}

.number-card-body {
  position: relative;
  z-index: 10;
  background: #FFF;
  padding: 56px 48px;
  overflow: hidden;
  border-right: 2px solid #000000;
  min-height: 400px;
  border-top-color: transparent;
}
@media screen and (min-width: 991.98px) {
  .number-card-body {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .number-card-body {
    min-height: auto;
    border-right: unset;
    border-top: 2px solid var(--base-black-13, #000);
    padding: 24px 16px 32px;
  }
}

@media screen and (max-width: 991.98px) {
  .number-card-body-wrap {
    margin-top: -24px;
  }
}

.number-card-digit {
  color: #46B97B;
  font-size: 56px;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 12px;
}
@media screen and (max-width: 991.98px) {
  .number-card-digit {
    margin-bottom: 16px;
  }
}

.number-card-title {
  color: var(--text-text-primary, #000);
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  /* 28.8px */
  margin-bottom: 12px;
}
@media screen and (max-width: 991.98px) {
  .number-card-title {
    font-size: 22px;
    margin-bottom: 16px;
  }
}

.number-card-desc {
  color: #000;
}
@media screen and (max-width: 991.98px) {
  .number-card-desc {
    font-size: 15px;
  }
}
@media screen and (min-width: 1199.98px) {
  .number-card-desc {
    max-width: 90%;
  }
}

.number-card-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991.98px) {
  .number-card-bg {
    position: static;
    min-height: 162px;
  }
}

.number-card-clear .number-card-body {
  border-color: #FFFFFF;
}

.number-cards {
  background: #FFFFFF;
  overflow: hidden;
}
.number-cards > div:not(:last-child) > .number-card {
  border-right: 2px solid #000000;
  border-top-color: transparent;
}
@media screen and (min-width: 991.98px) {
  .number-cards > div:not(:last-child) > .number-card {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .number-cards > div:not(:last-child) > .number-card {
    border-right: unset;
    border-bottom: 2px solid #000;
  }
}

.team-director-card {
  background: var(--style-surface, #FFF);
}

.team-director-card-pos {
  color: var(--text-text-title, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  /* 19.2px */
  text-transform: uppercase;
}
@media screen and (max-width: 991.98px) {
  .team-director-card-pos {
    font-size: 14px;
  }
}

.team-director-card-name {
  color: var(--text-text-title, #000);
  font-size: 56px;
  font-weight: 700;
  line-height: 110%;
  /* 61.6px */
}
@media screen and (max-width: 991.98px) {
  .team-director-card-name {
    font-size: 32px;
    line-height: 120%;
    /* 38.4px */
  }
}

.team-director-card-desc {
  color: var(--text-text-primary, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
}
@media screen and (max-width: 991.98px) {
  .team-director-card-desc {
    font-size: 15px;
  }
}

.team-director-card-body {
  padding: 56px 48px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 991.98px) {
  .team-director-card-body {
    padding: 24px 16px 32px;
  }
}

.team-director-card-photo {
  border-radius: 24px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.team-card {
  border-radius: 24px;
  background: var(--style-surface, #FFF);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.team-card-body {
  padding: 32px 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .team-card-body {
    padding: 24px 16px 32px;
  }
}

.team-card-img {
  border-radius: 24px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/5;
}

.team-card-name {
  color: var(--text-text-primary, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 24px */
}
@media screen and (max-width: 991.98px) {
  .team-card-name {
    font-size: 18px;
  }
}

.team-card-pos {
  color: var(--text-text-secondary, #555);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  margin-top: 16px;
}
@media screen and (max-width: 991.98px) {
  .team-card-pos {
    font-size: 15px;
  }
}

.team-card-exp {
  display: inline-flex;
  padding: 5px 18px;
  border-radius: 32px;
  border: 1px solid var(--base-black-13, #000);
  color: var(--text-text-primary, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-top: 32px;
}
@media screen and (max-width: 991.98px) {
  .team-card-exp {
    margin-top: 24px;
  }
}

.pagination-wrapper {
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .pagination-wrapper {
    margin-right: -32px;
    margin-left: -32px;
  }
}
@media screen and (max-width: 767.98px) {
  .pagination-wrapper {
    margin-right: -16px;
    margin-left: -16px;
  }
}

.pagination {
  display: flex;
  padding: 0;
  list-style: none;
  margin: 0 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  align-items: center;
}
.pagination::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767.98px) {
  .pagination {
    padding-left: 32px;
    justify-content: unset;
  }
}
@media screen and (max-width: 575.98px) {
  .pagination {
    padding-left: 16px;
  }
}
.pagination .disabled {
  pointer-events: none;
}
.pagination .disabled a > svg {
  fill: #616F7F;
}
.pagination a, .pagination span {
  min-width: 48px;
  width: 48px;
  height: 48px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid transparent;
  color: #262626;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.pagination a:hover {
  border-color: #46B97B;
}
.pagination li:not(:last-child) {
  margin-right: 4px;
}
@media screen and (max-width: 767.98px) {
  .pagination li:last-child {
    padding-right: 32px;
  }
}
@media screen and (max-width: 575.98px) {
  .pagination li:last-child {
    padding-right: 16px;
  }
}
.pagination li.active span {
  background-color: #46B97B;
  color: #FFFFFF;
}
.pagination .pagination-arrow a {
  width: 18px;
  height: 18px;
  min-width: unset;
  background-color: transparent;
  border-width: 0;
}
.pagination .pagination-arrow svg {
  fill: black;
  transition: fill 0.3s ease;
}
.pagination .pagination-arrow:hover svg {
  fill: #46B97B;
}
.pagination .pagination-left {
  margin-right: 8px !important;
}
.pagination .pagination-right {
  margin-left: 8px !important;
}

.brands-block {
  background: var(--style-surface, #FFF);
  padding: 56px 48px;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .brands-block {
    padding: 24px 16px 32px;
  }
}

.brand-card {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 991.98px) {
  .brand-card {
    max-width: 190px;
    padding-top: 0;
    padding-bottom: 0;
    gap: 8px;
  }
}

.brand-card-img img {
  aspect-ratio: 16/9;
}

.brand-card-price {
  color: var(--base-black-13, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
}
@media screen and (max-width: 991.98px) {
  .brand-card-price {
    font-size: 18px;
  }
}

.partners-block {
  background: var(--style-surface, #FFF);
  padding: 56px 48px;
}
@media screen and (max-width: 1399.98px) {
  .partners-block {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 991.98px) {
  .partners-block {
    padding: 24px 16px 32px;
  }
}

.partners-block-title {
  color: var(--base-black-13, #000);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 38.4px */
  margin-bottom: 16px;
}
@media screen and (max-width: 991.98px) {
  .partners-block-title {
    font-size: 22px;
  }
}

.partners-block-desc {
  color: var(--base-black-13, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
}
@media screen and (max-width: 991.98px) {
  .partners-block-desc {
    font-size: 15px;
    line-height: 140%;
    /* 21px */
  }
}

.brand-logo img {
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
}

.production-info {
  margin-top: 64px;
  padding: 56px 48px;
  background: var(--style-surface, #FFF);
  color: #000000;
}
@media screen and (max-width: 991.98px) {
  .production-info {
    padding: 24px 16px 32px;
    margin-top: 0;
  }
}

.production-info-digits {
  padding: 60px 48px;
  background: var(--style-surface, #FFF);
}
@media screen and (max-width: 991.98px) {
  .production-info-digits {
    padding: 24px 16px 32px;
  }
}

.info-digits-value {
  color: var(--text-text-primary, #000);
  leading-trim: both;
  text-edge: cap;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 0.8;
}
@media screen and (max-width: 991.98px) {
  .info-digits-value {
    font-size: 32px;
  }
}

.info-digits-title {
  color: var(--text-text-primary, #000);
  leading-trim: both;
  text-edge: cap;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 21.6px */
  margin-top: 20px;
}
@media screen and (max-width: 991.98px) {
  .info-digits-title {
    margin-top: 16px;
    font-size: 16px;
  }
}

.info-digits-man {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 521px;
  height: 680px;
}
@media screen and (max-width: 1399.98px) {
  .info-digits-man {
    right: -134px;
  }
}

.about-we-section {
  background: #FFF;
  padding: 56px 48px;
  position: relative;
  overflow: hidden;
  min-height: 773px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .about-we-section {
    padding: 24px 16px 32px;
  }
}

.about-we-section-decor {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  color: #46B97B;
}
@media screen and (max-width: 1399.98px) {
  .about-we-section-decor {
    max-width: 70%;
  }
}
@media screen and (max-width: 991.98px) {
  .about-we-section-decor {
    position: static;
    transform: unset;
    max-width: 100%;
  }
}

.about-we-section-subtitle {
  color: var(--text-text-primary, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 31.2px */
}
@media screen and (max-width: 991.98px) {
  .about-we-section-subtitle {
    font-size: 20px;
    line-height: 120%;
  }
}

.about-we-section-title {
  color: var(--text-text-primary, #000);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  /* 52.8px */
}
@media screen and (max-width: 991.98px) {
  .about-we-section-title {
    font-size: 28px;
    line-height: 120%;
    /* 33.6px */
  }
}

.info-card {
  background: #F0F0F0;
  color: #000;
  padding: 32px;
  max-width: 352px;
}
@media screen and (max-width: 991.98px) {
  .info-card {
    padding: 24px 16px 32px;
    max-width: 100%;
  }
}

.info-card-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 24px */
}

.info-card-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  margin-top: 16px;
}

.director-card-large {
  overflow: hidden;
  background-color: #FFFFFF;
}

.director-card-large-img img {
  aspect-ratio: 486/545;
  -o-object-fit: cover;
     object-fit: cover;
}

.director-card-large-body {
  padding: 56px 48px;
}
@media screen and (max-width: 991.98px) {
  .director-card-large-body {
    padding: 24px 16px 32px;
  }
}

.director-card-large-body-pos {
  color: var(--text-text-title, #000);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 15.6px */
  text-transform: uppercase;
}

.director-card-large-body-title {
  color: var(--text-text-title, #000);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 991.98px) {
  .director-card-large-body-title {
    font-size: 24px;
  }
}

.write-block {
  background-color: #FFFFFF;
  padding: 56px 48px;
}
@media screen and (max-width: 991.98px) {
  .write-block {
    padding: 24px 16px 32px;
  }
}
.write-block .text-small {
  line-height: 140%;
}
@media screen and (max-width: 991.98px) {
  .write-block .primary-tabs .nav-link {
    padding-left: 26px;
    padding-right: 26px;
  }
}

.tabs-title {
  color: var(--base-black-13, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 28.8px */
}
@media screen and (max-width: 991.98px) {
  .tabs-title {
    font-size: 20px;
  }
}

.block-divider {
  height: 1px;
  background-color: #D9D9D9;
}

.article-detail {
  background-color: #FFFFFF;
  border-radius: 24px;
  padding: 32px 24px;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .article-detail {
    padding: 24px 16px;
    font-size: 15px;
    line-height: 140%;
  }
}
.article-detail table {
  border-collapse: separate;
  border-left: 0;
  border-spacing: 0;
  width: 100%;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.article-detail table::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0.5px solid #BFBFBF;
  border-radius: inherit;
  pointer-events: none;
}
.article-detail thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
  border-collapse: separate;
  background-color: #F5F5F5;
  color: #000000;
  overflow: hidden;
}
.article-detail tbody {
  overflow-scrolling: touch;
  scrollbar-color: #46B97B lightgray;
  scrollbar-width: thin;
}
.article-detail tbody::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #46B97B;
}
.article-detail tbody::-webkit-scrollbar {
  width: 8px;
}
.article-detail tbody::-webkit-scrollbar-track {
  border-radius: 1px;
}
@media screen and (max-width: 991.98px) {
  .article-detail tbody {
    display: block;
    width: 100%;
    max-height: 330px;
    overflow-y: auto;
  }
}
.article-detail th, .article-detail td {
  padding: 16px 24px;
  text-align: left;
  line-height: 120%;
  font-size: 16px;
  vertical-align: top;
  border-left: 0.5px solid #D9D9D9;
  color: #000000;
  min-width: 144px;
}
@media screen and (max-width: 991.98px) {
  .article-detail th, .article-detail td {
    min-width: 100%;
  }
}
.article-detail th {
  font-weight: 700;
  padding-top: 22px;
  padding-bottom: 22px;
  font-size: 24px;
  border-left: 0.5px solid #D9D9D9;
}
@media screen and (max-width: 991.98px) {
  .article-detail th {
    font-size: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #FFFFFF;
  }
}
.article-detail tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
@media screen and (max-width: 991.98px) {
  .article-detail tr:nth-child(even) {
    background-color: #F5F5F5;
  }
}
@media screen and (max-width: 991.98px) {
  .article-detail tr {
    display: flex;
    flex-direction: column;
    border-bottom: 0.5px solid #D9D9D9;
  }
}
.article-detail td {
  border-top: 0.5px solid #D9D9D9;
}
.article-detail td:first-of-type {
  padding-top: 16px;
  color: #000000;
}
.article-detail td:last-of-type {
  padding-bottom: 16px;
  color: #000000;
}
@media screen and (max-width: 991.98px) {
  .article-detail td {
    color: #555;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top-width: 0;
  }
}
@media screen and (max-width: 1199.98px) {
  .article-detail .table-inner {
    overflow: auto;
  }
}
@media screen and (max-width: 991.98px) {
  .article-detail .table-inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .article-detail .table-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.article-detail .table-inner::-webkit-scrollbar {
  background: transparent;
  width: 8px;
  height: 8px;
}
.article-detail .table-inner::-webkit-scrollbar-thumb {
  background: #161616;
  border-radius: 100px;
  background-clip: content-box;
  border: 3px solid transparent;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.article-detail .table-inner::-webkit-scrollbar-button {
  display: none;
}
.article-detail .table-inner::-webkit-scrollbar-track {
  margin-right: 16px;
  margin-left: 16px;
}
.article-detail .text-small {
  color: #555;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-top: 16px;
  margin-bottom: 16px;
}
.article-detail .row-scroll img {
  aspect-ratio: 16/9;
  width: 100%;
  border-radius: 16px;
}
@media screen and (max-width: 991.98px) {
  .article-detail .row-scroll img {
    max-width: 124px;
  }
}

.article-share-text {
  font-size: 14px;
  line-height: 120%;
  color: #000000;
}

.blockquote {
  position: relative;
  padding-left: 56px;
  margin-left: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-style: normal;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 991.98px) {
  .blockquote {
    margin-left: 32px;
    padding-left: 0;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.blockquote::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 0;
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-size: 56px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQyMDUgMTQuNzA3OEMxOS42ODY1IDE0LjcwNzggMjQuNzg2OCAxOS43MDUgMjQuNzg2OCAyNS44NTM5QzI0Ljc4NjggMzIuMDAyNyAxOS42OTA4IDM3IDEzLjQyMDUgMzdDNy4xNTQ1IDM3IDIuMDU0MTcgMzIuMDAyNyAyLjA1NDE3IDI1Ljg1MzlMMiAyNC4yOTIyQzIgMTEuOTQ5OSAxMi4xOTg1IDIgMjQuNzMyNyAyVjguMzUyODJDMjAuMzc3NyA4LjM1MjgyIDE2LjM0MTIgMTAuMDE4NiAxMy4yNjAyIDEzLjAzNzhDMTIuNjczIDEzLjYxMzUgMTIuMTQ2NSAxNC4xODMgMTEuNjEzNSAxNC44NjA3QzEyLjIwMDcgMTQuNzU2NiAxMi44MzU1IDE0LjcwNzggMTMuNDIwNSAxNC43MDc4Wk00Mi42MzM3IDE0LjcwNzhDNDguODk5NyAxNC43MDc4IDU0IDE5LjcwNSA1NCAyNS44NTM5QzU0IDMyLjAwMjcgNDguOTA0IDM3IDQyLjYzMzcgMzdDMzYuMzY3NyAzNyAzMS4yNjczIDMyLjAwMjcgMzEuMjY3MyAyNS44NTM5TDMxLjIxMzIgMjQuMjkyMkMzMS4yMTMyIDExLjk0OTkgNDEuNDExNyAyIDUzLjk0NTggMlY4LjM1MjgyQzQ5LjY0NSA4LjM1MjgyIDQ1LjU1NDMgMTAuMDE4NiA0Mi40NzMzIDEzLjAzNzhDNDEuODg2MiAxMy42MTM1IDQxLjM1OTcgMTQuMTgzIDQwLjg4MDggMTQuODYwN0M0MS40NjggMTQuNzU2NiA0Mi4wNDg3IDE0LjcwNTYgNDIuNjM1OCAxNC43MDU2TDQyLjYzMzcgMTQuNzAzNVYxNC43MDc4WiIgZmlsbD0iIzQ2Qjk3QiIvPgo8L3N2Zz4K");
}
@media screen and (max-width: 991.98px) {
  .blockquote::before {
    left: -32px;
    background-size: 40px;
    width: 40px;
    height: 40px;
  }
}
.blockquote p {
  font-size: 20px;
  color: #000000;
  margin-left: 24px;
  line-height: 150%;
}
.blockquote span {
  font-size: 14px;
  line-height: 120%;
  color: #8C8C8C;
  margin-left: 24px;
}

.attention-block {
  position: relative;
  padding-left: 60px;
  margin-left: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width: 991.98px) {
  .attention-block {
    margin-left: 32px;
    padding-left: 0;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.attention-block::before {
  content: "";
  position: absolute;
  top: 26px;
  left: 0;
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-size: 56px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiRzZXQyLzI0cHgvQWN0aW9ucy93YXJuaW5nLWNpcmNsZSI+CjxnIGlkPSJWZWN0b3IiPgo8cGF0aCBkPSJNMjguMTM4NCAzNy40OTIxQzMxLjAwMjEgMzcuNDkyMSAzMy4zMjM3IDM1LjE3MDUgMzMuMzIzNyAzMi4zMDY4VjUuMTg2MjVDMzMuMzIzNyAyLjMyMjUgMzEuMDAyMSAwLjAwMDk3NjU2MiAyOC4xMzg0IDAuMDAwOTc2NTYyQzI1LjI3NDcgMC4wMDA5NzY1NjIgMjIuOTUzMSAyLjMyMjUgMjIuOTUzMSA1LjE4NjI1VjMyLjMwNjhDMjIuOTUzMSAzNS4xNzA1IDI1LjI3NDcgMzcuNDkyMSAyOC4xMzg0IDM3LjQ5MjFaIiBmaWxsPSIjNDZCOTdCIi8+CjxwYXRoIGQ9Ik0zMy4zMjM3IDUwLjg3NDVDMzMuMzIzNyA0OC4wNDMyIDMxLjAyODQgNDUuNzQ3OSAyOC4xOTcxIDQ1Ljc0NzlIMjguMDc5N0MyNS4yNDg0IDQ1Ljc0NzkgMjIuOTUzMSA0OC4wNDMyIDIyLjk1MzEgNTAuODc0NUMyMi45NTMxIDUzLjcwNTggMjUuMjQ4NCA1Ni4wMDEgMjguMDc5NyA1Ni4wMDFIMjguMTk3MUMzMS4wMjg0IDU2LjAwMSAzMy4zMjM3IDUzLjcwNTggMzMuMzIzNyA1MC44NzQ1WiIgZmlsbD0iIzQ2Qjk3QiIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==");
}
@media screen and (max-width: 991.98px) {
  .attention-block::before {
    left: -40px;
    background-size: 40px;
    width: 40px;
    height: 40px;
  }
}
.attention-block p {
  font-size: 20px;
  line-height: 150%;
  color: #000000;
  margin-bottom: 0;
  margin-left: 24px;
}
@media screen and (max-width: 991.98px) {
  .attention-block p {
    font-size: 16px;
  }
}

.review-block {
  padding: 32px 24px;
  background-color: #FFFFFF;
  border-radius: 24px;
}
.review-block h3, .review-block .h3 {
  color: #000000;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 16px;
}

.stars-block {
  height: 20px;
  padding: 0;
  display: flex;
  list-style: none;
  margin-top: 16px;
  margin-bottom: 0;
}

.stars-block li {
  display: inline-block;
  min-width: 20px;
  height: 20px;
  cursor: pointer;
  background-size: 20px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE3LjI5MjggMTAuMTI1M0MxNy45MzU5IDkuNTQ1OTYgMTcuNTg5MiA4LjQ3ODY3IDE2LjcyODQgOC4zODc4N0wxMy4xNzYyIDguMDEzMTdDMTIuODIxMiA3Ljk3NTcyIDEyLjUxMyA3Ljc1MTg1IDEyLjM2NzcgNy40MjU3N0wxMC45MTM0IDQuMTYyNzFDMTAuNTYxMSAzLjM3MjE1IDkuNDM4OTggMy4zNzIxNSA5LjA4NjY1IDQuMTYyNzFMNy42MzIzNiA3LjQyNTc3QzcuNDg3MDQgNy43NTE4NSA3LjE3ODkgNy45NzU3MiA2LjgyMzg4IDguMDEzMTdMMy4yNzE1IDguMzg3ODlDMi40MTA3NCA4LjQ3ODY5IDIuMDY0IDkuNTQ1OTEgMi43MDcwMSAxMC4xMjUzTDUuMzYwOSAxMi41MTY1QzUuNjI2MSAxMi43NTU1IDUuNzQzODEgMTMuMTE3NyA1LjY2OTc1IDEzLjQ2NjlMNC45Mjg2NCAxNi45NjE1QzQuNzQ5MDggMTcuODA4MiA1LjY1NjkyIDE4LjQ2NzcgNi40MDY2IDE4LjAzNTJMOS41MDAzMSAxNi4yNTAzQzkuODA5NTggMTYuMDcxOSAxMC4xOTA1IDE2LjA3MTkgMTAuNDk5OCAxNi4yNTAzTDEzLjU5MzUgMTguMDM1MkMxNC4zNDMyIDE4LjQ2NzcgMTUuMjUxIDE3LjgwODMgMTUuMDcxNSAxNi45NjE2TDE0LjMzMDMgMTMuNDY2M0MxNC4yNTYzIDEzLjExNzEgMTQuMzc0IDEyLjc1NDkgMTQuNjM5MiAxMi41MTU5TDE3LjI5MjggMTAuMTI1M1oiIGZpbGw9IiNEOUQ5RDkiLz4KPC9nPgo8L3N2Zz4K") no-repeat;
}

.stars-block li.active {
  background-size: 20px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE3LjI5MjggMTAuMTI1M0MxNy45MzU5IDkuNTQ1OTYgMTcuNTg5MiA4LjQ3ODY3IDE2LjcyODQgOC4zODc4N0wxMy4xNzYyIDguMDEzMTdDMTIuODIxMiA3Ljk3NTcyIDEyLjUxMyA3Ljc1MTg1IDEyLjM2NzcgNy40MjU3N0wxMC45MTM0IDQuMTYyNzFDMTAuNTYxMSAzLjM3MjE1IDkuNDM4OTggMy4zNzIxNSA5LjA4NjY1IDQuMTYyNzFMNy42MzIzNiA3LjQyNTc3QzcuNDg3MDQgNy43NTE4NSA3LjE3ODkgNy45NzU3MiA2LjgyMzg4IDguMDEzMTdMMy4yNzE1IDguMzg3ODlDMi40MTA3NCA4LjQ3ODY5IDIuMDY0IDkuNTQ1OTEgMi43MDcwMSAxMC4xMjUzTDUuMzYwOSAxMi41MTY1QzUuNjI2MSAxMi43NTU1IDUuNzQzODEgMTMuMTE3NyA1LjY2OTc1IDEzLjQ2NjlMNC45Mjg2NCAxNi45NjE1QzQuNzQ5MDggMTcuODA4MiA1LjY1NjkyIDE4LjQ2NzcgNi40MDY2IDE4LjAzNTJMOS41MDAzMSAxNi4yNTAzQzkuODA5NTggMTYuMDcxOSAxMC4xOTA1IDE2LjA3MTkgMTAuNDk5OCAxNi4yNTAzTDEzLjU5MzUgMTguMDM1MkMxNC4zNDMyIDE4LjQ2NzcgMTUuMjUxIDE3LjgwODMgMTUuMDcxNSAxNi45NjE2TDE0LjMzMDMgMTMuNDY2M0MxNC4yNTYzIDEzLjExNzEgMTQuMzc0IDEyLjc1NDkgMTQuNjM5MiAxMi41MTU5TDE3LjI5MjggMTAuMTI1M1oiIGZpbGw9IiM0NkI5N0IiLz4KPC9nPgo8L3N2Zz4K") no-repeat;
}

.product-detail {
  padding: 56px 48px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 991.98px) {
  .product-detail {
    padding: 24px 16px 32px;
  }
}
.product-detail h1, .product-detail .h1 {
  font-size: 32px;
  line-height: 120%;
}
@media screen and (max-width: 991.98px) {
  .product-detail h1, .product-detail .h1 {
    font-size: 22px;
  }
}
.product-detail * + h1, .product-detail * + h2, .product-detail * + h3, .product-detail * + h4, .product-detail * + h5, .product-detail * + h6 {
  margin-top: 2rem;
}
@media screen and (max-width: 991.98px) {
  .product-detail * + h1, .product-detail * + h2, .product-detail * + h3, .product-detail * + h4, .product-detail * + h5, .product-detail * + h6 {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 991.98px) {
  .product-detail h6, .product-detail .h6, .product-detail h5, .product-detail .h5, .product-detail h4, .product-detail .h4, .product-detail h3, .product-detail .h3, .product-detail h2, .product-detail .h2, .product-detail h1, .product-detail .h1 {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 991.98px) {
  .product-detail .btn-product {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media screen and (max-width: 991.98px) {
  .product-detail .btn-product {
    width: 100%;
  }
}
@media screen and (max-width: 1399.98px) {
  .product-detail .primary-tabs .nav-link {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.product-detail-size {
  color: #555;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 991.98px) {
  .product-detail-size {
    font-size: 15px;
  }
}

.product-detail-price {
  color: #000000;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 991.98px) {
  .product-detail-price {
    font-size: 22px;
  }
}

.product-detail-img {
  max-width: 438px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 5/4;
  position: relative;
}
@media screen and (max-width: 1399.98px) {
  .product-detail-img {
    max-width: 500px;
  }
}
@media screen and (max-width: 991.98px) {
  .product-detail-img {
    max-width: 100%;
  }
}
.product-detail-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.leader {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 50em;
  padding: 0;
  margin-bottom: 0;
  overflow-x: hidden;
  list-style: none;
}
.leader li:before {
  content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . ";
  float: left;
  width: 0;
  color: #D9D9D9;
  white-space: nowrap;
}
.leader span {
  color: var(--text-text-secondary, #555);
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.leader span:first-child {
  padding-right: 0.2em;
  background: white;
}
.leader span:last-child {
  color: #000000;
}
.leader span + span {
  float: right;
  background: white;
  padding-left: 0.2em;
}

[data-select] {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  min-width: 340px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 991.98px) {
  [data-select] {
    min-width: 100%;
  }
}
[data-select].open .custom-select-field {
  border-color: #46B97B;
}
[data-select].open .custom-select-value {
  color: #000000;
}
@media screen and (min-width: 991.98px) {
  [data-select]:hover .custom-select-field {
    border-color: #46B97B;
  }
  [data-select]:hover .custom-select-value {
    color: #000000;
  }
}

.custom-select-field {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15.42px 24px;
  box-sizing: border-box;
  width: 100%;
  background-color: #F5F5F5;
  border: 0.5px solid #F5F5F5;
  border-radius: 26px;
  font-size: 16px;
  color: #000000;
  cursor: pointer;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}

.custom-select-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 4px;
  line-height: 1.2;
  font-size: 16px;
  color: #000000;
  transition: color 0.3s ease;
}

.custom-select-arrow {
  display: flex;
  transform: translateZ(0);
}
.custom-select-arrow svg {
  width: 16px;
  min-width: 16px;
  transition: transform 0.3s ease;
}

.custom-select-options {
  position: absolute;
  display: block;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  border: 0.5px solid #D9D9D9;
  border-radius: 24px;
  background: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  z-index: 101;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.custom-select-options ul {
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: 200px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.custom-select-options ul::-webkit-scrollbar {
  background: transparent;
  width: 8px;
}
.custom-select-options ul::-webkit-scrollbar-thumb {
  background: #000000;
  border-radius: 100px;
  background-clip: content-box;
  border: 3px solid transparent;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.custom-select-options ul::-webkit-scrollbar-button {
  display: none;
}
.custom-select-options ul:hover::-webkit-scrollbar-thumb {
  background: #000000;
  background-clip: content-box;
  border: 3px solid transparent;
}
.custom-select-options ul li {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
  color: #000000;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1.4;
  padding: 8.82px 24px;
  transition: color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
}
.custom-select-options ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMTc3NjcgOC4wNzQ4NUw1LjU1OTMzIDExLjQ1NjZMMTEuODQ3NyA1LjE2ODE1IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  width: 14px;
  height: 16px;
  opacity: 0;
}
.custom-select-options ul li:hover {
  opacity: 0.6;
}
.custom-select-options ul li.selected {
  cursor: default;
  background: #F5F5F5;
  color: #595959;
  opacity: 1;
}
.custom-select-options ul li.selected::before {
  opacity: 1;
}

[data-select].open .custom-select-arrow svg {
  transform: rotate(-180deg);
}

[data-select].open .custom-select-field {
  z-index: 5;
}

[data-select].open .custom-select-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.pricing-table {
  overflow-scrolling: touch;
  scrollbar-color: var(--theme-primary);
  scrollbar-width: thin;
}
@media screen and (min-width: 991.98px) {
  .pricing-table {
    max-height: 540px;
    overflow: auto;
  }
}
.pricing-table::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--theme-primary);
}
.pricing-table::-webkit-scrollbar {
  width: 8px;
}
.pricing-table::-webkit-scrollbar-track {
  border-radius: 1px;
  background: lightgray;
}
.pricing-table::-webkit-scrollbar-thumb {
  border-radius: 1px;
}
@media screen and (max-width: 991.98px) {
  .pricing-table {
    overflow: hidden;
  }
}
.pricing-table table {
  border-collapse: separate;
  border-left: 0;
  border-spacing: 0;
  width: 100%;
  position: relative;
  border-radius: 24px;
  background-color: #FFFFFF;
}
.pricing-table thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
  border-collapse: separate;
  background-color: #262626;
  color: #FAFAFA;
  overflow: hidden;
}
.pricing-table tbody {
  overflow-scrolling: touch;
  scrollbar-color: #46B97B lightgray;
  scrollbar-width: thin;
}
.pricing-table tbody::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #46B97B;
}
.pricing-table tbody::-webkit-scrollbar {
  width: 8px;
}
.pricing-table tbody::-webkit-scrollbar-track {
  border-radius: 1px;
}
@media screen and (max-width: 991.98px) {
  .pricing-table tbody {
    display: block;
    width: 100%;
    max-height: 330px;
    overflow-y: auto;
  }
}
.pricing-table th, .pricing-table td {
  padding: 16px 24px;
  text-align: left;
  line-height: 120%;
  font-size: 16px;
  vertical-align: top;
  border-left: 0.5px solid #D9D9D9;
  color: #000000;
  min-width: 144px;
}
@media screen and (max-width: 991.98px) {
  .pricing-table th, .pricing-table td {
    min-width: 100%;
  }
}
.pricing-table th {
  font-weight: 700;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  border-left: 0.5px solid #404040;
  background-color: #262626;
  color: #FAFAFA;
}
@media screen and (max-width: 991.98px) {
  .pricing-table th {
    font-size: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #FFFFFF;
  }
}
.pricing-table tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.pricing-table tr:not(.subcategory):nth-child(odd) {
  background-color: #F5F5F5;
}
@media screen and (max-width: 991.98px) {
  .pricing-table tr {
    display: flex;
    flex-direction: column;
    border-bottom: 0.5px solid #D9D9D9;
  }
}
.pricing-table td {
  border-top: 0.5px solid #D9D9D9;
}
.pricing-table td:first-of-type {
  padding-top: 16px;
  color: #000000;
  max-width: 510px;
}
.pricing-table td:last-of-type {
  padding-bottom: 16px;
  color: #000000;
  width: 180px;
}
@media screen and (max-width: 991.98px) {
  .pricing-table td:last-of-type {
    width: auto;
  }
}
@media screen and (max-width: 991.98px) {
  .pricing-table td {
    color: #555;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top-width: 0;
  }
}
.pricing-table tr.sticky {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f5f5f5;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 991.98px) {
  .pricing-table tr.sticky {
    display: none;
  }
}
.pricing-table tr.subcategory td {
  padding: 24px;
}
@media screen and (max-width: 991.98px) {
  .pricing-table tr.subcategory td {
    padding: 16px;
  }
}
.pricing-table .subcategory span {
  color: var(--text-text-primary, #000);
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 991.98px) {
  .pricing-table .subcategory span {
    font-size: 20px;
  }
}

@media screen and (min-width: 991.98px) {
  .modal-primary {
    max-width: 588px;
  }
}
.modal-primary .modal-header {
  padding: 0;
}
.modal-primary .modal-body {
  padding: 0;
}
.modal-primary .modal-header {
  margin-bottom: 16px;
}
.modal-primary .modal-title {
  color: var(--text-text-primary, #000);
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
}
@media screen and (max-width: 991.98px) {
  .modal-primary .modal-title {
    font-size: 20px;
    margin-bottom: 48px;
  }
}
.modal-primary .modal-desc {
  color: var(--text-text-primary, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 32px;
}
@media screen and (max-width: 767.98px) {
  .modal-primary .modal-desc {
    font-size: 15px;
    margin-bottom: 64px;
  }
}
.modal-primary .modal-content {
  width: 100%;
  background: #FFFFFF;
  padding: 56px 48px;
  border: unset;
  overflow: hidden;
}
@media screen and (min-width: 991.98px) {
  .modal-primary .modal-content {
    border-radius: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .modal-primary .modal-content {
    padding: 72px 16px 32px;
  }
}
.modal-primary .modal-close-btn {
  -webkit-appearance: none;
  border: none;
  padding: 0;
  background-color: transparent;
}
.modal-primary .modal-close-btn svg {
  transition: opacity 0.3s ease;
}
.modal-primary .modal-close-btn:hover svg {
  opacity: 0.7;
}

@media screen and (max-width: 991.98px) {
  .modal-thanks .modal-title {
    margin-bottom: 24px;
  }
}
.modal-thanks .btn-primary {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 991.98px) {
  .modal-thanks .btn-primary {
    width: 100%;
  }
}

.modal-decor-photo canvas {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (max-width: 991.98px) {
  .modal-decor-photo canvas {
    display: none;
  }
}
.modal-decor-photo img {
  position: absolute;
  right: -137px;
  bottom: -38px;
}
@media screen and (max-width: 991.98px) {
  .modal-decor-photo img {
    right: 50%;
    bottom: 0;
    transform: translateX(50%);
  }
}

.offcanvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9;
  opacity: 1;
  visibility: visible;
}

.offcanvas-body {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.offcanvas-close {
  cursor: pointer;
  position: relative;
  display: block;
}
.offcanvas-close svg {
  position: relative;
  z-index: 110;
  transform: translate3d(0, 0, 0);
}

.offcanvas-close-bg::after {
  content: "";
  position: absolute;
  top: -21px;
  right: -21px;
  width: 80px;
  height: 56px;
  z-index: 100;
  background: linear-gradient(to left, #002347, rgba(255, 255, 255, 0));
  pointer-events: none;
}

.offcanvas {
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  z-index: 12000;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  transform: translateX(-100%);
  transition: all 0.5s ease;
  width: 100%;
  background: #F0F0F0;
  overflow-scrolling: touch;
  scrollbar-color: var(--theme-primary);
  scrollbar-width: thin;
}
.offcanvas::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--theme-primary);
}
.offcanvas::-webkit-scrollbar {
  width: 2px;
}
.offcanvas::-webkit-scrollbar-track {
  border-radius: 1px;
  background: lightgray;
}
.offcanvas::-webkit-scrollbar-thumb {
  border-radius: 1px;
}
@media screen and (min-width: 575.98px) {
  .offcanvas {
    width: 340px;
  }
}

.offcanvas-multilevel {
  display: flex;
}

.offcanvas_active {
  transform: translateX(0);
  overflow: auto;
  overflow-x: hidden;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}

.offcanvas__list {
  list-style: none;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-scrolling: touch;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #F0F0F0;
  scrollbar-color: var(--theme-primary);
  scrollbar-width: thin;
}
.offcanvas__list::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--theme-primary);
}
.offcanvas__list::-webkit-scrollbar {
  width: 2px;
}
.offcanvas__list::-webkit-scrollbar-track {
  border-radius: 1px;
  background: lightgray;
}
.offcanvas__list::-webkit-scrollbar-thumb {
  border-radius: 1px;
}

.offcanvas__list-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: color 0.3s;
  background-color: #fff;
  margin-right: 16px;
  margin-left: 16px;
  font-size: 14px;
  line-height: 120%;
  color: black;
}
.offcanvas__list-item span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.offcanvas__list-item span:not(:first-child) {
  margin-left: 12px;
}
.offcanvas__list-item:hover {
  color: var(--theme-primary);
}

.offcanvas__has-subnav:last-child > .offcanvas__list-item {
  border-bottom: transparent;
}

.offcanvas__list-item_act {
  color: var(--theme-primary);
}
.offcanvas__list-item_act svg {
  fill: var(--theme-primary);
}

.offcanvas__has-subnav > a:not(.offcanvas__list-btn) {
  position: relative;
}
.offcanvas__has-subnav > a:not(.offcanvas__list-btn)::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zIj4KPHBhdGggaWQ9IlZlY3RvciAyNTIiIGQ9Ik00Ljg3NSAxMC4xMjVMOSA2TDQuODc1IDEuODc1IiBzdHJva2U9IiNCRkJGQkYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
  background-size: 12px;
  width: 12px;
  height: 12px;
  margin-left: auto;
  padding-left: 8px;
}

.offcanvas__subnav {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #F0F0F0;
  z-index: 40;
  transform: translate3d(101%, 0, 0);
  transition: transform 0.5s;
}
.offcanvas__subnav li:nth-child(2) {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
}
.offcanvas__subnav li:last-of-type {
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}
.offcanvas__subnav li .offcanvas__list-item {
  border-bottom: 1px solid #F0F0F0;
  border-radius: inherit;
  min-height: 52px;
}

.offcanvas__subnav_active {
  transform: translate3d(0, 0, 0);
  width: 100%;
}

.offcanvas__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 16px;
  color: black;
  border-radius: 24px;
  background: var(--black-black-1, #FFF);
  margin: 24px 16px 8px;
}

.offcanvas__list-item_primary {
  color: var(--theme-primary);
}
.offcanvas__list-item_primary:hover {
  color: var(--theme-primary-dark);
}

.offcanvas__back-track {
  margin: 24px 16px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 24px;
  background: var(--black-black-1, #FFF);
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}
.offcanvas__back-track::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zIj4KPHBhdGggaWQ9IlZlY3RvciAyNTIiIGQ9Ik0xNC4yNSAyMC4yNUw2IDEyTDE0LjI1IDMuNzUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
  background-size: 24px;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.offcanvas__back-track:hover {
  color: #FFFFFF;
}

.offcanvas__back-track-title {
  color: var(--black-black-8, #595959);
  font-size: 14px;
  line-height: 120%;
  /* 16.8px */
}

.offcanvas__phone_desc {
  margin-top: 6px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #666666;
}

.offcanvas-footer {
  border-radius: 24px;
  background: var(--style-surface, #FFF);
  padding: 24px 16px 32px;
  margin: 16px 16px 24px;
}

.offcanvas__links {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 20px;
}
.offcanvas__links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offcanvas__links li {
  line-height: 1.2;
}
.offcanvas__links li:not(:last-child) {
  margin-right: 24px;
}
.offcanvas__links li a {
  font-size: 14px;
  line-height: 1.2;
  color: #FFFFFF;
  text-decoration: unset;
}

.offcanvas-items {
  background-color: #fff;
  margin-top: 16px;
  border-radius: 24px;
  margin-left: 16px;
  margin-right: 16px;
}
.offcanvas-items ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.offcanvas-items li:not(:last-child) {
  border-bottom: 1px solid #F0F0F0;
}

.offcanvas-light {
  background: #FFFFFF;
}
.offcanvas-light .offcanvas__head {
  background: #F6F6F6;
  color: #000000;
  padding: 11.2px 16px;
}
.offcanvas-light .offcanvas-close-bg::after {
  background: linear-gradient(to left, #F6F6F6, rgba(255, 255, 255, 0));
}

.offcanvas-nav span {
  font-size: 14px;
}

.offcanvas-buttons > ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.offcanvas__list-btn {
  padding: 8px 16px;
  border-radius: 24px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 12px;
}
.offcanvas__list-btn:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuODc1IDEwLjEyNUw5IDZMNC44NzUgMS44NzUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}
.offcanvas__list-btn span {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.offcanvas__list-catalog {
  background-color: #46B97B;
}
.offcanvas__list-catalog span {
  color: #FFFFFF;
}

.offcanvas__nav {
  padding: 24px 16px 32px;
  background-color: #fff;
  border-radius: 24px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 16px;
}
.offcanvas__nav ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.offcanvas__nav li {
  line-height: 120%;
}
.offcanvas__nav a {
  color: var(--text-text-secondary, #555);
  font-size: 14px;
  line-height: 120%;
}

.offcanvas-category-subhead {
  padding: 24px 16px;
  background: #FFFFFF;
  overflow: hidden;
  border-radius: inherit;
  margin-right: 16px;
  margin-left: 16px;
  border-bottom: 1px solid var(--base-black-13, #000);
}
.offcanvas-category-subhead .link-underline {
  color: #000;
}

.offcanvas-category-subhead-title {
  margin-bottom: 16px;
  color: var(--text-text-primary, #000);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

#offcanvas-filter .offcanvas__head {
  margin: 0;
  border-radius: unset;
  padding: 17.85px 16px;
  font-size: 18px;
  border-bottom: 1px solid var(--base-black-5, #D9D9D9);
}

.footer {
  padding-top: 80px;
  padding-bottom: 48px;
}
@media screen and (max-width: 991.98px) {
  .footer {
    padding-top: 48px;
    padding-bottom: 24px;
  }
}

.footer-phone {
  color: #46B97B;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  white-space: nowrap;
}
.footer-phone:hover {
  color: #46B97B;
}

@media screen and (max-width: 991.98px) {
  .footer-logo img {
    width: 196px;
  }
}

.footer-inner {
  padding: 56px 48px;
  background: #FFFFFF;
}
@media screen and (max-width: 991.98px) {
  .footer-inner {
    padding: 24px 16px 32px;
  }
}

.footer-catalog ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (max-width: 991.98px) {
  .footer-catalog ul {
    gap: 12px;
  }
}
.footer-catalog li {
  line-height: 1.1;
}
.footer-catalog a:not(.footer-catalog-title) {
  line-height: inherit;
  font-size: 14px;
  color: #555555;
}

.footer-catalog-title {
  color: var(--text-text-primary, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  display: inline-block;
}
.footer-catalog-title:not(:last-child) {
  margin-bottom: 14px;
}

.footer-catalog-group:not(:first-child) {
  margin-top: 32px;
}
@media screen and (max-width: 991.98px) {
  .footer-catalog-group:not(:first-child) {
    margin-top: 24px;
  }
}

.footer-main {
  padding-top: 48px;
  margin-top: 48px;
  border-top: 1px solid #d9d9d9;
}
@media screen and (max-width: 991.98px) {
  .footer-main {
    border-top: unset;
    padding-top: 0;
    margin-top: 40px;
  }
}
@media screen and (max-width: 1199.98px) and (min-width: 991.98px) {
  .footer-main .btn {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.footer-address {
  color: #46B97B;
  font-size: 20px;
  line-height: 120%;
}
@media screen and (max-width: 1399.98px) {
  .footer-address {
    font-size: 18px;
  }
}
@media screen and (max-width: 991.98px) {
  .footer-address {
    font-size: 18px;
  }
}

.footer-social {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media screen and (max-width: 991.98px) {
  .footer-social {
    -moz-column-count: unset;
         column-count: unset;
    -moz-column-gap: unset;
         column-gap: unset;
    display: flex;
    align-items: center;
    gap: 24px;
  }
}
@media screen and (max-width: 991.98px) {
  .footer-social svg {
    width: 24px;
    height: 24px;
  }
}

.footer-copy {
  color: var(--text-text-secondary, #555);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 14.4px */
}

.footer-bottom {
  color: #46B97B;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-top: 20px;
}
@media screen and (max-width: 991.98px) {
  .footer-bottom {
    border-top: 1px solid #F0F0F0;
    margin-top: 24px;
    padding-top: 24px;
  }
}
.footer-bottom .text-micro {
  color: #555555;
}
.footer-bottom a {
  color: inherit;
}

@media screen and (min-width: 991.98px) {
  .footer .collapse:not(.show) {
    display: block;
  }
}
@media screen and (max-width: 991.98px) {
  .footer-catalog-title {
    display: none;
  }
}
.footer .accordion-button {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #000;
  border-bottom: unset;
}
.footer .accordion-button::after {
  width: 16px;
  height: 16px;
  background-size: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb25zIj4KPHBhdGggaWQ9IlZlY3RvciAyNTIiIGQ9Ik0yLjUgNkw4IDExLjVMMTMuNSA2IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==");
}
@media screen and (max-width: 991.98px) {
  .footer .accordion-item {
    border-bottom: 1px solid #F0F0F0;
  }
  .footer .accordion-body {
    padding-bottom: 24px;
    border-bottom: 1px solid #1F1F1F;
  }
}