/*@font-face {
    font-family: 'Manrope';
    src: url('fonts/manrope-regular.ttf') format('truetype'); 
	font-display: swap;
}
*/

@font-face {
  font-family: 'Manrope';
  src: url('fonts/manrope-regular.woff2') format('woff2'),
       url('fonts/manrope-regular.woff') format('woff');
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}



/*
@font-face {
    font-family: 'Manrope2';
    src: url('fonts/manrope-medium.ttf') format('truetype'); 
	font-display: swap;
}
*/

@font-face {
  font-family: 'AMAGROBold';
  src: url('fonts/AMAGROBold/Amagro.woff2') format('woff2'),
       url('fonts/AMAGROBold/Amagro.woff') format('woff');
  font-display: swap;
}

/*
@font-face { 
    font-family: "AMAGROBold";
    src: url("fonts/AMAGROBold/Amagro.ttf") format("truetype");
font-display: swap;
} 
*/


@font-face {
    font-family: 'Montserrat-Medium';
src: url('fonts/Montserrat-Medium.woff2') format('woff2'),
       url('fonts/Montserrat-Medium.woff') format('woff');
	font-display: swap;
} 





.map_wrapper{
margin:0 auto; 
border-radius:2vw;
max-width:84vw;

}

.header_company_name_container:hover {
  cursor: pointer;
}

.header_container {
    display: flex;
    border-radius: 1vw;
    padding: .4vw .5vw .4vw .5vw;
    font-size: .83vw;
    background: #38725d;
	align-items: center;
	background-image: url('style_img/bgbg26.jpg');
	background-position: top; /* или top left */
	margin-top:7px;
}

.headerlogorow{
display:flex;
flex-direction:row;
}


.header_logo img{
	margin-top: .2vw;
	width: 100%;
	height: auto;
}

.header_logo {
    display: flex;
    margin-right: .5vw;
    width: 5.5vw;
	margin-left: 1.5vw;
}


.header_company_name_container
{
	 display: flex;
	 flex-direction: column; /* задаём вертикальное расположение */
	/* gap: .08vw;  расстояние между элементами */	
	align-items: center;
}

.company_name{
	font-family:AMAGROBold;	
	color: #ffecc0;
	font-size: 1.20vw;
}

.podcherk {
    display: flex;
    width: 10.58vw;
	margin-top: -0.46vw;
}

.podcherk img{
width: 100%;
height: auto;

}

.company_description
{
	font-family: Montserrat-Medium;
	color: white;
	text-align: center;
	font-size: 0.60vw;
}

ul.header_links{
	display: flex;
	list-style: none;	
	align-items: center;
	padding-inline-start: 0px;
	padding-left: 1vw;
	padding-right: 1vw;

}

ul.header_links li a{
    padding: .28vw .9vw;
    color: white;
	font-family:Manrope;
	font-size: .90vw;
	font-weight: 400;
}

ul.header_links li a:hover
{
cursor: pointer;	
}


.skolko_kv_v_upravlenii_container {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.20vw;
  padding: 0.30vw 0.6vw 0.30vw 0.6vw;
  background: linear-gradient(to bottom, #ffecc0, #e8c87b);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  color: #5a4a2a;
  cursor: pointer;
  font-size: 1rem; /* можно настроить под свои нужды */
}

.skolko_kv_v_upravlenii_container::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transition: left 0.5s ease;
  pointer-events: none;
  border-radius: 1.20vw; /* чтобы соответствовать закруглению контейнера */
}

.skolko_kv_v_upravlenii_container:hover::before {
  left: 100%;
}


.skolko_kv_v_upravlenii_1
{
  font-family:Manrope;
  font-size: 2.20vw;
  display: flex;
  flex-direction: column;
  justify-content: center; /* вертикальное центрирование */
  align-items: center;    /* горизонтальное центрирование */        /* нужна фиксированная высота */
  line-height: 2.95vw;    /* минимальный отступ между строками */
  padding-right: .5vw;
  color:#72281d;
}

.skolko_kv_v_upravlenii_2
{
	font-family:Manrope;
	font-size: .90vw;
	display: flex;
	flex-direction: column;
	justify-content: center; /* вертикальное центрирование */
	align-items: center;    /* горизонтальное центрирование */        /* нужна фиксированная высота */
	line-height: .95vw;    /* минимальный отступ между строками */
	color:#72281d;
}

.knopki_contacts
{
	 display: flex;
	 flex-direction: row; /* задаём вертикальное расположение */
	 justify-content: center; /* вертикальное центрирование */
	 align-items: center;    /* горизонтальное центрирование */
	 padding-right: 1.5vw;
	 padding-left: 1.5vw;
}


.knopki_contacts_img img{

	width: 2.7vw;	
	height: auto;
	padding-right: .2vw;
	padding-left: .2vw;
}


ul.header_say{
	display: flex;
	list-style: none;	
	padding-inline-start: 0px;

}

ul.header_say li{

    color: white;
	font-family:Manrope;
	font-size: .90vw;
	font-weight: lighter;
justify-content: flex-start;
}

.header_profile
{
	display: flex;
	flex-direction: row;
	/*padding-right: 1.5vw;*/
	padding-left: 2vw;
}

.header_profile_content_left
{
justify-content:flex-start;	
display: flex;
width: 4.5vw;
}

.header_profile_content_left img
{
width: 100%;
height: auto;	
}

.header_profile_content_right
{

padding-left:.0vw;
display: flex;
justify-content: center;	
flex-direction: column;

}

.header_profile_phone
{
	display: flex;
	justify-content: flex-end;
    color: white;
	font-family:Manrope;
	font-size: 1.20vw;
	font-weight:600;
	cursor:pointer;
}

.header_profile_caption
{
	display: flex;
	justify-content: flex-end;
	font-family:Manrope;
	font-size: .90vw;
	color: white;
}

.header_profile_caption ul
{
  margin-top: 0;
  margin-bottom: 0;
}


.header_profile_caption ul {
  list-style: none; /* Убираем стандартные маркеры */
  padding-left: 0; /* Сбрасываем отступ */
}

.header_profile_caption li {
  position: relative;
  padding-left: 1vw; /* Отступ для маркера */
  margin-bottom: .1vw;
}

.header_profile_caption li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .5vw;
  height: .5vw;
  border-radius: 50%; /* Круглый маркер */
  background: linear-gradient(to bottom, #ffecc0, #e8c87b); /* Градиент */
}

.jitter-img {
  transition: transform 0.1s ease-in-out;
  transform: translate(0, 0);
}

.otzyvy_container {
  align-items: center;
  border-radius: 1vw;
  padding: 0.2vw;
  font-size: 0.83vw;
  background: white;
  border: 0.2vw solid #e5c679;
  margin-left: 7.1vw;
  margin-right: 7.1vw;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  margin-top: 7px;
  margin-bottom: 7px;
  outline: none;
  transition: all 0.3s ease;
  position: relative;
}

.otzyvy_container:hover {
  cursor: pointer;
  transform: scale(1.008);
  border: 0.2vw solid #38725d;
}

/* Класс для пульсации — будет добавляться через JS */
.pulse-effect {
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1.0); /* соответствует scale при наведении */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }
  50% {
    transform: scale(1.01); /* пик пульсации */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
  }
  100% {
    transform: scale(1.0); /* возврат к scale при наведении */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }
}

.avito_otzyvy
{
justify-content:space-between;	
display: flex;
/*width: 3.5vw;*/
padding: 0.7vw 1vw 0.7vw 1vw;	
}

.avito_otzyvy img
{
width: 50px;
height: auto;		
}

.avito_otzyvy_text
{
color: #72281d;	
font-size: 14px;
font-family:Manrope;
text-align: center;
font-weight:300;
transition: all 0.3s ease;
margin:0 auto;
}

.avito_otzyvy_text:hover {
color:black;
}

.avito_otzyvy_click
{
	/*margin-left: auto;*/
	display: flex;
	padding: 0.7vw 1vw 0.7vw 1vw;
/*width: 1.5vw;*/
}
.avito_otzyvy_click img
{
width: 30px;
height: auto;		
}

.container_hero_window
{
	display: flex;
    border-radius: 1vw;
    padding: 2vw 2.22vw 1vw;
    font-size: .83vw;
    background: #feeabb;
	align-items: center;
	background-image: url('style_img/81.jpg');
	  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
	margin-top:7px;
	flex-direction: column;
	/*width: 77.7vw;*/
	margin: 0 auto;


}

.hero_content
{
display: flex;
background: white;
border-radius: 1vw;
flex-direction: column;
    border-radius: 1.04vw;
    padding: 2.22vw 2.36vw 1.94vw 2.78vw;
    max-width: 57.64vw;
    background: #fff;
	margin-right: auto;
	overflow: hidden;
}

.hero_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 2.5vw;
    line-height: 1.1;
color: #72281d;	
}

