/* Add to your CSS */
.modal.slide-out-left .modal-dialog {
    animation: slideOutLeft 0.4s forwards;
}

@keyframes slideOutLeft {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(-100%);
        opacity: 0;
    }
}

/* Fade In Animation */
.modal.fade-custom-in .modal-dialog {
	animation: fadeInModal 0.4s forwards;
}
@keyframes fadeInModal {
	from {
		opacity: 0;
		transform: scale(0.95);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* Fade Out Animation */
.modal.fade-custom-out .modal-dialog {
	animation: fadeOutModal 0.4s forwards;
}
@keyframes fadeOutModal {
	from {
		opacity: 1;
		transform: scale(1);
	}
	to {
		opacity: 0;
		transform: scale(0.95);
	}
}