/* @group 2 Column Form - Image
------------------------------------ */
.form-two-column-image {
    --heightMultimedia: 30rem;
    --borderRadiusMultimedia: .3rem;
}
.form-two-column-image .multimedia-wrapper .bp-multimedia {
    height: var(--heightMultimedia);
    border-radius: var(--borderRadiusMultimedia);
}
@media only screen
and (min-width : 961px) {
    .form-two-column-image {
        --heightMultimedia: 60rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .form-two-column-information .bp-column {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .form-two-column-information.animateActive .bp-column {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .form-two-column-information.animateActive .bp-column:nth-child(1) {
    --delay: 0.2s;
}
:where(#wrapper) .form-two-column-information.animateActive .bp-column:nth-child(2) {
    --delay: 0.5s;
}