/* common */
.flex { display: flex}
.flex_ai_c { align-items: center; }

/* swiper.css */
.swiper-main { max-width:100%; margin:15px auto; position:relative;}
.swiper-slide { width:100%; background-size: cover; background-position: 100% 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.swiper-button-prev:hover { transition: all linear 0.3s; }
.swiper-button-next:hover { transition: all linear 0.3s; }
.swiper-button-next, .swiper-button-prev { color:#fff; }
.swiper-pagination-bullet-active { color:red; opacity:1!important }
.swiper-pagination-bullet { background:#fff; opacity:.5 }
@media (max-width: 768px) {
  .swiper-main .swiper-slide,
  .swiper-main .swiper-slide img {
    max-height: 40vh; 
    border-radius:5px;
  }
}

@media (min-width: 1200px) {
  .swiper-main .swiper-slide,
  .swiper-main .swiper-slide img {
    max-height: 420px;
    border-radius:20px;
  }
}

/* header coupon banner */
.header-coupon-banner { flex-grow: 0; padding-right: 60px; }
.header-coupon-banner a > img { margin-right: 10px; }
.header-coupon-banner a > p.text { font-size: 13px; font-weight: 400; line-height:1.3; color: #333333; text-align: left; margin:7px 0 0; }