/* Services Page Specific Styles */

/* Scroll Reveal Base */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

    .reveal.active {
        opacity: 1;
        transform: translateY(0);
    }

/* FAQ Accordion Active State */
.faq-item.active .faq-icon {
    transform: rotate(180deg);
}

.faq-item.active .faq-button {
    background-color: #FFF7ED; /* primary-light */
}

/* FAQ Content Expansion handled via JS max-height, but ensure smooth transition */
.faq-content {
    transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}