/* 

Hero Section */
.fade-up-animation {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 0.5s ease-out forwards;
}

#hero-title {
    animation-delay: .2s;
}

#hero-subheading {
    animation-delay: 0.26s; /* Delay after div1 animation */
}

#hero-image{
    animation-delay: 0.25s;
}

/* Your existing CSS for service-card, service-image, etc. */

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}