.slider-steps {
	text-align: center;
}

.slider-steps .slider__slides {
	box-sizing: border-box;
}

.slider-steps .slider__slide {
	transition-property: transform, opacity, background, border, -webkit-transform;
	transition-duration: .5s;
}

.slider-steps .slider__tag {
	position: relative;
	aspect-ratio: 1;
	width: 130px;
	max-width: 100%;
	border-radius: 50%;
	font-size: 42px;
	line-height: 1.43;
	font-weight: 700;
	margin-bottom: 37px;
	margin-inline: auto;
}

.slider-steps .slider__tag:last-child {
	margin-bottom: 0;
}

.slider-steps .slider__tag:before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	opacity: 0;
	pointer-events: none;
	transition: opacity .4s ease;
}

.slider-steps .slider__tag:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 44.44%;
	aspect-ratio: 5.33;
	background-color: #E5E5E5;
	margin-top: 21px;
	opacity: 0;
	pointer-events: none;
	transition-property: opacity;
	transition-duration: .4s;
	transition-timing-function: ease;
}

.slider-steps .slider__tag span {
	--bg-color: #002440;

	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	color: #fff;
}

.slider-steps .slider__tag span:before {
	content: attr(data-step) '.';
	z-index: 1;
	position: relative;
	transition: opacity .4s ease;
}

.slider-steps .slider__tag span:after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background-color: var(--bg-color);
	transition: opacity .4s ease;
}

.slider-steps .slider__tag span[data-step="last"]:after {
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' fill='none' viewBox='0 0 130 130'%3E%3Ccircle cx='65' cy='65' r='65' fill='%23fff'/%3E%3Cpath fill='%23FF585F' d='M73 50c-3.1 0-5.9 1.8-7.7 5-1.8-3.2-4.6-5-7.7-5-2.4 0-4.8 1-6.5 2.8-2 2-3 4.6-3 7.4 0 9.4 16.2 18.7 16.9 19 .2.2.4.2.6 0 .7-.3 17-9.6 17-19 0-2.8-1.2-5.5-3.1-7.4A9.4 9.4 0 0 0 73 50ZM80.8 103.9a1 1 0 0 1-1-.6L75.3 92a1 1 0 0 1 .5-1.3 1 1 0 0 1 1.4.5l4.6 11.3a1 1 0 0 1-.5 1.3l-.4.1ZM54 39.4a1 1 0 0 1-.9-.7l-4.5-10.9a1 1 0 0 1 .6-1.3 1 1 0 0 1 1.3.6L55 38a1 1 0 0 1-.6 1.3h-.3ZM94 95a1 1 0 0 1-.7-.3l-8.7-8.6a1 1 0 0 1 0-1.5 1 1 0 0 1 1.5 0l8.6 8.7c.5.4.5 1 0 1.4a1 1 0 0 1-.7.3ZM44.6 45.6a1 1 0 0 1-.7-.3L35.6 37a1 1 0 0 1 0-1.4 1 1 0 0 1 1.5 0l8.3 8.3c.4.4.4 1 0 1.4a1 1 0 0 1-.8.3ZM102.9 81.8h-.4L91.2 77a1 1 0 0 1-.5-1.3 1 1 0 0 1 1.3-.5l11.3 4.7c.5.2.7.8.5 1.3a1 1 0 0 1-1 .6ZM38.3 55H38l-10.8-4.5a1 1 0 0 1-.6-1.3 1 1 0 0 1 1.3-.6l10.9 4.5c.5.2.8.8.5 1.3a1 1 0 0 1-.9.7ZM106 66.2H93.8a1 1 0 0 1-1-1c0-.6.4-1 1-1H106c.6 0 1 .4 1 1 0 .5-.4 1-1 1ZM36.1 66.2H24.4a1 1 0 0 1-1-1c0-.6.4-1 1-1H36c.6 0 1 .4 1 1 0 .5-.4 1-1 1ZM85.5 45.8a1 1 0 0 1-.7-.3 1 1 0 0 1 0-1.4l8.5-8.5a1 1 0 0 1 1.5 0c.4.4.4 1 0 1.4l-8.5 8.5a1 1 0 0 1-.7.3ZM36.3 95a1 1 0 0 1-.7-.3 1 1 0 0 1 0-1.4l8.5-8.5a1 1 0 0 1 1.4 0c.4.4.4 1 0 1.5L37 94.7a1 1 0 0 1-.7.3ZM76.2 39.4H76a1 1 0 0 1-.6-1.4L80 27a1 1 0 0 1 1.3-.5c.5.3.7.8.5 1.3l-4.5 11a1 1 0 0 1-1 .6ZM49.6 103.9h-.4a1 1 0 0 1-.6-1.4l4.6-11.1a1 1 0 0 1 1.3-.6c.6.3.8.8.6 1.4l-4.6 11a1 1 0 0 1-1 .7ZM65.2 37.1a1 1 0 0 1-1-1V24.4c0-.6.4-1 1-1 .5 0 1 .4 1 1V36c0 .6-.5 1-1 1ZM65.2 107a1 1 0 0 1-1-1V93.8c0-.5.4-1 1-1 .5 0 1 .5 1 1V106c0 .6-.5 1-1 1ZM91.7 55.2a1 1 0 0 1-.4-2l11.2-4.6a1 1 0 0 1 1.3.6 1 1 0 0 1-.5 1.3L92 55l-.4.1ZM27.5 81.8a1 1 0 0 1-.4-2l11-4.5a1 1 0 1 1 .8 1.9l-11 4.5-.4.1Z'/%3E%3C/svg%3E");
}