.hero_title span
{
    display: inline-block;
    border-radius: 2.78vw;
    padding: .28vw .83vw;
    background: linear-gradient(to bottom, #ffecc0, #e8c87b);
}

.hero_form
{
}

.hero_features
{
	font-family: Manrope, sans-serif;
	margin-top: 1.25vw;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto;
    grid-auto-flow: column;
    gap: 1.8vw 4vw;
	list-style: none;
    padding: 0;
	font-size: 1.2vw;
}

.hero_feature
{
	/*color:#333;*/
}

.hero_request
{
	display: flex;
flex-direction: column;
	margin-top: 2vw;
    margin-left: auto;
    border-radius: 1.04vw;
    padding: .83vw 1.32vw 1.32vw 1.81vw;
    width: 19.75vw;
    background: #fff;
	font-size: 1.1vw;
	font-family: Manrope, sans-serif;
}

.btn_hero_request_div a
{
	display: flex;
	flex-direction:row;
	text-decoration: none;
	color:white;
	font-size: 1vw;
	text-align: center
}



.btn_hero_request {
  display: flex;
  align-items: center; /* вертикальное выравнивание по центру */
  gap: .3vw; /* расстояние между картинкой и текстом */
 justify-content:space-between;
  text-decoration: none;
  color: inherit; /* наследуем цвет текста от родителя */
  
}

.btn_hero_request_img {
  width: 2vw; /* фиксированная ширина картинки */
  height: 2vw; /* фиксированная высота картинки */
  margin-left:.95vw;
}

.btn_hero_request_div {
  display: flex;
  background: linear-gradient(to top, #419075, #2c6753);
  max-width: 15vw;
  padding: .7vw .7vw .7vw .7vw;

  border-radius: .7vw;
  color: white;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease;
  
}

.podobr_var{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.btn_hero_request_div {
  margin-right: 1.5vw; /* расстояние справа */
}

/* Убираем отступ у последнего элемента */
.btn_hero_request_div:last-child {
  margin-right: 0;
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(65, 144, 117, 0.3);
  }
  50% {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3), 0 0 20px rgba(65, 144, 117, 0.4);
  }
}

.btn_hero_request_div:hover {
  animation: pulse-glow 1.5s infinite;
}

.btn_hero_request_img
{
width:2vw;	
margin-right:1vw;
}

.search_input_container
{
	margin-top:.5vw;
	display: flex;
	justify-content: center;
	margin-bottom:1vw;
}	

.search_input:hover
{
	cursor:pointer;
}


.search_input {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 0.5vw solid #419075;
  border-radius: 1.04vw;
  padding: 0.5vw;
  background-color: white; /* исходный цвет фона — белый */
  transition: background-color 0.4s ease; /* плавное изменение только фона */
}

.search_input:hover {
  background-color: #a3d9c7; /* светло‑зелёный с затемнением */
  /* цвет обводки остаётся неизменным: #419075 */
}

.search_input:hover img {
  filter: brightness(130%) drop-shadow(0 0 8px rgba(65, 144, 117, 0.5));
  opacity: 1;
}

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

.input_calend
{
	width:2.5vw;
	margin-right:1.8vw;
	margin-left:1vw;
	opacity: 0.7;
}

.input_lupa
{
	width:2.5vw;
	margin-right:1vw;
	margin-left:1vw;
	opacity: 0.8;
}

.zaezd_vyezd
{
	display: flex;
	font-size: 1vw;
	font-family: Manrope, sans-serif;
	color: #777;
}

.vyberite_datu
{
	display: flex;
	font-size: 1.2vw;
	font-family: Manrope, sans-serif;
	
}

.vyberi_datu
{
	display: flex;
	justify-content: left;
	width:46.1vw;
}

.our_flats_container
{
margin: 0 auto;
margin-top:6vw;
}

.our_flats_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 3.1vw;
    line-height: 1.1;
    color: #333;
	margin: 0 auto;
	text-align: center;
	max-width: 69.44vw;
	
}


.our_features
{
font-family: Manrope, sans-serif;
width:83.5vw;
margin: 0 auto;
padding-top:4vw;
}

.our_features_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 3.1vw;
    line-height: 1.1;
    color: #333;
	margin: 0 auto;
	text-align: center;
	max-width: 69.44vw;
	
}

.our_features_item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: rgb(255, 255, 255);
    padding: 2.78vw 1.46vw;
	border-radius: 1vw;
    background: #419075;	
}


.our_features_items {
    margin-top: 2.5vw;
    display: grid;
    grid-template-columns: 29.25% 19.75% 19.75% 25.69%;
    grid-template-rows: auto auto;
    gap: 1.9%;
}

.our_features_item--gray 
{
	color: #333;
    background: #b8e0d1;
}

.our_features_item--row	
{
	display: flex;
    flex-direction: row;
	justify-content: stretch;
    padding: 0px;
	
}

.our_features_img img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;


}

.our_features_item--row .our_features_img {
    width: 43%;
    padding-top: 54.5%;
}

.our_features_item:nth-child(4) {
    grid-column: 4 / 5;
    grid-row: 1 / 3;
}

.our_features_item--col {
    display: block;
    padding: 0;
}

.our_features_item:nth-child(4) .our_features_img {
    padding-top: 148%;
}

.our_features_item:nth-child(2) {
    grid-column-end: span 2;
}

.our_features_item:nth-child(4) .our_features_content {
    padding: 1.94vw 2.92vw 2.92vw;
    text-align: center;
}

.our_features_content
{
	padding: 3.33vw 1.67vw;
}

.our_features_img {
    position: relative;
    overflow: hidden;
    border-radius: 1vw;
    padding-top: 73%;
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
}

.our_features_icon
{
	    display: flex;
    align-items: flex-start;
    margin-bottom: .97vw;
    width: 2.5vw;
	margin-top: 2vw;
	margin-left: 2vw;
}

.our_features_icon img {
    width: 100%;
    height: auto;
}

.our_features_subtitle {
    font-weight: 700;
    font-size: 1.46vw;
}

.our_features_text {
    margin-top: 1.04vw;
    font-weight: 300;
    font-size: 1.18vw;
}

.our_features_subtitle--lg {
    font-size: 1.88vw;
}

main
{
margin: 0 auto;
padding: 0 0vw 0 0vw;
}

header
{
	margin: 0 auto;
	padding: 0 0vw 0 0vw;
}


.objects_wrapper
{
	margin-top:2vw;
	
}

.flats_objects_items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content:center;
  margin-left:10vw;
  margin-right:10vw;
}

.flats_objects_item {
 display: flex!important;
 margin-left:1vw!important;
 margin-right:1vw!important;
 flex-direction: column;
 justify-content: center!important; /* Горизонтальное выравнивание по центру */
 align-items: center;
 box-shadow: 0 6px 12px rgba(34, 34, 34, 0.18);
 padding-left:0.3vw;
  padding-right:0.3vw;
  border-radius: 1vw;
  padding-top:0.3vw;
  padding-bottom:0.3vw;
  margin-bottom:3vw;
  }

.swiper_flat {	
	width: 26vw!important;
	height: 17.5vw!important;
	overflow: hidden!important;
	z-index: 1!important;
	border-radius: 1vw!important;
    }

.flat-custom-wrapper {
 
}

.flat-custom-slide {

  width: 26vw!important;
  height: 24.5vw!important;
  background-color:white!important;
 

}

.flat-custom-slide img{
 max-width: 100%!important;
  max-height: 100%!important;
  object-fit: contain; /* сохраняет пропорции */
border-radius: 0vw!important;
z-index: 1!important;	  
	
}

/* Контейнер пагинации */
.flat-custom-pagination {
  position: relative;
  top:-6.5vw!important;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 20!important; /* выше, чем у слайдов */
  opacity: 1 !important;
  visibility: visible !important;
}

/* Неактивные буллеты — кружки */
.flat-custom-bullet {
  width: .5vw;
  height: .5vw;
  border-radius: 50%; /* делаем круг */
  background: white;
  margin: 0 .2vw;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  border:1px solid #333;
}

