.home-hero-block {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom;
	background-image:url(../img/background-hero.svg);
	padding:clamp(40px, 21.54px + 5.13vw, 120px) 0 clamp(20px, 10.77px + 2.56vw, 60px) 0;
}

.home-hero-block-wrap {
	min-height:600px;
	display:flex;
}

.home-hero-block-item {
	max-width:50%;
	flex:1 0 50%;
}

.home-hero-block-item h1 {
	font-size:clamp(25px, 21.77px + 0.90vw, 39px);
	font-weight:900;
	text-transform:uppercase;
	max-width:730px;
	width:100%;
	padding:0 0 14px 0;
}

.home-hero-block-item h1 span {
	color:#F7CE46;
}

.home-hero-block-item p {
font-weight: 700;
font-size: 23px;
	margin:0 0 30px 0;
}

.home-hero-block-item-btn {
	padding:clamp(10px, 7.69px + 0.64vw, 20px) clamp(12px, 9.00px + 0.83vw, 25px);
	font-weight:700;
	font-size:18px;
	background:#FFCC00;
	border:3px solid #FFCC00;
	border-radius:5px;
	display:inline-block;
	transition:all 0.5s ease;
}

.home-hero-block-item-btn:hover {
	background:transparent;
}

.home-hero-block-list {
	display:flex;
	flex-direction:column;
	gap:18px;
}

.home-hero-block-list-item {
	max-width:500px;
	width:100%;
	min-height:60px;
	display:flex;
	align-items:center;
	gap:15px;
	padding:0 25px;
	background: #FFFFFF;
	border: 2.07065px solid #F7CE46;
	box-shadow: 3.45109px 2.76087px 13.8043px rgba(0, 0, 0, 0.25);
	font-size:clamp(15px, 14.08px + 0.26vw, 19px);
	font-weight:700;
}

.home-hero-block-list-item span {
	display:block;
	width:10px;
	height:10px;
	background:#F7CE46;
	border-radius:50%;
}

.block-uslugi {
	padding:clamp(40px, 21.54px + 5.13vw, 120px) 0 clamp(20px, 10.77px + 2.56vw, 60px) 0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-image:url(/wp-content/uploads/2026/04/bagraund_new-scaled-1.webp);
}

.block-uslugi-title {
	font-size:clamp(25px, 23.38px + 0.45vw, 32px);
	font-weight:600;
	padding:0 0 20px 0;
}

.block-uslugi-title span {
	color:#F7CE46;
}

.uslugi-list {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(min(590px, 100%), 1fr));
	gap:20px;
}

.uslugi-item {
	display:flex;
	align-items:center;
	background:#fff;
	border-radius:8px;
	min-height:200px;
	overflow:hidden;
	transition:transform 0.3s ease, box-shadow 0.3s ease;
}

.uslugi-item-right {
	position:relative;
	max-width:280px;
	flex:1 0 280px;
	overflow:hidden;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}

.uslugi-item-right::before {
	content:"";
	position:absolute;
	inset:0;
	background:rgba(0, 0, 0, 0.35);
	opacity:0;
	transition:opacity 0.9s ease;
	z-index:1;
	pointer-events:none;
}

.uslugi-item-right img {
	display:block;
	width:100%;
	height:200px;
	object-fit:cover;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	transform:scale(1);
	transition:transform 0.9s ease;
}

.uslugi-item-left {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	flex:1;
}

.uslugi-item-left span {
	display:block;
	font-weight:600;
	text-align:center;
}

.uslugi-item-left-btn {
	padding:10px 15px;
	border:2px solid #FFCC00;
	border-radius:8px;
	font-size:18px;
	font-weight:500;
	margin:15px 0;
	transition:all 0.5s ease;
}

.uslugi-item-left-btn:hover {
	background:#FFCC00;
}

.uslugi-item:hover .uslugi-item-right::before {
	opacity:1;
}

.uslugi-item:hover .uslugi-item-right img {
	transform:scale(1.08);
}

.uslugi-item:hover {
	transform:translateY(-4px);
	box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.block-waste {
	padding:clamp(20px, 10.77px + 2.56vw, 60px) 0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-image:url(/wp-content/uploads/2026/04/bagraund_11-scaled-1.webp);
}

.block-waste-title {
	color:#fff;
	font-weight:600;
	font-size:clamp(25px, 18.08px + 1.92vw, 55px);
	text-align:center;
}

.block-waste-description {
	max-width:780px;
	width:100%;
	margin:0 auto;
	color:#fff;
	text-align:center;
	padding:15px 0 0 0;
}

.block-waste-list {
	padding:30px 0 0 0;
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(min(590px, 100%), 1fr));
	gap:20px;
}

.block-waste-item {
	border:1px solid #FFCC00;
	border-radius:8px;
	padding:clamp(14px, 11.69px + 0.64vw, 24px);
}

.block-waste-item-title {
	font-size:clamp(25px, 23.38px + 0.45vw, 32px);
	color:#FFCC00;
	text-align:center;
	padding:0 0 15px 0;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
}

