/* Hide the default checkbox */
input[type="checkbox"] {
  display: none;
}

/* Style the custom checkbox */
input[type="checkbox"] + label {
  position: relative;
  padding-right: 30px; /* Adjust padding to be on the right side */
  cursor: pointer;
  font-family: Arial, sans-serif; /* Example font */
}

input[type="checkbox"]+label {
    font-family: sans !important;
    color: red;
}

/* Style the checkbox icon */
input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  right: 0; /* Position the checkbox icon to the right */
  top: 10px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #cdcdcd;
  border-radius: 3px;
  background-color: #fff;
}

/* Style the checkbox when checked */
input[type="checkbox"]:checked + label:before {
  background-color: #f7371a;
  border-color: #f7371a;
}

/* Style the checkmark when checkbox is checked */
input[type="checkbox"]:checked + label:after {
  content: '\2713'; /* Unicode checkmark character */
  font-size: 16px;
  color: white;
    position: absolute;
  top: -0.5px;
  right: 3px; /* Adjust the position of the checkmark */
  opacity: 1;
}