body {
    font-family: "Outfit", sans-serif;
}
.active-cat {
    background-color: black;
    color: white;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.hero-section {
    background-image: url("/images/hero-mobile.png");
    background-position: bottom;
    background-repeat: no-repeat;
}
.discount-section {
    background-image: url("/images/discount-bg-mobile.png");
    background-position: cover;
    background-repeat: no-repeat;
}
.headphone-hero {
    background-image: url("/images/discount-bg-mobile.png");
    background-position: bottom;
    background-repeat: no-repeat;
}
.category-hero {
    background-image: url("/images/hero-mobile.png");
    background-position: bottom;
    background-repeat: no-repeat;
}
.earphone-hero {
    background-image: url("/images/earphones-hero.png");
    background-position: bottom;
    background-repeat: no-repeat;
}
.portable-hero {
    background-image: url("/images/portable-listing-hero.png");
    background-position: bottom;
    background-repeat: no-repeat;
}
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media (min-width: 768px) {
    .hero-section {
        background-image: url("/images/hero.png") !important;
    }
    .discount-section {
        background-image: url("/images/discount-bg.png") !important;
    }
    .headphone-hero {
        background-image: url("/images/headphone-hero.png") !important;
    }
    .category-hero{
        background-image: url("/images/category-hero.png") !important;
    }
}