.popup .apartment-card__content {
	padding: 0;
}

.pd-bot {
	padding-bottom: 52px;
}

@media screen and (min-width: 1024px) {
	.header__nav li {

		font-size: 16px !important;
	}

	.header__nav ul {
		gap: 24px;
		padding-left: 0;
	}

	.header__nav {}
}

.lang__item {
	text-transform: uppercase;
	cursor: pointer;
}



.header__menu .lang_switch_list {
	display: none;
}

.lang_switch_list {
	display: flex;
	flex-direction: row !important;
	gap: 4px;
}

.lang_switch_list p {
	font-family: var(--ff-title);
	font-size: 16px;
}

.text_maxWidth {
	width: 100%;
	max-width: 250px;
}

.wrapper {
	font-family: var(--ff-main);
	font-size: var(--fz-default);
	line-height: var(--lh-default);
	font-variation-settings: "wght" var(--fw-default);
	color: var(--text-color-secondary);
	background-color: var(--bg-main);
	overflow: hidden;
}

.wrapper:not(header) {
	display: flex;
	flex-direction: column;
	gap: clamp(120px, 20vw, 180px);
}

.wrapper_main {
	gap: 0 !important;
}

.main-gap {
	gap: 180px;
}

.investment-apartment {
	height: 0;
	transition: 0.8s all ease;
	overflow: hidden;
}

.investment-subtitle-anim {
	transition: 1 all ease;
}

.block-video {
	height: 100vh;
}

.about__content {
	row-gap: 80px;
	column-gap: clamp(70px, 3vw, 180px);
}

.text-interier {
	font-family: "Manrope", sans-serif;
	font-weight: 200;
}

.text-interier p {
	align-self: center;
}

.parallax-title {
	align-items: start;
	justify-content: end;
	position: relative;
	font-family: "Manrope", sans-serif;
	font-weight: 200;
}

.parallax-title .line:last-child {
	left: 25%;
	position: relative;
}

@media (max-width: 767.99px) {
	.parallax-title .line:last-child {
		left: 20%;
	}
}

.video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.fz-40 {
	width: auto;
	font-size: clamp(30px, 2vw, 40px);
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.4px;
	font-variation-settings: "wght" var(--fw-title);
}

@media(max-width: 1920px) {
	.fz-40 {
		font-size: clamp(30px, 1vw, 40px);
	}
}

@media (max-width: 767.99px) {
	.fz-40 {
		font-size: 30px;
	}

	.video {
		height: 80vh;
	}
}

.gallery__body {
	max-inline-size: 1740px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}



.info__footer__content {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 24px;
	align-items: stretch;
	height: 100%;
}

.section__body {
	overflow: hidden;
}

.circle {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 200px;
	width: 100%;
	position: absolute;
	text-align: center;
	height: 200px;
	padding: 67px 0px;
	z-index: 4;
	bottom: -70px;
	right: 60px;
	border-radius: 100%;
	background-color: #1c3652;
	line-height: 83%;
	color: white;
	cursor: pointer;
}

@media(max-width: 1920px) {
	.circle {
		max-width: 150px;
		max-height: 150px;
	}
}

.section__body,
.apartment-card__content.section__body,
.header__body,
.footer__body {
	padding: 0px clamp(20px, 7vw, 121px);
	width: 100%;
	margin: 0 auto;
	max-inline-size: 1920px;
}

header {
	font-family: var(--ff-title);
	line-height: 150%;
	font-feature-settings: "liga" off, "clig" off;
}

.header__burger {
	display: none;
	flex-direction: column;
	position: absolute;
	top: 35px;
	left: 20px;
	cursor: pointer;
	user-select: none;
}

.burger-line {
	height: 1px;
	width: 30px;
	background: white;
	margin: 4px 0;
	transition: transform 0.3s ease;
}

.header__menu {
	gap: clamp(18px, 4vw, 66px);
}

.header__menu.active~.header-block .header__burger .burger-line:nth-child(1) {
	transform: translateY(3px) rotate(45deg);
}

.header__menu.active~.header-block .header__burger .burger-line:nth-child(2) {
	transform: translateY(-7px) rotate(-45deg);
}

.header__nav ul {
	gap: 24px;
}

.header__body {
	width: 100%;
	justify-content: space-between;
	column-gap: 20px;
	position: relative;
}

.parallax-container {
	width: 100%;
	height: 100%;
	max-height: 95vh;
	overflow: hidden;
	position: relative;
}

@media(max-width: 1560px) {
	.parallax-container {}
}

.parallax-section__body {
	gap: 80px;
}

.parallax__layers {
	height: 100%;
}

.parallax-container {
	overflow: hidden;
}

.parallax-container img {
	height: 100%;
	object-position: center 15%;
}

/* .areas-img,
.dream-img {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-size: cover;
	background-attachment: fixed;
	background-position: 50% 100%;
} */
/* 
@media only screen and (max-device-width: 1366px) {

	.areas-img,
	.dream-img {
		background-attachment: scroll;
	}
} */

.header-block {
	gap: 28px;
	position: relative;
	z-index: 11;
	justify-content: end;
}

header {
	position: fixed;
	z-index: 10;
	width: 100%;
	top: 0;
	left: 0;
	color: var(--wh-color);
	display: flex;
	justify-content: center;
	margin: 0;
	min-height: 90px;
	transition: background 0.5s ease;
}

.padding-top {
	padding-top: 90px;
}

.header__body {
	position: relative;
	z-index: 11;
}

.phone-link,
.social-link {
	transition: color 0.3s ease, fill 0.3 ease;
}

.phone-link {
	width: 132px;
	font-size: 14px;
}

.heart-tg,
.heart-inst,
.heart-fcbk {
	transition: color 0.3s ease, fill 0.3 ease;
}

.link-tg:hover .heart-tg {
	fill: var(--blue-light-color);
}

.link-tg:hover .circle-tg {
	stroke: var(--blue-light-color);
}

.link-inst:hover .heart-inst {
	fill: var(--blue-light-color);
}

.link-fcbk:hover .heart-fcbk {
	fill: var(--blue-light-color);
}

.link-inst:hover .circle-inst {
	stroke: var(--blue-light-color);
}

.phone-link:hover {
	color: var(--blue-light-color);
}

header::before {
	content: "";
	position: absolute;
	width: 100%;
	z-index: 9;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(28, 54, 82, 0);
	backdrop-filter: blur(15px);
}

.main-block {
	overflow: hidden;
	background: url("../images/home-main.png"),
		radial-gradient(95.32% 95.3% at 76.46% 100%, #001323 0%, #07315f 100%);
	background-size: 55vw, 100%;
	background-repeat: no-repeat;
	background-position: right bottom, center center !important;
}

@media(max-width: 1920px) {
	.main-block {
		background-size: 68vw, 100%;
	}
}

@media (max-width: 1570px) {
	.main-block {
		background-size: 63vw, 100%;
		background-position: right bottom, center center !important;
	}
}

@media(max-width: 1370px) {
	.main-block {
		background-size: 67vw, 100%;
		background-position: right bottom, center center !important;
	}
}

.main-block-relative {
	position: relative;
	width: 100%;
	bottom: 40px;
}

.block-image {
	display: none;
	position: absolute;
	overflow: hidden;
	height: 100%;
	right: 0;
	align-self: start;
	width: 100%;
	max-width: 60vw;
	max-height: 80vh;
	bottom: 0;
	opacity: 1;
	transition: all 0.5s ease, opacity 0.5s ease, right 0.5s ease;
}

.title-width {
	max-width: 670px;
}

@media(max-width: 1920px) {
	.title-width {
		max-width: 506px;
	}

}

@media(max-width: 1540px) {
	.title-width {
		max-width: 397px;
	}

}

@media (max-width: 767px) {
	.block-image {
		max-width: 100vw;
		max-height: 100vh;
	}
}

.slide-block-img .image-bussines {
	max-width: 330px;
}

.block-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	scale: 1;
}

.scale-image .main-img {
	position: relative;
	z-index: 1;
	transition: width 0.2s ease;
}

.swiper-statistic {
	position: relative;
}

