html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
* {
	-webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ul, ol {
	list-style:none;
}

input, select {
	vertical-align:middle;
}
*,
*::after,
*::before{
	padding: 0;
	margin: 0;
	box-sizing: border-box;   
}
a{
	color: inherit;
	text-decoration: none;
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
html,body{
	color: #222;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 19.2px */
	scroll-behavior: smooth;
	background: #fff;
	position: relative;
	z-index: 1;
}
.body::before{
	content: '';
	position: absolute;
	z-index: -1;
	width: 1px;
	top: 0;
	bottom: 0;
	background-color: #E9E9E9;
	left: 50%;
	transform: translateX(calc(50% - 184px));
}
.body::after{
	content: '';
	position: absolute;
	z-index: -1;
	width: 1px;
	top: 0;
	bottom: 0;
	background-color: #E9E9E9;
	left: 50%;
	transform: translateX(calc(50% + 181px));
}
.body{
	min-width: 320px;
}
.body.no-scroll{
	overflow: hidden;
}
.container{
	max-width: 1172px;
	padding: 0 16px;
	margin: 0 auto;
}
.btn-3,
.btn-2,
.btn,
button{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
	transition: all .2s ease;
	border: none;
	outline: none;
	color:  #FFF;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	background-color: transparent;
	text-transform: uppercase;
}
.btn{
	background: #A78C6A;
	gap: 5px;
	padding: 10px 20px;
	height: 60px;
	max-width: 267px;
	width: 100%;
	border: 1px solid #A78C6A;
}
.btn svg path{
	transition: all .2s ease;
}
.btn:hover{
	background-color: #fff;
	color: #222;
}
.btn:hover svg path[fill]{
	fill: #222;
}
.btn:hover svg path[stroke]{
	stroke: #222;
}
.btn-2{
	border: 1px solid #FFF;
	gap: 5px;
	padding: 10px 20px;
	height: 60px;
	max-width: 267px;
	width: 100%;
}
.btn-2:hover{
	background-color: #A78C6A;
	border-color: #A78C6A;
}
.btn-3{
	border: 1px solid #222;
	gap: 5px;
	padding: 10px 20px;
	height: 60px;
	max-width: 267px;
	width: 100%;
	color: #222;
}
.btn-3:hover{
	background-color: #222;
	border-color: #222;
	color: #fff;
}
.btn-3 svg path{
	transition: all .2s ease;
}
.btn-3:hover svg path[fill]{
	fill: #fff;
}
.btn-3:hover svg path[stroke]{
	stroke: #fff;
}
main.main{
	overflow: hidden;
}
h2{
	font-size: 50px;
	font-weight: 700;
	line-height: 120%;
	text-transform: uppercase;
}
.descr{
	font-size: 24px;
	line-height: 120%;
}
.list-check li{
	position: relative;
	padding-left: 34px;
}
.list-check li::before{
	content: '';
	position: absolute;
	left: 0;
	top: -3px;
	display: inline-block;
	width: 24px;
	height: 24px;
	min-width: 24px;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 20.75H6C5.27065 20.75 4.57118 20.4603 4.05546 19.9445C3.53973 19.4288 3.25 18.7293 3.25 18V6C3.25 5.27065 3.53973 4.57118 4.05546 4.05546C4.57118 3.53973 5.27065 3.25 6 3.25H14.86C15.0589 3.25 15.2497 3.32902 15.3903 3.46967C15.531 3.61032 15.61 3.80109 15.61 4C15.61 4.19891 15.531 4.38968 15.3903 4.53033C15.2497 4.67098 15.0589 4.75 14.86 4.75H6C5.66848 4.75 5.35054 4.8817 5.11612 5.11612C4.8817 5.35054 4.75 5.66848 4.75 6V18C4.75 18.3315 4.8817 18.6495 5.11612 18.8839C5.35054 19.1183 5.66848 19.25 6 19.25H18C18.3315 19.25 18.6495 19.1183 18.8839 18.8839C19.1183 18.6495 19.25 18.3315 19.25 18V10.29C19.25 10.0911 19.329 9.90032 19.4697 9.75967C19.6103 9.61902 19.8011 9.54 20 9.54C20.1989 9.54 20.3897 9.61902 20.5303 9.75967C20.671 9.90032 20.75 10.0911 20.75 10.29V18C20.75 18.7293 20.4603 19.4288 19.9445 19.9445C19.4288 20.4603 18.7293 20.75 18 20.75Z' fill='%23A78C6A'/%3E%3Cpath d='M10.5 15.25C10.3071 15.2352 10.1276 15.1455 10 15L7 12C6.93316 11.86 6.91135 11.7028 6.93757 11.5499C6.9638 11.3971 7.03677 11.2561 7.14644 11.1464C7.25611 11.0368 7.39708 10.9638 7.54995 10.9376C7.70281 10.9113 7.86004 10.9331 8 11L10.47 13.47L19 4.99998C19.14 4.93314 19.2972 4.91133 19.45 4.93756C19.6029 4.96379 19.7439 5.03676 19.8536 5.14643C19.9632 5.2561 20.0362 5.39707 20.0624 5.54993C20.0886 5.70279 20.0668 5.86003 20 5.99998L11 15C10.8724 15.1455 10.6929 15.2352 10.5 15.25Z' fill='%23A78C6A'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}
.list-custom li{
	display: flex;
	align-items: center;
	gap: 10px;
}
.list-custom li::before{
	content: '';
	display: inline-block;
	width: 44px;
	height: 44px;
	min-width: 44px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M15.9694 33C15.4851 32.9628 15.0346 32.7368 14.7144 32.3704L7.18381 24.8146C7.01602 24.4621 6.96128 24.0661 7.02711 23.6811C7.09295 23.2961 7.27612 22.941 7.55141 22.6648C7.8267 22.3886 8.18057 22.2048 8.56428 22.1388C8.94799 22.0727 9.34268 22.1276 9.69399 22.296L15.8941 28.5169L37.306 7.18442C37.6573 7.01608 38.052 6.96115 38.4357 7.02721C38.8194 7.09326 39.1733 7.27705 39.4486 7.55326C39.7239 7.82947 39.9071 8.18452 39.9729 8.56952C40.0387 8.95452 39.984 9.35053 39.8162 9.70301L17.2245 32.3704C16.9043 32.7368 16.4538 32.9628 15.9694 33Z' fill='%23A78C6A'/%3E%3C/svg%3E");
	background-size: contain;
}
.name{
	font-size: 30px;
	font-weight: 700;
	line-height: 120%;
}
input,
input::placeholder{
	color: #FAFAFA;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 19.2px */
}
input{
	width: 100%;
	border: none;
	outline: none;
	background-color: transparent;
	padding-bottom: 20px;
	border-bottom: 1px solid #797979;
}
@media (max-width: 1280px) {
	.container{
		max-width: 1024px;
	}
}
@media (max-width: 1024px) {
	.container{
		max-width: 768px;
	}
	h2{
		font-size: 36px;
	}
	.descr{
		font-size: 20px;
	}
	.name{
		font-size: 28px;
	}
}
@media (max-width: 768px) {
	.container{
		max-width: 480px;
	}
	html,body{
		font-size: 14px;
	}
	h2{
		font-size: 28px;
	}
	.descr{
		font-size: 18px;
	}
	.name{
		font-size: 24px;
	}
}
@media (max-width: 480px) {
	.container{
		max-width: 360px;
	}
	.list-custom li::before {
		width: 30px;
		height: 30px;
		min-width: 30px;
	}
	.descr{
		font-size: 16px;
	}
	.name{
		font-size: 20px;
	}
}
/* header */
.header{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
.header__inner{
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: space-between;
	padding: 48px 0;
}
.header__logo{
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 152px;
}
.header__logo img{
	width: 100%;
}
.header__block{
	display: flex;
	align-items: center;
	gap: 28px;
}
.header__link,
.header__tel{
	display: flex;
	align-items: center;
	gap: 9px;
}
.header__tel{
	color: #FFF;
	font-size: 16px;
	line-height: 120%;
	text-transform: uppercase;
}
.header__link{
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: 120%;
	text-transform: uppercase;
}

@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.header__inner{
		padding: 20px 0;
	}
}
@media (max-width: 768px) {
	.header__logo{
		max-width: 100px;
	}
	.header__tel{
		font-size: 14px;
	}
}
@media (max-width: 480px) {
	.header__tel{
		gap: 0;
		font-size: 0;
	}
	.header__block{
		flex-direction: row-reverse;
		gap: 30px;
	}
}
/* hero */
.hero{
	padding: 172px 0 50px;
	position: relative;
	z-index: 1;
}
.footer::before,
.feedback::before,
.showroom::before,
.personaliz::before,
.ventajas::before,
.hero::before{
	content: '';
	position: absolute;
	z-index: 0;
	width: 1px;
	top: 0;
	bottom: 0;
	background-color: #414141;
	left: 50%;
	transform: translateX(calc(50% - 184px));
}
.footer::after,
.feedback::after,
.showroom::after,
.personaliz::after,
.ventajas::after,
.hero::after{
	content: '';
	position: absolute;
	z-index: 0;
	width: 1px;
	top: 0;
	bottom: 0;
	background-color: #414141;
	left: 50%;
	transform: translateX(calc(50% + 181px));
}
.hero__bg,
.hero__image{
	display: flex;
	align-items: center;
}
.hero__bg img,
.hero__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.hero__bg{
	position: absolute;
	inset: 0;
	z-index: -1;
}
.hero__bg::after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),;
	z-index: 1;
}
.hero__inner{
	position: relative;
	z-index: 1;
}
.hero__title{
	display: flex;
	flex-direction: column;
	gap: 0px;
	color: #FFF;
	font-size: 40px;
	font-weight: 400;
	line-height: 120%;
	text-transform: uppercase;
	max-width: 672px;
}
.hero__title span{
	font-size: 80px;
	font-weight: 700;
	line-height: 120%;
}
.hero__descr{
	margin-top: 38px;
	color: #FFF;
	max-width: 290px;
}
.hero__image{
	position: absolute;
	z-index: -1;
	width: 1000px;
	height: 554px;
	right: -150px;
	top: 0;
}
.hero__content{
	margin-top: 50px;
	display: flex;
	gap: 40px;
	justify-content: space-between;
}
.hero__buttons{
	display: flex;
	flex-direction: column;
	gap: 19px;
}
.hero__box{
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 31px 28px 38px 40px;
	background: rgba(18, 18, 18, 0.40);
	backdrop-filter: blur(5px);
	width: 100%;
	max-width: 778px;
}
.hero__name{
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: 150%;
	text-transform: uppercase;
	width: 100%;
	max-width: 134px;
}
.hero__block{
	display: flex;
	align-items: center;
	gap: 22px;
}
.hero__item{
	display: flex;
	align-items: center;
	gap: 10px;
}
.hero__item-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	min-width: 50px;
}
.hero__item-descr{
	color: #FFF;
	font-size: 14px;
	line-height: 120%;
}
.hero__info{
	margin-top: 68px;
	margin-left: auto;
	width: 100%;
	max-width: 594px;
	color: #FFF;
	text-align: right;
	font-size: 14px;
	line-height: 120%;
}

