/* Steps in a row (patterns/kit-steps.php). Numbers and the connecting line come from CSS. */
.sp-kit-steps .sp-kit-steps__grid { counter-reset: sp-step; gap: 32px; }
@media (min-width: 1024px) {
	.sp-kit-steps .sp-kit-steps__grid { gap: 40px; }
}
.sp-kit-steps .sp-kit-steps__step { counter-increment: sp-step; position: relative; padding-top: 72px; }
.sp-kit-steps .sp-kit-steps__step::before {
	content: counter(sp-step, decimal-leading-zero);
	position: absolute;
	top: 0;
	left: 0;
	font-size: 48px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: -0.025em;
	color: var(--kit-accent);
}
.sp-kit-steps:not(.is-style-sp-yellow):not(.is-style-sp-blue):not(.is-style-sp-dark) .sp-kit-steps__step::before { color: var(--wp--preset--color--primary-dark); }
.sp-kit-steps .sp-kit-steps__step::after {
	content: "";
	position: absolute;
	top: 60px;
	left: 0;
	right: -40px;
	height: 1px;
	background: var(--kit-line);
}
.sp-kit-steps .sp-kit-steps__step:last-child::after { right: 0; }
.sp-kit-steps .sp-kit-steps__title { margin-top: 20px; font-size: var(--wp--preset--font-size--x-large); line-height: 1.3; font-weight: 500; letter-spacing: -0.025em; }
.sp-kit-steps .sp-kit-steps__text { margin-top: 12px; font-family: var(--wp--preset--font-family--poppins); font-size: var(--wp--preset--font-size--small); line-height: 1.625; color: var(--kit-text); }