/* ===================================
   Scroll Animations for All Sections
   =================================== */

/* Fade In Animation */
.fade-in {
    opacity: 0;
    transition: opacity 0.8s ease-out;
}

.fade-in.animate {
    opacity: 1;
}

/* Slide Up Animation */
.slide-up {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-up.animate {
    opacity: 1;
    transform: translateY(0);
}

/* Slide In Right Animation */
.slide-in-right {
    opacity: 0;
    transform: translateX(80px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-in-right.animate {
    opacity: 1;
    transform: translateX(0);
}

/* Slide In Left Animation */
.slide-in-left {
    opacity: 0;
    transform: translateX(-80px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-in-left.animate {
    opacity: 1;
    transform: translateX(0);
}

/* Zoom In Animation */
.zoom-in {
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.zoom-in.animate {
    opacity: 1;
    transform: scale(1);
}

/* Warning Section Items */
.warning-item {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}

.warning-item.animate {
    opacity: 1;
    transform: translateY(0);
}

/* Audit Cards */
.audit-card {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}

.audit-card.animate {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Approach Section Cards */
.approach-main-card,
.approach-bottom-card {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.approach-main-card.animate,
.approach-bottom-card.animate {
    opacity: 1;
    transform: translateY(0);
}

/* Client Logos */
.client-logo-item {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.client-logo-item.animate {
    opacity: 1;
    transform: scale(1);
}

/* Future Proof Section */
.future-proof-content {
    opacity: 0;
    transform: translateX(-60px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.future-proof-content.animate {
    opacity: 1;
    transform: translateX(0);
}

.future-proof-form-container {
    opacity: 0;
    transform: translateX(60px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.future-proof-form-container.animate {
    opacity: 1;
    transform: translateX(0);
}

/* Footer Section */
.footer-logo-section,
.footer-contact-section {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.footer-logo-section.animate,
.footer-contact-section.animate {
    opacity: 1;
    transform: translateY(0);
}

/* Stat Circles Animation */
.stat-circle {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}

.stat-circle.animate {
    opacity: 1;
    transform: scale(1);
}

/* Benefits List Items */
.benefits-list li {
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.benefits-list li.visible,
.benefits-list li.animate {
    opacity: 1;
    transform: translateX(0);
}