.ajax-modal { overflow: auto; display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999; }
.ajax-modal-content { background:#fff; margin:50px auto; padding:2rem; width:800px; max-width:calc(100% - 2rem); display:flex; gap:20px; }
.ajax-modal-close { position:absolute; top:10px; right:20px; font-size:30px; cursor:pointer; }
.modal-main { flex:2; }
.modal-sidebar { flex:1; background:#f5f5f5; padding:10px; }
.modal-main > *:first-child {
    margin-top: 0;
}
.ajax-modal-content {
    position: relative;
}
.ajax-modal-content:before {
    content: "";
    width: 200px;
    height: 200px;
    position: absolute;
    top: -15px;
    right: -15px; 
    background: #aa0000;
    z-index: -1;  
}
.ajax-modal-content:after {
    content: "";
    width: 200px;
    height: 200px;
    position: absolute;
    bottom: -15px;
    left: -15px; 
    background: #aa0000;
    z-index: -1;  
}
@media (max-width: 576px) {
    .ajax-modal-content {
        padding: 5%
    }
}