.cp-section {
    /* background: linear-gradient(
        to bottom,
        #bbbfc2 0%,
        #a6a9ac 20%,
        #979c9f 40%,
        #adb0b4 60%,
        #c2c6c8 80%,
        #d1d4d5 100%
    ); */
    background: linear-gradient(
       to bottom,
    #000000 0%,
    #242424 20%,
    #2C2C2C 40%,
    #353535 60%,
    #3E3E3E 80%,
    #444444 100%
  );
    padding: 64px 0 56px;
    overflow: hidden;
    position: relative;
}

.cp-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--color-primary),
        transparent
    );
}

.cp-body {
    position: relative;
}

.cp-ticker-wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        black 8%,
        black 92%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0%,
        black 8%,
        black 92%,
        transparent 100%
    );
}

.cp-ticker-track {
    display: flex;
    align-items: center;
    width: max-content;
    will-change: transform;
    backface-visibility: hidden;
    animation: cp-marquee var(--cp-duration, 32s) linear infinite;
}

.cp-ticker-wrap:hover .cp-ticker-track {
    animation-play-state: paused;
}

.cp-ticker-group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.cp-logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 56px;
    height: 80px;
    flex-shrink: 0;
}

.cp-logo-item img {
    display: block;
    max-height: 40px;
    max-width: 140px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: opacity(0.8);
    transition: filter 0.3s ease;
}

.cp-logo-divider {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    flex-shrink: 0;
}

@keyframes cp-marquee {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(calc(-1 * var(--cp-loop-width, 0px)), 0, 0);
    }
}