.custom-table {
    width: 100%;
    border-collapse: collapse;
}
.custom-table th, .custom-table td {
   
    padding: 10px;
}
.custom-table th {
   
}
@media (max-width: 991.9px) {
    * {
        box-sizing: border-box;
    }

    .custom-table {
        padding: 1.5rem;
    }

        .custom-table,
        .custom-table thead,
        .custom-table tbody,
        .custom-table th,
        .custom-table td,
        .custom-table tr {
            display: block;
            width: 100%;
        }

            .custom-table thead {
                display: none;
            }

            .custom-table tr {
                margin-bottom: 1.5rem;
                padding: 10px;
                border: 1px solid #ddd;
                border-radius: 8px;
                display: flex;
                flex-direction: column;
                width: 100%;
                box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
            }

            .custom-table td {
                border: none;
                padding: 8px 10px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                text-align: end !important;
                gap: 10px;
                width: 100%;
            }

                .custom-table td[data-label]::before {
                    content: attr(data-label) ": ";
                    font-weight: bold;
                    flex-shrink: 0;
                }

                .custom-table td:not([data-label]) {
                    display: block;
                    width: 100%;
                    text-align: left;
                }
}