.hero-carousel .swiper{width:100%;height:100%;background:#455b71}
.hero-carousel .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.hero-carousel .swiper-pagination-bullet{background:#fff;opacity:.6}
.hero-carousel .swiper-pagination-bullet-active{opacity:1}
.hero-carousel .swiper-button-prev,.hero-carousel .swiper-button-next{color:#fff;--swiper-navigation-size:28px}
.hero-carousel-toggle{position:absolute;z-index:10;left:12px;bottom:10px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.55);cursor:pointer}
.hero-carousel-toggle:focus-visible{outline:3px solid #fff;outline-offset:2px}
.hero-carousel-toggle::before{content:"";position:absolute;top:9px;left:11px;width:3px;height:14px;background:#fff;box-shadow:7px 0 0 #fff}
.hero-carousel-toggle[aria-pressed="true"]::before{width:0;height:0;left:12px;top:9px;background:none;box-shadow:none;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}