/* ===========================
   INDEX PAGE SPECIFIC STYLES
   =========================== */

/* Navbar background change on scroll */
.navbar-scrolled {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Image hover effects */
.group img {
    transition: all 0.5s ease;
}

.group:hover img {
    transform: scale(1.1);
}

/* FAQ Accordion */
.faq-item {
    transition: all 0.3s ease;
}

.faq-item.active {
    background-color: #eff6ff;
    border-left: 4px solid #2563eb;
}

/* Blog Card Styles */
.blog-card {
    transition: all 0.3s ease;
}

.blog-card:hover {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

/* Testimonial Cards */
.testimonial-card {
    transition: all 0.3s ease;
    background-color: #f9fafb;
}

.testimonial-card:hover {
    background-color: #f3f4f6;
    transform: translateY(-4px);
}

/* Expertise Grid Icons */
.expertise-icon {
    transition: all 0.3s ease;
}

.expertise-icon:hover {
    transform: scale(1.1) rotate(5deg);
}

/* Impact Section Image Overlay */
.impact-overlay {
    position: relative;
    overflow: hidden;
}

.impact-overlay img {
    transition: transform 0.5s ease;
}

.impact-overlay:hover img {
    transform: scale(1.15);
}

/* CTA Button Styles */
.cta-button {
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
}

.cta-button:hover {
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.5);
    transform: translateY(-2px);
}

/* Footer Social Icons */
.social-icon {
    transition: all 0.3s ease;
}

.social-icon:hover {
    transform: scale(1.15) translateY(-3px);
}

/* Stat counter animation */
@keyframes countUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stat-animate {
    animation: countUp 0.6s ease forwards;
}