#hm-service-price-calculator .hm-ce-section {
  margin-top: 18px;
}

#hm-service-price-calculator .hm-ce-section[hidden],
#hm-service-price-calculator .hm-ce-form-wrap[hidden],
#hm-service-price-calculator .hm-ce-cta[hidden] {
  display: none !important;
}

#hm-service-price-calculator .hm-ce-cta,
#hm-service-price-calculator .hm-ce-submit {
  display: inline-block;
  min-height: 46px;
  padding: 11px 18px;
  color: #ffffff;
  background: #0d82df;
  border: 1px solid #0d82df;
  border-radius: 7px;
  font: inherit;
  font-weight: 700;
  line-height: 1.35;
  cursor: pointer;
}

#hm-service-price-calculator .hm-ce-cta:hover,
#hm-service-price-calculator .hm-ce-cta:focus,
#hm-service-price-calculator .hm-ce-submit:hover,
#hm-service-price-calculator .hm-ce-submit:focus {
  color: #ffffff;
  background: #003f63;
  border-color: #003f63;
}

#hm-service-price-calculator .hm-ce-form-wrap {
  padding: 20px;
  background: #f7f7f7;
  border: 1px solid #dedede;
  border-radius: 9px;
}

#hm-service-price-calculator .hm-ce-form-wrap h3 {
  margin: 0 0 8px;
  color: #222222;
  font-size: 1.3rem;
  line-height: 1.3;
}

#hm-service-price-calculator .hm-ce-intro {
  margin: 0 0 18px;
  color: #555555;
  line-height: 1.55;
}

#hm-service-price-calculator .hm-ce-form {
  display: grid;
  gap: 14px;
}

#hm-service-price-calculator .hm-ce-field label {
  display: block;
  margin-bottom: 6px;
  color: #222222;
  font-weight: 600;
  line-height: 1.35;
}

#hm-service-price-calculator .hm-ce-field input,
#hm-service-price-calculator .hm-ce-field textarea {
  width: 100%;
  padding: 10px 11px;
  color: #222222;
  background: #ffffff;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
  font: inherit;
  font-size: 16px;
}

#hm-service-price-calculator .hm-ce-field input:focus,
#hm-service-price-calculator .hm-ce-field textarea:focus {
  outline: 3px solid rgba(13, 130, 223, 0.16);
  border-color: #0d82df;
}

#hm-service-price-calculator .hm-ce-sensitive-notice {
  margin: 0;
  padding: 10px 12px;
  color: #555555;
  background: #ffffff;
  border-left: 4px solid #999999;
  border-radius: 4px;
  font-size: 0.88rem;
  line-height: 1.5;
}

#hm-service-price-calculator .hm-ce-consent {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px;
  align-items: start;
}

#hm-service-price-calculator .hm-ce-consent input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

#hm-service-price-calculator .hm-ce-consent label {
  color: #333333;
  font-size: 0.92rem;
  line-height: 1.5;
}

#hm-service-price-calculator .hm-ce-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#hm-service-price-calculator .hm-ce-cancel {
  min-height: 46px;
  padding: 11px 18px;
  color: #222222;
  background: #ffffff;
  border: 1px solid #bdbdbd;
  border-radius: 7px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

#hm-service-price-calculator .hm-ce-status {
  min-height: 1px;
  line-height: 1.5;
}

#hm-service-price-calculator .hm-ce-status.is-success {
  padding: 11px 12px;
  color: #205d2a;
  background: #edf7ef;
  border-left: 4px solid #388e3c;
  border-radius: 4px;
}

#hm-service-price-calculator .hm-ce-status.is-error {
  padding: 11px 12px;
  color: #8f1717;
  background: #fbeaea;
  border-left: 4px solid #b32d2e;
  border-radius: 4px;
}

#hm-service-price-calculator .hm-ce-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

@media (max-width: 680px) {
  #hm-service-price-calculator .hm-ce-cta,
  #hm-service-price-calculator .hm-ce-submit,
  #hm-service-price-calculator .hm-ce-cancel {
    width: 100%;
  }

  #hm-service-price-calculator .hm-ce-form-wrap {
    padding: 16px 14px;
  }

  #hm-service-price-calculator .hm-ce-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}