<div class="pt-16 sm:pt-24 lg:pt-[170px] mx-[12px]">
    <div class="relative max-w-[1600px] mx-auto flex flex-col">
        <div class="relative w-full bg-no-repeat bg-center bg-cover min-h-[470px] py-44 before:absolute before:size-full before:inset-0 before:z-[1] before:bg-video-overlay overflow-hidden rounded-2xl"
            style="background-image: url(<?php echo e(asset('lms/frontend/assets/images/online-video/video-banner.webp')); ?>);">
            <!-- It will empty -->
        </div>
        <div
            class="container relative mt-[-70%] sm:mt-[-50%] md:mt-[-40%] lg:mt-0 lg:absolute lg:top-[-10%] lg:left-1/2 lg:-translate-x-1/2 z-[1]">
            <div class="grid grid-cols-12 gap-7">
                <div class="col-span-full lg:col-span-6 xl:col-span-4 order-2 lg:order-none">
                    <div class="bg-white px-7 py-16 border border-heading/15 rounded-xl shadow-md">
                        <h5 class="area-title text-[30px] font-bold">
                            <?php echo e(translate('Join as an instructor for online course.')); ?>

                        </h5>
                        <?php if (isset($component)) { $__componentOriginal387a57e1465cd513a7eeba613571ea73 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal387a57e1465cd513a7eeba613571ea73 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'aec84b0a23db8f6eebf50d1f989c7592::form.join-us.form','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('digital-education:theme::form.join-us.form'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal387a57e1465cd513a7eeba613571ea73)): ?>
<?php $attributes = $__attributesOriginal387a57e1465cd513a7eeba613571ea73; ?>
<?php unset($__attributesOriginal387a57e1465cd513a7eeba613571ea73); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal387a57e1465cd513a7eeba613571ea73)): ?>
<?php $component = $__componentOriginal387a57e1465cd513a7eeba613571ea73; ?>
<?php unset($__componentOriginal387a57e1465cd513a7eeba613571ea73); ?>
<?php endif; ?>
                    </div>
                </div>
                <div class="col-span-full lg:col-span-6 xl:col-span-8 order-1 lg:order-none">
                    <div class="h-full flex-center">
                        <button type="button" aria-label="Demo video model" data-modal-id="demo-video-modal"
                            class="btn-icon size-16 b-solid btn-primary-icon-solid !text-heading pulse-animation active:scale-105">
                            <i class="ri-play-fill text-lg"></i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <h2 class="outline-text-two text-6xl sm:text-8xl xl:text-[170px] order-[-1] lg:order-none lg:ms-auto mb-10 xl:mb-0">
            <?php echo e(translate('Free Course')); ?>

        </h2>
    </div>
</div>
<?php /**PATH D:\www\edulab\Modules\LMS\resources\themes\digital-education\components\contact\contact.blade.php ENDPATH**/ ?>