@media screen and (max-width: 991.98px) {
  .component-news-slider .component-content .container, .component-news-slider-custom .component-content .container {
    padding: 0px;
  }
}

.component-news-slider .component-content .container .row:not(:nth-child(1)) [class^="col-"], .component-news-slider-custom .component-content .container .row:not(:nth-child(1)) [class^="col-"] {
  margin-bottom: 24px;
}

@media screen and (min-width: 991.98px) {
  .component-news-slider .component-content .container .row .swiper-container .swiper-wrapper .swiper-slide, .component-news-slider-custom .component-content .container .row .swiper-container .swiper-wrapper .swiper-slide {
    -webkit-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
  }
  .component-news-slider .component-content .container .row .swiper-container .swiper-wrapper .swiper-slide:not(.proceeded):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)), .component-news-slider-custom .component-content .container .row .swiper-container .swiper-wrapper .swiper-slide:not(.proceeded):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
    position: absolute;
    pointer-events: none;
    opacity: 0;
  }
}

.component-news-slider:not(.custom-bg), .component-news-slider-custom:not(.custom-bg) {
  position: relative;
}

.component-news-slider:not(.custom-bg)::before, .component-news-slider-custom:not(.custom-bg)::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 0px;
  left: 0px;
  height: 70%;
  width: 100%;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(#3B4C6B), to(#232E43));
  background: -webkit-linear-gradient(top, #3B4C6B 0%, #232E43 100%);
  background: linear-gradient(180deg, #3B4C6B 0%, #232E43 100%);
}

.component-news-slider:not(.custom-bg) .heading, .component-news-slider-custom:not(.custom-bg) .heading {
  color: #FFF;
}

.component-news-slider:not(.custom-bg) .heading a, .component-news-slider-custom:not(.custom-bg) .heading a {
  color: #FFF;
}

.component-news-slider:not(.custom-bg) .heading a:hover, .component-news-slider-custom:not(.custom-bg) .heading a:hover {
  color: #9BCF10;
}

.component-news-slider:not(.custom-bg) .heading a:active, .component-news-slider-custom:not(.custom-bg) .heading a:active {
  color: #80AD07;
}

body.on-page-editor .component-news-slider-custom .swiper-wrapper div.scLooseFrameZone {
  overflow: visible;
}