.steps_swiper-layout {
	padding-block: var(--pk-row-spacing);
	background-color: var(--odnhn-lila);
}

.steps_swiper-layout .swiper-slide.step-block {
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: max(2rem, calc(3 * var(--su)));
	padding: max(1.5rem, calc(2.5 * var(--su)));
	background-color: var(--odnhn-lime);
	color: var(--odnhn-white-100);
	border-radius: var(--general-border-radius);
}

.steps_swiper-layout .swiper-slide.step-block .number {
	font-size: max(.75rem, calc(.75 * var(--su)));
	padding: max(.25rem, calc(.5 * var(--su)));
	border-radius: 50%;
	height: 100%;
	aspect-ratio: 1;
	width: max(2.5rem, calc(2.5 * var(--su)));
	background-color: var(--odnhn-white-100);
	color: var(--odnhn-black-100);
	display: flex;
	justify-content: center;
	align-items: center;
}

.steps_swiper-layout .swiper-slide.step-block .up {
	display: flex;
	flex-direction: column;
	gap: max(1rem, calc(1 * var(--su)));
}

.steps_swiper-layout .swiper-slide.step-block h3 {
	color: var(--odnhn-white-100);
}

.steps_swiper-layout .swiper-slide.step-block .text {
	font-weight: 400;
}

@media screen and (min-width: 993px) {
	
	
}


@media screen and (max-width: 992px) {
	
	
}



@media screen and (max-width: 768px) {
	

}