.client-showcase {
            overflow: hidden;
        }

        .client-showcase-heading {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 24px;
            margin-bottom: 48px;
        }

        .client-showcase-link {
            display: inline-flex;
            align-items: center;
            gap: 14px;
            color: var(--advortex-navy, #24275f);
            white-space: nowrap;
            padding-bottom: 8px;
            border-bottom: 1px solid currentColor;
        }

        .client-showcase-link svg {
            fill: currentColor;
        }

        .client-marquees {
            display: grid;
            gap: 14px;
            padding-block: 8px;
        }

        .client-marquee {
            overflow: hidden;
            padding-block: 26px;
            background: var(--advortex-navy, #24275f);
        }

        .client-marquee-yellow {
            background: var(--advortex-gold, #f8b331);
        }

        .client-marquee-track {
            display: flex;
            width: max-content;
            animation: client-logo-scroll var(--marquee-duration, 40s) linear infinite;
        }

        .client-marquee-blue .client-marquee-track {
            animation-direction: reverse;
        }

        .client-marquee-group {
            display: flex;
            align-items: center;
            gap: 20px;
            padding-right: 20px;
            flex-shrink: 0;
        }

        .client-logo-card {
            width: 224px;
            height: 112px;
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 18px 22px;
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 6px 18px rgb(0 0 0 / 6%);
        }

        .client-logo-card img {
            width: 100%;
            height: 76px;
            object-fit: contain;
        }

        .client-logo-name {
            color: #24275f;
            font-size: 20px;
            font-weight: 700;
            line-height: 1.3;
            text-align: center;
        }

        .client-marquee:hover .client-marquee-track,
        .client-marquee:focus-within .client-marquee-track {
            animation-play-state: paused;
        }

        .client-marquee:focus-visible {
            outline: 3px solid #526eff;
            outline-offset: 3px;
        }

        @keyframes client-logo-scroll {
            to {
                transform: translateX(-50%);
            }
        }

        @media (max-width:767px) {
            .client-showcase-heading {
                align-items: start;
                flex-direction: column;
                margin-bottom: 28px;
            }

            .client-logo-card {
                width: 170px;
                height: 94px;
                padding: 16px;
            }

            .client-logo-card img {
                height: 62px;
            }

            .client-marquee {
                padding-block: 20px;
            }
        }

        @media (prefers-reduced-motion:reduce) {
            .client-marquee-track {
                animation: none;
            }

            .client-marquee {
                overflow-x: auto;
            }

            .client-marquee-group[aria-hidden="true"] {
                display: none;
            }
        }