@extends('web.layouts.container')

@section('header')
    <section class="inner_header">
        <div class="inner_back">
            <img src="{{asset($page->header_image)}}" alt="">
        </div>
        <div class="inner_info">
            <div class="container h-100">
                <div class="row align-items-end h-100">
                    <div class="col-lg-5 offset-lg-6">
                        <div class="about_head_info" style="background-color: #73afb3bb;">
                            <p>{!! $page->header_description !!}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('content')
    <section class="career section_padding pb-0">
        <div class="container">
            <div class="section_head">
                <h3>{{__('careers.head')}}</h3>
            </div>
            <div class="content">
                <div class="info mob_order_2">{!! $page->description !!}</div>
                <div class="img">
                    <img src="{{asset($page->content_image)}}" alt="">
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection