<div class="our-team dark-section">
    <div class="container">
        <div class="row section-row">
            <div class="col-lg-12">
                <!-- Section Title Start -->
                <div class="section-title section-title-center">
                    <h3 class="wow fadeInUp">team member</h3>
                    <h2 class="text-anime-style-2" data-cursor="-opaque">Professionals making your <span>move seamless</span></h2>
                </div>
                <!-- Section Title End -->
            </div>
        </div>

        <div class="row">

            @foreach ($teams as $key => $data)

            <div class="col-lg-3 col-md-6">
                <!-- Team Item Start -->
                <div class="team-item wow fadeInUp" data-wow-delay="0.2s">
                    <!-- Team Image Start -->
                    <div class="team-image">
                        <a href="#" data-cursor-text="{{ $data->name }}">
                            <figure class="image-anime">
                                <img src="{{ asset('images/team/' . $data->image) }}" alt="">
                            </figure>
                        </a>
                        <!-- Team Social Icon Start -->
                        <div class="team-social-icon">
                            <ul>
                                <li><a href="{{ $data->facebook_url }}"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="{{ $data->linkedin_url }}"><i class="fa-brands fa-linkedin-in"></i></a></li>
                            </ul>
                        </div>
                        <!-- Team Social Icon End -->
                    </div>
                    <!-- Team Image End -->

                    <!-- Team Content Start -->
                    <div class="team-content">
                        <h3>{{ $data->name }}</h3>
                        <p>{!! $data->designation !!}</p>
                    </div>
                    <!-- Team Content End -->
                </div>
                <!-- Team Item End -->
            </div>

            @endforeach


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