/* Fade-in animations for text elements */
.fade-in {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

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

/* Different timing for headings and paragraphs for staggered effect */
h1.fade-in, h2.fade-in, h3.fade-in, h4.fade-in, h5.fade-in, h6.fade-in {
    transition-delay: 0.1s;
}

p.fade-in {
    transition-delay: 0.2s;
}

/* Apply to specific elements */
.mil-h1.fade-in, .mil-h2.fade-in, .mil-h3.fade-in, .mil-h4.fade-in {
    transition-delay: 0.1s;
}

.mil-up {
    opacity: 0;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    transform: translateY(20px);
}

.mil-up.visible {
    opacity: 1;
    transform: translateY(0);
}