/* Шаги процедуры: слайдер 1 / 2 / 3 */

.steps .slider-nav--mobile { margin-top: 15px; }

.steps__card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	height: 100%;
	padding: 20px;
	background: var(--c-white);
	border-radius: 10px;
}

.steps__media {
	border-radius: 8px;
	overflow: hidden;
	aspect-ratio: 303 / 147;
}

.steps__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.steps__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.steps__title { color: var(--c-black); }

@media (min-width: 768px) {
	.steps__media {
		aspect-ratio: 387 / 178;
		border-radius: 10px;
	}
}

@media (min-width: 1200px) {
	.steps__card { gap: 25px; }
	.steps__body { gap: 15px; }
}