 <section class="why-choose-one">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="section-title text-center sec-title-animation animation-style1">
                        <h2 class="section-title__title title-animation">Our Partner <span>Universities <img src="{{ asset('images/shapes/section-title-shape-1.png') }}" alt=""></span></h2>
                    </div>
                    <div class="partner-carousel owl-theme owl-carousel">
                        @foreach($partners as $partner)
                            <div class="item">
                                <img src="{{ $partner->logo_path ? asset('storage/'.$partner->logo_path) : asset('images/brand/category-one-brand-1-1.png') }}" alt="{{ $partner->name }}">
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>


    @push('scripts')
    <script>
        $(document).ready(function(){
            // Initialize partner carousel
            $('.partner-carousel').owlCarousel({
                loop:true,
                margin:20,
                nav:false,
                dots:true,
                autoplay:true,
                responsive:{
                    0:{ items:2 },
                    768:{ items:3 },
                    1024:{ items:4 }
                }
            });
            // Initialize other Owl carousels (they will be initialized by script.js already, but ensure)
        });
    </script>
@endpush
