@isset ($institutions) 
  <section>
      <div class="container">
          <div class="row justify-content-center align-items-center mb-5 sm-mb-30px"
              data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 1], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;:200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
              <div class="col-12 col-md-auto ps-25px sm-ps-15px text-center">
                  <h3 class="text-dark-gray fw-700 ls-minus-1px">Referred College & Universities <br>
                      by Raffles Educare</h3>
              </div>
          </div>
          <div class="row row-cols-1 row-cols-lg-4 row-cols-md-4 clients-style-04"
              data-anime="{&quot;opacity&quot;: [0,1], &quot;duration&quot;: 400, &quot;delay&quot;: 300, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
              @foreach ($institutions as $institution)
                  <div
                      class="col text-center border-end border-bottom border-color-transparent-dark-very-light sm-border-end-0 transition-inner-all pt-40px pb-40px sm-pt-30px sm-pb-30px">
                      <div class="client-box"> <a href="javascript:void(0);"><img src="{{ $institution->image }}"
                                  alt ="{{ $institution->title }}" /></a> </div>
                  </div>
              @endforeach
          </div>
      </div>
  </section>
@endisset