.section.etaps {
	
}

.etaps_grid {
	gap: 40px 48px;
}

.section.etaps .item {
	gap: 20px;
	position: relative;
}

.section.etaps .title {
	margin: 13px 0;
	gap: 13px;
}
.section.etaps .number {
	color: #fff;
	padding: 8px;
	background: linear-gradient(90deg, #FF6B00 4.31%, #FF994F 100%);
	white-space: nowrap;
}
.section.etaps .name {
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
}
.section.etaps .text {
	color: #3A3A3AB2;
}

.section.etaps .item .img img {
	display: block;
	width: 100%;
}


@media (min-width: 992px) {
	.section.etaps .item.item_2:before,
	.section.etaps .item.item_3:before,
	.section.etaps .item.item_5:before,
	.section.etaps .item.item_6:before {
		display: block;
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		left: -25px;
		top: 0;
		background: #D9D9D9;
	}
}

@media (min-width: 576px) and (max-width: 991.98px) {
	
	.etaps_grid.col3 {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px 48px;
	}
	.section.etaps .item.item_2:before,
	.section.etaps .item.item_4:before,
	.section.etaps .item.item_6:before {
		display: block;
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		left: -25px;
		top: 0;
		background: #D9D9D9;
	}
}


@media (max-width: 575.98px) {

	.etaps_grid.col3 {
		grid-template-columns: 1fr;
		gap: 48px;
	}
	.section.etaps .item + .item:before {
		display: block;
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		left: 0;
		top: -25px;
		background: #D9D9D9;
	}
}