/* Add fadeInUp animation to service page topic-content elements */

/* Apply fadeInUp animation to topic-content elements */
.topic-content {
    animation: fadeInUp 0.6s ease-out;
}

/* Define the fadeInUp keyframes animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Optional: Add staggered animation delay for multiple topic cards */
.topic-card:nth-child(1) .topic-content {
    animation-delay: 0.1s;
}

.topic-card:nth-child(2) .topic-content {
    animation-delay: 0.2s;
}

.topic-card:nth-child(3) .topic-content {
    animation-delay: 0.3s;
}

/* Ensure elements start invisible before animation */
.topic-content {
    opacity: 0;
}

/* Override for when animation completes */
.topic-content {
    animation-fill-mode: forwards;
}