.mt-20{
    margin-top: 5rem;
}
.mt-30{
    margin-top: 7rem;
}

.liner-custom{
    background: linear-gradient(87deg, #0000005c, #000000a3, transparent);
    inset: 0;
}
.table-cus{
    color: white !important;
}

.table-cus{
    width:100%;border-collapse:separate;border-spacing:0 10px;font-size:14px
}
.table-cus thead th{
    text-align:left;padding:12px 16px;font-weight:600;color:var(--muted);font-size:13px
}
.table-cus tbody tr{
    background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
    border:1px solid rgba(255,255,255,0.03);
    border-radius:10px;box-shadow:0 4px 18px rgba(2,6,23,0.4);
}
.table-cus tbody td{
    padding:12px 16px;border-top:0;border-bottom:0;vertical-align:middle
}


/* make rows look like cards by spacing cells */
.table-cus tbody tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}
.table-cus tbody tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}



.text-red-500{
    color: red;
}
.mx-2{
    margin: 0 5px;
}
.mt-10{
    margin-top: 2rem;
}
select option{
    color: black;
}