@extends('web.layouts.container')


@section('content')
    <div class="page-heading" style="background: url({{asset('assets/web/images/page-heading-1.png')}});">
        <div class="container">
            <div class="text-box text-center">
                <h1 class="sec-title"> {{$pageTitle[0]}} <b>{{$pageTitle[1]}}</b></h1>
            </div>
        </div>
    </div>

    <section class="about-pg">
        <div class="container">
            <div class="inner-sec">
                <div class="main-text text-start">
                    <div class="row">
                        <div class="col-md-5">
                            <div class="img-box2 mb-5" style="height: 400px;">
                                <img src="{{asset($impact->sustainability_image)}}" alt="" class="main-img ">
                            </div>
                        </div>
                        <div class="col-md-7">
                            <h6 class="subtitle">{{__('impacts.out_impact_title')}}</h6>
                            <h2 class="title mt-3 mb-4">{{$impact->sustainability_first_title}}</h2>
                            <p class="p mb-1">
                                <b>{{$impact->sustainability_second_title}}</b>
                            </p>
                            <p class="p mb-1">{{$impact->sustainability_description}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('inner_js')
    {{--    <script>--}}
    {{--        let url = "{{asset($about->image)}}";--}}
    {{--       $('header').addClass('inner-pages').attr('style', 'background: url('+url+')');--}}

    {{--    </script>--}}
@endsection