.ana-slider{position:relative;width:100%;max-width:100%;overflow:hidden;background:#f5f5f5;line-height:0;border-radius:20px}
.ana-slider-track{position:relative;width:100%;aspect-ratio:2055/600;overflow:hidden}
.ana-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--ana-transition,550ms) ease;pointer-events:none}
.ana-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.ana-slide a{display:block;width:100%;height:100%}
.ana-slide-image{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center center}

/* Arrie Nel Advert Slider - Navigation Arrows */
.ana-slider .ana-arrow{
position:absolute!important;
top:50%!important;
z-index:20!important;
width:38px!important;
height:38px!important;
padding:0!important;
margin:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:rgba(255,255,255,.9)!important;
color:#174580!important;
border:0!important;
border-radius:50%!important;
box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
font-size:16px!important;
font-family:Arial,sans-serif!important;
font-weight:300!important;
line-height:1!important;
cursor:pointer!important;
transform:translateY(-50%)!important;
opacity:0;
visibility:hidden;
appearance:none;
-webkit-appearance:none;
transition:opacity .2s ease,visibility .2s ease,background-color .2s ease,color .2s ease;
}
.ana-slider .ana-arrow.ana-prev{left:15px!important;right:auto!important}
.ana-slider .ana-arrow.ana-next{right:15px!important;left:auto!important}
.ana-slider:hover .ana-arrow,.ana-slider:focus-within .ana-arrow{opacity:1;visibility:visible}
.ana-slider .ana-arrow:hover{background:#174580!important;color:#fff!important}
.ana-slider .ana-arrow:focus,.ana-slider .ana-arrow:active{outline:none!important}

@media screen and (max-width:549px){
.ana-slider .ana-arrow{width:34px!important;height:34px!important;font-size:14px!important;opacity:.3!important;visibility:visible!important}
.ana-slider .ana-arrow.ana-prev{left:15px!important;right:auto!important}
.ana-slider .ana-arrow.ana-next{right:15px!important;left:auto!important}
}
@media (hover:none){.ana-slider .ana-arrow{opacity:.3!important;visibility:visible!important}}