/* =========================================
3 SIMPLE STEPS
========================================= */
.steps { background: var(--color-gray-200); position: relative; }
.steps-grid { display: flex; justify-content: end; }
.steps__media { position: absolute; left: 0; right: 57%; overflow: hidden; height: 100%; }
.steps__media img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.steps__panel { display: flex; align-items: center; padding: 72px 64px; padding-right: 0; width: 58%; }
.steps__panel-inner { width: 100%; }
.steps__eyebrow { color: var(--color-primary); }
.steps__title { color: var(--color-white); margin-bottom: 28px; }
.steps__list { display: flex; flex-direction: column; gap: 44px; margin-bottom: 40px; padding: 0; list-style: none; }
.steps__item { display: flex; gap: 20px; align-items: flex-start; }
.steps__number { flex-shrink: 0; width: 52px; height: 52px; border-radius: 50%; background: var(--color-primary); color: var(--color-gray-200); font-weight: 900; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.steps__item-title { color: var(--color-white); font-size: 24px; font-weight: 500; margin-bottom: 4px; }
.steps__item-text { color: #C9C9C2; font-size: 18px; }
.steps__actions { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; }
.steps__phone { color: var(--color-primary); font-weight: 800; font-size: 24px; text-decoration: none; }
.steps__phone:hover { color: var(--color-white); }

@media (max-width: 1199px) {
	.steps-grid { flex-direction: column; justify-content: center; }
	.steps__media { position: static; margin: 0 -20px; }
	.steps__panel { padding: 60px 0; width: 100%; }
}

@media (max-width: 767px) {
	.steps__item-title { font-size: 21px; }
	.steps__actions { justify-content: center; }
}