.statistic-title {
	width: 100%;
	max-width: 60vw;
	text-align: right;
	margin-bottom: clamp(24px, 3vw, 50px);
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.title__block {
	display: flex;
	justify-content: end;
	width: 100%;
	text-align: right;
}

.swiper-statistic .slider-navigation__block {
	transform: translate(0%, 50px);
}

.map-sava {
	position: relative;
	top: -150px;
}

.slider-navigation__block {
	gap: 24px;
	width: 100%;
	position: relative;
	max-width: 1920px;
	padding-right: clamp(20px, 7vw, 121px);
	justify-content: end;
	user-select: none;
	z-index: 2;
}

.swiper-pagination {
	user-select: none;
	display: flex;
	gap: 12px;
}

.navigatin-translate {
	transform: translate(-250px, -56px);
}

.infra-width {
	align-self: start;
	max-width: 225px;
}

.showcase__items {
	gap: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.showcase__wrap {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 200%;
	margin-left: -50%;
	margin-right: -50%;
}

.showcase__items {
	position: relative;
	width: 100%;
	height: 660px;
	display: flex;
	align-items: start;
	justify-content: start;
	overflow: hidden;
}

@media(max-width: 1920px) {
	.showcase__wrap {
		width: 190%;
		margin-left: -55%;
	}

	.showcase__items {
		width: 80%;
		height: 504px;
	}
}

.count-slides {
	color: #1c3652;
	display: flex;
	align-items: center;
}

.current-slide {
	color: #1c3652;
}

.count-slides__content {
	position: absolute;
	bottom: -20px;
	width: auto;
	z-index: 4;
	height: auto;
	right: 20px;
	gap: 32px;
}

.showcase__item.slide-active {
	bottom: 0px;
	left: 0px;
}

.showcase__item img {
	height: 100%;
}

.menu__item_link {
	font-family: var(--ff-title);
}

.showcase__item a {
	height: 100%;
	width: 100%;
}

.showcase__item {
	position: absolute;
	width: 23.5%;
	height: 100%;
	display: flex;
	bottom: 65px;
	align-items: center;
	justify-content: center;
	font-size: 1.8em;
	background: #333;
	color: #fff;
	will-change: transform;
	transition: bottom 0.2s ease-in-out;
	cursor: grabbing;
}

.slide-block__card {
	position: absolute;
	width: 100%;
	height: 100%;
	max-width: 1020px;
	top: 0;
	opacity: 0;
	overflow: hidden;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.slide-block-offices {
	flex-direction: row;
}

.slide-block-offices img {
	max-height: 540px;
}

.slide-block-offices div {
	align-self: center;
}

.slide-block__card.active {
	opacity: 1;
	pointer-events: auto;
}

.slide-block-parking div {
	flex-direction: row;
}

.slide-block-parking-text p {
	flex: 1 1 50%;
}

.infra-block {
	align-self: start;
	flex: 1 1 522px;
}

.swiper-pagination-current {
	color: var(--primary-main-color);
	font-weight: 500;
	font-variation-settings: "wght" var(--fw-title);
	position: relative;
	bottom: 10px;
}

.section-relative {
	position: relative;
}

.position-img {
	position: relative;
	display: flex;
	overflow: hidden;
	width: 100%;
	justify-content: end;
	height: 100%;
}

.moving-img {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: 3;
}

.footer-block-title {
	gap: 40px;
	align-self: start;
	flex: 1 1 566px;
}

.footer-block-title p {
	line-height: normal;
}

.footer-block-title p .line .word {
	line-height: 100%;
}

.title-form {
	flex-direction: column;
}

.title-form div:first-child span:first-child {
	margin-bottom: 6px;
}

.footer-address__content {
	justify-content: start;
	align-items: start;
	align-self: center;
	width: 100%;
	gap: 16px;
	flex-wrap: wrap;
	flex: 0 0 auto;
}

.footer-block-title p {
	line-height: 110%;
	justify-content: start;
	align-items: start;
	text-align: left;
}

.footer__body {
	background-size: auto;
	background-position: 100% -20%;
	background-repeat: no-repeat;
	gap: 69px;
}


footer {
	color: var(--wh-color);
	background: url("../images/footer-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: clamp(20px, 12vw, 180px);
	padding-bottom: 40px;
}

.wh-text-color {
	color: white;
}

.fz-24 {
	font-size: var(--fz-subtitle);
}

.footer-address {
	flex: 0 1 17.333%;
}

.footer-address:first-child {
	flex: 0 1 33.333%;
}

.footer-address a {
	font-family: 'Manrope';
	font-variation-settings: "wght" 300;
	font-size: 23px;
	width: 100%;
}

.block-info {
	background-color: #1c3652;
	padding: 94.5px 0px;
	padding-left: 120px;
	justify-content: start;
	align-items: start;
	gap: 80px;
	flex: 0 1 1120px;
}

.footer-map {
	flex: 1 1 auto;
}

.footer-map_block {
	display: flex;
	flex: 0 0 24.9%;
}

@media(max-width: 1920px) {
	.footer-map_block {
		display: flex;
		flex: 1 1 1100px;
		max-width: 720px;
	}

	.info__footer__content .fz-120 {
		font-size: clamp(80px, 6vw, 100px);
	}
}

@media(max-width: 1570px) {
	.footer-map_block {
		flex: 1 1 57%;
		max-width: 100%;
	}

	.info__footer__content .fz-120 {
		font-size: clamp(60px, 6vw, 80px);
	}
}

.footer-address {
	justify-content: start;
	gap: 16px;
}

.footer-address span {
	color: var(--signature-color);
}

.street {
	--fz-default: 24px;
	font-size: var(--fz-default);
}

.info .flex-style-row {
	gap: 24px;
	justify-content: space-between;
	align-items: center;
	color: var(--text-color-secondary);
}

.block-social {
	gap: 30px;
}

.info {
	gap: 40px;
}

.odometer {
	margin-right: 7px;
}

.meter {
	margin-right: 7px;
}

.main-title {
	--fz-title: clamp(48px, 10vw, 170px);
	font-family: 'Cormorant Garamond', sans-serif;
	font-size: var(--fz-title);
	color: var(--wh-color);
	text-align: end;
	position: relative;
	line-height: 80%;
	z-index: 2;
	letter-spacing: -13.6px;
	transition: opacity 0.1s ease, transform 1s ease;
	flex-direction: column;
}

.main-subtitle {
	font-family: 'BangliKintamani', sans-serif;
	font-weight: 400;
	font-size: 90px;
	line-height: 100%;
	color: #3D95ED;
	position: relative;
	top: -30px;
	right: 30px;
}

@media(max-width: 1920px) {
	.main-subtitle {
		font-size: clamp(40px, 5vw, 90px);
		top: -25px;
	}
}

.main_title_block {
	display: flex;
	flex-direction: column;
	width: auto;
	justify-content: end;
	align-items: end;
}

.main-title span {
	padding-right: 20px;
}

@media (max-width: 767.99px) {
	.main-title {
		letter-spacing: -3px;
	}

	.main-subtitle {
		right: 0;
	}
}

h1::after,
h2::before,
h1::after,
h1::before {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	position: relative;
	margin-top: calc((inherit - 1em) / -2 + var(--foe, 0em));
	white-space: nowrap;
}

h2 {
	line-height: 100%;
}

.line {
	overflow: hidden;
}

.split-text .line-wrap {
	overflow: hidden;
	position: relative;
}

.whitespace {
	letter-spacing: 0;
}

.whitespace::after {
	content: " ";
	padding-right: 7px;
}

.statistic-title .whitespace::after {
	content: " ";
	padding-right: 24px;
}

@media (max-width: 767.99px) {
	.statistic-title .whitespace::after {
		padding-right: 7px;
	}
}

.parallax-title .whitespace::after {
	content: " ";
	padding-right: 16px;
}

.about-arrow {
	animation: scaleArrow 1s ease-in-out infinite alternate;
	transform-origin: center;
}

@keyframes scaleArrow {
	0% {
		transform: scale(1);
		transform: translateY(0px);
	}

	100% {
		transform: scale(1.2);
		transform: translateY(8px);
	}
}

@keyframes scaleText {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.1);
	}
}

.split-parent {
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.split-text .line-wrap-content {
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
}

.text-start {
	align-self: start;
}

.title-features {
	letter-spacing: -6px;
}

.block-dark {
	background-color: var(--primary-main-color);
}

.section__body {
	justify-content: space-between;
}

.block-relative {
	position: relative;
	width: 100%;
	z-index: 6;
}

.location__content {
	flex: 0 0 522px;
}

.section__body-main {
	width: 100%;
	padding: 0px 121px;
	display: flex;
	justify-content: start;
	overflow: visible;
	position: relative;
	padding-right: 0;
	max-inline-size: 1920px;
	margin: 0 auto;
	flex-direction: column;
	align-items: start;
}

.section__body-main::-webkit-scrollbar {
	width: 0;
}

.card-name {
	color: var(--block-header-color);
	align-self: start;
	flex: 1 1 30%;
	background-color: var(--wh-color);
	overflow: hidden;
}

.content-container {
	transition: transform 1s ease-in-out;
	background-color: var(--primary-main-color);
}

.block-name {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	padding: 0px 20px;
}

.block-center {
	justify-content: center;
	align-items: center;
}

.block-name .title {
	width: 100%;
	max-width: 1044px;
	display: flex;
}

.section-complex {
	align-items: start;
	justify-content: start;
	overflow: visible;
	gap: 120px;
}

.important-span {
	color: red;
}

.phone-code {
	color: white;
	margin-right: 7px;
}

.block-text {
	gap: 120px;
	flex: 1 1 49.35%;
}

@media(max-width: 1920px) {
	.block-text {
		gap: 80px;
	}
}

.block-description {
	max-width: 981px;
}

.block-description p {
	letter-spacing: -0.9px;
	line-height: 120%;
}

.mg-top {
	margin-top: clamp(32px, 3vw, 60.4px);
}

.font-about-block {
	font-variation-settings: "wght" var(--fw-title);
	line-height: var(--lh-text);
	color: var(--text-color-secondary);
	font-size: var(--fz-second-title);
}

.font-about-block-blue {
	--fz-second-title: clamp(24px, 3vw, 58px);
	color: var(--blue-color);
	font-size: var(--fz-second-title);
	font-variation-settings: "wght" var(--fw-default);
}

.swiper-statistic .font-about-block-blue {
	--fz-second-title: clamp(40px, 3vw, 58px);
	font-size: var(--fz-second-title);
}

.scroll-card img {
	width: 720px;
	height: 480px;
}

.scroll-container {
	overflow: hidden;
}

.min-height {
	min-height: 576px;
}

.scroll-card {
	gap: 40px;
	justify-content: start;
	align-items: start;
}

.swiper-statistic .swiper-slide {
	display: flex;
}

.statistic-content {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 4;
}

.statistic-content {
	gap: 30px;
}

.statistic-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	justify-content: center;
}

.fz-100 {
	font-size: clamp(80px, 3vw, 100px);
	line-height: 100%;
}

figcaption {
	position: absolute;
	bottom: 30px;
	left: 30px;
	display: flex;
	align-items: end;
	z-index: 4;
}

.swiper-statistic .swiper-slide {
	width: 30.19% !important;
	position: relative;
}

.swiper-statistic .swiper-slide::after {
	content: "";
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg,
			rgba(0, 14, 25, 0) 73.84%,
			rgba(0, 14, 25, 0.5) 100%),
		rgba(0, 14, 25, 0.3);
}

.swiper-statistic .swiper-slide {
	min-height: 500px;
}

.popup__content_select_apartments .popup__close {
	display: none;
}

.popup__close svg rect {
	transition: fill .5s ease;
}

.popup__close:hover svg rect {
	fill: #0474DC;
}

.swiper-statistic .swiper-wrapper .block-slide__list {
	width: 100%;
	max-width: 1180px;
}

.swiper-statistic li {}

.swiper-quality {
	width: 100%;
}

.about-button {
	display: none;
	text-align: center;
	width: 150px;
	height: 150px;
	border-radius: 100%;
	padding: 30px 10px 10px;
	background-color: var(--primary-main-color);
	letter-spacing: 0.48px;
	position: absolute;
	z-index: 4;
	bottom: 0;
	left: 0;
	transform: translate(335%, 0%) !important;
	transition: 0.2s all ease;
}

.gap-button {
	gap: 13px;
}

.block-name p {
	max-width: 578px;
	align-self: start;
}

.block-info__list {
	flex-wrap: wrap;
	width: 100%;
	justify-content: start;
	column-gap: 96px;
	padding-left: 0;
	margin-top: 10%;
}

.features-slide-navigation .block-info__list {
	margin-top: 0;
}

@media(max-width: 1560px) {
	.block-info__list {
		margin-top: 7.5%;
	}
}

.block-info__list.no-wrap {
	flex-wrap: nowrap;
	transition: all 0.5s ease;
}

.block-info__item {
	display: flex;
	justify-content: start;
	align-items: start;
}

.block-info__item>p {
	width: 100%;
}

.block-info__item .block-slide__list {
	gap: 100px;
}

.block-info__list li {
	flex: 0 1 350px;
	display: flex;
	align-items: start;
	justify-content: start;
}

.odometer-digit-inner {
	line-height: 0.8em !important;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
	line-height: 0.8em !important;
}

.decoration-underline {
	padding-top: 56px;
	padding-bottom: 56px;
	position: relative;
}

.decoration-underline::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 0px;
	background-color: #d1d4d8;
}

