/******Owl Carousel*******/ 
.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 { display: flex; position: relative; -ms-touch-action: pan-Y; touch-action: pan-Y; -moz-backface-visibility: hidden; backface-visibility: hidden } 
.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); 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); transform: translate3d(0, 0, 0) } 
.owl-carousel .owl-item { display: flex; min-height: 1px; float: left; width: 100%; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } 
.owl-carousel .owl-item img { display: block; } 
.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-loading { opacity: 0; display: block } 
.owl-carousel.owl-hidden { opacity: 0 } 
.owl-carousel.owl-refresh .owl-item { visibility: hidden } 
.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 { animation-duration: 1s; animation-fill-mode: both } 
.owl-carousel .owl-animated-in { z-index: 0 } 
.owl-carousel .owl-animated-out { z-index: 1 } 
.owl-carousel .fadeOut { animation-name: fadeOut } 
@keyframes fadeOut { 
 0% { opacity:1 } 
100% { opacity:0 } 
 } 
.owl-height { transition: height .5s ease-in-out } 
.owl-carousel .owl-item .owl-lazy { opacity: 0 } 
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } 
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #0b0b0b } 
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } 
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } 
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } 
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } 
.owl-carousel .owl-dots { display: flex; margin: 0 auto; clear: both; overflow: hidden; padding-top: 35px; text-align: center; align-items: center; justify-content: center } 
.owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } 
.owl-carousel .owl-dot { position: relative; display: inline-block; width: 10px; height: 10px; margin: 2px 4px; border: 2px solid #ececec; font-size: 0; line-height: 0; cursor: pointer; border-radius: 20px; background-color:#ececec } 
.owl-carousel .owl-dot span { display: none } 
.owl-carousel .owl-dot.active { width: 40px; } 
.owl-carousel .owl-dot.active, .owl-carousel .owl-dot:hover { background-color: #3381ff; border-color: #3381ff; } 
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { background-color:#f7f4ef; cursor: pointer; position: absolute; left:0; top: 50%; margin-top: -30px; width:60px; height:60px; border: #f7f4ef; border-radius:60px; display: inline-block; font-size: 0; z-index: 98; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent } 
.owl-carousel .owl-nav .owl-next { left: auto; right:0 } 
.owl-carousel .owl-nav .owl-next.disabled, .owl-carousel .owl-nav .owl-prev.disabled { opacity: .2; cursor: not-allowed } 
.owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before { content: "\f177"; font-size:24px; font-family:"Font Awesome 6 Pro"; color: #616161; font-weight: 400; line-height: 1; display: block; margin: 0 2px; position: absolute; top: 50%; left: 42%; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } 
.owl-carousel .owl-nav .owl-next:before { left: 46%; content: "\f178" } 
.owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover { background-color: #3381ff; border-color: #3381ff } 
.owl-carousel .owl-nav .owl-next:hover::before, .owl-carousel .owl-nav .owl-prev:hover::before { color: #ffffff } 
.owl-carousel.top-nav .owl-nav { position: absolute; bottom: 100%; width: 150px; height: 70px; right: 0; margin-bottom: 80px } 
.owl-carousel.md-nav .owl-nav .owl-next, .owl-carousel.md-nav .owl-nav .owl-prev { margin-top: -25px; width:50px; height:50px; } 
.owl-carousel.md-nav .owl-nav .owl-next:before, .owl-carousel.md-nav .owl-nav .owl-prev:before { font-size: 20px } 
.owl-carousel.sm-nav .owl-nav .owl-next, .owl-carousel.sm-nav .owl-nav .owl-prev { margin-top: -20px; width:40px; height:40px; } 
.owl-carousel.sm-nav .owl-nav .owl-next:before, .owl-carousel.sm-nav .owl-nav .owl-prev:before { font-size: 18px } 
.owl-carousel.bottom-nav .owl-nav { position: relative; bottom:auto; width: 132px; height: 60px; left: auto; right: auto; margin: 35px auto 0; } 
.owl-carousel.nav-space .owl-nav .owl-next, .owl-carousel.nav-space .owl-nav .owl-prev { left: 10px } 
.owl-carousel.nav-space .owl-nav .owl-next { left: auto; right: 10px; } 




.owl-carousel.nav-top-40 .owl-nav .owl-next, .owl-carousel.nav-top-40 .owl-nav .owl-prev{ top: 40%}

.owl-carousel.bg-none-arrow .owl-nav .owl-next, .owl-carousel.bg-none-arrow .owl-nav .owl-prev{ background-color: transparent !important; left: 25px;}

.owl-carousel.bg-none-arrow .owl-nav .owl-next{ left: auto; right: 25px}

.owl-carousel.bg-none-arrow .owl-nav .owl-next::before{ content: "\f105"; font-size: 25px; color: #0b0b0b}
 .owl-carousel.bg-none-arrow .owl-nav .owl-prev::before{content: "\f104";font-size: 25px; color: #0b0b0b}


 .owl-carousel.w-auto{ width: auto;}

 .owl-carousel.w-auto .owl-dots{ padding-top: 15px}

/******Owl Carousel End*******/ 
@media only screen and (max-width:1279px) { 
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { margin-top: -25px; width:50px; height:50px; } 
.owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before { font-size: 20px } 
.owl-carousel.top-nav .owl-nav { width: 115px; } 
.owl-carousel.bottom-nav .owl-nav { width: 115px; height: 50px; } 
 } 
 @media only screen and (max-width:1023px) { 
 .owl-carousel.top-nav .owl-nav { position: relative; bottom:auto; height: 50px; left: auto; right: auto; margin: 30px auto 0; } 
 } 
@media only screen and (max-width:767px) { 
 .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { margin-top: -20px; width:40px; height:40px; } 
 .owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before { font-size: 18px } 
 .owl-carousel.top-nav .owl-nav { width:95px; } 
 .owl-carousel.md-nav .owl-nav .owl-next, .owl-carousel.md-nav .owl-nav .owl-prev { margin-top: -20px; width:40px; height:40px; } 
 .owl-carousel.md-nav .owl-nav .owl-next:before, .owl-carousel.md-nav .owl-nav .owl-prev:before { font-size: 18px } 
 .owl-carousel.top-nav .owl-nav { height:40px; } 
 .owl-carousel.bottom-nav .owl-nav { width: 95px; height:40px; } 
 }