@extends('new_layout.app')
@section('content')
    <div class="page-banner-area">
        <div class="container">
            <div class="single-page-banner-content">
                <h1>Services Details</h1>
                <ul>
                    <li>
                        <a href="index.html">Home</a>
                    </li>
                    <li>Services Details</li>
                </ul>
            </div>
        </div>
    </div>


    <div class="services-details-area pt-100 pb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="single-services-details-content">
                        <div class="services-details-img">
                            <img src="{{ asset($services->services_image) }}" alt="services-details">
                        </div>
                        <h2 class="services-text">Description For Our Services</h2>
                        <p>{!! substr($services->services_description, 0, 10000) !!}</p>




                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="categories">
                        <h2>Our Services</h2>
                        <ul>
                            <li><a href="{{ url('services') }}">Car Insurance <i class='bx bx-right-arrow-alt'></i></a></li>
                            <li><a href="{{ url('services') }}">Home Insurance <i class='bx bx-right-arrow-alt'></i></a>
                            </li>
                            <li><a href="{{ url('services') }}">Health Insurance <i class='bx bx-right-arrow-alt'></i></a>
                            </li>
                            <li><a href="{{ url('services') }}">Travel Insurance <i class='bx bx-right-arrow-alt'></i></a>
                            </li>
                            <li><a href="{{ url('services') }}">Life Insurance <i class='bx bx-right-arrow-alt'></i></a>
                            </li>
                            <li><a href="{{ url('services') }}">Bike Insurance <i class='bx bx-right-arrow-alt'></i></a>
                            </li>
                            <li><a href="{{ url('services') }}">Fire Insurance<i class='bx bx-right-arrow-alt'></i></a></li>
                        </ul>
                    </div>

                    <div class="help-contact-card">
                        <div class="help-img">
                            <img src="{{ asset('webtheme/assets/images/portfolio/portfolio-details-img-4.webp') }}"
                                alt="portfolio">
                        </div>
                        <h3>How Can We Help</h3>
                        <p>Cicero are also reproduced in theirm accompanied by English versions from the translation.</p>
                        <div class="call-experts">
                            <div class="phone-call">
                                <img src="{{ asset('webtheme/assets/images/phone-call.svg') }}" alt="phone-call">
                            </div>
                            <span>Call To Our Experts</span>
                            <a href="tel:(+0188)76898708">(+0188) 768 98708</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-area pt-100">
        <div class="container">
            <div class="row pb-100">
                <div class="col-lg-3 col-sm-6 col-md-6" data-cue="slideInUp">
                    <div class="footer-widget">
                        <a href="index.html">
                        @endsection