*{
    font-family: 'Montserrat';
    font-style: normal;
}

.interrogacion {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-size: 148px;
    line-height: 87.4%;
    /* or 129px */

    text-align: justify;

    color: rgba(70, 255, 181, 0.8);   
}

.pregunta {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-size: 60px;
    line-height: 87.4%;
    /* or 52px */

    text-align: center;

    color: #5643E5;
}

.unpaso {
    background: white;
    border-radius: 100px 0px;
    width: fit-content;
    padding-right: 50px;
    box-shadow: 0px 4px 6px 0px #00000075;
 

}

.numero-paso {
    display: inline-block;
    margin-left: -40px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-size: 120px;
    line-height: 146px;
    text-align: center;

    color: rgba(70, 255, 181, 0.4);
    
    -webkit-text-stroke: 4px rgba(70, 255, 181, 0.4);
    -webkit-text-fill-color: rgba(70,255,181,0.2)
}

.numero-paso img {
    height: 92px;   
}

.texto-paso {
    display: inline-block;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    margin-left: 8px;
    color: #5643E5;
}

.paso1 {
    margin-left: calc( -1 * 100vw / 8 );
}

.paso2 {
    margin-left: calc( 100vw / 5 );
    margin-top: -50px;
}

.paso3 {
    margin-top:40px;
    margin-left: calc( 100vw / 30 );
}

.paso4 {
    margin-left: calc( -1 * 100vw / 8 );
    margin-top:40px;
    
}


@media (max-width: 991px) {
    
    
    .pregunta{
        font-size: 54px;
        width: 50%;
    }
    .pregunta-pasos {
        margin-bottom:60px;    
    }
    
    .paso1 {
        margin-left: calc( 100vw / 8 );
        display:inline-block;
    }
    
    .paso2 {
        margin-left: calc( 100vw / 10 );
        display:inline-block;
    }
    
    .paso3 {
        margin-top:40px;
        margin-left: calc( 100vw / 8 );
        display:inline-block;
    }
    
    .paso4 {
        margin-left: calc( 100vw / 10 );
        margin-top:40px;
        display:inline-block;
        
    }

}


@media (max-width: 791px) {

.paso2 {
    margin-left: calc( 100vw / 10 );
    display:block;
    float: right;
    margin-right: calc( 100vw / 10 );
    margin-top: -30px;
    
}

.paso4 {
    float: right;
    margin-right: calc( 100vw / 10 );
    margin-top: -30px;
}    
    
}


@media (max-width: 576px) {
    .pregunta-pasos{
        margin-bottom: 10px;
    }
    .interrogacion{
        font-size: 130px;
    }
 .pregunta{
        font-size: 47px;
        width: 80%;
        
    }
    
.paso1 {
    margin-left: 0;
    display:block;
    float: none;
    margin-right: 0;
    margin-top: 0;
    
}

.paso2 {
    margin-left: 0;
    display:block;
    float: none;
    margin-right: 0;
    margin-top: 0;
    
}

.paso3 {
    margin-left: 0;
    display:block;
    float: none;
    margin-right: 0;
    margin-top: 0;
}    

.paso4 {
    margin-left: 0;
    display:block;
    float: none;
    margin-right: 0;
    margin-top: 0;
}    
    
.unpaso {
    margin: 0 auto;
    margin-top: 40px;
}


}

@media (max-width: 395px){
    .interrogacion{
        font-size: 100px;
    }
    .pregunta{
        font-size: 30px;
        width: 60%;
    }
             
             .unpaso{
                 height: 68px;
             }
             .uno img{
                 margin-left: 7px;
             }
             .numero-paso img{
                 height: 70px;
                 margin-bottom: 15px;
             }
             .texto-paso{
                 font-size: 14px;
                 margin-left: 20px;
                     line-height: 17px;
             }
         }