/* Add Project Details field to service inquiry form and balance left/right height */
form.wc-service-inquiry-project-details-form{
  align-items:start!important;
}

form.wc-service-inquiry-project-details-form .wc-service-project-details-field{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:100%!important;
}

form.wc-service-inquiry-project-details-form .wc-service-project-details-field label{
  display:block!important;
  margin:0 0 7px!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:850!important;
  color:#071832!important;
}

form.wc-service-inquiry-project-details-form .wc-service-project-details-field textarea{
  width:100%!important;
  max-width:100%!important;
  min-height:118px!important;
  height:118px!important;
  border:1px solid #dce7f5!important;
  border-radius:14px!important;
  padding:12px 14px!important;
  font-size:15px!important;
  line-height:1.45!important;
  background:#fff!important;
  color:#071832!important;
  box-shadow:none!important;
  outline:none!important;
  resize:vertical!important;
}

form.wc-service-inquiry-project-details-form .wc-service-project-details-field textarea:focus{
  border-color:#0167ff!important;
  box-shadow:0 0 0 3px rgba(1,103,255,.12)!important;
}

/* Keeps the white form card visually closer to the left content block. */
#service-inquiry form.wc-service-inquiry-project-details-form,
[id*="inquiry"] form.wc-service-inquiry-project-details-form,
[class*="inquiry"] form.wc-service-inquiry-project-details-form{
  min-height:430px!important;
}

#service-inquiry form.wc-service-inquiry-project-details-form button[type="submit"],
#service-inquiry form.wc-service-inquiry-project-details-form input[type="submit"],
[id*="inquiry"] form.wc-service-inquiry-project-details-form button[type="submit"],
[id*="inquiry"] form.wc-service-inquiry-project-details-form input[type="submit"],
[class*="inquiry"] form.wc-service-inquiry-project-details-form button[type="submit"],
[class*="inquiry"] form.wc-service-inquiry-project-details-form input[type="submit"]{
  margin-top:2px!important;
}

@media(max-width:720px){
  form.wc-service-inquiry-project-details-form .wc-service-project-details-field{
    grid-column:auto!important;
  }

  #service-inquiry form.wc-service-inquiry-project-details-form,
  [id*="inquiry"] form.wc-service-inquiry-project-details-form,
  [class*="inquiry"] form.wc-service-inquiry-project-details-form{
    min-height:auto!important;
  }
}