@media (max-width: 1280px) {
	.hero__image{
		width: 900px;
	}
}
@media (max-width: 1024px) {
	.hero{
		padding-top: 130px;
	}
	.hero__title{
		font-size: 28px;
	}
	.hero__title span{
		font-size: 60px;
	}
	.hero__image {
		width: 600px;
		height: 404px;
	}
	.hero__box{
		flex-direction: column;
		align-items: start;
	}
	.hero__name{
		max-width: 100%;
	}
}
@media (max-width: 768px) {
	.hero {
		padding-top: 100px;
	}
	.hero__image {
		position: initial;
		width: 100%;
		height: 250px;
		margin-bottom: 40px;
	}
	.hero__title {
		font-size: 20px;
	}
	.hero__title span {
		font-size: 50px;
	}
	.hero__descr{
		margin-top: 30px;
	}
	.hero__content{
		margin-top: 30px;
		flex-direction: column;
		gap: 30px;
	}
	.hero__buttons{
		flex-direction: row;
	}
	.hero__box{
		padding: 20px;
	}
	.hero__name{
		text-align: center;
		font-size: 16px;
	}
	.hero__item-icon {
		width: 30px;
		height: 30px;
		min-width: 30px;
	}
	.hero__info{
		margin-top: 40px;
	}
}
@media (max-width: 480px) {
	.hero__image{
		height: 180px;
		margin-bottom: 30px;
	}
	.hero__btn{
		max-width: 100%;
	}
	.hero__title span{
		font-size: 38px;
	}
	.hero__buttons{
		flex-direction: column;
	}
	.hero__block{
		flex-direction: column;
		align-items: start;
		gap: 20px;
	}
	.hero__info{
		text-align: center;
		font-size: 12px;
	}
}
/* cansado */
.cansado{
	margin-top: 134px;
}
.cansado__inner{
	display: flex;
	align-items: start;
	gap: 98px;
	justify-content: space-between;
}
.cansado__content{
	max-width: 485px;
}
.cansado__descr{
	margin-top: 40px;
	max-width: 451px;
}
.cansado__block{
	margin-top: 40px;
	display: grid;
	grid-template-columns: 1.34fr 1fr;
	gap: 32px;
}
.cansado__image{
	display: flex;
	align-items: center;
	margin-right: -150px;
	width: 708px;
	height: 480px;
}
.cansado__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 1280px) {
	.cansado__inner{
		gap: 40px;
	}
}
@media (max-width: 1024px) {
	.cansado{
		margin-top: 100px;
	}
	.cansado__inner{
		align-items: stretch;
	}
	.cansado__content{
		max-width: 330px;
		width: 100%;
	}
	.cansado__block{
		grid-template-columns: 1fr;
	}
	.cansado__image{
		height: auto;
	}
}
@media (max-width: 768px) {
	.cansado__inner{
		flex-direction: column-reverse;
		gap: 30px;
	}
	.cansado__image {
		width: 100%;
		margin: 0;
		height: 240px;
	}
	.cansado__content{
		max-width: 100%;
	}
	.cansado__descr{
		margin-top: 30px;
	}
	.cansado__block{
		margin-top: 30px;
		gap: 30px;
	}
}
@media (max-width: 480px) {
	.cansado {
		margin-top: 80px;
	}
}
.banner{
	margin-top: 156px;
}
.cansado + .banner{
	margin-top: 55px;
}
.banner__inner{
	padding: 57px 90px;
	border: 1px solid #E9E9E9;
	background: #FAFAFA;
}
.banner__top{
	display: flex;
	align-items: center;
	gap: 24px;
}
.banner__title{
	color: #A78C6A;
	font-size: 24px;
	font-weight: 500;
	line-height: 120%;
	width: 100%;
	max-width: 312px;
}
.banner__text {
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    margin-top: 16px;
}
.banner-second .banner__title{
	max-width: 100%;
	text-align: center;
}
.banner__block{
	display: flex;
	gap: 33px;
	align-items: center;
	justify-content: space-between;
	max-width: 946px;
	margin: 30px auto 0;
}
.banner__block li{
	max-width: 437px;
}
.banner-last li{
	max-width: 300px;
}

