.hsteps {
	overflow: hidden;
}

.hstep {
	padding: 100px 40px 0 55px;
}

.hstep::before,
.hstep::after {
	position: absolute;
	display: block;
	content: '';
	top: 80px;
	left: 45px;
}
.hstep::before {
	width: 0;
	height: 0;
	opacity: 0;
	border-top: 3px dashed #286BA0;
	-ms-transition: all 1s ease-out 2s;
   transition: all 1s ease-out 2s;
}
.hstep:nth-child(2):before {
	-ms-transition: all 1s ease-out 3s;
  transition: all 1s ease-out 3s;
}
.hstep.aos-animate::before {
	opacity: 1;
	width: 100%;
}
.hstep:last-child:before {
	display: none;
}
.hstep::after {
	width: 1rem;
	height: 1rem;
	border-radius: 1rem;
	opacity: 0;
	background-color: #9AB4C9;
	transform: translateY(-0.4rem) scale(0);
	-ms-transition: all 0.6s ease-out 0.6s;
   transition: all 0.6s ease-out 0.6s;
}
.hstep:nth-child(2):after {
	-ms-transition: all 0.6s ease-out 1.6s;
  transition: all 0.6s ease-out 1.6s;
}
.hstep:nth-child(3):after {
	-ms-transition: all 0.6s ease-out 2.6s;
  transition: all 0.6s ease-out 2.6s;
}
.hstep.aos-animate::after {
	opacity: 1;
	transform: translateY(-0.4rem) scale(1);
}
.hstep .row_idx {
	position: absolute;
	top: 100px;
	left: 0;
	font-size: 4rem;
	line-height: 1;
	color: #9AB4C9;
}
.hstep .icon {
	position: absolute;
	left: 20px;
	top: 0;
	width: 60px;
	text-align: center;
}
.hstep p {
	margin-bottom: 0;
	max-width: 280px;
}
.hstep p.bold {
	font-family: 'Roboto', sans-serif;
}
@media only screen and (max-width: 600px) {
	.hsteps-content { display: none !important; }
	.mob-hsteps-content { display: flex !important; flex-direction: column;  }
	.hstep { padding: 0 60px 50px 55px; }
	.hstep:last-child { padding-bottom: 0;}
	.hstep .icon { right: 0; left: auto; width: 46px; }
	.hstep .row_idx { top: 0; }
	.hstep::after { display: none; }
	.hstep::before { top:0; left: auto; right: 23px; border-top: 0;  border-left: 3px dashed #286BA0;}
	.hstep.aos-animate::before { height: 100%; width: 0; }
}