/* Marquee/Scrolling Text Widget Styles */
.vc-marquee-section{padding:32px 0;overflow:hidden;background:transparent;border:none}

/* Alternative Background - Clean White (Logo Slider Style) */
.vc-marquee-alt{background:#fff;border:none;padding:40px 0}
.vc-marquee-wrapper{width:100%;overflow:hidden;position:relative;display:flex;justify-content:flex-start}
.vc-marquee-wrapper::before,.vc-marquee-wrapper::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.vc-marquee-wrapper::before{left:0;background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%)}
.vc-marquee-wrapper::after{right:0;background:linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%)}

.vc-marquee-track{display:flex;align-items:center;width:100%}
.vc-marquee-inner{--vc-marquee-shift:50%;display:inline-flex;align-items:center;flex-shrink:0;width:max-content;animation:marquee-scroll 30s linear infinite;will-change:transform}
.vc-marquee-set{display:flex;align-items:center;gap:80px;flex:0 0 auto;padding-right:80px;box-sizing:border-box}
.vc-marquee-track:hover .vc-marquee-inner{animation-play-state:paused}

/* Speed variations */
.vc-marquee-slow .vc-marquee-inner{animation-duration:50s}
.vc-marquee-normal .vc-marquee-inner{animation-duration:30s}
.vc-marquee-fast .vc-marquee-inner{animation-duration:15s}

/* Reverse direction */
.vc-marquee-reverse .vc-marquee-inner{animation-direction:reverse}

.vc-marquee-item{display:flex;align-items:center;gap:18px;white-space:nowrap;flex-shrink:0}

.vc-marquee-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(15,23,42,0.03);color:rgba(15,23,42,0.28);font-size:16px;flex-shrink:0}

.vc-marquee-text{font-size:42px;font-weight:700;color:rgba(15,23,42,0.08);letter-spacing:-0.04em;line-height:1}

.vc-marquee-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1.5px solid rgba(15,23,42,0.08);background:transparent;color:rgba(15,23,42,0.16);font-weight:800;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;flex-shrink:0}

/* Keyframe animation */
@keyframes marquee-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-1 * var(--vc-marquee-shift)))}
}

/* Responsive */
@media (max-width: 768px){
  .vc-marquee-set{gap:50px;padding-right:50px}
  .vc-marquee-item{gap:12px}
  .vc-marquee-icon{width:28px;height:28px;font-size:14px}
  .vc-marquee-text{font-size:28px}
  .vc-marquee-badge{width:34px;height:34px;font-size:10px}
}