.owl-carousel {
    padding: 0 30px;
}
/* Phones: Owl hides .owl-carousel until .owl-loaded, then the slides jump into place.
   Every carousel in this theme uses one item below 500px, so reserve that slide
   before the script runs. Pre-rendered carousels already marked .owl-loaded
   (saved desktop widths) need their own rule and must not keep pixel widths. */
@media (max-width: 499px) {
    .owl-carousel:not(.owl-loaded) {
        display: block;
        overflow: hidden;
    }
    .owl-carousel:not(.owl-loaded) > .item ~ .item {
        display: none;
    }
}
.owl-item h2 {
    text-align: center;
}
.owl-theme .owl-nav {
    overflow: hidden;
    height: 0px;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--main-color);
}
.owl-carousel .nav-btn{
    position: absolute;
    top: 45% !important;
}

.owl-carousel .prev-slide{
    left: 5px;
    font-size: 2em; 
}
.owl-carousel .next-slide{
    right: 5px;
    font-size: 2em; 
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
}
.owl-carousel .prev-slide:hover{
    color: var(--main-color);
}

.owl-carousel .next-slide:hover{
    color: var(--main-color);
}

.owl-carousel video {
    max-height: 100%;
    max-width: 100%;
}

.owl-stage {
    margin: auto;
}