@extends('website.main')
@section('main-content')



<section class="hero-wrap hero-wrap-2"  style="background-image: url('{{ asset('assets/images/bg-1.webp') }}');">
            <div class="overlay"></div>
        <div class="container">
            <div class="row no-gutters slider-text align-items-center justify-content-center">
                <div class="col-md-9 pt-5 text-center">
                    <p class="breadcrumbs"><span class="mr-2"><a href="{{ route('home') }}">Home
                                <i class="fa fa-chevron-right"></i></a></span> <span>Attorney <i
                                class="fa fa-chevron-right"></i></span>
                    </p>
                    <h1 class="mb-0 bread">Our Team</h1>
                </div>
            </div>
        </div>
    </section>

@include('website.partials.teamsec')

    <section class="ftco-appointment ftco-section img"
        style="background-image: url({{ asset('assets/images/bg_4.jpg ') }} );">
        <div class="overlay"></div>
        <div class="container-xl">
            <div class="row">
                <div class="col-md-6 d-flex align-items-center order-lg-last pl-lg-5">
                    <div class="heading-section heading-section-white" data-aos="fade-up">
                        <span class="subheading">Our Performance</span>
                        <h2 class="mb-3">Proven Results in Complex Legal Matters</h2>
                        <p>
                            We combine strategic legal foresight with relentless advocacy to secure optimal outcomes.
                            Our track record reflects our commitment to safeguarding your business interests and
                            personal rights across Saudi Arabia.
                        </p>
                        <div class="row mt-md-5">
                            <!-- Feature 1: Advisory & Strategy (Gavel / Scale Icon) -->
                            <div class="col-lg-12 mb-4">
                                <div class="services d-flex w-100">
                                    <div class="icon icon-2 d-flex align-items-center justify-content-center">
                                        <span class="fa-solid fa-scale-balanced"></span>
                                    </div>
                                    <div class="text pl-3">
                                        <h2>Strategic Legal Counsel</h2>
                                        <p>Tailored legal advice designed to mitigate risk, ensure KSA regulatory
                                            compliance, and position your commercial operations for success.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- Feature 2: Protection & Defense (Shield Icon) -->
                            <div class="col-lg-12 mb-4">
                                <div class="services d-flex w-100">
                                    <div class="icon icon-2 d-flex align-items-center justify-content-center">
                                        <span class="fa-solid fa-shield-halved"></span>
                                    </div>
                                    <div class="text pl-3">
                                        <h2>Relentless Rights Protection</h2>
                                        <p>Aggressive representation in commercial litigation, financial disputes, and
                                            estate successions to ensure justice is served.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- Feature 3: Team / Attorneys (User Tie / Gavel Icon) -->
                            <div class="col-lg-12">
                                <div class="services d-flex w-100">
                                    <div class="icon icon-2 d-flex align-items-center justify-content-center">
                                        <span class="fa-solid fa-user-tie"></span>
                                    </div>
                                    <div class="text pl-3">
                                        <h2>Elite Legal Team</h2>
                                        <p>Experienced Saudi attorneys and legal experts equipped with deep knowledge of
                                            judicial procedures and local commercial laws.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 d-flex align-items-center">
                    <form action="#" class="appointment" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="200">
                        <span class="subheading">Drop A Message</span>
                        <h2 class="mb-4 appointment-head">Free Case Evaluation</h2>
                        <div class="row">
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label for="name">Your Full Name</label>
                                    <input type="text" class="form-control" placeholder="Your Full Name">
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label for="email">Email Address</label>
                                    <input type="text" class="form-control" placeholder="Email">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="subject">Select Subject</label>
                                    <div class="form-field">
                                        <div class="select-wrap">
                                            <div class="icon"><span class="fa fa-chevron-down"></span></div>
                                            <select name="" id="" class="form-control">
                                                <option value="">Practice Areas</option>
                                                <option value="">Business Law</option>
                                                <option value="">Criminal Law</option>
                                                <option value="">Family Law</option>
                                                <option value="">Judicial Law</option>
                                                <option value="">Personal Injury</option>
                                                <option value="">Real Estate Law</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="name">Message</label>
                                    <textarea name="" id="" cols="30" rows="7" class="form-control" placeholder="Message"></textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <input type="submit" value="Send message" class="btn btn-primary py-3 px-4 rounded"
                                    style="background-color: #152332;">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection