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

    <main>
        <!-- Start section -->

    <!-- Start section -->

        <section class="about_pg section">
            <div class="container">
                <div class="col-lg-9 ms-auto">
                    <div class="text_box">
                        <h2 class="sec_title text-uppercase color-primary fw-bold mb-5">
                            {!! $aboutus->title !!}
                            <img src="{{url('')}}/assets/web/images/title_line.svg" class="d-block " alt="">
                        </h2>
                        <p class="p mt-2">
                            {!! $aboutus->description !!}
                        </p>
                    </div>
                    <div class="features_sec pt-5 bg-white">
                        <div class="container">
                            <div class="row">
                                @foreach($features as $row)
                                <div class="col-lg-3 col-md-6">
                                    <div class="item">
                                        <h5 class="title">
                                            <span class="icon">
                                                <!--<i class="fad fa-stars"></i>-->
                                                <img src="{{asset($row->image)}}" alt="">
                                            </span>
                                            {!! $row->title !!}
                                        </h5>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <img src="{{asset($aboutus->image)}}" class="bg" alt=""/>
        </section>

        <!-- Start section -->
        <section class="about_cards section">
            <div class="container">
                <div class="row">
                    @foreach($cards as $row)
                        <div class="col-lg-4">
                        <div class="about_card">
                            <div class="s_icon">
                                <!--<i class="fad fa-eye"></i>-->
                                <img src="{{asset($row->image)}}" alt="">
                            </div>
                            <div class="txt">
                                <h4 class="title fw-bold color-primary mb-3"> {!! $row->title !!}  </h4>
                                <p class="p">
                                    {!! $row->description !!}
                                </p>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>
        <!-- Start section -->
        @include('web.layouts.newsletter')
    </main>


@stop
