.category-chart {
    background-image: url("../../images/redesign/bg-chart.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.category-chart h3 {
    font-size: 42px;
}

.category-chart .blocktitle {
    padding: 11px 15px 5px 15px;
    border-color: var(--dark-blue);
}

.category-chart .blocktitle p span {
    font-size: 28px;
    background-color: #f5f5f5;
}

.category-chart .blocktitle h3 {
    font-size: 33px;
}

.table-chart .bulb {
    bottom: -37px;
    right: -203px;
}

.table-chart * {
    font-size: 14px;
}

.table-chart {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}

.table-chart .th {
    padding: 17px;
}

.table-chart .td {
    padding: 10px 20px;
}

.table-chart .th:nth-child(2) {
    margin-top: -23px;
    padding-bottom: 10px;
}

.table-chart .flex>div:nth-child(1) {
    width: 400px;
    max-width: 100%;
    border-bottom: 2px solid #e5e5e5;
}

.table-chart .flex>div:nth-child(2) {
    width: 163px;
    border-bottom: 2px solid #fff;
}

.table-chart .flex>div:nth-child(3) {
    width: 130px;
    background-color: #ebebeb;
    border-bottom: 2px solid #fff;
}

.table-chart .flex>div:nth-child(4) {
    width: 114px;
    background-color: #ebebeb;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.table-chart .tbody:last-child .td:nth-child(2):after {
    width: 100%;
    height: 23px;
    bottom: -25px;
    content: '';
    position: absolute;
    left: 0;
    background: var(--dark-blue);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}

.table-chart .thead .th:nth-child(1),
.table-chart .tbody .td:nth-child(1) {
    box-shadow: inset -8px 0px 5px -6px rgba(0, 0, 0, 0.25);

}

@media screen and (max-width: 992px) {
    .table-chart .flex>div:nth-child(1) {
        width: 50%;
    }

    .table-chart .flex>div:nth-child(2) {
        width: 118px;
    }
}

@media screen and (max-width: 567px) {
    .category-chart {
        background-image: url("../../images/redesign/bg-chart-m.webp");
        background-image: -webkit-image-set(url("../../images/redesign/bg-chart-m.webp") 1x, url("../../images/redesign/bg-chart-m@2x.webp") 2x);
    }

    .table-chart .th {
        padding-left: 2px;
        padding-right: 2px;
    }

    .table-chart .td {
        padding-left: 14px;
        padding-right: 14px;
    }

    .table-chart .flex>div:nth-child(1) {
        width: calc(100% - 150px);
    }

    .table-chart .flex>div:nth-child(2) {
        width: 60px;
    }

    .table-chart .flex>div:nth-child(3) {
        width: 50px;
    }

    .table-chart .flex>div:nth-child(4) {
        width: 50px;
    }

    .table-chart .th:nth-child(2) {
        margin-top: -15px;
        padding-bottom: 5px;
        padding-top: 0;
    }

    .table-chart .th:nth-child(2) img {
        margin-top: -10px;
        margin-left: 8px;
    }

    .table-chart .tbody:last-child .td:nth-child(2):after {
        height: 15px;
        bottom: -17px;
    }

    .table-chart .thead .th:nth-child(3) span,
    .table-chart .thead .th:nth-child(4) span {
        transform: translateY(12px);
    }

    .table-chart .thead .th:nth-child(2) {
        transform: translateX(-1px);
    }

}