body{
    --main-greentype-color: #2db552;
}

.section-banner .box_modal .modal-prestamo{
    width: 100%;
    overflow: hidden;
}

.modal-prestamo .box_transition_step{
    display: flex;
    width: 650%;
}

.modal-prestamo .box_transition_step
.container_step{
    width: 15.4%;
    transition: margin-left 0.5s ease-in-out;    
}

.modal-prestamo .progress-bar{
    display: flex;
    margin: 22px 0px 0px 0px;
}

.modal-prestamo .progress-bar .step{
    width: 100%;
}

.progress-bar .step:last-child .bullet:before,
.progress-bar .step:last-child .bullet:after{
    display:none;
}

.progress-bar .step .bullet:before,
.progress-bar .step .bullet:after{
    position: absolute;
    content:'';
    bottom: 5px;
    right: -84px;
    height: 2.49px;
    width: 83px;
    background: var(--main-greentype-color);
}

.progress-bar .step .bullet{
    height: 1.15rem;
    width: 1.15rem;
    border: 2px solid var(--main-greentype-color);
    display: inline-block;
    border-radius: 50%;
    position: relative;
    transition: 0.2s;
}

.progress-bar .step .bullet.active{
    background:var(--main-greentype-color);
    border: 2px solid var(--main-greentype-color);
}

.progress-bar .step .bullet.active:after{
    background: var(--main-greentype-color);
    transform: scaleX(0);
    transform-origin: left;
    animation: animate 0.3s linear forwards;
}

@keyframes animate{
    100%{
        transform: scaleX(1);
    }
}

@media only screen and (min-width: 350px){
    .progress-bar .step .bullet:before, 
    .progress-bar .step .bullet:after {
        right: -94px;
        width: 93px;
    }
}


@media only screen and (min-width: 370px) and (max-width: 375px){
    .progress-bar .step .bullet:before, 
    .progress-bar .step .bullet:after {
        right: -99px;
        width: 99px;
    }
}

@media only screen and (min-width: 376px) and (max-width: 426px){
    .progress-bar .step .bullet:before, 
    .progress-bar .step .bullet:after {
        right: -110px;
        width: 110px;
    }
}


@media only screen and (min-width: 500px) and (max-width: 992px){

    .progress-bar .step .bullet:before, .progress-bar .step .bullet:after {

        right: -88px;
        width: 88px;
        height: 2px;

    }
}