@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] ?? null)}} <b> {{($pageTitle[1] ?? null)}} </b> {{($pageTitle[2] ?? null)}}</h1>
            </div>
        </div>
    </div>
    <section class="about-cards">
        <div class="container">
            <div class="inner-sec">
                <div class="heading text-center mb-5 pb-3 wow fadeInUp"  >
                    <h1 class="pg-title  mt-3 mb-4">{{__('drives.our_difference')}}</h1>
                    <p class="heading-p mt-3">{{__('drives.our_difference_hint')}}</p>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="card">
                            <img src="{{asset($drive->safety_image)}}" alt="" class="icon"/>
                            <div class="card-body">
                                <h6 class="title">{{$drive->safety_title}}</h6>
                                <p class="p">{{$drive->safety_description}}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <img src="{{asset($drive->quality_image)}}" alt="" class="icon"/>
                            <div class="card-body">
                                <h6 class="title">{{$drive->quality_first_title}}</h6>
                                <p class="p mb-1">{{$drive->quality_description}}</p>
                                <p class="p mb-0">
                                    <b>{{$drive->quality_second_title}}</b>
                                </p>
                                <ul class="custom-list">
                                    @if(count($drive->quality_list))
                                        @foreach($drive->quality_list as $qualityList)
                                        <li class="li">{{$qualityList}}</li>
                                        @endforeach
                                    @endif
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')
@endsection