/* @group Contact Form
------------------------------------ */
.contact-form {
    position: relative;
    z-index: calc(var(--z-index-lowest) + 1);
}
.contact-form .text-box .has-eyebrow-font-size {
    margin: 0 0 1rem;
}
.contact-form .text-box .has-h-4-font-size {
    margin: 0 0 3rem;
}
@media only screen
and (min-width : 961px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .contact-form .text-box {
        margin-bottom: 7rem;
    }
    .contact-form .text-box .has-h-4-font-size {
        font-size: 3.5rem;
        line-height: 120%;
        letter-spacing: .085em;
    }
}


@media only screen
and (min-width : 800px)
and (max-width : 1440px) {
    .contact-form .submit-wrapper{
        margin-left: auto;
    }
}
/* @end */


/* ANIMATIONS */

:where(#wrapper) .contact-form .row > .bp-column {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .contact-form.animateActive .row > .bp-column:nth-child(1) {
	animation: fadeLeft var(--duration) forwards;
	animation-delay: var(--delay, 0);
	--delay: 0.3s;
}
:where(#wrapper) .contact-form.animateActive .row > .bp-column:nth-child(2) {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
	--delay: 0.6s;
}