/* =========================================================
   Shared Clients Dual Marquee
   ========================================================= */

.au-clients {
  background: #000;
  /* padding: max(5vw, 40px) 0; */
  padding: clamp(25px, 2.8vw, 50px) 0px clamp(25px, 2.8vw, 50px) 0px;
  overflow: hidden;
}

.about-us-page .au-clients {
    padding: clamp(50px, 5.25vw, 100px) 0px clamp(50px, 5.25vw, 100px) 0px;
}

.au-clients__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
  margin-bottom: max(30px, 3.5vw);
}

.au-clients__label {
  margin: 0 auto;
  justify-content: center;
}

.au-clients__heading {
  color: #fff;
  margin: 0;
  font-size: clamp(26px, 2.5vw, 48px);
  line-height: 140%;
  max-width: 700px;
}

.au-clients__underline {
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 1.5px;
}

.shared-clients__marquees {
  display: flex;
  flex-direction: column;
  gap: clamp(4px, 1.25vw, 24px);
}

.au-clients__marquee-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}


.au-clients .logo-marquee {
  display: flex;
  overflow: hidden;
  width: 100%;
}

/* .au-clients .logo-track {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  will-change: transform;
} */

.au-clients .logo-track {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0;
    will-change: transform;
}

/* .au-clients .logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: clamp(98px, 10vw, 180px);
  height: clamp(32px, 3vw, 54px);
  margin: 0 clamp(0.6rem, 1.25vw, 1.5rem);
} */
 .au-clients .logo-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 clamp(0.8rem, 1.8vw, 2rem);
    /* margin: 0 clamp(1.2rem, 1.8vw, 2rem); */
}

/* .au-clients .logo-item img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: clamp(20px, 1.75vw, 34px);
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.55;
  transition: opacity 0.2s;
  display: block;
} */
 .au-clients .logo-item img {
    height: clamp(55px, 5vw, 90px);
    /* height: clamp(18px, 4vw, 90px); */
    width: auto;
    /* max-width: 120px; */
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.55;
    transition: opacity 0.2s;
    display: block;
}

.au-clients .logo-item img:hover {
  opacity: 1;
}