/* Place Your Custom Styles Here */

.logo-image {
    max-width: 90%; /* Adjust this value as needed */
    margin: 0 auto; /* This will center the logos inside their columns */
}

.modal-dialog-slideout { 
    min-height: 100%; 
    margin: 0 0 0 auto; 
    background: #fff; 
}
.modal.fade .modal-dialog.modal-dialog-slideout { 
    -webkit-transform: translate(100%, 0)scale(1); 
    transform: translate(100%, 0)scale(1); 
}
.modal.fade.show .modal-dialog.modal-dialog-slideout { 
    -webkit-transform: translate(0, 0); 
    transform: translate(0, 0); 
    display: flex; 
    align-items: center; 
    -webkit-box-align: center; 
}

.modal-dialog-slideout {
    z-index: 2050;  /* This value might need to be adjusted based on other z-index values in your stylesheet */
}