/* logos */
.a-section.logo-section {
  padding-top: 0px;
  padding-bottom:0px;
}

.wrapper-logos {
  --item-width: 100px;
  --item-height: 100px;
 /* --total-items: 14; /* Number of logos */
  --animation-duration: 90s;
  --spacing: 50px; /* Spacing between logos */
}

.wrapper-logos {
  width: 100%;
  max-width: 3536px;
  margin-inline: auto;
  position: relative;
  height: var(--item-height);
  margin-top: 0px;
  margin-left:0px;
  overflow: hidden;
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 1) 20%,
    rgba(0, 0, 0, 1) 80%,
    rgba(0, 0, 0, 0)
  );
}


@keyframes scrollLeft {
  to {
    left: calc(var(--item-width) * -1); /* change to right to scroll ltr */
  }
}

.item {
  width: var(--item-width);
  height: var(--item-height);
  border-radius: 6px;
  position: absolute;
  left: max(calc((var(--item-width) + var(--spacing)) * var(--total-items)), 100%); /* change to right  to scroll ltr */
  animation-name: scrollLeft;
  animation-duration: var(--animation-duration);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  margin-right: var(--spacing);
  animation-delay: calc(var(--animation-duration) / var(--total-items) * (var(--total-items) - var(--n)) * -1);
}

.item img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  filter: grayscale(1); 
}

.item img:hover {
 filter: none;  
}

.a-section .awards-section {
 background-color: #f4f4f4; 
} 

.flex-grow-1 {
    flex-grow: 1 !important;
}

.section-title {
  padding-top:20px;
  color: var(--grey25);
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}