.landing-hero {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.38) 8.8%, rgba(0, 0, 0, 0) 36.37%), var(--bg-image) no-repeat center/cover;
  padding-top: 166px;
  margin-top: -80px;
  border-radius: 0 0 var(--radius-4xl) var(--radius-4xl);
  position: relative;
  z-index: 5;
}
.landing-hero .container {
  position: relative;
}
.landing-hero__top {
  color: #fff;
}
.landing-hero__title {
  max-width: 802px;
  margin: 0 0 clamp(23px, 2.5vw, 30px);
  color: inherit;
}
.landing-hero__subtitle {
  max-width: 802px;
  margin: -12px 0 23px;
  color: inherit;
  font-weight: 500;
  font-size: clamp(16px,1.75vw,20px);
  line-height: 1.3;
}
.landing-hero__title span {
  color: var(--color-primary);
}
.landing-hero__action {
  display: none;
}
.landing-hero .cinput:has([name=messenger]) {
  flex: 0 0 220px;
}
.landing-hero .cinput:has([name=address]) {
  flex: 0 0 340px;
}
.landing-hero .cinput-group .wpcf7-form-control-wrap {
  padding-left: 16px;
  margin-top: 8px;
}
.landing-hero:not(:has(.quick-estimate)) .landing-hero__action {
  display: block;
  margin-top: 29px;
  padding-bottom: clamp(36px,6vw,90px);
}
.landing-hero__action .btn {
  min-width: 342px;
}
@media (width < 1520px) {
  .landing-hero {
    border-radius: 0 0 var(--radius-3xl) var(--radius-3xl);
  }
  .landing-hero .cinput:has([name=address]) {
    flex: 0 0 260px;
  }
  .landing-hero .cinput:has([name=messenger]) {
    flex: 0 0 200px;
  }
}
@media (width < 1440px) {
  .landing-hero {
    border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);
  }
  .landing-hero__action {
    display: block;
    padding: 32px 0;
  }
}
@media (width < 1280px) {
  .landing-hero {
    padding-top: 120px;
  }
}
@media (width < 768px) {
  .landing-hero {
    background: #fff;
    padding-top: 36px;
    margin-top: 0px;
  }
  .landing-hero__top {
    color: #363636;
  }
  .landing-hero__action {
    padding: 16px 0 32px;
  }
  .landing-hero__action .btn {
    width: 100%;
  }
}

.benefits-list {
  display: flex;
  flex-direction: column;
  gap: clamp(9px, 1vw, 12px);
}
.benefits-list__item {
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: clamp(11px, 1vw, 12px);
}
.benefits-list__item strong {
  font-weight: 700;
}
.benefits-list__mark {
  width: clamp(18px, 2vw, 20px);
  height: clamp(18px, 2vw, 20px);
  flex: 0 0 clamp(18px, 2vw, 20px);
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjAxMDUgMS4wMDQ5NkM5LjUwMzI1IDAuMzk3NDM1IDEwLjY4MzcgMC4zOTc0MzUgMTEuNTg1OSAxLjAwNDk2TDE1LjAxNzcgMy4zMTU4NkwxOC4yNzYgNS44NjU1OUMxOS4xMzI1IDYuNTM1OSAxOS40OTczIDcuNjU4NTUgMTkuMTk4MyA4LjcwNDMyTDE4LjA2MSAxMi42ODIzTDE2LjY0MjkgMTYuNTY5QzE2LjI3MDEgMTcuNTkwOCAxNS4zMTUxIDE4LjI4NDYgMTQuMjI4MiAxOC4zMjM0TDEwLjA5MzUgMTguNDcxTDUuOTU4NzYgMTguMzIzNEM0Ljg3MTc3IDE4LjI4NDYgMy45MTY3OSAxNy41OTA4IDMuNTQzOTkgMTYuNTY5TDIuMTI1OTIgMTIuNjgyM0wwLjk4ODYgOC43MDQzMkMwLjY4OTYwNyA3LjY1ODU0IDEuMDU0MzggNi41MzU5IDEuOTEwOTYgNS44NjU1OUw1LjE2OTI1IDMuMzE1ODZMOC42MDEwNSAxLjAwNDk2WiIgZmlsbD0iIzc0OEZFOCIvPgo8cGF0aCBkPSJNMTQuMTA3NyA3Ljc2NTAxTDkuMTI0MTMgMTIuNzQ4NUw2Ljg1ODg5IDEwLjQ4MzMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC44NjY0NTQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=") no-repeat center/contain;
}
@media (width < 768px) {
  .benefits-list__item {
    align-items: flex-start;
  }
  .benefits-list__mark {
    transform: translateY(2px);
  }
}