@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.banner{
		margin-top: 100px;
	}
	.banner__inner{
		padding: 40px;
	}
	.banner__block{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 768px) {
	.banner__inner{
		padding: 30px;
	}
	.banner__top{
		flex-direction: column;
		gap: 30px;
		align-items: start;
	}
}
@media (max-width: 480px) {
	.banner,
	.cansado + .banner{
		margin-top: 80px;
	}
	.banner__title{
		font-size: 20px;
	}
	.banner__block{
		grid-template-columns: 1fr;
		gap: 30px;
	}
}
/* nuestra */
.nuestra{
	border-top: 1px solid #E9E9E9;
	margin-top: 144px;
	padding-top: 126px;
}
.nuestra__top{
	display: flex;
	align-items: center;
	gap: 64px;
}
.nuestra__title{
	max-width: 563px;
	width: 100%;
}
.nuestra__descr{
	max-width: 520px;
}
.nuestra__content{
	height: 407px;
	position: relative;
	margin-top: 50px;
}
.nuestra__info{
	position: absolute;
	display: flex;
	align-items: center;
}
.nuestra__info-name{
	line-height: 150%;
	color: #797979;
	position: absolute;
}
.nuestra__info-image{
	display: flex;
	align-items: center;
	max-width: max-content;
	width: 100%;
}
.nuestra__info-image img{
	width: 100%;
}
.nuestra__info:nth-of-type(1){
	top: 0;
	left: 275px;
}
.nuestra__info:nth-of-type(1) .nuestra__info-name{
	left: -242px;
	max-width: 238px;
	top: 59px;
}
.nuestra__info:nth-of-type(1) .nuestra__info-name::after{
	content: '';
	position: absolute;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	width: 261.5px;
	height: 47px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='262' height='49' viewBox='0 0 262 49' fill='none'%3E%3Cpath d='M0 1H228L261.5 48' stroke='%23A78C6A'/%3E%3C/svg%3E");
	bottom: -62px;
	left: 0;
}
.nuestra__info:nth-of-type(2){
	top: 24px;
	right: 39px;
}
.nuestra__info:nth-of-type(2) .nuestra__info-name{
	max-width: 283px;
	bottom: -59px;
	right: -15px;
}
.nuestra__info:nth-of-type(2) .nuestra__info-name::after{
	content: '';
	position: absolute;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
	width: 299.5px;
	height: 45.5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='47' viewBox='0 0 300 47' fill='none'%3E%3Cpath d='M300 46H46L0.5 0.5' stroke='%23A78C6A'/%3E%3C/svg%3E");
	top: -57px;
	right: 30px;
}

@media (max-width: 1280px) {
	.nuestra{
		margin-top: 200px;
	}
	.nuestra__descr{
		max-width: 440px;
	}
	.nuestra__info:nth-of-type(2){
		right: 0;
	}
	.nuestra__info:nth-of-type(1) {
		left: 175px;
		top: 100px;
	}
	.nuestra__info:nth-of-type(1) .nuestra__info-name {
		left: -172px;
		max-width: 238px;
		top: -121px;
	}
}
@media (max-width: 1024px) {
	.nuestra{
		margin-top: 100px;
		padding-top: 100px;
	}
	.nuestra__descr {
		max-width: 350px;
	}
	.nuestra__info{
		position: relative;
		top: initial !important;
		left: initial !important;
		right: initial !important;
		bottom: initial !important;
	}
	.nuestra__content{
		height: auto;
	}
	.nuestra__info:nth-of-type(1){
		justify-content: end;
	}
	.nuestra__info:nth-of-type(1) .nuestra__info-name {
		left: 168px;
		top: 49px;
	}
	.nuestra__info:nth-of-type(2) .nuestra__info-name {
		bottom: -79px;
		right: 15px;
	}
}
@media (max-width: 768px) {
	.nuestra__top{
		flex-direction: column;
		align-items: start;
		gap: 30px;
	}
	.nuestra__info:nth-of-type(1) .nuestra__info-name{
		left: 0;
	}
	.nuestra__info:nth-of-type(1) .nuestra__info-image{
		max-width: 200px;
	}
	.nuestra__info:nth-of-type(2) .nuestra__info-name {
		bottom: -136px;
		right: 26px;
	}
	.nuestra__info:nth-of-type(2) .nuestra__info-image{
		max-width: 380px;
	}
	.nuestra + .banner.banner-second{
		margin-top: 200px;
	}
}
@media (max-width: 480px) {
	.nuestra {
		margin-top: 80px;
		padding-top: 80px;
	}
	.nuestra__info:nth-of-type(1) .nuestra__info-image {
		max-width: 60%;
	}
	.nuestra__content{
		margin-top: 140px;
		display: flex;
		flex-direction: column;
		gap: 170px;
	}
	.nuestra__info:nth-of-type(1) .nuestra__info-name {
		left: 0;
		top: -110px;
	}
	.nuestra__info:nth-of-type(2) .nuestra__info-image {
		max-width: 100%;
	}
	.nuestra__info:nth-of-type(2) .nuestra__info-name {
		bottom: initial;
		right: 0px;
		max-width: 238px;
		top: -130px;
	}
	.nuestra__info:nth-of-type(2) .nuestra__info-name::after{
		content: '';
		position: absolute;
		background-position: left top;
		background-repeat: no-repeat;
		background-size: contain;
		width: 261.5px;
		height: 47px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='262' height='49' viewBox='0 0 262 49' fill='none'%3E%3Cpath d='M0 1H228L261.5 48' stroke='%23A78C6A'/%3E%3C/svg%3E");
		bottom: -62px;
		left: -40px;
		top: initial;
		transform: scaleX(-1);
	}
	.nuestra + .banner.banner-second{
		margin-top: 80px;
	}
}
/* solution */
.solution{
    border-top: 1px solid #E9E9E9;
    margin-top: 144px;
    padding-top: 126px;
}
.solution__top{
    display: flex;
    align-items: center;
    gap: 64px;
}
.solution__title{
    max-width: 563px;
    width: 100%;
}
.solution__descr{
    max-width: 520px;
}
.solution__content{
    height: 407px;
    position: relative;
    margin-top: 50px;
}
.solution__info{
    position: absolute;
    display: flex;
    align-items: center;
}
.solution__info-title{
    line-height: 120%;
    font-size: 24px;
    color: #222222;
    position: absolute;
    max-width: 280px;
    bottom: -50px;
    left: -50px;
}
.solution__info-name{
    line-height: 180%;
    color: #797979;
    position: absolute;
}
.solution__info-name strong{
    line-height: 150%;
    color: #222222;
    font-weight: 700;
}
.solution__info-image{
    display: flex;
    align-items: center;
    max-width: max-content;
    width: 100%;
}
.solution__info-image img{
    width: 100%;
}
.solution__info:nth-of-type(1){
    top: 50px;
}

.solution__info:nth-of-type(2){
    top: 24px;
    right: 121px;
}
.solution__info:nth-of-type(2) .solution__info-name{
    max-width: 283px;
    bottom: -150px;
    right: -8px;
}
.solution__info:nth-of-type(2) .solution__info-name::after{
    content: '';
    position: absolute;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 299.5px;
    height: 45.5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='47' viewBox='0 0 300 47' fill='none'%3E%3Cpath d='M300 46H46L0.5 0.5' stroke='%23A78C6A'/%3E%3C/svg%3E");
    top: -57px;
    right: -44px;
}

