.form-control::placeholder{
  color: #6c757d; /* Adjust the color as needed */
}

.form-control{
  border: 1px solid #6c757d; /* Adjust the border color as needed */
  color: #fff; /* Adjust the text color as needed */
}

/* Unchecked state */
.form-check-input {
  background-image: 
    linear-gradient(0deg, rgba(249, 245, 255, 0.00) 0%, rgba(249, 245, 255, 0.00) 100%),
    linear-gradient(90deg, rgba(71, 84, 103, 0.59) 0%, rgba(102, 112, 133, 0.59) 100%);
  border-color: white;
}

/* Checked state */
.form-check-input:checked {
  background-image: 
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"),
    linear-gradient(0deg, rgba(249, 245, 255, 0.20) 0%, rgba(249, 245, 255, 0.20) 100%),
    linear-gradient(90deg, rgba(71, 84, 103, 0.59) 0%, rgba(102, 112, 133, 0.59) 100%);
  border-color: white;
}

/* Remove Bootstrap's default blue focus ring */
.form-check-input:focus {
  box-shadow: none;
}