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


    <main>

        <!-- ---------- breadcrumb ----------- -->
    @include('web.layouts.header')
    <!-- ---------- pg_login_form ----------- -->

            <!-- ---------- pg_services_about ----------- -->
            <section class="pg_services_about section_padding bg_light">
                <div class="container">
                    <div class="main_content">
                        <div class="row gx-5 align-items-center">
                            <div class="col-lg-4">
                                <div class="img img_ltr">
                                    <img src="{{$service->url_image}}" alt="" class="img_cover main_img">
                                </div>
                            </div>
                            <div class="col-lg-8">
                                <div class="info ps-lg-5">
                                    <div class="section_head mb-5">
                                        <h3 class="mb-3"> {{__('web.services')}} </h3>
                                        <p> {!! $service->title !!} </p>
                                    </div>
                                    <div class="text">
                                        {!! $service->description !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>


            <!-- ---------- pg_services_ser_cards ----------- -->
            <section class="pg_services_ser_cards section_padding">
                <div class="container">
                    <div class="row gx-5">
                        <div class="col-lg-6">
                            <div class="service_card">
                            <span class="icon">
                                <i class="fas fa-graduation-cap me-2 mb-2"></i>
                            </span>
                                <h6> {!! $training->title !!} </h6>
                                <div class="text"> {!! $training->description !!} </div>
                                <a href="{{route('courses.index')}}" class="butn mt-5 px-5"> <span> {{__('web.courses')}} </span> </a>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="service_card">
                            <span class="icon">
                                <i class="fas fa-headset me-2 mb-2"></i>
                            </span>
                                <h6> {!! $customer->title !!} </h6>
                                <div class="text"> {!! $customer->description !!} </div>
                                <a href="{{route('partners')}}" class="butn mt-5 px-5"> <span> {{__('web.partners')}} </span> </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>



            <!-- ---------- approach ----------- -->


        </main>

@section('inject_js')

@endsection

@endsection
