.alert-custom-error {
    background-color: #fff;
    color: #dc3545;
    border-radius: 12px;
    border: 1px solid #dc3545;
    background: 6px 12px;
    margin-top: 4px;
    border-radius: 8px;
}

.invalid-feedback-custom {
    background-color: #fff;
    color: #dc3545;
    padding: 6px 12px;
    margin-top: 4px;
    border-radius: 8px;
}

/* Override Bootstrap's default behavior for invalid checkbox labels */
.form-check-input.is-invalid ~ .form-check-label {
    color: inherit; /* Or specify the default color if needed */
}

.modal-backdrop {
    background-color: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(30px);
}