.steps article {
	isolation: isolate;
	min-height: 210px;
	padding: 1.5rem;
	border-top-color: rgba(8, 122, 87, .28);
}

.steps article::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	content: "";
	background: linear-gradient(145deg, rgba(8, 122, 87, .045), rgba(223, 246, 237, .16) 65%, transparent);
	border-radius: 0 0 18px 18px;
}

.steps article > span {
	top: -.9rem;
	right: .35rem;
	font-size: clamp(6.2rem, 9vw, 8.4rem);
	font-weight: 950;
	line-height: 1;
	letter-spacing: -.1em;
	opacity: .14;
	user-select: none;
}

.steps article h3 {
	margin-top: 4.6rem;
}

@media (max-width: 900px) {
	.steps article {
		min-height: 190px;
	}

	.steps article > span {
		font-size: clamp(6rem, 18vw, 8rem);
	}
}

@media (max-width: 600px) {
	.steps article {
		min-height: 165px;
		padding: 1.15rem;
	}

	.steps article > span {
		top: -.5rem;
		font-size: 6rem;
		opacity: .12;
	}

	.steps article h3 {
		margin-top: 3.5rem;
	}
}