@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap");
.video-container {
  background: rgba(24, 30, 26, 0.7);
}
.main-banner, .video-container {
  height: 100vh;
  position: absolute;
  width: 100%;
}
.main-banner {
  object-fit: cover;
}
.about {
  background-image: url("static/media/main-banner.2273061d7370caebdd2f.webp");
  background-position: 50% center;
  flex-direction: column;
}
.about, .about-container {
  display: flex;
  height: 100vh;
}
.about-container {
  align-items: center;
  justify-content: center;
}
.about-container__info {
  z-index: 1;
}
.about-shadow {
  background: rgba(24, 30, 26, 0.6);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.text-container__title {
  color: rgb(127, 158, 86);
  font-size: 57px;
  font-weight: 700;
  letter-spacing: -0.6px;
  line-height: 68px;
  padding-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}
.text-container__text {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 28px;
  text-align: center;
  text-transform: uppercase;
}
.text-container__actions {
  align-items: center;
  display: flex;
  gap: 36px;
  justify-content: center;
}
.about-button {
  text-transform: uppercase;
  width: 300px !important;
}
@media screen and (max-width: 768px) {
  .about {
    background-position-x: 600px;
  }
  .text-container {
    width: 100%;
  }
  .text-container__title {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 52px;
    padding-bottom: 15px;
  }
  .text-container__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 620px) {
  .video-container {
    display: none;
  }
  .text-container__title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 48px;
  }
  .text-container__text {
    color: rgb(150, 159, 154);
    font-size: 14px;
    line-height: 24px;
  }
  .text-container__actions {
    flex-direction: column;
    gap: 15px;
  }
  .about-button {
    width: 100% !important;
  }
}
@media screen and (max-width: 413px) {
  .text-container__title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.3px;
    line-height: 32px;
  }
  .text-container__text {
    color: rgb(150, 159, 154);
    font-size: 14px;
    line-height: 24px;
  }
  .about-button {
    font-size: 12px !important;
    height: 50px !important;
  }
}
.modal {
  opacity: 0;
  pointer-events: none;
  position: fixed;
}
.modal--active {
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  height: 100vh;
  justify-content: center;
  opacity: 1;
  pointer-events: all;
  position: fixed;
  transition: 0.5s;
  width: 100vw;
  z-index: 2;
}
.modal__container {
  background-color: rgb(22, 27, 24);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 0px 45px;
}
.modal__close {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 20px 0px;
}
.modal__close-icon {
  cursor: pointer;
  height: 24px;
  width: 24px;
}
.modal__title {
  color: rgb(255, 255, 255);
  font-size: 23px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}
