/* Custom styling for swiper navigation buttons */
    .swiper-button-next,
    .swiper-button-prev {
    background-color: #5e72e4; /* Match this with your logo/theme color */
    color: white !important;
    padding: 30px;
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
    transition: all 0.3s ease;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 18px !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #4454c3; /* Darker shade on hover */
    transform: scale(1.1);
}

/* Adjust the size of the navigation buttons */
.swiper-button-next,
.swiper-button-prev {
    margin-top: -20px; /* Align with the center of slides */
}

/* Hide slides that don't match the selected category */
.swiper-slide.hidden {
    display: none;
}