.swal2-custom-class{
  .swal2-title{
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: bold;
    height: 45px;
  }
  .swal2-info {
    color: var(--primary-color);
    border-color: var(--primary-color);
  }
}

/* Ensure SweetAlert appears above modals */
/* Modal has z-index: 9999999, so SweetAlert needs higher */
.swal2-container-custom {
  z-index: 99999999 !important;
}

/* Additional rule to ensure SweetAlert2 container has higher z-index */
.swal2-container.swal2-container-custom {
  z-index: 99999999 !important;
}

/* Ensure SweetAlert backdrop also has high z-index */
.swal2-container.swal2-container-custom.swal2-backdrop-show {
  z-index: 99999999 !important;
}

/* Force z-index on all SweetAlert elements */
div.swal2-container {
  z-index: 99999999 !important;
}

/* Specific override for when SweetAlert is opened inside a modal */
body.swal2-shown > .swal2-container {
  z-index: 99999999 !important;
}