/* Testimonials Page Styles */

/* Section styling */
.section-padding-top {
    padding-top: 80px;
}

.section-padding {
    padding: 50px 0;
}

/* Section header */
.section-header {
    margin-bottom: 30px;
}

.section-header h2 {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 32px;
    font-weight: 700;
}

.section-before {
    display: block;
    width: 50px;
    height: 3px;
    background: #3071a9;
    margin: 0 auto 15px;
}

.section-info {
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.8;
}

/* Testimonial Animation */
.wow {
    visibility: hidden;
}

.fadeIn {
    animation-name: fadeIn;
    animation-duration: 1s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .testimonial-header {
        flex-direction: column;
        text-align: center;
    }
    
    .testimonial-image {
        margin: 0 0 15px 0;
    }
    
    .testimonial-meta {
        text-align: center;
    }
    
    .section-padding-top {
        padding-top: 50px;
    }
    
    .section-padding {
        padding: 30px 0;
    }
}


/* Add this to your testimonials.css file */

/* These styles use !important to override the inline CSS in testimonials.php */
.testimonial-card {
    background-color: #f8f9fa !important; /* Override the #fff from inline styles */
    border: 1px solid #eaeaea !important; /* Add border that wasn't in inline styles */
}

.testimonial-card:hover {
    background-color: #fff !important; /* Override for hover state */
}




/* Add this to your testimonials.css file */
@media (max-width: 767px) {
    /* Lower the z-index of the intro/header section */
    #testimonials-intro,
    #breadcrumb-area12,
    .section-info,
    #breadcrumb-area12 h1 {
        position: relative;
        z-index: 1 !important; /* Lower z-index */
    }
    
    /* Make sure the navbar has higher z-index */
    .navbar-header,
    .navbar-toggle,
    .main-menu-wrap {
        position: relative;
        z-index: 100 !important; /* Higher z-index */
    }
}