@extends('web.layouts.layout')
@section('content')


    <main>
        <!-- Start header -->
        @include('web.pages.components.banner')

        <!-- Start about-pg -->
        <section class="about-pg section py-0">
            <div class="vision_box">
                <div class="container-fluid px-0">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <img src="{{asset($vision->image)}}" class="sec-img" alt="">
                        </div>
                        <div class="col-lg-6 ms-auto">
                            <div class="txt_box col-lg-10">
                                <h1 class="title mb-5">{{$vision->title}}</h1>
                                <ul class="custom_ul col-lg-11">
                                    @foreach($vision->items as $row)
                                        <li class="li">
                                            {{$row->currentDescription->name}}
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
            <div class="mission_box">
                <div class="container">
                    <h1 class="title mb-5">{{$mission->title}} </h1>
                    <div class="col-lg-6">
                        <div class="txt_box">
                            <div class="box">
                                <ul class="custom_ul">
                                    @foreach($mission->items as $row)
                                        <li class="li">
                                            {{$row->currentDescription->name}}
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <img src="{{asset($mission->image)}}" class="bg" alt="" />
            </div>
            <div class="about_box">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-4">
                            <img src="{{asset($aboutus->image)}}" class="sec-img" alt="">
                        </div>
                        <div class="col-lg-8">
                            <div class="txt_box">
                                 {!! $aboutus->description !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

@stop
