.swiper-pagination-bullet-active {
background: #0722f3;
}

.mySwiper {
position: relative;
padding-bottom: 5%;
}

.swiper_bt {
display: flex;
justify-content: space-between;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 111;
padding: 0 .5em;
}

.swiper-button-prev,
.swiper-button-next {
width: clamp(40px, 7vw, 56px);
aspect-ratio: 1 / 1;
height: auto;
border-radius: 50%;
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #e7e7e7;
background: rgba(0,0,0,0.4);
}
 
.swiper-button-prev:hover,
.swiper-button-next:hover {
background: #0722f3;
color: #fff;
border: #0722f3;
}

.swiper-button-prev::after,
.swiper-button-next::after {
content: none;
display: block;
padding-bottom: 100%;
position: relative;
}


.swiper-button-prev span,
.swiper-button-next span {
line-height: 1;
font-size: clamp(14px, 2.8vw, 20px);
font-family: 'SUIT';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 300;
}