.material-items-section{
    /*padding: 50px 0;*/
}

.block-material-list
{
    gap: 14px;
    display: table;
}

.block-material-item > p{
    color: var(--dark-color);
}

.block-material-item:hover > p {
    color: var(--p-color);
}

.block-material-item:hover > div:hover {
    color: var(--primary-color);
}

.active > p {
    color: var(--primary-color) !important;
}

.block-material-item{
    cursor: pointer;
    display: table-row;
}

.block-material-item-content{
    display: table-cell;
    padding: 8px;
}