.triolab-product-categories{ background-color: #F3F3F3; }
.triolab-product-categories .row{ display: flex; }
.triolab-product-categories > .row{ flex-direction: column; }
.triolab-product-categories > .row > .row__col{ 
    flex: 0 0 100%;
}

.triolab-product-categories .categories--container .row{ 
    gap: 50px;
    flex-wrap: wrap;
    row-gap: 15px;
}
.triolab-product-categories .categories--item a{ display: flex; gap: 15px; align-items: center; }
.triolab-product-categories .categories--item a .name{ font-size: 18px; color: #747474 !important; font-weight: 500; text-transform: uppercase;}
.triolab-product-categories .categories--item.active a .name{ font-weight: 700; font-size: 18px; color: #1C7AB0 !important; }
.triolab-product-categories .categories--item.active img{ filter: sepia(130%) saturate(785%) hue-rotate(180deg) brightness(70%) contrast(85%); }

.triolab-product-categories h2{
    color: #747474;
    font-family: din2014, Sans-serif;
    font-size: 45px;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 0;
}
@media (max-width: 768px) {
    .triolab-product-categories h2{
        font-size: 26px;
    }

    .triolab-product-categories .categories--container .row{ 
        gap: 16px;
    }

    .triolab-product-categories .categories--item a {
        gap: 10px;
    }

    .triolab-product-categories .categories--item a .name {
        font-size: 14px;
    }
    .triolab-product-categories .categories--item.active a .name{
        font-size: 14px;
    }
}

.triolab-product-categories * {
    font-family: din2014, Sans-serif;
}

.triolab-product-categories .categories--item a svg path{ fill: #747474 !important;}

.triolab-product-categories .categories--container .icon{ 
    display: flex;
    align-items: center;
}

.triolab-product-categories .categories--container img, .triolab-product-categories .categories--container svg{ 
    height: 31px;
    width: 31px;
}