.modal-bottom-category {
    top: calc(100% - 500px);
}
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.modal.fade .down {
    animation: modalFadeIn 0.3s ease forwards;
}
/* Custom animation for modal closing downward */
@keyframes modalFadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(100%);
    }
}

.modal.modal-down .modal-dialog {
    animation: modalFadeOut 0.4s ease forwards;
}
.modal-open {
    overflow: hidden;
}

.modal {
    overflow-y: auto;
}