<section class="app-section app-sec-one p-0">
        <div class="container">
            <div class="app-bg">
                <div class="row">
                    <div class="col-lg-6 col-md-12 d-flex">
                        <div class="app-content d-flex flex-column justify-content-center">
                            <div class="app-header aos" data-aos="fade-up">
                                <h3 class="display-6 text-white">Download the Kafu App today!</h3>
                                <p class="text-light">To download an app related to a doctor or medical services, you can typically visit the app store on your device.</p>
                            </div>
                            <div class="google-imgs aos" data-aos="fade-up">
                                <a href="javascript:void(0);"><img src="{{URL::asset('assets/img/icons/app-store-01.svg')}}" alt="img"></a>
                                <a href="javascript:void(0);"><img src="{{URL::asset('assets/img/icons/google-play-01.svg')}}" alt="img"></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 aos" data-aos="fade-up">
                        <div class="mobile-img">
                            <img src="{{URL::asset('assets/img/mobile-img.png')}}" class="img-fluid" alt="img">
                        </div>
                    </div>
                </div>
                <div class="app-bgs">
                    <img src="{{URL::asset('assets/img/bg/app-bg-02.png')}}" alt="img" class="app-bg-01">
                    <img src="{{URL::asset('assets/img/bg/app-bg-03.png')}}" alt="img" class="app-bg-02">
                    <img src="{{URL::asset('assets/img/bg/app-bg-04.png')}}" alt="img" class="app-bg-03">
                </div>
            </div>
        </div>
        <div class="download-bg">
            <img src="{{URL::asset('assets/img/bg/download-bg.png')}}" alt="img">
        </div>
    </section>