/*Schedule a Personal Live Demo*/
.form-input {
  background: url(https://www.yeastar.com/wp-content/uploads/2020/12/apply-live-demo.jpg) center
    no-repeat;
  background-size: cover;
  min-height: 47vw;
}
.form-input h2 {
  color: #fff;
  text-align: center;
}
.hbspt-form {
  width: 63vw;
  margin: 0 auto;
}
.field > label {
  color: #fff;
}
.field input,
.field select,
#primary .form-columns-1 textarea.hs-input {
  background: #2f3944;
  margin-bottom: 0;
  border: 1px solid #2f3944;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 5px;
}
#primary .form-columns-1 .hs-input,
#primary .form-columns-1 textarea.hs-input {
  width: 98%;
}
.hbspt-form .hs-richtext p {
  color: #fff;
  margin-bottom: 10px;
}
.legal-consent-container .hs-form-booleancheckbox-display p {
  color: #fff;
}
.hs-richtext:last-child {
  margin-top: -15px;
}
.hs-submit input[type="submit"] {
  background-color: #f5b418;
  width: 180px;
  font-size: 20px;
  margin: 1.5vw 0 3vw;
  border-radius: 8px;
  line-height: 50px;
  padding: 0;
}
.hs-submit input[type="submit"]:hover {
  background-color: #ff9a00;
}
.field input,
.field select {
  height: 45px;
}
.hbspt-form .hs_firstname,
.hbspt-form .hs_lastname,
.hbspt-form .hs_email,
.hbspt-form .hs_phone {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.field div {
  width: 98%;
}
.hbspt-form .hs_firstname .input,
.hbspt-form .hs_lastname .input,
.hbspt-form .hs_email .input,
.hbspt-form .hs_phone .input {
  width: 96%;
}
.field textarea {
  width: 98%;
  background: #2f3944;
  border-color: #2f3944;
  color: rgba(255, 255, 255, 0.7);
}
.inputs-list input {
  height: initial;
  top: 0;
  margin-top: 0;
}
@media (max-width: 767px) {
  .hbspt-form {
    width: 90%;
  }
  .hbspt-form .hs_firstname,
  .hbspt-form .hs_lastname,
  .hbspt-form .hs_email,
  .hbspt-form .hs_phone {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}