/* --- --- --- stepper --- --- --- */
.box-stepper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 390px;
}
.box-item{
    background-color: var(--secundario) !important;
    border-radius: 50%;
    padding: 10px;
    width: min-content;
    cursor: pointer;
}
.box-item-on{
    background-color: var(--primario) !important;
}
.box-item img{
    width: 40px;    height: 40px;
}
.box-item i{
    color: #fff;
    font-size: 28px;
    padding: 5px;
}
.line-stepper{
    height: 15%;
}
.line-stepper.inactivo{
    border: 1px solid var(--secundario) !important;
}
.line-stepper.activo{
    border: 1px solid var(--primario);
}
div .box-stepper-titulo{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 9px;
    height: 365px;
}

div .box-stepper-titulo h4{
    font-size: 1.4em;
    cursor: pointer;
}
h4.inactivo{
    color: var(--secundario);
}
h4.activo{
    color: var(--primario);
}

/*LINEAS DEL STEPPER*/
.linev{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 20px;
    padding-right: 0;
    height: 350px;
    margin-left: -30px;
    border-right: var(--secundario) 2px solid ;
}

.lineHactivo{
    width: 100%;
    border-bottom: var(--secundario) solid 2px !important;
}
.lineHactivo::after{
    content: '\2022';
    background: #b7b7b7 !important;
    border-radius: 50% !important;
    position: absolute;
    width: 15px !important;
    height: 15px !important;
    color: #b7b7b7;
    right: -8px;
    margin-top: -6px;
}
/*END LINEAS DEL STEPPER*/
.listas{
    position: relative;
    margin-top: 2%;
}

.listas ul{
    /*font-size: 1.25em;*/
    padding: 2%;
}
.textos-lista h4{
    font-size: 1.8rem !important;
}
.listas ul li::before{
    content: "\2022"; /* Punto de las listas */
    padding-right: 8px;
    color: var(--primario);
    font-size: 60px;
    line-height: 25px;
    vertical-align: -10px;
    display: inline-block;
}



@media (max-width: 991px) {

	
  
}



.lista-stepper ol  li{
	list-style: decimal !important;
	color: #000;

}
.lista-stepper ol  {
	margin-top: 10px;
    padding: 2%;
    font-size: 1.25em;
}
.estilos1{
        margin-bottom: 60px;
}