.card .card-footer {
    padding: 3%;
    background-color: transparent;
}

.card .card-header {
    padding: 1.5rem;
    padding-bottom: 0px !important;
}

@media screen and (max-width: 768px) {
    .table-responsive {
        overflow-x: auto;
    }
    
    .card-header {
        flex-direction: column;
        gap: 1rem;
    }
}