/*** ---------- Template: Contact ---------- ***/
.wpb-contact { --gc: 1; --gap: 2.2rem; padding-block: 1.6rem;
    h2 { margin-bottom: 1.6rem; } 

    .wpb-contact__links { display: grid; grid-template-columns: repeat(var(--gc, 1), minmax(0, 1fr)); gap: .8rem; margin-bottom: 1.6rem;
        .contact-link { border-radius: .8rem; padding: 1.6rem; background-color: #fff; }
    }

    .wpb-contact__form { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); -ms-grid-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); -webkit-box-align: start; -ms-flex-align: start; align-items: start; 
        .wpb-card { border-radius: 1.2rem; }

        &:has(+ h2) { margin-bottom: 1.6rem; }
    }
    
    .wpb-contact__cta { display: grid; grid-template-columns: minmax(0, 1fr); gap: .8rem;
        .wpb-card { border-radius: 1.2rem; }
    }

    .wpb-contact__faq { display: grid; grid-template-columns: minmax(0, 1fr); gap: .8rem; align-items: start; }

    @media (min-width: 768px) {
        padding-block: 4.8rem;

        h2 { margin-bottom: 2.4rem; } 

        .wpb-contact__links { margin-bottom: 2.4rem; }

        .wpb-contact__form {
            &:has(+ h2) { margin-bottom: 2.4rem; }
        }
    }

    @media (min-width: 992px) {
        padding-block: 6.4rem;

        .wpb-contact__links { margin-bottom: 4rem; --gc: 3; gap: 3.2rem;
            .contact-link { padding: 2.4rem; }
        }

        .wpb-contact__form { grid-template-columns: minmax(0, 1fr) minmax(0, 40rem); --gap: 3.2rem;
            .wpb-card { --padding: 3.2rem; }

            &:has(+ h2) { margin-bottom: 4rem; }
        }

        .wpb-contact__cta { gap: 3.2rem; 
            .wpb-card { --padding: 3.2rem; }
        }

        .wpb-contact__faq { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.4rem }
    }
    
    @media (min-width: 1200px) {
        .wpb-contact__form { grid-template-columns: minmax(0, 1fr) minmax(0, 49rem); }
    }
}