.swiper-button-next,
.swiper-button-prev {
    color: var(--secondary-color, gray);
    top: 50%;
    transform: translateY(-50%);
    width: 5rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    z-index: 10;
    opacity: 0.6;
    transition: opacity 0.2s ease;
    backdrop-filter: blur(5px);
    margin: auto;
}

@media (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
        width: 1.5rem;
    }
}

    .swiper-button-next {
    right: 0;
    left: auto
}

.swiper-button-prev {
    right: auto;
    left: 0;
}
.swiper-button-disabled{
    display: none;
}


.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1;
}

.swiper-button-prev::after {
    /*content: "\f341"; !* Chevron left *!*/
    display: none;
}

.swiper-button-next::after {
    /*content: "\f345"; !* Chevron right *!*/
    display: none;

}

.swiper-slide {
    width: auto;
    flex-shrink: 0;
    box-sizing: border-box;
    padding-right: 1rem; /* or your gap */
}

.colia-carousel,
.colia-carousel * {
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}