.bts-categories{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap:1rem;
    align-items: start;
}

.bts-categories h3{
    color: #4C1B97;
    font-weight: 400;
    text-align: start;
}

.bts-categories-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    width: 100%;
}

.grid-item{
    display: flex;
    flex-direction: column;
    gap:0.6rem;
    align-items: start;
}

.grid-item h5{
    color: #191817;
    font-weight: 400;
}

@media (max-width: 1024px) {
    .bts-categories-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .bts-categories-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .bts-categories-grid {
        grid-template-columns: 1fr;
    }
}