@if ($page->children->count() > 3)
    @php
        $study = $page->children[3];
    @endphp
  <!--Brand One Start-->
  <section class="brand-one">
    <div class="container">
      <div class="brand-one__text-box count-box">
        <h3 class="text-center ">{!! implode(' ', array_slice(explode(' ', $study->title), 0, 4)) .'<br>' .implode(' ', array_slice(explode(' ', $study->title), 4)) !!}</h3>
      </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":true,
                      "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-->
        @foreach($study->images as $photo)

          <div class="item">
            <div class="brand-one__single">
              <div class="brand-one__img"> <img class="uni-logo" src="{{ $photo }}" alt="" > </div>
              {{-- <div class="brand-one__hover-img"> <img class="uni-logo" src="{{ $photo }}" alt=""> </div> --}}
            </div>
          </div>
        @endforeach
        <!--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-->
@endif