<div class="edu-breadcrumb-area breadcrumb-style-3">
    <div class="container">
        <div class="breadcrumb-inner">
            <ul class="edu-breadcrumb">
                <li class="breadcrumb-item"><a href="<?php echo base_url(); ?>">Home</a></li>
                <li class="separator"><i class="icon-angle-right"></i></li>
                <li class="breadcrumb-item"><a href="<?php echo base_url(); ?>career">Career</a></li>
                <li class="separator"><i class="icon-angle-right"></i></li>
                <li class="breadcrumb-item active" aria-current="page"><?php echo mb_strimwidth($job->title, 0, 20, "..."); ?></li>
            </ul>
            <div class="page-title">
                <h1 class="title"><?php echo $job->title; ?></h1>
            </div>
            
        </div>
    </div>
    <ul class="shape-group">
        <li class="shape-1">
            <span></span>
        </li>
        <li class="shape-2 scene"><img data-depth="2" src="<?php echo front_css(); ?>images/about/shape-13.png" alt="shape"></li>
        <li class="shape-3 scene"><img data-depth="-2" src="<?php echo front_css(); ?>images/about/shape-15.png" alt="shape"></li>
        <li class="shape-4">
            <span></span>
        </li>
        <li class="shape-5 scene"><img data-depth="2" src="<?php echo front_css(); ?>images/about/shape-07.png" alt="shape"></li>
    </ul>
</div>

<!--=====================================-->
<!--=     Courses Details Area Start    =-->
<!--=====================================-->
<section class="edu-section-gap course-details-area">
    <div class="container">
        <div class="row row--30">
            <div class="col-lg-8">
                <div class="course-details-content course-details-2">
                    <div class="course-overview">
   
                        <div class="border-box mb-2">
                            <h5 class="title" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">Job Responsibilities</h5>
                            <div class="row g-5">
                                <div class="col-lg-6" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                                    <?php echo $job->job_responsibilities; ?>
                                </div>
                            </div>
                        </div>

                        <div class="border-box mb-2">
                            <h5 class="title" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">Educational Requirements</h5>
                            <div class="row g-5">
                                <div class="col-lg-6" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                                    <?php echo $job->educational_requirements; ?>
                                </div>
                            </div>
                        </div>

                        <div class="border-box mb-2" >
                            <h5 class="title" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">Experience Requirements</h5>
                            <div class="row g-5">
                                <div class="col-lg-6" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                                    <?php echo $job->experience_requirements; ?>
                                </div>
                            </div>
                        </div>

                        <div class="border-box mb-2">
                            <h5 class="title" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">Additional Requirements </h5>
                            <div class="row g-5">
                                <div class="col-lg-6" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                                    <?php echo $job->additional_requirements; ?>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="edu-blog-sidebar">
                    <!-- Start Single Widget  -->

                    <div class="edu-blog-widget widget-categories">
                        <div class="inner">
                            <h4 class="widget-title">Categories</h4>
                            <div class="content">
                                <ul class="category-list">
                                    <?php foreach ($all_category as $key => $category):?>
                                        <li><a href="<?php echo base_url(); ?>job_category/<?php echo $category->slug; ?>"><?php echo $category->category_name; ?></a></li>
                                    <?php endforeach; ?>
                                </ul>
                            </div>
                        </div>
                    </div>

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