@extends('layouts.app')

@push('header')
    <!-- Header Start -->
    <div class="container-fluid bg-breadcrumb">
        <div class="container text-center py-5" style="max-width: 900px;">
            <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Service</h4>
            {{-- <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                <li class="breadcrumb-item"><a href="#">Pages</a></li>
                <li class="breadcrumb-item active text-primary">About</li>
            </ol> --}}
        </div>
    </div>
    <!-- Header End -->
@endpush
<section id="particles-js">
@section('content')
        <!-- Service Start -->
        <div class="container-fluid about py-5">
            <div class="container py-5">
                <div class="row g-5 align-items-center">
                    <div class="col-xl-7 wow fadeInLeft" data-wow-delay="0.2s">
                        <div>
                            <h1 class="display-5 mb-4">Consulting</h1>
                            <p class="mb-4">
                            <ol>
                                <li>Business Challenge Analysis (Diagnose/Audit/Survey)</li>
                                <li>Corporate &amp; Business Strategy</li>
                                <li>Organization Development &amp; Transformation</li>
                                <li>Operations &amp; Business Process
                                    <ul style="list-style-type: circle;">
                                        <li>Operations Strategy</li>
                                        <li>Business Process Maping</li>
                                        <li>Streamlining (Lean, Six Sigma, Lean Six Sigma &amp; other relevant methods)</li>
                                        <li>Impact measuring</li>
                                    </ul>
                                </li>
                                <li>Human Capital
                                    <ul style="list-style-type: circle;">
                                        <li>Strategic Human Capital</li>
                                        <li>Staffing (Recruitment, Selection &amp; Assessment)</li>
                                        <li>Learning &amp; Development</li>
                                        <li>Performance Management</li>
                                        <li>Compensation &amp; Benefit</li>
                                        <li>Industrial Relation</li>
                                        <li>Employee Experiences &amp; Engagement</li>
                                    </ul>
                                </li>
                                <li>Technical Insurance
                                    <ul style="list-style-type: circle;">
                                        <li>General &amp; Life</li>
                                        <li>U/W, Reinsurance, Policy &amp; Claim</li>
                                    </ul>
                                </li>
                            </ol>
                            </p>
                        </div>
                    </div>
                    <div class="col-xl-5 wow fadeInRight" data-wow-delay="0.2s">
                        <div class="bg-primary rounded position-relative overflow-hidden">

                            <div class="rounded-bottom">
                                <img src="{{ asset('asset/img/About1.jpg') }}" class="img-fluid rounded-bottom w-100"
                                    alt="" loading="lazy">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid about py-5">
            <div class="container py-5">
                <div class="row g-5 align-items-center">
                    <div class="col-xl-5 wow fadeInLeft " data-wow-delay="0.2s">
                        <div class="bg-primary rounded position-relative overflow-hidden">

                            <div class="rounded-bottom">
                                <img src="{{ asset('asset/img/About1.jpg') }}" class="img-fluid rounded-bottom w-100"
                                    alt="" loading="lazy">
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7 wow fadeInRight" data-wow-delay="0.2s">
                        <div>
                            <h4 class="display-5 mb-4">Digitalization</h4>
                            <p class="mb-4">
                            <ol>
                                <li>Digital Needs Analysis</li>
                                <li>Digital Transformation
                                    <ol style="list-style-type: lower-alpha;">
                                        <li>Digital Transformation Analysis</li>
                                        <li>Enterprise Resource Planning (ERP)</li>
                                        <li>Mobile Applications</li>
                                        <li>Digital Transformation &amp; Automation Implementation (e.g Robotic Process
                                            Automation, Machine Learning, Artificial Intelligence and other relevant tools)
                                        </li>
                                    </ol>
                                </li>
                            </ol>
                            </p>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="container-fluid about py-5">
            <div class="container py-5">
                <div class="row g-5 align-items-center">
                    <div class="col-xl-7 wow fadeInLeft" data-wow-delay="0.2s">
                        <div>
                            <h1 class="display-5 mb-4">Learning Center</h1>
                            <p class="mb-4">
                            <ol>
                                <li>Learning needs analysis</li>
                                <li>Blended Learning (E-Learning &amp; In-Class)</li>
                                <li>Seminar*</li>
                                <li>Coaching*</li>
                                <li>Mentoring*</li>
                                <li>Certifications*</li>
                                <li>Executive Development Program*</li>
                                <li>Management Trainee Program</li>
                            </ol>
                            </p>
                            <p class="mb-4 text-sm"><sup>* : Local & Overseas</sup></p>
                        </div>
                    </div>
                    <div class="col-xl-5 wow fadeInRight" data-wow-delay="0.2s">
                        <div class="bg-primary rounded position-relative overflow-hidden">

                            <div class="rounded-bottom">
                                <img src="{{ asset('asset/img/About1.jpg') }}" class="img-fluid rounded-bottom w-100"
                                    alt="" loading="lazy">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid about py-5">
            <div class="container py-5">
                <div class="row g-5 align-items-center">
                    <div class="col-xl-5 wow fadeInLeft " data-wow-delay="0.2s">
                        <div class="bg-primary rounded position-relative overflow-hidden">

                            <div class="rounded-bottom">
                                <img src="{{ asset('asset/img/About1.jpg') }}" class="img-fluid rounded-bottom w-100"
                                    alt="" loading="lazy">
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7 wow fadeInRight" data-wow-delay="0.2s">
                        <div>
                            <h4 class="display-5 mb-4">Research Center</h4>
                            <p class="mb-4">
                            <ol>
                                <li>Data Analytics
                                    <ol style="list-style-type: lower-alpha;">
                                        <li>Operational</li>
                                        <li>Descriptive</li>
                                        <li>Diagnostic</li>
                                        <li>Predictive</li>
                                        <li>Prescriptive</li>
                                    </ol>
                                </li>
                                <li>Applied &amp; Academic Research
                                    <ol>
                                        <li>Quantitative</li>
                                        <li>Qualitative</li>
                                        <li>Mixed Methods</li>
                                    </ol>
                                </li>
                            </ol>
                            </p>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="container-fluid about py-5">
            <div class="container py-5">
                <div class="row g-5 align-items-center">
                    <div class="col-xl-7 wow fadeInLeft" data-wow-delay="0.2s">
                        <div>
                            <h1 class="display-5 mb-4">Competition & Awards</h1>
                            <p class="mb-4">
                            <ol>
                                <li>Themes: Strategy, Process, People &amp; Technology</li>
                                <li>Company ; Directors ; Head ; Program / Initiative</li>
                                <li>Best of ...</li>
                                <li>... of the Year</li>
                            </ol>
                            </p>
                        </div>
                    </div>
                    <div class="col-xl-5 wow fadeInRight" data-wow-delay="0.2s">
                        <div class="bg-primary rounded position-relative overflow-hidden">

                            <div class="rounded-bottom">
                                <img src="{{ asset('asset/img/About1.jpg') }}" class="img-fluid rounded-bottom w-100"
                                    alt="" loading="lazy">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Service End -->
    
@endsection
</section>
@push('script')
    <script src="{{ asset('asset/js/particles.js') }}"></script>
    <script src="{{ asset('asset/js/particles-config.js') }}"></script>
@endpush