/* Активные буллеты — прямоугольники */
.flat-custom-bullet-active {
  width: 3vw; /* увеличиваем ширину */
  height: .5vw; /* уменьшаем высоту */
  border-radius: .3vw; /* скруглённые углы */
  background: linear-gradient(to top, #419075, #2c6753); /* другой цвет */
  transform: none; /* убираем масштабирование */
}

.flat_title_container
{
display: flex;
justify-content: center;
align-items: center; /* Для вертикального центрирования */
  margin-top:1vw;
  margin-bottom:1vw;
}


.flat_title{
font-family: Manrope, sans-serif;
color: #333!important;
 display: flex;
text-align:center;
	font-weight: normal; 
	margin: 0;
	font-size:1.5vw;
	font-weight: 700;
}

.flat_text_container{
display: flex;
justify-content: center;
align-items: center; /* Для вертикального центрирования */
}



.flat_text{
font-family: Manrope, sans-serif;
font-size:1vw;

height:5vw;
text-align: justify;
margin-top: 0;
margin-bottom: 0;
padding-left:1vw;
padding-right:1vw;

display: -webkit-box;
  -webkit-line-clamp: 3;    /* количество строк (3) */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

.flat_tags_container
{
display: flex;
margin-top: 1vw;
margin-bottom: 1vw;
}

.flat_tags{
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top:1vw;
  margin-bottom:1vw;
}

.flat_tag{
list-style-type: none;
font-family: Manrope, sans-serif;
font-size:1vw;
display: flex;
justify-content: space-evenly;
flex-direction: row; 

display: flex;
padding-right: 1vw;
padding-left: 1vw;
font-size: 1.11vw;

}

.flat_tag img{
max-width: 1.53vw;
max-height: 1.53vw;
margin-right: .56vw;
}

.flat_info{
display: flex;
flex-direction: row;
font-family: Manrope, sans-serif;
align-items: baseline; /* по базовой линии */
font-size:1vw;
justify-content: space-around;
width:100%;
}

.flat_price{
font-size:1.5vw;	
color:#333;
font-weight: 700;
}

.button_flat_reservation {
  display: flex;
  background: white; /* белый фон */
  border: 1px solid #419075; /* зелёная обводка */
  color: #419075; /* зелёный текст */
  max-width: 15vw;
  padding: 1vw;
  justify-content: center;
  align-items: center;
  border-radius: .5vw;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease; /* плавный переход всех свойств */
  font-size:1.5vw;
}

.button_flat_reservation:hover {
  background: linear-gradient(to top, #419075, #2c6753); /* зелёный градиент */
  border-color: #2c6753; /* более тёмная зелёная обводка при наведении */
  color: white; /* белый текст при наведении */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* усиленная тень */
  transform: translateY(0px); /* лёгкое поднятие кнопки */
}

.button_flat_reservation:hover a{
	color:white;
}

.button_flat_reservation a
{
  display: block;        /* Превращаем ссылку в блочный элемент */
  text-align: center;   /* Выравниваем текст по центру */
  height: 100%;       /* Растягиваем ссылку на всю высоту родителя */
  text-decoration: none; /* Убираем подчёркивание */
  color: #419075; /* зелёный текст */
}

.button_flat_reservation a:hover
{
color: white; /* белый текст при наведении */	
}

.flat_status_container{
margin-top:2vw;
display: flex;
flex-direction: row;
font-family: Manrope, sans-serif;
align-items: baseline; /* по базовой линии */
font-size:1vw;
justify-content: space-around;
width:100%;
  /*border: 1px solid #419075;  зелёная обводка */
  color:#333; /* зелёный текст */
  border-radius: .5vw;
  padding-top:1vw;
  padding-bottom:1vw;
/* box-shadow: 0 6px 12px rgba(34, 34, 34, 0.18);*/
}

.flat_status_yes
{
text-align:center;
border-right: 1px dashed #888; /* серый пунктир */

}

.flat_early_access_yes
{
text-align:center;
}

.flat_status_yes a
{   
  /*  border-radius: 2.78vw;*/
   /* background: linear-gradient(to bottom, #ffecc0, #e8c87b);*/
}

.flat_early_access_yes a
{
/*border-radius: 2.78vw;*/
 /*   background: linear-gradient(to bottom, #ffecc0, #e8c87b);	*/
}


.swiper {

	
	width: 84vw;
    

    z-index: 1;

	height:15vw;
	--swiper-pagination-top: 16vw;

	
    }

    .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
      background: #b8e0d1;



	  border-radius: 1vw;
    }

.swiper-wrapper
{
padding-bottom:5vw;
	 height: 100%;
}


    .swiper-slide img {
 max-width: 100%;
  max-height: 50%;
  object-fit: contain; /* сохраняет пропорции */
	  border-radius: 1vw;

    }
	
/* Контейнер пагинации */
.custom-pagination {
  position: absolute;

  left: 0;
  right: 0;
  text-align: center;
  z-index: 10; /* выше, чем у слайдов */
}

/* Неактивные буллеты — кружки */
.custom-bullet {
  width: 1vw;
  height: 1vw;
  border-radius: 50%; /* делаем круг */
  background: #e0e0e0;
  margin: 0 .2vw;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
}

/* Активные буллеты — прямоугольники */
.custom-bullet-active {
  width: 5vw; /* увеличиваем ширину */
  height: 1vw; /* уменьшаем высоту */
  border-radius: .3vw; /* скруглённые углы */
  background: #419075; /* другой цвет */
  transform: none; /* убираем масштабирование */
}

.swiper-button-next{
background: #419075;	
padding: 1vw 1vw 1vw 1vw;
height:3vw !important;
width:3vw !important;
--swiper-navigation-sides-offset:-6vw;
margin-top: var(--swiper-navigation-top-offset, -2.7%) !important;
border-radius: 1vw;
color:white !important;
}

.swiper-button-prev{
background: #419075;	
padding: 1vw 1vw 1vw 1vw;
height:3vw !important;
width:3vw !important;
--swiper-navigation-sides-offset:-6vw;
margin-top: var(--swiper-navigation-top-offset, -2.7%) !important;
border-radius: 1vw;
color:white !important;
}

.contact-us {
    padding: 6.94vw 0 3.47vw;
	padding-bottom:5vw;
}

.contact-us_container {
    margin: 0 auto;
    width: 100%;
    max-width: 84vw;
}

.contact-us__wrapper {
    position: relative;
    border-radius: 1vw;
    padding: 3.06vw 5.28vw;
    background: #b8e0d1;
}

.contact-us__content {
    margin-left: auto;
    max-width: 42vw;	
}

.contact-us__title {
    font-weight: 500;
	margin: 0;
    padding: 0;

    color: #333;

	
}

.title {
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 3vw;
    line-height: 1.1;

}

.contact-us__text {
    margin-top: 1.74vw;
    font-weight: 300;
    font-size: 1.5vw;
    line-height: 1.45;
	font-family: Manrope, sans-serif;
}

.contact-us__btn {
    display: block;
    margin-top: 2.43vw;
    font-size: 1.18vw;
	
}

.btn {
    position: relative;
    z-index: 10;
    font-weight: 400;
    font-size: 1.04vw;
    line-height: 1.3;
    color: #fff;
    transition: opacity .3s;
    background:  linear-gradient(to bottom, #ffecc0 0%, #e8c87b 100%);

  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
	border-radius: 1vw;
	    display: flex;
    align-items: center;
    justify-content: center;
	text-decoration: none;
	color:#72281d;
	
}

.contact-us__img {
position: absolute;
    left: .97vw;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    width: 35vw;
}

.contact-us__img img{
width: 100%;
    height: auto;
}


.contact-us__btn .btn__inner {
    padding: 1.67vw 6.11vw;

	
	
}
.btn__inner {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.39vw 3.47vw 1.6vw;
    width: 100%;
	font-family: Manrope, sans-serif;
	font-size: 2.2vw;
	margin: 0;
	font-weight: 500;	
}

.footer {
    display: flex;
	background: #333;
	margin: 0;
	padding: 0;
	font-family: Manrope, sans-serif;
	font-size: 1.04vw;
    color: #fff;
}

html, body {
  margin: 0;
  padding: 0;
}

.main{
	margin-left:1vw;
	margin-right:1vw;
}

.header{
	margin-left:1vw;
	margin-right:1vw;
}

.footer__logo {
    margin-bottom: 4.17vw;
    display: flex;
    align-items: flex-start;
    width: 8vw;
}

.footer__container {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: row-reverse;
}


.fcontainer {
    margin: 0 auto;
    width: 100%;
    max-width: 82.29vw;
}

.footer__main {
    display: flex;
    flex: 1;
    padding: 3.13vw 0;
}

.footer__info-socials {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
	list-style: none;
    padding: 0;
		list-style-type: none;
		list-style: none;
}

.footer__info-socials ul li {
list-style-position: unset;
list-style: none;
list-style-type: none;
}

.footer__info-socials {
    margin-top: .42vw;
    display: flex;
}

.footer__info-social a {
    background: #333;
}

.social-link a {
    border-radius: .21vw;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    transition: background .3s;
}

.footer__links
{
	list-style: none;
    padding: 0;
}
	
.footer__link a {
    width: 100%;
    font-weight: 400;
    padding: .42vw 0;
    color: rgba(255, 255, 255, .8);
    transition: color .3s;
	font-size: 1vw;
	text-decoration: none;
}

.footer__link-title {
    margin-bottom: .83vw;
    font-weight: 600;
}

.footer__main-col {
    margin-right: 4.17vw;
}


.footer_company_name_container
{
	 display: flex;
	 flex-direction: column; /* задаём вертикальное расположение */
	/* gap: .08vw;  расстояние между элементами */	
	align-items: center;
}

.footer_logo img{
	margin-top: .2vw;
	width: 100%;
	height: auto;
}

.footer_logo {
    display: flex;
    margin-right: .5vw;
    width: 6vw;
	margin-left: 1.5vw;
}

.footer_company_name{
	font-family:AMAGROBold;	
	color: #ffecc0;
	font-size: 1.50vw;
}

.footer_podcherk {
    display: flex;
    width: 12.58vw;
	margin-top: -0.46vw;
}

.footer_podcherk img{
width: 100%;
height: auto;

}

.footer_company_description
{
	font-family: Montserrat-Medium;
	color: white;
	text-align: center;
	font-size: 0.80vw;
}


.footer_company_name_and_logo_container{
display: flex;
flex-direction: row;
margin-top:1.2vw;
margin-bottom:2.8vw;
}

.social-link {
    width: 2.36vw;
    height: 2.36vw;
}

.footer__info-social {
    margin-right: .69vw;
}

.social-link a {
    border-radius: .21vw;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .3s;
}

.social-link a img {
    width: 1.18vw;
}

.footer__contacts-col {
    margin-right: 5.50vw;
	flex: 1;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	align-items: center; /* вертикальное выравнивание */
	display: block;	
}

.footer__contacts-col h4{
margin-block-start: 0vw;

}

.footer__contacts {
	
    margin-right: -8.15vw;
    padding: 3.5vw 0 3.5vw;
    max-width: 36.81vw;
    flex: 1;
    display: flex;
	text-decoration: none;
	background:#2c6753;
	margin-left: auto;
	padding-left:3vw;
	margin-top:2vw;
	border-top-left-radius: 2vw;
	align-items: center; /* вертикальное выравнивание */
}

.footer__title {
    display: block;
    margin-bottom: .56vw;
    font-weight: 600;
    font-size: 1.39vw;
	
}

.footer__info-title {
    font-weight: 300;
    font-size: .83vw;
    color: rgba(255, 255, 255, .7);
}

.footer__info-link {
    font-weight: 500;
    font-size: 1.32vw;
    color: #fff;
    transition: color .3s;
}


.our_traits_container
{
	display:flex;
	flex-direction:column;

  max-width:84vw;
  margin: 0 auto;
  padding-top:2vw;
}

.traits_items{
	  display: grid;
grid-template-columns: repeat(2, 1fr);
  gap: 3vw;                      /* Отступы между ячейками */
width:100%;
  margin: 0 auto;
    padding-top:2vw;
	padding-bottom:2vw;
}


.traits_item{
	padding:2vw;
background:#b8e0d1;
	font-family:Manrope;
	font-size: 2vw;
	border-radius:1vw;
	color: #333;
}

.traits_icon img{
width:5vw;
}

.traits_text{
padding-top:2vw;	
}

.rent_rocket_container{

display:flex;
margin: 0 auto;
padding:3.5vw;	

background:linear-gradient(140deg, #ffecc0 -20%, #e8c87b 110%);
border-radius:1vw;
margin-bottom:1vw;


}

.rent_rocket_wrapper{
	display:flex;
	flex-direction:row;
	background:#fff;
	width:100%;
	border-radius:1vw;
	
}


.rent_rocket_tetka{
margin-left:1vw;
margin-top: auto;
}


.rent_rocket_tetka img{
width:29vw;	

}

.rent_rocket_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 3vw;
    line-height: 1.1;
    color: #333;
	margin: 0 auto;
	text-align: center;	
	margin-top: 2vw;
	margin-bottom: 2vw;
	text-align: left;
}

.rent_rocket_opisanie_text{
font-family: Manrope;
	font-size: 1.4vw;
	color: #333;
	padding: 1vw;
	margin-bottom:1.5vw;
}

.rent_rocket_button_wrapper{
	font-family: Manrope;
	font-size: 2vw;
	width:19.5vw;
}

.rent_rocket_grid_items{
padding:1vw;
margin:1vw;
}

.rent_rocket_grid_top_item{
font-family: Manrope;
	font-size: 2vw;
	color: #333;	
	font-weight: bold;
	text-align: left;
}
.rent_rocket_grid_bottom_item{
font-family: Manrope;
	font-size: 1.1vw;
	color: #333;
	
}

.rent_rocket_bottom_grid{
	display:flex;
	flex-direction:row;
}

.documents_container{
	display:flex;
	flex-direction:column;
	margin: 0 auto;
	width:84vw;
	margin-bottom:3vw;
}

.documents_title{
	font-family:Manrope;
	font-size: 2vw;
font-weight:300;
color:#444;	
margin: 0 auto;
}

.documents_title h2{
	text-align: center;	
}


.document_text{
	font-family:Manrope;
	font-size: 2vw;	
	color:#333;	
}









@media (min-width: 769px) and (max-width: 1024px) {

.our_traits_container
{
	display:flex;
	flex-direction:column;

  max-width:84vw;
  margin: 0 auto;
  padding-top:2vw;
}

.traits_items{
	  display: grid;
grid-template-columns: repeat(2, 1fr);
  gap: 3vw;                      /* Отступы между ячейками */
width:100%;
  margin: 0 auto;
    padding-top:2vw;
	padding-bottom:2vw;
}


.traits_item{
	padding:2vw;
background:#b8e0d1;
	font-family:Manrope;
	font-size: 2vw;
	border-radius:1vw;
	color: #333;
}

.traits_icon img{
width:5vw;
}

.traits_text{
padding-top:2vw;	
}


.rent_rocket_container{

display:flex;
margin: 0 auto;
padding:3.5vw;	

background:linear-gradient(140deg, #ffecc0 -20%, #e8c87b 110%);
border-radius:1vw;
margin-bottom:1vw;


}

.rent_rocket_wrapper{
	display:flex;
	flex-direction:row;
	background:#fff;
	width:100%;
	border-radius:1vw;
	
}


.rent_rocket_tetka{
margin-left:1vw;
margin-top: auto;
}


.rent_rocket_tetka img{
width:29vw;	

}

.rent_rocket_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 4vw;
    line-height: 1.1;
    color: #333;
	margin: 0 auto;
	text-align: center;	
	margin-top: 2vw;
	margin-bottom: 2vw;
	text-align: left;
}

.rent_rocket_opisanie_text{
font-family: Manrope;
	font-size: 2vw;
	color: #333;
	padding: 1vw;
	margin-bottom:1.5vw;
}

.rent_rocket_button_wrapper{
	font-family: Manrope;
	font-size: 2vw;
	width:100%;
}

.rent_rocket_grid_items{
padding:1vw;
margin:1vw;
}

.rent_rocket_grid_top_item{
font-family: Manrope;
	font-size: 2vw;
	color: #333;	
	font-weight: bold;
	text-align: left;
}
.rent_rocket_grid_bottom_item{
font-family: Manrope;
	font-size: 1.4vw;
	color: #333;
	
}

.rent_rocket_bottom_grid{
	display:flex;
	flex-direction:row;
}

	

.footer {
display:flex;
flex-direction:column;
}
.footer__main
{
display:flex;
flex-direction:column;	
justify-content: center;
}

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

.footer__container{
	display:flex;
flex-direction:column-reverse;	
width:100%;
}

.footer__contacts {

width:100%;
padding-right:49.5vw;
}

.fcontainer{
	

	width:100%;
}

.footer__main-col	{
	display: flex;
	flex-direction:column;
	margin: auto;
	font-size: 2.50vw;
	width:100%;
	justify-content: center;
}

.footer__links a{
font-size: 2.00vw;
margin-left:4vw;
}

.footer_company_name_and_logo_container
{
	margin:auto;
}


.footer_company_name_container
{
	 display: flex;
	 flex-direction: column; /* задаём вертикальное расположение */
	/* gap: .08vw;  расстояние между элементами */	
	align-items: center;
}

.footer_logo img{
	margin-top: .2vw;
	width: 100%;
	height: auto;
}

.footer_logo {
    display: flex;
    margin-right: .5vw;
    width: 12vw;
	margin-left: 1.5vw;
}

.footer_company_name{
	font-family:AMAGROBold;	
	color: #ffecc0;
	font-size: 2.70vw;
}

.footer_podcherk {
    display: flex;
    width: 22vw;
	margin-top: -0.46vw;
}

.footer_podcherk img{
width: 100%;
height: auto;

}

.footer_company_description
{
	font-family: Montserrat-Medium;
	color: white;
	text-align: center;
	font-size: 1.1vw;
}


.footer_company_name_and_logo_container{
display: flex;
flex-direction: row;
margin-top:1.2vw;
margin-bottom:2.8vw;
}


.footer__title
{
font-size: 3.00vw;	
}

.footer__info-title
{
font-size: 2.50vw;
}

.footer__info-link
{
font-size: 2.50vw;
}

.footer__contacts {	
    margin: 0vw;
	display:flex;
	width:100%;
}

.footer__contacts-col
{
	margin-right:0vw;

}

.footer__info-text{
font-size: 2.50vw;
}

.social-link{
width:10vw;
height:10vw;
margin-right:4vw;	
}


.social-link a{
border-radius: 2vw;
}

.footer_conta{
margin-left: 42vw;
}

.social-link a img {
    width: 5vw;
}	
	

.screen1024_br_span
{
    display: none;
  }
  
#vk {

  }
  
#wa {
    display: none;
  } 

.header {
    margin-left: 1vw;
    margin-right: 1vw;

}

.header_container {
    display: flex;
	flex-direction:row;
    border-radius: 1vw;
    padding: .4vw .5vw .4vw .5vw;
    font-size: .83vw;
    background: #38725d;
	align-items: center;
	background-image: url('style_img/bgbg26.jpg');
	background-position: top; /* или top left */
	margin-top:7px;
	height:10vw;
	justify-content: space-between;
	border-radius: 1vw 1vw 5vw 5vw;
}

.header_logo img{
	margin-top: .2vw;
	width: 100%;
	height: auto;
}

.header_logo {
    display: flex;
    margin-right: .5vw;
    width: 10vw;
	margin-left: 1.5vw;
}


.header_company_name_container
{
	 display: flex;
	 flex-direction: column; /* задаём вертикальное расположение */
	/* gap: .08vw;  расстояние между элементами */	
	align-items: center;
}

.company_name{
	font-family:AMAGROBold;	
	color: #ffecc0;
	font-size: 2.5vw;
}

.podcherk {
    display: flex;
    width: 20vw;
	margin-top: -0.46vw;
}

.podcherk img{
width: 100%;
height: auto;

}

.company_description
{
	font-family: Montserrat-Medium;
	color: white;
	text-align: center;
	font-size: 1.20vw;
}

ul.header_links{
	display: flex;
	list-style: none;	
	align-items: center;
	padding-inline-start: 0px;
	padding-left: 1vw;
	padding-right: 1vw;

}

ul.header_links li a{
    padding: .28vw .9vw;
    color: white;
	font-family:Manrope;
	font-size: .90vw;
	font-weight: 400;
}

ul.header_links li a:hover
{
cursor: pointer;	
}

#sdkv{
display:none;
}

#contktv{
display:none;
}

