footer h3,
footer h4 {
    color: var(--brand-clr-1);
}

footer > div {
    border-top: 1px solid;
}

body.light-mode footer > div {
    border-top: 1px solid;
}

footer .contact-us a,
footer .social a {
    color: var(--brand-clr-2);
    transition: color ease 300ms;
}

body.light-mode footer .contact-us a,
body.light-mode footer .social a {
    color: var(--fg-clr-light);
}

footer .contact-us a:hover,
footer .social a:hover {
    color: var(--brand-clr-1);
}

body.light-mode footer .contact-us a:hover,
body.light-mode footer .social a:hover {
    color: var(--brand-clr-1);
}

.google-map {
    width: 100%;
    height: 100vh;
    max-height: 300px;
    border-radius: 0.8rem;
    overflow: hidden;
}

@media screen and (min-width: 1400px) {
    footer>div,
    footer>span {
        max-width: var(--max-vw) !important;
    }
}