@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Sora:wght@100..800&display=swap');
@import url("bootstrap-icons.css");
@import url("bootstrap.min.css");
@import url("plugins/jquery_ui.css");
@import url("animation.css");
@import url("plugins/animate.css");
@import url("plugins/swiper-bundle.min.css");
@import url("plugins/swiper-gl.min.css");
@import url("plugins/odometer-theme-default.css");
@import url("plugins/jquery.fancybox.css");
@import url("plugins/flatpickr.css");
@import url("plugins/nice-select.css");

@import url("global.css");
@import url("header.css");
@import url("footer.css");
@import url("preloader.css");
@import url("shop.css");
@import url("components.css");
@import url("contact.css");
@import url("blog.css");
@import url("sidebar.css");
@import url("portfolio.css");
@import url("style.css");
@import url("responsive.css");
@import url("light.css");


.brands-collab-wp {
    grid-column-gap: 62px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

@media screen and (max-width: 479px) {
    .brands-collab-wp {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .brands-collab-wp {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 991px) {
    .brands-collab-wp {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
}

.brands-collab {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 22px 18px;
    display: flex;
}