.geno-rotator3{position:relative;overflow:hidden}
.geno-rotator3 .g3-stage{position:relative}
.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}
.desktop_banner,.mobile_banner{width:100%;height:auto;display:block}
.desktop_banner{display:block}.mobile_banner{display:none}
@media(max-width:768px){.desktop_banner{display:none}.mobile_banner{display:block}}

/* Arrows (left/right, centered) */
.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,.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)}

/* Mobile arrows smaller/transparent */
@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;color:#161548;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 centered at bottom */
.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}