<!--==========================About==========================-->
{{-- <section class="section-xl">
    <div class="container">
        <div class="row g-0">
            <div class="col-md-12 col-xl-6">
                <div class="about-one-leftbox" style="background-image: url('{{ $about->image}}');">
                    <div class="ihbox-style-area">
                        <div class="pbmit-ihbox-style-12">
                            <div class="pbmit-ihbox-headingicon">
                                <div class="pbmit-ihbox-icon">
                                    <div class="pbmit-ihbox-icon-wrapper pbmit-icon-type-icon">
                                        <i class="pbmit-xinterio-icon pbmit-xinterio-icon-award"></i>
                                    </div>
                                </div>
                                <div class="pbmit-ihbox-contents">
                                    <h2 class="pbmit-element-title">Best Awarded <br>Company </h2>
                                </div>
                                <div class="pbmit-sticky-corner  pbmit-bottom-left-corner">
                                    <svg width="30" height="30" viewBox="0 0 30 30"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path d="M30 30V0C30 16 16 30 0 30H30Z"></path>
                                    </svg>
                                </div>
                                <div class="pbmit-sticky-corner pbmit-top-right-corner">
                                    <svg width="30" height="30" viewBox="0 0 30 30"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path d="M30 30V0C30 16 16 30 0 30H30Z"></path>
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-xl-6">
                <div class="about-one-rightbox">
                    <div class="pbmit-heading-subheading animation-style2">
                        <h4 class="pbmit-subtitle">{{ $about->title1 }}</h4>
                        <h2 class="pbmit-title">{{ $about->title }}</h2>
                        <div class="pbmit-heading-desc">
                            {!! $about->text1 !!}
                        </div>
                    </div>
                    <a class="pbmit-btn pbmit-btn-outline mt-3"
                        href="{{ LaravelLocalization::localizeUrl('about-us') }}">
                        <span class="pbmit-button-content-wrapper">
                            <span class="pbmit-button-text">{{ trans('home.moreabout') }}</span>
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section> --}}
<div class="about__area p-relative pb-50">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-xl-6 col-lg-6 mb-50">
                <div class="about__main-img p-relative">
                    <img class="w-100" src="{{$about->image}}" alt="Dr. Mohamed Sharara">
                    <div class="about__img-content">
                        <h4>Over 26 Years of Experience</h4>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-lg-6 mb-50">
                <div class="about__content">
                    <div class="about__section-title p-relative pb-20">
                        <h4 class="section-subtitle wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
                            {{$configration->app_name}}</h4>
                        <div class="about__title-shape-wrap p-relative wow tpfadeUp" data-wow-duration=".9s"
                            data-wow-delay=".5s">
                            <h2 class="section-title">Dr. Mohamed <span class="p-relative">Eye
                                    Specialist.</span></h2>
                            <div class="about-title-shape d-none d-md-block">
                                <img src="assets/img/slider/title-shape.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="about__text wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
                        <p>Dr. Mohamed Sharara is an experienced ophthalmologist with over 26 years of practice,
                            providing comprehensive eye care services to patients using the latest technology
                            and advanced treatments.</p>
                    </div>
                    <div class="about__list wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".9s">
                        <ul>
                            <li><i class="fal fa-check"></i>Expert in eye surgeries and treatments</li>
                            <li><i class="fal fa-check"></i>Specializes in cataract surgery and LASIK procedures
                            </li>
                            <li><i class="fal fa-check"></i>Committed to improving the quality of life through
                                vision care</li>
                        </ul>
                    </div>
                    <div class="about__button wow tpfadeUp" data-wow-duration=".9s" data-wow-delay="1s">
                        <a class="main-btn tp-btn-hover alt-color-orange" href="about.html"><span>Learn More
                                About Dr. Sharara</span>
                            <b></b>
                            <i class="far fa-plus"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--==========================About==========================-->