.decoration-underline:last-child {
	padding-bottom: 56px;
}

@media(max-width:1920px) {
	.decoration-underline:last-child {
		padding-bottom: 0;
	}
}

.decoration-underline:last-child::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0px;
	left: 0;
	background-color: #d1d4d8;
}

.block-description {
	gap: 56px;
}

.bgap {
	row-gap: 120px;
}

.section__statistic-body {
	padding-right: 0;
	overflow: visible;
}

.statistic-wrapper {
	justify-content: start;
}

.bg-materials {
	align-items: center;
	justify-content: center;
	height: 100vh;
	background-image: url("../images/materials.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.swiper-materials {
	gap: 56px;
}

.swiper-materials .swiper-slide {
	width: 100%;
	max-width: 540px;
}

.swiper-materials .swiper-notification {
	display: none;
}

.swiper-materials .swiper-pagination {
	width: auto;
}

.features-slide-navigation {
	position: relative;
	flex: 0 0 540px;
	justify-content: space-between;
}

@media(max-width: 1920px) {
	.features-slide-navigation {
		flex: 0 0 420px;
	}
}

@media(max-width: 1540px) {
	.features-slide-navigation {
		flex: 0 0 421px;
	}
}

.features-block-info__item {
	cursor: pointer;
	user-select: none;
	justify-content: start;
}

li.features-block-info__item {
	flex: 1 1 152px;
}

.features-block-info__item span {
	line-height: 200%;
}

.arrow-block-relative {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.arrow-block-relative::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(2, 19, 36, 0.31);
}

.arrow-block-relative svg {
	position: absolute;
	top: 25%;
	left: 50%;
	width: auto;
	height: auto;
	z-index: 2;
	transform: translate(-50%, 50%);
}

.features-arrow-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.text-pos p {
	align-self: start;
}

.image-interier {
	max-width: 533px;
}

.features-slide-arrow {
	width: 200px;
	height: 200px;
	border-radius: 100%;
	position: absolute;
	right: 0;
	top: -30px;
	overflow: hidden;
	transition: transform 0.3s ease;
}

@media(max-width: 1920px) {
	.features-slide-arrow {
		width: 120px;
		height: 120px;
		top: 0px;
		transform: translateY(0px);
	}

	.decoration-underline {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.features-slide-arrow svg {
		width: 52px;
	}

	li.features-block-info__item {
		flex: 1 1 116px;
	}

	.swiper-statistic .swiper-slide {
		max-height: 500px;
		max-width: 350px;
		min-height: auto;
	}
}

.gap-80 {
	gap: clamp(40px, 7vw, 80px);
}

.features-slide-block {
	gap: 120px;
	width: 100%;
	align-items: start;
	margin-bottom: clamp(0px, 6vw, 80px);
}

.park__text_down {
	flex-direction: column !important;
	row-gap: 24px;
}

@media(max-width: 1920px) {
	.features-slide-block {
		margin-bottom: 0px;
	}

	.features-slide-block {
		gap: 56px;
		justify-content: space-between;
	}
}

@media(max-width: 1540px) {
	.features-slide-block {
		gap: 56px;
	}
}

.slide-block__card {
	display: flex;
	justify-content: end;
	align-items: end;
	align-self: start;
	color: var(--subtxt-color);
	font-size: clamp(16px, 0.8vw, 24px);
	font-family: "Manrope", sans-serif;
	font-weight: 200;
}

.gap-60 {
	gap: 60px;
}

.image-tv {
	max-width: 351px;
}

.slides-block__content {
	width: 100%;
	max-width: 1020px;
	height: 952px;
	position: relative;
}

@media(max-width: 1920px) {
	.slides-block__content {
		height: 732px;
	}
}

.align-center {
	align-items: center;
	align-self: center;
}

.align-end {
	align-items: end;
	align-self: flex-end;
}

.text-interier {
	gap: 80px;
}

.text-interier p {}

.swiper-materials .swiper-button-prev svg path,
.swiper-materials .swiper-button-next svg path {
	stroke: white;
}

.swiper-statistic .swiper-pagination-current {
	font-size: 80px;
}

.swiper-materials .swiper-pagination-current {
	font-size: 80px;
	color: white;
}

.swiper-materials .slider-navigation__block {
	gap: 32px;
	justify-content: end;
}

.materials-card {
	padding: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 540px;
	flex: 1 1 330px;
	border: 1px solid var(--wh-color);
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(10px);
	color: black;
	cursor: pointer;
	transition: max-height 0.8s ease;
}

.materials-card:hover .materials-subtext {
	max-height: 200px;
	overflow: hidden;
	font-family: var(--ff-main);
}

.materials-subtext {
	max-height: 0;
	transition: max-height 0.8s ease;
	color: var(--subtxt-color);
	overflow: hidden;
}

.materials-card__content {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 24px;
	overflow: hidden;
}

.materials-text {
	text-align: center;
	letter-spacing: -1.2px;
	line-height: 100%;
	font-variation-settings: "wght" var(--fw-title);
}

.block-title {
	max-width: 522px;
	width: 100%;
	justify-content: space-between;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.text-overflow {
	overflow: hidden;
	width: 100%;
}

.block-text-title {
	overflow: hidden;
}

.block-title-scroll {
	background-color: var(--wh-color);
	flex: 0 0 522px;
	padding-right: 80px;
}

.scroll-card {
	position: relative;
}

.scroll-card:not(:last-child)::before {
	content: "";
	position: absolute;
	width: 1px;
	right: -40px;
	height: 100%;
	background: var(--signature-color);
}

.slider-card {
	height: auto;
	align-items: center;
	justify-content: start;
}

.background-gray {
	background-color: #fafafa;
}

.slider-block-title {
	gap: 56px;
	padding-top: 80px;
	padding-bottom: 56px;
	max-width: 520px;
}

.filter-btn-style {}

.filter__btn.active {
	border: 1px solid #1F77CF;
	color: #1F77CF;
}

.filter-btn-style span {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--wh-color);
	width: 40px;
	height: 40px;
	cursor: pointer;
	border: 1px solid var(--signature-color);
	transition: color 0.3s ease-in-out, border 0.3s ease-in-out,
		background-color 0.3s ease-in-out;
	color: var(--signature-color);
}

.grid-block {
	display: grid;
	grid-template-columns: 1fr 1fr 3fr;
	grid-template-rows: auto 0.3fr 2fr;
	grid-template-areas:
		"title title image1"
		"image2 . image1"
		"image2 text text";
	padding-bottom: 0px;
	gap: 20px;
	overflow: hidden;
	row-gap: 56px;
}

@media(max-width: 1920px) {
	.grid-block {
		row-gap: 80px;
	}
}

.grid-content-text {
	grid-area: text;
	opacity: 0;
	transition: 1s ease;
	gap: 24px;

}

.grid-content-text .grid-content {
	max-width: 630px;
	align-self: start;
}

.grid-content p {
	padding: 0px 20px 20px;
	color: #727070;
}

.grid-block-title {
	grid-area: title;
	justify-content: start;
	grid-column: span 2;
	gap: 80px;
}

.investment-apartment {
	grid-area: image1;
	display: flex;
	align-items: start;
	justify-content: end;
	width: 100%;
	max-height: 540px;
}

.investment-apartment img {
	max-width: 820px;
}

.investment-angle-apartment {
	grid-area: image2;
	align-self: end;
	width: 540px;
	transition: 1s all ease;
	align-self: start;
	transform: translate3d(0px, 0px, 0px) !important;
	object-fit: cover;
	object-position: center;
}

@media(max-width: 1920px) {
	.investment-angle-apartment {
		width: 350px;
	}
}

.flex-style-row {}

.text-block {}

.investment-lobby {
	grid-area: image3;
	max-width: 100%;
	justify-self: end;
	height: 0;
	/* Начальная высота */
	overflow: hidden;
	/* Скрывать содержимое при высоте 0 */
	transition: height 0.5s ease;
	align-self: end;
	/* Плавный переход высоты */
	object-fit: contain;
}

.fw-medium {
	font-variation-settings: "wght" var(--fw-title);
}

.btns-gap {
	gap: 8px;
}

.section-materials__body {
	padding-right: 0;
	width: 100%;
}

.section__body-title {
	overflow: visible;
	padding-bottom: 70px;
}

.section__body-title .block-title {
	height: auto;
	width: 100%;
	max-width: 892px;
	margin-bottom: 56px;
	gap: 16px;
	row-gap: 60px;
}

.section__body-title .block-title.grid-block-title {
	gap: 80px;
	margin-bottom: 0;
	max-width: 820px;
}

@media(max-width: 1920px) {
	.section__body-title .block-title.grid-block-title {
		gap: 60px;
	}

	.footer-block-title {
		gap: 24px;
	}

	.image-bussines {
		max-height: 414px;
	}
}

.slider-card {
	flex: 0 0 50%;
}

.slider-card-img {
	flex: 0 0 50%;
}

.section__body:has(.block-info-adress),
.section__body:has(.swiper-quality) {
	padding-right: 0px;
	margin: 0;
	width: 100%;
	justify-content: space-between;
	margin: 0 auto;
}

.block-info-adress {
	gap: 56px;
}

.cards {
	gap: 56px;
	justify-content: space-between;
}

.card-text-width {
	text-align: center;
	max-width: 480px !important;
	line-height: 100%;
}

.card {
	flex: 1 1 50%;
	border: 1px solid #dbdbdb;
	position: relative;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	overflow: visible;
	height: 460px;
}

.card-text-content .font-about-block {
	gap: 24px;
	justify-content: end;
	padding-left: 50px;
}

.card-credit .card-text-content {}

.card-credit .card-text-content,
.card-cash .card-text-content {
	transition: 1s transform ease;
}

.card-cash .card-text-content {}

@media (hover: hover) {

	.card-cash .card-text-content:hover,
	.card-credit .card-text-content:hover {
		transform: translate(0%, 0%);
	}
}

.card-text-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	align-items: center;
	overflow: hidden;
}

.card-text-content .text-width {
	align-items: end;
	padding: clamp(10px, 5vw, 50px);
	position: absolute;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	gap: 24px;
	bottom: -100%;
	color: white;
	cursor: pointer;
	z-index: 2;
	flex: 1 1 50%;
	background-color: #1c3652;
	line-height: 150%;
	transition: bottom 0.8s ease;
}

.card-text-content.open .text-width {
	bottom: 0%;
}

.gap {
	gap: clamp(24px, 5vw, 56px);
}

.footer-address__content.gap {
	gap: clamp(32px, 5vw, 56px);
}

.title-gap {
	gap: 24px;
}

.text-width {
	width: 100%;
	justify-content: center;
}

.text-width p {
	max-width: 522px;
}

.block-map {
	position: relative;
	justify-content: center;
	align-items: center;
}

.pointer {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	transform: translate(-50px, 25px);
}

.block-info-adress .text-width {
	padding: 90px 0px;
}

.block-map img {
	width: auto;
	height: auto;
}

.form__block {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.block-form {
	width: 100%;
	flex: 0 1 654px;
	justify-content: center;
	align-items: center;
}

.block-form button {
	margin-top: 8px;
}

p.footer-subtitle {
	font-family: var(--ff-main);
	font-weight: 200;
}

.placeholder-container {
	position: relative;
}

.input-style {
	width: 100%;
	padding: 16px 24px;
	border: 1px solid var(--Gray_light, #dbdbdb);
	background: rgba(10, 17, 26, 0.21);
	backdrop-filter: blur(8px);
}

.input__name {
	width: 100%;
}

.input__number {
	width: 100%;
}

.input-placeholder {
	position: absolute;
	top: 16px;
	left: 24px;
	z-index: 2;
	width: auto;
	height: auto;
	display: block;
	color: white;
	pointer-events: none;
}

.input-event {
	cursor: text;
}

input.input-style:focus {
	border: 1px solid var(--blue-color);
}

input.input-event:focus+.input-placeholder {
	display: none;
}

input.input-event[value=""]+.input-placeholder {
	display: none;
}

.form-flex {
	gap: 16px;
	width: 100%;
}

.swiper-statistic {
	position: relative;
}

.swiper-button-prev {
	cursor: pointer;
}

.swiper-button-next {
	cursor: pointer;
}

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

.footer-btn-style {
	border: 1px solid white;
	background: #fff;
	display: flex;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(8px);
	color: #0d1925;
	margin-top: 24px;
	font-weight: 500;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.svg-width {
	width: 100px;
}

.custom__arrow {
	cursor: pointer;
	border: 1px solid var(--signature-color);
	border-radius: 100%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slide__arrow-hover {
	transition: border-color 0.3s ease, stroke 0.3s ease;
}

@media (hover: hover) {
	.slide__arrow-hover:hover {
		--hover-arrow-color: #0474dc;
		border-color: var(--blue-color);
	}
}

.scroll-card-container {
	gap: 80px;
}

.scroll-card {
	position: relative;
}

#panels #panels-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding: 0;

	overflow: hidden;
}

.panels-overflow {
	overflow: hidden;
}

#panels #panels-container .panel {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.change-title {
	overflow: hidden;
	height: 90px;
	position: relative;
}

.header-block .content-header {
	width: 100%;
}


.change-text {
	position: relative;
	width: 522px;
	height: 240px;
}

.title-slide {
	position: absolute;
	width: 100%;
	transition: transform 0.5s ease-in-out;
}

.title-slide.hide {
	transform: translateY(100%);
}

.title-slide.show {
	transform: translateY(0);
}

.text-slide.hide {
	opacity: 0;
}

.text-slide.show {
	opacity: 1;
}

.text-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: opacity 0.5s ease-in-out;
}

.swiper-quality .swiper-wrapper {
	max-width: 960px;
}

.slider-card-body {
	justify-content: start;
}

.text-visible {
	visibility: visible;
	height: 100%;
	opacity: 1;
}

.filter__buttons {
	gap: 56px;
	align-items: start;
	justify-content: start;
	overflow-x: scroll;
}

.filter__buttons p {
	text-align: left;
}

.houses-plan {
	width: 100%;
	height: 100%;
}

.houses-plan svg {
	width: 100%;
	height: auto;
}

.filter__btn_floor.disabled {
	pointer-events: none;
	opacity: 0.8;
	background-color: #F4F4F4;
}

.button__price-request.text-gray:hover span {
	transition: color 0.5s ease;
	color: #1F77CF;
}

.button__price-request.text-gray span {
	color: #B3B6BA;
}

.disabled {
	opacity: 0.5;
	fill: gray;
	pointer-events: none;
}

.js-scroll-form.active {
	background-color: #0474DC;
	border: 1px solid #0474DC;
}

.js-scroll-form {
	background-color: transparent;
}

.filter__btn_floor.disable {
	pointer-events: none;
	opacity: 0.8;
	background-color: #F4F4F4;
}

.enabled {
	opacity: 0.5;
	cursor: pointer;
	fill: #00509f;
}

.enabled {
	transition: opacity 0.5s ease;
}

.enabled:hover {
	opacity: 0.8;
}

.current_home {
	cursor: pointer;
}

.houses-plans_container {
	width: 100%;
	height: 100%;
	justify-content: space-between;
	align-items: start;
	row-gap: 24px;
	overflow: hidden;
}

.floor__filter {
	width: auto;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.floor__filter p {
	text-align: left;
}

.houses-plans_container .rooms__number {
	padding-right: 10px;
}

.none {
	display: none;
}

.filter__buttons::-webkit-scrollbar {
	width: 0;
}

.apartments__affordable {
	gap: 16px;
	width: 100%;
	flex: 1 1 522px;
}

.apartments__affordable p {
	text-align: left;
}

.apartment-card {
	background-color: #fafafa;
	width: 100%;
	flex: 1 1 1100px;
}

.apartment-card__content {
	padding: 40px;
	gap: 40px;
	flex: 1 1 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
}

.apartments__info-block {
	justify-content: start;
	align-items: start;
	flex-wrap: wrap;
	row-gap: 14px;
}

.apartments__filter {
	width: 100%;
}

.available-apartments__list {
	overflow-y: scroll;
	width: 100%;
	justify-content: start;
	flex-direction: column;
	transition: height 0.6s ease;
}

.available-apartments__list::-webkit-scrollbar {
	width: 0;
}

.apartment-description__content {
	gap: 40px;
	padding: 0px 36px;
}

.apartments__description {
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	flex: 0 0 222px;
	column-gap: clamp(20px, 3vw, 155px);
	row-gap: 24px;
}

.apartments__filter {
	gap: 32px;
}

.dialog__block {
	outline: none;
	overflow: hidden;
	width: 100%;
	max-width: 1100px;
	max-height: 525px;
	height: 100%;
	border: none;
}

.dialog__block {
	display: none;
}

.dialog__block[open] {
	display: flex;
	flex-direction: column;
	padding: 27px 30px;
	background-color: var(--wh-color);
	gap: 30px;
}

.dialog__block[open]::backdrop {
	background: #161d2d;
	opacity: 0.75;
}

.close__dialog {
	display: flex;
	align-self: end;
	justify-self: end;
}

.apartment__name {
	font-size: 56px;
	flex: 0 1 200px;
}

.apartment__name,
.js-apartment-number {
	font-family: 'Manrope', sans-serif;
	font-variation-settings: "wght" 300;
}

.apartment__item {
	width: 100%;
	padding: 0px 36.5px;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	border-top: 1px solid #DBDBDB;
	transition: border-color 0.3s ease-in-out;
	cursor: pointer;
	min-height: 250px;
}

.apartment__item:last-child {
	border-bottom: 1px solid #DBDBDB;
}

.flex-style-column {}

.apartment__img {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fafafa;
	max-width: 730px;
	border-bottom: 1px solid gray;
}

.parallax-span {
	width: 100%;
	text-align: center;
	margin-left: 15%;
}

@media(max-width: 1720px) {
	.parallax-span {
		text-align: center;
	}
}

.investment-subtitle-anim12 {
	max-width: 85%;
}

.investment-subtitle-anim12 span:first-child {
	max-width: 100%;
}

.plan__img .apartment__img {
	max-width: 100%;
}

.apartment__item.active {
	border-color: #0474dc;
}



.apartment__img img {
	padding: 8px;
	height: 104px;
	object-fit: cover;
	object-position: center;
}

.apartment__meter {
	font-variation-settings: "wght" var(--fw-title);
}

.apartment__meter {
	padding: 8px 0px;
}



.gap-65 {
	gap: clamp(40px, 3vw, 65px);
}




.card-credit {
	display: flex;
}

.footer-address__block {
	justify-content: start;
	align-items: start;
}

.block-location {
	justify-content: center;
	align-items: center;
}

.gallery__content {
	row-gap: 24px;
}


.main-title .whitespace {
	height: 0;
}

.apartment__img-card {
	width: 160px;

}

.infrastructure__content {
	margin-bottom: -360px;
}

.infrastructure__content img {
	user-select: none;
}

.materials-block-title {
	max-width: 100%;
	margin-bottom: 50px;
}

.parallax-text {
	font-variation-settings: "wght" 200;
	font-weight: 200;
}

.apartment__card_description {
	flex: 0 0 26.67%;
}

.apartment__card_description .btns-gap {
	flex: 1 1 33.333%;
}

.apartment__card_description .btns-gap p {
	text-align: center;
}

.header-block .content-header {
	gap: 33px;
}

.gap-img,
.gap-list {
	gap: 24px;
}

.gap-text {
	gap: 56px;
}


.swiper-statistic .swiper-wrapper {
	align-items: center;
	gap: 16px;
	width: 100%;
}

.header__nav ul li {
	transition: all 0.3s ease-in-out;
}

.header-block .js-scroll-form_btn {
	width: 152px;
	align-items: center;
	font-size: 14px;
}

.js-scroll-form_btn {
	width: 100%;
	max-width: 152px;
	text-align: center;
	justify-content: center;
}

.header-block .js-scroll-form {
	width: 152px;
	align-items: center;
	font-size: 14px;
}

.js-scroll-form {
	width: 100%;
	max-width: 152px;
	text-align: center;
	justify-content: center;
}

.logo–small–width {
	display: none;
}

.previous-link {
	display: inline-flex;
	gap: 7px;
	transition: color 0.6s ease;
}

.title__content {
	width: 100%;
	justify-content: space-between;
	gap: 56px;
}

.area-after {
	display: flex;
	justify-content: center;
	align-items: center;
}

.area-after:after {
	content: "m²";
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	left: 5px;
}

@media(hover:hover) {
	.previous-link:hover {
		color: #0474DC;
	}
}

.ionslider-block {
	width: 100%;
}


.popup .popup__content_select_apartments {
	transition: 0.8s all ease;
	width: 0%;
}

.popup {
	transition: 0.8s all ease;
}

.popup.popup_type_select_apartments.popup.popup_is-opened {
	transition: 0.8s all ease;
}

.popup.popup_type_select_apartments.popup.popup_is-opened .popup__content_select_apartments {
	width: 100%;
}

.clone-container {
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 90vh;
	background: white;
	transition: bottom 0.4s ease-in-out;
	overflow: hidden;
	z-index: 7;
	padding: 40px;
	align-items: end;
	gap: 56px;
}

.clone-container p {
	text-transform: capitalize;
}

.clone-container-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);

	z-index: 5;

	transition: opacity 0.4s ease-in-out;
	opacity: 0;

	pointer-events: none;
}

.clone-container-overlay.active {
	opacity: 1;

	pointer-events: auto;
}

.clone-container svg {
	width: 22px;
	height: 22px;
	margin-left: 7px;
	transition: transform 0.4s ease-in-out;
}

.clone-container.active {
	bottom: 0;
}

.clone-container.active svg {
	transform: rotate(-175deg);
}

.footer-address p {
	font-variation-settings: "wght" var(--fw-text);
}

p.parallax-text {
	max-width: 655px;
}

.popup.popup_is-opened {
	visibility: visible;
	opacity: 1;
	pointer-events: all;
	transition: visibility 0s, opacity 0.6s;
}

.popup {
	display: flex;
	align-items: start;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0px;
	bottom: 0;
	width: 100%;
	right: 0;
	z-index: 11;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: visibility 0.6s, opacity 0.6s, right 0.6s;
}

.popup_type_select_apartments .popup__content {}



.popup_type_select_apartments {
	opacity: 1;
	background-color: transparent;

	visibility: visible;
	transition: right 0.6s;
	z-index: 2;
}

.popup_type_select_apartments.popup_is-opened {
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	transition: right 0.6s;
}

.popup__content {
	max-width: 1920px;
	width: 100%;
	height: 100%;
	max-height: 90vh;
	background-color: #fff;
	position: relative;
	box-sizing: border-box;
	padding: 42px clamp(70px, 3vw, 100px);
}


.header-block {
	width: 100%;
	max-width: 420px;
}

.popup__content_form_quarter {
	outline: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	max-height: 847px;
	border: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #1C3652;
	position: relative;
	gap: 30px
}

.popup__content_form_quarter .form__block {
	flex-direction: row;
}



.popup__content_form_quarter .quarter__form {
	flex-direction: column;
}



.popup__content_form_quarter .form__button {
	background-color: white;
	color: black;
	font-variation-settings: "wght" 400;
	transition: .5s ease;
}

.popup__content_form_quarter .form__button:hover {
	border: 1px solid #0474DC;
	color: white;
	background-color: #0474DC;
}

.popup__content_form_quarter .block-center .input-placeholder span,
.popup__content_form_quarter .form__warn,
.popup__content_form_quarter .block-center p {
	color: white;
}

.form__warn {
	gap: 4px;
	color: white;
	flex-wrap: wrap;
}

.popup__content_form_quarter .input-style {
	background-color: transparent;
}

.popup__close {
	position: absolute;
	right: 20px;
	top: 20px;
}

.popup__content_select_apartments {
	position: absolute;
	max-height: 100%;
	right: 0;
	width: 100%;
	max-width: 782px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	text-align: center;
	height: 100%;
	top: 90px;
	padding: 0;
	background-color: #1C3652;
}

.popup__content_form_quarter .quarter__form {
	flex-wrap: wrap;
	max-width: 783px;
}

.popup_type_form_quarter .form-flex>* {
	flex: 1 1 auto;
	max-width: 100%;
	width: 100%;
}

.popup__content_house {
	max-height: 1500px;
	overflow: scroll;
}

.popup__content_house .apartment-card__content {
	padding-top: 32px;
	gap: 0;
}

.popup__content_house .apartment__content_number {
	display: flex;
	justify-content: start;
	width: 100%;
	height: 100%;
	min-height: 99px;
	border-bottom: 1px solid #B3B6BA80;
}

.content__card_choice {
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: space-between;
	transition: .5s ease;
	cursor: pointer;
	background: transparent;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
}

.content__card_choice::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	width: 0;
	height: 0;
	top: 100%;
	left: 50%;
	background-color: #0D1925;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	/* Центрируем и скрываем */
	transition: transform 1.2s ease, width 1.2s ease, height 1.2s ease;
}

