.tars-grid{
        display:grid;
        gap:5%;
        max-width:1520px;
        margin:0 auto;
        padding:60px 40px;
        align-items:center;
    }

    .tars-grid[data-cols='4']{
        grid-template-columns:repeat(4,1fr);
    }

    .tars-grid[data-cols='5']{
        grid-template-columns:repeat(5,1fr);
    }

    .tars-grid[data-cols='6']{
        grid-template-columns:repeat(6,1fr);
    }

    .tars-grid[data-cols='7']{
        grid-template-columns:repeat(7,1fr);
    }

    .tars-item{
        display:flex;
        justify-content:center;
        align-items:center;
        pointer-events:none;
    }

    .tars-inner{
        display:flex;
        align-items:center;
        justify-content:center;
        height:90px;
    }

    .tars-item img{
        height:auto;
        width:auto;
        max-height:70px;
        max-width:100%;
        object-fit:contain;
    }

    /* =====================================================
       ZIGZAG DESKTOP
    ===================================================== */

    @media(min-width:1024px){

        :root{
            --tars-zig:60px;
        }

        .tars-grid[data-cols='7'] .tars-item{
            transform:translateX(calc(var(--tars-zig) * -0.5));
        }

        .tars-grid[data-cols='7'] .tars-item:nth-child(14n + 8),
        .tars-grid[data-cols='7'] .tars-item:nth-child(14n + 9),
        .tars-grid[data-cols='7'] .tars-item:nth-child(14n + 10),
        .tars-grid[data-cols='7'] .tars-item:nth-child(14n + 11),
        .tars-grid[data-cols='7'] .tars-item:nth-child(14n + 12),
        .tars-grid[data-cols='7'] .tars-item:nth-child(14n + 13),
        .tars-grid[data-cols='7'] .tars-item:nth-child(14n + 14){
            transform:translateX(calc(var(--tars-zig) * 0.5));
        }

    }

    /* =====================================================
       MOBILE SLIDER
    ===================================================== */

    @media(max-width:768px){

        .tars-grid{

            display:flex !important;

            flex-wrap:nowrap !important;

            overflow-x:auto;

            gap:18px !important;

            padding:24px 20px;

            scroll-behavior:auto;

            -webkit-overflow-scrolling:touch;

            align-items:center;
        }

        .tars-grid::-webkit-scrollbar{
            display:none;
        }

        .tars-item{

            flex:0 0 22%;

            min-width:22%;

            transform:none !important;

            display:flex;
            align-items:center;
            justify-content:center;
        }

        .tars-inner{
            height:52px;
        }

        .tars-item img{
            max-height:34px;
            max-width:100%;
            width:auto;
            object-fit:contain;
        }

    }

    ");

});