@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@700&display=swap");
.box-shadow {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.cmi-module-salesforce-form {
  padding: 6rem 0;
}
.cmi-module-salesforce-form h2 {
  font-family: "Prompt", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-wrap: pretty;
}
.cmi-module-salesforce-form p {
  text-wrap: pretty;
}
.cmi-module-salesforce-form form [class*=col-]:not(.disclaimer) {
  margin-bottom: 1.2em;
  font-size: 1.1em;
}
.cmi-module-salesforce-form input[type=submit] {
  border-radius: 999px;
  margin: 0;
}
.cmi-module-salesforce-form textarea {
  resize: vertical;
}
.cmi-module-salesforce-form .disclaimer {
  margin-bottom: 0;
  font-size: 0.9em;
  text-align: center;
  text-wrap: pretty;
}
.cmi-module-salesforce-form .disclaimer a {
  color: inherit;
  text-decoration: underline;
}
.cmi-module-salesforce-form .g-recaptcha {
  max-width: 304px;
  margin: 0 auto;
}

.cmi-module-salesforce-form-warning {
  color: #272727;
  background-color: #fff;
  border: 5px solid #f4a11e;
}

.cmi-module-salesforce-form-warning__header {
  background-color: #f4a11e;
  padding: 15px;
}

.cmi-module-salesforce-form-warning__body {
  padding: 15px;
}

.cmi-module-salesforce-form--dark {
  color: #fff;
  background: linear-gradient(180deg, #272727, #494949);
  border-bottom: 2px solid #d10074;
}
.cmi-module-salesforce-form--dark .cmi-module-salesforce-form__hint {
  color: #cccccc;
}
.cmi-module-salesforce-form--dark .cmi-module-salesforce-form__warning {
  color: #f9d2cd;
}
.cmi-module-salesforce-form--dark .disclaimer {
  color: #cfcfcf;
}
.cmi-module-salesforce-form--dark .cmi-module-salesforce-form__success {
  color: #272727;
  background-color: #dcdcdc;
}

.cmi-module-salesforce-form--light {
  background: linear-gradient(180deg, #dcdcdc, #efefef);
}
.cmi-module-salesforce-form--light .cmi-module-salesforce-form__hint {
  color: #505a5f;
}
.cmi-module-salesforce-form--light .cmi-module-salesforce-form__warning {
  color: #d4351c;
}
.cmi-module-salesforce-form--light .disclaimer {
  color: #757575;
}
.cmi-module-salesforce-form--light .cmi-module-salesforce-form__success {
  color: #ffffff;
  background-color: #272727;
}
.cmi-module-salesforce-form--light .cmi-module-salesforce-form__success::before {
  opacity: 0.075;
}

.cmi-module-salesforce-form__label {
  display: block;
  margin: 0 0 5px;
  line-height: 1em;
}

.cmi-module-salesforce-form__hint {
  font-size: 0.9rem;
  line-height: 1.25;
  margin: 0 0 5px;
}
@media (min-width: 768px) {
  .cmi-module-salesforce-form__hint {
    line-height: inherit;
  }
}

.cmi-module-salesforce-form__warning {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 5px;
}

.cmi-module-salesforce-form__hint + .cmi-module-salesforce-form__warning {
  margin-top: -4px;
  margin-bottom: 8px;
}

.cmi-module-salesforce-form__input {
  display: block;
  width: 100%;
  min-height: 2.5rem;
  padding: 5px;
  border-radius: 6px;
  border: 2px solid #272727;
}
.cmi-module-salesforce-form__input:focus {
  outline: 3px solid #d10074;
  outline-offset: 0;
  box-shadow: inset 1px 1px 3px 0px #757575;
}
.cmi-module-salesforce-form__input--error:not(:focus) {
  border-color: #d4351c;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-right: calc(1.5em + 0.75rem);
}

.cmi-module-salesforce-form__input[type=tel] {
  max-width: 20.5rem;
  width: 100%;
}

.cmi-module-salesforce-form__input[inputmode=numeric] {
  width: 50%;
}
@media (min-width: 768px) {
  .cmi-module-salesforce-form__input[inputmode=numeric] {
    width: 33.33%;
  }
}

.cmi-module-salesforce-form__success {
  position: relative;
  border-radius: 1rem;
  padding: 2rem;
}
.cmi-module-salesforce-form__success::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zM227.3 387.3l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L216 308.1l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.2 16.4 6.2 22.6 0z'/%3E%3C/svg%3E");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.25;
  z-index: 0;
}

.cmi-module-salesforce-form__success h2,
.cmi-module-salesforce-form__success p {
  position: relative;
  z-index: 1;
}

.cmi-module-salesforce-form__preview {
  background-color: rgba(209, 0, 116, 0.05);
  border: 2px dotted #d10074;
  padding: 2rem 0 2.5rem;
}