.table-wrapper {
    overflow: auto;
    max-height: 600px;
    max-width: 100%;
}

.responsive-table {
    border-collapse: collapse;
    min-width: 100%;
}

.table-header {
    background-color: var(--green);
    font-size: 14px;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: left;
}

.table-header .col {
    padding: 15px;

}

.table-row {
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    border-bottom: 1px dashed var(--green);
}

.table-row .col {
    padding: 15px;
    text-align: left;
}

.col-2 {
    flex-basis: 40%;
}

.col-3 {
    flex-basis: 25%;
}