.block-waste-item-title span {
	display:block;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' role='img' class='iconify iconify--emojione' preserveAspectRatio='xMidYMid meet'%3E%3Cg fill='%23FFCC00'%3E%3Cpath d='M38.4 25.3c1.3-.9 2.3-2.1 3.1-3.5c-2.7-1.9-6-3-9.5-3s-6.8 1.1-9.5 3c.8 1.4 1.8 2.6 3.1 3.5c1.9-1.2 4.1-1.9 6.4-1.9s4.6.7 6.4 1.9'%3E%3C/path%3E%3Cpath d='M48.5 34.1c-1.6 0-3.2.3-4.6 1v.3c0 4.6-2.5 8.5-6.3 10.6c.2 1.6.6 3.1 1.4 4.5c5.6-2.7 9.5-8.4 9.5-15.1c.1-.4.1-.9 0-1.3'%3E%3C/path%3E%3Cpath d='M20 35.4v-.3c-1.4-.6-3-1-4.6-.9v1.3c0 6.7 3.9 12.4 9.5 15.1c.8-1.4 1.3-2.9 1.5-4.5C22.6 44 20 40 20 35.4'%3E%3C/path%3E%3Cpath d='M8.8 34c5.9-3.4 13.4-1.7 17.1 3.8l2.3-1.3c-.1-.4-.2-.7-.2-1.1c0-1.9 1.3-3.4 3-3.8V29c-6.7-.5-12-6.1-12-13c0-5.3 3.1-9.9 7.6-11.9c-6.7 2.2-11.5 8.6-11.5 16c0 2.3.4 4.4 1.2 6.4c-2.1.3-4.1 1-6.1 2.1c-6.4 3.7-9.5 11.1-8 18.1c-.3-5 2.1-10 6.6-12.7'%3E%3C/path%3E%3Cpath d='M62 43.3c.1-5.9-3-11.6-8.4-14.8c-1.9-1.1-4-1.8-6.1-2.1c.8-2 1.2-4.1 1.2-6.4c0-7.5-4.8-13.8-11.5-16c4.5 2 7.6 6.6 7.6 11.9c0 6.9-5.3 12.5-12 13v2.6c1.7.4 3 2 3 3.8c0 .4-.1.8-.2 1.2l2.3 1.3c3.7-5.6 11.2-7.3 17.2-3.9c4.1 2.4 6.5 6.7 6.5 11.2c0 .5 0 .9-.1 1.4c.4-1 .5-2.1.5-3.2'%3E%3C/path%3E%3Cpath d='M42.4 56.3c-4.2-2.4-6.5-6.8-6.5-11.3c0-1.9.4-3.9 1.3-5.7L34.9 38c-.7.8-1.7 1.2-2.9 1.2c-1.1 0-2.2-.5-2.9-1.3l-2.3 1.3c3 6.1.8 13.5-5.2 17c-4.6 2.7-10 2.2-14-.6c5.3 4.7 13.1 5.8 19.6 2c1.9-1.1 3.5-2.5 4.8-4.2c1.3 1.7 2.9 3.1 4.8 4.2c6.4 3.7 14.3 2.7 19.6-2c-4 3-9.5 3.4-14 .7'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.block-waste-item-des {
	color:#fff;
	font-size:clamp(18px, 17.08px + 0.26vw, 22px);
	display:flex;
	flex-direction:column;
	gap:15px;
}

.block-waste-item-des p {
	margin:0;
}

.block-waste-btn {
	max-width:360px;
	width:100%;
	min-height:60px;
	border:2px solid #FFCC00;
	border-radius:8px;
	background:#FFCC00;
	color:#141414;
	font-size:18px;
	font-weight:700;
	margin:30px auto 0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
}

.block-content {
	padding:60px 0;
	background:#FBFBFB;
}

.block-content-des h2 {
	font-size:clamp(25px, 23.38px + 0.45vw, 32px);
	font-weight:600;
	padding:0 0 20px 0;
}

.block-content-des-img {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.block-content-des {
	font-size:clamp(18px, 16.38px + 0.45vw, 25px);
}

.block-content-des p {
	margin:0 0 15px 0;
}

.block-content-img img {
	width:100%;
	height:75%;
}

.block-advantages {
	padding:60px 0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom;
	background-image:url(/wp-content/uploads/2026/04/bagraund_2-scaled-1.webp);	
}

.block-advantages-title {
	font-size: clamp(25px, 23.38px + 0.45vw, 32px);
	font-weight: 600;
	padding: 0 0 20px 0;
}

.block-advantages-title span {
	color:#F7CE46;
}

.block-advantages-list {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(min(290px, 100%), 1fr));
	gap:20px;
}

.block-advantages-item {
	padding:14px;
	background:#fff;
	border-radius:8px;
	box-shadow:0 10px 30px rgba(0,0,0,0.08);
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	font-size:18px;
	font-weight:600;
	text-align:center;
}

.block-faq {
	padding:60px 0 0 0;
}

.block-faq-title {
	font-size: clamp(23px, 20.92px + 0.58vw, 32px);
	font-weight: 600;
	padding: 0 0 20px 0;
}

.block-faq-title span {
	color:#F7CE46;
}

