.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

.owl-nav {height: 1px; position: absolute; top: calc(50% - 40px); width: calc(100% + 140px); justify-content: space-between; display: flex; font-size: 40px; line-height: 40px; color: grey; left: -70px; }
.owl-nav button { z-index: 1; position: relative; background-color:transparent !important; opacity: 0.6; width:50px; height: 50px; border-radius: 100%; }
.owl-nav button:before{-webkit-mask: url(../../img/arrow2.svg) no-repeat center/20%; z-index: -1; background-color: white;position: absolute; width: 100%; height: 100%; content: ""; left: 0; top: 0; transform: rotate(180deg)}
.owl-nav button.owl-prev {transform: rotate(180deg)}
.owl-nav button:hover {opacity: 1; background-color:white !important;;}
.owl-nav button:hover:before{background-color:var(--c1) !important;}
.owl-nav button.disabled {opacity:0.5}
.owl-next.disabled,.owl-prev.disabled  {pointer-events: none;opacity: 1;}

.owl-dots { display: flex; justify-content: center; gap: 0.75rem; margin-top: 2rem }
.owl-dot {position: relative; width: 10px; height: 10px; background-color: var(--cl) !important; display: inline-block; border-radius: 20px; }
.owl-dot.active {background-color: var(--c1) !important;}
.owl-dot.active:before { background-color: var(--c1); width: 200%; height: 200%; content: ""; top: -50%; left: -50%; position: absolute; border-radius: 100px; opacity: 0.3; }
@media (max-width:1366px){
    .owl-nav {width: 100%;left: 0px;}
}
@media (max-width:768px){
    .owl-nav {height: 1px;width: 75px}
    .owl-nav button {width: 35px; min-width: 35px;height:35px;background-color: transparent !important;border-color: var(--c1) !important;}
    .owl-nav button:before {background-color: var(--c1);-webkit-mask-size: 30%}
    .owl-dot { background-color: var(--c1) !important;}
    .owl-dot.active:before { border: 2px solid var(--c1) !important;}
    .owl-dots {gap: 0.4rem}
}