<!-- SERVICES START -->
    <div class="bg-wrapper mt-5">
        <div class="container">
            <div class="center-title">
                <h2>Jobs by Categories</h2>
                <p>Choose Your Desire Category</p>
            </div>
            <div class="row">
                @foreach(MPCMS::getjobcategories() as $category)
                <div class="col-md-6 col-lg-4 mb-3">
                    <div class="icon-boxes">
                        <figure class="ib-icon">
                            <a href="{{ route('single_job_category', ['alias' => $category->alias]) }}">
                                <img class="img-fluid custom-img-job" src="{{site_url($category->thumb)}}" alt=""> 
                                 </a>
                        </figure>
                        <h4> <a href="job-category/{{$category->alias}}">
                            <p class="custom-text fs-5">{{$category->title}}</p>
                        </a>
                    </h4>
                    <p class="">
                        {!!substr($category->details,0,120)!!}
                        </p>
                    </div>
                </div>
                @endforeach
            </div>
            <div class="mt-2 text-center">
                <p><a class="tp-btn-primary" href="{{site_url('job_seekers/job-categories')}}" role="button">View More</a></p>
            </div>
        </div>
    </div>
    <!-- SERVICES END -->