.benefits {
	padding: calc(80px - 10px) 0px calc(80px - 10px) 0px;
}
.about-business-section:has(+ .benefits), 
.about-info-section:has(+ .benefits), 
.articles-slider-section:has(+ .benefits), 
.calculator-section:has(+ .benefits), 
.categories:has(+ .benefits), 
.faq-section:has(+ .benefits), 
.photos-section:has(+ .benefits), 
.promo:has(+ .benefits), 
.rassrochka-condition-section:has(+ .benefits), 
.rassrochka-steps-section:has(+ .benefits), 
.reviews-section:has(+ .benefits) {
	padding-bottom: 0px;
}
.buildings-sizes-section + .benefits, 
.buildings-slider-section + .benefits, 
.certificates-section + .benefits, 
.features-section + .benefits, 
.prices-typical + .benefits, 
.products-section + .benefits, 
.promos-section + .benefits, 
.team-section + .benefits, 
.text-section + .benefits, 
.page + .benefits {
	border-top: 1px solid var(--color-gray-05);
}
.benefits:has(+ .text-section), 
.benefits:has(+ .calculator-section) {
	border-bottom: 1px solid var(--color-gray-05);
}
.benefits__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 35.325px;
}
.benefits__items.--cols-3 {
	grid-template-columns: repeat(3, 1fr);
}
.benefits__item {
	display: flex;
	gap: 20px;
}
.benefits__item-img {
	flex: 0 0 40px;
	width: 40px;
}
.benefits__item-img img {
	width: 100%;
	height: auto;
}
.benefits__item-content-title {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
}
.benefits__item-content-text {
	font-size: 15px;
	line-height: 22px;
	color: var(--color-gray-13);
	margin-top: calc(15px - 3px);
}
@media (max-width: 1240px) {
	.benefits__items {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 768px) {
	.benefits {
		padding: 50px 0px 50px 0px;
	}
	.page:has(.rassrochka-benefit) + .benefits, 
	.promos-section + .benefits {
		padding-top: 0px !important;
		border-top: none !important;
	}
	.benefits__items {
		grid-template-columns: 1fr !important;
		gap: 30px;
	}
}
@media (min-width: 550px) and (max-width: 768px) {
	.benefits__item-content-title br, 
	.benefits__item-content-text br {
		display: none;
	}
}
@media (max-width: 549px) {
	.benefits {
		padding: 40px 0px 40px 0px;
	}
	.benefits__items {
		gap: 25px;
	}
}