/* Make sure the page doesn't scroll and hide overflow */
/* Container to clip the marquee */
.marquee-container {
  position: relative;
  width: 100%;
  height: 120px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marquee-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}

.marquee-container:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}

/* The marquee element */
.marquee {
  display: flex;
  align-items: center;
  position: relative;
  white-space: nowrap;
  will-change: transform;
}

/* Logo wrapper styling */
.logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  min-height: 6rem !important;
  height: 6rem !important;
  padding: 10px;
  margin: 0 10px;
}

/* Styling for the logos */
.logo-wrapper img {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}/*# sourceMappingURL=logoCarouselNew.css.map */