.mpp-contact-heading h3{letter-spacing:2px;color:#000 !important;}
.mpp-contact-heading h4{font-size:50px;color:#000 !important;}
.page-id-32 .mpp-contact{display:none !important;}
.mpp-contact .wpcf7 form .wpcf7-submit {
    background: linear-gradient(90deg, #27C436, #ee0979, #4a90e2, #010080);
    background-size: 300% 300%;
    color: #fff;
    padding: 16px 45px;
    border: none;
    border-radius: 0.25em;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s ease;
    animation: gradientMove 5s ease infinite;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    letter-spacing: 0.5px;
    text-transform:uppercase;
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.mpp-contact .wpcf7 form .wpcf7-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.35);
}

.mpp-contact .wpcf7 form .wpcf7-submit:active {
    transform: translateY(0);
    box-shadow: 0 5px 12px rgba(0,0,0,0.25);
}



.mpp-contact form .fieldset {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -16px;
}
.mpp-contact label{
    color: #000;
}
.mpp-contact .wpcf7-text {
   width: 100%;
   padding:16px;
   border:solid 1px #000;
}
.mpp-contact .wpcf7-textarea{border:solid 1px #000;}
.mpp-contact form .input-group {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px 13px 20px;
}
.mpp-contact .w50{width:45%}
.mpp-contact .w100{width:100%}
@media screen and (max-width: 550px) {
    /* Your mobile styles here */
   .mpp-contact .w50{width:100%}
}