.loader-circle-67{
    color: #ffffff;
    fill: none;
    width: 43px;
    height: 43px;
    stroke: currentColor;
    stroke-dasharray: 263.4675292969;
    stroke-dashoffset: 263.4675292969;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-width: 5px;
    vertical-align: top;
    transform: rotate(-90deg);
}

@keyframes loader-circle-67-spin {
    100% {
        stroke-dashoffset: 0;
    }
}

.visore-slider .owl-dots * {
    transition: none;
}

.visore-slider .owl-dots .owl-dot.active .loader-circle-67 {
    animation: loader-circle-67-spin 3.5s linear infinite;
}

.visore-slider:hover .owl-dots .owl-dot.active .loader-circle-67 {
    animation-play-state: paused;
}
.visore-slider .owl-dots{
    position: absolute;
    bottom: 20px;
    display: flex;
    transform: translate(-50%, -50%);
    width: var(--w-container);
    left: 50%;
    padding: var(--padding-container);
}
.visore-slider .owl-dots .owl-dot{
    width: 43px;
    height: 43px;
    background: transparent;
    border: none;
    position: relative;
    counter-increment: dot;
}
.visore-slider .owl-dots .owl-dot:after{
    content: "";
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    top: 2px;
    left: 2px;
    border: 2px solid #ffffff50;
    border-radius: 50%;
}

.sfondo-visore::after {
    background: transparent linear-gradient(180deg, #19191900 0%, #000000B7 100%) 0% 0% no-repeat padding-box;
    opacity: 0.7;
}

.sfondo-visore::before {
     content: '';
    background: transparent linear-gradient(0, #19191900 0%, #000000B7 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    top:0;
    height: 150px;
    width: 100%;
    position: absolute;
}


.visore-slider .owl-dots .owl-dot button{
    padding: 0;
    background: transparent;
    border: none;
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.visore-slider .owl-dots svg{
    z-index: 0;
    position: relative;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.visore-slider .owl-dots .owl-dot:before{
    content: counter(dot);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    font-size: 12px;
    color: #ffffff50;
}
.visore-slider .owl-dots .owl-dot.active:before{
    color: #ffffff;
}
.visore-slider .owl-dots *{
    transition: none;
}
.visore-slider .owl-dots .owl-dot.active .loader-circle-67{
    animation: loader-circle-67-spin 3.5s linear infinite;
}
.visore-slider:hover .owl-dots .owl-dot.active .loader-circle-67{
    animation-play-state: paused;
}


.visore-container div.white h4, .visore-container div.white h5, .visore-container div.white h6, .visore-container div.white h2, .visore-container div.white h3 {
    color: white;
}

.overlay-video {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}
.overlay-video::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(25,25,25,0) 0%,
        rgba(0,0,0,0.72) 100%
    );
    opacity: 0.7;
}

.overlay-video::before {
     content: '';
     background: transparent linear-gradient(0, #19191900 0%, #000000B7 100%) 0% 0% no-repeat padding-box;
     opacity: 1;
     top:0;
     height: 150px;
     width: 100%;
     position: absolute;
     z-index: 10;
}