footer .info-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing-xl);
    padding-bottom: var(--spacing-3xl);
}

footer .info-area {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing-md);
}

footer .info-area span {
    display: block;
    font-weight: var(--font-weight-semi-bold);
}

footer .logo-area {
    width: 50%;
    padding: var(--spacing-2xl) 0;
    margin: auto;
    max-width: 100px;
}

footer .map-area {
    border-radius: var(--border-radius-md);
    height: 500px;
}

@media screen and (min-width: 768px) {
    footer .info-wrapper {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    footer .info-area {
        width: 48%;

    }

    footer .map-area {
        width: 48%;
        height: 600px;
    }

    footer .logo-area {
        max-width: 200px;
    }
}