.modal__actions {
  flex-direction: row;
}
.modal__actions, .modal__actions--column {
  align-items: center;
  display: flex;
  gap: 32px;
  margin: 50px 0px 65px;
}
.modal__actions--column {
  flex-direction: column;
}
.modal__actions-action {
  height: 65px;
  width: 360px;
}
@media screen and (max-width: 820px) {
  .modal__actions-action {
    width: 300px !important;
  }
}
@media screen and (max-width: 720px) {
  .modal__actions {
    flex-direction: column;
  }
  .modal__actions-action {
    width: 420px !important;
  }
}
@media screen and (max-width: 481px) {
  .modal__actions-action {
    width: 380px !important;
  }
  .modal__container {
    padding: 0px 22px;
  }
}
@media screen and (max-width: 380px) {
  .modal__actions-action {
    height: 45px !important;
    width: 100% !important;
  }
  .modal__container {
    padding: 0px 16px;
  }
}
.complex {
  background-position: 50% center;
  background-size: cover;
  border-radius: 20px;
  height: 622px;
  width: 100%;
}
.complex-body {
  border-radius: 20px;
  height: 100%;
  justify-content: flex-end;
  padding: 36px;
  z-index: 1;
}
.complex-body, .complex-body__text {
  display: flex;
  flex-direction: column;
}
.complex-body__text {
  gap: 12px;
}
.complex-body__header {
  color: rgb(255, 255, 255);
  font-size: 34px;
  font-weight: 600;
  line-height: 40px;
}
.complex-body__location {
  align-items: center;
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  color: rgb(24, 30, 26);
  display: flex;
  font-size: 23px;
  font-weight: 500;
  gap: 7px;
  line-height: 28px;
  padding: 8px 12px;
  width: fit-content;
}
.complex-body__type {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
@media screen and (max-width: 1200px) {
  .complex {
    height: 500px;
  }
}
@media screen and (max-width: 1024px) {
  .complex {
    height: 450px;
  }
}

/* Responsive slide widths — override stale fixed pixel widths captured from desktop snapshot */
.complexes-slider .swiper-slide {
  width: calc(50% - 18px) !important;
  margin-right: 36px !important;
}
@media screen and (max-width: 1024px) {
  .complexes-slider .swiper-slide {
    width: 85% !important;
    margin-right: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .complexes-slider .swiper-slide {
    width: 90% !important;
    margin-right: 14px !important;
  }
}
.complexes {
  margin: 110px 0px;
}
.complexes-up {
  gap: 36px;
  margin: 60px 0px;
}
.complexes-down, .complexes-up {
  align-items: center;
  display: flex;
  justify-content: center;
}
.complexes-down {
  padding-top: 60px;
}
.complexes-slider .swiper-button-next, .complexes-slider .swiper-button-prev {
  background-color: rgb(255, 255, 255);
}
@media screen and (max-width: 1020px) {
  .complexes-up {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .complexes-down {
    padding-top: 40px;
  }
}
.feedback {
  background-color: rgb(24, 30, 26);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 372px;
  padding: 20px;
}
.feedback__info {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.feedback__info-icon {
  height: 52px !important;
  width: 52px !important;
}
.feedback__info-name {
  color: rgb(255, 255, 255);
  font-size: 23px;
  font-weight: 500;
  line-height: 28px;
}
.feedback__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.feedbackSlider {
  border-radius: 20px;
  margin-top: 60px;
}
@media screen and (max-width: 1024px) {
  .feedback__text {
    line-height: 18px;
  }
}
@media screen and (max-width: 1280px) {
  .feedback__text {
    line-height: 22px;
  }
  .feedbackSlider {
    margin-top: 40px;
  }
}
@media screen and (max-width: 620px) {
  .feedback {
    height: 370px;
  }
}

/* Responsive slide widths for testimonials slider */
.feedbackSlider .swiper-slide {
  width: 420px !important;
  margin-right: 30px !important;
}
@media screen and (max-width: 600px) {
  .feedbackSlider .swiper-slide {
    width: 85% !important;
    margin-right: 16px !important;
  }
}
.header {
  position: fixed;
  transition: 0.2s ease-in-out;
  width: 100%;
  z-index: 2;
}
.header-bg {
  backdrop-filter: blur(60px);
  background-color: rgba(24, 30, 26, 0.4);
}
.header__items {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.header__items-nav {
  padding: 10px 0px;
}
.header__items .navigations, .header__items-nav {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.header__items .navigations {
  text-align: center;
}
.header__items .navigations li {
  align-items: center;
  display: flex;
  gap: 8px;
}
.header__items .navigations__action {
  color: rgb(255, 255, 255);
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
}
.header__items .navigations__action-span {
  background-color: rgb(255, 236, 139);
  border: 1px solid rgb(255, 236, 139);
  border-radius: 20px;
  color: rgb(24, 30, 26);
  font-size: 14px;
  padding: 4px 10px;
  text-align: center;
}
.header__items .navigations__action::after {
  background: rgb(255, 255, 255);
  content: "";
  display: block;
  height: 1px;
  transition: width 0.3s;
  width: 0px;
}
.header__items .navigations__action:hover::after {
  transition: width 0.3s;
  width: 100%;
}
.header__items-contacts {
  align-items: center;
  display: flex;
  gap: 32px;
}
.header__items-contacts .contacts__number {
  align-items: center;
  color: rgb(255, 255, 255);
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 24px;
}
.header__items-contacts .contacts__button {
  font-size: 14px;
  font-weight: 400;
  height: 65px;
  width: 230px;
}
@media screen and (max-width: 1366px) {
  .navigations {
    gap: 22px !important;
  }
  .navigations__action {
    font-size: 12px !important;
  }
}
#app, body, html {
  height: 100%;
}
body, html {
  position: relative;
}
.buildStatusSlider {
  height: 100%;
  user-select: none;
  width: 100%;
}
.swiper-slide {
  align-items: center;
  background: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  font-size: 18px;
  justify-content: center;
  text-align: start;
}
.buildStatusImg {
  border-radius: 10px;
  cursor: pointer;
  display: block;
  height: 400px !important;
}
@media screen and (max-width: 1440px) {
  .buildStatusImg {
    height: 300px !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 1280px) {
  .buildStatusImg {
    height: 280px !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 1080px) {
  .buildStatusImg {
    height: 250px !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 1024px) {
  .buildStatusImg {
    height: 210px !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 824px) {
  .buildStatusImg {
    height: 250px !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .buildStatusImg {
    height: 220px !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 620px) {
  .buildStatusImg {
    height: 300px !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 428px) {
  .buildStatusImg {
    height: 270px !important;
    width: 100% !important;
  }
}
.status-info__container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 403px;
  padding-left: 5px;
  padding-top: 12px;
}
.status-info__date {
  color: rgb(85, 85, 85);
  font-size: 16px;
  line-height: 24px;
}
.status-info__title {
  color: rgb(82, 114, 70);
  font-size: 23px;
  font-weight: 400;
  line-height: 28px;
  text-transform: uppercase;
}
.status-info__text {
  color: rgb(85, 85, 85);
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, 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");
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: clip;
  padding: 0px;
  position: relative;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform, -webkit-transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translateZ(0px);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform, -webkit-transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0px);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0px;
  pointer-events: none;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
  border-right-color:;
  border-right-style:;
  border-right-width:;
  border-bottom-color:;
  border-bottom-style:;
  border-bottom-width:;
  border-left-color:;
  border-left-style:;
  border-left-width:;
  border-image-source:;
  border-image-slice:;
  border-image-width:;
  border-image-outset:;
  border-image-repeat:;
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50% center;
  width: 42px;
  z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear 0s infinite normal none running swiper-preloader-spin;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0px);
  transition: opacity 0.3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,8px);
  left: 0px;
  top: var(--swiper-pagination-top,auto);
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0px;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  display: inline-block;
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
}
button.swiper-pagination-bullet {
  appearance: none;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity,1);
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left,auto);
  right: var(--swiper-pagination-right,8px);
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
}
.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);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color,inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size,4px);
  left: 0px;
  top: 0px;
  width: 100%;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0px;
  top: 0px;
  width: var(--swiper-pagination-progressbar-size,4px);
}
.swiper-pagination-lock {
  display: none;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next, .swiper-button-prev {
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: calc(var(--swiper-navigation-size)/44*27);
  z-index: 10;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg, .swiper-button-prev svg {
  height: 100%;
  object-fit: contain;
  transform-origin: center center;
  width: 100%;
}
.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset,10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next::after, .swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0px;
  line-height: 1;
  text-transform: none !important;
}
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
  content: "prev";
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  left: auto;
  right: var(--swiper-navigation-sides-offset,10px);
}
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
  content: "next";
}
.banner {
  align-items: center;
  background: rgba(24, 30, 26, 0.5);
  display: flex;
  justify-content: center;
  margin-bottom: 1px;
}
.banner, .banner__image {
  height: 100vh;
  width: 100%;
}
.banner__image {
  object-fit: cover;
  z-index: -1;
}
.banner__titles {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: absolute;
}
.banner__titles-liltext {
  align-items: center;
  background-color: rgb(255, 236, 139);
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  border-radius: 100px;
  color: rgb(24, 30, 26);
  display: flex;
  flex-direction: row;
  font-size: 18px;
  font-weight: 500;
  gap: 8px;
  line-height: 20px;
  padding: 10px;
}
.banner__titles-main {
  color: rgb(255, 255, 255);
  font-size: 100px;
  font-weight: 600;
  line-height: 120px;
  text-align: center;
  text-transform: uppercase;
}
.banner__titles-subtitle {
  font-size: 26px;
  line-height: 32px;
}
.banner__action, .banner__titles-subtitle {
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-transform: uppercase;
}
.banner__action {
  align-items: center;
  background-color: rgb(82, 114, 70);
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  border-radius: 100px;
  bottom: 0px;
  cursor: pointer;
  display: flex;
  font-size: 28px;
  height: 64px;
  justify-content: center;
  line-height: 20px;
  margin-bottom: 100px;
  padding: 0px 64px;
  position: absolute;
  transition: 0.1s ease-in-out;
}
.banner__action:hover {
  background-color: rgb(127, 158, 86) !important;
}
@media screen and (max-width: 1280px) {
  .banner__titles {
    gap: 16px;
  }
  .banner__action {
    margin-bottom: 50px;
    padding: 0px 20px;
  }
  .banner__action a {
    font-size: 22px;
  }
}
@media screen and (max-width: 1130px) {
  .banner__titles-main {
    font-size: 44px;
    line-height: 52px;
  }
  .banner__action {
    font-size: 14px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 480px) {
  .banner__titles-main {
    font-size: 27px;
    line-height: 32px;
  }
  .banner__titles-subtitle {
    font-size: 22px;
    line-height: 24px;
    text-align: center;
  }
  .banner__action {
    height: 48px;
    margin-bottom: 100px;
    padding: 0px;
    width: 288px;
  }
}
@media screen and (max-height: 720px) {
  .banner__titles-main {
    font-size: 54px;
    line-height: 55px;
  }
  .banner__titles-subtitle {
    font-size: 22px;
    line-height: 24px;
    text-align: center;
  }
  .banner__action {
    font-size: 22px;
  }
}
@media screen and (max-height: 667px) {
  .banner__titles {
    gap: 22px;
  }
  .banner__titles-main {
    font-size: 34px;
    line-height: 35px;
  }
  .banner__titles-subtitle {
    font-size: 18px;
    line-height: 20px;
    text-align: center;
  }
  .banner__action {
    font-size: 22px;
    margin-bottom: 25px;
  }
}
.beskid-page-swiper {
  border-radius: 20px;
  cursor: pointer;
  height: 368px;
  margin: 0px;
  width: 600px;
}
@media screen and (max-width: 820px) {
  .beskid-page-swiper {
    height: 444px;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .beskid-page-swiper {
    height: 228px;
  }
}
.plan {
  display: flex;
  flex-direction: row;
  margin-top: 60px;
}
.plan-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding-left: 34px;
}
.plan-info__title {
  color: rgb(82, 114, 70);
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  text-transform: uppercase;
}
.plan-info__text {
  color: rgb(85, 85, 85);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.plan-info__cards {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
.plan-info__cards-box {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.plan-info__card {
  align-items: flex-start;
  background-color: rgb(247, 247, 247);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  width: 50%;
}
.plan-info__card-title {
  color: rgb(85, 85, 85);
}
.plan-info__card-info, .plan-info__card-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.plan-info__card-info {
  color: rgb(24, 30, 26);
}
.beskid-plan-swiper {
  border-radius: 20px;
  height: 622px;
  width: 622px;
}
@media screen and (max-width: 1280px) {
  .beskid-plan-swiper {
    height: 500px;
    width: 600px;
  }
}
@media screen and (max-width: 910px) {
  .plan {
    flex-direction: column-reverse;
    gap: 24px;
    width: 100%;
  }
  .plan-info {
    padding: 0px;
  }
  .beskid-plan-swiper {
    height: 500px;
    width: 100%;
  }
}
@media screen and (max-width: 620px) {
  .beskid-plan-swiper {
    height: 400px;
  }
}
@media screen and (max-width: 470px) {
  .beskid-plan-swiper {
    height: 280px;
  }
}
.managment {
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  height: 550px;
  justify-content: center;
  margin: 60px 0px 112px;
  overflow: hidden;
}
.managment__box {
  background-size: 100%;
  height: 100%;
  width: 25%;
}
.managment__box, .managment__box-info {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.managment__box-info {
  gap: 16px;
  justify-content: flex-end;
  transform: translateY(250px);
}
.managment__box-number {
  color: rgb(255, 255, 255);
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}
.managment__box-text {
  color: rgb(255, 255, 255);
  font-size: 23px;
  font-weight: 500;
  line-height: 28px;
  max-width: 200px;
  text-align: center;
}
.managment .bg-one {
  background: linear-gradient(rgba(24, 30, 26, 0), rgba(24, 30, 26, 0.65) 65.1%) 0% 0% / 100% 433px, url("static/media/manageGroupImg1.0f127f92c2c117987728.webp") no-repeat;
}
.managment .bg-two {
  background: linear-gradient(rgba(24, 30, 26, 0), rgba(24, 30, 26, 0.65) 65.1%) 0% 0% / 100% 433px, url("static/media/manageGroupImg2.8cbd1f34396077e2db8c.webp") no-repeat;
}
.managment .bg-three {
  background: linear-gradient(rgba(24, 30, 26, 0), rgba(24, 30, 26, 0.65) 65.1%) 0% 0% / 100% 433px, url("static/media/manageGroupImg3.b1e33c1b84a5888d381d.webp") no-repeat;
}
.managment .bg-four {
  background: linear-gradient(rgba(24, 30, 26, 0), rgba(24, 30, 26, 0.65) 65.1%) 0% 0% / 100% 433px, url("static/media/manageGroupImg4.6eba19e1f749aefca32e.webp") no-repeat;
}
@media screen and (max-width: 1920px) {
  .managment__box {
    background-size: 100% 100% !important;
  }
}
@media screen and (max-width: 1440px) {
  .managment {
    height: 500px;
  }
}
@media screen and (max-width: 1366px) {
  .managment {
    height: 433px;
  }
}
@media screen and (max-width: 820px) {
  .managment {
    flex-wrap: wrap;
    height: 866px;
  }
  .managment__box {
    height: 433px;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .managment {
    flex-wrap: wrap;
    height: 560px;
  }
  .managment__box {
    height: 280px;
    width: 50%;
    background-size: 220px 280px !important;
  }
  .managment__box-info {
    transform: translateY(150px);
  }
  .managment__box-number {
    font-size: 26px;
    line-height: 32px;
  }
  .managment__box-text {
    font-size: 20px;
    line-height: 24px;
  }
}
.build-status__title {
  color: rgb(24, 30, 26);
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.35px;
  line-height: 40px;
  margin-top: 60px;
}
.build-status__actions {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding-top: 32px;
}
.build-status__actions-button {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(127, 158, 86);
  border-radius: 30px;
  color: rgb(127, 158, 86);
  cursor: pointer;
  height: 44px;
  padding: 10px 16px;
  width: 190px;
}
.build-status__actions .button-active {
  background-color: rgb(82, 114, 70);
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  color: rgb(255, 255, 255);
}
.build-status__slider {
  display: block;
  margin: 32px 0px;
}
.build-status .slider-hidden {
  display: none;
}
#wes-town__button {
  height: 40px;
  width: 120px;
}
#comf-town__button {
  height: 40px;
  width: 150px;
}
.queue {
  align-items: center;
  background-color: rgb(241, 243, 245);
  border-radius: 7px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
  width: max-content;
}
.queue-title {
  color: rgb(85, 85, 85);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.queue-button {
  background-color: rgb(241, 243, 245);
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  color: rgb(85, 85, 85);
}
.queue-button, .queue-button--active {
  border-radius: 7px;
  cursor: pointer;
  font-size: 20px;
  height: auto;
  padding: 15px 41px;
  width: max-content;
}
.queue-button--active {
  background-color: rgb(82, 114, 70);
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  color: rgb(255, 255, 255);
}
.comfort-slider img, .fomich-Slider img, .west-slider img {
  width: 100% !important;
}
@media screen and (max-width: 992px) {
  .build-status__items {
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 620px) {
  .build-status__actions {
    align-items: start;
    flex-direction: column;
    gap: 16px;
  }
  .build-status__actions #comf-town__button, .build-status__actions #wes-town__button, .build-status__actions-button {
    width: 100%;
  }
  .build-status__title {
    margin-top: 40px !important;
  }
}
.mountains {
  background-image: linear-gradient(rgba(24, 30, 26, 0.4), rgba(24, 30, 26, 0.4)), url("static/media/mountains.7809f868d7dae2377c65.webp");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 65vh;
  justify-content: center;
}
.mountains, .mountains-titles {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.mountains-titles {
  gap: 20px;
  padding: 55px;
  transform: translateY(100px);
}
.mountains-titles__main {
  color: rgb(255, 255, 255);
  font-size: 55px;
  font-weight: 600;
  text-align: center;
}
.mountains-titles__sub {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}
.mountains-cards {
  align-items: flex-end;
  display: flex;
  gap: 24px;
  height: 65vh;
  transform: translateY(65px);
  width: 90%;
}
.mountains-cards-tabs {
  display: none;
}
.mountains-card {
  align-items: flex-start;
  background-color: rgb(247, 247, 247);
  border-radius: 12px;
  color: rgb(85, 85, 85);
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  width: 33.33%;
}
@media screen and (max-width: 820px) {
  .mountains-titles__main {
    font-size: 34px;
  }
  .mountains-titles__sub {
    font-size: 14px;
    width: 75%;
  }
  .mountains-card-text {
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  .mountains {
    height: 100%;
  }
  .mountains-titles {
    transform: translateY(0px);
  }
  .mountains-cards {
    display: none;
  }
  .mountains-cards-tabs {
    display: flex;
    gap: 8px;
    padding-top: 24px;
  }
}
@media screen and (max-width: 620px) {
  .mountains-cards-tabs {
    flex-direction: column;
  }
  .mountains-card {
    align-items: center;
    flex-direction: row;
    width: 100%;
  }
}
@media screen and (max-width: 520px) {
  .mountains-titles {
    padding: 40px 16px;
  }
  .mountains-titles__main {
    font-size: 22px;
  }
  .mountains-titles__sub {
    font-size: 14px;
    width: 100%;
  }
  .mountains-card-text {
    font-size: 12px;
  }
}
.contacts {
  align-items: center;
  display: flex;
  gap: 220px;
  justify-content: center;
  padding: 60px 0px 112px;
}
.contacts-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-left: 80px;
}
.contacts__item {
  display: flex;
  gap: 16px;
}
.contacts__item-icon {
  height: 48px;
  width: 48px;
}
.contacts-title {
  color: rgb(85, 85, 85);
}
.contacts-subtitle {
  color: rgb(24, 30, 26);
  font-size: 18px;
  font-weight: 500;
}
.contacts-button a {
  color: rgb(255, 255, 255);
}
@media screen and (max-width: 1440px) {
  .contacts {
    gap: 36px;
  }
}
@media screen and (max-width: 820px) {
  .contacts {
    flex-direction: column;
    padding: 40px 0px 0px;
  }
  .contacts-container {
    flex-flow: wrap;
    justify-content: space-between;
    padding: 0px 56px;
  }
  .contacts-button {
    width: -webkit-fill-available !important;
  }
}
@media screen and (max-width: 480px) {
  .contacts-container {
    padding: 0px 16px;
  }
  .contacts-subtitle {
    word-break: break-all;
  }
  .contacts__item-icon {
    height: 48px;
    width: 48px;
  }
}
.action {
  align-items: center;
  border: 1px solid rgb(150, 159, 154);
  border-radius: 100px;
  cursor: pointer;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 12px 20px;
  transition: 0.2s ease-in-out;
  width: fit-content;
}
.action-icon {
  stroke: rgb(85, 85, 85);
  height: 20px;
  width: 20px;
}
.action-icon:hover {
  stroke: rgb(255, 255, 255);
}
.action-text {
  color: rgb(85, 85, 85);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.action:hover {
  background-color: rgb(85, 85, 85);
}
.action:hover .action-icon, .action:hover .action-text {
  stroke: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
.title-container {
  padding-top: 60px;
}
.title {
  color: rgb(24, 30, 26);
  font-size: 34px;
  font-weight: 600;
  letter-spacing: -0.35px;
  line-height: 40px;
  padding-top: 18px;
  text-align: start;
}
.location, .title {
  align-items: center;
  display: flex;
}
.location {
  gap: 8px;
  padding-top: 16px;
}
.location-icon {
  color: rgb(85, 85, 85);
  height: 24px;
  width: 24px;
}
.location-text {
  color: rgb(85, 85, 85);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.info {
  display: flex;
  flex-direction: column;
  gap: 112px;
  padding-bottom: 112px;
}
.info-container {
  align-items: center;
  flex-direction: row;
  gap: 36px;
  padding-top: 112px;
}
.info-container, .info-description {
  display: flex;
  justify-content: center;
}
.info-description {
  flex-direction: column;
  gap: 24px;
  width: 50%;
}
.info-description__title {
  color: rgb(82, 114, 70);
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
}
.info-description__text {
  color: rgb(85, 85, 85);
  line-height: 24px;
}
.group-images {
  align-items: center;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
}
.group-images__img {
  width: 33.33%;
}
.plannings-type {
  display: flex;
  flex-direction: row;
  gap: 36px;
  justify-content: center;
  padding: 0px 110px;
}
@media screen and (max-width: 1920px) {
  .beskid-title {
    padding-left: 120px;
    padding-top: 60px;
  }
  .title-container {
    padding: 100px 0px 30px;
  }
}
@media screen and (max-width: 1650px) {
  .beskid-title {
    padding-left: 60px;
  }
}
@media screen and (max-width: 1440px) {
  .beskid-title {
    padding-left: 0px;
  }
}
@media screen and (max-width: 1366px) {
  .group-images {
    height: 512px;
  }
}
@media screen and (max-width: 1024px) {
  .info-description {
    width: 80%;
  }
  .card {
    width: 35vw;
  }
  .group-images {
    height: auto;
  }
}
@media screen and (max-width: 820px) {
  .info {
    gap: 80px;
  }
  .info-container {
    flex-direction: column;
  }
  .info-description {
    gap: 16px;
    width: 100%;
  }
  .info-description__button {
    margin-top: 8px;
  }
  .second-slider__container {
    flex-direction: column-reverse;
  }
  .card {
    width: 100%;
  }
  .plannings-type {
    flex-direction: column;
    padding: 0px;
  }
}
@media screen and (max-width: 768px) {
  .title {
    font-size: 34px;
    line-height: 48px;
    text-align: left;
  }
  .title-container {
    padding-top: 40px;
  }
  .info {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .title {
    font-size: 23px;
    font-weight: 600;
    line-height: 28px;
  }
  .title-container {
    padding-top: 32px;
  }
  .info {
    gap: 40px;
  }
  .info-container {
    gap: 12px;
    padding-top: 28px;
  }
  .info-description__title {
    font-size: 22px;
  }
  .info-description__button {
    width: 100% !important;
  }
  .group-images {
    display: none;
  }
  .plannings-type {
    gap: 20px;
  }
  .adventages {
    padding-top: 32px;
  }
}
.banner__titles-subtitle {
  text-align: center;
}
.west-banner {
  margin-bottom: 60px;
}
.west__banner-phone {
  display: none;
}
.west__banner-pc {
  height: 108vh;
  transform: translateY(-35px);
}
@media screen and (max-width: 1280px) {
  .west-banner__action {
    padding: 0px 40px;
  }
}
@media screen and (max-width: 620px) {
  .west__banner-pc {
    display: none;
  }
  .west__banner-phone {
    display: block;
    object-fit: cover;
  }
}
.west-page-swiper {
  border-radius: 20px;
  cursor: pointer;
  height: 368px;
  margin: 0px;
  user-select: none;
  width: 600px;
}
.back-yard-swiper {
  width: 623px;
}
.swiper-slide img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.swiper-pagination-bullet {
  background-color: rgb(82, 114, 70);
}
.shadow {
  background: linear-gradient(rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 60%, rgb(22, 27, 24));
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.swiper-button-next, .swiper-button-prev {
  align-items: center;
  background-color: rgb(82, 114, 70);
  border-radius: 100px;
  height: 32px;
  justify-content: center;
  width: 32px;
}
@media screen and (max-width: 1024px) {
  .west-page-swiper {
    height: 444px;
    width: 80%;
  }
}
@media screen and (max-width: 820px) {
  .west-page-swiper {
    height: 444px;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .west-page-swiper {
    height: 228px;
  }
  .back-yard-swiper {
    height: auto;
  }
}
.adventage {
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  height: 433px;
  justify-content: center;
  overflow: hidden;
}
.adventage__box {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.adventage__box-image {
  left: 0px;
  position: absolute;
  top: 0px;
  z-index: -1;
}
.adventage__box-text {
  color: rgb(255, 255, 255);
  font-size: 23px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  transform: translateY(300px);
}
.adventage .bordered {
  border-radius: 20px 0px 0px 20px;
}
.adventage .bordered-reverse {
  border-radius: 0px 20px 20px 0px;
}
.westAdventageSlider {
  height: 433px;
  width: 100%;
}
.grad {
  background: linear-gradient(rgba(24, 30, 26, 0), rgba(24, 30, 26, 0.65) 65.1%);
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 1048px) {
  .adventage {
    height: 333px;
  }
  .adventage__box-text {
    font-size: 20px;
    padding: 0px 5px;
    transform: translateY(250px);
  }
}
@media screen and (max-width: 768px) {
  .adventage {
    height: 100%;
  }
}
@media screen and (max-width: 480px) {
  .adventage {
    height: 280px;
  }
  .adventage__box-text {
    font-size: 20px;
    line-height: 24px;
    transform: translateY(200px);
  }
  .adventage__box-image {
    width: 100% !important;
  }
}
.advent {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 60px 0px 112px;
}
.advent-box {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.advent-box__item {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.advent-box__item-text {
  color: rgb(85, 85, 85);
  font-size: 23px;
  font-weight: 500;
  line-height: 28px;
}
.advent-box__item-icon {
  height: 56px;
  width: 56px;
}
.hidden {
  display: none;
}
@media screen and (max-width: 1440px) {
  .advent-box {
    width: 30%;
  }
}
@media screen and (max-width: 1000px) {
  .advent {
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }
}
@media screen and (max-width: 820px) {
  .advent-box {
    gap: 24px;
    width: 100%;
  }
}
.htype {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.htype-image--hidden {
  display: none;
}
.htype-image {
  border-radius: 20px;
  max-height: 700px;
  max-width: 700px;
  object-fit: cover;
}
.htype-main {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.htype-main__text {
  color: rgb(85, 85, 85);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 60px;
  margin-top: 20px;
  max-width: 60%;
  text-align: center;
}
.htype-content {
  display: flex;
  flex-direction: row-reverse;
  gap: 36px;
  justify-content: space-between;
}
.htype-actions__buttons {
  align-items: center;
  background-color: rgb(241, 243, 245);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
  padding: 8px;
  width: 100%;
}
.htype-button {
  background-color: rgb(82, 114, 70);
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  border-radius: 8px;
  color: rgb(255, 255, 255);
}
.htype-button, .htype-button--noactive {
  cursor: pointer;
  font-size: 20px;
  height: 48px;
  line-height: 18px;
  padding: 15px;
  width: 165px;
}
.htype-button--noactive {
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  border-radius: 7px;
  color: rgb(85, 85, 85);
}
.htype__list {
  width: 100%;
}
.htype-list {
  display: flex;
  flex-direction: column;
}
.htype-list--hidden {
  display: none;
}
.hlist {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 8px;
}
.hlist:nth-child(2n) {
  background-color: rgb(247, 247, 247);
}
.hlist-item {
  align-items: center;
  display: flex;
  gap: 16px;
}
.hlist-text {
  color: rgb(85, 85, 85);
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
}
@media screen and (max-width: 1920px) {
  .htype-image {
    height: 656px;
    width: 656px;
  }
}
@media screen and (max-width: 1440px) {
  .htype-image {
    height: 556px;
    width: 556px;
  }
}
@media screen and (max-width: 1126px) {
  .htype-image {
    height: 370px;
    width: 370px;
  }
}
@media screen and (max-width: 1023px) {
  .htype-main__text {
    display: none;
  }
  .htype-content {
    flex-direction: column;
  }
  .htype-image {
    height: 556px;
    width: 556px;
  }
}
@media screen and (max-width: 650px) {
  .htype-image {
    width: 100%;
  }
  .hlist-text {
    font-size: 16px;
  }
  .htype-content {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .htype-image {
    height: 350px;
  }
  .htype-button, .htype-button--noactive {
    width: 100%;
  }
}
.termination {
  width: 50%;
}
.west-form {
  align-items: center;
  background-color: rgb(24, 30, 26);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  padding: 64px 44px;
}
.west-form__button, .west-form__input {
  width: 100% !important;
}
.select {
  appearance: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACISURBVHgB7ZDBCcAgDEXTiuAYdhQ38CK4oxc3cJS6hwittL1ITDNA/iWS6HsYAIlEsmHNEMI5amvN5ZwrBYgx2t57GeeU0jHPd+Kt1VoX771lwJd3UIFSyt2lUpIJXsdvMRa6ohXgWxc1YwtWIGMMcOG/AkzytllwlgCRABfOFkwS4MIlEsmTC6C7cj9n6I8PAAAAAElFTkSuQmCC");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 1em;
  color: rgb(24, 30, 26) !important;
}
@media screen and (max-width: 1280px) {
  .west-form {
    padding: 60px 16px;
  }
  .west-form__input {
    width: 100% !important;
  }
}
@media screen and (max-width: 320px) {
  .west-form {
    padding: 60px 16px;
  }
  .west-form__input {
    height: 48px !important;
  }
}
.west-gallery__img {
  cursor: pointer;
  height: 350px !important;
}
.west-gallery__slider {
  border-radius: 20px;
}
@media screen and (max-width: 1440px) {
  .west-gallery__img {
    height: 250px !important;
  }
}
.wtype {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.wtype-image--hidden {
  display: none;
}
.wtype-main {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.wtype-main__text {
  color: rgb(85, 85, 85);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 60px;
  margin-top: 20px;
  max-width: 60%;
  text-align: center;
}
.wtype-content {
  display: flex;
  gap: 36px;
  justify-content: space-between;
}
.wtype-actions__buttons {
  background-color: rgb(241, 243, 245);
  display: flex;
  margin-bottom: 32px;
  padding: 8px;
  width: 100%;
}
.wtype-button {
  background-color: rgb(82, 114, 70);
  color: rgb(255, 255, 255);
}
.wtype-button, .wtype-button--noactive {
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  border-radius: 7px;
  cursor: pointer;
  font-size: 20px;
  height: 48px;
  line-height: 18px;
  padding: 15px;
  width: 248px;
}
.wtype-button--noactive {
  color: rgb(85, 85, 85);
}
.wtype__list {
  width: 100%;
}
.wtype-list {
  display: flex;
  flex-direction: column;
}
.wtype-list--hidden {
  display: none;
}
.wlist {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 8px;
}
.wlist:nth-child(2n) {
  background-color: rgb(247, 247, 247);
}
.wlist-item {
  align-items: center;
  display: flex;
  gap: 16px;
}
.wlist-text {
  color: rgb(85, 85, 85);
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
}
.upper-actions {
  display: none;
}
@media screen and (max-width: 1920px) {
  .wtype-image {
    height: 656px;
    width: 656px;
  }
}
@media screen and (max-width: 1440px) {
  .wtype-image {
    height: 556px;
    width: 556px;
  }
}
@media screen and (max-width: 1126px) {
  .wtype-image {
    height: 370px;
    width: 370px;
  }
}
@media screen and (max-width: 1023px) {
  .upper-actions {
    display: flex;
    margin-top: 60px;
    width: max-content;
  }
  .bottom-actions, .wtype-main__text {
    display: none;
  }
  .wtype-content {
    flex-direction: column;
  }
  .wtype-image {
    height: 556px;
    width: 556px;
  }
}
@media screen and (max-width: 650px) {
  .wtype-image {
    height: 370px;
    width: 370px;
  }
  .wlist-text {
    font-size: 20px;
  }
  .wtype-button .wtype-button--noactive {
    width: 167px;
  }
}
@media screen and (max-width: 450px) {
  .wtype-image {
    height: 350px;
    width: 350px;
  }
  .wtype-button, .wtype-button--noactive {
    width: 167px;
  }
}
.prev {
  background-position: 50% center;
  background-size: cover;
  border-radius: 20px;
  cursor: pointer;
  height: 400px;
  margin-top: 70px;
  width: 100%;
}
.prev-body {
  border-radius: 20px;
  height: 100%;
  justify-content: flex-end;
  padding: 20px;
  z-index: 1;
}
.prev-body, .prev-body__text {
  display: flex;
  flex-direction: column;
}
.prev-body__text {
  align-items: flex-start;
}
.prev-body__header {
  color: rgb(255, 255, 255);
  font-size: 34px;
  font-weight: 600;
  line-height: 40px;
}
.prev-body__type {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.prev-sold {
  background-color: rgb(255, 236, 139);
  border-radius: 20px;
  color: rgb(24, 30, 26);
  font-size: 23px;
  font-weight: 500;
  gap: 7px;
  margin-left: 20px;
  margin-top: 20px;
  padding: 8px 12px;
  position: absolute;
  width: fit-content;
}
@media screen and (max-width: 1200px) {
  .prev {
    height: 280px;
    width: 100%;
  }
  .prev-body {
    padding: 16px;
  }
  .prev-body__text {
    gap: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .prev-body {
    padding: 12px;
  }
  .prev-sold {
    margin-left: 12px;
    margin-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .complex {
    height: 418px;
  }
  .complex-body {
    padding: 20px;
  }
  .complex-body__header {
    font-size: 23px;
    line-height: 28px;
  }
  .complex-body__location {
    font-size: 20px;
    line-height: 24px;
    margin-right: 20px;
  }
  .complex-body__type {
    font-size: 14px;
    line-height: 20px;
  }
}
.quadro-section {
  background-color: rgb(24, 30, 26);
  margin-top: 112px;
}
.quadro {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 36px;
  justify-content: center;
  padding: 56px 0px;
}
.quadro-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.quadro-info__thunder {
  align-items: center;
  background-color: rgb(255, 236, 139);
  border-radius: 100px;
  color: rgb(24, 30, 26);
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 10px 15px;
}
.quadro-info__title {
  color: rgb(82, 114, 70);
  font-size: 26px;
  font-weight: 500;
}
.quadro-info__subtitle {
  font-size: 23px;
  font-weight: 500;
}
.quadro-info__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.quadro-info__list-block {
  align-items: flex-start;
  background-color: rgb(48, 60, 52);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  padding: 16px;
}
.west-page-swiper-quadro {
  border-radius: 20px;
  height: 622px;
  user-select: none;
  width: 50%;
}
@media screen and (max-width: 1200px) {
  .quadro {
    flex-direction: column;
  }
  .quadro, .quadro-info {
    align-items: center;
    justify-content: center;
  }
  .quadro-info {
    text-align: center;
    width: 90%;
  }
  .west-page-swiper-quadro {
    width: 90%;
  }
}
@media screen and (max-width: 720px) {
  .west-page-swiper-quadro {
    height: 344px;
  }
}
.west-action {
  padding-bottom: 16px;
}
.west-info {
  padding-bottom: 0px;
}
.houses {
  flex-direction: row;
  gap: 120px;
  padding: 60px 0px;
}
.houses, .termination-form {
  align-items: center;
  display: flex;
  justify-content: center;
}
.termination-form {
  flex-direction: column;
  padding-top: 24px;
}
.termination-form__subtitle {
  color: rgb(85, 85, 85);
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  padding-bottom: 60px;
  text-align: center;
}
.partners {
  gap: 60px;
  padding-top: 60px;
}
.partners, .partners__info {
  display: flex;
  flex-direction: column;
}
.partners__info {
  align-items: center;
  gap: 20px;
}
.partners__info-title {
  color: rgb(127, 158, 86);
  font-size: 34px;
  font-weight: 600;
  line-height: 40px;
  max-width: 1000px;
  text-align: center;
}
.partners__info-text {
  color: rgb(85, 85, 85);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 4px;
  max-width: 800px;
  text-align: center;
}
.partners__info-link {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.partners__info-action {
  color: rgb(24, 30, 26);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
@media screen and (max-width: 1920px) {
  .west-action {
    padding-left: 120px;
  }
  .bedroom {
    margin: 0px 200px;
  }
}
@media screen and (max-width: 1650px) {
  .west-action {
    padding-left: 60px;
  }
  .bedroom {
    margin: 0px 120px;
  }
}
@media screen and (max-width: 1440px) {
  .west-action {
    padding-left: 0px;
  }
  .houses {
    gap: 80px;
    justify-content: space-around;
  }
  .bedroom {
    margin: 0px 80px;
  }
}
@media screen and (max-width: 1024px) {
  .west-slider {
    width: 100%;
  }
  .houses, .west-slider {
    flex-direction: column;
  }
  .houses {
    gap: 20px;
  }
  .west-plan {
    align-items: center;
  }
  .termination {
    width: 70%;
  }
}
@media screen and (max-width: 820px) {
  .bedroom {
    background-size: 100% 480px;
    margin: 0px 56px;
  }
  .bedroom, .bedroom-container {
    height: 480px;
  }
  .termination {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .bedroom {
    background-size: 100% 280px;
    margin: 0px 16px;
  }
  .bedroom, .bedroom-container {
    height: 280px;
  }
  .bedroom-container__title {
    font-size: 23px;
    line-height: 28px;
  }
  .houses {
    gap: 60px;
    padding-bottom: 60px;
  }
}
.block-info {
  display: flex;
  justify-content: center;
  padding-bottom: 32px;
}
.block-info__title {
  color: rgb(24, 30, 26);
  font-size: 34px;
  font-weight: 600;
  line-height: 40px;
}
.block-info__text {
  color: rgb(85, 85, 85);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 40%;
}
.private-ground {
  flex-direction: column;
  gap: 16px;
  padding: 112px 0px 60px;
}
.private-ground, .private-ground__proposal {
  align-items: center;
  display: flex;
  justify-content: center;
}
.private-ground__proposal {
  background-color: rgb(255, 236, 139);
  border-radius: 100px;
  color: rgb(24, 30, 26);
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  line-height: 20px;
  padding: 8px 12px;
}
.private-ground__title {
  color: rgb(24, 30, 26);
  font-size: 34px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
}
.private-ground__text {
  color: rgb(85, 85, 85);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
.contact-block {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 32px;
}
.contact-block__text {
  color: rgb(85, 85, 85);
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
}
.contact-block__phone {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: center;
  padding-right: 15%;
}
.contact-block__phone-box-text {
  color: rgb(85, 85, 85);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.contact-block__phone-box-tel {
  color: rgb(24, 30, 26);
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.insaltment {
  align-items: center;
  background-image: url("static/media/instalments.67daa2683241fc38f033.webp");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  display: flex;
  justify-content: flex-start;
}
.insaltment-box {
  background-color: rgb(24, 30, 26);
  border-radius: 20px;
  height: 100%;
  padding: 179px 36px;
  width: 50%;
}
.insaltment-box__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.insaltment-box__info-zap {
  align-items: center;
  border: 1px solid rgb(255, 236, 139);
  border-radius: 100px;
  color: rgb(255, 236, 139);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  line-height: 20px;
  padding: 8px 12px;
  width: fit-content;
}
.insaltment-box__info-title {
  color: rgb(82, 114, 70);
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
}
.insaltment-box__info-text {
  color: rgb(150, 159, 154);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.planning-type {
  background-color: rgb(24, 30, 26);
}
@media screen and (min-width: 1440px) {
  .comfort-action {
    margin: 60px 0px 15px !important;
  }
  .west-action {
    padding-left: 80px;
  }
}
@media screen and (max-width: 1200px) {
  .insaltment-box {
    padding: 110px 36px;
  }
}
@media screen and (max-width: 1024px) {
  .propose-boxes {
    flex-direction: column;
  }
}
@media screen and (max-width: 920px) {
  .insaltment {
    background-position: -140px -240px;
    flex-direction: column;
    height: 70vh;
    justify-content: flex-end;
  }
  .insaltment-box {
    height: fit-content;
    padding: 36px;
    width: 100%;
  }
  .contact-block__phone {
    padding: 0px;
  }
}
@media screen and (max-width: 768px) {
  .block-info {
    flex-wrap: wrap;
    gap: 24px;
  }
  .block-info__text {
    width: 100%;
  }
  .comfort-action {
    margin: 40px 0px 0px 56px !important;
  }
  .private-ground {
    padding: 40px 0px;
  }
  .contact-block__text {
    width: 50%;
  }
  .comfort-formtitle {
    padding-bottom: 0px;
  }
  .contactform-title {
    font-size: 24px !important;
  }
  .termination-form__subtitle {
    font-size: 20px;
  }
}
@media screen and (max-width: 716px) {
  .propose-box {
    height: max-content;
    width: 100%;
  }
  .propose-box__button {
    width: 100% !important;
  }
}
@media screen and (max-width: 620px) {
  .comfort-action {
    margin: 40px 0px 0px 16px !important;
  }
  .advantage-comfort-title {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .contact-comfort-title {
    padding: 40px 0px !important;
  }
  .comfort-last-block {
    margin-bottom: 60px !important;
  }
  .propose-box__button {
    font-size: 14px !important;
    height: 48px !important;
  }
  .comfortForm {
    margin-top: 40px !important;
  }
}
@media screen and (max-width: 540px) {
  .block-info__title {
    font-size: 23px;
    line-height: 28px;
  }
  .block-info__text {
    font-size: 14px;
    line-height: 20px;
  }
  .private-ground__title {
    font-size: 23px;
    line-height: 28px;
  }
  .insaltment-box {
    padding: 16px;
  }
  .insaltment-box__info-title {
    font-size: 22px;
    line-height: 24px;
  }
  .insaltment-box__info-text {
    font-size: 16px;
    line-height: 20px;
  }
  .insaltment-box__info-button {
    width: 100% !important;
  }
  .contact-block {
    flex-wrap: wrap;
    gap: 20px;
  }
  .contact-block__text {
    width: 100%;
  }
  .propose {
    padding: 16px;
  }
  .propose-box {
    gap: 16px;
    padding: 18px;
  }
  .propose-title {
    font-size: 23px;
  }
  .propose-block__text {
    font-size: 14px;
    max-width: 100%;
  }
  .propose-box__info-text {
    font-size: 18px;
  }
  .propose-box__info-subtext {
    font-size: 14px;
  }
  .propose-boxes {
    gap: 16px;
    transform: translateY(40px);
  }
  .propose-price, .propose-span {
    font-size: 14px;
  }
  .comfortForm {
    padding: 32px 16px;
    margin: 40px 0px 0px !important;
  }
}
@media screen and (max-width: 410px) {
  .propose, .propose-box {
    padding: 12px;
  }
  .insaltment {
    height: 85vh;
  }
}
.about-comfort {
  background-image: url("static/media/comfort-page-banner.fee10a83d9fd603b0953.webp");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 100vh;
  position: relative;
}
.about-comfort-container {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
}
.about-comfort-container__info {
  z-index: 1;
}
.about-comfort-shadow {
  background: rgba(24, 30, 26, 0.7);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.text-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.text-container__title-comfort {
  color: rgb(255, 255, 255);
  font-size: 100px;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 120px;
  padding-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}
.text-container__text-comfort {
  color: rgb(255, 255, 255);
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  padding-bottom: 28px;
  text-align: center;
  text-transform: uppercase;
}
.right-border-item {
  border-right: 1px solid rgb(255, 255, 255);
  margin-right: 30px;
  padding-right: 30px;
}
.about-button-comfort {
  text-transform: uppercase;
  font-size: 25px !important;
  line-height: 20px !important;
  margin-bottom: 124px !important;
  width: 420px !important;
}
@media screen and (max-width: 920px) {
  .text-container__title-comfort {
    font-size: 80px;
  }
}
@media screen and (max-width: 768px) {
  .text-container__title-comfort {
    font-size: 36px;
    line-height: 32px;
  }
  .text-container__text-comfort {
    font-size: 22px;
    line-height: 24px;
  }
  .about-button-comfort {
    font-size: 14px !important;
    line-height: 20px !important;
    width: 320px !important;
  }
}
@media screen and (max-height: 600px) {
  .about-button-comfort {
    margin-bottom: 25px !important;
  }
}
.main-block {
  background-position: 50% center;
  background-size: cover;
  border-radius: 20px;
  cursor: pointer;
  height: 780px;
  margin-bottom: 112px;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .main-block__image {
    height: 220px;
  }
}
.moreabout {
  display: flex;
  flex-direction: column;
}
.moreabout-cards {
  display: flex;
  gap: 36px;
  justify-content: center;
  margin-bottom: 60px;
}
.moreabout-card {
  align-items: flex-start;
  background-color: rgb(24, 30, 26);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-start;
  max-width: 455px;
  padding: 24px;
  width: 33%;
}
.moreabout-card__text {
  color: rgb(150, 159, 154);
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.moreabout-content {
  align-items: center;
  display: flex;
  gap: 36px;
  justify-content: center;
}
.moreabout-content__info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 50%;
}
.moreabout-content__info-title {
  color: rgb(82, 114, 70);
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
}
.moreabout-content__info-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.moreabout-content__info-item {
  align-items: flex-start;
  display: flex;
  gap: 16px;
}
.moreabout-content__info-item-text {
  color: rgb(85, 85, 85);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.moreabout-content__img {
  border-radius: 20px;
  width: 50%;
}
@media screen and (max-width: 1370px) {
  .moreabout-content__img {
    height: 50%;
    width: 50%;
  }
  .moreabout-content__info-list {
    gap: 4px;
  }
}
@media screen and (max-width: 1024px) {
  .moreabout-content {
    flex-wrap: wrap;
  }
  .moreabout-content__info {
    max-width: 100%;
  }
  .moreabout-content__info-title {
    font-weight: 500;
  }
  .moreabout-content__img {
    height: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 820px) {
  .moreabout-cards {
    gap: 16px;
    margin-bottom: 40px;
  }
  .about-comfort-title {
    padding: 40px 0px !important;
  }
}
@media screen and (max-width: 650px) {
  .moreabout-cards {
    align-items: center;
    flex-direction: column;
  }
  .moreabout-card {
    width: 100%;
  }
}
.plans {
  gap: 36px;
  height: 65vh;
  justify-content: space-between;
  margin-bottom: 112px;
  padding: 64px;
}
.plans, .plans-info {
  display: flex;
  justify-content: center;
}
.plans-info {
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
}
.plans-info__title {
  color: rgb(82, 114, 70);
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  text-align: start;
  text-transform: uppercase;
}
.plans-info__text {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  padding-bottom: 32px;
}
.plans-info__actions {
  background-color: rgb(255, 255, 255);
  border-radius: 7px;
  display: flex;
  padding: 8px;
}
.plans-info__actions-button {
  border-radius: 7px !important;
  font-size: 20px !important;
  height: 60px !important;
  text-align: center !important;
  width: 160px !important;
}
.plans-info__actions-button:hover {
  transform: scale(1.1);
}
.plans-img {
  background-color: rgb(255, 255, 255);
  border-radius: 16px;
  height: 100%;
  width: 100%;
}
.plans-images {
  background-image: url("static/media/120m2.852524f585ea73511867.webp");
  border-radius: 20px;
}
.plans-images, .plans-images--kitchen {
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
}
.plans-images--kitchen {
  background-image: url("static/media/135m2.1b46bd7bb8af09eaac9f.webp");
  border-radius: 20px;
}
.plans-images--garage {
  background-image: url("static/media/135m2_garage.5d4477a1dcc0145bd669.webp");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  height: 100%;
  width: 100%;
}
.plans-images--hidden {
  display: none;
}
.active-plan {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(142, 142, 147) !important;
}
.active-plan:hover {
  transform: scale(1.1);
}
@media screen and (max-width: 1280px) {
  .plans {
    flex-direction: column;
    height: 100%;
    justify-content: center;
  }
  .plans-info {
    align-items: center;
  }
  .plans-info, .plans-info__title {
    text-align: center;
  }
  .plans-img {
    height: 500px;
    width: 100%;
  }
}
@media screen and (max-width: 868px) {
  .plans {
    flex-wrap: wrap;
    margin-bottom: 300px;
  }
  .plans-info {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 700px) {
  .plans {
    padding: 0px 0px 40px;
  }
  .plans-info__title {
    font-size: 22px;
  }
  .plans-info__text {
    font-size: 16px;
  }
  .plans-info__actions {
    width: 100% !important;
  }
  .plans-info__actions-button {
    font-size: 16px !important;
    height: 50px !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .plans {
    margin-bottom: 350px;
  }
  .plans-img {
    height: 345px;
  }
}
.introduction {
  display: flex;
  flex-direction: row;
  gap: 36px;
  justify-content: center;
}
.introduction-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.introduction-info__text {
  color: rgb(85, 85, 85);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.introduction-info__block, .introduction-info__blocks {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.introduction-info__block {
  align-items: flex-start;
  background-color: rgb(247, 247, 247);
  border-radius: 8px;
  color: rgb(85, 85, 85);
  justify-content: flex-start;
  padding: 22px;
  width: 100%;
}
.introduction-swiper {
  border-radius: 20px;
}
.introduction-swiper__slider {
  width: 822px;
}
.introduction-swiper__slider-img {
  background-position: 50% center;
  background-size: cover;
  border-radius: 20px;
  cursor: pointer;
  height: 492px;
  width: 100%;
}
@media screen and (max-width: 1320px) {
  .introduction-swiper__slider {
    width: 650px;
  }
}
@media screen and (max-width: 1120px) {
  .introduction-swiper__slider {
    width: 550px;
  }
}
@media screen and (max-width: 1025px) {
  .introduction {
    flex-direction: column;
  }
  .introduction-swiper__slider {
    width: 100%;
  }
}
@media screen and (max-width: 620px) {
  .introduction-swiper__slider {
    height: 345px;
  }
  .introduction-swiper__slider-img {
    height: 100%;
  }
  .introduction-info__blocks {
    flex-direction: column;
  }
  .introduction-swiper__slider {
    height: 245px;
  }
}
.footer {
  background-color: rgb(24, 30, 26);
  padding: 35px 0px;
}
.footer__content {
  display: flex;
  flex-direction: column;
}
.footer__content-items {
  border-bottom: 1px solid rgb(150, 159, 154);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 20px;
}
.footer__content .content__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer__content .content__item-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.footer__content .content__item-logos {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.footer__content .content__item-text {
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: max-content;
}
.footer__content .content__item-text-span {
  background-color: rgb(255, 236, 139);
  border: 1px solid rgb(255, 236, 139);
  border-radius: 20px;
  color: rgb(24, 30, 26);
  font-size: 14px;
  margin-left: 8px;
  padding: 4px 10px;
  text-align: center;
}
.footer__content .content__item-text::after {
  background: rgb(255, 255, 255);
  content: "";
  display: block;
  height: 1px;
  transition: width 0.3s;
  width: 0px;
}
.footer__content .content__item-text:hover::after {
  transition: width 0.3s;
  width: 100%;
}
.footer__content .content__item .upper {
  text-transform: uppercase;
}
.footer__actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 20px;
}
.footer__actions-item a {
  color: rgb(255, 255, 255);
}
.footer__actions-socials {
  display: flex;
  flex-direction: row;
  gap: 25px;
}
.footer__actions-socials .social-icon {
  height: 20px;
  width: 20px;
}
.footer__actions-socials .tiktok-icon {
  height: 25px;
  width: 25px;
}
* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}
a, ul {
  color: rgb(150, 159, 154);
  list-style: none;
  text-decoration: none;
}
html {
  scroll-behavior: smooth;
  transition: 0.3s ease-in-out;
}
body {
  color: rgb(150, 159, 154);
  font-family: "Work Sans", sans-serif;
}
.wrapper {
  margin: 0px 80px;
}
.form-input {
  align-items: center;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(150, 159, 154);
  border-radius: 8px;
  color: rgb(150, 159, 154);
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 65px;
  line-height: 24px;
  padding: 0px 20px;
  width: 405px;
}
.form-input:hover {
  border: 1px solid rgb(24, 30, 26);
}
.main-button {
  background-color: rgb(82, 114, 70);
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  border-radius: 100px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  height: 65px;
  line-height: 24px;
  text-align: center;
  transition: 0.1s ease-in-out;
  width: 350px;
}
.main-button:hover {
  background-color: rgb(127, 158, 86);
}
.main-title {
  align-items: center;
  color: rgb(24, 30, 26);
  display: flex;
  font-size: 34px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: -0.35px;
  line-height: 38px;
  text-align: center;
}
.map-title {
  padding: 52px 0px;
}
.burger {
  display: none;
}
svg {
  min-height: 24px;
  min-width: 24px;
}
.text-icon {
  height: 24px;
  width: 24px;
}
@media screen and (max-width: 1200px) {
  .wrapper {
    margin: 0px 16px;
  }
  .header__items {
    display: none;
  }
  .complex__info {
    margin: 0px !important;
  }
  .burger {
    display: block;
  }
  .burger__container {
    margin: 0px 55px;
  }
  .burger__menu {
    background-color: rgb(22, 27, 24);
    left: 0px;
    overflow: scroll;
    padding-bottom: 200px;
    padding-top: 35px;
    position: fixed;
    right: 0px;
    transform: translateX(-100%);
    transition: transform 0.2s, -webkit-transform 0.2s;
    z-index: 99;
  }
  .burger__menu-title {
    color: rgb(255, 255, 255);
    font-family: "Work Sans", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
  .burger__menu-actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-top: 40px;
  }
  .burger__menu-actions .burger-button, .burger__menu-actions .burger-input {
    height: 50px;
    width: 100%;
  }
  .burger__menu-contacts {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 65px;
  }
  .burger__menu .contacts__container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .burger__menu .contacts__container-title {
    color: rgb(150, 159, 154);
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .burger__menu .contacts__container-text {
    align-items: center;
    color: rgb(255, 255, 255);
    display: flex;
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    gap: 8px;
    line-height: 24px;
  }
  .burger__menu .contacts__container-text-span {
    background-color: rgb(255, 236, 139);
    border: 1px solid rgb(255, 236, 139);
    border-radius: 20px;
    color: rgb(24, 30, 26);
    font-size: 14px;
    padding: 1px 9px;
  }
  .burger .showMenu {
    transform: translateX(0px);
  }
  .burger__items {
    padding: 10px 16px;
  }
  .burger__items, .burger__items .humburger {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .burger__items-icon {
    cursor: pointer;
    left: 0px;
    padding-left: 55px;
    position: fixed;
  }
  .burger__items .closeIcon {
    display: none;
  }
  .footer .content__item-logos {
    align-items: center;
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .wrapper {
    margin: 0px 35px;
  }
  .footer__content .content__item-text {
    font-size: 10px;
  }
  .complexes {
    margin-top: 80px;
  }
  .complexes__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
  }
  .complexes__items {
    margin-top: 50px;
  }
  .complexes .complex__info-slider {
    height: 620px;
    width: 800px;
  }
  .complexes .complex__info-text {
    gap: 10px;
    height: 100%;
    width: 800px;
  }
  .complexes .complex__info-text .info__text {
    font-size: 18px;
    line-height: 24px;
  }
  .complexes .complex__info .text-container {
    gap: 15px;
  }
  .complexes .complex__info .sizes-container {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .complexes .complex__base-card {
    position: relative;
    transform: translateX(0px);
  }
  .complexes .info-text__extra {
    display: block !important;
  }
  .complex__info {
    align-items: center;
    flex-direction: column !important;
  }
  .complex__info-text {
    border-radius: 0px 0px 20px 20px !important;
  }
  .footer__content-items {
    gap: 30px;
  }
  .footer .content__item-logo {
    width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .main-title {
    font-size: 28px;
  }
  .wrapper {
    margin: 0px 56px;
  }
  .complexes {
    margin-top: 40px;
  }
  .complexes__title {
    font-size: 26px;
    line-height: 32px;
  }
  .complexes__items {
    margin-top: 32px;
  }
  .complexes .complex__info-slider {
    height: auto;
    max-width: 670px;
  }
  .complexes .complex__info-text {
    height: auto;
    max-width: 670px;
    padding: 16px 16px 70px;
  }
  .complexes .complex .form__container {
    margin: 0px 16px;
  }
  .ny {
    background-image: url("data:image/png;base64,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");
    flex-direction: column;
  }
  .ny-info__title {
    font-size: 26px;
    line-height: 25px;
  }
  .ny-info__text {
    font-size: 22px;
  }
  .footer__content-items {
    flex-direction: column;
  }
  .footer__content-items .footer__logo {
    align-items: center;
  }
  .footer__content-items .content__item-logo {
    height: 120px;
    width: 200px;
  }
  .footer__content-items .content__item-logos {
    flex-direction: row;
  }
  .footer__content-items .content__item-title {
    font-size: 14px;
    line-height: 20px;
  }
  .footer__content-items .content__item-text {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 620px) {
  .wrapper {
    margin: 0px 16px;
  }
  .complexes .complex__info-slider {
    height: auto;
    max-width: 520px;
  }
  .complexes .complex__info-text {
    height: auto;
    max-width: 520px;
    padding: 16px 16px 70px;
  }
  .complexes .complex .form__container {
    margin: 16px;
  }
}
@media screen and (max-width: 480px) {
  .main-title {
    font-size: 23px;
    margin: 0px;
  }
  .burger__menu {
    padding-bottom: 50px;
  }
  .burger__menu-title {
    text-align: center;
  }
  .burger__menu-actions {
    flex-direction: column;
    gap: 32px;
    padding-top: 32px;
  }
  .burger__menu-contacts {
    flex-direction: column;
    gap: 32px;
    padding: 32px 0px;
  }
  .burger__container {
    margin: 0px 16px;
  }
  .burger__socials {
    border-bottom-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: currentcolor !important;
  }
  .burger__items {
    justify-content: space-between;
  }
  .burger__items-icon {
    padding-left: 16px;
  }
  .header__items-logo {
    height: 40px;
    width: 70px;
  }
  .complexes {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .complexes__title {
    font-size: 26px;
    line-height: 32px;
  }
  .complexes__items {
    margin-top: 32px;
  }
  .complexes .complex__info-slider {
    height: auto;
    max-width: 375px;
  }
  .complexes .complex__info-text {
    height: auto;
    max-width: 375px;
    padding: 16px 16px 70px;
  }
  .complexes .complex .form__container {
    margin: 0px;
  }
  .complexes .complex .form__container-title {
    font-size: 26px;
    line-height: 32px;
  }
  .complexes .complex .form__container-actions .form-button, .complexes .complex .form__container-actions .form-input {
    height: 50px;
    width: 290px;
  }
  .footer__content-items {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    flex-direction: column;
  }
  .footer__content-items .footer__logo {
    align-items: center;
  }
  .footer__content-items .content__item-logo {
    height: 120px;
    width: 200px;
  }
  .footer__content-items .content__item-title {
    font-size: 14px;
    line-height: 20px;
  }
  .footer__content-items .content__item-text {
    font-size: 14px;
    line-height: 24px;
  }
  .footer .number-text {
    width: 100%;
  }
  .footer__actions {
    flex-direction: column-reverse;
    gap: 20px;
    padding-top: 0px;
  }
  .footer__actions-socials {
    border-bottom: 1px solid rgb(255, 255, 255);
    padding-bottom: 20px;
  }
}
/* Scroll reveal animation */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Burger menu icon toggle (hamburger <-> close X) */
@media screen and (max-width: 1200px) {
  .burger.menu-open .menuIcon {
    display: none;
  }
  .burger.menu-open .closeIcon {
    display: block;
  }
}

/* Comfort Town: responsive slide widths (override stale desktop-snapshot pixel widths) */
.introduction-swiper__slider .swiper-slide {
  width: 60% !important;
}
@media screen and (max-width: 1024px) {
  .introduction-swiper__slider .swiper-slide {
    width: 85% !important;
  }
}
@media screen and (max-width: 600px) {
  .introduction-swiper__slider .swiper-slide {
    width: 100% !important;
  }
}

.buildStatusSlider .swiper-slide {
  width: 400px !important;
  margin-right: 30px !important;
}
@media screen and (max-width: 600px) {
  .buildStatusSlider .swiper-slide {
    width: 85% !important;
    margin-right: 16px !important;
  }
}

/* Lightbox (photo popup gallery) */
.lightbox-overlay {
  position: fixed;
  inset: 0;
  background: rgba(24, 30, 26, 0.92);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.lightbox-overlay.is-open {
  display: flex;
}
.lightbox-overlay img {
  max-width: 85vw;
  max-height: 85vh;
  border-radius: 12px;
  object-fit: contain;
}
.lightbox-close {
  position: absolute;
  top: 24px;
  right: 32px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.lightbox-close svg {
  width: 20px;
  height: 20px;
}
.lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.lightbox-nav svg {
  width: 22px;
  height: 22px;
}
.lightbox-prev {
  left: 24px;
}
.lightbox-next {
  right: 24px;
}
.buildStatusImg,
.slider-img,
.west-gallery__img,
.advantage__box-image,
.introduction-swiper__slider-img {
  cursor: pointer;
}
@media screen and (max-width: 700px) {
  .lightbox-nav {
    width: 40px;
    height: 40px;
  }
  .lightbox-close {
    top: 12px;
    right: 12px;
  }
}

/* Fomich Guesthouses: responsive slide widths */
.beskid-page-swiper .swiper-slide {
  width: 60% !important;
}
.beskid-plan-swiper .swiper-slide {
  width: 60% !important;
}
@media screen and (max-width: 1024px) {
  .beskid-page-swiper .swiper-slide,
  .beskid-plan-swiper .swiper-slide {
    width: 85% !important;
  }
}
@media screen and (max-width: 600px) {
  .beskid-page-swiper .swiper-slide,
  .beskid-plan-swiper .swiper-slide {
    width: 100% !important;
  }
}

/* River Town page specific styles */
.nav-dropdown {
  transition:all 1s ease-in-out;
}
.nav-dropdown__title {
  align-items:center;
  border-radius:7px;
  color:#fff;
  display:flex;
  flex-direction:row;
  font-size:14px;
  font-weight:500;
  gap:14px;
  line-height:20px;
  padding:14px 24px;
  text-transform:uppercase;
  transition:all .2s ease-in-out;
}
.nav-dropdown__title:hover {
  background-color:hsla(0,0%,100%,.1);
}
.nav-dropdown__title:hover,.navigations {
  -webkit-backdrop-filter:blur(60px);
  backdrop-filter:blur(60px);
  transition:all .2s ease-in-out;
}
.contacts__number {
  align-items:center;
  color:#fff;
  display:flex;
  font-size:14px;
  font-weight:400;
  gap:8px;
  line-height:24px;
}
.sb-box {
  padding-bottom:80px;
}
.sb-info {
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:24px;
}
.sb-info-text {
  color:#555;
  font-size:16px;
  line-height:24px;
  max-width:70%;
  padding-bottom:24px;
  text-align:center;
}
@media screen and (max-width:750px) {
  .sb-info-text {
    max-width:100%;
    text-align:left;
  }
  .sb-box {
    padding-bottom:36px;
  }
}
.about-river {
  background-image:url(static/media/river_banner.becad3b16996affed9fe.webp);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  display:flex;
  flex-direction:column;
  height:100vh;
  position:relative;
}
.about-river-container {
  align-items:center;
  display:flex;
  height:100vh;
  justify-content:center;
}
.about-river-container__info {
  z-index:1;
}
.about-river-shadow {
  background:rgba(24,30,26,.7);
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
.text-container__title-river {
  color:#fff;
  font-size:100px;
  font-weight:600;
  letter-spacing:-.6px;
  line-height:120px;
  padding-bottom:20px;
  text-align:center;
  text-transform:uppercase;
}
.text-container__text-river {
  color:#fff;
  font-size:26px;
  font-weight:500;
  line-height:32px;
  padding-bottom:28px;
  text-align:center;
  text-transform:uppercase;
}
.about-button-river {
  font-size:25px!important;
  line-height:20px!important;
  margin-bottom:124px!important;
  text-transform:uppercase;
  width:620px!important;
}
@media screen and (max-width:920px) {
  .text-container__title-river {
    font-size:80px;
  }
}
@media screen and (max-width:768px) {
  .text-container__title-river {
    font-size:52px;
    font-size:36px;
    line-height:72px;
    line-height:32px;
  }
  .text-container__text-river {
    font-size:20px;
    line-height:24px;
  }
  .about-button-river {
    font-size:14px!important;
    line-height:20px!important;
    width:420px!important;
  }
}
@media screen and (max-width:600px) {
  .text-container__text-river {
    font-size:18px;
    line-height:24px;
  }
}
@media screen and (max-height:600px) {
  .about-button-river {
    margin-bottom:25px!important;
  }
}
.river-info {
  justify-content:space-between;
}
.river-info-swiper {
  height:auto;
  width:100%!important;
}
.river-info-text {
  width:100%;
}
.riveradv {
  justify-content:center;
}
.riveradv,.riveradv-titles {
  align-items:center;
  display:flex;
  flex-direction:column;
}
.riveradv-titles {
  gap:20px;
  padding:55px;
}
.riveradv-titles__main {
  color:#181e1a;
  font-size:34px;
  font-weight:600;
  text-align:center;
}
.riveradv-titles__sub {
  color:#181e1a;
  font-size:18px;
  font-weight:400;
  text-align:center;
}
.riveradv-cards {
  align-items:center;
  display:flex;
  gap:24px;
  height:100%;
  width:90%;
}
.riveradv-cards-tabs {
  display:none;
}
.riveradv-card {
  align-items:flex-start;
  background-color:#f7f7f7;
  border-radius:12px;
  color:#555;
  display:flex;
  flex-direction:column;
  gap:8px;
  height:134px;
  padding:24px;
  width:33.33%;
}
.riveradv-card-icon {
  height:48px;
  width:48px;
}
@media screen and (max-width:1020px) {
  .riveradv-card {
    font-size:14px;
  }
  .riveradv-card-icon {
    height:38px;
    width:38px;
  }
}
@media screen and (max-width:800px) {
  .riveradv-cards {
    flex-direction:column;
    width:100%;
  }
  .riveradv-card {
    font-size:16px;
    justify-content:center;
    padding:16px;
    width:100%;
  }
}
.rtype-actions {
  align-items:start;
  display:flex;
  flex-direction:column;
  gap:32px;
  justify-content:center;
}
.rtype-actions__buttons {
  gap:13px;
  width:auto!important;
}
.rtype-image-block {
  width:100%;
}
.rtype-info {
  align-items:start;
  display:flex;
  flex-direction:column;
  gap:32px;
}
.rtype-info__title {
  color:#fff;
  font-size:26px;
  line-height:32px;
}
.rtype-info__text {
  color:#969f9a;
  font-size:16px;
  font-weight:400;
  line-height:24px;
}
.rtype {
  padding:65px 0;
}
.rtype-button {
  transition:all .25s ease;
}
.rtype-button:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
}
.rtype-button--noactive {
  transition:all .25s ease;
}
.rtype-button--noactive:hover {
  background-color:rgba(82,114,70,.725);
  color:#fff;
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
}
@media screen and (max-width:1023px) {
  .rtype-info {
    align-items:center;
  }
}
/* Desktop dropdown nav ("Наші комплекси") — overrides the old flat-row .navigations display */
.header__items-nav .nav-dropdown {
  position: relative;
}
.nav-dropdown__title {
  cursor: pointer;
}
.nav-dropdown__chevron {
  height: 12px;
  width: 12px;
  transition: transform 0.2s ease-in-out;
}
.nav-dropdown.is-open .nav-dropdown__chevron {
  transform: rotate(180deg);
}
.header__items-nav .nav-dropdown .navigations {
  align-items: flex-start;
  background-color: rgba(24, 30, 36, 0.9);
  backdrop-filter: blur(60px);
  border-radius: 7px;
  display: none;
  flex-direction: column;
  gap: 0;
  padding: 6px 12px;
  position: absolute;
  top: 100%;
  left: 0;
  text-align: start;
  width: max-content;
  z-index: 999;
}
.header__items-nav .nav-dropdown.is-open .navigations {
  display: flex;
}
.header__items-nav .nav-dropdown .navigations li {
  align-items: center;
  display: flex;
  width: 100%;
}
.header__items-nav .nav-dropdown .navigations li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header__items-nav .nav-dropdown .navigations__action {
  display: block;
  width: 100%;
  padding: 14px 12px;
}
.header__items-nav .nav-dropdown .navigations__action:hover {
  background-color: rgba(255, 255, 255, 0.1);
}