/* image roll */

.op-image-roll-hold { background-color:inherit; }

.op-image-roll .swiper-wrapper { width:100%; height:500px; position:relative; }

.op-image-roll .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.op-image-roll .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.op-image-roll .swiper-navigation {
  position: absolute;
  z-index: 999;
  bottom: 30px;
  right: 30px;
  background-color: black;
  border-radius: 30px;
  width: 96px;
  height: 48px;
}

.op-swiper-roll-prev, .op-swiper-roll-next { 
  display:block; 
  width:48px; 
  height:48px; 
  font-size:24px; 
  line-height:48px; 
  text-align:center; 
  float:left; 
  color:white; 
  opacity:0.85; 
}

.op-swiper-roll-prev:hover { opacity:1; }
.op-swiper-roll-next:hover { opacity:1; }