.geno-rotator3{position:relative;overflow:hidden}
.geno-rotator3 .g3-stage{position:relative}

/* Slides */
.geno-rotator3 .g3-slide{
  position:absolute;inset:0;
  opacity:0;pointer-events:none;
  transition:opacity .6s ease
}
.geno-rotator3 .g3-slide.g3-active{
  position:relative;opacity:1;pointer-events:auto
}

/* Images scale full width; <picture> selects the correct source by media query */
.geno-rotator3 picture, .geno-rotator3 img{display:block;width:100%;height:auto}

/* Arrows */
.geno-rotator3 .g3-prev,.geno-rotator3 .g3-next{
  position:absolute;top:50%;transform:translateY(-50%);
  width:40px;height:40px;line-height:38px;font-size:24px;text-align:center;
  color:#161548;background:rgba(255,255,255,0.85);
  border:0;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.15);
  cursor:pointer;z-index:10
}
.geno-rotator3 .g3-prev{left:10px}
.geno-rotator3 .g3-next{right:10px}
.geno-rotator3 .g3-prev:active,.geno-rotator3 .g3-next:active{transform:translateY(-50%) scale(.96)}
@media(max-width:768px){
  .geno-rotator3 .g3-prev,.geno-rotator3 .g3-next{
    width:28px;height:28px;line-height:26px;font-size:18px;background:transparent;box-shadow:none;opacity:.75
  }
  .geno-rotator3 .g3-prev{left:6px}
  .geno-rotator3 .g3-next{right:6px}
  .geno-rotator3 .g3-prev:hover,.geno-rotator3 .g3-next:hover{opacity:1}
}

/* Dots */
.geno-rotator3 .g3-dots{
  position:absolute;left:0;right:0;bottom:10px;
  display:flex;gap:8px;justify-content:center;z-index:10
}
.geno-rotator3 .g3-dots button{
  width:8px;height:8px;border-radius:50%;border:0;background:#ddd;cursor:pointer;padding:0
}
.geno-rotator3 .g3-dots button[aria-selected="true"]{background:#161548}