.owl-carousel {
    z-index: 0;
}
.owl-next.disabled,.owl-prev.disabled {
    opacity: 0.3;
    cursor: unset;
}

.owl-next,.owl-prev {
    cursor: pointer;
}

.owl-dots-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    min-height: 8px;
    margin-top: 5px;
}
.owl-dot{
    background-color: var(--light-color);
    border: 2px solid var(--dark-color);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    padding: 0;
}
.owl-dot.active {
    background-color: var(--dark-color);
}