/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.carousel-testimonianze .swiper-wrapper {
    /* margin-bottom: 70px; */
    margin: 0 0 70px 0%;
}

.single-testimonianza {
    min-height      : 150px;
    display         : flex !important;
    flex-direction  : column;
    justify-content : space-between;
    background-color: var(--white);
    padding         : 20px;
}

.testo-recensione p,
.autore-recensione h5 {
    padding: 0;
    margin : 0;
}

.pagination-testimonianze .swiper-pagination-bullet {
    background-color: var(--dark);
}

.pagination-testimonianze .swiper-pagination-bullet-active {
    background-color: var(--main);
}

.testimonianze-prev-arrow,
.testimonianze-next-arrow {
    color: var(--main) !important;
}


.testimonianze-prev-arrow {
    left : var(--swiper-navigation-sides-offset, -50px) !important;
    right: auto;
}

.testimonianze-next-arrow {
    left : auto;
    right: var(--swiper-navigation-sides-offset, -50px) !important;
}

@media screen and (max-width: 767px) {

    .testo-recensione,
    .autore-recensione {
        width: 90%;
    }

    .autore-recensione {
        margin-top: 20px;
    }

}