<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-3">
                    <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="performance">{{$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="balic">
                    <img src="{{ asset('storage/images/'.$sec_1->cms_image)}}" class="img-fluid" alt="img">
                </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 class="STRATEGIES" id="HANDS-ROT-1">
                    <h2>{{$sec_1->cms_heading}}</h2>
                    {!! $sec_1->cms_description !!}
                    
                </div>
                <a class="book" style="color:#000;" href="contact_us">Performance Management
                    <i class="fa-solid fa-chevron-right"></i>
                    </a>
            </div>
        </div>
    </div>




</section>

<section class="head-12 head-13">
    <div class="KFC">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 col-sm-12 col-md-12 col-lg-7 col-xl-7 col-xxl-7">
                    <div class="loop-text lololo talha">
                        <h3>{{$sec_2->cms_heading}}</h3>
                        <h6>{{$sec_2->cms_sub_heading}}</h6>
                       {!! $sec_2->cms_description !!}
                    </div>
                  
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5">

                    <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>
        </div>
    </div>
</section>


<section class="blot">

<div class="container">
<div class="mian-oppo">
<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="face">
                <img src="{{ asset('storage/images/'.$sec_3->cms_image)}}" class="img-fluid" alt="img">
            </div>
        </div>
        <div class="col-12 col-sm-12 col-md-12 col-lg-7 col-xl-7 col-xxl-7">
            <div class="face-2">
                <h2>{{$sec_3->cms_heading}}</h2>
                {!! $sec_3->cms_description !!}
                <a class="book" style="color:#000;" href="contact_us">Register
                    <i class="fa-solid fa-chevron-right"></i>
                </a>
            </div>
        </div>
    </div>
</div>
</div>
</section>

<x-main.footer />