:root{
  --principal: #FF931E;
  --secundario: white; 
  --terciario: #333;
}

.contact-form{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contact-form p{
  width: 49%;
}

.contact-form > p:nth-child(5), .contact-form > p:nth-child(6), .contact-form > p:nth-child(7), .contact-form > p:nth-child(8){
  width: 100%;
}

.contact-form textarea{
  margin-bottom: 0 !important;
}

#enviar{
  color: var(--terciario);
  background: var(--secundario);
  border: 1px solid var(--principal);
  border-radius: 3px;
  font-weight: 600;
  font-size: 12px;
  padding: 10px 20px;
  display: inline-block;
  box-shadow: inset 0 -1px 0 rgb(255 255 255 / 50%);
}

.contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=tel]{
  width: 100% !important;
}

.contact-form > p > span > input, .contact-form > p > span > textarea, .contact-form > p:nth-child(4) > span > div > input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext.wpcf7-validates-as-required.p-3{
  background-color: var(--secundario);
  border: 1px solid var(--principal);
  border-radius: 3px;
}

.contact-form > p > span > input{
  height: 40px;
}

.contact-form > p > span > textarea{
  resize: none;
}

.contact-form > p > span > input::-webkit-input-placeholder, .contact-form > p > span > textarea::-webkit-input-placeholder,
.contact-form > p > span > input, .contact-form > p > span > textarea, .contact-form > p:nth-child(7) > span > span > span > label > span{
  width: 100%;
  font-size:16px;
  color: var(--terciario);
  font-weight: 600;
}

span.wpcf7-list-item{
  margin: 0 !important;
}

.wpcf7-list-item-label{
  display: inline;
}

.contact-form label{
  text-transform: initial;
}

.contact-form > p:nth-child(7){
  display: none;
}

/* Plugin Indicativo Telefone */
.contact-form > p:nth-child(4) > span > div > input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext.wpcf7-validates-as-required.p-3{
  width: 100%;
  height: 40px;
  padding-left: 4rem !important;
  font-size:16px;
  color: var(--terciario);
  font-weight: 600;
}

/* -------- styles only for mobile: medium devices -------- */
@media screen and (max-width: 766.98px) {
  div.col-md-6.mt-5{
      margin-top: 0 !important;
  }
}

/* -------- styles only for mobile: small devices -------- */
@media screen and (max-width: 575.98px) {
  .contact-form p{
      width: 100%;
  }
}