.loader {
    border: 16px solid #ffcf60;
    border-top: 16px solid #00308f;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.swal2-popup {
    font-size: 1rem !important;
    max-width: 100% !important;
}

.swal2-title {
    color: black !important;
    font-size: 1.2rem !important;
}

.swal2-html {
    color: #F97529 !important;
    font-weight: bold !important;
}

.swal2-confirm, .swal2-cancel {
    font-size: 1rem !important;
    padding: 10px 20px !important;
}

.swal2-confirm {
    background-color: #ffcf60 !important;
    color: black !important;
}

.swal2-cancel {
    font-size: 0.8rem !important;
    padding: 5px 10px !important;
    background-color: #00308f !important;
}

  html.swal2-shown,
body.swal2-shown {
    overflow-y: hidden !important;
    height: auto !important;
}


.swal2-progresssteps-container {
    padding: 10px !important; /* Adjust the padding value as needed */
}

.swal2-progress-steps .swal2-progress-step {
    background: #ffcf60 !important; /* This will change the color of the progress bar to #ffcf60 */
}