.nse-swiper-h {
  width: 100%;
  /* Give the main slider a sensible default height; can be overridden via theme/CSS */
  position: relative;
}

.nse-swiper-v {
  width: 100%;
  /* Height is controlled via inline style from widget settings; fallback for safety */
  min-height: 200px;
  position: relative;
}

.nse-slide,
.nse-asset-slide {
  text-align: center;
  font-size: 16px;
  background: #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nse-slide img,
.nse-asset-image,
.nse-slide-video,
.nse-asset-video,
.nse-slide-video-embed iframe,
.nse-asset-video-embed iframe {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.nse-empty-slide,
.nse-empty-asset {
  color: #fff;
  padding: 20px;
}

.nse-pagination-h,
.nse-pagination-v {
  position: absolute;
  z-index: 10;
}

.nse-swiper-h .nse-button-next {
  margin-right: 32px;
}

.nse-swiper-h .nse-button-prev {
  margin-left: 32px;
}

.nse-swiper-h .swiper-pagination-bullet,
.nse-swiper-v .swiper-pagination-bullet {
  background-color: #fff;
  width: 16px;
  height: 16px;
}

.nse-swiper-h .swiper-pagination-bullet.swiper-pagination-bullet-active,
.nse-swiper-v .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: deepskyblue;
  width: 24px;
  height: 24px;
}

.nse-pagination-h,
.nse-pagination-v {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nse-pagination-v {
  flex-direction: column;
}

.nse-button-prev-v,
.nse-button-next-v {
  transform: rotate(90deg);
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal {
  height: 16px !important;
}

.nse-pagination-h.swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background-color: deepskyblue;
}