.bg-info {
    background-color: rgb(84, 180, 211)!important;
}
.modal.show .modal-dialog {
    transform: none;

}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    
}
@media(min-width:992px) {
.modal .modal-side {
    position: absolute;
    width: 100%;
    right: 33px;
   
    margin: 0;
}
}
@media(min-width:576px) {
.modal-dialog {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}
}

.modal-content {
    --mdb-modal-box-shadow: 0 2px 15px -3px rgba(0,0,0,0.07),0 10px 20px -2px rgba(0,0,0,0.04);
    border: 0;
    box-shadow: var(--mdb-modal-box-shadow);
}