.testimonials-section {
    margin: 2.5rem 0 1rem;
}

.testimonials-section h2,
#banner-home-subtitle h2 {
    color: var(--primary-color);
}

.testimonials-section h2 {
    margin-bottom: 1.25rem;
}

.testimonials-carousel {
    display: grid;
}

.testimonial {
    grid-column: 1;
    grid-row: 1;
    opacity: 0;
    animation: testimonial-fade 12s infinite;
}

.testimonial:nth-child(2) {
    animation-delay: 6s;
}

@keyframes testimonial-fade {
    0%   { opacity: 0; }
    5%   { opacity: 1; }
    45%  { opacity: 1; }
    50%  { opacity: 0; }
    100% { opacity: 0; }
}

.testimonial blockquote {
    border-left: 3px solid var(--primary-color, #888);
    margin: 0;
    padding: 0.5rem 0 0.5rem 1.25rem;
    font-style: italic;
}

.testimonial blockquote p {
    margin: 0 0 0.5rem;
}

.testimonial cite {
    display: block;
    font-style: normal;
    font-size: 0.75rem;
    opacity: 0.75;
}

.testimonial-dots {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1rem;
}

.testimonial-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    opacity: 1;
    animation: dot-active 12s infinite;
}

.testimonial-dot:nth-child(2) {
    animation-delay: 6s;
    opacity: 0.25;
}

@keyframes dot-active {
    0%   { opacity: 1; }
    45%  { opacity: 1; }
    50%  { opacity: 0.25; }
    100% { opacity: 0.25; }
}