.hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement label,
form[class*="webform"] .form-item-sms-agreement label {
  font-size: 0.75rem;
  padding: 0;
  color: #4a4a4a;
}

.campaign-wrapper .hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement label {
  font-size: 0.75rem;
  padding: 0;
  color: #bbbbbb;
  padding-left: 25px;
}

.hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement label {
  color: #ffffff;
  padding-left: 30px;
}

.hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement input[type=checkbox]:not(:checked) + label::before {
  background-color: #7d002e;
  border-color: #ffffff;
  height: 15px;
  width: 15px;
}

.hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement input[type=checkbox]:checked + label::before {
  background-color: #7d002e;
  border-color: #ffffff;
  height: 15px;
  width: 15px;
}

.hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement input,
form[class*="webform"] .form-item-sms-agreement input {
  margin: 0.1em 0.5em 0 0;
}

/* Hide the default checkbox */
.hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement input[type="checkbox"],
form[class*="webform"] .form-item-sms-agreement input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 2px solid #ccc;
  border-radius: 3px;
  background: white;
  cursor: pointer;
  position: relative;
}

/* Style the checkmark */
.campaign-wrapper .hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement input[type="checkbox"]:checked,
.hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement input[type="checkbox"]:checked,
form[class*="webform"] .form-item-sms-agreement input[type="checkbox"]:checked {
  background: white;
  border-color: #4a4a4a;
}

/* Create the black checkmark */
.campaign-wrapper .hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement input[type="checkbox"]:checked + label::after,
.hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement input[type=checkbox]:checked + label::after,
form[class*="webform"] .form-item-sms-agreement input[type="checkbox"]:checked::after {
  content: '✓' !important;
  position: absolute !important;
  color: #4a4a4a !important;
  font-size: 12px !important;
  font-weight: bold !important;
  left: 1px !important;
  top: -2px !important;
}

.campaign-wrapper .hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement input[type="checkbox"]:checked + label::after,
.hero--lead-gen .lead-gen__form form[class*="webform"] .form-item-sms-agreement input[type=checkbox]:checked + label::after {
  color: #ffffff !important;
  left: 4px !important;
  top: 0 !important;
}