.wpcf7-form p {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 32px;
}

.wpcf7-form-control-wrap {
    flex: 1 1 25%;
    display: flex;
    flex-direction: column;
}

.wpcf7-text {
    width: 100% !important;
}

.wpcf7-text.wpcf7-not-valid {
    border: 1px solid #FF0000 !important;
}

.wpcf7-not-valid-tip {
    color: #FF0000;
    margin-top: 8px;
}

[data-name="message"] {
    flex: 1 1 100%;
}

@media (max-width: 768px) {
    .wpcf7-form p {
        flex-direction: column;
    }
}