<div>
    <!-- ✅ DESKTOP HERO (lg and up) -->
    <section
        class="hidden lg:block relative w-full h-[500px] bg-no-repeat bg-center bg-cover"
        style="background-image: url('https://pub-d0247e56e5b842aa9e58b7d4adb01047.r2.dev/breadcumb_banner/EF_New_Website_Banners_Careers.jpg');"
    >
        <div class="h-full flex flex-col justify-center items-center text-center px-4">
            <h1 class="font-bold text-white leading-tight text-3xl sm:text-4xl md:text-5xl lg:text-7xl xl:text-8xl">
                <?php echo e($career->title); ?>

            </h1>
            <p class="mt-3 text-white text-sm sm:text-base lg:text-lg drop-shadow">
                <?php echo e($career->experience); ?>

            </p>
        </div>
    </section>

    <!-- ✅ MOBILE HERO (below lg) -->
    <section
        class="block lg:hidden relative w-full h-[320px] sm:h-[380px] bg-no-repeat bg-center bg-cover"
        style="background-image: url('https://pub-d0247e56e5b842aa9e58b7d4adb01047.r2.dev/ef-about/EF_New_Website_Banners_Careers_400x300.jpg');"
    >
        <div class="h-full flex flex-col justify-center items-center text-center px-4">
            <h1 class="font-bold text-white leading-tight text-3xl sm:text-4xl">
                <?php echo e($career->title); ?>

            </h1>
            <p class="mt-3 text-white text-sm sm:text-base drop-shadow">
                <?php echo e($career->experience); ?>

            </p>
        </div>
    </section>

    <section class="py-12 px-5">
        <div class="max-w-4xl mx-auto text-gray-800">

            <p class="mb-4">
                <strong>Location:</strong><br>
                <?php echo e($career->location); ?>

            </p>

            <p class="mb-4">
                <strong>Technical Skillset:</strong><br>
                <?php echo e($career->skills); ?>

            </p>

            <p class="mb-3 font-semibold">Job Responsibilities:</p>

            <ul class="list-disc pl-5 space-y-2 mb-6">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = explode("\n", $career->responsibilities); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $responsibility): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(trim($responsibility) !== ''): ?>
                        <li><?php echo e($responsibility); ?></li>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </ul>

            <!-- APPLY BUTTON -->
            <button
                wire:click="$dispatch('open-apply-modal', { careerId: <?php echo e($career->id); ?> })"
                class="bg-orange-500 hover:bg-orange-600 text-white px-6 py-3 rounded-lg font-semibold transition"
            >
                Apply Now →
            </button>

            <!-- MODAL -->
            <?php
$__split = function ($name, $params = []) {
    return [$name, $params];
};
[$__name, $__params] = $__split('apply-job-modal', []);

$key = null;

$key ??= \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::generateKey('lw-3064106484-0', null);

$__html = app('livewire')->mount($__name, $__params, $key);

echo $__html;

unset($__html);
unset($__name);
unset($__params);
unset($__split);
if (isset($__slots)) unset($__slots);
?>

        </div>
    </section>
</div>
<?php /**PATH /home/eggfirst/public_html/video.eggfirst.com/resources/views/livewire/career-detail.blade.php ENDPATH**/ ?>