<div class="page-service-single">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <!-- Page Single Sidebar Start -->
                <div class="page-single-sidebar">
                    <!-- Page Sidebar Category List Start -->
                    <div class="page-sidebar-catagery-list wow fadeInUp">
                        <h3>services category</h3>
                        <ul>
                            @foreach ($services as $key => $data)
                            <li><a href="{{ route('service-details', $data->id) }}">{{ $data->title }}</a></li>
                            @endforeach
                        </ul>
                    </div>
                    <!-- Page Sidebar Category List End -->

                    <!-- Sidebar CTA Box Start -->
                    <div class="sidebar-cta-box wow fadeInUp" data-wow-delay="0.2s">
                        <!-- Sidebar Cta Logo Start -->
                        <div class="sidebar-cta-logo">
                            <img src="images/logo.svg" alt="">
                        </div>
                        <!-- Sidebar Cta Logo End -->

                        <!-- Sidebar CTA Content Start -->
                        <div class="sidebar-cta-content">
                            <h3>How can we help?</h3>
                            <p>{{ $commonWebData['address'] }}</p>
                            <p><a href="mailto:{{ $commonWebData['email'] }}">{{ $commonWebData['email'] }}</a></p>
                        </div>
                        <!-- Sidebar CTA Content End -->

                        <!-- Sidebar CTA Button Start -->
                        <div class="sidebar-cta-btn">
                            <a href="tel:+{{ $commonWebData['phone_no'] }}"><img src="{{ asset('../website/images/icon-phone.svg') }}" alt="">+{{ $commonWebData['phone_no'] }}</a>
                        </div>
                        <!-- Sidebar CTA Button End -->
                    </div>
                    <!-- Sidebar CTA Box End -->
                </div>
                <!-- Page Single Sidebar End -->
            </div>

            <div class="col-lg-8">
                <!-- Service Single Content Start -->
                <div class="service-single-contemt">
                    <!-- Page Single Image Start -->
                    <div class="page-single-image">
                        <figure class="image-anime reveal">
                            <img src="{{ asset('images/service/' . $serviceDetails->image) }}" alt="">
                        </figure>
                    </div>
                    <!-- Page Single Image End -->

                    <div class="service-entry">
                        <p class="wow fadeInUp">{{ $serviceDetails->short_description }}</p>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">
                        {!! $serviceDetails->description !!}
                        </p>
                    </div>


                    <!-- Page Single FAQs Start -->


                    {{-- @include('website.components.faq-single') --}}

                    <!-- Page Single FAQs End -->

                </div>
                <!-- Service Single Content End -->
            </div>
        </div>
    </div>
</div>