@media (max-width: 1280px) {
    .solution{
        margin-top: 200px;
    }
    .solution__descr{
        max-width: 440px;
    }
    .solution__info:nth-of-type(2){
        right: 0;
    }
   
}
@media (max-width: 1024px) {
    .solution{
        margin-top: 100px;
        padding-top: 100px;
    }
    .solution__descr {
        max-width: 350px;
    }
    .solution__info{
        position: relative;
        top: initial !important;
        left: initial !important;
        right: initial !important;
        bottom: initial !important;
    }
    .solution__content{
        height: auto;
    }
    .solution__info:nth-of-type(1){
        justify-content: end;
    }

    .solution__info:nth-of-type(2) .solution__info-title {
        bottom: -66px;
        left: 0;
    }    
    .solution__info:nth-of-type(2) .solution__info-name {
        bottom: -79px;
        right: 15px;
    }

    .solution__info:nth-of-type(2) .solution__info-name::after {
        width: 256.5px;
        top: -56px;
        right: -12px;
    }
}
@media (max-width: 768px) {
    .solution__top{
        flex-direction: column;
        align-items: start;
        gap: 30px;
    }
    .solution__info:nth-of-type(1) .solution__info-name{
        left: 0;
    }
    .solution__info:nth-of-type(1) .solution__info-image{
        max-width: 200px;
    }
    .solution__info:nth-of-type(2) .solution__info-name {
        bottom: -182px;
        right: 26px;
    }
    .solution__info:nth-of-type(2) .solution__info-image{
        max-width: 380px;
    }
    .solution + .banner.banner-second{
        margin-top: 200px;
    }
}
@media (max-width: 480px) {
    .solution {
        margin-top: 80px;
        padding-top: 80px;
    }
    .solution__info:nth-of-type(1) .solution__info-image {
        max-width: 60%;
    }
    .solution__content{
        /* margin-top: 140px; */
        display: flex;
        flex-direction: column;
        gap: 170px;
    }
    .solution__info:nth-of-type(1) .solution__info-name {
        left: 0;
        top: -110px;
    }
    .solution__info:nth-of-type(2) .solution__info-image {
        max-width: 100%;
    }
    .solution__info:nth-of-type(2) .solution__info-name {
        bottom: initial;
        right: 0px;
        max-width: 238px;
        top: -130px;
    }
    .solution__info:nth-of-type(2) .solution__info-name::after{
        content: '';
        position: absolute;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: contain;
        width: 261.5px;
        height: 47px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='262' height='49' viewBox='0 0 262 49' fill='none'%3E%3Cpath d='M0 1H228L261.5 48' stroke='%23A78C6A'/%3E%3C/svg%3E");
        bottom: -62px;
        left: -40px;
        top: initial;
        transform: scaleX(-1);
    }
    .solution + .banner.banner-second{
        margin-top: 80px;
    }
}

/* important */
.important {
    margin-top: 100px;
}

.important__inner {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.important__text {
    max-width: 246px;
    font-size: 24px;
    line-height: 120%;
    color: #222222;
    margin-top: 20px;
}

.important__text strong {
    font-weight: 500;
    color: #A78C6A;
    text-transform: uppercase;
}

.important__text>*+* {
    margin-top: 10px;
}

.important__image {
    position: relative;
    max-width: 527px;
    width: 100%;
}

.important__image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 60%;
}

.important__image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.important__image-text {
    position: absolute;
    bottom: -60px;
    left: -232px;
    max-width: 234px;
    color: #797979;
}

.important__image-text--wrapper {
    position: relative;
}

.important__image-text--wrapper:before {
    content: "";
    position: absolute;
    bottom: 120%;
    left: 0;
    width: 100%;
    height: 45px;
    background-image: url("data:image/svg+xml,%3Csvg width='235' height='47' viewBox='0 0 235 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 45.8535H188.5L234 0.353516' stroke='%23A78C6A'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.important__list {
    margin-top: 98px;
    max-width: 296px;
}

.important__list li {
    position: relative;
    padding-left: 54px;
}

.important__list li+li {
    margin-top: 28px;
}

.important__list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9694 33C15.4851 32.9628 15.0346 32.7368 14.7144 32.3704L7.18381 24.8146C7.01602 24.4621 6.96128 24.0661 7.02711 23.6811C7.09295 23.2961 7.27612 22.941 7.55141 22.6648C7.8267 22.3886 8.18057 22.2048 8.56428 22.1388C8.94799 22.0727 9.34268 22.1276 9.69399 22.296L15.8941 28.5169L37.306 7.18442C37.6573 7.01608 38.052 6.96115 38.4357 7.02721C38.8194 7.09326 39.1733 7.27705 39.4486 7.55326C39.7239 7.82947 39.9071 8.18452 39.9729 8.56952C40.0387 8.95452 39.984 9.35053 39.8162 9.70301L17.2245 32.3704C16.9043 32.7368 16.4538 32.9628 15.9694 33Z' fill='%23A78C6A'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
}

@media (max-width: 1024px) {
    .important__inner {
        flex-wrap: wrap;
    }

    .important__text {
        max-width: unset;
        width: 100%;
    }

    .important__image {
        width: 50%;
    }

    .important__image-text {
        bottom: -80px;
        left: 0px;
    }
}

@media (max-width: 768px) {
    .important__image {
        width: 100%;
    }

    .important__image-wrapper {
        margin-left: 16px;
    }

    .important__image-text {
        bottom: -130px;
    }

    .important__list {
        margin-top: 150px;
        max-width: unset;
    }
}

/* montage */
.montage {
    position: relative;
    margin-top: 190px;
}

.montage__inner {}

.montage__text {
    max-width: 520px;
}

.montage__text>*+* {
    margin-top: 42px;
}

.montage__text h2 {
    max-width: 462px;
}


.montage__text li {
    position: relative;
    padding-left: 54px;
}

.montage__text li+li {
    margin-top: 32px;
}

.montage__text li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9694 33C15.4851 32.9628 15.0346 32.7368 14.7144 32.3704L7.18381 24.8146C7.01602 24.4621 6.96128 24.0661 7.02711 23.6811C7.09295 23.2961 7.27612 22.941 7.55141 22.6648C7.8267 22.3886 8.18057 22.2048 8.56428 22.1388C8.94799 22.0727 9.34268 22.1276 9.69399 22.296L15.8941 28.5169L37.306 7.18442C37.6573 7.01608 38.052 6.96115 38.4357 7.02721C38.8194 7.09326 39.1733 7.27705 39.4486 7.55326C39.7239 7.82947 39.9071 8.18452 39.9729 8.56952C40.0387 8.95452 39.984 9.35053 39.8162 9.70301L17.2245 32.3704C16.9043 32.7368 16.4538 32.9628 15.9694 33Z' fill='%23A78C6A'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
}

.montage__image {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 50%;
}

.montage__image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 60%;
}

.montage__image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 460px;
    overflow: hidden;
}

@media (min-width: 1921px) {
    .montage__inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
    }

    .montage__image {
        position: relative;
        top: unset;
        right: unset;
        width: 100%;
        height: 100%;
        max-width: 708px;
    }
}

@media (max-width: 1280px) {
    .montage__image {
        max-width: 45%;
    }
}

