/* @group Example
------------------------------------ */
.contact-form a {
    text-decoration: none;
}
.contact-form :is([style="text-decoration:underline"]) a {
    text-decoration: underline;
}
.contact-form strong {
    font-weight: 600;
}
@media only screen
and (min-width : 961px) {
    .contact-form :is(.contact-form-map, .bp-multimedia) {
        height: 35.5rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .contact-form {
        position: relative;
        padding-bottom: 60rem;
    }
    .contact-form .text-col {
        position: static;
    }
    .contact-form :is(.contact-form-map, .bp-multimedia) {
        height: 55rem;
        width: calc(100% - calc(var(--row-mobile-padding) * 2));
        position: absolute;
        bottom: 0;
        left: var(--row-mobile-padding);
        right: var(--row-mobile-padding);
    }
}

/* @end */


/* ANIMATION */
:where(#wrapper) .contact-form {
	opacity: 0;
}
:where(#wrapper) .contact-form.animateActive {
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .contact-form.animateActive {
	animation: fade var(--anim-duration) ease forwards;
	--delay: 0.3s;
}