<!-- =========={ BRAND }========== -->
<div id="partner-brand" class="section bg-light pt-6 pt-md-7 pb-4 pb-md-5">
<div class="container">
<div class="row">
<div class="col-12">
<!-- list brand -->
<ul class="list-unstyled row justify-content-center">
<li class="col-12 col-sm-6 col-md-4 col-lg-2 px-4 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img1.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-4 col-lg-2 px-4 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img2.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-4 col-lg-2 px-4 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img3.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-4 col-lg-2 px-4 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img4.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-4 col-lg-2 px-4 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img5.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-4 col-lg-2 px-4 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img6.png" alt="Image Description">
</a>
</li>
</ul><!-- end list brand -->
</div>
</div>
</div>
</div><!-- End brand-->
<!-- =========={ BRAND }========== -->
<div id="partner-brand" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-body">
<div class="container">
<div class="row">
<div class="col-12">
<!-- list brand -->
<ul class="list-unstyled row justify-content-center">
<li class="col-12 col-sm-6 col-md-4 col-lg-24 px-4 px-xl-5 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img1.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-4 col-lg-24 px-4 px-xl-5 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img2.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-4 col-lg-24 px-4 px-xl-5 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img3.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-4 col-lg-24 px-4 px-xl-5 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img4.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-4 col-lg-24 px-4 px-xl-5 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img5.png" alt="Image Description">
</a>
</li>
</ul><!-- end list brand -->
</div>
</div>
</div>
</div><!-- End brand-->
<!-- =========={ BRAND }========== -->
<div id="partner-brand" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light-dark">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-10">
<!-- list brand -->
<ul class="list-unstyled row justify-content-center">
<li class="col-12 col-sm-6 col-md-3 px-4 px-lg-5 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img1.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-3 px-4 px-lg-5 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img2.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-3 px-4 px-lg-5 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img3.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-3 px-4 px-lg-5 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img4.png" alt="Image Description">
</a>
</li>
</ul><!-- end list brand -->
</div>
</div>
</div>
</div><!-- End brand-->
<!-- =========={ BRAND }========== -->
<div id="partner-brand" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-8">
<!-- list brand -->
<ul class="list-unstyled row justify-content-center">
<li class="col-12 col-sm-6 col-md-4 px-4 px-lg-5 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img1.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-4 px-4 px-lg-5 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img2.png" alt="Image Description">
</a>
</li>
<li class="col-12 col-sm-6 col-md-4 px-4 px-lg-5 mb-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img3.png" alt="Image Description">
</a>
</li>
</ul><!-- end list brand -->
</div>
</div>
</div>
</div><!-- End brand-->
<!-- =========={ BRAND }========== -->
<div id="partner-brand" class="section py-6 py-md-7 bg-light-dark">
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<!-- slider brand -->
<div data-flickity='{ "cellAlign": "left", "wrapAround": true, "adaptiveHeight": true, "pageDots": false, "imagesLoaded": true }'>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 px-4 px-lg-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img1.png" alt="Image Description">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 px-4 px-lg-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img2.png" alt="Image Description">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 px-4 px-lg-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img3.png" alt="Image Description">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 px-4 px-lg-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img4.png" alt="Image Description">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 px-4 px-lg-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img5.png" alt="Image Description">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 px-4 px-lg-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img6.png" alt="Image Description">
</a>
</div>
</div><!-- end slider brand -->
</div>
</div>
</div>
</div><!-- End brand-->
<!-- =========={ BRAND }========== -->
<div id="partner-brand" class="section py-6 py-md-7 bg-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<!-- slider brand -->
<div class="nav-dark-button" data-flickity='{ "cellAlign": "left", "wrapAround": true, "adaptiveHeight": true, "pageDots": false, "imagesLoaded": true }'>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-24 px-4 px-lg-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img1.png" alt="Image Description">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-24 px-4 px-lg-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img2.png" alt="Image Description">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-24 px-4 px-lg-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img3.png" alt="Image Description">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-24 px-4 px-lg-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img4.png" alt="Image Description">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-24 px-4 px-lg-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img5.png" alt="Image Description">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-24 px-4 px-lg-5 text-center">
<a href="#" target="_blank">
<img class="brands-image img-fluid" src="src/img-min/brand/img6.png" alt="Image Description">
</a>
</div>
</div><!-- end slider brand -->
</div>
</div>
</div>
</div><!-- End brand-->