@media (max-width: 1024px) {
    .montage__inner {
        display: grid;
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .montage__image {
        position: relative;
        top: unset;
        right: unset;
        width: 100%;
        height: 100%;
    }

    .montage__image {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .montage {
        margin-top: 100px;
    }
}

/* example */
.example {
    margin-top: 140px;
}

.example__inner {
    display: grid;
    gap: 96px;
    padding: 90px 95px 95px 95px;
    background-color: #FAFAFA;
    border: 1px solid #E9E9E9;
}

.example__block {
    display: grid;
    gap: 36px;
}

.example__block-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 120%;
    text-transform: uppercase;
    max-width: 660px;
}

.example__block:nth-child(even) .example__block-title {
    text-align: right;
    margin-left: auto;
}

.example__block-box {
    display: flex;
    gap: 68px;
}

.example__block:nth-child(even) .example__block-box {
    flex-direction: row-reverse;
}

.example__block-image {
    position: relative;
    width: 100%;
}

.example__block-image--wrapper {
    position: relative;
    width: 100%;
    padding-top: 60%;
}

.example__block-image video,
.example__block-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.example__block-text {
    max-width: 225px;
}

.example__block:nth-child(even) .example__block-text {
    text-align: right;
}

.example__block-descr {
    max-width: 665px;
    font-size: 24px;
    line-height: 120%;
}

.example__block:nth-child(even) .example__block-descr {
    text-align: right;
    margin-left: auto;
}

@media (max-width: 1024px) {
    .example {
        margin-top: 100px;
    }

    .example__inner {
        padding: 30px;
        gap: 50px;
    }

    .example__block {
        gap: 20px;
    }

    .example__block-title {
        font-size: 28px;
        max-width: unset;
    }

    .example__block-box {
        gap: 30px;
    }

    .example__block-descr {
        font-size: 20px;
        max-width: unset;
    }
}

@media (max-width: 768px) {
    .example {
        margin-top: 100px;
    }

    .example__inner {
        padding: 20px;
        gap: 40px;
    }

    .example__block {
        gap: 20px;
    }

    .example__block-title {
        font-size: 24px;
    }

    .example__block:nth-child(even) .example__block-title {
        text-align: left;
        margin-left: unset;
    }

    .example__block-box {
        gap: 30px;
    }

    .example__block .example__block-box {
        flex-direction: column-reverse;
    }

    .example__block:nth-child(even) .example__block-box {
        flex-direction: column-reverse;
    }


    .example__block-text {
        max-width: unset;
    }

    .example__block:nth-child(even) .example__block-text {
        text-align: left;
    }


    .example__block-descr {
        font-size: 18px;
        max-width: unset;
    }

    .example__block:nth-child(even) .example__block-descr {
        text-align: left;
    }
}

/* vivienda */
.vivienda{
	margin-top: 128px;
	margin-bottom: 130px;
}
.vivienda__content{
	margin-top: 40px;
	display: flex;
	align-items: start;
	gap: 46px;
}
.vivienda__image{
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 633px;
}
.vivienda__image img{
	width: 100%;
}
.vivienda__block{
	width: 100%;
	max-width: 437px;
}
.vivienda__list{
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.vivienda__btn{
	margin-top: 40px;
}

@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.vivienda{
		margin: 100px 0;
	}
}
@media (max-width: 768px) {
	.vivienda__content{
		margin-top: 30px;
		gap: 30px;
		flex-direction: column;
	}
}
@media (max-width: 480px) {
	.vivienda{
		margin: 80px 0;
	}
	.vivienda__btn{
		max-width: 100%;
	}
}
/* ventajas */
.ventajas{
	position: relative;
	z-index: 1;
	padding: 143px 0 137px;
}
.ventajas__inner{
	position: relative;
	z-index: 2;
}
.ventajas__bg{
	display: flex;
	align-items: center;
}
.ventajas__bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.ventajas__bg{
	position: absolute;
	inset: 0;
	z-index: -1;
}
.ventajas__bg::after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),;
	z-index: 1;
}
.ventajas__title{
	text-align: center;
	color: #fff;
}
.ventajas__block{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px 85px;
	max-width: 946px;
	width: 100%;
	margin: 40px auto 0;
}
.ventajas__item-title{
	color: #A78C6A;
	font-size: 24px;
	font-weight: 500;
	line-height: 120%;
	text-transform: uppercase;
}
.ventajas__item-descr{
	margin-top: 20px;
	color: #fff;
}

@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.ventajas{
		padding: 100px 0;
	}
	.ventajas__block{
		gap: 50px;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 480px) {
	.ventajas{
		padding: 80px 0;
	}
	.ventajas__block{
		grid-template-columns: 1fr;
		gap: 40px;
	}
}
/* modelo */
.modelo{
	margin-top: 160px;
}
.modelo__name{
	margin-top: 30px;
}
.modelo__descr{
	margin-top: 25px;
	max-width: 900px;
}
.modelo__info{
	display: flex;
	gap: 53px;
	flex-wrap: wrap;
	margin-top: 39px;
}
.modelo__project{
	min-height: 445px;
	display: grid;
	grid-template-columns: 1.03fr 1fr 1fr;
	align-items: stretch;
	margin-top: 49px;
	background-color: #FAFAFA;
	border: 1px solid #E9E9E9;
}
.modelo__project + .modelo__project{
	margin-top: 88px;
}


