:root {
    --primary-color: #000000;
    --secondary-color: #f3f3f3;
}

@font-face {
    font-family: oldLondon;
    src: url("../fonts/OldLondon.ttf");
}

@media screen and (max-width: 1023px) {
    
    .main-table thead {
        clip: rect(0 0 0 0);
        overflow: hidden;
        position: absolute;
        width: 1px;
    }

    .main-table tr {
        display: block;
        border: 2px solid var(--secondary-color);
        /* border-radius: 10px; */
        overflow: hidden;
        margin-bottom: 20px;
    }

    .main-table td {
        /* display: block;*/
        text-align: right; 
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }

    .main-table td::before {
        content: attr(data-label);
        float: left;
        font-weight: 500;
    }

    .main-table .total-row td::before{
        content: none;
        float: none;
    } 

    /* .total-table td{
        display: block;
        text-align: right; 
    } */
}