<!--Brand One Start-->
<section class="brand-one">
  <div class="brand-one__bg" style="background-image: url('assets/images/backgrounds/brand-one-bg.jpg');"></div>
  <div class="container">
    <div class="brand-one__text-box count-box"> We Reached
      <h3 class="count-text" data-stop="250" data-speed="1500">00</h3>
      <span class="brand-one__count-plus">+</span> Global Client </div>
    <div class="brand-one__carousel thm-owl__carousel owl-theme owl-carousel" data-owl-options='{
                    "items": 3,
                    "margin": 10,
                    "smartSpeed": 700,
                    "loop":true,
                    "autoplay": 6000,
                    "nav":false,
                    "dots":false,
                    "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
                    "responsive":{
                        "0":{
                            "items":2
                        },
                        "768":{
                            "items":3
                        },
                        "992":{
                            "items": 5
                        }
                    }
                }'> 
      <!--Brand One Single Start-->
      <div class="item">
        <div class="brand-one__single">
          <div class="brand-one__img"> <img src="assets/images/brand/brand-1-1.png" alt=""> </div>
          <div class="brand-one__hover-img"> <img src="assets/images/brand/brand-hover-1-1.png" alt=""> </div>
        </div>
      </div>
      <!--Brand One Single End--> 
      <!--Brand One Single Start-->
      <div class="item">
        <div class="brand-one__single">
          <div class="brand-one__img"> <img src="assets/images/brand/brand-1-2.png" alt=""> </div>
          <div class="brand-one__hover-img"> <img src="assets/images/brand/brand-hover-1-2.png" alt=""> </div>
        </div>
      </div>
      <!--Brand One Single End--> 
      <!--Brand One Single Start-->
      <div class="item">
        <div class="brand-one__single">
          <div class="brand-one__img"> <img src="assets/images/brand/brand-1-3.png" alt=""> </div>
          <div class="brand-one__hover-img"> <img src="assets/images/brand/brand-hover-1-3.png" alt=""> </div>
        </div>
      </div>
      <!--Brand One Single End--> 
      <!--Brand One Single Start-->
      <div class="item">
        <div class="brand-one__single">
          <div class="brand-one__img"> <img src="assets/images/brand/brand-1-4.png" alt=""> </div>
          <div class="brand-one__hover-img"> <img src="assets/images/brand/brand-hover-1-4.png" alt=""> </div>
        </div>
      </div>
      <!--Brand One Single End--> 
      <!--Brand One Single Start-->
      <div class="item">
        <div class="brand-one__single">
          <div class="brand-one__img"> <img src="assets/images/brand/brand-1-5.png" alt=""> </div>
          <div class="brand-one__hover-img"> <img src="assets/images/brand/brand-hover-1-5.png" alt=""> </div>
        </div>
      </div>
      <!--Brand One Single End--> 
    </div>
    <!-- If we need navigation buttons --> 
  </div>
</section>
<!--Brand One End-->