:root {
	--primary-color: #cf0200;
	--primary-hover: #A60200;
	--secondary-color: #090909;
	--primary60: #cf0200;
	--primary70: #A60200;
	--secondary60: #090909;
}

/* Keep checkbox/label clickable — hide only the original text visually */
.ob.form-group.contact-preference
.ob.form-control.checkbox
span.ob.typography.body2.normal.neutral {
  position: relative;
  color: transparent;          /* hides text but keeps layout/click area */
}

/* Add replacement text */
.ob.form-group.contact-preference
.ob.form-control.checkbox
span.ob.typography.body2.normal.neutral::after {
  content: "By checking this box, I agree to receive SMS text messages at the phone number I am submitting with my application.";
  position: absolute;
  left: 0;
  top: 0;
  color: inherit;              /* we'll set a visible color below */
  pointer-events: none;        /* clicks still toggle checkbox */
}

/* Ensure the injected text is visible (since parent text is transparent) */
.ob.form-group.contact-preference
.ob.form-control.checkbox
span.ob.typography.body2.normal.neutral::after {
  color: #000;                 /* if your theme is dark, change accordingly */
  line-height: 1.4;
}

.ob.form-group.contact-preference
.form-group-description p.ob.typography.body2 {
  position: relative;
  color: transparent;
}

.ob.form-group.contact-preference
.form-group-description p.ob.typography.body2::after {
  content: "Message frequency will vary depending on your stage in the application and hiring process. Reply STOP to cancel at any time.";
  position: absolute;
  left: 0;
  top: 0;
  color: #000;
  line-height: 1.4;
  pointer-events: none;
}