.contacts__head {
    margin-bottom: 20px
}

.contacts__title {
    color: var(--accent);
    text-transform: uppercase
}

.contacts__description {
    color: var(--accent);
    margin-top: 20px
}

.contacts__form-wrapper {
    margin: 0 auto;
    width: 100%
}

@media (min-width: 576px) {
    .contacts__head {
        text-align: center
    }

    .contacts__form-wrapper {
        max-width: 440px
    }
}

.contacts__form-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.contacts__form-agree, .contacts__form-attach {
    margin-top: 20px
}

.contacts__form-submit-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}