<?php include 'header.php'; ?>
        <div class="inner-page-banner-area" style="background-image: url('img/about/ssc.jpg'); padding: 100px 0; background-size: cover; background-position: center;">
            <div class="container">
                <div class="pagination-area">
                    <h1 class="wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s" style="color: white; text-align: center; text-transform: uppercase;">Gallery</h1>
                </div>
            </div>
        </div>
        <div class="gallery-area" style="padding: 70px 0;">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-6 wow bounceIn" data-wow-duration="2s" data-wow-delay=".2s" style="margin-bottom: 30px;">
                        <div style="overflow: hidden; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
                            <img src="img/about/bnr4.jpeg" class="img-responsive" alt="gallery" style="width: 100%; transition: transform 0.5s;">
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 wow bounceIn" data-wow-duration="2s" data-wow-delay=".4s" style="margin-bottom: 30px;">
                        <div style="overflow: hidden; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
                            <img src="img/about/bnr3.jpeg" class="img-responsive" alt="gallery" style="width: 100%; transition: transform 0.5s;">
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 wow bounceIn" data-wow-duration="2s" data-wow-delay=".6s" style="margin-bottom: 30px;">
                        <div style="overflow: hidden; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
                            <img src="img/about/bnr.jpeg" class="img-responsive" alt="gallery" style="width: 100%; transition: transform 0.5s;">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-6 wow bounceIn" data-wow-duration="2s" data-wow-delay=".2s" style="margin-bottom: 30px;">
                        <div style="overflow: hidden; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
                            <img src="img/about/bnr1.jpeg" class="img-responsive" alt="gallery" style="width: 100%; transition: transform 0.5s;">
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 wow bounceIn" data-wow-duration="2s" data-wow-delay=".4s" style="margin-bottom: 30px;">
                        <div style="overflow: hidden; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
                            <img src="img/about/bnr2.jpeg" class="img-responsive" alt="gallery" style="width: 100%; transition: transform 0.5s;">
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 wow bounceIn" data-wow-duration="2s" data-wow-delay=".6s" style="margin-bottom: 30px;">
                        <div style="overflow: hidden; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
                            <img src="img/about/bnr5.jpeg" class="img-responsive" alt="gallery" style="width: 100%; transition: transform 0.5s;">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-6 wow bounceIn" data-wow-duration="2s" data-wow-delay=".2s" style="margin-bottom: 30px;">
                        <div style="overflow: hidden; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
                            <img src="img/about/banking.jpg" class="img-responsive" alt="gallery" style="width: 100%; transition: transform 0.5s;">
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 wow bounceIn" data-wow-duration="2s" data-wow-delay=".4s" style="margin-bottom: 30px;">
                        <div style="overflow: hidden; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
                            <img src="img/about/tnpsc.jpg" class="img-responsive" alt="gallery" style="width: 100%; transition: transform 0.5s;">
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 wow bounceIn" data-wow-duration="2s" data-wow-delay=".6s" style="margin-bottom: 30px;">
                        <div style="overflow: hidden; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
                            <img src="img/about/ssc.jpg" class="img-responsive" alt="gallery" style="width: 100%; transition: transform 0.5s;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
<?php include 'footer.php'; ?>
