.testimonials-section {
    margin-top: 8rem;
    margin-bottom: 5rem;
}

#testimonials-container {
    padding: 0 5rem;
}

.testimonial-card * {
    color: inherit !important;
}

.testimonial-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.testimonial-box {
    width: 31%;
    background-color: #eee; /* default overwritten by PHP inline */
    padding: 1.5rem;
    border-radius: 12px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    border-top: 10px solid rgba(0,0,0,0.3); /* overwritten inline */
}



.testimonial-text {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.testimonial-name {
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 0.3rem;
}

.testimonial-org {
    font-size: 0.9rem;
}

.testimonials-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between;
}

.testimonial-card {
    width: calc(30% - 1rem); /* smaller than before */
    padding: 1.2rem;
    border-radius: 12px;
    font-family: 'Poppins', sans-serif;
    border-top: 10px solid rgba(0,0,0,0.1);
    text-align: center; /* is this present? */
}

@media (max-width: 1024px) {
    .testimonial-card {
        width: calc(50% - 1rem);
    }
}

@media (max-width: 768px) {
    .testimonial-card {
        width: 100%;
    }
}