.np-hero-slider.np-js .np-slide{animation:none;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.np-hero-slider.np-js .np-slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}
.np-hero-slider .np-dots button{width:26px;height:26px;padding:7px;border:0;border-radius:50%;background:rgba(255,255,255,.5);background-clip:content-box;cursor:pointer}
.np-hero-slider .np-dots button.is-active{background:#fff;background-clip:content-box}
.np-hero-slider .np-dots{gap:2px;bottom:8px}
.np-hero-slider .np-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(12,52,62,.6);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s}
.np-hero-slider .np-arrow:hover{background:rgba(12,52,62,.85)}
.np-hero-slider .np-prev{left:16px}
.np-hero-slider .np-next{right:16px}
.np-hero-slider button:focus-visible,.np-hero-slider .np-slide:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:767px){.np-hero-slider .np-arrow{display:none}}