/* @group image-with-accordions
------------------------------------ */
.image-with-accordions {
    position: relative;
}
.image-with-accordions .wp-block-columns,
.image-with-accordions .row {
    max-width: 128rem!important;
}
.image-with-accordions .wp-block-image {
    margin: 0;
    border-radius: 2rem;
    overflow: hidden;
    height: 33.3rem;
}
.image-with-accordions .wp-block-group h2,
.image-with-accordions .wp-block-group p {
    color: var(--blue);
    margin: 0 0 2.6rem;
}
@media only screen
and (min-width : 961px) {
    .image-with-accordions .wp-block-group {
        padding: 8.1rem 0 0;
    }
    .image-with-accordions .wp-block-image {
        height: 62.4rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .image-with-accordions .wp-block-group h2 {
        text-align: center;
    }
    .image-with-accordions .last-column {
        order: -1;
        margin: 0 0 3.8rem;
    }
}

/* @end */





/* ANIMATIONS */
:where(#wrapper) .image-with-accordions :is(.wp-block-image, h2, p, .accordions) {
    opacity: 0;
    --duration: 1s;
}

:where(#wrapper) .image-with-accordions.animateActive :is(.wp-block-image, h2, p, .accordions) {
    animation: fadeUp var(--duration) forwards;
    animation-delay: var(--delay, 0);
}

:where(#wrapper) .image-with-accordions.animateActive .wp-block-image {
    --delay: 0.5s;
}
:where(#wrapper) .image-with-accordions.animateActive h2 {
    --delay: 0.75s;
}
:where(#wrapper) .image-with-accordions.animateActive p {
    --delay: 0.75s;
}
:where(#wrapper) .image-with-accordions.animateActive .accordions {
    --delay: 1s;
}