@extends('layouts_frontend.master')
@section('title','Service')
<style>
    #header {
        background: rgba(40, 58, 90, 0.9);
    }
</style>
@section('content')
<section id="service" class="services section-bg">
    <div class="container" data-aos="fade-up">
        <div class="section-title" style="padding-top: 100px!important;">
            <h2>Our Services</h2>
            <p>{!! $site_config[0]->summary !!}</p>
        </div>
        <div class="row" style="padding-bottom: 35px; ">
            @if(!empty($services) && $services->count())
            @foreach ($services as $service)
            <div class="col-xl-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
                <div class="icon-box">
                    <h4><a href="{{asset('/service/'.Base64Url\Base64Url::encode($service->category_id))}}">{{$service->title}}</a></h4>
                    @php
                    $tmp = strip_tags($service->description);
                    @endphp
                    <p>{{ \Illuminate\Support\Str::limit($tmp, 300, $end='...') }}</p>
                </div>
            </div>
            @endforeach
            @endif
            
        </div>
        {!! $services->links() !!}
    </div>
</section>
@endsection
@section('extra-script')

@endsection