/* Set animation delays for different elements */
/* Hero section */
.titles h1[data-animation="fade-in-up"] {
    animation-delay: 0.2s;
}

.titles-and-subtitle .subtitle[data-animation="fade-in-up"] {
    animation-delay: 0.2s;
}

/* Video section */
.tabs[data-animation="fade-in-up"] {
    animation-delay: 0.2s;
}

.panel-subtitle[data-animation="slide-in-left"] {
    animation-delay: 0.5s;
}

.video-card[data-animation="slide-in-left"] {
    animation-delay: 0.5s;
}

.video-card[data-animation="slide-in-right"] {
    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;
}