.modelo__project-image{
	height: auto;
	width: 100%;
	max-width: 752px;
	display: flex;
	align-items: center;
	overflow: hidden;
	grid-column: span 2;
}
.modelo__project-image .swiper {
	width: 100%;
	height: 100%;
}
.modelo__project-image .swiper-slide{
	min-height: 100%;
}
.modelo__project-image--wrapper{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.modelo__project-image img{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.modelo__project-content{
	padding: 40px 26px 40px 74px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.modelo__project-title{
	color: #A78C6A;
	font-size: 36px;
	font-weight: 500;
	line-height: 120%;
	text-transform: uppercase;
}
.modelo__project-info{
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.modelo__project--item{
	display: grid;
	grid-template-columns: 1.3766fr 1fr;
	gap: 10px;
}
.modelo__project-descr{
	font-weight: 700;
}
.modelo__project-descr.modelo__project-price {
	font-size: 20px;
}
.modelo__project--notificatoin {
	font-size: 12px;
	line-height: 115%;
}
.modelo__project-buttons{
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 17px;
	max-width: 200px;
	width: 100%;
}
.modelo__project-buttons > *{
	height: 50px;
}
.modelo__project-reverse .modelo__project-image{
	order: 1;
}
.modelo__project-reverse  .modelo__project-content{
	padding: 40px 50px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.modelo__project-pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	position: absolute;
	--swiper-pagination-top: unset;
	--swiper-pagination-bottom: 20px;
	z-index: 2;
}
.modelo__project-pagination.swiper-pagination-bullets .swiper-pagination-bullet{
	width: 12px;
	height: 4px;
	background: #D9D9D9;
	opacity: 1;
	margin: 0;
	border-radius: 0;
}
.modelo__project-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 20px;
	background: #A78C6A;
}
@media (max-width: 1280px) {
	.modelo__project-reverse .modelo__project-content,
	.modelo__project-content{
		padding: 40px 10px 40px 40px;
	}
	.modelo__project {
		grid-template-columns: 1fr 1fr 0.93fr;
	}
	.modelo__project-reverse {
		grid-template-columns: 1fr 1fr 1.18fr;
	}
}
@media (max-width: 1024px) {
	.modelo{
		margin-top: 100px;
	}
	.modelo__project {
		grid-template-columns: 1fr 1fr;
	}
	.modelo__project-image{
		grid-column: auto;
	}
}
@media (max-width: 768px) {
	.modelo__project{
		grid-template-columns: 1fr;
	}
	.modelo__project-reverse .modelo__project-content, .modelo__project-content{
		padding: 30px;
	}
	.modelo__project-image{
		height: 260px;
	}
	.modelo__project-buttons{
		max-width: 100%;
		flex-direction: row;
	}
	.modelo__project-reverse .modelo__project-image {
		order: initial;
	}
	.modelo__project + .modelo__project {
		margin-top: 50px;
	}
	.modelo__info{
		gap: 30px;
		margin-top: 30px;
	}
}
@media (max-width: 480px) {
	.modelo{
		margin-top: 80px;
	}
	.modelo__project-image {
		height: 200px;
	}
	.modelo__project-title{
		font-size: 26px;
	}
	.modelo__project-buttons{
		margin-top: 30px;
		flex-direction: column;
	}
}
/* personaliz */
.personaliz{
	margin-top: 148px;
	padding: 111px 0 128px;
	position: relative;
	z-index: 1;
	background: #18181A;
}
.personaliz__inner{
	display: flex;
	gap: 40px;
	align-items: start;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.personaliz__content{
	max-width: 557px;
	width: 100%;
}
.personaliz__title{
	color: #fff;
}
.personaliz__name{
	margin-top: 30px;
	color: #fff;
	max-width: 485px;
}
.personaliz__descr{
	margin-top: 25px;
	color: #fff;
	max-width: 525px;
}
.personaliz__info{
	width: 100%;
	max-width: 461px;
}
.personaliz__info-title{
	color: #A78C6A;
	font-size: 24px;
	font-weight: 500;
	line-height: 120%;
	text-transform: uppercase;
}
.personaliz__info-block{
	margin-top: 37px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.personaliz__info-item{
	display: flex;
	align-items: center;
	gap: 10px;
	color: #FAFAFA;
	font-size: 16px;
	font-weight: 400;
	line-height: 120%;
}
.personaliz__info-btn{
	margin-top: 46px;
	max-width: 364px;
}

@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.personaliz{
		margin-top: 100px;
		padding: 100px 0;
	}
}
@media (max-width: 768px) {
	.personaliz__inner{
		flex-direction: column;
		gap: 60px;
	}
	.personaliz__descr{
		margin-top: 30px;
	}
	.personaliz__info-block{
		margin-top: 40px;
	}
	.personaliz__info-btn{
		margin-top: 40px;
	}
}
@media (max-width: 480px) {
	.personaliz{
		margin-top: 80px;
		padding: 80px 0;
	}
}
/* instala */
.instala{
	margin: 152px 0 120px;
}
.instala__title{
	max-width: 750px;
	text-align: center;
	margin: 0 auto;
}
.instala__block{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25px;
	margin-top: 40px;
}
.instala__item-num{
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #A78C6A;
	font-size: 50px;
	font-weight: 700;
	line-height: 120%;
	text-transform: uppercase;
	color: transparent;
}
.instala__item-descr{
	margin-top: 20px;
}
.instala__item:nth-of-type(2) .instala__item-descr{
	max-width: 217px;
}
.instala__item:nth-of-type(4) .instala__item-descr{
	max-width: 212px;
}
.instala__image{
	margin-top: 60px;
	display: flex;
	align-items: center;
	height: 480px;
	overflow: hidden;
}
.instala__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.instala{
		margin: 100px 0;
	}
	.instala__image{
		height: 390px;
	}
}
@media (max-width: 768px) {
	.instala__block{
		grid-template-columns: 1fr 1fr;
	}
	.instala__image {
		height: 260px;
	}
}
@media (max-width: 480px) {
	.instala{
		margin: 80px 0;
	}
	.instala__item-num{
		font-size: 40px;
	}
	.instala__image {
		height: 220px;
	}
}
/* reviews */
.reviews{
	margin: 120px 0;
}
.reviews__title{
	max-width: 752px;
	text-align: center;
	margin: 0 auto;
}
.reviews__slider{
	margin-top: 40px;
	overflow: hidden;
}
.reviews__slide{
	padding: 60px;
	background-color: #A78C6A;
}
.reviews__slide-message{
	display: flex;
	flex-direction: column;
	gap: 19px;
	align-items: center;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-style: italic;
	font-weight: 400;
	line-height: 150%;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
.reviews__slide-message::before{
	content: '';
	width: 30px;
	height: 25px;
	min-width: 25px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='25' viewBox='0 0 30 25' fill='none'%3E%3Cg clip-path='url(%23clip0_0_260)'%3E%3Cpath d='M0.00319084 16.5603C0.359137 10.1555 3.41261 5.94419 7.76536 2.49218C8.74222 1.71691 9.7893 1.03097 10.8188 0.327489C11.5148 -0.147881 11.984 -0.0234554 12.4693 0.700766C12.5587 0.833168 12.648 0.965569 12.7438 1.09319C13.3376 1.8876 13.3184 2.05031 12.5395 2.61501C10.1708 4.32825 8.1644 6.40521 6.42777 8.74696C5.95371 9.38664 5.50838 10.0502 5.22107 10.8C4.81245 11.8608 5.06145 12.3984 6.14206 12.7398C7.0008 13.0125 7.88348 13.2151 8.73424 13.5086C11.162 14.3461 12.7358 16.9032 12.5698 19.6805C12.4294 22.0446 10.3767 24.4772 8.00958 24.8984C5.51476 25.3418 3.5419 24.2826 1.98563 22.4083C0.427772 20.5387 -0.0446942 18.3086 0.00319084 16.5603Z' fill='white'/%3E%3Cpath d='M23.858 24.8356C21.0279 24.8228 18.3256 22.6231 17.3568 19.4757C16.3671 16.263 16.9306 13.1683 18.2634 10.1869C19.9425 6.42857 22.822 3.70875 26.1133 1.37178C26.6752 0.972976 27.2498 0.585342 27.8452 0.239183C28.439 -0.105381 29.004 -0.143665 29.3711 0.594913C29.4413 0.735291 29.5515 0.856526 29.6489 0.982547C30.1596 1.63977 30.1309 1.91574 29.4525 2.40387C27.1908 4.03257 25.2642 5.99946 23.5659 8.19605C23.0136 8.9107 22.4916 9.64768 22.1357 10.4852C21.7095 11.4885 21.9489 12.0437 22.9705 12.3978C23.9713 12.7456 25.0104 12.9801 25.9649 13.457C28.1309 14.5418 29.2913 16.3523 29.435 18.7052C29.577 21.0119 28.4437 22.7778 26.5698 24.0651C25.7622 24.6202 24.8348 24.8436 23.8548 24.8356H23.858Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_0_260'%3E%3Crect width='30' height='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.reviews__slide-user{
	margin: 30px auto 0;
	display: flex;
	align-items: center;
	gap: 20px;
	max-width: 212px;
	width: 100%;
}
.reviews__slide-image{
	width: 72px;
	height: 72px;
	min-width: 72px;
	display: flex;
	align-items: center;
	overflow: hidden;
	border-radius: 50%;
}
.reviews__slide-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.reviews__slide-info{
	display: flex;
	flex-direction: column;
}
.reviews__slide-username{
	color:  #FFF;
	font-size: 18px;
	font-weight: 700;
	line-height: 120%;
}
.reviews__slide-descr{
	color: #fff;
}
.reviews__slider-pagination{
	margin-top: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}
.reviews__slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet{
	width: 12px;
	height: 4px;
	background: #D9D9D9;
	opacity: 1;
	margin: 0;
	border-radius: 0;
}
.reviews__slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 20px;
	background: #A78C6A;
}

@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.reviews{
		margin: 100px 0;
	}
	.reviews__slide-message{
		font-size: 20px;
	}
}
@media (max-width: 768px) {
	.reviews__slide{
		padding: 40px 30px;
	}
}
@media (max-width: 480px) {
	.reviews{
		margin: 80px 0;
	}
}
/* fases */
.fases{
	margin: 120px 0 157px;
}
.fases__title{
	text-align: center;
}
.fases__block{
	display: grid;
	grid-template-columns: 1fr 365px 1fr;
	margin-top: 60px;
}
.fases__item{
	position: relative;
	padding: 58px 10px 40px 40px;
	background-color: #FAFAFA;
}
.fases__item::after{
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border: 1px solid #E9E9E9;
	pointer-events: none;
}
.fases__item-num{
	position: absolute;
	top: 19px;
	left: 19px;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #A78C6A;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 28.8px */
	text-transform: uppercase;
}
.fases__item-title{
	color: #A78C6A;
	font-size: 24px;
	font-weight: 500;
	line-height: 120%;
	text-transform: uppercase;
}
.fases__item-descr{
	margin-top: 10px;
}

@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.fases{
		margin: 100px 0;
	}
	.fases__block {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 768px) {
	.fases__item {
		padding: 70px 15px 30px 15px;
	}
	.fases__item-num{
		left: 15px;
		top: 20px;
	}
}
@media (max-width: 480px) {
	.fases{
		margin: 80px 0;
	}
	.fases__block{
		margin-top: 30px;
		grid-template-columns: 1fr;
	}
	.fases__item {
		padding: 70px 30px 30px 30px;
	}
	.fases__item-num{
		left: 30px;
		top: 20px;
	}
}
/* showroom */
.showroom{
	padding: 124px 0 129px;
	position: relative;
	z-index: 1;
	background-color: #18181A;
}
.showroom__inner{
	display: flex;
	gap: 60px;
	align-items: start;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.showroom__content{
	width: 100%;
	max-width: 617px;
}
.showroom__descr,
.showroom__title{
	color: #fff;
}
.showroom__name{
	color: #fff;
	margin-top: 40px;
	max-width: 501px;
}
.showroom__image{
	margin-top: 90px;
	display: flex;
	align-items: center;
	max-width: max-content;
	width: 100%;
}
.showroom__image video,
.showroom__image img,
.showroom__image img{
	width: 100%;
}
.showroom__box{
	width: 100%;
	max-width: 460px;
	margin-top: 63px;
}
.showroom__image{
	margin-top: 38px;
	display: flex;
	align-items: center;
	max-width: max-content;
	width: 100%;
}
.showroom__info{
	margin-top: 43px;
	color: #A78C6A;
	font-size: 24px;
	font-weight: 500;
	line-height: 120%;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.showroom__info-descr{
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	width: 100%;
	max-width: 270px;
	width: 100%;
}
a.showroom__info-descr{
	color: #FAFAFA;
	font-size: 20px;
	line-height: 120%;
}
.showroom__info-descr svg{
	min-width: max-content;
	height: auto;
}
.showroom__btn{
	margin-top: 54px;
}

@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.showroom{
		padding: 100px 0;
	}
}
@media (max-width: 768px) {
	.showroom__inner{
		flex-direction: column;
		gap: 50px;
	}
	.showroom__box{
		margin-top: 0;
	}
}
@media (max-width: 480px) {
	.showroom{
		padding: 80px 0;
	}
}
/* faq */
.faq{
	margin: 106px 0 132px;
}
.faq__title{
	text-align: center;
}
.faq__block{
	margin: 60px auto 0;
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 752px;
	width: 100%;
}
.faq__item{
	padding: 20px 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	border: 1px solid #E9E9E9;
	background: #FAFAFA;
}
.faq__item-title{
	font-size: 18px;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	gap: 20px;
	line-height: 120%;
}
.faq__item-title::after{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	min-width: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cline y1='8' x2='16' y2='8' stroke='%23797979' stroke-width='2'/%3E%3Cline x1='8' y1='-4.37114e-08' x2='8' y2='16' stroke='%23797979' stroke-width='2'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.faq__item:not(.active) .faq__item-descr{
	display: none;
}
.faq__item.active .faq__item-title{
	color: #A78C6A;
}
.faq__item.active .faq__item-title::after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='3' viewBox='0 0 16 3' fill='none'%3E%3Cline y1='1.89941' x2='16' y2='1.89941' stroke='%23A78C6A' stroke-width='2'/%3E%3C/svg%3E");
}

@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.faq{
		margin: 100px 0;
	}
}
@media (max-width: 768px) {
	.faq__block{
		margin-top: 30px;
	}
}
@media (max-width: 480px) {
	.faq{
		margin: 80px 0;
	}
	.faq__item{
		padding: 20px;
	}
}
/* feedback */
.feedback{
	padding: 112px 0 140px;
	position: relative;
	z-index: 1;
}
.feedback__inner{
	display: flex;
	align-items: start;
	position: relative;
	z-index: 2;
	justify-content: space-between;
	gap: 40px;
}
.feedback__content{
	width: 100%;
	max-width: 606px;
}
.feedback__form{
	width: 100%;
	max-width: 460px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.feedback__form-buttons{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
}
.feedback__bg{
	display: flex;
	align-items: center;
}
.feedback__bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.feedback__bg{
	position: absolute;
	inset: 0;
	z-index: -1;
}
.feedback__bg::after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),;
	z-index: 1;
}
.feedback__title,
.feedback__name,
.feedback__descr{
	color: #fff;
}
.feedback__name{
	margin-top: 35px;
	max-width: 570px;
}
.feedback__descr{
	margin-top: 25px;
	max-width: 525px;
}

@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.feedback{
		padding: 100px 0;
	}
}
@media (max-width: 768px) {
	.feedback__inner{
		flex-direction: column;
	}
	.feedback__descr,
	.feedback__name{
		margin-top: 30px;
	}
}
@media (max-width: 480px) {
	.feedback{
		padding: 80px 0;
	}
	.feedback__form-buttons{
		flex-direction: column;
	}
	.feedback__form-btn{
		max-width: 100%;
	}
}
/* footer */
.footer{
	padding-top: 104px;
	overflow: hidden;
	background: #18181A;
	position: relative;
	z-index: 1;
}
.footer__inner{
	position: relative;
	z-index: 2;
}
.footer__top{
	display: flex;
	align-items: start;
	gap: 70px;
}
.footer__start{
	width: 100%;
	max-width: 364px;
}
.footer__logo{
	display: flex;
	align-items: center;
	max-width: 190px;
	width: 100%;
}
.footer__logo img{
	width: 100%;
}
.footer__descr{
	margin-top: 19px;
	margin-left: 8px;
	color: #797979;
	font-size: 14px;
	line-height: 120%;
}
.footer__content{
	width: 100%;
	max-width: 703px;
}
.footer__name{
	color: #A78C6A;
	font-size: 24px;
	font-weight: 500;
	line-height: 120%;
	text-transform: uppercase;
}
.footer__block{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px 30px;
	margin-top: 40px;
}
.footer__item-descr{
	display: flex;
	align-items: center;
	gap: 20px;
	color: #fff;
	line-height: 120%; 
}
.footer__item-descr:first-child{
	font-size: 20px;
}
.footer__item-adress{
	align-items: start;
	grid-row: span 2;
}
.footer__item-mail{
	order: 1;
}
.footer__bottom{
	margin-top: 100px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 40px 0 47px;
}
.footer__bottom::before{
	content: '';
	position: absolute;
	top: 0;
	left: -100vw;
	right: -100vw;
	height: 1px;
	background-color: #414141;
}
.footer__bottom-descr{
	color: #797979;
	font-size: 12px;
	line-height: 120%;
}
.footer__bottom-descr a:not(:hover){
	text-decoration: underline;
}