.content__card_choice:hover::after {
	width: 300vw;
	height: 300vw;
	transform: translate(-50%, -50%) scale(1);
	/* Разворачиваем из центра */
}

.popup__content_select_apartments .content__card_choice {
	height: 50vh;
}

/* .header-dark::before {
	background-color: #1C3652;
} */

.popup_type_form_quarter {
	z-index: 12;
}

.popup_type_form_quarter .apartments__description {
	row-gap: 48px;
}

.popup .apartment-card {
	background-color: transparent;
	max-width: 783px;
}


.search_by_parameters {
	background-color: #1C3652;
}

.popup__content_select_apartments {
	right: -300%;
	transition: right 0.6s;
}

.popup_type_select_apartments.popup_is-opened .popup__content_select_apartments {
	right: 0%;
	transition: right 0.6s;
}

.content__cards_choice {
	width: 100%;
	max-width: 100%;
	overflow: auto;
	display: flex;
	flex-direction: column;
}

.content__cards_choice .section__body {
	padding: 0;
}

.search_by_parameters .content__card_choice {
	flex: 1 1 50%;
	justify-content: center;
	text-align: center;
	align-items: center;
}



.search_by_parameters .content__card_choice img {
	display: flex;
	max-width: 616px;
}

.search_by_parameters .content__card_choice:last-child img {
	max-width: 643px;
}

