.material-symbols-outlined {
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24
}

section#depoimentos{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4A5F5C;
    width: 100%;
    padding: 70px 0;
}

#depoimentos .itens{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 70%;
    overflow: hidden;
    cursor: pointer;
}

#depoimentos .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 20px;
}

#depoimentos .item .material-symbols-outlined{
    color: white;
    font-size: 80px;
}

#depoimentos .item .text{
    color: white;
    font-size: 16px;
    font-style: italic;
    width: 200px;
    margin: 10px 0;
    height: 100px;
}

#depoimentos .item .people{
    color: #C1C1C1;
    font-size: 14px;
}

.before {
  font-size: 100px;
  color: white;
  position: relative;
  top: -50px;
}

.after {
    font-size: 100px;
    color: white;
    position: relative;
    top: 80px;
}

.mySlides {
    display: block;
}

.hidden{
    display: none;
}

.visible{
    display: block;
}

@media screen and (max-width: 800px) {
    section#depoimentos{
        flex-direction: column;
    }
    .mySlides {
        display:none
    }
    .w3-left, .w3-right, .w3-badge {
        cursor:pointer
    }
    .w3-badge {
        height:13px;width:13px;padding:0
    }

    .icon-arrow {
        color: white;
    }

    .icon-arrow span {
        color: white;
        margin: 0 10px;
    }
    
}