.container-cards-etapas {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 70px;

    @media(max-width:900px) {
        padding: 50px 0;
    }

    .wrapp-card {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        position: relative;

        &:after {
            content: '';
            width: 10px;
            height: 10px;
            position: absolute;
            top: 30%;
            right: 0;
            display: block;
            background:#23524e;
            border-radius: 50%;
        
            @media(max-width:900px) {
                display: none;
            }
        }
        @media(max-width:900px) {
            width: 100%;
        }

        .card-etapa {

            &:after {
                top: 30.5%;
                right: -57%;
        
            }
        }
        &:first-child {

            &:after {
                top: 20%;
            }

            .card-etapa {

                &:after {
                    top: 20.5%;
                }
            }
        }
        &:nth-child(odd) {

            &:before {
                content: '';
                height: 100%;
                width: 40px;
                position: absolute;
                top:20%;
                right: 5px;
                display: block;
                border-right: 1px solid rgba(172, 121, 99, 0.5);
        
                @media(max-width:900px) {
                    display: none;
                }
            }
        }
        &:nth-child(2n) {
            margin-top: 220px;
            flex-direction: row-reverse;

            &:after {
                top: 45%;
                left: -10px;
                right: auto;
            }
            .card-etapa {

                &:after {
                    top: 46.1%;
                    left: -59%;
                    right: auto;
                }
            }
            @media(max-width:900px) {
                margin-top: 0;
            }
        }
    }
}