/* ================================================
   SECTION: SUPPORT CONTACTS
   ================================================ */
.section-support-contacts {
    margin-top: 100px;
}

.section-support-contacts__grid {
    display: flex;
    flex-direction: column;
}

.section-support-contacts__row {
    display: flex;
    gap: 20px;
    padding: 20px;
    margin-top: 30px;
}

.section-support-contacts__card {
    flex: 1 0 0;
}

.section-support-contacts__department {
    font-family: var(--aniro-font-heading);
    font-size: 15px;
    font-weight: 900;
    font-style: italic;
    line-height: 22px;
    color: var(--aniro-color-primary);
    margin: 0 0 10px;
}

.section-support-contacts__name {
    font-family: var(--aniro-font-heading);
    font-size: 15px;
    font-weight: 900;
    line-height: 22px;
    color: #212121;
    margin: 0;
}

.section-support-contacts__content {
    font-family: var(--aniro-font-body);
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #212121;
}

.section-support-contacts__content p {
    margin: 0;
    line-height: 22px;
}

.section-support-contacts__persons-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr;
}

.section-support-contacts__persons-grid[data-columns="2"] {
    grid-template-columns: repeat(2, 1fr);
}

.section-support-contacts__person-name {
    font-family: var(--aniro-font-heading);
    font-size: 15px;
    font-weight: 900;
    line-height: 22px;
    color: #212121;
    margin: 0;
}

.section-support-contacts__person-content {
    font-family: var(--aniro-font-body);
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #212121;
}

.section-support-contacts__person-content p {
    margin: 0;
    line-height: 22px;
}

/* Support contacts mobile */
@media (max-width: 768px) {
    .section-support-contacts {
        margin-top: 60px;
    }

    .section-support-contacts__row {
        flex-direction: column;
        padding: 0;
        margin-top: 20px;
    }

    .section-support-contacts__department{
        margin: 0 0 10px;
    }

    .section-support-contacts__persons-grid[data-columns="2"] {
        grid-template-columns: 1fr;
    }
}