@extends('inculdes.main')
@section('content')
    <div class="container-fluid py-5">
        <div class="container py-5">
            <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
                <h1 class="mb-0 ">{{ $team_member->name }}</h1>
                {{-- <h1 class="mb-0 ">YOUR TRUSTED CPA PARTNER</h1> --}}
                <h5 class="fw-bold text-primary text-uppercase">{{ $team_member->title }}</h5>

            </div>
            <div class="row g-5">
                <div class="col-lg-7">
                    <div class="section-title position-relative pb-3 mb-5">
                        <h5 class="fw-bold text-primary text-uppercase">About {{ $team_member->name }}</h5>
                    </div>
                    <p class="mb-4">
                        {!! $team_member->description !!}
                    </p>
                    
                </div>
                <div class="col-lg-5" style="min-height: 400px;">
                    <div class="position-relative h-100">
                        <img class="position-absolute w-100 h-100 rounded wow zoomIn" alt="{{ $team_member->name }}" data-wow-delay="0.9s"
                            src="{{ asset($team_member->image) }}"
                            style="object-fit: cover; visibility: visible; animation-delay: 0.9s; animation-name: zoomIn;">
                    </div>
                </div>
            </div>
        </div>
    </div>
    
 


    <div class="container-fluid  mt-5 wow fadeInUp bg-primary text-light" data-wow-delay="0.1s"
        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-md-5 text-center">
                    <img src="{{ asset('assets/sk/img/about_us.png') }}" alt="explore"
                        style="height: 250px ;    border-radius: 20px; width:100%">
                </div>
                <div class="col-md-7">

                    <div class="mb-2">
                        <p class="subject">SK Financial: Where Numbers Make Sense.</p>
                    </div>
                    <h1 class="title mb-5 mb-sm-6">SK Financial: Your Trusted Partner in Accounting, Tax, Incorporation, Due Diligence, and Private Foundation and more.</h1>

                    <div class="mt-3">
                        <div class="money-back-container">
                            <div>
                                <span class="vertical-middle money-back c-bw-12">Empowering Your Finances, One Calculation
                                    at a Time.</span>
                            </div>
                        </div>
                    </div>

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

 
    
   

    
    
    @include('inculdes.contact_form')
@endsection