::ng-deep .p-checkbox-box {
  border: 2px solid #ccc; /* Outline color */
  border-radius: 4px; /* Optional: round the corners */
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); /* Optional: subtle shadow */
  transition: box-shadow 0.2s ease; /* Smooth transition for hover effect */
}

::ng-deep .p-checkbox-box:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); /* Optional: subtle shadow */
  transition: box-shadow 0.6s ease; /* Smooth transition for hover effect */
}