.slider-steps .slider__tag span[data-step="last"]:before {
	display: none;
}

.slider-steps .slider__entry {
	font-size: 18px;
	line-height: 1.67;
	transition-property: opacity, transform;
	transition-duration: .4s;
	transition-timing-function: ease;
	transform-origin: top center;
}

.slider-steps .slider__entry a:not([class]) {
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.slider-steps .slider__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-top: 53px;
}

.slider-steps .slider__prev,
.slider-steps .slider__next {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border: 0;
	box-shadow: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	aspect-ratio: 1;
	color: #000;
	background-color: #fff;
	border-radius: 50%;
	transition-property: opacity, background-color;
	transition-duration: .4s;
	transition-timing-function: ease;
}

.slider-steps .slider__prev.swiper-button-disabled,
.slider-steps .slider__next.swiper-button-disabled {
	opacity: .5;
	pointer-events: none;
}

.slider-steps .slider__prev:before,
.slider-steps .slider__next:before {
	content: '';
	flex-shrink: 0;
	display: block;
	width: 53.75%;
	aspect-ratio: 1;
	background-color: currentColor;
	mask-repeat: no-repeat;
	mask-size: cover;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	-webkit-mask-position: center center;
}

.slider-steps .slider__prev:before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='none' viewBox='0 0 35 35'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M17 30 5 17.7 17 5.7M4.9 17.8h25.8'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='none' viewBox='0 0 35 35'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M17 30 5 17.7 17 5.7M4.9 17.8h25.8'/%3E%3C/svg%3E");
}

.slider-steps .slider__next:before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='none' viewBox='0 0 35 35'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18 5 30 17.3 18 29.3M30.1 17.2H4.3'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='none' viewBox='0 0 35 35'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18 5 30 17.3 18 29.3M30.1 17.2H4.3'/%3E%3C/svg%3E");
}

@media screen and (min-width: 1024px) {
	.slider-steps {
		--column-gap: 20px;
	}

	.slider-steps .slider__slides {
		width: auto;
		margin-inline: calc(var(--column-gap) / -2);
	}

	.slider-steps .slider__slide {
		flex: 1 0 0;
		width: auto;
		flex-shrink: 1;
		padding-inline: calc(var(--column-gap) / 2);
	}

	.slider-steps .slider__actions {
		display: none;
	}
}

@media screen and (min-width: 1200px) {
	.slider-steps {
		--column-gap: 40px;
	}
}

@media screen and (max-width: 1023px) {
	.slider-steps {
		width: 170px;
		max-width: 100%;
		margin-inline: auto;
	}

	.slider-steps .slider__tag {
		width: 157px;
		font-size: 51px;
		margin-bottom: 23px;
	}

	.slider-steps .slider__entry {
		font-size: 19px;
		line-height: 1.42;
		width: 147px;
		max-width: 100%;
		margin-inline: auto;
	}

	.slider-steps .slider__slide:not(.swiper-slide-active) {
		z-index: 0;
		opacity: 0;
		pointer-events: none;
		transform: scale(0.686) translateX(75%) translateY(-12%);
	}

	.slider-steps .slider__slide.swiper-slide-prev,
	.slider-steps .slider__slide.swiper-slide-next {
		opacity: 1;
	}

	.slider-steps .swiper-slide-active + .slider__slide:not(.swiper-slide-active) {
		transform: scale(0.686) translateX(-75%) translateY(-12%);
	}

	.slider-steps .slider__slide.swiper-slide-active {
		z-index: 1;
	}

	.slider-steps .slider__slide.swiper-slide-active .slider__tag:before {
		opacity: 1;
	}

	.slider-steps .slider__slide:not(.swiper-slide-active) .slider__tag:after {
		opacity: 1;
	}

	.slider-steps .slider__slide:not(.swiper-slide-active) .slider__tag span:before {
		opacity: .5;
	}

	.slider-steps .slider__slide:not(.swiper-slide-active) .slider__tag span:after {
		opacity: .6;
	}

	.slider-steps .slider__slide:not(.swiper-slide-active) .slider__entry {
		opacity: 0;
		transform: scale(0);
	}
}