.steps{
	.step-wrapper{
		position: relative;
		.step-dashed-line{
			content: "";
			background-image: url('assets/graphics/dashed-gray-vertical-line.png');
			background-size: contain;
			height: 100%;
			width: 2px;
			display: block;
			position: absolute;
			top:0; left: 18px;
			z-index: -1;
		}
	}

	.step{
		padding-left: 80px;
		position: relative;
		margin-bottom: calc(var(--vspace) * 6);
		&:last-child{
			background:white;
		}
	}
	.step-icon{
		position: absolute;
		left:0; top:-10px;
		width: 40px; height: 40px;
		background:var(--pd-green);
		border-radius: 50%;
		&.red{background:var(--pd-red)}
		img{
			position: relative;
			top: 50%; left:50%;
			transform: translate(-50%, -50%);
		}
	}

}