.form-checkbox {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #582F90 !important;
    border-radius: 50% !important; 
    background-color: transparent !important;
    position: relative !important;
    cursor: pointer;
    display: inline-block !important;
  }
  
  .form-checkbox:hover {
    background-color: rgba(88, 47, 144, 0.1) !important;
  }
  
  .form-checkbox:checked::after {
    content: "" !important;
    width: 9px;
    height: 9px;
    background-color: #582F90;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }