/* Стили для секций с фоновыми изображениями */
.hero {
	background-image: url("img/ZMlXKF.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.hero::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(46, 41, 78, 0.7);
	z-index: 1;
}

.hero-content {
	position: relative;
	z-index: 2;
}

.hero h1,
.hero p {
	color: white;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.testimonials {
	background-image: url("img/TVJ9hG.jpg");
	background-size: cover;
	background-position: center;
	position: relative;
}

.testimonials::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(46, 41, 78, 0.9);
	z-index: 1;
}

.testimonials .container {
	position: relative;
	z-index: 2;
}

.how-we-work {
	background-image: url("img/v1Pp3p.jpg");
	background-size: cover;
	background-position: center;
	position: relative;
}

.how-we-work::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(28, 28, 30, 0.8);
	z-index: 1;
}

.how-we-work .container {
	position: relative;
	z-index: 2;
}

.how-we-work h2,
.how-we-work h3,
.how-we-work p,
.how-we-work li {
	color: white;
}