.ts-el-ticker {
  width: 100%;
  padding-top: var(--ts-stagger-space);
  padding-bottom: var(--ts-stagger-space);
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
  background-color: #ffffff;

  --ts-height: 46px;
  --ts-gap: 60px;
  --ts-fade: 40px;
  --ts-slides: 6;
  --ts-stagger: 0em;
  --ts-stagger-space: 2.5em;
}

.ts-el-track {
  gap: var(--ts-gap);

  display: flex;
  width: max-content;
  will-change: transform;
  align-items: center;
  transform: translateX(0px);
}

.ts-el-item {
  flex: 0 0 auto;
  margin-right: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: auto;
  max-width: none;
}

.ts-el-item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-decoration: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

.ts-el-item img {
  display: block;
  height: var(--ts-height);
  width: auto;
  max-width: 100%;
  object-fit: contain;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  margin: 0 auto;
}

/* Optional edge fade */
.ts-el-ticker.ts-el-fade {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--ts-fade), #000 calc(100% - var(--ts-fade)), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 var(--ts-fade), #000 calc(100% - var(--ts-fade)), transparent 100%);
}

/* Center the track so the ticker appears centered within its container */
.ts-el-ticker .ts-el-track{
  margin-left: auto;
  margin-right: auto;
}

/* Ensure wrapper follows parent container width */
.ts-el-ticker{
  width: 100%;
}

/* Force clean white/transparent row (no box shadow, border, background) */
.ts-el-ticker .ts-el-item,
.ts-el-ticker .ts-el-item a,
.ts-el-ticker .ts-el-item img{
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}


/* Optional stagger for every second image */
.ts-el-ticker .ts-el-item:nth-child(even){
  transform: translateY(var(--ts-stagger));
}


.ts-el-ticker .ts-el-item:nth-child(odd){
  transform: translateY(0);
}


/* In step mode, size items from the Images to Show control */
.ts-el-ticker[data-mode="step"] .ts-el-item{
  width: calc((100% - (var(--ts-gap) * (var(--ts-slides) - 1))) / var(--ts-slides));
  max-width: 420px;
}

/* In continuous mode, use natural image widths so the gap value stays accurate */
.ts-el-ticker[data-mode="continuous"] .ts-el-item{
  width: auto;
  max-width: none;
}