/* Ensure elements are hidden before animation */
[data-animation] {
    opacity: 0;
}

/* Set animation delays for different elements */
/* Main section */

.forecast-section h1[data-animation="slide-in-left"] {
    animation-delay: 0.3s;
}

.forecast-section .subtitle[data-animation="slide-in-right"] {
    animation-delay: 0.5s;
}

.iframe-container[data-animation="fade-in-up"] {
    animation-delay: 0.5s;
}

/* Contact CTA section */
.frame2-text1[data-animation="slide-in-top"] {
    animation-delay: 0.3s;
}

.frame2-text2[data-animation="slide-in-bottom"] {
    animation-delay: 0.2s;
}

.roundbutton[data-animation="scale-in"] {
    animation-delay: 0.2s;
}

.contacts a:first-child[data-animation="slide-in-left"] {
    animation-delay: 0.3s;
}

.contacts a:last-child[data-animation="slide-in-right"] {
    animation-delay: 0.3s;
}

.namelogo[data-animation="fade-in-up"] {
    animation-delay: 0.3s;
}

.mo-icon[data-animation="whirlpool-in-icon"] {
    animation-delay: 0.3s;
}