.container-table {
    display: flex;
    flex-wrap: nowrap;
}

.block-table {
    flex: 0 0 auto;
    width: 20%; /* Половина ширины экрана на десктопе */
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

.table-table {
    display: flex;
    flex-direction: column;
}

.row-table {
    border-bottom: 2px solid #eaeaea;
    padding: 10px;
    box-sizing: border-box;
    height: 150px;
    /*hyphens: auto;*/
    font-size: 0.9rem;
}
.row-table:first-child {
    font-size: 1rem;
    height: 60px;
}
.row-table:last-child {
    border-bottom: none;
}
.table-table .row-table:nth-child(2n+1) {
    background: var(--theme-color-dark);
}
.table-table .row-table:first-child {
    font-weight: bold;
}
.container-table .block-table:first-child {
    position: absolute;
    left: 0;
    z-index: 1;
    border: 1px solid var(--border-color);
    font-weight: bold;
    width: 17%;

}

.container-table .block-table:nth-child(2) {
    margin-left: 17%;
}

.container-table .block-table:nth-child(3) {
    margin-left: 1%;
}
.container-table .block-table:nth-child(4) {
    margin-left: 1%;
}
.container-table .block-table:nth-child(5) {
    margin-left: 1%;
}


@media (max-width: 767px) {
    .container-table {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* Плавная прокрутка на iOS */
    }

    .block-table {
        flex: 0 0 auto;
        width: 60%; /* Половина ширины экрана на десктопе */
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* Плавная прокрутка на iOS */
        box-shadow: -1px 5px 20px 0px var(--box-shadow-color);
        border-radius: 5px;
    }

    .row-table {
        height: 100px;
        hyphens: auto;
    }

    .container-table .block-table:first-child {
        position: absolute;
        left: 0;
        z-index: 1;
        background-color: white;
        width: 35%;
    }

    .container-table .block-table:nth-child(2) {
        margin-left: 35%;
    }

    .container-table .block-table:nth-child(3) {
        margin-left: 3%;
    }
    .container-table .block-table:nth-child(4) {
        margin-left: 3%;
    }
    .container-table .block-table:nth-child(5) {
        margin-left: 3%;
    }
}