.wroclaw-how {
	h2 {
		margin-bottom: 56px;
	}

	.steps {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 24px;
	}

	.step {
		position: relative;
		padding-top: 24px;
		border-top: 2px solid var(--brown-50);

		.number {
			display: block;
			margin-bottom: 16px;
			font-size: 40px;
			font-weight: 500;
			color: var(--brown-400);
		}

		h5 {
			margin-bottom: 8px;
		}
	}

	@media (max-width: 1199px) {
		h2 {
			margin-bottom: 40px;
		}

		.steps {
			grid-template-columns: repeat(2, 1fr);
			gap: 32px 24px;
		}
	}

	@media (max-width: 767px) {
		.steps {
			grid-template-columns: 1fr;
			gap: 24px;
		}
	}
}