/*tap页面*/
#carouselId.carousel .carousel-item, #carouselId.carousel .carousel-item img {
    height: 600px;
}

.carousel-control-prev-icon {
    background-image: url("/static/icon/icon-left.svg");
}
.carousel-control-next-icon {
    background-image: url("/static/icon/icon-right.svg");
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

#carouselId .carousel-indicators {
    gap: 20px;
}
#carouselId .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

@media (max-width: 768px) {
    #carouselId.carousel .carousel-item, #carouselId.carousel .carousel-item img {
        height: 300px;
    }

    #carouselId .carousel-caption .display-6 {
        font-size: 1rem;
    }
    #carouselId .carousel-caption .fs-4 {
        font-size: 0.95rem!important;
    }


    .tap-container .tap {
        width: 50%;
        height: 440px;
        transition: all .3s;
    }
    .tap-container .tap.active {
        width: 100%;
        transition: all .3s;
    }

    .categories-carousel .owl-nav .owl-prev {
        left: 0!important;
    }
    .categories-carousel .owl-nav .owl-next {
        right: 0!important;
    }

    .categories-carousel .owl-nav .owl-prev, .categories-carousel .owl-nav .owl-next {
        top: -55px!important;
        transform: scale(0.8);
    }
    .carousel-indicators {
        gap: 40px!important;
    }
}

.categories-carousel .owl-nav .owl-prev,
.categories-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    z-index: 99;
    border-radius: 100%;
    transition: 0.5s;
}

.categories-carousel .owl-nav .owl-prev {
    left: -40px;
}
.categories-carousel .owl-nav .owl-next {
    right: -40px;
}