.process .img_step.wLine:before{
	content: "";
	position: absolute;
width: 290px;
	min-height: 70px;
	background-image: url(https://www.simactive.com/hubfs/Website%20v2/images/Line.svg);
	/*background-size: contain;*/
	background-repeat: no-repeat;
	background-position: center center;
	
}




.process .img_step.wLine:after{
	content: "";
	position: absolute;
	width: 300px;
	min-height: 70px;
	background-image: url(https://www.simactive.com/hubfs/Website%20v2/images/Left.svg);
	/*background-size: contain;*/
	background-repeat: no-repeat;
	background-position: center center;
}

.process .steps_container .stp3 .img_step.wLine:before{

	width: 300px;


}


.process .step .info_container {

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.process .step .number_step,
.process .step .title_step {
	margin-bottom: 5px; /* Adjust as needed for spacing */
}
.number_step{
	color:#D6DBDB;
	padding-top: 20px;
	font-size: 30px;
}


.process .step {
	width: calc(25% - 80px);
	min-height: 175px;
	height: 100%;
	/*min-width: 270px;*/
	margin-bottom: 20px;
	margin-bottom: 20px;
	flex-wrap:wrap;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-wrap:wrap
}

.process .steps_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media only screen and (max-width: 320px) {
	.process .step {
		width: 80%;
		padding: 0 10px;
		justify-content:center;
		flex-wrap: nowrap;
	}
	.process .step .info_container {

		width: 85% !imporant;
	}
}

@media only screen and (min-width: 321px) and (max-width: 568px) {
	.process .step {
		width: 80%;
		padding: 0 !important;
		justify-content:center;
	}

	.process .step .info_container {
		width:70%;
	}
}

@media (max-width: 767px) {


	.process .step .number_step, .process .step .title_step {
		margin-bottom: 5px;
		text-align: left;
		padding-left: 20px;
	}

	.process .step .info_container {
		/*flex: 0 0 100%; /* Full width on smaller screens */
		padding: 10px 0; /* Adjust as needed for spacing */
		text-align: center;
		overflow: auto;
width:70%;
	}
	.process .step_container{
		justify-content:center;
	}

	.process .step {
		flex-direction: row;
		min-width: 100%;
		padding: 0 10px;
		justify-content: center;
	}
	.process .img_step.wLine:before {
		width: 177px !important; 
		transform: rotateZ(90deg);
		left: -55px;
		bottom: -80px;
	}

	.process .img_step.wLine:after {

		transform: rotateZ(90deg);
		left: -117px;
		bottom: -87px;
	}


}
@media (min-width: 768px){
	.process .step.stp2 {
		min-width: 270px;
	}
	
	.process .steps_container {
		gap: 80px;
	}
	.process .img_step.wLine:before, .process .img_step.wLine:after {
		display: none;
	}
	.steps_container .step {
		width: 100%;
		max-width: 300px;
		position: relative;
	}
	.steps_container .step:before {
		content: '';
		display: block;
		width: calc(100% + 80px);
		height: 2px;
		position: absolute;
		left: 50%;
		top: 34px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3130' height='2' fill='none' viewBox='0 0 3130 2'%3E%3Cpath stroke='%23578A9E' stroke-dasharray='5 5' stroke-width='2' d='M0 1h3130'/%3E%3C/svg%3E");
	}
	.steps_container .step:after {
    content: "";
    position: absolute;
		width: calc(100% + 80px);
    height: 70px;
		left: 50%;
		top: 0;
    background-image: url(https://www.simactive.com/hubfs/Website%20v2/images/Left.svg);
    background-repeat: no-repeat;
    background-position: center center;
	}
	.steps_container .step:last-child:before, .steps_container .step:last-child:after {
		display: none;
	}

	.steps_container.ts2 .step {
		width: calc(50% - 80px);
		max-width: 400px;
	}
	.steps_container.ts3 .step {
		width: calc(33.3% - 80px);
		max-width: 400px;
	}
	.steps_container.ts4 .step {
		width: calc(25% - 80px);
		max-width: 400px;
	}
}
@media (max-width: 992px){

	.process .steps_container .stp3 .img_step.wLine:before{
		width: 225px;
	}
	.process .steps_container .stp2 .img_step.wLine:before{
		width: 360px;
	}

	.process .img_step.wLine:before {
		width: 177px;

	}
}
@media(min-width: 992px) and (max-width: 1200px) {
	.process .steps_container .stp2 .img_step.wLine:before{
		width: 395px;
	}
	.process .steps_container .stp2 .img_step.wLine:after {
		transform: translateX(185px);
		width: 15px;
	}
}


@media (min-width: 1200px) {
	.process .steps_container .stp3 .img_step.wLine:before{
		width: 380px;
	}
	.process .steps_container .stp2 .img_step.wLine:before{
		width: 505px;
	}
	.process .steps_container .stp3 .img_step.wLine:after {
		transform: translateX(213px);
		width: 15px;
	}
	.process .steps_container .stp2 .img_step.wLine:after {
		transform: translateX(252px);
		width: 15px;
	}
}