/* ===================== Algemeen ===================== */
body:not(.elementor-editor-active) .anim-general-toleft{
    opacity: 0 ;
    transform: translateX(48px) ;
    transition: all 0.6s ease ;
}
.u-observed .anim-general-toleft{
    opacity: 1 !important;
    transform: translateX(0) !important;
}

body:not(.elementor-editor-active) .anim-general-toright{
    opacity: 0 ;
    transform: translateX(-48px) ;
    transition: all 0.6s ease ;
}
.u-observed .anim-general-toright{
    opacity: 1 !important;
    transform: translateX(0) !important;
}

body:not(.elementor-editor-active) .anim-general-up{
    opacity: 0 ;
    transform: translateY(48px) ;
    transition: all 0.6s ease ;
}
.u-observed .anim-general-up{
    opacity: 1 !important;
    transform: translateY(0) !important;
}


/* ===================== Homepage ===================== */

/* ======= Hero Tekst ======= */
body:not(.elementor-editor-active) .c-hero__title{
    opacity: 0 ;
    transform: translateX(-48px) ;
    transition: all 0.6s ease ;
}
.c-hero__title.u-observed{
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* ======= Hero Btn ======= */
body:not(.elementor-editor-active) .anim-home-herobtn{
    opacity: 0 ;
    transform: translateX(-48px) ;
    transition: all 0.6s ease ;
    transition-delay: 0.2s;
}

.anim-home-herobtn.u-observed{
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* ======= About Section ======= */
body:not(.elementor-editor-active) .anim-home-about{
    opacity: 0;
    transform: translateY(64px) ;
    transition: all 0.6s ease ;
}

.anim-home-about.u-observed{
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* ======= Opleidingen Section ======= */
/* Title section */
/* body:not(.elementor-editor-active) .anim-home-opleidingen-title{
    opacity: 0;
    transform: translateX(-48px) ;
    transition: all 0.6s ease ;
}

.u-observed .anim-home-opleidingen-title{
    opacity: 1 !important;
    transform: translateX(0) !important;
}

body:not(.elementor-editor-active) .anim-home-opleidingen-line{
    max-width: 0% ;
    transition: all 0.9s ease ;
    transition-delay: 0.3s;
}

.u-observed .anim-home-opleidingen-line{
    max-width: 100% !important;
} */

/* Cards */
body:not(.elementor-editor-active) .anim-home-opleiding-card{
    opacity: 0;
    transform: translateX(-64px) ;
    transition: all 0.8s ease ;
}

.anim-home-opleiding-card-2{
    transition-delay: 0.1s !important;
}
.anim-home-opleiding-card-3{
    transition-delay: 0.2s !important;
}

.u-observed .anim-home-opleiding-card{
    opacity: 1 !important;
    transform: translateX(0) !important;
}

@media(max-width: 1024px) and (min-width: 576px){
    .anim-home-opleiding-card-2{
        transition-delay: 0.2s !important;
    }
    .anim-home-opleiding-card-3{
        transition-delay: 0.1s !important;
    }
}

/* ======= FAQ ======= */
body:not(.elementor-editor-active) .anim-home-faq{
    opacity: 0;
    transform: translateX(-48px) ;
    transition: all 0.6s ease ;
}

.anim-home-faq.u-observed{
    opacity: 1 !important;
    transform: translateX(0) !important;
}


/* ===================== Over ons ===================== */
body:not(.elementor-editor-active) .anim-overons-quote{
    opacity: 0;
    transform: translateY(48px) ;
    transition: all 0.6s ease ;
}

.anim-overons-quote.u-observed{
    opacity: 1 !important;
    transform: translateY(0) !important;
}


/* ===================== Opleiding - Ondernemer ===================== */

/* ======= Stappenplan ======= */
body:not(.elementor-editor-active) .anim-ondernemer-stap{
    opacity: 0 ;
    transform: translateY(48px) ;
    transition: all 0.6s ease ;
}
.anim-ondernemer-stap.u-observed{
    opacity: 1 !important;
    transform: translateY(0) !important;
}

body:not(.elementor-editor-active) .anim-ondernemer-stap-nummer{
    opacity: 0 ;
    transform: translateY(48px) ;
    transition: transform 0.6s ease, opacity 0.2s ease ;
}
.anim-ondernemer-stap-nummer.u-observed{
    opacity: 1 !important;
    transform: translateY(0) !important;
}