<div class="py-8">
<div class="container">
<h2 class="text-center fs-lg-40 mb-11">Shop by Brands</h2>
<div class="d-flex flex-wrap client-logo-02">
<a href="#" class="d-block p-6 px-xl-8 item">
<img src="../../../images/client_logo_01.png" alt="Client Logo 01"
class="opacity-5 opacity-hover-10">
</a>
<a href="#" class="d-block p-6 px-xl-8 item">
<img src="../../../images/client_logo_02.png" alt="Client Logo 02"
class="opacity-5 opacity-hover-10">
</a>
<a href="#" class="d-block p-6 px-xl-8 item">
<img src="../../../images/client_logo_03.png" alt="Client Logo 03"
class="opacity-5 opacity-hover-10">
</a>
<a href="#" class="d-block p-6 px-xl-8 item">
<img src="../../../images/client_logo_04.png" alt="Client Logo 04"
class="opacity-5 opacity-hover-10">
</a>
<a href="#" class="d-block p-6 px-xl-8 item">
<img src="../../../images/client_logo_05.png" alt="Client Logo 05"
class="opacity-5 opacity-hover-10">
</a>
<a href="#" class="d-block p-6 px-xl-8 item">
<img src="../../../images/client_logo_06.png" alt="Client Logo 06"
class="opacity-5 opacity-hover-10">
</a>
<a href="#" class="d-block p-6 px-xl-8 item">
<img src="../../../images/client_logo_07.png" alt="Client Logo 07"
class="opacity-5 opacity-hover-10">
</a>
<a href="#" class="d-block p-6 px-xl-8 item">
<img src="../../../images/client_logo_08.png" alt="Client Logo 08"
class="opacity-5 opacity-hover-10">
</a>
<a href="#" class="d-block p-6 px-xl-8 item">
<img src="../../../images/client_logo_09.png" alt="Client Logo 09"
class="opacity-5 opacity-hover-10">
</a>
<a href="#" class="d-block p-6 px-xl-8 item">
<img src="../../../images/client_logo_10.png" alt="Client Logo 10"
class="opacity-5 opacity-hover-10">
</a>
</div>
</div>
</div>