.custom-blogs-all__grid {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(var(--grid-desktop-columns, 3), 1fr);
}

@media (max-width: 959px) {
    .custom-blogs-all__grid {
        grid-template-columns: repeat(var(--grid-mobile-columns, 1), 1fr);
        gap: 20px;
    }
}

.custom-blogs-all__item {
    display: flex;
}

.custom-blogs-all__item[hidden] {
    display: none;
}