@extends('layouts.page')

@section('content')

<style>
    .pg li {
        list-style-type: disc !important;
        margin-left: 36px;
        margin-bottom: 16px;
    }
</style>

<div class="page-wrapper">
    <section class="page-title" style="background-image:url({{ asset('imgs/blaw.jpg') }})">
    	<div class="auto-container">
			<h1>PRACTICE AREAS</h1>
			<ul class="page-breadcrumb">
				<li><a href="{{ route('web.home') }}">HOME</a></li>
				<li>PRACTICE AREAS</li>
			</ul>
        </div>
    </section>

    @if (is_countable($sections))
        @foreach ($sections as $section)
            <section class="counter-section bg-light">
                <div class="image-layer" ></div>
                <div class="auto-container">
                    <div class="sec-title light centered ">
                        <h2 class="head-color">
                            {{ $section['title'] }}
                        </h2>
                        <div class="about-text pg">
                            {!! $section['description'] !!}
                        </div>
                    </div>
                </div>
            </section>
        @endforeach
    @endif
</div>
@endsection