.directorist-tags-wrapper{
    padding-left:14px !important;
    padding-right:14px !important;
    box-sizing:border-box !important;display:grid!important;gap:18px!important;margin:0!important;padding:0!important}
.directorist-tags-wrapper.columns-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}
.directorist-tags-wrapper.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.directorist-tags-wrapper.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.directorist-tags-wrapper.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.directorist-tags-wrapper .directorist-tag-item{margin:0!important;padding:0!important;min-width:0!important}
.directorist-tags-wrapper .directorist-tag-item>a{display:block!important;text-decoration:none!important;background:#fff!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 2px 10px rgba(0,0,0,.16)!important;height:100%!important}
.directorist-tags-wrapper .directorist-tag-thumb{height:var(--dttwi-image-height,220px)!important;overflow:hidden!important;background:#e9e9e9!important}
.directorist-tags-wrapper .directorist-tag-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.directorist-tags-wrapper .directorist-tag-content{background:#fff!important;padding:16px 14px 18px!important;text-align:center!important}
.directorist-tags-wrapper .tag-name{display:block!important;font-size:18px!important;line-height:1.25!important;font-weight:700!important;color:#1f2937!important;margin:0 0 8px!important}
.directorist-tags-wrapper .tag-count{display:block!important;font-size:13px!important;line-height:1.2!important;color:#8b8f97!important;margin:0!important}
@media (max-width:1024px){.directorist-tags-wrapper.columns-4,.directorist-tags-wrapper.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.directorist-tags-wrapper.columns-4,.directorist-tags-wrapper.columns-3,.directorist-tags-wrapper.columns-2{grid-template-columns:repeat(1,minmax(0,1fr))!important}}


/* Unified hover + equal image height + image grow + gradient overlay */
.directorist-tags-wrapper .directorist-tag-item > a{
    transition: transform .25s ease, box-shadow .25s ease !important;
}
.directorist-tags-wrapper .directorist-tag-thumb{
    position: relative !important;
    height:220px !important;
    overflow:hidden !important;
}
.directorist-tags-wrapper .directorist-tag-thumb::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.18), rgba(0,0,0,.02));
    opacity:1;
    transition:opacity .35s ease;
    pointer-events:none;
    z-index:2;
}
.directorist-tags-wrapper .directorist-tag-thumb img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    transition:transform .4s ease !important;
    transform:scale(1) !important;
    transform-origin:center center;
}
.directorist-tags-wrapper .directorist-tag-item > a:hover .directorist-tag-thumb img,
.directorist-tags-wrapper .directorist-tag-item:hover .directorist-tag-thumb img{
    transform:scale(1.12) !important;
}
.directorist-tags-wrapper .directorist-tag-item > a:hover .directorist-tag-thumb::after,
.directorist-tags-wrapper .directorist-tag-item:hover .directorist-tag-thumb::after{
    opacity:.65 !important;
}
.directorist-tags-wrapper .directorist-tag-item > a:hover .tag-name,
.directorist-tags-wrapper .directorist-tag-item:hover .tag-name,
.directorist-tags-wrapper .directorist-tag-item > a:hover .tag-count,
.directorist-tags-wrapper .directorist-tag-item:hover .tag-count{
    color:#1d88e5 !important;
}




/* Responsive layout */
@media (max-width: 1024px){
    .directorist-tags-wrapper{
    padding-left:14px !important;
    padding-right:14px !important;
    box-sizing:border-box !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px){
    .directorist-tags-wrapper{
    padding-left:14px !important;
    padding-right:14px !important;
    box-sizing:border-box !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .directorist-tags-wrapper .directorist-tag-thumb{
        height: 180px !important;
    }
}

@media (max-width: 520px){
    .directorist-tags-wrapper{
    padding-left:14px !important;
    padding-right:14px !important;
    box-sizing:border-box !important;
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}


@media (max-width: 767px){
    .directorist-tags-wrapper{
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}