@media screen and (width > 768px) { /* breakpoint “md” and above in Bootstrap */
    .modal-dialog.modal-dialog-md-centered {
        display: flex;
        align-items: center;
        min-height: calc(100% - var(--bs-modal-margin) * 2);
    }
}

@media screen and (width <= 768px) { /* breakpoints “sm” and lower in Bootstrap */
    /*------------------------
        EFFECT
    -------------------------*/
    .modal.modal_slide_effect_from_bottom_mobile .modal-dialog {
        bottom: 0;
        position: inherit;
        height: auto;
        width: 100vw;
        margin: 0 auto;
        filter: drop-shadow(0px 4px 6px var(--contrast-theme-color));
        -webkit-animation: fade-in-from-bottom 0.6s ease forwards;
        animation: fade-in-from-bottom 0.6s ease forwards;
    }

    .modal.modal_slide_effect_from_bottom_mobile .modal-dialog .modal-content {
        border-top-left-radius: 2rem !important;
        border-top-right-radius: 2rem !important;
        max-height: 600px;
    }
}

/*-------------------
    MODAL CONTENT
--------------------*/
.modal .modal-dialog.modal-dialog-scrollable:not(.modal-dialog-centered, .modal-dialog-md-centered) .modal-content {
    height: 100%;
}

/*------------------------
    MODAL HEADER
-------------------------*/
.modal-title {
    font-weight: bold;
    color: var(--contrast-theme-color);
}