Tailwind Ticker Components in Consulty library

<div class="bg-black py-10 relative overflow-hidden">
    <div class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-full">
        <div class="flex items-center gap-24 animate-ticker animation-linear">
            <div class="flex items-center gap-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                    <g clip-path="url(#clip0_815_27045)">
                      <path d="M9.04896 2.92664C9.34833 2.00537 10.6517 2.00538 10.951 2.92664L12.0208 6.21864C12.1547 6.63063 12.5386 6.90957 12.9718 6.90958L16.4333 6.90971C17.402 6.90975 17.8047 8.1493 17.0211 8.71871L14.2208 10.7534C13.8703 11.008 13.7237 11.4594 13.8575 11.8714L14.927 15.1635C15.2263 16.0847 14.1719 16.8508 13.3882 16.2815L10.5878 14.247C10.2373 13.9924 9.76272 13.9924 9.41225 14.247L6.61179 16.2815C5.82809 16.8508 4.77367 16.0847 5.07297 15.1635L6.14249 11.8714C6.27634 11.4594 6.1297 11.008 5.77924 10.7534L2.97894 8.71871C2.19528 8.1493 2.59804 6.90975 3.56672 6.90971L7.02818 6.90958C7.46137 6.90957 7.8453 6.63063 7.97918 6.21864L9.04896 2.92664Z" stroke="white" stroke-width="1.5"></path>
                    </g>
                    <defs>
                      <clipPath id="clip0_815_27045">
                        <rect width="20" height="20" fill="white"></rect>
                      </clipPath>
                    </defs>
                </svg>
                <p class="tracking-tight text-white text-xl font-medium whitespace-nowrap">Strategic Roadmapping</p>
            </div>
            <div class="flex items-center gap-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                    <path d="M4.16663 10.8333L7.49996 14.1667L15.8333 5.83333" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <p class="tracking-tight text-white text-xl font-medium whitespace-nowrap">Collaborative Ideation</p>
            </div>
            <div class="flex items-center gap-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                    <path d="M7.49994 10L9.16661 11.6667L12.4999 8.33333M6.52889 3.91421C7.12683 3.86649 7.69449 3.63136 8.15104 3.24229C9.21644 2.33436 10.7834 2.33436 11.8488 3.24229C12.3054 3.63136 12.873 3.86649 13.471 3.91421C14.8664 4.02556 15.9744 5.13359 16.0857 6.52895C16.1334 7.12689 16.3686 7.69455 16.7576 8.1511C17.6656 9.2165 17.6656 10.7835 16.7576 11.8489C16.3686 12.3055 16.1334 12.8731 16.0857 13.4711C15.9744 14.8664 14.8664 15.9744 13.471 16.0858C12.873 16.1335 12.3054 16.3686 11.8488 16.7577C10.7834 17.6656 9.21644 17.6656 8.15104 16.7577C7.69449 16.3686 7.12683 16.1335 6.52889 16.0858C5.13353 15.9744 4.0255 14.8664 3.91414 13.4711C3.86643 12.8731 3.6313 12.3055 3.24223 11.8489C2.3343 10.7835 2.3343 9.2165 3.24223 8.1511C3.6313 7.69455 3.86643 7.12689 3.91414 6.52895C4.0255 5.13359 5.13353 4.02556 6.52889 3.91421Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <p class="tracking-tight text-white text-xl font-medium whitespace-nowrap">Proactive Problem Solving</p>
            </div>
            <div class="flex items-center gap-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                    <path d="M6.66667 9.99999H6.675M10 9.99999H10.0083M13.3333 9.99999H13.3417M17.5 9.99999C17.5 13.6819 14.1421 16.6667 10 16.6667C8.71728 16.6667 7.50976 16.3804 6.45389 15.8759L2.5 16.6667L3.66249 13.5667C2.9263 12.5353 2.5 11.3119 2.5 9.99999C2.5 6.3181 5.85786 3.33333 10 3.33333C14.1421 3.33333 17.5 6.3181 17.5 9.99999Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <p class="tracking-tight text-white text-xl font-medium whitespace-nowrap">Premium Customer Support</p>
            </div>
            <div class="flex items-center gap-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                    <path d="M7.5 9.99999L9.16667 11.6667L12.5 8.33333M17.1816 4.98693C17.011 4.99558 16.8394 4.99996 16.6667 4.99996C14.1055 4.99996 11.7691 4.0371 9.99994 2.4536C8.23076 4.03703 5.89449 4.99986 3.33333 4.99986C3.16065 4.99986 2.98898 4.99548 2.81844 4.98683C2.61059 5.78984 2.5 6.632 2.5 7.49999C2.5 12.1596 5.68693 16.0748 10 17.1849C14.3131 16.0748 17.5 12.1596 17.5 7.49999C17.5 6.63204 17.3894 5.78991 17.1816 4.98693Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <p class="tracking-tight text-white text-xl font-medium whitespace-nowrap">Lifetime Membership</p>
            </div>
        </div>
    </div>
</div>