#okompanii{
display:none;
}


.skolko_kv_v_upravlenii_container {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.20vw;
  padding: 1.3vw 2.6vw 1.3vw 2.6vw;
  background: linear-gradient(to bottom, #ffecc0, #e8c87b);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  color: #5a4a2a;
  cursor: pointer;
  font-size: .5rem; /* можно настроить под свои нужды */
}

.skolko_kv_v_upravlenii_container::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transition: left 0.5s ease;
  pointer-events: none;
  border-radius: 1.20vw; /* чтобы соответствовать закруглению контейнера */
}

.skolko_kv_v_upravlenii_container:hover::before {
  left: 100%;
}


.skolko_kv_v_upravlenii_1
{
  font-family:Manrope;
  font-size: 5vw;
  display: flex;
  flex-direction: column;
  justify-content: center; /* вертикальное центрирование */
  align-items: center;    /* горизонтальное центрирование */        /* нужна фиксированная высота */
  line-height: 2.95vw;    /* минимальный отступ между строками */
  padding-right: 1vw;
  color:#72281d;
}

.skolko_kv_v_upravlenii_2
{
	font-family:Manrope;
	font-size: 2vw;
	display: flex;
	flex-direction: column;
	justify-content: center; /* вертикальное центрирование */
	align-items: center;    /* горизонтальное центрирование */        /* нужна фиксированная высота */
	line-height: 2vw;    /* минимальный отступ между строками */
	color:#72281d;
}

.knopki_contacts
{
	 display: flex;
	 flex-direction: row; /* задаём вертикальное расположение */
	 justify-content: center; /* вертикальное центрирование */
	 align-items: center;    /* горизонтальное центрирование */
	 padding-right: 1.5vw;
	 padding-left: 1.5vw;
}


.knopki_contacts_img img{

	width: 7vw;	
	height: auto;
	padding-right: .2vw;
	padding-left: .2vw;
}


ul.header_say{
	display: flex;
	list-style: none;	
	padding-inline-start: 0px;
	display:none;

}

ul.header_say li{

    color: white;
	font-family:Manrope;
	font-size: .90vw;
	font-weight: lighter;
justify-content: flex-start;
}

.header_profile
{
	display: flex;
	flex-direction: row;
	/*padding-right: 1.5vw;*/
	padding-left: 2vw;
	display:none;
}

.header_profile_content_left
{
justify-content:flex-start;	
display: flex;
width: 4.5vw;
}

.header_profile_content_left img
{
width: 100%;
height: auto;	
}

.header_profile_content_right
{

padding-left:.0vw;
display: flex;
justify-content: center;	
flex-direction: column;

}

