.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1); cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
@-webkit-keyframes fadeOut {
	0% { opacity: 1 }
	100% { opacity: 0 }
}
@keyframes fadeOut {
	0% { opacity: 1 }
	100% { opacity: 0 }
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.background-slide { height: auto }
.background-slide img { height: 100%; width: 100%; object-fit: cover }

/*.owl-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 50px }*/
.owl-prev { left: 20px }
.owl-next { left: auto; right: 20px }
.owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); height: 50px; text-align: center; cursor: pointer; min-width: 50px; min-height: 50px; line-height: 50px; position: absolute; display: block; z-index: 100; border-radius: 50%; overflow: hidden; background: #c5a361b8 }
.owl-nav button { position: absolute; top: 50%; background-color: #000; color: #fff; margin: 0; transition: all 0.3s ease-in-out }
.owl-nav button.owl-prev { left: 20px }
.owl-nav button.owl-next { right: 20px }
.owl-dots { text-align: center; padding-top: 40px; padding-bottom: 20px }
.owl-dots button.owl-dot:focus { outline: none }
.owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); }
.owl-nav button:focus { outline: none }
.owl-nav i { color: #fff; }
.class_slide .owl-dots .owl-dot:hover, .class_slide .owl-dots .owl-dot.active {
    background-color: #fff;
    border-color: var(--primary-color);
}
.class_slide .owl-dots .owl-dot.active { width: 16px; height: 16px; }
.class_slide .owl-dots .owl-dot:hover, .slider .owl-dots .owl-dot.active { background-color: #fff; border-color: var(--primary-color); }
.class_slide .owl-dots .owl-dot { background-color: var(--primary-color); border: 2px solid var(--primary-color); border-radius: 100%; cursor: pointer; display: inline-block; height: 14px; line-height: 14px; margin: 0 10px; position: relative; text-indent: -9999px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 14px; }
.class_slide .owl-dots { bottom: 20px; padding: 0; position: absolute; width: 100%; z-index: 10; }
.class_slide button.owl-prev ,button.owl-next {font-size: 40px;}
.class_slide button.owl-prev span ,button.owl-next span{position: relative;top: -4px;}
.class_slide .owl-prev, .class_slide .owl-next {
    background: rgb(38 37 36 / 59%);
    color: #fff;
    border: none;
}
@media only screen and (max-width:1024px) {
    .owl-nav button.owl-prev {
        left: 10px;
    }
    .owl-nav button.owl-next {
        right: 10px;
    }
    .owl-prev, .owl-next {
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        line-height: 40px;
    }
}