/* @group Contact Form
------------------------------------ */

.contact-form {
    border-top: 1px solid var(--white);
    position: relative;
    z-index: var(--z-index-lowest);
}

@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 p { width: calc(100% + 2rem); position: relative; left: -1rem; }
   
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .contact-form .form-col {
    opacity: 0;
    --duration: 1s;
}

:where(#wrapper) .contact-form.animateActive .form-col {
    animation: fade var(--duration) forwards;
    animation-delay: var(--delay, 0);
    --delay: 0.2s;
}