.accr {
    animation-name: Acordeon;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    background-color: white;
    height: 94px;
    padding: 20px;
}









.accord h2 {
    font-size: 18px;
}

@keyframes Acordeon {
    from {
        height: 74px;
        overflow: hidden;
    }

    to {
        height: 730px;
        overflow: hidden;
    }
}









/* DEPOIMENTOS  */

.depoimentos {
    animation-name: depoimentos;
    animation-duration: 25s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;

}

@keyframes depoimentos {
    0% {
        margin-left: 30px;
    }

    20% {
        margin-left: 30px;
        opacity: 1;
    }

    21% {
        margin-left: 30px;
        opacity: 0;
    }

    25% {
        margin-left: -330px;
        opacity: 1;
    }

    45% {
        margin-left: -330px;
        opacity: 1;
    }

    46% {
        margin-left: -330px;
        opacity: 0;
    }

    50% {
        margin-left: -700px;
        opacity: 1;
    }

    70% {
        margin-left: -700px;
        opacity: 1;
    }

    71% {
        margin-left: -700px;
        opacity: 0;
    }


    75% {
        margin-left: -330px;
        opacity: 1;
    }

    95% {
        margin-left: -330px;
        opacity: 1;
    }
    96% {
        margin-left: -330px;
        opacity: 0;
    }

    100% {
        margin-left: 30px;
        opacity: 1;
    }
}