
/* Academic Articles Section */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="section-academic-articles"] */
.slide[data-cid=section-academic-articles] .reference-list .player .trackinfo {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.slide[data-cid=section-academic-articles] .reference-list .player .scrubber {
  margin-top: 17px;
}
.slide[data-cid=section-academic-articles] .reference-list .player .scrubber .bar {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  height: 3px;
  border-radius: 2px;
  cursor: pointer;
  transition: background-color 0.2s;
}

/* LazyLoad Slide */
/* ignore */
.slides.scroll .menuToggle.scrollEffectToggle,
.slides:not(.scroll) .menuToggle.slideEffectToggle {
  background: rgba(123, 123, 123, 0.5);
  padding: 11px 7px;
  margin: -5px 0 !important;
  border-radius: 5px;
}

.slides.scroll .menuToggle.scrollEffectToggle *,
.slides:not(.scroll) .menuToggle.slideEffectToggle * {
  cursor: default !important;
  opacity: 1;
  pointer-events: none;
}



.slide[data-cid=section-academic-articles]   .box-161{
    width: 120px;
    height: 120px;
    line-height:120px;
  }
}

.slide[data-cid=key-benefits-swiper] a.box-swiper:active, a.box-swiper:focus {
    outline: none;
  }

.slide[data-cid=key-benefits-swiper] a.box-swiper:hover {
    opacity: 1;
  }

 .slide[data-cid=key-benefits-swiper] .thumbnail-swiper {
    position: relative;
  }

.slide[data-cid=key-benefits-swiper] .thumnail-swiper img {
      width: 100%;
      height: 100%;
    }

.slide[data-cid=key-benefits-swiper] .blackout-swiper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
    z-index: 10;
  }

.slide[data-cid=key-benefits-swiper] .title-slide-swiper {
    position: absolute;
    text-align: left;
    width: 80%;
    bottom: 12%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    line-height: 26px;
    z-index: 15
  }

}

