/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2025 | 15:51:45 */
:root {
        --brand-yellow: #000000;
        --star-gold: #f59e0b;
        --card-bg: #ffffff;
        --text-primary: #1F2937;
        --text-secondary: #4A5568;
        --text-tertiary: #6B7280;
        --scrollbar-thumb: #0aeafe;
        --scrollbar-track: #e2e8f0;
    }

    .testimonial-section-container {
        background-color: var(--brand-yellow);
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .gallery-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 1.5rem 0;
        scrollbar-width: thin;
        scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
    }

    .gallery-container::-webkit-scrollbar {
        height: 8px;
    }
    .gallery-container::-webkit-scrollbar-track {
        background: var(--scrollbar-track);
        border-radius: 4px;
    }
    .gallery-container::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb);
        border-radius: 4px;
    }

    .testimonial-gallery {
        display: flex;
        gap: 24px;
        padding: 0 24px;
    }

    .testimonial-card {
        background-color: var(--card-bg);
        border-radius: 24px;
        padding: 32px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);
        width: 310px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .testimonial-text {
        flex-grow: 1;
        font-size: 18px;
        color: var(--text-secondary);
        line-height: 1.6;
        margin: 0;
    }
    
    .star-rating {
        display: flex;
        gap: 4px;
    }

    .star-rating svg {
        width: 28px;
        height: 28px;
        color: var(--star-gold);
    }

    .star-rating svg.empty {
         color: #ccc;
    }

    .testimonial-author {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-top: 8px;
    }

    .author-avatar {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        object-fit: cover;
    }
    
    .author-details {
        display: flex;
        flex-direction: column;
    }

    .author-name {
        font-size: 18px;
        font-weight: 600;
        color: var(--text-primary);
    }

    .author-title {
        font-size: 15px;
        color: var(--text-tertiary);
    }