.contacts-page {
    background: rgba(242, 244, 248, 1);
}

input[type="text"],
textarea {
    background: rgba(227, 234, 242, 1);
}

.contacts {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;

    @media (min-width: 1340px) {
        margin-top: 3rem;
        align-items: flex-start;
        flex-direction: row;
    }
}

.contacts-text-content {
    font-size: 1.5rem;
}

.contacts-text-content > a {
    font-weight: 700;
    color: rgba(12, 70, 173, 1);
}

.contacts-content {
    padding: 1rem 0 1.25rem;
    display: grid;
    /* grid-template-columns: 1fr; */
    gap: 2rem 3rem;

    grid-template-columns: repeat(2, auto);
    @media (min-width: 1340px) {
        grid-template-columns: repeat(2, auto);
    }
}

.contacts > .contacts-content > .content-section {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.contacts > .contacts-content > .content-section > p {
    color: rgba(126, 136, 136, 1);
    font-size: 0.75rem;
}

.contacts > .contacts-content > .content-section > .content-section-label {
    display: flex;
    gap: 0.5rem;
}

.content-section-label > label,
.content-section-label > a {
    font-weight: 700;
    color: rgba(16, 36, 65, 1);
}

.contacts > .content > .content-section-label .icon {
    min-width: 1.25rem;
    min-height: 1.25rem;
}

.social-networks {
    margin-top: 1rem;
}
