@extends('frontend.layouts.app')
@section('content')
<!-- Sister Concern Section -->
<div class="sister-concern-section p-30">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="content-part text-center">
					<h3 class="pb-4">Our Services</h3>
				</div>
			</div>
			@foreach($concerns as $concern)
		    <div class="col-md-4 pb-4">
                        <a href="/service/{{ $concern->slug }}">
                            <div class="breadcumb-box">
                                <div class="logo-section">
                                    <img src="/{{ $concern->image }}" width="100%" height="auto">
                                </div>
                                <div class="content-section text-center">
                                    <h2>{{ $concern->concern_name }}</h2>
                                    <p class="text-center">{{ $concern->short_details }}</p>
                                    <a href="/service/{{ $concern->slug }}">Read More</a>
                                </div>
                            </div>
                        </a>
                    </div>
			@endforeach
		</div>
	</div>
</div>
@endsection