.klt-wrap{
  width:100%;
  overflow:hidden;
  padding:12px 0;
}
.klt-shell{
  position:relative;
  overflow:hidden;
  border:1px solid #e2e8f0;
  border-radius:24px;
  background:#ffffff;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
  padding:18px 0;
}
.klt-shell::before,
.klt-shell::after{
  content:"";
  position:absolute;
  top:0;
  width:90px;
  height:100%;
  z-index:2;
  pointer-events:none;
}
.klt-shell::before{
  left:0;
  background:linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);
}
.klt-shell::after{
  right:0;
  background:linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);
}
.klt-track{
  display:flex;
  align-items:center;
  width:max-content;
  animation:klt-scroll 34s linear infinite;
}
.klt-shell:hover .klt-track{
  animation-play-state:paused;
}
.klt-item{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  padding:0 28px;
}
.klt-logo{
  display:block;
  max-width:170px;
  max-height:64px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:grayscale(0%);
}
.klt-text-logo{
  font-size:20px;
  font-weight:700;
  color:#0f172a;
  white-space:nowrap;
}
@keyframes klt-scroll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
@media (max-width: 768px){
  .klt-shell{
    border-radius:18px;
    padding:14px 0;
  }
  .klt-item{
    min-width:180px;
    padding:0 18px;
  }
  .klt-logo{
    max-width:140px;
    max-height:52px;
  }
  .klt-shell::before,
  .klt-shell::after{
    width:48px;
  }
}