Clients Logo 01

<div class="pt-8 pb-7 border-bottom">
    <div class="container container-xxl">
        <div class="slick-slider"
             data-slick-options='{"slidesToShow": 7,"infinite":true,"autoplay":false,"dots":false,"arrows":false,"responsive":[{"breakpoint": 1367,"settings": {"slidesToShow":6}},{"breakpoint": 992,"settings": {"slidesToShow":5}},{"breakpoint": 768,"settings": {"slidesToShow": 4}},{"breakpoint": 576,"settings": {"slidesToShow": 2}}]}'>
            <div class="box">
                <a href="#" class="d-block px-3 px-xl-7">
                    <img src="../../../images/client_logo_01.png" alt="Client Logo 01"
                         class="opacity-5 opacity-hover-10">
                </a>
            </div>
            <div class="box">
                <a href="#" class="d-block px-3 px-xl-7">
                    <img src="../../../images/client_logo_02.png" alt="Client Logo 02"
                         class="opacity-5 opacity-hover-10">
                </a>
            </div>
            <div class="box">
                <a href="#" class="d-block px-3 px-xl-7">
                    <img src="../../../images/client_logo_03.png" alt="Client Logo 03"
                         class="opacity-5 opacity-hover-10">
                </a>
            </div>
            <div class="box">
                <a href="#" class="d-block px-3 px-xl-7">
                    <img src="../../../images/client_logo_04.png" alt="Client Logo 04"
                         class="opacity-5 opacity-hover-10">
                </a>
            </div>
            <div class="box">
                <a href="#" class="d-block px-3 px-xl-7">
                    <img src="../../../images/client_logo_05.png" alt="Client Logo 05"
                         class="opacity-5 opacity-hover-10">
                </a>
            </div>
            <div class="box">
                <a href="#" class="d-block px-3 px-xl-7">
                    <img src="../../../images/client_logo_06.png" alt="Client Logo 06"
                         class="opacity-5 opacity-hover-10">
                </a>
            </div>
            <div class="box">
                <a href="#" class="d-block px-3 px-xl-7">
                    <img src="../../../images/client_logo_07.png" alt="Client Logo 07"
                         class="opacity-5 opacity-hover-10">
                </a>
            </div>
            <div class="box">
                <a href="#" class="d-block px-3 px-xl-7">
                    <img src="../../../images/client_logo_08.png" alt="Client Logo 08"
                         class="opacity-5 opacity-hover-10">
                </a>
            </div>
            <div class="box">
                <a href="#" class="d-block px-3 px-xl-7">
                    <img src="../../../images/client_logo_09.png" alt="Client Logo 09"
                         class="opacity-5 opacity-hover-10">
                </a>
            </div>
            <div class="box">
                <a href="#" class="d-block px-3 px-xl-7">
                    <img src="../../../images/client_logo_10.png" alt="Client Logo 10"
                         class="opacity-5 opacity-hover-10">
                </a>
            </div>
        </div>
    </div>
</div>