#steps-block {
	padding: 40px 0px;
}
#steps-block .steps {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}
#steps-block .step-item {
	position: relative;
}
#steps-block .step-item .add-wrapper {
	display: flex;
	flex-direction: column;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	padding: 15px;
	min-height: 230px;
	background: white;
	border-radius: 2px;
	position: relative;
	height: 100%;
}
#steps-block .step-item:first-child {
	z-index: 4;
}
#steps-block .step-item:last-child .add-wrapper {
	background: var(--primary);
}
#steps-block .step-item:nth-child(2) {
	z-index: 3;
}
#steps-block .step-item:nth-child(3) {
	z-index: 2;
}
#steps-block .step-item:nth-child(4) {
	z-index: 1;
}
#steps-block .step__image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
#steps-block .step__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#steps-block .step-item:last-child {
	background: var(--primary);
}
#steps-block .marked {
	display: flex;
	align-items: center;
	padding: 25px 30px;
	gap: 10px;
	border: 1px solid var(--bg-dark);
	border-radius: 2px;
	margin-top: 40px;
}
#steps-block .marked svg {
	min-width: 20px;
}
#steps-block .marked p {
	font-weight: 400;
	font-size: 18px;
	line-height: 150%;
	color: var(--main-text);
}

@media (max-width: 996px) {
	#steps-block .num {
		font-size: 20px;
		margin-bottom: 10px;
	}
	#steps-block .steps {
		grid-template-columns: repeat(2, 1fr);
	}
	#steps-block .step-item:before {
		display: none;
	}
	#steps-block .step-item {
		z-index: unset !important;
	}
	#steps-block .step-item .add-wrapper {
		box-shadow: unset;
		border: 1px solid var(--bg-dark);
		min-height: unset;
		padding: 10px;
	}
	#steps-block .step-item:last-child .add-wrapper {
		border-color: var(--primary);
	}
	#steps-block .marked {
		margin-top: 10px;
		padding: 15px;
	}
	#steps-block .marked p {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	#steps-block .desc {
		font-size: 16px;
	}
}

@media (max-width: 600px) {
	#steps-block .steps {
		display: flex;
		flex-direction: column;
	}
}