.steps {
    margin-block: 100px;
}

.steps .steps-title {
	margin: 0;
}

.steps .steps-items {
    display: flex;
    justify-content: space-between;
    gap: 100px;
}

.steps .steps-items:not(:first-child) {
    margin-top: 80px;
}

.steps .steps-item {
	position: relative;
	width: 100%;
}

.steps .steps-item:nth-child(odd) .steps-item__arrow {
	position: absolute;
	top: 150px;
    right: -58px;
	display: inline-block;
	border-top: 20px solid var(--blue-dark);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.steps .steps-item:nth-child(even) {
	margin-top: 200px;
}

.steps .steps-item:nth-child(1):not(:last-child)::after,
.steps .steps-item:nth-child(3):not(:last-child)::after {
	content: '';
	position: absolute;
	top: 60px;
	right: -49.5px;
	width: 50%;
	height: 100px;
	border-top: 2px dashed var(--blue-dark);
    border-right: 2px dashed var(--blue-dark);
    border-top-right-radius: 30px;
}

.steps .steps-item:nth-child(2)::before,
.steps .steps-item:nth-child(4)::before {
	content: '';
	position: absolute;
	top: -40px;
	left: -52px;
	width: 50%;
	height: 110px;
    border-bottom: 2px dashed var(--blue-dark);
	border-left: 2px dashed var(--blue-dark);
    border-bottom-left-radius: 30px;
}

.steps .steps-item:nth-child(2):not(:last-child)::after {
	content: '';
	position: absolute;
	top: -40px;
	right: -52px;
	width: 50%;
	height: 110px;
    border-bottom: 2px dashed var(--blue-dark);
	border-right: 2px dashed var(--blue-dark);
    border-bottom-right-radius: 30px;
}

.steps .steps-item:nth-child(2):not(:last-child) .steps-item__arrow {
	position: absolute;
	top: -50px;
    right: -60.5px;
	display: inline-block;
	border-bottom: 20px solid var(--blue-dark);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.steps .steps-item:nth-child(3)::before {
	content: '';
	position: absolute;
	top: 60px;
	left: -50px;
	width: 50%;
	height: 100px;
	border-top: 2px dashed var(--blue-dark);
    border-left: 2px dashed var(--blue-dark);
    border-top-left-radius: 30px;
}

.steps .steps-item__number {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 110px;
	margin-inline: auto;
	border-radius: 25px;
	background: linear-gradient(180deg, #262C42 0%, var(--blue-ray) 100%);
	z-index: 1;
}

.steps .steps-item__number::before {
	content: '';
	position: absolute;
	inset: 2px;
    border-radius: 23px;
	background: linear-gradient(180deg, #E2E5F4 0%, var(--white) 100%);
	z-index: 0;
}

.steps .steps-item__number-text {
	font-size: 100px;
	font-weight: 800;
	line-height: 1;
	color: var(--orange);
	background: linear-gradient(180deg, var(--orange) 50%, #B7390F 100%);
	background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 1;
}

.steps .steps-item__title {
	text-align: center;
    color: var(--blue-dark);
}

.steps .steps-item__title:not(:first-child) {
    margin-top: 34px;
}

.steps .steps-item__description {
    font-weight: 600;
    color: var(--blue-dark);
}

.steps .steps-item__description:not(:first-child) {
    margin-top: 28px;
}

@media (max-width: 1024px) {
	.steps {
        margin-block: 80px;
    }

	.steps .steps-items {
		flex-direction: column;
        gap: 60px;
	}

	.steps .steps-items:not(:first-child) {
		margin-top: 60px;
	}

	.steps .steps-item {
		max-width: 400px;
        margin-inline: auto;
	}

	.steps .steps-item:nth-child(odd) .steps-item__arrow {
		top: calc(50% + 75px);
		right: -57.5px;
	}

	.steps .steps-item:nth-child(even) {
		margin-top: 0;
	}

	.steps .steps-item:nth-child(1):not(:last-child)::after,
	.steps .steps-item:nth-child(3):not(:last-child)::after {
		height: calc(100% + 61px);
		border-bottom: 2px dashed var(--blue-dark);
		border-bottom-right-radius: 30px;
	}

	.steps .steps-item:nth-child(2)::before {
		top: 60px;
		height: calc(100% + 60px);
		border-top: 2px dashed var(--blue-dark);
		border-top-left-radius: 30px;
	}

	.steps .steps-item:nth-child(2):not(:last-child) .steps-item__arrow {
		top: calc(50% + 75px);
		right: initial;
		left: -60px;
		border-bottom: none;
		border-top: 20px solid var(--blue-dark);
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
	}

	.steps .steps-item:nth-child(2):last-child::before,
	.steps .steps-item:nth-child(2):not(:last-child)::after,
	.steps .steps-item:nth-child(3)::before,
	.steps .steps-item:nth-child(4)::before {
		content: none;
	}

	.steps .steps-item__description:not(:first-child) {
		margin-top: 24px;
	}
}

@media (max-width: 767px) {
	.steps {
        margin-block: 60px;
    }

	.steps .steps-items:not(:first-child) {
		margin-top: 40px;
	}

	.steps .steps-item {
		max-width: min(60%, 400px);
	}

	.steps .steps-item__description:not(:first-child) {
		margin-top: 18px;
	}
}