@extends('web.layouts.layout')
@section('content')
     
        <!-- start page title area-->
        <div class="page-title-area ptb-100">
            <div class="container">
                <div class="page-title-content">
                    <h1>{!! $settings[89] !!}</h1>
                    <ul>
                        <li class="item"><a href="">Home</a></li>
                        <li class="item active"><span></span>About</li>
                    </ul>
                </div>
			</div>
			<div class="bg-image">
				<img src="{!! asset($settings[97]) !!}" alt="Demo Image">
			</div>
        </div>
        <!-- end page title area -->

        <!-- start about single area -->
        <div class="about-single-area ptb-100">
            <!-- start about section -->
            <section id="about" class="about-section about-section-single">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="image-content mb-30" style="background-image:   background: url({!! asset($settings[98]) !!}) no-repeat top;">
                                <img src="{!! asset($settings[98]) !!}" alt="Demo Image" class="img1">
                                <img src="{!! asset($settings[98]) !!}" alt="Demo Image" class="img2">
                                <div class="count">
                                    <h2>{!! $settings[99] !!}</h2>
                                    <span>{!! $settings[100] !!}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="about-content mb-30">
                                <span class="sub-title">{!! $settings[89] !!}</span>
                                <h2>
                                    {!! $settings[90] !!}
                                </h2>
                                <p>
                                    {!! $settings[91] !!}
                                </p>
                                <div class="content-list">
                                    <i class='bx bx-caret-right'></i>
                                    <h6>{!! $settings[92] !!}</h6>
                                </div>
                                <div class="content-list">
                                    <i class='bx bx-caret-right'></i>
                                    <h6>{!! $settings[93] !!}</h6>
                                </div>
                                <div class="content-list">
                                    <i class='bx bx-caret-right'></i>
                                    <h6>{!! $settings[94] !!}</h6>
                                </div>
                                <div class="content-list">
                                    <i class='bx bx-caret-right'></i>
                                    <h6>{!! $settings[95] !!}</h6>
                                </div>
                                <div class="content-list">
                                    <i class='bx bx-caret-right'></i>
                                    <h6>{!! $settings[96] !!}</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- end about section -->

            <!-- start promo area -->
            <div class="promo-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="promo-inner">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-12">
                                        <div class="content">
                                            <h2>
                                                {!! $settings[104] !!}
                                            </h2>
                                            <p>
                                                {!! $settings[105] !!}                                            </p>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-12">
                                        <div class="image">
                                            <img src="{!! asset($settings[101]) !!}" alt="Demo Image">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="promo-inner">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-12">
                                        <div class="image">
                                            <img src="{!! asset($settings[102]) !!}" alt="Demo Image">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-12">
                                        <div class="content">
                                            <h2>
                                                {!! $settings[106] !!}                                            </h2>
                                            <p>
                                                {!! $settings[107] !!}                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="promo-inner">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-12">
                                        <div class="content">
                                            <h2>
                                                {!! $settings[108] !!}                                            </h2>
                                            <p>
                                                {!! $settings[109] !!}                                            </p>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-12">
                                        <div class="image">
                                            <img src="{!! asset($settings[103]) !!}" alt="Demo Image">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end promo area -->
        
        </div>
        <!-- end about single area -->




@endsection