.swiper {
  width: 100%;
}

.swiper-slide img {
  border-top-right-radius: 8rem;
}

.swiper_btn_box .swiper-btn-next,
.swiper_btn_box .swiper-btn-prev {
  position: relative;
  /* z-index: 2; */
  height: 4.8rem;
  width: 4.8rem;
  border-radius: 50%;
  background-color: var(--white);
  cursor: pointer;
  transform: all .3s;
}

.swiper_btn_box .swiper-btn-next:hover,
.swiper_btn_box .swiper-btn-prev:hover {
  border: 2px solid var(--main);
}

.swiper_btn_box .swiper-btn-next::before,
.swiper_btn_box .swiper-btn-prev::after {
  content: '';
  position: absolute;
  /* z-index: 10; */
  top: 50%;
  left: 50%;
  width: 11px;
  height: 11px;
  border-right: 3px solid var(--main);
  border-top: 3px solid var(--main);
  transition: all 0.3s;


}

.swiper_btn_box .swiper-btn-next::before {
  transform: translateX(-60%) translateY(-50%) rotate(45deg);
}
.swiper_btn_box .swiper-btn-prev::after {
  transform: translateX(-30%) translateY(-50%) rotate(225deg);
}

.swiper_btn_box {
  position: absolute;
  bottom: 1rem;
  right: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 3.2rem;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: 5rem;
  width: 70%;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal {
  /* width: min(60%, 43.3rem); */
  width: min(42vw, 43.3rem);
  top: initial;
  bottom: 3rem;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--main);
}
.swiper-pagination-progressbar {
  background: var(--white);
}