.swal2-confirm.custom-confirm-btn {
    color: black !important; /* or any text color you want */
    font-weight: 600;
  }

  .swal2-cancel.custom-cancel-btn {
    color: white !important;
  }

  .swal2-container {
    z-index: 99999 !important; /* or whatever value you need */
  }

  /* Common styles for both */
input[type="checkbox"].customCheck,
input[type="radio"].customRadio {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 2px solid #344054;
  border-radius: 4px; /* checkbox default */
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
}

/* Checked styles */
input[type="checkbox"].customCheck:checked,
input[type="radio"].customRadio:checked {
  background-color: #83EE00;
  border-color: #83EE00;
}

/* Checkbox (✔️ check mark) */
input[type="checkbox"].customCheck:checked::after {
  content: '✔';
  position: absolute;
  color: black;
  font-size: 10px;
  font-weight: bold;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Radio needs circle shape */
input[type="radio"].customRadio {
  border-radius: 50%;
}

/* Radio (black dot) */
input[type="radio"].customRadio:checked::after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.myblinkingbutton {
  animation: blink 1.5s infinite;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}