/*
 * Contacts page info block (sections/contacts-info.php): address/phones list
 * next to the office map placeholder.
 */

.contacts {
    padding: 3vw 0 3vw;
}

.contacts__grid {
    --bs-gutter-x: 3.33vw;
    --bs-gutter-y: 3.33vw;
}

.contacts__subtitle {
    font-size: 1.35vw;
    font-weight: 700;
    color: var(--color-primary);
    margin: 0 0 1.25vw;
}

.contacts__list {
    display: flex;
    flex-direction: column;
    gap: 0.63vw;
    font-size: 0.94vw;
}

.contacts__list a {
    color: var(--color-text);
}

.contacts__list a:hover,
.contacts__list a:focus-visible {
    color: var(--color-accent);
}

@media only screen and (max-width: 767.98px) {
    .contacts {
        padding: 6vw 0;
    }

    .contacts__grid {
        --bs-gutter-x: 8vw;
        --bs-gutter-y: 8vw;
    }

    .contacts__subtitle {
        font-size: 5.87vw;
        margin: 0 0 4vw;
    }

    .contacts__list {
        gap: 2.67vw;
        font-size: 4vw;
    }
}