.payout-card {
  padding: 28px 28px 24px;
  border-radius: 25px 25px 0 25px;
  background: #fff;
  width: fit-content;
  position: absolute;
  bottom: 165px;
  right: 390px;
}
.payout-card:after {
  content: "";
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUuNSIgY3k9IjE1LjUiIHI9IjE1LjUiIGZpbGw9IiMyREE0NDIiLz4KPHBhdGggZD0iTTE0LjI4OCAyMi4wNFYxN0g5LjM0NFYxNS4yMjRIMTQuMjg4VjEwLjMyOEgxNi4xMTJWMTUuMjI0SDIxLjA1NlYxN0gxNi4xMTJWMjIuMDRIMTQuMjg4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+");
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}
.payout-card__title {
  color: var(--color-text-heading);
  font-weight: 700;
  font-size: 17px;
  line-height: 1.3;
  margin-bottom: 6px;
}
.payout-card__pan, .payout-card__incoming, .payout-card__balance {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: rgba(48, 48, 48, 0.65);
}
@media (width < 1440px) {
  .payout-card {
    right: 220px;
  }
}
@media (width < 1280px) {
  .payout-card {
    display: none;
  }
}

.reviewed-sales {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  right: 16px;
}
.reviewed-sales__value {
  font-weight: 600;
  font-size: 55px;
  line-height: 1;
  text-align: right;
}
.reviewed-sales__caption {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  margin-bottom: -24px;
}
@media (width < 992px) {
  .reviewed-sales {
    display: none;
  }
}

.quick-estimate {
  position: relative;
  z-index: 2;
  transform: translateY(56px);
  margin-left: -32px;
  margin-right: -32px;
}
.quick-estimate__tab {
  display: flex;
  align-items: center;
  gap: 20px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 17px;
  line-height: 1.3;
  padding: 24px 40px 4px;
  background: #fff;
  border-radius: 40px 40px 0 0;
  width: fit-content;
  transform: translateY(1px);
}
.quick-estimate__tab:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #28be3a;
  border-radius: 50%;
}
.quick-estimate__body {
  background: #fff;
  padding: 38px 40px;
  border-radius: 0 40px 40px 40px;
}
.quick-estimate__form .wpcf7-form {
  display: flex;
  gap: 8px;
}
.quick-estimate__form .cinput__top {
  font-size: 15px;
}
.quick-estimate__form [name=rooms],
.quick-estimate__form [name=area] {
  width: 65px;
  text-align: center;
}
.quick-estimate .wpcf7-response-output {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0 !important;
  color: red;
  padding-top: 12px !important;
}
.quick-estimate form.sent .wpcf7-response-output {
  color: green !important;
}
@media (width < 1440px) {
  .quick-estimate {
    display: none;
  }
}

@media (width >= 768px) {
  body:has(.landing-hero) .header:not(.header--scrolled) {
    color: #fff;
  }
  body:has(.landing-hero) .header:not(.header--scrolled) .header__phone,
  body:has(.landing-hero) .header:not(.header--scrolled) .header__hours {
    color: #fff;
  }
}