@extends('web.layouts.container')

@section('content')
    <section class="accreditation-pg section bg-babyBlue">
        <div class="container">
            <div class="inner bg-white mb-0">
                <div class="row align-items-center">
                    <div class="col-lg-12">
                        <img src="{{asset($pages->image)}}" alt="" class="sec-img h-100 pe-4"/>
                    </div>
                    <div class="col-lg-12 desc_container">
                        <div class="text-box">
                            <div class="head mb-4">
                                <h6 class="color-primary mb-3 text-capitalize">{{$pages->title}}</h6>
                                <h1 class="color-dark fw-bold text-capitalize">{{$title}}</h1>
                            </div>

                            {!! $pages->description !!}
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>@endsection

@section('inner_js')
    <script>
        $(document).ready(function () {
            $('.desc_container p').addClass('det');
            $('.desc_container ul').css({
                listStyleType: 'disc'
            })
        })
    </script>

@endsection