.ocultar{
    display: none !important;
}

.div_Steps{

    display: flex ;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
    width: 100%;
    /* background-color: var(--Fundo-cinza); */
}

.div_Sidebar{
    
    position: relative;
    /* height: 50px ; */
    margin: 0;
    display: flex ;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* background-color: green; */

}

.div_Point{

    transition: width .5s;
    width: 20px;
    height: 20px;
    border: 3px solid rgb(122, 17, 41);
    background-color: white;
    border-radius: 50%;
    margin: 0;
    z-index: 3;

}

.div_Point_ativo{

    background-color: rgb(122, 17, 41);

}

.div_Progress{

    position: absolute;
    height: 10px;
    background-color: rgb(122, 17, 41);
    transition: width .5s;
    margin: 0;
    z-index: 2;
    
    /* //0%
    //35%
    //65%
    //100% */
}

.div_Progress_0{
    width: 0%;
}

.div_Progress_35{
    width: 35%;
}

.div_Progress_65{
    width: 65%;
}

.div_Progress_100{
    width: 100%;
}

.div_Progress_base{

    position: absolute;
    width: 100%;
    height: 3px;
    background-color: rgb(122, 17, 41);
    margin: 0;
    z-index: 2;

}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    .div_Sidebar{
        width: 70%;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 767px){

    .div_Sidebar{
        width: 60%;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .div_Sidebar{
        width: 50%;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .div_Sidebar{
        width: 40%;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    .div_Sidebar{
        width: 30%;
    }
}