@import "../component-link-card/style.css";

.brand-list{
    padding-bottom: 80px;
}
.brand-list-block{
    margin-bottom: 160px;
}
.brand-list-block:last-child{
    margin-bottom: 0;
}
.brand-list-block__title{
    margin-bottom: 60px;
}
.brand-list-group{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 24px;
}

@media screen and (width < 1024px) {
    .brand-list-block{
        margin-bottom: 100px;
    }
}
@media screen and (width < 768px) {
    .brand-list{
        padding-bottom: 60px;
    }
    .brand-list-block{
        margin-bottom: 60px;
    }
    .brand-list-block__title{
        margin-bottom: 40px;
    }
}