#tranding {position: relative;}
.tranding-container {
  max-width: 129rem;
  margin: 0 auto;
}

#tranding {
  padding: 0 clamp(40px, 10vw, 160px);
  background: url('https://img.megastudy.net/entinfo/smartMath/m_img_top_bg01.jpg') 0 0 no-repeat;background-size: cover;
}

#tranding .tranding-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.tranding-slide {
  position: relative;
}

.tranding-slide .tranding-slide-img {
  aspect-ratio: 3 / 4;
}

.tranding-slide .tranding-slide-img img {
    width: 100%;
    height: 100%;
  object-fit: cover;
}
.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
  display: none;
}

.tranding-slider-control .slider-arrow {position: absolute;top:50%;width: 10%;max-width: 64px; height: auto; margin-top: 0;transform: translateY(-35%);background: none;}
.tranding-slider-control .swiper-button-next {right: 8.7%;}
.tranding-slider-control .swiper-button-prev {left: 8.7%;}

.tranding-slider-control .swiper-pagination {
  position: relative;
  width: 15rem;
  bottom: 1rem;
}

.tranding-slider-control .swiper-pagination .swiper-pagination-bullet {
  filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
}

.tranding-slider-control .swiper-pagination .swiper-pagination-bullet-active {
  background: orange;
}

#tranding .swiper-slide {
    visibility: hidden;
    opacity: 0;
}

#tranding .swiper-slide-active,
#tranding .swiper-slide-prev,
#tranding .swiper-slide-next {
    visibility: visible;
    opacity: 1;
}