.video-slider-section{ padding: 78px 0 75px; position: relative; background: var(--theme-color-primary); }
.video-slider-main{ max-width: 1088px; margin: 0 auto; display: block; width: 100%; }
.video-slider-main .stories-image{ width: 100%; display: block; position: relative;}
.video-slider-main .stories-image .img{ padding: 56.25% 0 0 0; border-radius: 20px; overflow: hidden; width: 100%; display: block; position: relative;}
.video-slider-main .stories-image .img iframe,
.video-slider-main .stories-image .img>img,
.video-slider-main .stories-image .img video{ height: 100%; object-fit: cover; width: 100%; display: block; position: absolute; left: 0; top: 0;}
.video-slider-main .stories-image .img .play-icon{ position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); }
.video-slider-main .stories-image .img .play-icon a{ display: flex; align-items: center;}
.video-slider-main .swiper-pagination{ bottom: auto; position: relative; margin: 46px 0 0 0; display: flex ;align-items: center; justify-content: center;}
.video-slider-main .swiper-pagination .swiper-pagination-bullet{ border-color: var(--white); background: none; }
.video-slider-main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--white); }
.video-slider-main .stories-image .img .play-icon{ display: flex;align-items: center;}
.video-slider-main .stories-image .img .play-icon a{ display: flex;}
.video-slider-main .stories-image .img .play-icon a img{ height: auto; width: 77px; }
.video-slider-main .stories-image .img .play-icon.is-playing a img{ opacity: 0;}
.video-slider-main .stories-image .img .play-icon.is-playing a{ background: url(../images/svg/paused-icon.svg) no-repeat center center; background-size: cover; }

.bg-secondary{background: var(--theme-color-secondary);}
@media (min-width: 1281px) and (max-width: 1800px) {
 
}
@media (min-width: 992px) and (max-width: 1280px) {
 .video-slider-section{ padding: 64px 0; }	
 
}

@media (max-width: 991px) {
  .video-slider-section{ padding: 46px 0; }	
  .video-slider-main .swiper-pagination{ margin: 33px 0 0 0; }
  .video-slider-main .stories-image .img .play-icon a img{width: 48px; }
}

@media (max-width: 767px) {
   .video-slider-main .stories-image .img .play-icon a img{width: 36px; }
}