.feedbacks {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* height: 80vh; */
    height: auto;
    background-color: #0272AB;
    position: relative;
    z-index: 1;
}

.feedbacks .feedbacks-container {
    display: flex;
    flex-direction: column;
    /* background-color: #59021B; */
    background-color: #FAF6F4;
    /* margin: 20px; */
    /* height: 100%; */
    height: auto;
    width: 100%;
    align-items: center;
    padding: 20px;
}

.feedbacks .feedbacks-container .feedbacks-title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.feedbacks .feedbacks-container .feedbacks-title-container img {
    width: 275px;
}

.feedbacks .feedbacks-container .feedbacks-title-container h1 {
    font-size: 25px;
    font-family: 'Aller Std 1';
    color: #59021B ;
}

.feedbacks .feedbacks-container .feedbacks-title-container h2 {
    font-size: 15px;
    font-family: 'Aller Std 6';
    color: #59021B;
}

.feedback-pair-container {
    display: flex;
    flex-direction: row;
    /* background-color: blue; */
    width: 100%;
    justify-content: center;
}

.carousel {
    width: 100%;
}

.carousel-control-prev-icon {
    background-color: #59021B;
    opacity: 1;
    border-radius: 10px;
    background-image: url("/media/images/seta_esquerda.svg") !important;
}

.carousel-control-next-icon {
    background-color: #59021B;
    opacity: 1;
    border-radius: 10px;;
    background-image: url("/media/images/seta_direita.svg") !important;
}

.carousel-indicators {
    background-color: #59021B;
    border-radius: 10px;
}


.feedbacks .feedbacks-container .feedbacks-content-container {
    /* display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 20px;
    row-gap: 20px; */
    display: flex;
    flex-direction: column;
    /* background-color: red; */
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 100%;
    max-width: 1200px;
}

.feedbacks .feedbacks-container .feedbacks-information {
    display: flex;
    justify-content: center;
    margin: 20px;
}


.feedbacks .feedbacks-container .feedbacks-information p {
    font-size: 12px;
    font-family: 'Aller Std 3';
    color: #59021B;
}

/* feedback card style */
.feedback-card {
    display: flex;
    flex-direction: column;
    background-color: #f93b8d;
    padding: 10px;
    width: 30%;
    height: 320px;
    overflow-y: auto;
    /* border-radius: 10px; */
}

.feedback-card .feedback-title-card {
    display: flex;
    flex-direction: column;
}

.feedback-card .feedbacks-content {
    display: flex;
    flex-direction: column;
}

.feedback-card .feedback-content p {
    font-family: 'Aller Std 3';
}

.feedback-card2 {
    display: flex;
    flex-direction: column;
    width: 30%;
    height: 400px;
    /* background-color: #59021B; */
    border-radius: 25px;
    margin: 50px;
}

.feedback-card2 .feedback-image-card {
    position: relative;
    height: 20%;
}


.feedback-card2 img {
    width: 85px;
    height: 85px;
    position: absolute;
    top: -30px;
    left: 15px;
}

.feedback-content-card2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 65%;
    /* background-color: red; */
    /* color: #FAF6F4; */
    padding-left: 15px;
    padding-right: 15px;
    overflow: auto;
}

.feedback-author-card2 {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: 15%;
    padding-right: 30px;
    align-items: center;
}

.feedback-author-card2 p {
    font-family: 'Aller Std 6';    
}


.feedback-content-card2::-webkit-scrollbar {
    display: none;
}

.feedback-content-card2 p {
    font-family: 'Aller Std 3';
}

@media only screen and (orientation: portrait) and (max-width: 767px) {
    .feedbacks .feedbacks-container .feedbacks-content-container {
        grid-template-columns: auto auto;
    }


    .feedbacks .feedbacks-container {
        padding: 20px 0px 20px 0px;
    }

    .carousel-control-next-icon {
        background-color: #59021b36;
    }

    .carousel-control-prev-icon {
        background-color: #59021b36;
    }

    .carousel-inner {
        padding: 0px 20px 0px 20px;
    }

    .feedback-card2 {
        width: 100%;
        height: 250px;
        border-radius: 10px;
        margin: 60px 5px 60px 5px;
    }


    .feedback-image-card img {
        width: 60px;
        height: 60px;
    }

    .feedback-card2 .feedback-image-card {
        height: 15%;
    }

    .feedback-card2 .feedback-content-card2 {
        height: 70%;
    }

    .feedback-card2 .feedback-content-card2 p {
        font-size: 12px;
    }


    .feedback-card2 .feedback-author-card2 p {
        font-size: 12px;
    }
}