.div-about-service{
    text-align: left;
    font-size: 34px;
}
.div-subtitle-service{
	padding-top: 30px;
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	font-variation-settings: 'wght' 400;
}
.icon-services{
	width:100%;
	height:100%;
	max-width:283px;
	max-height:203px;
	object-fit: contain;	
}
.icons-services{
	display: flex;
	-webkit-box-align: center;
    -webkit-box-pack: justify;
}
.ul-icons-services{
	flex-wrap: wrap;
    display: flex;
    counter-reset: steps;
}
.div-principles-header{
	position:relative;	
	text-align: left;
}
.div-principles-header::before{
	z-index: 1;
    counter-increment: steps;
    content: counter(steps);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    height: 26px;
    min-width: 36px;
    top: 0;
    left: -56px;
    padding: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
}
.div-principles-header::after{
	content: "";
    position: absolute;
    height: 36px;
    min-width: 36px;
    top: 0;
    left: -52px;
    border-radius: 50%;
    background-color: currentColor;
    opacity: .1;
}
.principles-articles{
	padding-left: 66px;
}
.div-principios{	
	padding-bottom: 0px;
}

@media (min-width: 768px){
	.div-text-pasos-adicionales{
		padding-top: 30px;
	}
	.inner-pasos-adicionales{
		padding-left: 0px;		
	}
	.li-icons-services{
		-webkit-flex-basis: 33.33333%;
    	-ms-flex-preferred-size: 33.33333%;
    	flex-basis: 33.33333%;
    	max-width: 33.33333%;
	}
}

@media (max-width: 768px){
	.div-subtitle-service{
		padding-top: 20px;
	}
	.div-text-pasos-adicionales{
		padding-bottom: 30px;
	}	
}

@media (min-width: 992px){
	.li-icons-services{
		-webkit-flex-basis: 16.66667%;
    	-ms-flex-preferred-size: 16.66667%;
		flex-basis: 16.66667%;
	    max-width: 16.66667%;
	}
	.li-services{
		max-width: 33.3333%;
    	-webkit-flex-basis: 33.3333%;
    	-ms-flex-preferred-size: 33.3333%;
    	flex-basis: 33.3333%;
	}
}

@media (min-width: 480px) and (max-width: 768px){
	.li-icons-services{
		-webkit-flex-basis: 50%;
	    -ms-flex-preferred-size: 50%;
	    flex-basis: 50%;
	    max-width: 50%;
	}
}