.modal {
    padding: 0 40px !important;
    overflow: hidden;
}

.modal-dialog {
    max-width: 800px; 
    margin: 30px auto;
}

.modal-content {
    border-radius: 10px;
}

.modal-header {
    background-color: #3a3535;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 10px;
}

.text-sm {
    font-size: 16px;
}
.text-sm:not(.active) {
    color: #009d25;
}

@media (max-width: 768px) {
    .modal-dialog {
        margin: 10px auto;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
    }
    .modal {
        padding: 0 !important;
    }
    .text-sm {
        font-size: 14px;
    }
}