.lead-form {
padding: 28px;
  border-radius: 17px;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .23);
}

.form-grid {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.form-grid--two {
margin-top: 14px;
}

.field {
display: grid;
  align-content: start;
}

.field--wide {
grid-column: 1 / -1;
}

.field label,
.lead-form>label {
margin-bottom: 6px;
  color: #40516a;
  font-size: 15px;
  font-weight: 800;
}

.field input,
.field select,
.field textarea {
width: 100%;
  min-height: 45px;
  padding: 10px 12px;
  border: 1px solid #cad9e8;
  border-radius: 8px;
  background: #fbfdff;
  color: var(--ink);
  outline: none;
}

.field textarea {
resize: vertical;
}

.field input:focus,
.field select:focus,
.field textarea:focus {
border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(20, 143, 197, .13);
}

.field>span,
.field-error,
.validation-summary {
color: var(--danger);
  font-size: 15px;
}

.validation-summary ul {
margin: 0 0 12px;
  padding-left: 18px;
}

.consent {
display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 14px 0 16px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}

.consent input {
flex: 0 0 auto;
  margin-top: 3px;
}

.consent a {
color: var(--blue);
  font-weight: 800;
}

.consent--simple {
font-size: 15px;
}

.honeypot {
position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

@media (max-width: 560px) {
  .form-grid {
  grid-template-columns: 1fr;
  }

  .lead-form {
  padding: 22px;
  }
}