/* @group Contact Form
------------------------------------ */
.contact-form {
    --row-default: 126rem;
    color: var(--blue);
}
.contact-form .title {
    text-align: center;
    margin-bottom: 4rem;
}
.contact-form .title .wp-block-heading {
    margin: 0 0 2rem;
}
@media only screen
and (min-width : 961px) {
    .contact-form .title {
        margin-bottom: 4.5rem;
    }
    .contact-form .title p {
        font-size: 2rem;
        line-height: 1.5em;
        letter-spacing: .03em;
    }
}
@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) .contact-form :is(.title h2, .title p, .form) {
    opacity: 0;
    --duration: 1s;
}

:where(#wrapper) .contact-form.animateActive :is(.title h2, .title p, .form) {
    animation: fadeUp var(--duration) forwards;
    animation-delay: var(--delay, 0);
}

:where(#wrapper) .contact-form.animateActive .title h2 {
    --delay: 0.5s;
}
:where(#wrapper) .contact-form.animateActive .title p {
    --delay: 0.75s;
}
:where(#wrapper) .contact-form.animateActive .form {
    --delay: 1s;
}