/* ==========================================================================
   MASTER TESTIMONIALS PREMIUM LIGHT SCHEME OVERRIDES
   ========================================================================== */

.master-testimonials-container {
    clear: both !important; 
    width: 100% !important; 
    display: block !important;
    margin-top: 50px !important; 
    margin-bottom: 60px !important; 
    text-align: center !important;
    padding: 60px 30px !important; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    background: #f8fafc !important; /* Premium ultra-light gray section canvas background */
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 34, 64, 0.05) !important; /* Soft dark-navy tinted shadow */
    box-sizing: border-box !important;
    position: relative !important;
    border: 1px solid #e2e8f0 !important;
}

/* Accent line highlight at the bottom matching your header design */
.master-testimonials-container::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 5% !important;
    width: 90% !important;
    height: 4px !important;
    background: #00bfff !important; /* Header accent cyan */
    border-radius: 2px 2px 0 0 !important;
}

/* Typography Styles */
.voices-of-trust-title {
    font-size: 2.5em !important;
    font-weight: 800 !important;
    margin: 0 0 10px 0 !important;
    color: #002240 !important; /* Dominant Deep Navy from your header */
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
}

.master-testimonials-container .sub-heading {
    font-size: 1.2em !important;
    color: #00bfff !important; /* Accent Cyan branding */
    margin: 0 0 45px 0 !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* 4-Card Row Wrapper Layout */
.testimonials-slider {
    display: flex !important;
    gap: 24px !important;
    overflow-x: hidden !important;
    padding: 10px 5px 20px 5px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Light Dynamic Card Structure */
.testimonial-item {
    flex: 1 !important;
    flex-shrink: 0 !important;
    width: calc(25% - 18px) !important; /* Math breakdown for 4 clean columns */
    min-width: 250px !important;
    background: #ffffff !important; /* Crisp pure white card plates */
    border: 1px solid #e2e8f0 !important;
    border-top: 4px solid #00bfff !important; /* Bold Cyan card accent line */
    border-radius: 12px !important;
    padding: 35px 25px 25px 25px !important;
    text-align: left !important;
    position: relative !important;
    box-shadow: 0 10px 25px rgba(0, 34, 64, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-sizing: border-box !important;
}

/* Elegant hover interaction */
.testimonial-item:hover {
    transform: translateY(-6px) !important;
    border-color: #00bfff !important;
    box-shadow: 0 15px 30px rgba(0, 191, 255, 0.12) !important;
}

/* Decorative background quote mark */
.testimonial-item .quote-icon {
    font-size: 5.5em !important;
    color: #002240 !important; /* Uses navy for the quotation mark structural reference */
    line-height: 1 !important;
    font-family: Georgia, serif !important;
    position: absolute !important;
    top: -5px !important;
    left: 15px !important;
    opacity: 0.06 !important;
    pointer-events: none !important;
}

/* Review typography */
.testimonial-content {
    font-style: italic !important;
    color: #334155 !important; /* Highly readable dark charcoal text */
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    flex-grow: 1 !important;
    line-height: 1.6 !important;
    font-size: 0.98em !important;
}

/* Footer card layout container - forced to align everything to the left in a strict column stack */
.testimonial-footer {
    display: flex !important;
    flex-direction: column !important; 
    align-items: flex-start !important; /* Forces all elements to line up on the left edge */
    margin-top: 20px !important;
    border-top: 1px solid #f1f5f9 !important;
    padding-top: 15px !important;
    text-align: left !important;
}

/* Author name styling */
.testimonial-author {
    font-weight: 700 !important;
    color: #002240 !important; 
    font-size: 1em !important;
    display: block !important;
    margin-bottom: 4px !important; /* Tight spacing directly above stars */
    text-align: left !important;
}

/* Star row - now sits beautifully directly underneath the author name */
.star-rating-row {
    display: flex !important;
    gap: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important; /* Clean gap separating stars from the date below */
}

/* Date row on the absolute baseline */
.footer-meta-row {
    display: flex !important;
    width: 100% !important;
    text-align: left !important;
}

.testimonial-date {
    font-size: 0.85em !important;
    color: #64748b !important;
    font-weight: 500 !important;
    display: block !important;
}

/* Responsive breakdowns */
@media (max-width: 1100px) {
    .testimonials-slider {
        overflow-x: auto !important;
    }
    .testimonial-item {
        width: calc(50% - 12px) !important;
        min-width: 280px !important;
    }
}

@media (max-width: 650px) {
    .testimonial-item {
        width: 100% !important;
    }
}