/*
  RTL Form Fix: Unifies checkbox and radio button alignment.
  Ensures controls are on the right and text is on the left.
*/
.contact-form {
  direction: rtl;
  text-align: right;
}

.contact-form .form-group,
.contact-form label:not(.form-check-label) {
  text-align: right !important;
}

/* Container for each radio/checkbox option */
.contact-form .form-check {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important; /* Aligns items to the start (right in RTL) */
  margin-bottom: 0.75rem !important;
}

/* The actual radio/checkbox input element */
.contact-form .form-check-input {
  position: static !important; /* Critical: Overrides Bootstrap's absolute positioning */
  order: 1 !important; /* Places the input first (on the right) */
  margin: 0 !important;
}

/* The label for the radio/checkbox */
.contact-form .form-check-label {
  order: 2 !important; /* Places the label second (to the left) */
  margin-right: 0.75rem !important; /* Creates space between the control and the label */
  text-align: right !important;
}