<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Service || Sai Protection Group</title>
    <!-- favicon -->
    <link rel="icon" href="assets/img/favicon.png" sizes="20x20" type="image/png" />
    <!-- animate -->
    <link rel="stylesheet" href="assets/css/animate.css" />
    <!-- bootstrap -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <!-- magnific popup -->
    <link rel="stylesheet" href="assets/css/magnific-popup.css" />
    <!-- owl carousel -->
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
    <!-- Nice Select -->
    <link rel="stylesheet" href="assets/css/nice-select.css">
    <!-- Slick Slider -->
    <link rel="stylesheet" href="assets/css/slick.css">
    <!-- fontawesome -->
    <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
    <!-- iconmoon -->
    <link rel="stylesheet" href="assets/css/icomoon.css">
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="assets/css/style.css" />
    <!-- Responsive -->
    <link rel="stylesheet" href="assets/css/responsive.css" />
    
    <meta name="google-site-verification" content="S-DIIrPbNhW02Np2wGU6Mr3WriflOuYagNn2w8_E888" />
</head>

<style>
    .service-single-item {
    height: 350px;
    }
</style>

<body>
    <div class="body-overlay" id="body-overlay"></div>
    
    <?php
    include "header1.php";
    ?>

    <!-- breadcrumb area  -->
    <div class="breadcrumb-area margin-bottom-120">
        <div class="container custom-container">
            <div class="breadcrumb-inner">
                <h2 class="br-inner-title">Service</h2> 
                <ul class="breadcrumb-menu">
                    <li><img class="bullet-04" src="./assets/img/section-img/breadcrumb/home.svg" alt=""><a
                            href="#">home</a></li>
                    <li><img class="bullet-03" src="./assets/img/shapes/bullet.png" alt=""><a href="#">Service</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- breadcrumb area end -->

    <div class="service-area margin-bottom-90">
        <div class="container">
            <div class="section-wrapper">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="theme-heading-title">
                            <h2 class="title">Smart Security sERVICE FOR <br>
                                YOUR LIVE SAFETY</h2>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="service-wrapperr">
                            <p>Smart Security Service ensures round-the-clock protection with advanced technology and trained professionals, keeping you and your assets safe at all times.</p>
                        </div>
                    </div>
                </div>
                <div class="service-wrapper">
                    <div class="row">
                        <div class="col-md-6 col-lg-4">
                            <div class="service-single-item-list">
                                <div class="service-single-item">
                                    <div class="thumb">
                                        <img src="images/5.jpeg" alt="">
                                    </div>
                                    <div class="details">
                                        <h4 class="title"><a href="#">Security Guards</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="service-single-item-list">
                                <div class="service-single-item">
                                    <div class="thumb">
                                        <img src="images/1.jpeg" alt="">
                                    </div>
                                    <div class="details">
                                        <h4 class="title"><a href="#">Bodyguard Security</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="service-single-item-list">
                                <div class="service-single-item">
                                    <div class="thumb">
                                        <img src="images/gunmen.jpg" alt="">
                                    </div>
                                    <div class="details">
                                        <h4 class="title"><a href="#">Gunmen Guards</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="service-single-item-list">
                                <div class="service-single-item">
                                    <div class="thumb">
                                        <img src="images/2.jpeg" alt="">
                                    </div>
                                    <div class="details">
                                        <h4 class="title"><a href="#">Bouncers Security</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="service-single-item-list">
                                <div class="service-single-item">
                                    <div class="thumb">
                                        <img src="images/4.jpeg" alt="">
                                    </div>
                                    <div class="details">
                                        <h4 class="title"><a href="#">Ex-Servicemen Guards</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="service-single-item-list">
                                <div class="service-single-item">
                                    <div class="thumb">
                                        <img src="images/pr.jpg" alt="">
                                    </div>
                                    <div class="details">
                                        <h4 class="title"><a href="#">Personal Security Officers (PSO)</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="service-single-item-list">
                                <div class="service-single-item">
                                    <div class="thumb">
                                        <img src="images/event.jpg" alt="">
                                    </div>
                                    <div class="details">
                                        <h4 class="title"><a href="#">Event Security</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="service-single-item-list">
                                <div class="service-single-item">
                                    <div class="thumb">
                                        <img src="images/10.jpg" alt="">
                                    </div>
                                    <div class="details">
                                        <h4 class="title"><a href="#">Lady Guards</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="service-single-item-list">
                                <div class="service-single-item">
                                    <div class="thumb">
                                        <img src="images/Facility.jpg" alt="">
                                    </div>
                                    <div class="details">
                                        <h4 class="title"><a href="#">Film Set Protection</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="service-single-item-list">
                                <div class="service-single-item">
                                    <div class="thumb">
                                        <img src="images/11.jpg" alt="">
                                    </div>
                                    <div class="details">
                                        <h4 class="title"><a href="#">Industrial, Corporate & Residential Security</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="value-area value-two">
        <div class="container">
            <div class="values-wrapper">
                <div class="quote-slider">
                    <div class="single-core-value single-core-01">
                        <span class="style-animate-dot-wrap">
                            <span class="style-animate-dot dot-zero"></span>
                        </span>
                        <p class="d-inline-block">Compassion</p>
                    </div>
                    <div class="single-core-value single-core-01">
                        <span class="style-animate-dot-wrap">
                            <span class="style-animate-dot dot-zero"></span>
                        </span>
                        <p class="d-inline-block">Commitment</p>
                    </div>
                    <div class="single-core-value single-core-01">
                        <span class="style-animate-dot-wrap">
                            <span class="style-animate-dot"></span>
                        </span>
                        <p class="d-inline-block">Excellence</p>
                    </div>
                    <div class="single-core-value single-core-01">
                        <span class="style-animate-dot-wrap">
                            <span class="style-animate-dot"></span>
                        </span>
                        <p class="d-inline-block">Team Work</p>
                    </div>
                    <div class="single-core-value single-core-01">
                        <span class="style-animate-dot-wrap">
                            <span class="style-animate-dot"></span>
                        </span>
                        <p class="d-inline-block">Value</p>
                    </div>
                    <div class="single-core-value single-core-01">
                        <span class="style-animate-dot-wrap">
                            <span class="style-animate-dot"></span>
                        </span>
                        <p class="d-inline-block">Ethnicity</p>
                    </div>
                    <div class="single-core-value single-core-01">
                        <span class="style-animate-dot-wrap">
                            <span class="style-animate-dot"></span>
                        </span>
                        <p class="d-inline-block">Excellence</p>
                    </div>
                    <div class="single-core-value single-core-01">
                        <span class="style-animate-dot-wrap">
                            <span class="style-animate-dot"></span>
                        </span>
                        <p class="d-inline-block">Commitment</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- footer area start -->
    <?php
    include "footer.php"
    ?>
    <!-- footer area end -->

    <!-- back to top area start -->
    <div class="back-to-top">
        <span class="back-top"><i class="fa fa-angle-up"></i></span>
    </div>
    <!-- back to top area end -->

    <script src="assets/js/jquery-3.6.0.min.js"></script>
    <!-- bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- magnific popup -->
    <script src="assets/js/jquery.magnific-popup.js"></script>
    <!-- wow -->
    <script src="assets/js/wow.min.js"></script>
    <!-- owl carousel -->
    <script src="assets/js/owl.carousel.min.js"></script>
    <!-- Nice Select -->
    <script src="assets/js/jquery.nice-select.js"></script>
    <!-- Slick Slider -->
    <script src="assets/js/slick.min.js"></script>
    <!-- countdown -->
    <script src="assets/js/jquery.countdown.min.js"></script>
    <!-- main js -->
    <script src="assets/js/main.js"></script>
</body>

</html>