<!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>Testimonials || Sai Protection Group</title>
    <meta name="title" content="Sai Protection Group | Professional Security Guard Services in India">
    <meta name="description" content="Sai Protection Group offers professional security guard services including industrial, corporate, residential, film set and event security. Trusted protection with trained and reliable security personnel across India.">
    <meta name="keywords" content="Sai Protection Group, security guard services, event security, industrial security, residential security, corporate security, film set security, private security agency, professional security guards, trained security personnel, safety and protection, 24x7 security services, security solutions India, security company Pune, armed security, unarmed security, commando security services">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://saiprotectiongroup.in/">
    <meta property="og:title" content="Sai Protection Group | Professional Security Guard Services in India">
    <meta property="og:description" content="Trusted security guard services for corporate, residential, industrial, events and film sets. Sai Protection Group ensures safety with trained and reliable personnel.">
    <meta property="og:image" content="https://saiprotectiongroup.in/images/2.jpeg">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://saiprotectiongroup.in/">
    <meta name="twitter:title" content="Sai Protection Group | Professional Security Guard Services in India">
    <meta name="twitter:description" content="Reliable and professional security guard services for industries, corporates, residential societies, film sets and events across India.">
    <meta name="twitter:image" content="https://saiprotectiongroup.in/images/2.jpeg">

    <!-- Additional SEO Tags -->
    <meta name="robots" content="index, follow">
    <meta name="author" content="Sai Protection Group">
    <!-- favicon -->
    <link rel="icon" href="../sglogo.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" />
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JGG73GQJ68"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-JGG73GQJ68');
</script>

</head>

<style>
.t-bq-quote-paul {
    position: relative;
    display: flex;
    flex-direction: row;
    min-height: 250px;
    box-shadow: 2px 2px 25px #cecece;
    border-radius: 10px;
}

.t-bq-quote-paul .t-bq-quote-paul-pattern {
    flex-basis: 80px;
    background: url("https://raw.githubusercontent.com/taviskaron/t-div-blockquotes/main/img/hexabump.png") repeat;
    border-radius: 10px 0 0 10px;
}

.t-bq-quote-paul .t-bq-quote-paul-base {
    flex-basis: calc(100% - 80px);
    background: #ffffff;
    padding: 0px 20px 20px 40px;
    font-size: 11pt;
    line-height: 1.62em;
    border-radius: 0 10px 10px 0;
}

