.error {
        color: #ff0000 !important;
    }
    button.swal2-cancel.btn.btn-light {
        background-color: #dddddd;
    }
    /* SweetAlert overlay */
    .custom-success-popup {
        width: 430px !important;
        max-width: 90% !important;
        padding: 35px 30px 30px !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow: 0 15px 50px rgba(0, 0, 0, 0.20) !important;
        text-align: center !important;
    }

    /* Success icon */
    .custom-success-popup .swal2-icon.swal2-success {
        width: 75px !important;
        height: 75px !important;
        margin: 0 auto 20px !important;
        border-width: 4px !important;
    }

    /* Title */
    .custom-success-popup .swal2-title {
        margin: 0 0 12px !important;
        padding: 0 !important;
        color: #071d49 !important;
        font-size: 25px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        text-align: center !important;
    }

    /* Message */
    .custom-success-popup .swal2-html-container,
    .custom-success-popup .swal2-content {
        margin: 0 auto 25px !important;
        padding: 0 !important;
        color: #555 !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        text-align: center !important;
    }

    /* OK button */
    .custom-success-popup .swal2-confirm {
        min-width: 120px !important;
        height: 45px !important;
        padding: 0 25px !important;

        border: none !important;
        border-radius: 5px !important;

        background: #ff5818 !important;
        color: #ffffff !important;

        font-size: 15px !important;
        font-weight: 600 !important;

        box-shadow: none !important;
        outline: none !important;
    }

    /* Button hover */
    .custom-success-popup .swal2-confirm:hover {
        background: #e94d10 !important;
    }

    /* Remove focus outline */
    .custom-success-popup .swal2-confirm:focus {
        box-shadow: 0 0 0 3px rgba(255, 88, 24, 0.20) !important;
    }

    /* Mobile */
    @media (max-width: 576px) {
        .custom-success-popup {
            width: calc(100% - 30px) !important;
            padding: 30px 20px 25px !important;
        }

        .custom-success-popup .swal2-title {
            font-size: 21px !important;
        }

        .custom-success-popup .swal2-html-container {
            font-size: 15px !important;
        }
    }
    .custom-error-popup {
    width: 430px !important;
    max-width: 90% !important;
    padding: 35px 30px 30px !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.20) !important;
    text-align: center !important;
}

.custom-error-popup .swal2-title {
    margin: 0 0 15px !important;
    padding: 0 !important;
    color: #071d49 !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.custom-error-message {
    color: #555 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    text-align: center !important;
}

.custom-error-message div {
    margin-bottom: 5px;
}

.custom-error-popup .swal2-confirm {
    min-width: 120px !important;
    height: 45px !important;
    padding: 0 25px !important;
    border: none !important;
    border-radius: 5px !important;
    background: #ff5818 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.custom-error-popup .swal2-confirm:hover {
    background: #e94d10 !important;
}