text and icon auto slider

<style>
    .section.pt-min.pb-min.sec__scrolling-text.color-scheme-4faf0e4d-27f4-4d02-bc51-617383bab1a9.gradient {
        display: block;
    }

    div#shopify-section-template--19564590399640__custom_liquid_RGLVTq {
        margin-top: 25px;
    }

    #MainContent section:not(:last-child) .section:not(.remove_spacing) {
        margin-bottom: 20px 0px;
    }

    .section.pb-min {
        padding-bottom: 15px;
    }

    .section.pt-min {
        padding-top: 15px;
    }

    .color-scheme-4faf0e4d-27f4-4d02-bc51-617383bab1a9 {
        color: #ffffff;
        background-color: #111111;
    }

    [direction="rtl"] {
        direction: rtl;
    }

    .uppercase {
        text-transform: uppercase;
    }

    .w-full {
        width: 100%;
    }

    .fs-custom {
        font-size: 13px;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .flex {
        display: flex;
    }

    .heading_weight {
        font-weight: 600;
    }

    :where(.justify-center, .justify-content-center) {
        justify-content: center;
    }

    .animation-marquee.right {
        -webkit-animation: ticker-right var(--speed, 15s) infinite linear;
        animation: ticker-right var(--speed, 15s) infinite linear;
    }

    .whitespace-nowrap {
        white-space: nowrap;
    }

    .align-center {
        align-items: center;
    }

    .animation-marquee :is(.spacing, svg) {
        margin-inline-end: 35px;
        margin-inline-start: 35px;
    }

    .marquee svg path {
        fill: #a5b8ff !important;
    }

    @media (min-width: 992px) {
        :where(.gap) {
            gap: 35px;
        }
    }

    /* Full width fix */
    .full_width {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    /* Keyframes for marquee effect */
    @keyframes ticker-right {
        0% {
            transform: translateX(100%);
        }

        100% {
            transform: translateX(-100%);
        }
    }

    /* Responsive text sizing */
    @media (max-width: 768px) {
        .fs-custom {
            font-size: 12px;
        }
    }

    @media (max-width: 480px) {
        .fs-custom {
            font-size: 11px;
        }
    }
</style>

<section id="shopify-section-template--15746035581003__scrolling_text_U3mttg" class="shopify-section">
    <link href="//designerwear.clothing/cdn/shop/t/11/assets/marquee.css?v=164391773163375287061731583821"
        rel="stylesheet" type="text/css" media="all">

    <div class="section pt-min pb-min sec__scrolling-text color-scheme-4faf0e4d-27f4-4d02-bc51-617383bab1a9 gradient"
        style="--section-pt: 3; --section-pb: 3;--speed: 15s; --font-size: 13;">
        <div class="full_width">
            <div class="marquee flex overflow-hidden w-full justify-center fs-custom heading_weight heading-font uppercase"
                direction="rtl" style="--col-gap: 35px;--col-gap-desktop: 35px;">

                <div class="flex animation-marquee right">
                    <div class="flex gap align-center whitespace-nowrap rich__text-m0">
                        Welcome to our store
                        <svg width="12" height="12" fill="none">
                            <path fill="currentColor" d="M0 6c3 0 6-3 6-6 0 3 3 6 6 6-3 0-6 3-6 6 0-3-3-6-6-6Z"></path>
                        </svg>
                    </div>

                    <div class="flex gap align-center whitespace-nowrap rich__text-m0">
                        Welcome to our store
                        <svg width="12" height="12" fill="none">
                            <path fill="currentColor" d="M0 6c3 0 6-3 6-6 0 3 3 6 6 6-3 0-6 3-6 6 0-3-3-6-6-6Z"></path>
                        </svg>
                    </div>
                </div>

                <div class="flex animation-marquee right">
                    <div class="flex gap align-center whitespace-nowrap rich__text-m0">
                        Welcome to our store
                        <svg width="12" height="12" fill="none">
                            <path fill="currentColor" d="M0 6c3 0 6-3 6-6 0 3 3 6 6 6-3 0-6 3-6 6 0-3-3-6-6-6Z"></path>
                        </svg>
                    </div>

                    <div class="flex gap align-center whitespace-nowrap rich__text-m0">
                        Welcome to our store
                        <svg width="12" height="12" fill="none">
                            <path fill="currentColor" d="M0 6c3 0 6-3 6-6 0 3 3 6 6 6-3 0-6 3-6 6 0-3-3-6-6-6Z"></path>
                        </svg>
                    </div>
                </div>

                <div class="flex animation-marquee right">
                    <div class="flex gap align-center whitespace-nowrap rich__text-m0">
                        Welcome to our store
                        <svg width="12" height="12" fill="none">
                            <path fill="currentColor" d="M0 6c3 0 6-3 6-6 0 3 3 6 6 6-3 0-6 3-6 6 0-3-3-6-6-6Z"></path>
                        </svg>
                    </div>

                    <div class="flex gap align-center whitespace-nowrap rich__text-m0">
                        Welcome to our store
                        <svg width="12" height="12" fill="none">
                            <path fill="currentColor" d="M0 6c3 0 6-3 6-6 0 3 3 6 6 6-3 0-6 3-6 6 0-3-3-6-6-6Z"></path>
                        </svg>
                    </div>
                </div>

                <!-- Duplicate rows for continuous scroll -->
                <div class="flex animation-marquee right">
                    <div class="flex gap align-center whitespace-nowrap rich__text-m0">
                        Welcome to our store
                        <svg width="12" height="12" fill="none">
                            <path fill="currentColor" d="M0 6c3 0 6-3 6-6 0 3 3 6 6 6-3 0-6 3-6 6 0-3-3-6-6-6Z"></path>
                        </svg>
                    </div>

                    <div class="flex gap align-center whitespace-nowrap rich__text-m0">
                        Welcome to our store
                        <svg width="12" height="12" fill="none">
                            <path fill="currentColor" d="M0 6c3 0 6-3 6-6 0 3 3 6 6 6-3 0-6 3-6 6 0-3-3-6-6-6Z"></path>
                        </svg>
                    </div>
                </div>

                <div class="flex animation-marquee right">
                    <div class="flex gap align-center whitespace-nowrap rich__text-m0">
                        Welcome to our store
                        <svg width="12" height="12" fill="none">
                            <path fill="currentColor" d="M0 6c3 0 6-3 6-6 0 3 3 6 6 6-3 0-6 3-6 6 0-3-3-6-6-6Z"></path>
                        </svg>
                    </div>

                    <div class="flex gap align-center whitespace-nowrap rich__text-m0">
                        Welcome to our store
                        <svg width="12" height="12" fill="none">
                            <path fill="currentColor" d="M0 6c3 0 6-3 6-6 0 3 3 6 6 6-3 0-6 3-6 6 0-3-3-6-6-6Z"></path>
                        </svg>
                    </div>
                </div>

                <div class="flex animation-marquee right">
                    <div class="flex gap align-center whitespace-nowrap rich__text-m0">
                        Welcome to our store
                        <svg width="12" height="12" fill="none">
                            <path fill="currentColor" d="M0 6c3 0 6-3 6-6 0 3 3 6 6 6-3 0-6 3-6 6 0-3-3-6-6-6Z"></path>
                        </svg>
                    </div>

                    <div class="flex gap align-center whitespace-nowrap rich__text-m0">
                        Welcome to our store
                        <svg width="12" height="12" fill="none">
                            <path fill="currentColor" d="M0 6c3 0 6-3 6-6 0 3 3 6 6 6-3 0-6 3-6 6 0-3-3-6-6-6Z"></path>
                        </svg>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>