/* Owl Carousel Custom Styles */
.owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-8);
    margin-top: var(--spacing-24);
}

.owl-carousel .owl-dots button {
    height: calc(var(--rpx) * 12);
    width: calc(var(--rpx) * 12);
    border-radius: calc(var(--rpx) * 10);
    background-color: var(--primary) !important;
    transition: var(--transition-fast);
}

.owl-carousel .owl-dots button:hover:not(.active) {
    opacity: 0.5;
}

.owl-carousel .owl-dots button.active {
    background: var(--white-100) !important;
}

.owl-carousel .owl-nav button.disabled {
    pointer-events: none;
    opacity: 0.25;
}



.owl-nav button,
.owl-nav button svg,
.owl-nav button circle,
.owl-nav button path {
    width: calc(60 * var(--rpx));
    height: calc(60 * var(--rpx));
    transition: var(--transition-fast);
}

.owl-nav button:hover svg circle{
    fill: var(--primary);
}
.owl-nav button:hover svg path{
    stroke: var(--white-100);
}


@media (max-width: 767px) {

}

@media (min-width: 768px) and (max-width: 1023px) {
    
}

@media (max-width: 1023px) {
    .owl-nav button,
    .owl-nav button svg,
    .owl-nav button circle,
    .owl-nav button path {
        width: calc(50 * var(--rpx));
        height: calc(50 * var(--rpx));
    }
}

@media (min-width: 1024px) {
    
}