form br {
    display: none;
}

.wrapper-form-section {
    background-color: var(--primary);
    padding: 48px 20px;
    border-radius: 4px;
    color: var(--white)
}

.wrapper-form-section h2 {
    margin-bottom: 16px;
}

.description-form {
    font-size: 20px;
    margin: 0;
}

.wrapper-info-form {
    max-width: 425px;
}

.wrapper-form p {
    display: flex;
    gap: 8px;
    align-items: end;
}

form input {
    max-width: 190px;
    border-radius: 8px; 
    color: var(--disable-txt);
    background-color: rgba(245, 245, 245, 1);
    border: none;
    padding: 12px 8px;
    color: var(--txt);

}

form label {
    display: flex;
    flex-direction: column;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: none;
}

form .wpcf7-submit {
    background-color: var(--icon);
    border-radius: 10px;
    height: fit-content;
    width: 190px;
    color: var(--white);
    margin-top: 24px;
}

form .wpcf7-spinner {
    display: none;
}

form a,
form a:hover
 {
    color: var(--white);
}

form input[type="checkbox"] {
    accent-color: var(--icon);
}

span.wpcf7-list-item label {
    flex-direction: row;
    gap: 8px;
}

span.wpcf7-list-item label span.wpcf7-list-item-label {
    font-size: 12px;
}

.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item {
    margin: 0;
}


@media screen and (max-width: 1200px) {
    .wrapper-info-form {
        max-width: 100%;
    }
 }

@media screen and (max-width: 768px) {
    .wrapper-form p {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }

    .wrapper-form p:nth-child(1),
    .wrapper-form p:nth-child(2) {
        flex: 0 0 calc(50% - 4px); /* 50% ширины минус половина gap (8px/2) */
    }

    .wrapper-form p:nth-child(3) {
        flex: 0 0 100%; /* Третий элемент занимает 100% */
    }

    .wrapper-form {
        width: 100%;
    }

    form label {
        width: 100%;
    }

    form input {
        width: 100%;
        max-width: 100%;
    }

    form input[type="checkbox"] {
        width: min-content;
    }

    form .wpcf7-submit {
        width: 100%;
    }

    .wrapper-info-form {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 576px) {
    .wrapper-form p {
        flex: 0 0 100%; /* Все элементы занимают 100% ширины */
    }
}