.flex-layout.steps_swiper {
}

.flex-layout.steps_swiper .header-row {
    margin-bottom: max(3rem, calc(3 * var(--su)));
}

.flex-layout.steps_swiper .steps-swiper {
    width: 100%;
}

.flex-layout.steps_swiper .swiper-slide {
    height: auto;
}

.flex-layout.steps_swiper .swiper-slide .step-block {
    height: 100%;
    aspect-ratio: 1;
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: max(1rem, calc(1 * var(--su)));
	/* justify-content: space-between; */
	padding: max(1.5rem, calc(2 * var(--su)));
	outline: 1px solid var(--cbw-deep-pine-10);
	outline-offset: -1px;
	background-color: var(--cbw-white-100);
	border-radius: 1.5rem;
	text-decoration: none;
    overflow: hidden;
	transition: .2s ease-in-out background-color, .2s ease-in-out transform, .2s ease-in-out outline-color;
}

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

.flex-layout.steps_swiper .swiper-slide .step-block .counter {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--scaling-body-xs-normal);
    border-radius: 50%;
    width: max(1.5rem, calc(2 * var(--su)));
    height: auto;
    aspect-ratio: 1;
    flex-shrink: 0;
    color: var(--cbw-deep-pine-40);
    outline: 1px solid var(--cbw-deep-pine-10);
	outline-offset: -1px;
}

.flex-layout.steps_swiper .swiper-slide .step-block .text {
    font-size: var(--scaling-body-s-normal);
}

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

	

}

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

	.review-block {
        border-radius: 1rem;
    }

}