.search_by_parameters .content__card_choice p {

	width: auto;
	max-width: 400px;
}

.investment_text_block {
	gap: 24px;
}

.investment_text_block span:last-child {
	padding-bottom: 6px;
}

.investment_text_block span:last-child {
	max-width: 640px;
}

p.d_plan_text {
	max-width: 375px !important;
}

.content__cards_choice.flex-style-row {
	flex-direction: row;
}

.buttons__choice_view {
	display: flex;
	width: 100%;
	justify-content: center;
	margin-bottom: 80px;
}


.apartment__block {
	display: flex;
	flex-direction: column;
}

.button__choice {
	width: 100%;
	align-items: center;
	justify-content: center;
	border: 1px solid #1F77CF;
	color: var(--text-color-secondary);
}

.block-search-parameters {
	background-color: #1C3652;
}

.block-search-parameters {
	padding-top: 170px;
	padding-bottom: 80px;
	display: flex;
	flex-direction: column;
}

.button__choice:hover span {
	color: white;
}

.button__choice span {
	pointer-events: none;
}

.button__choice.choice-active {
	color: var(--wh-color);
	border: 1px solid #0474DC;
	background-color: #0474DC;
}

.button__choice.choice-active span {
	color: var(--wh-color);
}


.content__cards_choice::-webkit-scrollbar {
	display: none;
}

.content__cards_choice p {
	z-index: 2;

}

.content__cards_choice img {
	max-width: 100%;
	margin: 0 auto;
	z-index: 2;
}

.popup__content_house .apartment-card {
	background-color: #1C3652;
	width: 100%;
	max-width: 100%;
}

.popup__content_house .apartments__description {
	background-color: #1C3652;
	width: 100%;
	max-width: 100%;
	justify-content: space-between;
	padding: 24px 0px;
	align-items: center;
	flex: 1 1 100%;
}

.popup__content_house .apartment__number {
	gap: 16px;

}

.apartment__number p {
	position: relative;
	top: 3px;
}

.popup__content_house .apartment-description__content {
	width: 100%;
	max-width: 100%;
	justify-content: start;
	gap: 24px;
	padding: 0;
	align-items: center;
}

.popup__content_house .plan__img {
	justify-content: center;
}

.popup__content_house .apartment-description__content .btns-gap {
	flex: 1 1 277px;

	align-items: start;
}

.popup__content_house .open-dialog {
	width: 100%;
	max-width: 400px;
	justify-content: center;
	height: 76px;
	align-items: center;
}

.popup__content_house .open-dialog span {
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup__content_house {
	padding: 0;
}

/*ADD*/

#gallery .slider-navigation__block {
	padding-right: 0;
}

.circle {
	user-select: none;
}

.slide-block__card.flex-style-column.gap-65.ff-man.active {
	justify-content: flex-start;
	align-items: end;
}

.title__body {
	gap: 50px;
}


.choice-active {
	color: white;
}


.slide-block__card.flex-style-column.ff-man.align-center.slide-businnes.active {
	align-items: flex-end;
}

.input-event {
	color: #fff;
}

.gap-list {
	align-items: flex-start;
}


.apartment-description__content .btns-gap span {
	font-size: 24px;
}

span.irs.irs--round.js-irs-0 {
	width: 450px;
}

.irs {
	max-width: 280px;
}

.menu-text {
	color: white;
	text-transform: uppercase;
	display: none;
}

.burger__content {
	flex-direction: row-reverse;
	gap: 8px;
}

.button-header__content {
	gap: 12px;
	width: 100%;
	order: 1;
	justify-content: end;
}

.header__logo {
	width: 120px;
}

/*------------------------------------------------------------------RELEAZED HEADER BLOCK ADAPTIVE------------------------------------------------------------------- */


@media (max-width: 1900px) {
	.block-location {
		flex-direction: column;
	}

	.footer-address__block {
		flex-direction: column;
	}
}