.header_profile_phone
{
	display: flex;
	justify-content: flex-end;
    color: white;
	font-family:Manrope;
	font-size: 1.20vw;
	font-weight:600;
	cursor:pointer;
}

.header_profile_caption
{
	display: flex;
	justify-content: flex-end;
	font-family:Manrope;
	font-size: .90vw;
	color: white;
}

.header_profile_caption ul
{
  margin-top: 0;
  margin-bottom: 0;
}


.header_profile_caption ul {
  list-style: none; /* Убираем стандартные маркеры */
  padding-left: 0; /* Сбрасываем отступ */
}

.header_profile_caption li {
  position: relative;
  padding-left: 1vw; /* Отступ для маркера */
  margin-bottom: .1vw;
}

.header_profile_caption li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .5vw;
  height: .5vw;
  border-radius: 50%; /* Круглый маркер */
  background: linear-gradient(to bottom, #ffecc0, #e8c87b); /* Градиент */
}



.container_hero_window
{
	display: flex;
    border-radius: 1vw;
    padding: 2vw 2.22vw 1vw;
    font-size: .83vw;
    background: #feeabb;
	align-items: center;
	background-image: url('style_img/80.jpg');
	background-position: top; /* или top left */
	margin-top:7px;
	flex-direction: column;
	/*width: 77.7vw;*/
	margin: 0 auto;


}

.hero_content
{
display: flex;
background: white;
border-radius: 1vw;
flex-direction: column;
    border-radius: 1.04vw;
    padding: 2.22vw 5vw 1.94vw 5vw;
    max-width: 57.64vw;
    background: #fff;
	margin-right: auto;
	overflow: hidden;
}

.hero_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 4vw;
    line-height: 1.3;
color: #72281d;	
text-wrap: balance;
  white-space: pre-line; /* Сохраняет переносы из HTML, но переносит по ширине */
  word-break: break-word; /* Переносит длинные слова */
  hyphens: auto; /* Автоматические переносы слов (если поддерживается) */
  text-align: left;
}

.our_flats_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 4vw;
    line-height: 1.1;
    color: #333;
	margin: 0 auto;
	text-align: center;
	max-width: 69.44vw;
	padding-bottom:1vw;
	padding-top:3vw;
	
}

.our_features_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 4vw;
    line-height: 1.1;
    color: #333;
	margin: 0 auto;
	text-align: center;
	max-width: 69.44vw;
}

.hero_title span
{
    display: inline-block;
    border-radius: 2.78vw;
    padding: .28vw .83vw;
    background: linear-gradient(to bottom, #ffecc0, #e8c87b);
}

.hero_form
{
}

.hero_features
{
	font-family: Manrope, sans-serif;
	margin-top: 1.25vw;
    display: flex;
	flex-direction: column;
    gap: 1.8vw 4vw;
	list-style: none;
    padding: 0;
	font-size: 2vw;
}

.hero_feature {
  position: relative;
  padding-left: 4.2vw; /* Отступ для маркера */
  margin-bottom: 3vw;
  line-height: 1.4;
}

.hero_feature::before {
  content: '';
  position: absolute;
  left: 0; /* Прижимаем к левому краю */
  top: .3vw; /* Располагаем в верхнем углу (у первой строки) */
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
  background: linear-gradient(to bottom, #ffecc0, #e8c87b);
  box-shadow: 0 2px 4px rgba(232, 200, 123, 0.3);
}

.hero_request
{
	display: flex;
flex-direction: column;
	margin-top: 2vw;
	margin-bottom: 1.5vw;
    margin-left: auto;
    border-radius: 1.04vw;
    padding: .83vw 1.32vw 3vw 3vw;
    width: 40.75vw;
    background: #fff;
	font-size: 2vw;
	font-family: Manrope, sans-serif;
}

.btn_hero_request_div a
{
	display: flex;
	flex-direction:row;
	text-decoration: none;
	color:white;
	font-size: 2vw;
	text-align: center
}



.btn_hero_request {
  display: flex;
  align-items: center; /* вертикальное выравнивание по центру */
  gap: 0vw; /* расстояние между картинкой и текстом */
 
  text-decoration: none;
  color: inherit; /* наследуем цвет текста от родителя */
  
}

.btn_hero_request_img {
  width: 4vw!important; /* фиксированная ширина картинки */
  height: 4vw!important; /* фиксированная высота картинки */
  margin-left:2.2vw;
}

.btn_hero_request_div {
  display: flex;
  background: linear-gradient(to top, #419075, #2c6753);
  max-width: 22vw;
  padding: .8vw .8vw .8vw .8vw;

  border-radius: 1vw;
  color: white;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease;
  
}

.podobr_var{
	display:flex;
	flex-direction:row;
justify-content:left;
}

.btn_hero_request_div {
  margin-right: 1.5vw; /* расстояние справа */
}

/* Убираем отступ у последнего элемента */
.btn_hero_request_div:last-child {
  margin-right: 0;
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(65, 144, 117, 0.3);
  }
  50% {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3), 0 0 20px rgba(65, 144, 117, 0.4);
  }
}

.btn_hero_request_div:hover {
  animation: pulse-glow 1.5s infinite;
}

.btn_hero_request_img
{
	
margin-right:2vw;
}

.btn_hero_request_img
{
	width:3vw;
	height:3vw;
}

.hero_form{

}

.search_input_container
{
	margin-top:1.5vw;
	display: flex;
	justify-content: center;
	margin-bottom:2vw;

}	

.search_input:hover
{
	cursor:pointer;
}


.search_input {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 0.8vw solid #419075;
  border-radius: 1.04vw;
  padding: 0.5vw;
  background-color: white; /* исходный цвет фона — белый */
  transition: background-color 0.4s ease; /* плавное изменение только фона */
}

.search_input:hover {
  background-color: #a3d9c7; /* светло‑зелёный с затемнением */
  /* цвет обводки остаётся неизменным: #419075 */
}

.search_input:hover img {
  filter: brightness(130%) drop-shadow(0 0 8px rgba(65, 144, 117, 0.5));
  opacity: 1;
}

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

.input_calend
{
	width:4vw;
	margin-right:1.8vw;
	margin-left:1vw;
	opacity: 0.7;
}

.input_lupa
{
	width:4vw;
	margin-right:1vw;
	margin-left:1vw;
	opacity: 0.8;
}

.zaezd_vyezd
{
	display: flex;
	font-size: 1.5vw;
	font-family: Manrope, sans-serif;
	color: #777;
}

.vyberite_datu
{
	display: flex;
	font-size: 1.8vw;
	font-family: Manrope, sans-serif;
	
}

.vyberi_datu
{
	display: flex;
	justify-content: left;
	width:46.1vw;
}









.objects_wrapper
{
	margin-top:2vw;
	
}

.flats_objects_items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content:center;
  margin-left:10vw;
  margin-right:10vw;
}

.flats_objects_item {
 display: flex!important;
 margin-left:1vw!important;
 margin-right:1vw!important;
 flex-direction: column;
 justify-content: center!important; /* Горизонтальное выравнивание по центру */
 align-items: center;
 box-shadow: 0 6px 12px rgba(34, 34, 34, 0.18);
 padding-left:.5vw;
  padding-right:.5vw;
  border-radius: 1vw;
  padding-top:.5vw;
  padding-bottom:.5vw;
  margin-bottom:3vw;
  }

.swiper_flat {	
	width: 40vw!important;
	height: 26vw!important;
	overflow: hidden!important;
	z-index: 1!important;
	border-radius: 1vw!important;
    }

.flat-custom-wrapper {
 
}

.flat-custom-slide {
top:-2vw!important;
  width: 40vw!important;
  height: 30vw!important;
  background-color:white!important;
 

}

.flat-custom-slide img{
 max-width: 100%!important;
  max-height: 100%!important;
  object-fit: contain!important; /* сохраняет пропорции */
border-radius: 0vw!important;
z-index: 1!important;	  
	
}

/* Контейнер пагинации */
.flat-custom-pagination {
  position: relative;
  top:-6.5vw!important;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 20!important; /* выше, чем у слайдов */
  opacity: 1 !important;
  visibility: visible !important;
}

/* Неактивные буллеты — кружки */
.flat-custom-bullet {
  width: .5vw;
  height: .5vw;
  border-radius: 50%; /* делаем круг */
  background: white;
  margin: 0 .2vw;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  border:1px solid #333;
}

