.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.logo-slider-section {
  position: relative;
}

.slider-left-fade {
  position: absolute;
  top: -10px;
  left: 0;
  width: 8%;
  height: calc(100% + 20px);
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  z-index: 20;
}

.slider-right-fade {
  position: absolute;
  top: -10px;
  right: 0;
  width: 8%;
  height: calc(100% + 20px);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  z-index: 20;
}

/* .cmplz-optout .logo-slider-section {
  display: none;
}

.cmplz-optout .logo-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cmplz-optout .static-logo {
  width: 17%;
}

@media only screen and (max-width: 576px) {
  .cmplz-optout .static-logo {
    width: 23%;
  }
}

.cmplz-optout .static-logo .logo-slider-image {
  width: 100%;
} */

.swiper-wrapper {
  transition-timing-function: linear;
  align-items: center !important;
}

.logo-slider {
  position: relative;
}

.logo-slider .swiper-slide {
  width: auto !important;
}

.logo-slider-img-container img {
  width: 100%;
  height: auto;
  display: block;
}

.play-pause-button {
  opacity: 1;
  position: relative;
  z-index: 20;
  margin-bottom: -30px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
}

.playing {
  background-position: bottom;
}

.paused {
  background-position: top;
}

#slideshow-status {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}