@media (max-width: 1720px) {

	.section__body,
	.header__body,
	.footer__body {
		padding: 0px 50px;
	}

	.buttons__choice_view.section__body {
		padding: 0;
	}

}

@media(max-width: 1700px) {
	.grid-content-text .grid-content {
		max-width: 366px;
	}
}

@media (max-width: 1570px) {
	.section__body-main {
		flex-direction: column;
		margin-top: 0;
		padding: 0px 50px;
	}

	.parallax-section__body {
		gap: 32px;
	}

	.main-title {
		margin-top: 0px;
	}

	.slide-block-offices {
		flex-direction: column;
		top: 0;
	}

	.video {
		height: 100vh;
	}

	.block-info {
		width: 100%;
		height: 100%;
		padding: 0px 20px;
		padding-top: 80px;
		padding-bottom: 40px;
		gap: 56px;
	}

	.text-interier p:first-child {
		width: 100%;
		max-width: 422px;
	}

	.text-interier p:last-child {
		width: 100%;
		max-width: 397px;
	}

	.slide-block-terraces {
		flex-direction: row;
	}

	.info__footer__content {
		gap: 24px;
		flex-direction: row;
	}

	.footer-map {
		flex: 1 1 100%;
		max-height: 100%;
	}

	.slide-block-terraces img {
		max-height: 598px;
		max-width: 340px;
	}



	.slide-businnes {
		justify-content: center;
	}

	.block-info {
		flex: 1 1 auto;
	}



	.slide-businnes .image-bussines {
		max-height: 494px;
		max-width: 336px;
	}

	.infra-block {
		flex: 1 1 100%;
	}

	.swiper-statistic {
		display: flex;
		row-gap: 40px;
		flex-direction: column;
		width: 100%;
		max-width: 100%;
	}

	.infra__content {
		flex-direction: column;
		position: relative;
		margin-bottom: 190px;
	}

	.swiper-statistic .slider-navigation__block {
		position: static;
		transform: translateX(0);
		justify-content: end;
	}

	.about-button {
		left: 455px;
		transform: unset !important;
	}

	.scale-image {
		position: static;
	}

	.card-credit .card-text-content {}

	.card-cash .card-text-content {}
}

@media (max-width: 1570px) {
	.gallery__body {
		max-inline-size: 1920px;
	}

	.form__block {
		max-width: 1240px;
	}

	.parallax-section__body {
		max-height: 110vh;
	}

	.features-slide-block {
		margin-bottom: 0;
	}



	.popup__content_form_quarter .block-center,
	.footer-block-title {
		flex: 1 1 100%;
		width: 100%;

	}

	.showcase__items {
		height: 0;
		padding-bottom: 18.3%;
	}



	.popup__content_form_quarter .block-center,
	.block-center .block-form {
		flex: 0 1 auto;
		max-width: 570px;
		margin: 0 auto;
	}
}

@media (max-width: 1560px) {
	.grid-block {
		grid-template-columns: 0fr 1fr 1fr;
		grid-template-rows: 1.2fr 0fr;
		grid-template-areas:
			"title . image1"
			"image2 text image2"
			"image2 text image2";
	}

	.parallax-span {
		margin-left: 0%;
	}

	.grid-content-text .grid-content {
		max-width: 606px;
	}

	.grid-content-text {
		display: flex;
		flex-direction: row;
	}
}

@media(max-width: 1500px) {
	.investment-lobby {
		display: none;
	}

	.grid-content-text .grid-content {
		max-width: 100%;
	}
}

@media(max-width: 1370px) {
	.header__logo {
		max-width: 120px;
	}

	.parallax-section__body {
		max-height: 95vh;
	}

	.form__block {
		max-width: 100%;
	}

	.popup__content_form_quarter .block-center,
	.block-center {
		flex-direction: column;
		text-align: center;
		justify-content: center;
		align-items: center;
	}

	.popup__content_form_quarter .block-center {
		gap: 8px;
		text-align: start;
		justify-content: space-between;
		align-items: start;
	}

	.popup__content_form_quarter .block-form {
		justify-content: center;
		align-items: center;
	}

	.popup__content_form_quarter .block-center,
	.footer-block-title p {
		gap: 8px;
		text-align: center;
		align-items: center;
	}
}

@media (max-width: 1320px) {
	.grid-content-text {
		flex-direction: column;
	}



	.grid-block-title {
		grid-column: span 1.2;
	}

	.investment-lobby {
		max-width: 100%;
	}

	.swiper-statistic .swiper-slide {
		width: 75% !important;
	}


	.phone-link {
		display: none;
	}

	.header-block .content-header {
		width: auto;
	}

	.header-block {
		width: auto;
		max-width: none;
	}
}

@media (max-width: 1200px) {
	.header__burger {
		display: flex;
		position: static;
		order: 1;
	}

	.header__logo.logo–small–width {
		display: none;
	}

	.header-mobile-block .header__logo {
		display: block;
	}

	.header-block .js-scroll-form_btn {
		display: block;
	}

	.header-block .js-scroll-form {
		display: block;
	}

	.phone-link {
		display: block;
	}

	.header__menu .header-block .js-scroll-form_btn {
		display: block;
		justify-content: center;
	}

	.header__menu .header-block .js-scroll-form {
		display: block;
		justify-content: center;
	}

	.header-block .content-header {
		width: 100%;
		justify-content: space-between;
	}
}

@media (max-width: 1200px) {
	.nav-clone {
		margin-top: 20px;
	}

	.header-block {
		width: 100%;
	}

	.lang_switch_list {
		order: 2;
	}

	.header__nav {
		display: none;
	}

	.header__nav.nav-clone {
		display: flex;
	}

	.menu-text {
		display: block;
	}

	.header__nav ul {
		padding-left: 0;
	}

	.header__nav ul li a {
		white-space: nowrap;
	}

	.header__body .header__logo {
		order: 1;
		flex: 0 0 200px;
	}

	.header__body {
		justify-content: space-between;
	}

	.header__menu .header__logo {
		display: none;
		max-width: 150px;
	}

	header::before {
		background-color: var(--primary-main-color);
	}

	.header__menu {
		position: fixed;
		top: 90px;
		width: 40%;
		height: 100%;
		right: -50%;
		z-index: 10;
		background-color: var(--primary-main-color);
		flex-direction: column;
		display: flex;
		align-items: start;
		justify-content: start;
		gap: 56px;
		padding: 24px clamp(20px, 2vw, 54px) 0px;
		overflow: hidden;
		transition: height 0.5s ease, width 0.5s ease, right 0.5s ease;
	}


	.header__nav li {
		font-size: 24px;
	}

	.header__body .header__nav {
		flex-direction: row;
		order: 0;
	}

	.header__menu .header__nav ul {
		flex-direction: column;
		gap: 24px;
	}

	.block-header-menu {
		gap: 24px;
		width: 100%;
	}

	.block-header-menu a {
		width: 100%;
		text-align: center;
	}

	.header__nav ul li {
		text-transform: uppercase;
		width: 100%;
		text-align: left;
	}

	.header__menu.active {
		right: 0;
		transition: height 0.3s ease, width 0.5s ease, right 0.5s ease;
		padding-bottom: 20px;
	}

	.header__menu.active .header-block div {
		flex-direction: column-reverse;
		width: 100%;
	}

	.header__menu.active .header-block a {
		width: 100%;
		text-align: center;
		justify-content: center;
	}
}

@media(max-width: 1150px) {
	.title__content {
		flex-wrap: wrap;
	}

	.info__footer__content {
		flex-direction: column;
		gap: 12px;
	}

	.footer-map_block {
		flex: 1 1 auto;
		width: 100%;
	}

	.footer-address__content {
		flex-direction: column;
		gap: 12px;
	}

	.footer-address__content.gap {
		gap: 12px;
	}
}