/* Активные буллеты — прямоугольники */
.flat-custom-bullet-active {
  width: 3vw; /* увеличиваем ширину */
  height: .5vw; /* уменьшаем высоту */
  border-radius: .3vw; /* скруглённые углы */
  background: linear-gradient(to top, #419075, #2c6753); /* другой цвет */
  transform: none; /* убираем масштабирование */
}

.flat_title_container
{
display: flex;
justify-content: center;
align-items: center; /* Для вертикального центрирования */
  margin-top:1vw;
  margin-bottom:1vw;
}


.flat_title{
font-family: Manrope, sans-serif;
color: #333!important;
 display: flex;
text-align:center;
	font-weight: normal; 
	margin: 0;
	font-size:1.8vw;
	font-weight: 700;
}

.flat_text_container{
display: flex;
justify-content: center;
align-items: center; /* Для вертикального центрирования */
}



.flat_text{
font-family: Manrope, sans-serif;
font-size:1.5vw;

height:8vw;
text-align: justify;
margin-top: 0;
margin-bottom: 0;
padding-left:1vw;
padding-right:1vw;

display: -webkit-box;
  -webkit-line-clamp: 3;    /* количество строк (3) */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

.flat_tags_container
{
display: flex;
margin-top: 1vw;
margin-bottom: 1vw;
}

.flat_tags{
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top:1vw;
  margin-bottom:1vw;
}

.flat_tag{
list-style-type: none;
font-family: Manrope, sans-serif;
font-size:1vw;
display: flex;
justify-content: space-evenly;
flex-direction: row; 

display: flex;
padding-right: 1vw;
padding-left: 1vw;
font-size: 1.5vw;

}

.flat_tag img{
max-width: 2.53vw;
max-height: 2.53vw;
margin-right: .56vw;
}

.flat_info{
display: flex;
flex-direction: row;
font-family: Manrope, sans-serif;
align-items: baseline; /* по базовой линии */
font-size:1vw;
justify-content: space-around;
width:100%;
}

.flat_price{
font-size:2vw;	
color:#333;
font-weight: 700;
}

.button_flat_reservation {
  display: flex;
  background: white; /* белый фон */
  border: 1px solid #419075; /* зелёная обводка */
  color: #419075; /* зелёный текст */
  max-width: 15vw;
  padding: 1vw;
  padding-right:3vw;
  padding-left:3vw;
  justify-content: center;
  align-items: center;
  border-radius: .5vw;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease; /* плавный переход всех свойств */
  font-size:2vw;
}

.button_flat_reservation:hover {
  background: linear-gradient(to top, #419075, #2c6753); /* зелёный градиент */
  border-color: #2c6753; /* более тёмная зелёная обводка при наведении */
  color: white; /* белый текст при наведении */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* усиленная тень */
  transform: translateY(0px); /* лёгкое поднятие кнопки */
}

.button_flat_reservation:hover a{
	color:white;
}

.button_flat_reservation a
{
  display: block;        /* Превращаем ссылку в блочный элемент */
  text-align: center;   /* Выравниваем текст по центру */
  height: 100%;       /* Растягиваем ссылку на всю высоту родителя */
  text-decoration: none; /* Убираем подчёркивание */
  color: #419075; /* зелёный текст */
}

.button_flat_reservation a:hover
{
color: white; /* белый текст при наведении */	
}

.flat_status_container{
margin-top:2vw;
display: flex;
flex-direction: row;
font-family: Manrope, sans-serif;
align-items: baseline; /* по базовой линии */
font-size:1.6vw;
justify-content: space-around;
width:100%;
  /*border: 1px solid #419075;  зелёная обводка */
  color:#333; /* зелёный текст */
  border-radius: .5vw;
  padding-top:1vw;
  padding-bottom:1vw;
  padding-left:4.5vw;
  padding-right:5vw;
/* box-shadow: 0 6px 12px rgba(34, 34, 34, 0.18);*/
}

.flat_status_yes
{
text-align:center;
border-right: 1px dashed #888; /* серый пунктир */

}

.flat_early_access_yes
{
text-align:center;
}

.flat_status_yes a
{   
  /*  border-radius: 2.78vw;*/
   /* background: linear-gradient(to bottom, #ffecc0, #e8c87b);*/
}

.flat_early_access_yes a
{
/*border-radius: 2.78vw;*/
 /*   background: linear-gradient(to bottom, #ffecc0, #e8c87b);	*/
}




.contact-us {
    padding: 6.94vw 0 3.47vw;
	padding-bottom:5vw;
}

.contact-us_container {
    margin: 0 auto;
    width: 100%;
    max-width: 84vw;
}

.contact-us__wrapper {
    position: relative;
    border-radius: 1vw;
    padding: 3.06vw 5.28vw;
    background: #b8e0d1;
}

.contact-us__content {
    margin-left: auto;
    max-width: 42vw;	
}

.contact-us__title {
    font-weight: 500;
	margin: 0;
    padding: 0;

    color: #333;

	
}

.title {
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 2.5vw;
    line-height: 1.1;

}

.contact-us__text {
    margin-top: 1.74vw;
    font-weight: 300;
    font-size: 1.5vw;
    line-height: 1.45;
	font-family: Manrope, sans-serif;
}

.contact-us__btn {
    display: block;
    margin-top: 2.43vw;
  
	
}

.btn {
    position: relative;
    z-index: 10;
    font-weight: 400;
    
    line-height: 1.3;
    color: #fff;
    transition: opacity .3s;
    background:  linear-gradient(to bottom, #ffecc0 0%, #e8c87b 100%);

  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
	border-radius: 1vw;
	    display: flex;
    align-items: center;
    justify-content: center;
	text-decoration: none;
	color:#72281d;
	
}

.contact-us__img {
position: absolute;
    left: .97vw;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    width: 35vw;
}

.contact-us__img img{
width: 100%;
    height: auto;
}


.contact-us__btn .btn__inner {
    padding: 1.67vw 6.11vw;
font-size:2.5vw;
	
	
}

}
























@media (max-width: 768px)
{

.our_traits_container
{
	display:flex;
	flex-direction:column;

  max-width:84vw;
  margin: 0 auto;
  padding-top:4vw;
  padding-bottom:5vw;
}

.traits_items{
	  display: grid;
grid-template-columns: 1fr;
  gap: 3vw;                      /* Отступы между ячейками */
width:100%;
  margin: 0 auto;
    padding-top:2vw;
	padding-bottom:2vw;
}


.traits_item{
	padding:3.5vw;
background:#b8e0d1;
	font-family:Manrope;
	font-size: 3.5vw;
	border-radius:1vw;
	color: #333;
}

.traits_icon img{
width:9vw;
}

.traits_text{
padding-top:2vw;	
}


.rent_rocket_container{

display:flex;
margin: 0 auto;
padding:3.5vw;	

background:linear-gradient(140deg, #ffecc0 -20%, #e8c87b 110%);
border-radius:1vw;
margin-bottom:1vw;


}

.rent_rocket_wrapper{
	padding-top:3vw;
	display:flex;
	flex-direction:column-reverse;
	background:#fff;
	width:100%;
	border-radius:1vw;
	
}


.rent_rocket_tetka{
margin-left:1vw;
margin-left: auto;
}


.rent_rocket_tetka img{
width:35vw;	

}

.rent_rocket_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 5vw;
    line-height: 1.1;
    color: #333;
	margin: 0 auto;
	text-align: center;	
	margin-top: 2vw;
	margin-bottom: 2vw;
	text-align: center;
}

.rent_rocket_opisanie_text{
font-family: Manrope;
	font-size: 3.5vw;
	color: #333;
	padding: 1vw;
	margin-bottom:3vw;
	text-align: center;
}

.rent_rocket_button_wrapper{
	font-family: Manrope;
	font-size: 2vw;
	width:60%;
	margin: 0 auto;
	margin-bottom:3vw;
	}


.rent_rocket_bottom_grid_wrapper
{
margin-bottom:3vw;
}

.rent_rocket_grid_items{
padding:1vw;
margin:1vw;
padding-top:3vw;
text-align:center;
margin: 0 auto;
}

.rent_rocket_grid_top_item{
font-family: Manrope;
	font-size: 3.5vw;
	color: #333;	
	font-weight: bold;
	text-align: center;
}
.rent_rocket_grid_bottom_item{
font-family: Manrope;
	font-size: 3vw;
	color: #333;
	
}

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


.screen1024_br_span
{
    display: none;
}
	
#vk {
    
  }
  
#wa {
    display: none;
  } 

.header {
    margin-left: 1vw;
    margin-right: 1vw;

}

.header_container {
    display: flex;
	flex-direction:row;
    border-radius: 1vw;
    padding: .4vw .5vw .4vw .5vw;
    font-size: .83vw;
    background: #38725d;
	align-items: center;
	background-image: url('style_img/bgbg26.jpg');
	background-position: top; /* или top left */
	margin-top:7px;
	height:13vw;
	justify-content: space-between;
	border-radius: 1vw 1vw 5vw 5vw;
}

.header_logo img{
	margin-top: .2vw;
	width: 100%;
	height: auto;
}

.header_logo {
    display: flex;
    margin-right: .5vw;
    width: 14vw;
	margin-left: 1.5vw;
}


.header_company_name_container
{
	 display: flex;
	 flex-direction: column; /* задаём вертикальное расположение */
	/* gap: .08vw;  расстояние между элементами */	
	align-items: center;
}

.company_name{
	font-family:AMAGROBold;	
	color: #ffecc0;
	font-size: 3.0vw;
}

.podcherk {
    display: flex;
    width: 22vw;
	margin-top: -0.46vw;
}

.podcherk img{
width: 100%;
height: auto;

}

.company_description
{
	font-family: Montserrat-Medium;
	color: white;
	text-align: center;
	font-size: 1.4vw;
}

ul.header_links{
	display: flex;
	list-style: none;	
	align-items: center;
	padding-inline-start: 0px;
	padding-left: 1vw;
	padding-right: 1vw;

}

ul.header_links li a{
    padding: .28vw .9vw;
    color: white;
	font-family:Manrope;
	font-size: .90vw;
	font-weight: 400;
}

ul.header_links li a:hover
{
cursor: pointer;	
}

#sdkv{
display:none;
}

#contktv{
display:none;
}

#okompanii{
display:none;
}


.skolko_kv_v_upravlenii_container {
  display: none;
  
  justify-content: center;
  align-items: center;
  border-radius: 1.20vw;
  padding: 1.3vw 2.6vw 1.3vw 2.6vw;
  background: linear-gradient(to bottom, #ffecc0, #e8c87b);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  color: #5a4a2a;
  cursor: pointer;
  font-size: .5rem; /* можно настроить под свои нужды */
}

.skolko_kv_v_upravlenii_container::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transition: left 0.5s ease;
  pointer-events: none;
  border-radius: 1.20vw; /* чтобы соответствовать закруглению контейнера */
}

.skolko_kv_v_upravlenii_container:hover::before {
  left: 100%;
}


.skolko_kv_v_upravlenii_1
{
  font-family:Manrope;
  font-size: 5vw;
  display: flex;
  flex-direction: column;
  justify-content: center; /* вертикальное центрирование */
  align-items: center;    /* горизонтальное центрирование */        /* нужна фиксированная высота */
  line-height: 2.95vw;    /* минимальный отступ между строками */
  padding-right: 1vw;
  color:#72281d;
}

.skolko_kv_v_upravlenii_2
{
	font-family:Manrope;
	font-size: 2vw;
	display: flex;
	flex-direction: column;
	justify-content: center; /* вертикальное центрирование */
	align-items: center;    /* горизонтальное центрирование */        /* нужна фиксированная высота */
	line-height: 2vw;    /* минимальный отступ между строками */
	color:#72281d;
}

