/* 01/11/2024 Sidney Mota */
.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}


@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .1rem ridge #cbcbcb;
        width: 3.46rem;
        position: absolute;
        left: 7.5rem;
        top: .4925rem
    }
    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .1rem ridge #cbcbcb;
        width: 3.8125rem;
        position: absolute;
        right: 7.5rem;
        top: .4925rem
    }
    .content-sm-timeline {
        max-width: 980px;
        min-width: 980px; 
        padding-top:10px
    }
}

.timeline-steps .timeline-content {
    width: 8.5rem;
    text-align: center
}

.timeline-steps .timeline-content .inner-circle {
    border-radius: 1.5rem;
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #34A853
}

/* .timeline-steps .timeline-content .inner-circle:before {
    content: "";
    background-color: #34A853;
    display: inline-block;
    height: 1.8rem;
    width: 1.8rem;
    min-width: 1.8rem;
    border-radius: 6.25rem;
    opacity: .5
} */
.timeline-steps .timeline-content .inner-circle-not {
    border-radius: 1.5rem;
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    opacity: .5;
    border: 1px solid #000;
}

/* .timeline-steps .timeline-content .inner-circle-not:before {
    content: "";
    background-color: gray;
    display: inline-block;
    height: 1.8rem;
    width: 1.8rem;
    min-width: 1.8rem;
    border-radius: 6.25rem;
    opacity: .5
} */

.timeline-steps .timeline-content .inner-circle-mark {
    border-radius: 1.5rem;
    height: 1.1rem;
    width: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #34A853
}

.timeline-steps .timeline-content .inner-circle-mark:before {
    content: "";
    background-color: #34A853;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    min-width: 2rem;
    border-radius: 6.25rem;
    opacity: .5
}


.timeline-steps .timeline-content .inner-circle-check {
    /* border-radius: 1.5rem; */
    height: 1.7rem;
    width: 1.7rem;
    /* display: inline-flex; */
    align-items: center;
    justify-content: center;
    /* background-color: #34A853 */
    background-color: transparent;
    margin-top: -18px;
}

.pulse-timeline {
    animation: pulsing-timeline 1s infinite alternate;
}

@keyframes pulsing-timeline {
    0% {
        transform: scale(1);
        background-color: #34A853; /* Cor original */
    }
    100% {
        transform: scale(1);
        background-color: #45c245; /* Cor alternada */
    }
}