@php
    $solutions = [
        [
            'icon' => asset('images/services/cleaning-service-1.png'),
            'title' => 'Recruitment and Selection',
            'description' => 'Identifying, assessing, and recommending top talent that aligns with your company’s goals and requirements'
        ],
        [
            'icon' => asset('images/services/cleaning-service-2.png'),
            'title' => 'Employee Management',
            'description' => 'Administering employee contracts, maintaining personnel databases, and managing performance'
        ],
        [
            'icon' => asset('images/services/cleaning-service-3.png'),
            'title' => 'Payroll and Administration',
            'description' => 'Delivering accurate, secure, and compliant payroll solutions, including tax calculations, social security contributions, and employee benefits'
        ],
        [
            'icon' => asset('images/services/cleaning-service-4.png'),
            'title' => 'Training and Development',
            'description' => 'Enhancing employee skills and competencies through customized training programs'
        ],
        [
            'icon' => asset('images/services/cleaning-service-5.png'),
            'title' => 'Regulatory Compliance',
            'description' => 'Ensuring your company adheres to labor laws and regulations, reducing potential legal risks'
        ],
    ];

    $cleaning_services = [
        'General Cleaning',
        'Deep Cleaning',
        'Gardening and Landscaping',
        'Marble/Granite Crystallization',
        'Gondola Cleaning',
    ];

    $security_services = [
        'Manpower Supply',
        'Event Services',
        'Security Consulting',
    ];
@endphp

<section class="px-5 py-10 lg:px-[120px]">
    <div class="border-t border-slate-200 flex flex-col gap-4 justify-between pt-10 md:flex-row lg:gap-4">
        <p class="text-slate-800 font-medium text-base md:text-xl flex-1">
            What We Offer
        </p>
    </div>

    <div class="border border-slate-200 flex flex-col-reverse mt-6 rounded-2xl md:mt-10 lg:flex-row overflow-hidden">
        <div class="flex-1 flex flex-col justify-center py-4 px-8">
            <p class="text-base md:text-2xl font-medium text-slate-800">Provision of trained personnel for various industries</p>
        </div>
        <div class="flex-1">
            <img src="{{ asset('images/services/project-service-1.png') }}" alt="Why Choose Us" class="w-full" />
        </div>
    </div>

    <div class="border border-slate-200 flex flex-col mt-6 rounded-2xl md:mt-10 lg:flex-row overflow-hidden">
        <div class="flex-1">
            <img src="{{ asset('images/services/project-service-2.png') }}" alt="Why Choose Us" class="w-full" />
        </div>
        <div class="flex-1 flex flex-col justify-center py-4 px-8">
            <p class="text-base md:text-2xl font-medium text-slate-800">Support for both short-term and long-term projects</p>
        </div>
    </div>
</section>