@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.footer__block{
		grid-template-columns: 1fr;
	}
	.footer__item-adress {
		align-items: start;
		grid-row: auto;
		order: 1;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 480px) {
	.footer{
		padding-top: 80px;
	}
	.footer__top{
		flex-direction: column;
	}
	.footer__bottom{
		margin-top: 60px;
		flex-direction: column;
	}
}

/* Popup Overlay */
.popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(5px);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.popup-overlay.active {
	opacity: 1;
	visibility: visible;
	overflow: auto;
}
.popup-wrapper {
	position: relative;
	background: #18181A;
	border-radius: 30px;
	overflow: hidden;
	width: 100%;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
/* Popup Container */
.popup-container {
	max-width: 600px;
	width: 90%;
	max-height: 90vh;
	position: relative;
	transform: translateY(50px) scale(0.9);
	transition: all 0.3s ease;
}

.popup-overlay.active .popup-container {
	transform: translateY(0) scale(1);
}

/* Popup Header */
.popup-header {
	color: white;
	padding: 70px 70px 20px 70px;
	position: relative;
	text-align: center;
}

.popup-title {
	font-size: 32px;
	font-weight: 600;
	margin: 0 0 10px 0;
	line-height: 1.3;
	color: #fff;
}

.popup-subtitle {
	font-size: 16px;
	opacity: 0.8;
	margin: 0;
	font-weight: 400;
	color: #fff;
}

.popup-close {
	position: absolute;
	top: -40px;
	right: -40px;
	border: none;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: white;
	transition: all 0.3s ease;
}

.popup-close:hover {
	transform: rotate(90deg);
}

/* Popup Content */
.popup-content {
	padding: 20px 70px 70px 70px;
}

.feedback__form-box {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

/* Form Styles - в стиле футера */
.popup-form .wpcf7-form {
	display: block;
}

.popup-form .wpcf7-form p {
	margin: 0 0 30px 0;
	position: relative;
}

.popup-form .feedback__form-input,
.popup-form .wpcf7-form-control {
	width: 100%;
	padding: 15px 0;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	background: transparent;
	font-size: 16px;
	color: #fff;
	transition: all 0.3s ease;
	box-sizing: border-box;
	outline: none;
}

.popup-form .feedback__form-input:focus,
.popup-form .wpcf7-form-control:focus {
	border-bottom-color: #A78C6A;
}

.popup-form .feedback__form-input::placeholder,
.popup-form .wpcf7-form-control::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

/* Floating labels effect */
.popup-form .wpcf7-form-control-wrap {
	position: relative;
	display: block;
}

.popup-form .wpcf7-form-control-wrap::before {
	content: attr(data-label);
	position: absolute;
	left: 0;
	top: 15px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 16px;
	transition: all 0.3s ease;
	pointer-events: none;
}

.popup-form .wpcf7-form-control:focus + .wpcf7-form-control-wrap::before,
.popup-form .wpcf7-form-control:not(:placeholder-shown) + .wpcf7-form-control-wrap::before {
	top: -5px;
	font-size: 12px;
	color: #A78C6A;
}

/* Textarea specific */
.popup-form textarea.wpcf7-form-control {
	min-height: 60px;
	resize: vertical;
}

/* Form Buttons */
.popup-form .feedback__form-buttons {
	display: flex;
	gap: 20px;
	margin-top: 40px;
}

.wpcf7-spinner {
	display: none !important;
}

.popup-form .feedback__form-btn,
.popup-form .wpcf7-submit {
	flex: 1;
	padding: 18px 20px;
	background: #A78C6A;
	color: #fff;
	border: none;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.popup-form .feedback__form-btn:hover,
.popup-form .wpcf7-submit:hover {
	background: #8B7355;
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(167, 140, 106, 0.3);
}

.popup-form .feedback__form-btn:active,
.popup-form .wpcf7-submit:active {
	transform: translateY(0);
}

/* CF7 Success/Error Messages */
.popup-form .wpcf7-mail-sent-ok {
	background: rgba(76, 175, 80, 0.2);
	border: 1px solid #4CAF50;
	padding: 20px;
	margin: 20px 0;
	color: #4CAF50;
	text-align: center;
	font-weight: 500;
}

.popup-form .wpcf7-validation-errors {
	background: rgba(244, 67, 54, 0.2);
	border: 1px solid #F44336;
	padding: 20px;
	margin: 20px 0;
	color: #F44336;
	text-align: center;
	font-weight: 500;
}

.popup-form .wpcf7-not-valid {
	border-bottom-color: #F44336 !important;
}

.popup-form .wpcf7-not-valid-tip {
	color: #F44336;
	font-size: 12px;
	margin-top: 5px;
}

/* Loading State */
.popup-form .feedback__form-btn.processing,
.popup-form .wpcf7-submit.processing {
	opacity: 0.7;
	pointer-events: none;
}

.popup-form .feedback__form-btn.processing::after,
.popup-form .wpcf7-submit.processing::after {
	content: '';
	width: 20px;
	height: 20px;
	border: 2px solid transparent;
	border-top-color: #ffffff;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-left: 10px;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

/* Mobile Responsive */
@media (max-width: 768px) {
	.popup-container {
		width: 95%;
		margin: 20px;
		max-height: calc(100vh - 40px);
	}
	.popup-wrapper {
		border-radius: 20px;
	}
	.popup-header {
		padding: 30px 20px 15px 20px;
	}

	.popup-title {
		font-size: 24px;
	}

	.popup-subtitle {
		font-size: 14px;
	}

	.popup-content {
		padding: 15px 20px 30px 20px;
	}

	.popup-form .feedback__form-buttons {
		flex-direction: column;
		gap: 15px;
	}

	.popup-form .feedback__form-btn,
	.popup-form .wpcf7-submit {
		width: 100%;
		padding: 15px 20px;
		font-size: 14px;
	}

	.popup-close {
		right: 0;
	}
}

/* Animation Classes */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


.whatsapp-button {
	position: fixed;
	right: 13px;
	bottom: 90px;
	transform: translate(-50%, -50%);
	background: #25D366; /*цвет кнопки*/
	border-radius: 50%;
	width: 55px; /*ширина кнопки*/
	height: 55px; /*высота кнопки*/
	color: #fff;
	text-align: center;
	line-height: 53px; /*центровка иконки в кнопке*/
	font-size: 35px; /*размер иконки*/
	z-index: 9998;
}
.whatsapp-button a {
	color: #fff;
}
.whatsapp-button:before,
.whatsapp-button:after {
	content: " ";
	display: block;
	position: absolute;
	border: 50%;
	border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/
	left: -20px;
	right: -20px;
	top: -20px;
	bottom: -20px;
	border-radius: 50%;
	animation: animate 1.5s linear infinite;
	opacity: 0;
	backface-visibility: hidden; 
}

.whatsapp-button:after{
	animation-delay: .5s;
}

@keyframes animate
{
	0%
	{
		transform: scale(0.5);
		opacity: 0;
	}
	50%
	{
		opacity: 1;
	}
	100%
	{
		transform: scale(1.2);
		opacity: 0;
	}
}
@media (max-width : 1024px) {  
	.whatsapp-button {   
		bottom: 70px; /*отступ кнопки снизу от экрана*/
	}
}

.popup-content {
	animation: fadeInUp 0.5s ease-out 0.2s both;
}

.wpcf7 form .wpcf7-response-output {
	color: #fff;
}