/***** START — POPUP/MODAL *****/

.modal-content {
    border: 4px solid var(--red) !important;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

.modal-header {
    border: none;
}

.modal-header .close-box {
    color: #fff;
}


.modal-content {
    background: transparent !important;
}

.modal-backdrop {
    opacity: 0.87 !important;
}

@media(max-width: 768px) {
    .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}

/***** END — POPUP/MODAL *****