@media (max-width: 1100px) {
	.slider-materials__content {
		flex-direction: column-reverse;
	}



	.slider-materials__content .slider-card {
		width: 100%;
		justify-content: start;
	}

	.navigatin-translate {
		transform: translate(0, 0px);
		background-color: #fafafa;
		padding: 20px;
	}

	.swiper-quality {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	.swiper-quality .slider-card-img {
		flex: 1 1 100%;
	}

	.showcase__items {
		height: 0px;
		padding-bottom: 17.93%;
	}
}

@media (max-width: 1000px) {
	.block-name {
		padding: 40px 20px;
		flex-direction: column;
		justify-content: start;
		align-items: start;
		width: 100%;
		top: 0;
		height: 100%;
	}

	.slide-block-offices {
		flex-direction: column;
	}

	.image-tv {
		display: none;
	}

	.slide-block-terraces {
		flex-direction: column;
	}

	.investment-lobby {
		display: none;
	}

	.text-interier {
		flex-direction: column;
	}

	.map-sava {
		top: -15vh;
		height: 70vh;
	}

	.features-slide-navigation {
		flex: 1 1 100%;
	}

	.block-item {
		justify-content: space-between;
		width: 100%;
	}

	.block-item svg {
		transition: 0.5s all ease;
	}

	.features-block-info__item.active .block-item svg {
		transform: rotate(90deg);
	}

	.slide-block__card {
		position: static;
		opacity: 0;
		overflow: hidden;
		transition: all 0.5s ease;
		pointer-events: auto;
	}

	.features-block-info__item.active .slide-block__card {
		opacity: 1;
	}

	.features-block-info__item {
		justify-content: space-between;
		flex-direction: column;
		gap: 24px;
		transition: all 0.5s ease;
	}

	.block-info__list li {
		flex: 1 1 auto;
		display: block;
		overflow: hidden;
	}

	.features-slide-arrow {
		display: none;
	}

	.block-item p {
		padding-bottom: 0px;
	}

	.section-complex .block-info__list {
		gap: 0;
	}

	.features-block-info__item p {
		padding-bottom: 56px;
	}

	.features-block-info__item .block-item {
		align-items: start;
	}

	.grid-block .fz-40 {
		padding-bottom: 3px;
	}

	.investment-lobby {
		display: block;
	}

	.arrow-block-relative {
		display: none;
	}

	.slider-navigation__block {
		padding-right: 0;
	}

	.investment-angle-apartment {
		display: none;
	}

	.slides-block__content.remove-block {
		display: none;
	}

	.grid-block {
		display: flex;
		flex-direction: column;
	}

	.investment-apartment {
		justify-content: center;
	}

	.investment-apartment {
		max-height: 100%;
	}

	.investment-apartment img {
		max-width: 100%;
		text-align: center;
	}

	.grid-content {
		padding: 40px 0px;
		gap: 24px;
	}

	.grid-content p {
		padding: 0px;
	}

	.change-text {
		height: 300px;
	}

	.title-slide.hide {
		transform: translateY(200%);
	}

	.slider-block-title {
		padding-top: 56px;
		padding-bottom: 40px;
		padding-right: 20px;
	}

	.change-text {
		width: 100%;
	}

	.change-text p {
		position: static;
	}

	.card-text-content svg {
		width: 30px;
	}

	.slider-card {
		flex: 1 1 100%;
	}

	.cards {
		flex-direction: column;
		gap: 0;
	}

	.card-text-width {
		font-size: 40px;
	}

	.circle {
		bottom: 0;
		right: 50%;
		transform: translate(50%, 50%);
	}

	.card {
		flex: 0 0 560px;
		height: 100%;
		width: 100%;
		padding: 0px 50px;
	}

	.apartments__affordable {
		flex: 1 1 100%;
	}

	.parallax-container img {
		height: 100%;
		object-position: center;
	}

	.text-width {
		justify-content: center;
	}

	.apartments__description {
		flex: 1 1 100%;
	}

	.apartment-description__content {
		width: 100%;
	}

	.apartment-description__content div {
		flex-direction: row;
		width: 100%;
		justify-content: space-between;
	}

	.form__block {
		flex-direction: column;
	}

	.footer-block-title {
		flex: 1 1 auto;
	}

	.footer-block-title p {
		justify-content: center;
		text-align: center;
	}

	.block-form {
		flex: 1 1 auto;
	}
}

@media(max-width: 1000px) {


	.houses-plans_container {
		flex-direction: column-reverse;
	}

	.apartment-description__content div {
		flex-direction: column;
	}

	.apartment-description__content .btns-gap {
		gap: 8px;
		width: auto;
		flex: 1 1 auto;
	}

	.houses-plans_container .rooms__number {
		flex-direction: row;
	}

}

@media(max-width: 990px) {
	.apartment__card_description {
		flex-direction: column;
		align-items: start;
		justify-content: start;
		gap: 4px;
	}

	.apartment__item {
		flex-wrap: wrap;
		padding: 0px 13.5px;
		padding-bottom: 8px;
	}

	.available-apartments__list {
		gap: 16px;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.apartment__card_description .btns-gap {
		flex-direction: row;
	}

	.apartment__card_description span {
		font-size: 16px;
	}

	.apartment__item button {
		display: none;
	}

	.apartment__item {
		width: 100%;
		flex: 0 1 48%;
		border: 1px solid #DBDBDB;
	}

	.apartment__img-card {
		order: -1;
		width: 100%;
		height: 100%;
		max-height: 220px;
	}

	.apartment__img-card img {
		max-width: 159px;
	}

	.info__footer__content {
		display: flex;
		flex-direction: column;
	}

	.apartment__name {
		font-size: 40px;
	}

	.btns-gap {
		gap: 16px;
	}

	.apartments__affordable {
		gap: 24px;
	}

	.footer-address:first-child {
		flex: 0 1 41.333%;
	}

	.footer-address__content {
		flex-direction: row;
	}

	.footer-address {
		flex: 0 1 26.333%;
	}
}

@media screen and (max-width: 778px) {
	.bg-materials {
		height: 644px;
	}
}

@media screen and (max-width: 768px) {
	.header–mobile–block .header__logo {
		display: block;
	}

	.logo–small–width {
		display: none;
	}

	.header-block {
		width: 100%;
		max-width: unset;
	}

	.phone-link {
		display: none;
	}

	.card-text-width {
		text-align: center;
		max-width: 300px;
	}

	span.font-about-block {
		width: 100%;
		display: block;
		padding-bottom: 15px;
	}

	.form-flex {
		gap: 16px;
		width: 100%;
	}

	.input-event {
		cursor: text;
		border-radius: 0 !important;
	}

	.header__menu .header__nav ul {
		padding-left: 0;
	}

	footer.flex-style-column.main-gap {
		padding-top: 120px;
	}

	.slide-block__card {
		font-size: 16px;
	}

	.text-interier {
		gap: 40px;
	}

	.section__body-title .block-title {
		margin-bottom: 48px;
	}

	#financing .section__body-title .block-title {
		margin-bottom: 24px;
	}

	section#gallery {
		margin-top: 75px;
	}

	header {
		min-height: 88px;
	}

	.popup__content_select_apartments {
		top: 88px;
	}

	.section__body-main .title {
		margin-top: 40%;
	}

	.showcase__items {
		padding-bottom: 0%;
		height: 40vh;
	}

	/*	.section__body.flex-style-row {
		    padding-top: 40px;
		}*/
	.circle {
		max-width: unset;
		width: 150px;
		height: 150px;
	}

	.materials-block-title {
		margin-bottom: 24px;
	}

	.swiper-statistic .swiper-slide,
	.swiper-statistic .swiper-slide img {
		min-height: 450px;
	}

	.materials-card {
		padding: 40px;
	}

	.bg-materials {
		background-image: url(../images/bg-gall-min.jpg);
		height: 640px;
		background-size: cover;
		background-position-x: revert;
		background-position: center;
	}

	.materials-card:hover .materials-subtext {
		max-height: 200px;
		overflow: hidden;
		font-size: 16px !important;
	}

	section#materials {
		margin-top: 120px;
		margin-bottom: 24px;
	}

	section.section-relative.flex-style-row.block-parallax .section__body.flex-style-column.parallax-section__body {
		padding: 0;
	}

	h2.parallax-title {
		font-size: clamp(40px, 7vw, 120px);
	}

	.whitespace {
		letter-spacing: 0;
		width: 10px;
	}

	.parallax-title .line:last-child {
		left: 25%;
	}

	.block-name {
		padding-top: 80px;
	}

	.investment-apartment {
		padding: revert;
		width: 110%;
	}

	.grid-content {
		padding: 0px 0px;
		gap: 24px;
	}

	img.investment-lobby {
		padding: revert;
		margin-right: 40px;
	}

	.section__body-title .block-title.grid-block-title {
		gap: 60px;
	}

	.header__logo img {
		width: 120px;
	}

	.section__body-main .title {
		font-size: 56px;
	}

	.main-block.block-height {
		height: 90vh;
	}

	.footer-address a .block-height {
		height: 90vh;
	}

	.video {
		height: 70vh;
	}

	.parallax-section__body {
		gap: 30px;
	}

	h2.title.title-dark.tt-up.split-text.ezd-animtext.fz-120.words.lines.splitting.line-up {
		font-size: 50px;
	}

	.grid-block {
		row-gap: 24px;
	}
}

.content_choice_title {
	gap: 4px;
}

@media (max-width: 767.99px) {
	.main-gap {
		gap: clamp(120px, 20vw, 180px);
	}

	.parallax-span {
		text-align: center;
		margin-left: 15px;
	}

	.block-info__list {
		margin-top: 0;
	}

	.card-text-content .text-width {
		justify-content: start;
	}

	.search_by_parameters .content__card_choice p {
		max-width: 300px;
	}

	.card-text-content .text-width {
		justify-content: center;
	}

	footer {
		background-position: bottom;
	}

	.circle {
		bottom: -10px;
	}

	.svg-center svg {
		margin-top: 4%;
	}

	.card {
		padding: 0px 20px;
	}

	.content_choice_title.flex-style-row {
		flex-direction: column;
	}

	.form__block.block-center.flex-style-column.gap.form__block-popup {
		gap: 40px;
	}

	.content_choice_title {
		gap: 0;
	}

	.header__menu .content_choice_title p:last-child {
		display: none;
	}


	.section__body,
	.header__body,
	.footer__body {
		padding: 0px 20px;
	}

	.section__body-main {
		flex-direction: column;
		margin-top: 0;
		padding: 0px 20px;
	}

	h2.statistic-title {
		width: 100%;
		max-width: 97%;
	}

	.popup__content_select_apartments .content__card_choice {
		height: auto;
	}

	.section-complex {
		gap: 48px;
	}

	.header-block .js-scroll-form_btn {
		width: 100%;
	}

	.header-block .js-scroll-form {
		width: 100%;
	}

	.footer-block-title {
		align-self: center;
	}

	.apartment__item {
		flex: 1 1 100%;
	}

	.apartment__block.padding-top {
		padding-top: 60px;
	}

	.block-header-menu {
		justify-content: center;
	}

	.block-header-menu .js-scroll-form_btn {
		width: 100%;
		max-width: 100%;
	}

	.block-header-menu .js-scroll-form {
		width: 100%;
		max-width: 100%;
	}

	.floor__filter {
		width: 100%;
	}

	.showcase__item {
		width: 100%;
	}

	.parallax-container {
		height: 100vh;
	}

	.swiper-materials .swiper-slide {
		width: 100%;
	}

	.swiper-materials .slider-navigation__block {
		width: 100%;
		justify-content: space-between;
	}

	.parallax-text {
		text-transform: none;
		letter-spacing: normal;
	}

	.swiper-statistic .slider-navigation__block {
		justify-content: center;
	}

	.main-title {
		text-align: center;
	}

	.scroll-card:not(:last-child)::before {
		right: -13px;
	}

	.block-video {
		height: 70vh;
	}

	.location__content {
		flex: 1 1 100%;
	}

	.scale-text {
		font-size: 12px;
		line-height: 126%;
	}

	.about-button {
		width: 100px;
		height: 100px;
		padding: 6px;
		padding-top: 10px;
	}

	.apartment-card__content {
		padding: 0px;
		padding-bottom: 0;
	}

	.scroll-to-video {
		visibility: visible;
	}

	.change-title {
		height: 70px;
	}

	.slider-navigation__block {
		left: unset;
		right: 0;
	}

	.slider-materials__content {
		padding: 0;
	}

	.title-flex-style {
		display: flex;
		flex-direction: column;
	}

	.slider-materials__content .slider-card {
		padding: 0px 20px;
	}

	#panels {
		width: 100%;
		overflow: hidden;
	}

	.infrastructure__content .section__body {
		gap: 109px;
	}

	#panels #panels-container {
		overflow: visible;
		gap: 40px;
	}

	.scroll-card-container {
		flex-wrap: nowrap;
		width: 100%;
		overflow-y: hidden;
		overflow-x: scroll;
		justify-content: start;
	}

	.scroll-card p {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	#panels #panels-container .panel {
		overflow: visible;
	}

	.section__body-main {
		padding: 0;
	}

	.section__body-main .main-title {
		padding: 0 20px;
	}

	.available-apartments__list {
		width: 100%;
		overflow-y: hidden;
		overflow-x: scroll;
	}
}

