<x-main.header />
<section class="opposite" style="background-image: url({{ asset('storage/images/'.$banner->banner_image)}});">
    <div class="container">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 pe-xl-6">
                <div class="about About-2">
                    <h2>{{$banner->banner_heading}}</h2>
                    <div class="moral">
                        <a class="wave" href="/">HOME</a>
                        <span class="leay"><i class="fas fa-arrows-alt-h"></i></span>
                        <a class="bcc" href="membership">{{$banner->banner_heading}}</a>
                    </div>

                </div>
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 pe-xl-6">

            </div>
        </div>
    </div>



</section>
<section class="intel festival">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 pe-xl-6">
                <div class="STRATEGIES">
                    <h2>{{$sec_1->cms_heading}}</h2>
                    {!! $sec_1->cms_description !!}
                    
                </div>
                <a class="book" style="color:black;" href="contact_us">Learn More
                    <i class="fa-solid fa-chevron-right"></i>
                </a>
                
            </div>

            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 pe-xl-6">
                <div class="balic">
                    <img src="{{ asset('storage/images/'.$sec_1->cms_image)}}" class="img-fluid" alt="img">
                </div>

            </div>
        </div>
    </div>




</section>
<section class="head-12 head-090">
    <div class="KFC">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
                    <div data-aos="fade-right" data-aos-duration="1500" data-aos-delay="300" data-aos-offset="0" class="aos-init aos-animate">

                        <div class="folow aos-init aos-animate" data-aos="fade-left" data-aos-duration="1500" data-aos-delay="300" data-aos-offset="0">
                            <img src="{{ asset('storage/images/'.$sec_2->cms_image)}}" class="img-fluid" alt="img">
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
                    <div class="loop-text lololo">
                        <h3>{{$sec_2->cms_heading}}</h3>
                        {!! $sec_2->cms_description !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="world-news">
    <div class="container">
        <h2>{{$sec_3->cms_heading}}</h2>
        <div class="row justify-content-center">
            <div class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5">
                <div class="book-shop">
                    <h3>{{$sec_4->cms_heading}}</h3>
                    {!! $sec_4->cms_description !!}
                </div>
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5">
            <div class="book-shop">
                    <h3>{{$sec_5->cms_heading}}</h3>
                    {!! $sec_5->cms_description !!}
                </div>
            </div>
        </div>
    </div>

</section>

<x-main.footer />