.knopki_contacts
{
	 display: flex;
	 flex-direction: row; /* задаём вертикальное расположение */
	 justify-content: center; /* вертикальное центрирование */
	 align-items: center;    /* горизонтальное центрирование */
	 padding-right: 1.5vw;
	 padding-left: 1.5vw;
}


.knopki_contacts_img img{

	width: 10vw;	
	height: auto;
	padding-right: .2vw;
	padding-left: .2vw;
}


ul.header_say{
	display: flex;
	list-style: none;	
	padding-inline-start: 0px;
	display:none;

}

ul.header_say li{

    color: white;
	font-family:Manrope;
	font-size: .90vw;
	font-weight: lighter;
justify-content: flex-start;
}

.header_profile
{
	display: flex;
	flex-direction: row;
	/*padding-right: 1.5vw;*/
	padding-left: 2vw;
	display:none;
}

.header_profile_content_left
{
justify-content:flex-start;	
display: flex;
width: 4.5vw;
}

.header_profile_content_left img
{
width: 100%;
height: auto;	
}

.header_profile_content_right
{

padding-left:.0vw;
display: flex;
justify-content: center;	
flex-direction: column;

}

.header_profile_phone
{
	display: flex;
	justify-content: flex-end;
    color: white;
	font-family:Manrope;
	font-size: 1.20vw;
	font-weight:600;
	cursor:pointer;
}

.header_profile_caption
{
	display: flex;
	justify-content: flex-end;
	font-family:Manrope;
	font-size: .90vw;
	color: white;
}

.header_profile_caption ul
{
  margin-top: 0;
  margin-bottom: 0;
}


.header_profile_caption ul {
  list-style: none; /* Убираем стандартные маркеры */
  padding-left: 0; /* Сбрасываем отступ */
}

.header_profile_caption li {
  position: relative;
  padding-left: 1vw; /* Отступ для маркера */
  margin-bottom: .1vw;
}

.header_profile_caption li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .5vw;
  height: .5vw;
  border-radius: 50%; /* Круглый маркер */
  background: linear-gradient(to bottom, #ffecc0, #e8c87b); /* Градиент */
}	



.our_features
{
font-family: Manrope, sans-serif;
width:84vw;
margin: 0 auto;
padding-top:4vw;
}

.our_features_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 3.1vw;
    line-height: 1.1;
    color: #333;
	margin: 0 auto;
	text-align: center;
	max-width: 69.44vw;
	
}

.our_features_item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: rgb(255, 255, 255);
    padding: 2.78vw 1.46vw;
	border-radius: 1vw;
    background: #419075;
margin-bottom:1.5vw;	
}


.our_features_items {
    margin-top: 2.5vw;
    display: flex;
	flex-direction:column;
    
}

.our_features_item--gray 
{
	color: #333;
    background: #b8e0d1;
}

.our_features_item--row	
{
	display: flex;
    flex-direction: row;
	justify-content: stretch;
    padding: 0px;
	
}

.our_features_img img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;


}

.our_features_item--row .our_features_img {
    width: 43%;
    padding-top: 54.5%;
}

.our_features_item:nth-child(4) {
    grid-column: 4 / 5;
    grid-row: 1 / 3;
}

.our_features_item--col {
    display: block;
    padding: 0;
}

.our_features_item:nth-child(4) .our_features_img {
    padding-top: 148%;
}

.our_features_item:nth-child(2) {
    grid-column-end: span 2;
}

.our_features_item:nth-child(4) .our_features_content {
    padding: 1.94vw 2.92vw 2.92vw;
    text-align: center;
}

.our_features_content
{
	padding: 3.33vw 1.67vw;
}

.our_features_img {
    position: relative;
    overflow: hidden;
    border-radius: 1vw;
    padding-top: 73%;
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
}

.our_features_icon
{
	    display: flex;
    align-items: flex-start;
    margin-bottom: .97vw;
    width: 10vw;
}

.our_features_icon img {
    width: 100%;
    height: auto;
}

.our_features_subtitle {
    font-weight: 700;
    font-size: 4vw;
}

.our_features_text {
    margin-top: 1.04vw;
    font-weight: 300;
    font-size: 3.5vw;
}

.our_features_subtitle--lg {
    font-size: 4vw;
}



.container_hero_window
{
	display: flex;
    border-radius: 1vw;
    padding: 2vw 2.22vw 1vw;
    font-size: .83vw;
	background: #feeabb;
    /*background: #38725d;*/
	align-items: center;
	background-image: url('style_img/79.jpg');
	background-position: top; /* или top left */
	margin-top:7px;
	flex-direction: column;
	/*width: 77.7vw;*/
	margin: 0 auto;


}

.hero_content
{
display: flex;
background: white;
border-radius: 1vw;
flex-direction: column;
    border-radius: 1.04vw;
    padding: 2.22vw 5vw 1.94vw 5vw;
    max-width: 82vw;
    background: #fff;
	margin-right: auto;
	overflow: hidden;
}

.hero_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 6vw;
    line-height: 1.3;
color: #72281d;	
text-wrap: balance;
  white-space: pre-line; /* Сохраняет переносы из HTML, но переносит по ширине */
  word-break: break-word; /* Переносит длинные слова */
  hyphens: auto; /* Автоматические переносы слов (если поддерживается) */
  text-align: left;
}

.our_flats_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 5vw;
    line-height: 1.1;
    color: #333;
	margin: 0 auto;
	text-align: center;
	max-width: 69.44vw;
	padding-bottom:1vw;
	padding-top:3vw;
	
}

.our_features_title
{
font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 5vw;
    line-height: 1.1;
    color: #333;
	margin: 0 auto;
	text-align: center;
	max-width: 69.44vw;
}

.hero_title span
{
    display: inline-block;
    border-radius: 2.78vw;
    padding: .28vw .83vw;
    background: linear-gradient(to bottom, #ffecc0, #e8c87b);
}

.hero_form
{
}

.hero_features
{
	font-family: Manrope, sans-serif;
	margin-top: 1.25vw;
    display: flex;
	flex-direction: column;
    gap: 1.8vw 4vw;
	list-style: none;
    padding: 0;
	font-size: 3vw;
}

.hero_feature {
  position: relative;
  padding-left: 4.2vw; /* Отступ для маркера */
  margin-bottom: 3vw;
  line-height: 1.4;
}

.hero_feature::before {
  content: '';
  position: absolute;
  left: 0; /* Прижимаем к левому краю */
  top: 1.1vw; /* Располагаем в верхнем углу (у первой строки) */
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
  background: linear-gradient(to bottom, #ffecc0, #e8c87b);
  box-shadow: 0 2px 4px rgba(232, 200, 123, 0.3);
}

.hero_request
{
	display: flex;
flex-direction: column;
	margin-top: 2vw;
	margin-bottom: 1.5vw;
    margin-left: auto;
    border-radius: 1.04vw;
    padding: .83vw 1.32vw 3vw 3vw;
    width: 56vw;
    background: #fff;
	font-size: 3vw;
	font-family: Manrope, sans-serif;
}

.btn_hero_request_div a
{
	display: flex;
	flex-direction:row;
	text-decoration: none;
	color:white;
	font-size: 3vw;
	text-align: center
}



.btn_hero_request {
  display: flex;
  align-items: center; /* вертикальное выравнивание по центру */
  gap: 0vw; /* расстояние между картинкой и текстом */
 
  text-decoration: none;
  color: inherit; /* наследуем цвет текста от родителя */
  
}

.btn_hero_request_img {
  width: 6vw!important; /* фиксированная ширина картинки */
  height: 6vw!important; /* фиксированная высота картинки */
  margin-left:4vw;
}

.btn_hero_request_div {
  display: flex;
  background: linear-gradient(to top, #419075, #2c6753);
  max-width: 35vw;
  padding: 1vw 1vw 1vw 1vw;

  border-radius: 1.7vw;
  color: white;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease;
  
}

.podobr_var{
	display:flex;
	flex-direction:row;
justify-content:left;
}

.btn_hero_request_div {
  margin-right: 1.5vw; /* расстояние справа */
}

/* Убираем отступ у последнего элемента */
.btn_hero_request_div:last-child {
  margin-right: 0;
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(65, 144, 117, 0.3);
  }
  50% {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3), 0 0 20px rgba(65, 144, 117, 0.4);
  }
}

.btn_hero_request_div:hover {
  animation: pulse-glow 1.5s infinite;
}

.btn_hero_request_img
{
	
margin-right:4vw;
}

.btn_hero_request_img
{
	width:6vw;
	height:6vw;
}

.hero_form{

}

.search_input_container
{
	margin-top:1.5vw;
	display: flex;
	justify-content: center;
	margin-bottom:3vw;

}	

.search_input:hover
{
	cursor:pointer;
}


.search_input {
  display: flex;
  flex-direction: row;
  align-items: space-between;
  border: 0.9vw solid #419075;
  border-radius: 1.04vw;
  padding: 1vw;
  background-color: white; /* исходный цвет фона — белый */
  transition: background-color 0.4s ease; /* плавное изменение только фона */
  
}

.search_input:hover {
  background-color: #a3d9c7; /* светло‑зелёный с затемнением */
  /* цвет обводки остаётся неизменным: #419075 */
}

.search_input:hover img {
  filter: brightness(130%) drop-shadow(0 0 8px rgba(65, 144, 117, 0.5));
  opacity: 1;
}

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

.input_calend
{
	width:6vw;
	margin-right:2vw;
	margin-left:2vw;
	opacity: 0.7;
}

.input_lupa
{
	width:6vw;
	margin-right:2vw;
	margin-left:2vw;
	opacity: 0.8;
}

.zaezd_vyezd
{
	display: flex;
	font-size: 2vw;
	font-family: Manrope, sans-serif;
	color: #777;
}

.vyberite_datu
{
	display: flex;
	font-size: 3vw;
	font-family: Manrope, sans-serif;
	
}

.vyberi_datu
{
	display: flex;
	justify-content: left;
	width:58vw;
}


	
	
	
	.objects_wrapper
{
	margin-top:2vw;
	
}

.flats_objects_items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  justify-content:center;
  margin-left:10vw;
  margin-right:10vw;
}

