/* Testimonials section styles */

.testimonials {

    background: linear-gradient(135deg, var(--background-light-color) 0%, white 100%);

    padding: 100px 0;

    overflow: hidden;

}



.testimonials-wrapper {

    max-width: 900px;

    margin: 0 auto;

    position: relative;

}



.testimonials-slider {

    position: relative;

    padding: 2rem;

}



.testimonial {

    background: white;

    border-radius: var(--border-radius);

    padding: 3rem;

    box-shadow: var(--shadow-md);

    transition: all var(--transition-speed) ease;

    position: relative;

}



.testimonial-header {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-bottom: 2rem;

}



.testimonial-image {

    width: 120px;

    height: 120px;

    border-radius: 50%;

    object-fit: cover;

    border: 4px solid var(--primary-color);

    margin-bottom: 1rem;

    transition: transform 0.3s ease;

}



.testimonial:hover .testimonial-image {

    transform: scale(1.05);

}



.testimonial-rating {

    color: var(--primary-color);

    font-size: 1.2rem;

    margin-top: 1rem;

}



.testimonial-content {

    text-align: center;

}



blockquote {

    font-size: 1.25rem;

    line-height: 1.8;

    color: var(--text-color);

    margin-bottom: 2rem;

    position: relative;

    font-style: italic;

}



blockquote::before,

blockquote::after {

    content: '"';

    font-size: 4rem;

    color: var(--primary-color);

    opacity: 0.2;

    position: absolute;

    font-family: serif;

}



blockquote::before {

    top: -2rem;

    left: -1rem;

}



blockquote::after {

    bottom: -3rem;

    right: -1rem;

}



cite {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 0.5rem;

}



cite strong {

    color: var(--text-color);

    font-size: 1.2rem;

}



cite span {

    color: var(--text-light-color);

}



.testimonial-metrics {

    display: flex;

    gap: 2rem;

    margin-top: 1rem;

    color: var(--text-light-color);

    font-size: 0.9rem;

}



.testimonial-metrics i {

    color: var(--primary-color);

    margin-right: 0.5rem;

}



.testimonial-navigation {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 1.5rem;

    margin-top: 2rem;

}



.testimonial-dots {

    display: flex;

    gap: 0.5rem;

}



.testimonial-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: var(--text-light-color);

    opacity: 0.5;

    cursor: pointer;

    transition: all 0.3s ease;

}



.testimonial-dot.active {

    opacity: 1;

    background: var(--primary-color);

    transform: scale(1.2);

}



.testimonial-controls {

    display: flex;

    gap: 1rem;

}



.testimonial-controls button {

    background: white;

    border: none;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    cursor: pointer;

    box-shadow: var(--shadow-sm);

    transition: all var(--transition-speed) ease;

    color: var(--text-color);

}



.testimonial-controls button:hover {

    background: var(--primary-color);

    color: white;

    transform: scale(1.1);

}