/* =========================================
   TESTIMONIALS SECTION REDESIGN
   White Background with Legal Pattern
   Distinct from FAQs section
   ========================================= */

/* Testimonials Section Container - White with Legal Pattern */
.testimonials-section,
section.testimonials-section {
    background: #ffffff !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 70px 0 !important;
}

/* Legal Pattern Background */
.testimonials-section::before,
.testimonials-pattern {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image:
        /* Quote marks pattern */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M15 20c-3 0-5 2-5 5v10c0 3 2 5 5 5h5l-3 8h5l3-8h5c3 0 5-2 5-5V25c0-3-2-5-5-5H15z' fill='rgba(128,0,32,0.02)'/%3E%3C/svg%3E"),
        /* Scales of Justice */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M60 15v90M30 35h60M20 35l40 50M100 35l-40 50' fill='none' stroke='rgba(128,0,32,0.025)' stroke-width='1'/%3E%3Ccircle cx='60' cy='15' r='6' fill='none' stroke='rgba(255,215,0,0.03)' stroke-width='0.8'/%3E%3C/svg%3E"),
        /* Dot pattern */
        radial-gradient(circle, rgba(128, 0, 32, 0.02) 1.5px, transparent 1.5px),
        /* Diagonal stripes */
        repeating-linear-gradient(45deg,
            transparent,
            transparent 50px,
            rgba(128, 0, 32, 0.01) 50px,
            rgba(128, 0, 32, 0.01) 52px) !important;
    background-size: 60px 60px, 120px 120px, 30px 30px, 100% 100% !important;
    background-position: 0 0, 60px 60px, 0 0, 0 0 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Corner Decorations */
.testimonials-section::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 400px !important;
    height: 400px !important;
    background: radial-gradient(circle at 100% 0%, rgba(128, 0, 32, 0.04) 0%, transparent 50%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Ensure content is above pattern */
.testimonials-section>.container,
.testimonials-section>div {
    position: relative !important;
    z-index: 1 !important;
}

/* Section Tag - Maroon Style */
.testimonials-section span[style*="border-radius: 50px"] {
    background: linear-gradient(135deg, rgba(128, 0, 32, 0.12) 0%, rgba(255, 215, 0, 0.06) 100%) !important;
    color: #800020 !important;
    border: 1px solid rgba(128, 0, 32, 0.2) !important;
    padding: 10px 24px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
}

/* Section Title - Dark */
.testimonials-section h2 {
    color: #1a1a1a !important;
    font-size: 2.25rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.75rem !important;
}

.testimonials-section h2 span {
    color: #800020 !important;
}

/* Section Description */
.testimonials-section>.container>div:first-child>p,
.testimonials-section>div>div>p {
    color: #666 !important;
    max-width: 600px !important;
    margin: 0 auto 2.5rem !important;
    font-size: 1rem !important;
}

/* Testimonials Grid */
.testimonials-section [style*="display: grid"],
.testimonials-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem !important;
}

/* Testimonial Card - Clean & Professional */
.testimonial-card {
    background: #ffffff !important;
    border: 1px solid rgba(128, 0, 32, 0.1) !important;
    border-radius: 16px !important;
    padding: 1.75rem !important;
    box-shadow:
        0 10px 40px rgba(0, 0, 0, 0.05),
        0 2px 10px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    overflow: visible !important;
    border-left: 4px solid #800020 !important;
}

.testimonial-card:hover {
    transform: translateY(-6px) !important;
    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(128, 0, 32, 0.12) !important;
    border-left-color: #FFD700 !important;
}

/* Quote Icon */
.testimonial-card>div:first-child[style*="position: absolute"] {
    position: absolute !important;
    top: -12px !important;
    right: 20px !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #800020 0%, #600018 100%) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 20px rgba(128, 0, 32, 0.35) !important;
}

.testimonial-card>div:first-child i {
    color: #fff !important;
    font-size: 1.1rem !important;
}

/* Star Rating */
.testimonial-card [style*="color: #FFD700"],
.testimonial-card .testimonial-rating {
    margin-bottom: 0.75rem !important;
}

.testimonial-card [style*="color: #FFD700"] i,
.testimonial-card .testimonial-rating i {
    color: #FFD700 !important;
    text-shadow: 0 2px 8px rgba(255, 215, 0, 0.4) !important;
    font-size: 0.9rem !important;
}

/* Testimonial Text */
.testimonial-card p {
    color: #444 !important;
    font-size: 0.9rem !important;
    font-style: italic !important;
    line-height: 1.75 !important;
    margin-bottom: 1.25rem !important;
}

/* Client Info Section */
.testimonial-card>div:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-top: 1rem !important;
    border-top: 1px solid rgba(128, 0, 32, 0.08) !important;
}

/* Client Avatar */
.testimonial-card>div:last-child>div:first-child {
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #800020 0%, #600018 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 12px rgba(128, 0, 32, 0.25) !important;
}

/* Client Name */
.testimonial-card strong {
    color: #1a1a1a !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    display: block !important;
}

/* Client Role */
.testimonial-card span[style*="display: block"] {
    color: #800020 !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
}

/* ==========================================
   RESPONSIVE
   ========================================== */
@media (max-width: 1024px) {

    .testimonials-section [style*="display: grid"],
    .testimonials-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .testimonials-section {
        padding: 50px 0 !important;
    }

    .testimonials-section h2 {
        font-size: 1.75rem !important;
    }

    .testimonials-section [style*="display: grid"],
    .testimonials-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    .testimonial-card {
        margin-top: 12px !important;
    }
}

@media (max-width: 480px) {
    .testimonial-card {
        padding: 1.5rem !important;
    }

    .testimonial-card p {
        font-size: 0.85rem !important;
    }
}