@extends('layouts/masterFront')



@section('layoutContent')

    <!-- content -->
    <div id="smooth-content">

        <!-- banner -->
        <div class="mil-banner mil-banner-inner mil-dissolve">
            <div class="container">
                <div class="row align-items-center justify-content-center">
                    <div class="col-xl-8">
                        <div class="mil-banner-text mil-text-center">
                            <div class="mil-text-m mil-mb-20">Our Story</div>
                            <h1 class="mil-mb-60">Discover Our Story, Vision, and Values</h1>
                            <ul class="mil-breadcrumbs mil-center">
                                <li><a href="/">Home</a></li>
                                <li><a href="/our-story">Our Story</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- banner end -->

        <!-- features -->
        <div class="mil-features mil-p-0-80">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-xl-5 mil-mb-80">
                        <h2 class="mil-mb-30 mil-up">Our Story</h2>
                        <p class="mil-text-m mil-soft mil-mb-60 mil-up">The story began when one of Tawazon founders faced stressful<br />challenges in one of the large institutions that led to his exit followed by other peers from the same institution.<br /><br />concluding environmental factor along with lack of motivation and
                            commitment of employees at the workplace, as well as neglecting
                            of personal and family aspects that caused his loss of passion,
                            productivity, and negativity in the workplace.</p>
                    </div>
                    <div class="col-xl-6 mil-mb-80">
                        <div class="mil-image-frame mil-up">
                            <img src="{{asset('front/img/our-story-section-1.png')}}" alt="image" class="mil-scale-img" data-value-1="1" data-value-2="1.2">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- features end -->

        <!-- call to action -->
        <div class="mil-cta mil-up">
            <div class="container">
                <div class="mil-out-frame mil-p-160-100 ourstory-ourvision-section d-flex justify-content-center">
                    <div class="row justify-content-center mil-text-center">
                        <div class="col-xl-8 mil-mb-80-adaptive-30 mt-auto">
                            <h2 class="mil-up">Our Vision</h2>
                        </div>
                        <div class="max-width-ourstory p-0">
                            <p>Our ambitions with TAWAZON vision being the first partner in achieving the best quality of employee’s work-life balance and support workplaces in various sectors in the kingdom of Saudi Arabia by the year 2028.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- call to action end -->

        <!-- our values -->
        <div class="mil-features mil-p-80-80">
            <div class="container">
                <div class="mil-p-80-80">
                    <h2 class="mil-up mil-mb-20">Our values</h2>
                    <p>At TAWAZON, our core values guide everything we do. We believe in placing employees first, fostering a family-like team environment, building trust, and committing to excellence</p>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <img src="{{asset('front/img/our-values-1.svg')}}" alt="" width="60" height="60" class="img-ourvalues" />
                        <h3 class="title-ourvalues">Employees First</h3>
                        <div class="desc-ourvalues">
                            <p>We prioritize the well-being and development of our employees, ensuring they feel valued and supported in their roles</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <img src="{{asset('front/img/our-values-2.svg')}}" alt="" width="60" height="60" class="img-ourvalues" />
                        <h3 class="title-ourvalues">One Team One Family</h3>
                        <div class="desc-ourvalues">
                            <p>We believe in fostering a family-like environment where everyone works together towards common goals with mutual respect and support</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <img src="{{asset('front/img/our-values-3.svg')}}" alt="" width="60" height="60" class="img-ourvalues" />
                        <h3 class="title-ourvalues">Trust</h3>
                        <div class="desc-ourvalues">
                            <p>We build and maintain trust with our clients and partners through transparency, reliability, and consistent excellence</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <img src="{{asset('front/img/our-values-4.svg')}}" alt="" width="60" height="60" class="img-ourvalues" />
                        <h3 class="title-ourvalues">Commitment to Excellency</h3>
                        <div class="desc-ourvalues">
                            <p>We strive for the highest standards in everything we do, continuously seeking to improve and deliver outstanding results.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- our values end -->


    <!-- content end -->

@endsection