.products-section .section-content {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden; 
}

.carousel-container .product-card {
    flex: 0 0 calc((100% - 4 * 3%) / 5);
}
.hidden-carousel {
    display: none !important;
}



@media (max-width: 1300px) {

    .carousel-container .product-card {
        flex: 0 0 calc((100% - 3 * 3%) / 4);
    }
}


@media (max-width: 992px) {


    .carousel-container .product-card {
        flex: 0 0 calc((100% - 2 * 3%) / 3);
    }

}


@media (max-width: 578px) {

    .carousel-container .product-card {
        flex: 0 0 calc((100% - 1 * 3%) / 2);
    }
}