.photos-section {
	padding: 80px 0px 80px 0px;
}
.about-business-section + .photos-section, 
.about-info-section + .photos-section, 
.articles-slider-section + .photos-section, 
.benefits + .photos-section, 
.buildings-sizes-section + .photos-section, 
.buildings-slider-section + .photos-section, 
.calculator-section + .photos-section, 
.categories + .photos-section, 
.certificates-section + .photos-section, 
.faq-section + .photos-section, 
.features-section + .photos-section, 
.prices-typical + .photos-section, 
.products-section + .photos-section, 
.promos-section + .photos-section, 
.promo + .photos-section, 
.rassrochka-condition-section + .photos-section, 
.rassrochka-steps-section + .photos-section, 
.reviews-section + .photos-section, 
.team-section + .photos-section, 
.text-section + .photos-section, 
.page + .photos-section {
	padding-top: 0px;
}
.photos-section:has(+ .about-info-section) {
	border-bottom: 1px solid var(--color-gray-05);
}
.photos {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 30.8px;
}
.photos-item {
	font-size: 0px;
	line-height: 0px;
}
.photos-item a {
	display: flex;
	width: 100%;
	padding-top: 100%;
	position: relative;
	text-decoration: none;
	border-radius: 16px;
	overflow: hidden;
	background: var(--color-gray-05);
}
.photos-item a:hover, 
.photos-item a:active {
	text-decoration: none;
}
.photos-item a::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(var(--color-black-rgb), 0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	transition: var(--transition);
}
.photos-item a:hover::before {
	text-decoration: none;
	background: rgba(var(--color-black-rgb), .5);
}
.photos-item img {
	display: block;
	margin: 0px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
	z-index: 10;
}
@media (max-width: 1500px) {
	.photos {
		gap: 30px;
	}
}
@media (max-width: 1240px) {
	.photos {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 768px) {
	.photos-section {
		padding: 50px 0px 50px 0px;
	}
}
@media (max-width: 549px) {
	.photos-section {
		padding: 40px 0px 40px 0px;
	}
	.photos {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}
}