@extends('includes.master')
@section('title', 'About Priest')

@section('style-section')
    <style type="text/css">
        @import url(//fonts.googleapis.com/css?family=Montserrat:300,500);

        .team4 {
            font-family: "Montserrat", sans-serif;
            color: #8d97ad;
            font-weight: 300;
        }

        .team4 h1,
        .team4 h2,
        .team4 h3,
        .team4 h4,
        .team4 h5,
        .team4 h6 {
            color: #3e4555;
        }

        .team4 .font-weight-medium {
            font-weight: 500;
        }

        .team4 h5 {
            line-height: 22px;
            font-size: 18px;
        }

        .team4 .subtitle {
            color: #8d97ad;
            line-height: 24px;
            font-size: 13px;
        }

        .team4 ul li a {
            color: #8d97ad;
            padding-right: 15px;
            -webkit-transition: 0.1s ease-in;
            -o-transition: 0.1s ease-in;
            transition: 0.1s ease-in;
        }

        .team4 ul li a:hover {
            -webkit-transform: translate3d(0px, -5px, 0px);
            transform: translate3d(0px, -5px, 0px);
            color: #316ce8;
        }

        .container-fluid {
            padding: 0px !important;
        }
    </style>
@section('content')

    <!-- ======= About Committee Section ======= -->
    <section style="background-color: var(--page-wrapper-bg-color)!important">
        <div class="responsive-container">
            <center>
                <h2 class="bottomborder p-4" style="font-weight:bold!important;font-size: 35px!important;">Our Beloved Priests
                </h2>
            </center>


            <div class="py-5 team4">
                <div class="container-fluid">
                    <div class="row ">

                        

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


        </div>





    </section><!-- End About Committee Section -->
@endsection
<script src="{{ asset('assets/js/jquery-3.6.0.min.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        window.scrollTo({
            top: 225,
            behavior: 'smooth'
        });
    });
</script>