.nkc-ad-container {
  --container-height: 20rem;
  --fixed-item-height: 10rem;
}
@media (max-width: 767px) {
  .nkc-ad-container {
    --container-height: 14rem;
  }
}
.nkc-movable-ad-container {
  position: relative;
  height: var(--container-height);
  overflow: hidden;
  border-radius: 2px;
}
.nkc-movable-ad-container .swiper-wrapper .swiper-slide {
  background-position: center;
  background-size: cover;
}
.nkc-movable-ad-container .swiper-wrapper .swiper-slide .swiper-title {
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 80%);
}
.nkc-movable-ad-container .swiper-button-next {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 2px;
  right: 1rem;
  color: rgba(0, 0, 0, 0);
  transition: background-color 100ms, color 100ms;
}
.nkc-movable-ad-container .swiper-button-next:after {
  font-size: 1rem;
}
.nkc-movable-ad-container .swiper-button-prev {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 2px;
  left: 1rem;
  color: rgba(0, 0, 0, 0);
  transition: background-color 100ms, color 100ms;
}
.nkc-movable-ad-container .swiper-button-prev:after {
  font-size: 1rem;
}
.nkc-movable-ad-container .swiper-pagination {
  color: #fff;
  --swiper-pagination-fraction-color: #fff;
}
.nkc-movable-ad-container:hover .swiper-button-next,
.nkc-movable-ad-container:hover .swiper-button-prev {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.nkc-fixed-ad-container {
  font-size: 0;
  height: var(--container-height);
}
.nkc-fixed-ad-container .nkc-fixed-ad-item {
  width: 33.3%;
  height: var(--fixed-item-height);
  display: inline-block;
}
.nkc-fixed-ad-container .nkc-fixed-ad-item a {
  height: 100%;
  width: 100%;
  display: inline-block;
}
.nkc-fixed-ad-container .nkc-fixed-ad-item a:nth-child(-n+3) {
  margin-bottom: 1rem;
}
.nkc-fixed-ad-container .nkc-fixed-ad-item .nkc-fixed-ad-img {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}
.nkc-fixed-ad-container .nkc-fixed-ad-item .nkc-fixed-ad-text {
  font-size: 1rem;
}