{{-- <section class="about-section fix">
    <div class="about-container-wrapper section-padding style1">
        <div class="shape"><img src="{{ asset('assets/website') }}/images/shape/aboutShape1_1.png" alt="shape"></div>
        <div class="container">
            <div class="about-wrapper style2">
                <div class="row gy-5 gx-30 d-flex align-items-center">
                    <div class="col-xl-6 order-2 order-xl-1">
                        <div class="about-content">
                            <div class="section-title mxw-705">
                                <h6 class="subtitle wow fadeInUp" data-wow-delay=".3s">{{ $about->sub_title }}</h6>
                                <h2 class="title wow fadeInUp" data-wow-delay=".6s"> {{ $about->title }}</h2>
                                <p class="desc mxw-564 wow fadeInUp" data-wow-delay=".8s">{!! $about->short_desc !!}</p>
                            </div>
                            <ul class="checklist style2 wow fadeInUp" data-wow-delay=".3s">
                                @foreach ($about_structs as $about_struct)
                                <li>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
                                        <path d="M13.8454 26.587C13.7658 26.587 13.6871 26.5705 13.6142 26.5386C13.5413 26.5067 13.4758 26.4601 13.4218 26.4017L1.99947 14.046C1.92332 13.9636 1.87284 13.8608 1.85421 13.7502C1.83557 13.6396 1.84959 13.5259 1.89454 13.4232C1.93949 13.3204 2.01343 13.233 2.10731 13.1716C2.20119 13.1101 2.31093 13.0774 2.4231 13.0774H7.92118C8.00373 13.0775 8.08532 13.0952 8.16044 13.1294C8.23556 13.1636 8.30246 13.2136 8.35664 13.2758L12.174 17.6676C12.5866 16.7857 13.3852 15.3173 14.7867 13.5281C16.8585 10.8829 20.7123 6.99263 27.3056 3.48079C27.433 3.41293 27.5813 3.39531 27.721 3.43143C27.8608 3.46754 27.982 3.55476 28.0606 3.67585C28.1392 3.79695 28.1696 3.94312 28.1457 4.08551C28.1218 4.2279 28.0454 4.35615 27.9315 4.44494C27.9064 4.46461 25.3642 6.46654 22.4385 10.1334C19.7459 13.5078 16.1666 19.0255 14.4053 26.1488C14.3743 26.2739 14.3024 26.3851 14.2009 26.4646C14.0994 26.5441 13.9742 26.5872 13.8453 26.5872L13.8454 26.587Z" fill="#2DCE98" />
                                    </svg> {{ $about_struct ->title }}
                                </li>
                                @endforeach
                            </ul>
                            <div class="btn-wrap wow fadeInUp" data-wow-delay=".6s">
                                <a class="theme-btn style3" href="{{ route('website.about-us') }}">{{ __('website.read_more') }}
                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                                        <g clip-path="url(#clip0_264_40)">
                                            <path d="M19.7709 9.94699C19.7706 9.94676 19.7704 9.94648 19.7702 9.94625L15.688 5.88375C15.3821 5.57941 14.8875 5.58054 14.5831 5.8864C14.2787 6.19222 14.2799 6.68687 14.5857 6.99125L17.3265 9.71875H0.78125C0.349766 9.71875 0 10.0685 0 10.5C0 10.9315 0.349766 11.2812 0.78125 11.2812H17.3264L14.5857 14.0087C14.2799 14.3131 14.2788 14.8078 14.5831 15.1136C14.8875 15.4195 15.3822 15.4205 15.688 15.1162L19.7702 11.0537C19.7704 11.0535 19.7706 11.0532 19.7709 11.053C20.0769 10.7476 20.0759 10.2514 19.7709 9.94699Z" fill="white" />
                                        </g>
                                        <defs>
                                            <clipPath id="clip0_264_40">
                                                <rect width="20" height="20" fill="white" transform="translate(0 0.5)" />
                                            </clipPath>
                                        </defs>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 order-1 order-xl-2">
                        <div class="about-thumb">
                            <div class="main-thumb img-custom-anim-left wow fadeInUp" data-wow-delay=".3s">
                                <img src="{{ $about->image_path }}" alt="thumb">
                            </div>
                            <div class="shape">
                                <img src="{{ asset('asswets/website') }}/images/shape/aboutShape2_1.png" alt="shape">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> --}}
<section class="content-inner"
    style="background-image: url(images/background/bg1.png); background-repeat: no-repeat; background-position: right bottom;">
    <div class="container">
        <div class="row content-wrapper style-1 align-items-center">

            <div class="col-xl-12 m-b30 text-center">
                <div class="section-head style-1 m-b30">
                    <h2 class="title wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s"
                        style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: fadeInUp;">
                        About Nabd Clinics </h2>
                    <p class="wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s"
                        style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.4s; animation-name: fadeInUp;">
                        Experience the future of healthcare. Our state-of-the-art facilities are equipped
                        with the latest technology, ensuring you receive the world's best quality treatment.
                        Here, cutting-edge tools meet unparalleled expertise, providing a comfortable and
                        effective path to optimal health.</p>
                </div>
                <div class=" text-center align-items-center wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s"
                    style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.8s; animation-name: fadeInUp;">
                    <a href="about-us.html" class="btn btn-lg btn-icon btn-secondary btn-shadow m-r30 mb-3 mb-sm-0">
                        Read More
                        <span class="right-icon"><i class="feather icon-arrow-right"></i></span>
                    </a>


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