/* Partner / customer logo carousel */
.logo-carousel{
  position:relative;
  width:100%;
  min-width:0;
  max-width:1120px;
  margin:30px auto 0;
  overflow:hidden;
  padding:2px 0 0;
}
.logo-carousel-row{
  overflow:hidden;
  margin:12px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.logo-carousel-track{
  display:flex;
  width:max-content;
  animation:logo-carousel-scroll 90s linear infinite;
  will-change:transform;
}
.logo-carousel-track.is-reverse{
  animation-direction:reverse;
  animation-duration:110s;
}
.logo-carousel-row:nth-child(1) .logo-carousel-track{animation-duration:88s;}
.logo-carousel-row:nth-child(2) .logo-carousel-track{animation-duration:108s;}
.logo-carousel-row:nth-child(3) .logo-carousel-track{animation-duration:96s;}
.logo-carousel-row:nth-child(4) .logo-carousel-track{animation-duration:118s;}
.logo-carousel-group{
  display:flex;
  gap:18px;
  padding-right:18px;
}
.logo-carousel-item{
  flex:0 0 448px;
  width:448px;
  height:196px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px 24px;
  background:#fff;
  border:1px solid rgba(20,30,40,.08);
  border-radius:16px;
  box-shadow:0 8px 26px rgba(15,48,87,.07);
  overflow:hidden;
}
.logo-carousel-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:1;
  transition:transform .25s ease;
}
.logo-carousel-item:hover img{
  transform:scale(1.04);
}
.logo-carousel:hover .logo-carousel-track{
  animation-play-state:paused;
}
.logo-carousel-hint{
  margin:14px 0 0;
  text-align:center;
  color:#7b8794;
  font-size:12.5px;
}
@keyframes logo-carousel-scroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media (max-width:720px){
  .logo-carousel-item{
    flex-basis:340px;
    width:340px;
    height:164px;
    padding:14px 18px;
  }
  .logo-carousel-group{gap:12px;padding-right:12px;}
  .logo-carousel-row{margin:8px 0;}
  .logo-carousel-track{animation-duration:72s;}
  .logo-carousel-row:nth-child(1) .logo-carousel-track{animation-duration:70s;}
  .logo-carousel-row:nth-child(2) .logo-carousel-track{animation-duration:86s;}
  .logo-carousel-row:nth-child(3) .logo-carousel-track{animation-duration:78s;}
  .logo-carousel-row:nth-child(4) .logo-carousel-track{animation-duration:92s;}
}
@media (prefers-reduced-motion:reduce){
  .logo-carousel-track{animation:none;}
  .logo-carousel-row{overflow-x:auto;-webkit-overflow-scrolling:touch;}
}