.flats_objects_item {
 display: flex!important;
 margin-left:1vw!important;
 margin-right:1vw!important;
 flex-direction: column;
 justify-content: center!important; /* Горизонтальное выравнивание по центру */
 align-items: center;
 box-shadow: 0 6px 12px rgba(34, 34, 34, 0.18);
 padding-left:.5vw;
  padding-right:.5vw;
  border-radius: 1vw;
  padding-top:.5vw;
  padding-bottom:.5vw;
  margin-bottom:3vw;
  }

.swiper_flat {	
	width: 83vw!important;
	height: 54vw!important;
	overflow: hidden!important;
	z-index: 1!important;
	border-radius: 1vw!important;
    }

.flat-custom-wrapper {
 
}

.flat-custom-slide {
top:-5vw!important;
  width: 83vw!important;
  height: 64vw!important;
  background-color:white!important;
 

}

.flat-custom-slide img{
 max-width: 100%!important;
  max-height: 100%!important;
  object-fit: contain!important; /* сохраняет пропорции */
border-radius: 0vw!important;
z-index: 1!important;	  
	
}

/* Контейнер пагинации */
.flat-custom-pagination {
  position: relative;
  top:-10.5vw!important;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 20!important; /* выше, чем у слайдов */
  opacity: 1 !important;
  visibility: visible !important;
}

/* Неактивные буллеты — кружки */
.flat-custom-bullet {
  width: 2vw;
  height: 2vw;
  border-radius: 50%; /* делаем круг */
  background: white;
  margin: 0 .2vw;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  border:1px solid #333;
}

/* Активные буллеты — прямоугольники */
.flat-custom-bullet-active {
  width: 12vw; /* увеличиваем ширину */
  height: 2vw; /* уменьшаем высоту */
  border-radius: 1.5vw; /* скруглённые углы */
  background: linear-gradient(to top, #419075, #2c6753); /* другой цвет */
  transform: none; /* убираем масштабирование */
}

.flat_title_container
{
display: flex;
justify-content: center;
align-items: center; /* Для вертикального центрирования */
  margin-top:3vw;
  margin-bottom:2vw;
}


.flat_title{
font-family: Manrope, sans-serif;
color: #333!important;
 display: flex;
text-align:center;
	font-weight: normal; 
	margin: 0;
	font-size:3vw;
	font-weight: 700;
}

.flat_text_container{
display: flex;
justify-content: center;
align-items: center; /* Для вертикального центрирования */
}



.flat_text{
font-family: Manrope, sans-serif;
font-size:2.5vw;

height:13vw;
text-align: justify;
margin-top: 0;
margin-bottom: 0;
padding-left:1vw;
padding-right:1vw;

display: -webkit-box;
  -webkit-line-clamp: 3;    /* количество строк (3) */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

.flat_tags_container
{
display: flex;
margin-top: 3vw;
margin-bottom: 3vw;
}

.flat_tags{
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top:1vw;
  margin-bottom:1vw;
}

.flat_tag{
list-style-type: none;
font-family: Manrope, sans-serif;
font-size:1vw;
display: flex;
justify-content: space-evenly;
flex-direction: row; 

display: flex;
padding-right: 3vw;
padding-left: 3vw;
font-size: 3vw;

}

.flat_tag img{
max-width: 5vw;
max-height: 5vw;
margin-right: 1vw;
}

.flat_info{
display: flex;
flex-direction: row;
font-family: Manrope, sans-serif;
align-items: baseline; /* по базовой линии */
font-size:1vw;
justify-content: space-around;
width:100%;
}

.flat_price{
font-size:4vw;	
color:#333;
font-weight: 700;
}

.button_flat_reservation {
  display: flex;
  background: white; /* белый фон */
  border: 1px solid #419075; /* зелёная обводка */
  color: #419075; /* зелёный текст */
  max-width: 15vw;
  padding: 1vw;
  padding-right:9vw;
  padding-left:9vw;
  justify-content: center;
  align-items: center;
  border-radius: .5vw;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease; /* плавный переход всех свойств */
  font-size:4vw;
}

.button_flat_reservation:hover {
  background: linear-gradient(to top, #419075, #2c6753); /* зелёный градиент */
  border-color: #2c6753; /* более тёмная зелёная обводка при наведении */
  color: white; /* белый текст при наведении */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* усиленная тень */
  transform: translateY(0px); /* лёгкое поднятие кнопки */
}

.button_flat_reservation:hover a{
	color:white;
}

.button_flat_reservation a
{
  display: block;        /* Превращаем ссылку в блочный элемент */
  text-align: center;   /* Выравниваем текст по центру */
  height: 100%;       /* Растягиваем ссылку на всю высоту родителя */
  text-decoration: none; /* Убираем подчёркивание */
  color: #419075; /* зелёный текст */
}

.button_flat_reservation a:hover
{
color: white; /* белый текст при наведении */	
}

.flat_status_container{
margin-top:2vw;
display: flex;
flex-direction: row;
font-family: Manrope, sans-serif;
align-items: baseline; /* по базовой линии */
font-size:3vw;
justify-content: space-around;
width:100%;
  /*border: 1px solid #419075;  зелёная обводка */
  color:#333; /* зелёный текст */
  border-radius: .5vw;
  padding-top:1vw;
  padding-bottom:1vw;
  padding-left:4.5vw;
  padding-right:5vw;
/* box-shadow: 0 6px 12px rgba(34, 34, 34, 0.18);*/
}

.flat_status_yes
{
text-align:center;
border-right: 1px dashed #888; /* серый пунктир */

}

.flat_early_access_yes
{
text-align:center;
}

.flat_status_yes a
{   
  /*  border-radius: 2.78vw;*/
   /* background: linear-gradient(to bottom, #ffecc0, #e8c87b);*/
}

.flat_early_access_yes a
{
/*border-radius: 2.78vw;*/
 /*   background: linear-gradient(to bottom, #ffecc0, #e8c87b);	*/
}


.contact-us {
    padding: 6.94vw 0 3.47vw;
	padding-bottom:5vw;
}

.contact-us_container {
    margin: 0 auto;
    width: 100%;
    max-width: 84vw;
}

.contact-us__wrapper {
    position: relative;
    border-radius: 1vw;
    padding: 3.06vw 5.28vw;
    background: #b8e0d1;
}

.contact-us__content {
    margin-left: auto;
    max-width: 42vw;	
}

.contact-us__title {
    font-weight: 500;
	margin: 0;
    padding: 0;

    color: #333;

	
}

.title {
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 2vw;
    line-height: 1.1;

}

.contact-us__text {
    margin-top: 1.74vw;
    font-weight: 300;
    font-size: 1vw;
    line-height: 1.45;
	font-family: Manrope, sans-serif;
}

.contact-us__btn {
    display: block;
    margin-top: 2.43vw;
    font-size: 3vw;
	
}

.btn {
    position: relative;
    z-index: 10;
    font-weight: 400;
    font-size: 1vw;
    line-height: 1.3;
    color: #fff;
    transition: opacity .3s;
    background:  linear-gradient(to bottom, #ffecc0 0%, #e8c87b 100%);

  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
	border-radius: 1vw;
	    display: flex;
    align-items: center;
    justify-content: center;
	text-decoration: none;
	color:#72281d;
	
}

.contact-us__img {
position: absolute;
    left: .97vw;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    width: 35vw;
}

.contact-us__img img{
width: 100%;
    height: auto;
}


.contact-us__btn .btn__inner {
    padding: 1.67vw 6.11vw;
font-size:3.5vw;
	
	
}

.footer {
display:flex;
flex-direction:column;
}
.footer__main
{
display:flex;
flex-direction:column;	
justify-content: center;
}

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

.footer__container{
	display:flex;
flex-direction:column-reverse;	
width:100%;
}

.footer__contacts {

width:100%;
padding-right:49.5vw;
}

.fcontainer{
	

	width:100%;
}

.footer__main-col	{
	display: flex;
	flex-direction:column;
	margin: auto;
	font-size: 3.00vw;
	width:100%;
	justify-content: center;
}

.footer__links a{
font-size: 2.50vw;
margin-left:4vw;
}

.footer_company_name_and_logo_container
{
	margin:auto;
}


.footer_company_name_container
{
	 display: flex;
	 flex-direction: column; /* задаём вертикальное расположение */
	/* gap: .08vw;  расстояние между элементами */	
	align-items: center;
}

.footer_logo img{
	margin-top: .2vw;
	width: 100%;
	height: auto;
}

.footer_logo {
    display: flex;
    margin-right: .5vw;
    width: 18vw;
	margin-left: 1.5vw;
}

.footer_company_name{
	font-family:AMAGROBold;	
	color: #ffecc0;
	font-size: 4.00vw;
}

.footer_podcherk {
    display: flex;
    width: 30vw;
	margin-top: -0.46vw;
}

.footer_podcherk img{
width: 100%;
height: auto;

}

.footer_company_description
{
	font-family: Montserrat-Medium;
	color: white;
	text-align: center;
	font-size: 1.4vw;
}


.footer_company_name_and_logo_container{
display: flex;
flex-direction: row;
margin-top:1.2vw;
margin-bottom:2.8vw;
}


.footer__title
{
font-size: 3.00vw;	
}

.footer__info-title
{
font-size: 2.50vw;
}

.footer__info-link
{
font-size: 2.50vw;
}

.footer__contacts {	
    margin: 0vw;
	display:flex;
	width:100%;
}

.footer__contacts-col
{
	margin-right:0vw;

}

.footer__info-text{
font-size: 2.50vw;
}

.social-link{
width:10vw;
height:10vw;
margin-right:4vw;	
}


.social-link a{
border-radius: 2vw;
}

.footer_conta{
margin-left: 42vw;
}

.social-link a img {
    width: 5vw;
}

.contact-us__title {
    font-weight: 500;
	margin: 0;
    padding: 0;
font-size: 4vw;
    color: #333;	
}

.contact-us__text{
font-size: 3vw;	
}


}