@media (max-width: 767.99px) {
	.block-location.gap {
		gap: 0;
	}

	.statistic-title {
		max-width: max-content;
	}

	.houses-plans_container .rooms__number {
		padding-right: 0;
	}

	.rooms__number {
		align-self: start;
		padding-right: 0;
	}

	.header-block .content-header {
		gap: 14px;
		flex: 0;
	}

	.menu-text {
		display: none;
	}

	.block-map img {
		width: 100%;
	}

	.section__body-main {
		justify-content: start;
	}

	.section__body-main {
		align-self: start;
	}

	.showcase__wrap {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.main-block-relative {
		bottom: 25%;
	}

	.block-title-scroll {
		gap: 40px;
	}

	.about-button {
		left: unset;
		right: 25%;
		top: 100%;
	}

	.form__block {
		text-align: center;
	}

	.scroll-card img {
		width: 250px;
		height: 185px;
	}

	.form-flex {
		flex-direction: column;
	}


	.showcase__items {
		padding-bottom: 0%;
		height: 50vh;
	}

	.showcase__item {
		height: 100%;
		bottom: 0;
	}

	.header-block {
		gap: 16px;
		justify-content: start;
	}

	.panels-container .block-title {
		width: 100%;
		max-width: 100%;
		flex: 1 1 auto;
	}

	.block-title-scroll {
		padding-right: 0px;
		flex: 1 1 auto;
	}

	#panels-container {
		flex-direction: column;
	}

	.block-text {
		row-gap: 80px;
	}

	.flex-wrap {
		flex-wrap: wrap;
		flex-direction: column;
	}

	.block-title {
		height: auto;
	}

	.block-description {
		flex-wrap: wrap;
		gap: 24px;
	}

	.scroll-card-container {
		gap: 24px;
	}

	.block-info__list {
		flex-direction: column;
		gap: 32px;
		align-items: start;
	}

	.block-info__list span {
		text-align: start;
		margin-top: 0px;
	}

	.block-info__list li {
		width: 100%;
	}

	.dialog__block {
		position: fixed;
		bottom: -200%;
		left: 0;
		width: 100%;
		height: 100%;
		transition: bottom 0.4s ease-in-out;
		z-index: 10;
		border: none;
		padding: 0px 20px;
		padding-bottom: 20px;
	}

	.dialog__block {
		max-height: 100%;
	}

	.dialog__block.active {
		transition: bottom 0.4s ease-in-out;
		bottom: 0;
		transform: translateY(5%);
	}
}

@media (max-width: 767.99px) {
	.header-block {
		width: 100%;
	}

	.buttons__choice_view.section__body {
		margin-bottom: 40px;
	}

	.content__cards_choice .section__body {
		padding: 0;
		gap: 4px;
	}

	.search_by_parameters .content__cards_choice .section__body {
		gap: 0;
	}

	.popup__content_select_apartments .popup__close {
		display: block;
	}

	.previous-link {
		display: none;
	}

	.block-search-parameters {
		padding: 30px 0px;
	}

	.gallery__body {
		flex-direction: column-reverse;
		gap: 24px;
	}

	.count-slides__content {
		position: static;
		justify-content: center;
	}

	.count-slides__content .slider-navigation__block {
		width: auto;
	}

	.header__burger {
		order: -1;
	}

	.header__logo img {
		width: auto;
	}

	.header__body .header__logo {
		display: none;
	}

	.header-mobile-block .header__logo {
		display: block;
	}

	.header-mobile-block {
		justify-content: space-between;
		flex-direction: row;
	}

	.header__body {
		flex-direction: column-reverse;
		justify-content: center;
		position: relative;
	}

	.header__menu .header__nav {
		margin-top: 140px;
	}

	.header__menu {
		gap: 24px;
	}

	.header__menu .header__logo {
		margin-top: 20px;
	}

	.header__logo img {
		width: 120px;
	}

	.header__menu {
		position: fixed;
		top: 0px;
		width: 100%;
		height: 0%;
		right: 0;
		padding: 0px 20px;
		padding-top: 0;
		justify-content: space-between;
	}

	.header__menu {
		overflow: scroll;
	}

	.header__nav ul {
		flex-direction: column;
		gap: 16px;
	}

	.header__nav ul li {
		text-transform: uppercase;
		width: 100%;
		text-align: left;
	}

	.header__menu.active {
		height: 100%;
		transition: height 0.3s ease;
		padding-bottom: 20px;
	}

	.header__menu.active .header-block {
		flex-direction: column-reverse;
	}

	.header__menu.active .header-block a {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.parallax-name {
		padding-top: 80px;
	}

	.header-mobile-block .header__logo {
		order: 1;
		flex: 0;
		justify-content: end;
	}
}

@media screen and (max-width: 768px) {
	.section__body-main {
		align-items: center;
	}

	.main-subtitle {
		top: -15px;
	}

	.main-title span {
		padding-right: 0px;
	}

	.main_title_block {
		justify-content: center;
		align-items: center;
	}

	.main-block {
		overflow: hidden;
		background-size: auto, 100%;
		background-repeat: no-repeat;
		background-position: right bottom, center center;
		background-size: contain;
	}
}

@media(max-width: 767.99px) {
	.block-search-parameters .title__content {
		gap: 24px;
	}

	.header__nav .menu__item {
		font-size: 16px;
		font-variation-settings: "wght" 500;
	}

	.header__menu .header__nav ul {
		gap: 12px;
	}

	.header__menu {
		gap: 32px;
	}

	.header__body .header__nav {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}

	.header__menu .header__nav {
		margin-top: 88px;
		margin-bottom: 88px;
		flex: 1 1 100%;
		justify-content: center;
	}

	.lang_switch_list {
		order: 2;
	}

	.block-search-parameters {
		padding: 40px 0px;
		padding-top: 56px;
	}

	.content__card_choice p {
		text-align: center;
		font-size: clamp(10px, 1vw, 30px);
	}

	.header__menu .content__card_choice p {
		width: 100%;
		font-size: clamp(10px, 1vw, 30px);
		max-width: 105px;
	}

	.header__menu p.d_plan_text {
		max-width: 110px !important;
	}

	.search_by_parameters .content__card_choice p {
		font-size: 35px;
	}

	.apartment__name {
		flex: 0;
	}

	.header__menu .content__card_choice {
		padding-top: 0;
		padding: 17.3px 21px;
		padding-bottom: 0px;
		justify-content: center;
		align-items: center;
	}

	.content__cards_choice.flex-style-row {
		gap: 4px;
	}

	.header__menu .content__card_choice::after {
		content: "";
		position: absolute;
		bottom: 0%;
		left: 50%;
		z-index: 1;
		width: 100%;
		height: 100%;
		background: radial-gradient(circle, #161D2D 0%, transparent 100%);
		transform: translate(-50%, -50%) scale(30);
	}

}

@media (max-width: 600px) {
	.form-flex>* {
		max-width: 100%;
	}
}

@media(max-width: 600px) {
	.search_by_parameters .content__cards_choice .flex-style-row {
		flex-direction: column;
	}

}

@media screen and (max-width: 568px) {
	.buttons__choice_view .btn-style {
		padding: 16px;
	}
}

@media (max-width: 540px) {
	.info__footer__content {
		flex-direction: column;
	}

	.swiper-statistic .swiper-slide {
		width: 100% !important;
	}
}

@media(max-width: 540px) {
	.popup__content_house .open-dialog {
		max-width: 100%;
	}

	.popup__content_house .open-dialog {
		height: 55px;
	}

	.form__warn {
		column-gap: 4px;
		font-size: 14px;
	}

	.apartment__card_description {
		flex: 0 1 auto;
	}

	.popup__content_house .apartment-description__content .btns-gap {
		flex: 1 1 auto;
	}

	.popup__close {
		z-index: 3;
	}
}

@media(max-width: 540px) {

	.apartments__description {
		flex-direction: column;
	}

	.popup__content_house .apartment-description__content .btns-gap {
		flex: 1 1 auto;
	}

	.apartment-card__content.section__body {
		padding: 0px 20px;
	}
}

@media (max-width: 520px) {
	.infra__content {
		flex-direction: column;
		position: relative;
		margin-bottom: 224px;
	}

	#gallery .section__body {
		flex-wrap: wrap;
	}

	.info-footer__content {
		flex-direction: column;
	}

	#gallery .section__body .gap-button {
		justify-content: end;
		width: 100%;
	}

	.card-cash .card-text-content,
	.card-credit .card-text-content {}

	.block-text {
		flex: 0 0 auto;
	}
}

@media(max-width: 400px) {
	.popup__close {
		top: 15px;
		right: 15px;
	}

	.popup__content {
		padding: 50px 20px;
	}

	.popup__content.popup__content_house {
		padding: 0;
	}

	.header-block .content-header {
		gap: 16px;
	}

	.header-btn-color {
		font-size: 15px;
		padding: 12px 16px;
		height: auto;
	}
}

@media(max-width: 360px) {
	.popup__content_house .apartment__number {
		flex-direction: column;
	}
}

@media (min-width: 2560px) {
	.parallax-container {
		max-height: 100vh;
	}

	.parallax-container img {
		height: 100%;
	}
}

@media (min-width: 1520px) {
	.header__nav ul li:has(a.active-link) {
		color: var(--blue-light-color);
		transition: all 0.5s ease-in-out;
		transform: translateY(-9px);
	}
}


@media screen and (min-width: 1200px) and (max-width: 1700px) {
	.header__nav ul {
		gap: 15px;
	}


	.header-block .content-header {
		gap: 24px;
		display: flex;
		flex-direction: row;
	}

	.flex-style-column.block-header-menu {
		text-align: center;
	}
}

@media screen and (min-width: 1540px) {
	p.subtitle.fz-40.fw-medium.investment-subtitle-anim {
		max-width: 510px;
	}


}

.place-error {
	color: red;
}

.popup__input_type_error {
	border: 1px solid red;
}

.show-more-btn {
	margin: 0 auto;
	width: 100%;
	max-width: 240px;
	align-items: center;
	justify-content: center;
	border: 1px solid #1F77CF;
	color: var(--text-color-secondary);
}