.t-bq-quote-paul .t-bq-quote-paul-qmark {
    position: absolute;
    top: 50px;
    left: 85px;
    font-family: Garamond, Georgia, "Times New Roman", serif;
    font-size: 42pt;
    color: #999999;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.t-bq-quote-paul .t-bq-quote-paul-userpic {
    position: absolute;
    top: 80px;
    left: 45px;
    width: 70px;
    height: 70px;
    background: url("https://raw.githubusercontent.com/taviskaron/t-div-blockquotes/main/img/strug.jpg") center center no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.t-bq-quote-paul .t-bq-quote-paul-meta {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 2px dotted #777777;
}

.t-bq-quote-paul .t-bq-quote-paul-meta .t-bq-quote-paul-author,
.t-bq-quote-paul .t-bq-quote-paul-meta .t-bq-quote-paul-source {
    color: #777777;
}

.t-bq-quote-paul .t-bq-quote-paul-meta .t-bq-quote-paul-author {
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 12pt;
    font-weight: bold;
    color: #000;
}

.t-bq-quote-paul .t-bq-quote-paul-meta .t-bq-quote-paul-author cite {
    font-style: normal;
}

.t-bq-quote-paul .t-bq-quote-paul-meta .t-bq-quote-paul-source {
    font-size: 9pt;
}

@media screen and (max-width: 768px) {

    .t-bq-quote-paul .t-bq-quote-paul-pattern {
        flex-basis: 20px;
    }

    .t-bq-quote-paul .t-bq-quote-paul-base {
        flex-basis: calc(100% - 20px);
        padding: 100px 30px 50px 30px;
    }

    .t-bq-quote-paul .t-bq-quote-paul-userpic {
        width: 50px;
        height: 50px;
        left: 40px;
        top: 20px;
    }

    .t-bq-quote-paul .t-bq-quote-paul-qmark {
        left: 100px;
        top: 45px;
    }
}

blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(.is-style-large):not(.is-style-large) {
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 40px;
    border: none;
    position: relative;
    color: #fff;
    color: #000;
    z-index: 0;
    font-size: 17px;
    border: 14px solid var(--main-color-one);
    font-weight: 400;
    font-style: normal;
    text-align: left;
}

.t-bq-wrapper {
    margin-bottom: 30px;
}

 .logo-card {
      background: #fff;
      border-radius: 12px;
      padding: 20px;
      text-align: center;
      transition: 0.3s ease-in-out;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    .logo-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    }
    .logo-card img {
      max-height: 65px;
      margin-bottom: 10px;
    }
    .logo-name {
      font-size: 15px;
      font-weight: 600;
      color: #333;
    }

</style>

<body>

    <div class="body-overlay" id="body-overlay"></div>

    <?php
    include "header1.php";
    ?>

    <!-- breadcrumb area  -->
    <div class="breadcrumb-area">
        <div class="container custom-container">
            <div class="breadcrumb-inner">
                <h2 class="br-inner-title">Testimonials</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="#">Testimonials</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- breadcrumb area end -->
    
    <div class="container py-5">
    <div class="row">
                <div class="col-lg-12">
                    <div class="theme-heading-title text-center" style="margin-bottom: 50px;" >
                        <h4 class="subtitle"><img class="bullet bullet-01" src="./assets/img/shapes/bullet-01.png"
                                alt=""> OUR IMPORTANT CLIENTS
                            <img class="bullet" src="./assets/img/shapes/bullet.png" alt="">
                        </h4>
                    </div>
                </div>
            </div>
  <div class="row text-center">
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/jsw.png" alt="Logo 1">
        <div class="logo-name">J.S.W.TOWNSHIP, VADKHAL</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/gmc.png" alt="Logo 2">
        <div class="logo-name">GOVT MEDICAL COLLEGE , KHANAV</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/Lodha.png" alt="Logo 3">
        <div class="logo-name">LODHA DEVELOPERS (MANDWA)</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/cidco.png" alt="Logo 4">
        <div class="logo-name">CIDCO , PEN</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/balibaug.png" alt="Logo 1">
        <div class="logo-name">BALIBAUG PROJECT ALIBAUG</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/hire.png" alt="Logo 2">
        <div class="logo-name">HIREMATH DEVELOPERS, ALIBAG</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/pushpam.png" alt="Logo 3">
        <div class="logo-name">PUSHPAM INFRA, ALIBAG</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/watersedge.png" alt="Logo 4">
        <div class="logo-name">WATER EDGE, ALIBAG</div>
      </div>
    </div>
    
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/Modirealty.png" alt="Logo 1">
        <div class="logo-name">MODY RESIDENCY , ALIBAG</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/goldcoast.png" alt="Logo 2">
        <div class="logo-name">GOLD COAST SOCIETY, ALIBAG</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/pen.png" alt="Logo 3">
        <div class="logo-name">PRIVATE HIGHSCHOOL, PEN</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/arnk.png" alt="Logo 4">
        <div class="logo-name">ARNK CONSTRUCTION, WADKHAL</div>
      </div>
    </div>
    
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/palms.png" alt="Logo 1">
        <div class="logo-name">BALAJI PALP SOCIETY , ALIBAG</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/goenka.png" alt="Logo 2">
        <div class="logo-name">GOENKA FARM, ALIBAG</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/adam.png" alt="Logo 3">
        <div class="logo-name">ADAM CONSTRUCTION, WADKHAL</div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 mb-4">
      <div class="logo-card">
        <img src="partner/nepean.png" alt="Logo 4">
        <div class="logo-name">NEPEAN RESORTS PRIVATE LTD</div>
      </div>
    </div>
    
  </div>
</div>

    <div class="contact-area padding-top-60 padding-bottom-60">
        <div class="container">
            <div class="row">

<?php
include "db.php"; 

$query = "SELECT id, name, content, created_at FROM reviews ORDER BY id ASC";
$result = mysqli_query($conn, $query);

while ($row = mysqli_fetch_assoc($result)) {
    $content = trim($row['content']);
    if ($content == "") continue;
?>
    <div class="col-lg-6">
        <div class="t-bq-wrapper t-bq-wrapper-boxed">
            <div class="t-bq-quote t-bq-quote-paul">
                <div class="t-bq-quote-paul-qmark">
                    &#10077;
                </div>
                <div class="t-bq-quote-paul-pattern"></div>
                <div class="t-bq-quote-paul-base">
                    <blockquote class="t-bq-quote-paul-text" cite="<?php echo htmlspecialchars($row['name']); ?>">
                        <?php echo nl2br(htmlspecialchars($content, ENT_QUOTES, 'UTF-8')); ?>
                    </blockquote>
                    <div class="t-bq-quote-paul-meta">
                        <div class="t-bq-quote-paul-meta-info">
                            <div class="t-bq-quote-paul-author">
                                <cite><?php echo htmlspecialchars($row['name'], ENT_QUOTES, 'UTF-8'); ?></cite>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php
}
?>

            </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>
    <!-- isotop -->
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <!-- isotop image load -->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <!-- isotop image load -->
    <script src="assets/js/jQuery.Progressbar.js"></script>
    <!-- countdown -->
    <script src="assets/js/jquery.countdown.min.js"></script>
    <!-- main js -->
    <script src="assets/js/main.js"></script>
</body>

</html>