.block-faq-list {
	display:flex;
	flex-direction:column;
	gap:10px;
}

.block-faq-item {
	background:#fff;
	border-radius:8px;
	box-shadow:0 10px 30px rgba(0,0,0,0.08);
	padding:14px;
	display:flex;
	flex-direction:column;
}

.block-faq-question {
	min-height:40px;
	font-size:clamp(15px, 13.85px + 0.32vw, 20px);
	font-weight:500;
	display:flex;
	justify-content:space-between;
	align-items:center;
	cursor:pointer;
}

.block-faq-question span {
	display:block;
	width:clamp(18px, 16.62px + 0.38vw, 24px);
	height:clamp(18px, 16.62px + 0.38vw, 24px);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
	transition:transform 0.5s ease;
}

.block-faq-item.faq-active .block-faq-question span {
	transform:rotate(0.5turn);
}

.block-faq-answer {
	max-width:80%;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
	font-size:clamp(14px, 13.08px + 0.26vw, 18px);
	line-height:clamp(20px, 17.69px + 0.64vw, 30px);
	font-weight:400;
}

.block-faq-item.faq-active .block-faq-answer {
	max-height: 500px;
	transition: max-height 0.5s ease-in;
}

.block-form {
	padding:clamp(20px, 10.77px + 2.56vw, 60px) 0 0 0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-image: url(/wp-content/uploads/2026/04/bagraund_3-scaled.png);
	position:relative;
}

.block-form-decor {
	display:block;
	height:400px;
	position:absolute;
	right: clamp(272px, calc(-523px + 49.6875vw), 431px);
	bottom:0;
	z-index:2;
}

.block-form-title {
	color: #fff;
	font-weight: 600;
	font-size: clamp(25px, 18.08px + 1.92vw, 55px);
	text-align: center;	
	padding:0 0 30px 0;
}

.block-form-list {
	/* display:flex; */
	/* position:relative; */
	/* overflow:hidden; */
}

.block-form-item:nth-child(1) {
	max-width:695px;
	/* flex:1 0 70%; */
	/* border-radius:8px; */
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	/* border:3px solid #F7CE46; */
	border-top:3px solid #F7CE46;
	border-left:3px solid #F7CE46;
	border-right:3px solid #F7CE46;
	padding:16px;
	margin:0 auto;
	box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.cf7-wrap-custom-ft {
	display:flex;
	gap:15px;
	padding-bottom:15px;
}

.block-form-item p {
	margin:0;
}

.block-form-item br {
	display:none !important;
}

.cf7-wrap-custom p {
	display:flex;
	gap:15px;
	flex-direction:column;
}

.field-input {
	display:block;
	width:100%;
	height:45px;
	box-sizing:border-box;
	padding:15px;
	border:1px solid #f1f1f1;
	border-radius:8px;
}

.field-input-text {
	display:block;
	width:100%;
	height:165px;
	box-sizing:border-box;
	padding:15px;
	border:1px solid #f1f1f1;
	border-radius:8px;	
}

.wpcf7-list-item {
	margin:0;
}

.wpcf7-list-item-label,
.wpcf7-list-item-label a {
	color:#fff;
}

.wpcf7-spinner {
	position:absolute;
	top:0;
}

.field-input-btn {
	height:50px;
	border:2px solid #F7CE46;
	background:#F7CE46;
	color:#141414;
	font-size:14px;
	text-transform:uppercase;
	font-weight:600;
	border-radius:8px;
	transition:all 0.5s ease;
	position:relative;
	z-index:3;
}

.field-input-btn:hover {
	background:transparent;
	color:#fff;
}

.hidden-file {
	display: none;
}

.upload-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	padding: 12px 18px;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 16px;
	font-weight:600;
	line-height: 1;
	background: #fff;
	color:#141414;
}

.upload-icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm3.75 11.625a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z' /%3E%3C/svg%3E%0A");
}

@media (max-width: 768px) {	
	.home-hero-block-wrap,
	.cf7-wrap-custom-ft {
		flex-direction:column;
	}
	
	.home-hero-block-item {
		max-width:100%;
		flex:1 0 100%;
	}
	
	.uslugi-list {
		display:flex;
		overflow:auto;
	}
	
	.uslugi-item {
		flex-direction:column;
		flex:1 0 80%;
	}
	
	.uslugi-item-right {
		flex:auto;
	}
	
	.block-form-decor {
		display:none;
	}
	
	.block-form {
		padding-bottom:20px;
	}
	
	.block-form-item:nth-child(1) {
		border-bottom:3px solid #F7CE46;
		border-bottom-left-radius:8px;
		border-bottom-right-radius:8px;
	}
	
	.block-faq-answer {
		max-width:100%;
	}
	
	.block-faq-title span,
	.block-advantages-title span {
		display:block;
	}
	
	.block-content-img {
		display:none;
	}
	
	.block-uslugi-wrap.site-main,
	.block-advantages-wrap.site-main {
		padding:0 0 0 10px;
	}
	
	.block-advantages-list {
		display:flex;
		overflow:auto;
	}
	
	.block-advantages-item {
		flex:1 0 80%;
	}
}