@extends('web_site.layouts.master')
@section('css')
<style>

</style>
@endsection
@section('content')
<!--Page Header Start-->
 <section class="page-header">
    <div class="page-header__bg" style="background-image: url({{asset('assets_web/img/pages/approach.webp')}})">  </div>
    <div class="container">
        <div class="page-header__inner">
            <h2>{{trans('web_site.Our_Approach')}}</h2>
            <div class="thm-breadcrumb__box">
                <ul class="thm-breadcrumb list-unstyled">
                    <li><a href="{{route('home')}}">{{trans('web_site.Home')}}</a></li>
                    <li><span>-</span></li>
                    <li>{{trans('web_site.profile')}}</li>
                </ul>
            </div>
        </div>
    </div>
     
</section>
<!--OUR Approach------------------------------------------------------------------>
<section class="about-three">
    <div class="container">
        <div class="row flex-direction">
           <div class="col-xl-7">
            <div class="about-three__right   wow slideInLeft" data-wow-delay="200ms"  data-wow-duration="2500ms">
                    <!-- <h2 class="section-title__title mb-title">{{trans('web_site.Our_Approach')}}</h2>-->
                 <div class="about-three__text">
                     <p class="text" id='mission_text'>{!! optional($approach)->approach !!} </p> </div>
            </div>
        </div>
            <div class="col-xl-5">
                <div class="cs_about_thumb wow slideInRight" data-wow-delay="200ms"  data-wow-duration="2500ms">
                    <img src="{{optional($approach)->image_approach_url}}" width="100%" alt="approach img">
                </div>
           

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



@endsection

@section('js')


@endsection