@extends('frontend.layout.master')
@section('content')
    <div class="container">
        <div class="breadcrumb-wrapper">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">


                    <li class="breadcrumb-item"><a href="{{route('home')}}">Home</a></li>





                    <li class="breadcrumb-item" aria-current="page">Our Services</li>
                    <li class="breadcrumb-item active" aria-current="page">{{$services->title}}</li>


                </ol>
            </nav>
        </div>
    </div>


    <section class="benefits" data-aos="fade-down" data-aos-offset="200" data-aos-easing="ease-in-sine" data-aos-duration="700">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12">
                    <div class="imgArea service-img">
                        <img src="{{url('/')}}/{{$services->image}}" alt="" loading="lazy">
                        <div class="bgImg"></div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <div class="rightArea">
                        <div class="headingArea">
                            <h2 class="h2">{{$services->title}}</h2>
                        </div>
                        <p>
                      {!! $services->description !!}
                        </p>
                    </div>
                </div>
            </div>


        </div>
    </section>
    <!-- Service details page end -->
    @endsection
