.comments{
    justify-content: flex-start;
}

.comments .quotes{
    font-size: 96px;
    color: var(--principal-lightgreen);
    position: absolute;
    top:25px;
}

.comments .text{
    padding-top: 25px;
    max-height: 230px;
    overflow: auto;
    overflow-wrap: anywhere;
    
}

.comments .text::-webkit-scrollbar {
    width: 8px;
}

.comments .text::-webkit-scrollbar-thumb {
    background-color: var(--principal-darkgreen);
    border-radius: 10px;
}

.comments .text::-webkit-scrollbar-track {
    background-color: var(--principal-cream);
    border-radius: 10px;
}

.comments .text scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--principal-darkgreen) var(--principal-cream);
    border-radius: 10px;
}

/* Firefox */
.comments .text {
    scrollbar-width: thin; /* Estilo del scroll: thin, auto o none */
    scrollbar-color: var(--principal-darkgreen) var(--principal-cream); /* Colores del scroll */
    border-radius: 10px;
}

.comments .bottom p{
    padding-right: 50px;
    margin: 0;
}

.comments .bottom img{
    padding-left: 50px;
}

.comments .bottom .column:nth-child(1){
    flex: 0;
}

@media (max-width: 979px) {
    .comments .columns.bottom{
        flex-direction: row;
    }
}

.comments.box:has(.columns.bottom) {
    padding-bottom: 150px;
}

.comments .columns.bottom, .columns .bottom {
    bottom:50px;
}