<div class="row clearfix profile-57">
    <div class="col-12" style="text-align:center">
        <h2 style="letter-spacing: 5px;">OUR TEAM</h2>
        <div class="spacer height-60"></div>
    </div>
</div>
<div class="row clearfix profile-57" style="padding: 0;">
    <div class="col-12 col-md-4" style="padding: 0;">
        <div class="card shadow-sm p-4" style="text-align: center; align-items: center;">
            <div class="d-inline-block w-100 mb-3" style="max-width: 200px;">
                <div class="image-wrapper">
                    <img
                        src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                        alt="" class="rounded-circle"
                    />
                </div>
            </div>
            <h3 class="card-title">Donna Booth</h3>
            <p>Web Designer</p>
            <p>Lorem Ipsum is dummy text of the typesetting industry.</p>
            <div class="is-social edit">
                <a href="https://twitter.com/">
                    <i class="icon fab fa-twitter"></i>
                </a>
                <a href="https://www.facebook.com/">
                    <i class="icon fab fa-facebook-f"></i>
                </a>
                <a href="mailto:you@example.com">
                    <i class="icon fas fa-envelope"></i>
                </a>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-4" style="padding: 0;">
        <div class="card shadow-sm p-4"
             style="text-align: center; align-items: center;transform: scale(1.08);border-top: 3px solid var(--primary);z-index:5;"
        >
            <div class="d-inline-block w-100 mb-3" style="max-width: 200px;">
                <div class="image-wrapper">
                    <img
                        src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                        alt="" class="rounded-circle"
                    />
                </div>
            </div>
            <h3>Laura Keihl</h3>
            <p style="margin-top: 0; line-height: 1.2">Creative Director</p>
            <p>Lorem Ipsum is dummy text of the typesetting industry.</p>
            <div class="is-social edit">
                <a href="https://twitter.com/">
                    <i class="icon fab fa-twitter"></i>
                </a>
                <a href="https://www.facebook.com/">
                    <i class="icon fab fa-facebook-f"></i>
                </a>
                <a href="mailto:you@example.com">
                    <i class="icon fas fa-envelope"></i>
                </a>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-4" style="padding: 0;">
        <div class="card shadow-sm p-4" style="text-align: center; align-items: center;">
            <div class="d-inline-block w-100 mb-3" style="max-width: 200px;">
                <div class="image-wrapper">
                    <img
                        src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                        alt="" class="rounded-circle"
                    />
                </div>
            </div>
            <h3 class="card-title">Matthew Hansen</h3>
            <p>Web Developer</p>
            <p>Lorem Ipsum is dummy text of the typesetting industry.</p>
            <div class="is-social edit">
                <a href="https://twitter.com/">
                    <i class="icon fab fa-twitter"></i>
                </a>
                <a href="https://www.facebook.com/">
                    <i class="icon fab fa-facebook-f"></i>
                </a>
                <a href="mailto:you@example.com">
                    <i class="icon fas fa-envelope"></i>
                </a>
            </div>
        </div>
    </div>
</div>
