/* ===============================
   High-Performance Testimonial
   Fade Slider (No Flex / No Width Hacks)
================================ */

.testimonial-section {
    background: #f5f8fb;
    padding: 18px 0;
    overflow: hidden;
}

.testimonial-container {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    min-height: 90px; /* keeps layout stable */
}

/* Stack all items */
.testimonial-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    opacity: 0;
    animation-duration: 20s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

/* Animate each slide separately */
.testimonial-item:nth-child(1) { animation-name: slide1; }
.testimonial-item:nth-child(2) { animation-name: slide2; }
.testimonial-item:nth-child(3) { animation-name: slide3; }
.testimonial-item:nth-child(4) { animation-name: slide4; }

/* Text */
.testimonial-text {
    font-size: 15px;
    line-height: 1.6;
    font-style: italic;
    border-left: 3px solid #0078d7;
    padding-left: 15px;
    margin: 0;
    white-space: normal !important;
    word-break: break-word;
}

.testimonial-author {
    font-weight: 600;
    color: #555;
}

/* Fade timing */
@keyframes slide1 {
    0%,20% { opacity: 1; }
    25%,100% { opacity: 0; }
}

@keyframes slide2 {
    25%,45% { opacity: 1; }
    0%,50%,100% { opacity: 0; }
}

@keyframes slide3 {
    50%,70% { opacity: 1; }
    0%,75%,100% { opacity: 0; }
}

@keyframes slide4 {
    75%,95% { opacity: 1; }
    0%,100% { opacity: 0; }
}