#ContactForm{
  background-color: #4D008C;
    border-radius: 27px;
}
.title{
  color:#4D008C;
  font-weight: 700;
  text-align: center;
}
.background-image{
   background-image: url('/theme-generated/back_perks-1440.webp') !important;
   background-image: image-set(url('/theme-generated/back_perks-1440.avif') type('image/avif'), url('/theme-generated/back_perks-1440.webp') type('image/webp')) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important; 
    background-color: #fff !important;
}
.contact img {
  max-width: 100%;
}

.contact .form__message {

}

.contact .icon-success {
  margin-top: 0.2rem;
}

.contact .field {
  margin-bottom: 1.5rem;
}
#ContactForm {
  padding: 30px 50px;
}
#ContactForm .field::before,#ContactForm .field::after,#ContactForm .field__input:focus{
  border-radius: 20px;  
}
#ContactForm label{
  font-weight: 500;
}
.contact__button button{
    background: #FFD400;
    color: #4D008C;
    font-size: 24px;
    font-family: "Outfit", sans-serif;
    font-weight: 700;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 35%;
    border: .5px solid #FFD400;
    border-radius: 13px;
    text-transform: uppercase;
    transition: .3s ease;
}
.title {
  margin: 0;
}
.contact__button button::after,.contact__button button::before{
  display: none;
}
.contact__button button:hover,.contact__button button:active{
    color:#FFD400;
    background:#4D008C;
  border:0.5px solid #FFD400;
}
@media screen and (min-width: 750px) {
  .contact .field {
    margin-bottom: 2rem;
  }
}

.contact__button {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .contact__button {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 860px) {
  .title{
    text-align: center;
  }
  .contact__button button{
  width: 100%;
}
  #ContactForm {
  padding: 20px;
    border:0.5px solid #000;
    margin: 0 26px;
}
}

@media screen and (min-width: 750px) {
  .contact__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
}