:root[theme='rounded'] {
  --controls-nav-clip: url('#squircleClip');
  --controls-radius-pagination: 0.25rem;
}

:root[theme='circle'] {
  --controls-radius-nav: 50%;
  --controls-radius-pagination: 2.1875rem;
}

.swiper-button-prev, .swiper-button-next { align-items:center; border-radius: var(--controls-radius-nav, 0); clip-path: var(--controls-nav-clip, none); background-image: none !important; display: flex; font-family: "Font Awesome 5 Pro"; font-size: 16px; height: 40px; justify-content:center; opacity: .8; transition: all .4s ease; width: 40px; }
.swiper-button-prev:hover, .swiper-button-next:hover{ opacity: .95; }
.swiper-button-prev::before{ content: "\f104"; }
.swiper-button-next::before{ content: "\f105"; }
.swiper-pagination.swiper-pagination-bullets { background: #fff; border-radius: var(--controls-radius-pagination, 0); box-shadow: 0 0 4px 0px rgba(0,0,0,.2); display: table; margin: 0 auto; padding: 0 12px; position: relative; top: -12px; width: auto; }
.swiper-container-horizontal .swiper-pagination-bullet { background: #a7a7a7; height: 10px; margin: 0 2px; width: 10px; }

@media (max-width: 770px){
    .swiper-button-prev, .swiper-button-next { height: 35px; width: 35px; }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .bannerFull .swiper-button-prev { left: 8px; }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .bannerFull .swiper-button-next { right: 8px; }
}