/* =========================================================
   DOTS MEDIA
   PARTNERS SECTION
   ========================================================= */

.partners-wrap {
  position: relative;
  background: #0a0705;
  padding: 60px 0;
  overflow: hidden;
}


/* =========================================================
   PARTNERS CONTENT
   ========================================================= */

.partners {
  position: relative;
  z-index: 2;

  text-align: center;

  padding-bottom: 60px;
}


/* =========================================================
   PARTNERS LABEL
   ========================================================= */

.partners-label {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    color: #8a8a8a;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: 3px;
    text-transform: uppercase;

    margin: 0 auto 40px;
}

/* =========================================================
   MARQUEE
   ========================================================= */

.marquee {
  width: 100%;
  overflow: hidden;

  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 10%,
      #000 90%,
      transparent
    );

  mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 10%,
      #000 90%,
      transparent
    );
}

.marquee-track {
  display: flex;

  width: max-content;

  animation:
    scrollLeft 25s linear infinite;
}

.marquee-track span {
  display: inline-block;

  color: #5a5a5a;

  font-size: 32px;
  font-weight: 700;

  letter-spacing: 1px;

  padding: 0 55px;

  white-space: nowrap;

  transition: color 0.3s ease;
}

.marquee-track span:hover {
  color: #ffffff;
}


/* =========================================================
   MARQUEE ANIMATION
   ========================================================= */

@keyframes scrollLeft {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* Hide orange dot from Partners label */
.partners-label .tag-dot {
    display: none !important;
}