<?php include 'header.php'; ?>
<style>
 .hero-slider {
  width: 100%;
  height: 100vh;
   margin-top:150px;
}

.hero-slide {
  background-size: cover;
  background-position: center;
  position: relative;
}
.hero-slide {
    height: 700px;   /* Increase this value */
}
.baner-slider {
    margin-top: 250px;
}

.hero-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  /*background: rgba(0,0,0,0.55);*/
}

.hero-content {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 600px;
  padding:200px 0px;
}

.hero-content h1 {
  font-size: 68px;
  margin-bottom: 15px;
  color:#fff;
}

.hero-content p {
  font-size: 18px;
   color:#fff;
}

/* Mobile */
@media (max-width: 768px) {
  .hero-content h1 {
    font-size: 32px;
  }
}
/*-----city---*/
.card {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.card-image {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease;
}

.card1 .card-image:hover { animation: shake 0.5s ease-in-out; }
.card2 .card-image:hover { animation: rotate 0.5s ease-in-out; }
.card3 .card-image:hover { animation: bounce 0.5s ease-in-out; }
.card4 .card-image:hover { animation: flip 0.5s ease-in-out; }
.card5 .card-image:hover { animation: pulse 0.5s ease-in-out; }
.card6 .card-image:hover { animation: slide 0.5s ease-in-out; }
.card7 .card-image:hover { animation: zoom 0.5s ease-in-out; }
.card8 .card-image:hover { animation: wiggle 0.5s ease-in-out; }
.card9 .card-image:hover { animation: glow 0.5s ease-in-out; }
.card10 .card-image:hover { animation: tilt 0.5s ease-in-out; }

@keyframes shake {
    0%, 100% { transform: scale(1.05) translateX(0); }
    25% { transform: scale(1.05) translateX(-5px); }
    50% { transform: scale(1.05) translateX(5px); }
    75% { transform: scale(1.05) translateX(-5px); }
}

@keyframes rotate {
    0% { transform: scale(1.05) rotate(0deg); }
    100% { transform: scale(1.05) rotate(10deg); }
}

@keyframes bounce {
    0%, 100% { transform: scale(1.05) translateY(0); }
    50% { transform: scale(1.05) translateY(-10px); }
}

@keyframes flip {
    0% { transform: scale(1.05) rotateY(0deg); }
    100% { transform: scale(1.05) rotateY(180deg); }
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

@keyframes slide {
    0% { transform: scale(1.05) translateX(0); }
    100% { transform: scale(1.05) translateX(10px); }
}

@keyframes zoom {
    0% { transform: scale(1); }
    100% { transform: scale(1.15); }
}

@keyframes wiggle {
    0%, 100% { transform: scale(1.05) rotate(0deg); }
    25% { transform: scale(1.05) rotate(-5deg); }
    75% { transform: scale(1.05) rotate(5deg); }
}

@keyframes glow {
    0% { transform: scale(1.05); filter: brightness(1); }
    100% { transform: scale(1.05); filter: brightness(1.2); }
}

@keyframes tilt {
    0% { transform: scale(1.05) rotateX(0deg); }
    100% { transform: scale(1.05) rotateX(15deg); }
}

.card-content {
    padding: 10px;
    text-align: center;
}

.card-category {
    font-size: 0.9em;
    color: #3498db;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-weight: 600;
}

.card-title {
    font-size: 1.5em;
    font-weight: 700;
    color: #002060;
    margin-bottom: 15px;
}

.card-rating {
    color: #f39c12;
    font-size: 1.2em;
    margin-bottom: 15px;
}

.card-rating span {
    color: #95a5a6;
    font-size: 0.8em;
}

.card-price {
    font-size: 1.4em;
    font-weight: 700;
    color: #e74c3c;
    margin-bottom: 20px;
}

.card-price .old-price {
    text-decoration: line-through;
    color: #95a5a6;
    font-size: 0.9em;
    margin-right: 10px;
}

.card-btn {
    display: inline-block;
    padding: 12px 30px;
    background: linear-gradient(135deg, #151450 0%, #23228a 100%);
    color: white;
    text-decoration: none;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(20px);
}

.card:hover .card-btn {
    opacity: 1;
    transform: translateY(0);
}

.card-btn:hover {
    background: linear-gradient(45deg, #2980b9, #21618c);
    transform: scale(1.05);
}

.card-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #e74c3c;
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.8em;
    font-weight: 600;
    z-index: 2;
}

.card-wishlist {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #e74c3c;
    font-size: 1.5em;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 2;
}

.card-wishlist:hover {
    transform: scale(1.2);
}

 .service-icon-box-two {
        position: relative;
        padding: 40px 40px 40px 40px;
        border: 1px solid #e7e7e7;
    }
    
   
    .site-text-primary, .wt-small-separator {
        color: #ea130e;
    }
    
    .wt-icon-box-wraper:after {
        content: "";
        display: table;
        clear: both;
    }
 
.bg-icon{
  display:flex;
  align-items:center;      /* Vertical center */
  justify-content:center;  /* Horizontal center */
  text-align:center;
}


/* Container Card */
.modern-redesign {
    position: relative;
   
    padding: 20px 20px;
    border-radius: 20px;
    border: 1px solid #000;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 1;
    overflow: hidden;
}

.modern-redesign:hover {
    transform: translateY(-15px);
    border-color: #3d80bf;
    box-shadow: 0 25px 50px rgba(27, 54, 93, 0.1);
}

/* Icon Wrap Logic */
.icon-wrap-border {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    background: #f8fbff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
}

.modern-redesign:hover .icon-wrap-border {
    background: #3d80bf;
    transform: rotateY(180deg); /* 3D Flip */
}

.icon i {
    /*font-size: 35px;*/
    color: #fff;
    transition: all 0.5s ease;
}

.modern-redesign:hover .icon i {
    color: #ffffff;
    transform: rotateY(-180deg); /* Counter-rotate icon */
}

/* Title & Text */
.wt-title {
    margin-top: 25px;
    text-align: center;
    font-weight: 800;
}

.wt-title a {
    color: #1b365d;
    text-decoration: none;
    font-size: 19px;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.modern-redesign:hover .wt-title a {
    color: #3d80bf;
}

/* Step Number Decoration (Watermark) */
.step-number {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 60px;
    font-weight: 900;
    color: rgba(27, 54, 93, 0.04); /* Subtle background number */
    z-index: -1;
    transition: all 0.5s ease;
}

.modern-redesign:hover .step-number {
    color: rgba(61, 128, 191, 0.1);
    transform: scale(1.2);
}

/* Accent bottom line */
.modern-redesign::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 4px;
    background: #3d80bf;
    transition: all 0.4s ease;
    transform: translateX(-50%);
}

.modern-redesign:hover::after {
    width: 60%;
}
            </style>
<!-- slider area  -->
<!-- slider area -->
<!-- Slider Section -->
<div class="hero-slider swiper">
  <div class="swiper-wrapper">

    <!-- Slide 1 -->
    <div class="swiper-slide hero-slide" style="background-image:url('assets/img/shapes/bnn3.jpg')">
      <div class="container">
        <div class="hero-content">
          <h1>Welcome To Guardian Workforce Solutions</h1>
          <p>Trusted Security Solutions for Your Safety</p>
        </div>
      </div>
    </div>

    <!-- Slide 2 -->
    <div class="swiper-slide hero-slide" style="background-image:url('assets/img/shapes/bnn4.jpg')">
      <div class="container">
        <div class="hero-content">
          <h1>Get a Job that Perfect for You</h1>
          <p>Highly trained professionals for complete security</p>
        </div>
      </div>
    </div>

    <!-- Slide 3 -->
    <div class="swiper-slide hero-slide" style="background-image:url('assets/img/shapes/bnn33.jpg')">
      <div class="container">
        <div class="hero-content">
          <h1>Discover Top Talent and Exciting Job Opportunities</h1>
          <p>Advanced technology with real-time monitoring</p>
        </div>
      </div>
    </div>

  </div>

  <!-- Navigation -->
  <div class="swiper-button-next"></div>
  <div class="swiper-button-prev"></div>

  <!-- Pagination -->
  <div class="swiper-pagination"></div>
</div>

<!-- Swiper CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css">

<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>

<script>
  new Swiper(".hero-slider", {
    loop: true,
    autoplay: {
      delay: 4000,
      disableOnInteraction: false,
    },
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    effect: "fade",
    fadeEffect: {
      crossFade: true
    }
  });
</script>

<!-- slider area  end -->
<!--<section class="about-area">-->
<!--    <div class="about-text margin-bottom-30">-->
<!--        <div class="container">-->
<!--            <div class="row">-->
<!--                <div class="col-lg-6 text-right">-->
<!--                    <div class="about-text-right">-->
<!--                        <div class="thumb">-->

<!--                            <img src="assets/rakshimg/home/aboutus.png" alt="">-->
<!--                        </div>-->

<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-lg-6">-->
<!--                    <div class="abouttext">-->
<!--                        <h5class="subtitle">ABOUT US-->
<!--                            </h5>-->
<!--                            <h2 class="title">Welcome To Guardian Workforce Solutions</h2>-->
<!--                            <h4 class="mb-3 text-danger">ISO 9001-2015 CERTIFIED COMPANY</h4>-->
<!--                            <p class="about-heighlight"><strong>Guardian Workforce Solutions</strong> is leading in a high-->
<!--                                quality Security Services, and a service provider in the related areas of Housekeeping-->
<!--                                and outsourcing of manpower.</p>-->
<!--                                <P>Guardian Workforce Solutions (GWS) a unit of Narayan-->
<!--Enterprises is a professionally managed startup providing-->
<!--reliable Manpower Supply and Security Services to businesses-->
<!--across various sectors. We are committed to delivering-->
<!--trained, disciplined, and trustworthy personnel to support our-->
<!--clients’ operational and safety needs.</P>-->
                            

                            
                            

<!--                            <div class="btn-wrap d-inline-block">-->
<!--                                <a class="btn btn-border-base" href="#">-->
<!--                                    <span>-->
<!--                                        About Us</span>-->
<!--                                </a>-->
<!--                            </div>-->
<!--                    </div>-->
<!--                </div>-->

<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</section>-->

<!------about area end----->
<section class="global-presence py-5" style="background-image:url(assets/img/logo/map-bg-dark2.png);">
    <div class="container">
         <div class="section-wrapper">
            <div class="row">
                <div class="col-lg-6">
                            <div class="section-title mb-5">
            <span>Our Network</span>
            <h2>Hire from 400+ cities</h2>
        </div>
                </div>
                <div class="col-lg-6 " style="text-align: end;">
                     <div class="btn-wrap d-inline-block">
                                <a class="btn btn-border-base " href="">
                                    <span>
                                        View All Cities</span>
                                </a>
                            </div>
                </div>
            </div>
        </div>
        


        <div class="row">
                <div class="col-lg-3">
        <div class="card card1">
            <!--<div class="card-badge">Hot Deal</div>-->
            <!--<div class="card-wishlist">♥</div>-->
            <div class="card-image" style="background-image: url('assets/img/city/delhi.jpg');"></div>
            <div class="card-content">
                <h2 class="card-title">Delhi</h2>
                <p class="card-category">30L+ candidates</p>
                
                <!--<div class="card-rating">★★★★★ <span>(4.8 - 120 reviews)</span></div>-->
                <!--<div class="card-price">-->
                <!--    <span class="old-price">$129.99</span>-->
                <!--    $99.99-->
                <!--</div>-->
                <!--<a href="#" class="card-btn">Buy Now</a>-->
            </div>
        </div>
        </div>
              <div class="col-lg-3">
        <div class="card card1">
            
            <div class="card-image" style="background-image: url('assets/img/city/pune.jpg');"></div>
            <div class="card-content">
                <h2 class="card-title">Pune</h2>
                <p class="card-category">7L+ candidates</p>
            
            </div>
        </div>
        </div>
   

         <div class="col-lg-3">
        <div class="card card2">
            
            <div class="card-image" style="background-image: url('assets/img/city/mumbai.jpg');"></div>
            <div class="card-content">
                <h2 class="card-title">Mumbai</h2>
                <p class="card-category">20L+ candidates</p>
            </div>
        </div>
        </div>
        
        <div class="col-lg-3">
        <div class="card card3">
           
            <div class="card-image" style="background-image: url('assets/img/city/bangalore.jpg');"></div>
            <div class="card-content">
               <h2 class="card-title">Bangalore</h2>
                <p class="card-category">11L+ candidates</p>
            </div>
        </div>
        </div>
        </div>

      

       
    </div>


    <script src="script.js"></script>
  
</section>


<!------servicesection------>
<section class="global-presence py-5" style="background-color:#f5f5f5;">
    <div class="container">
         <div class="section-wrapper">
            <div class="row">
                <div class="col-lg-6">
                            <div class="section-title mb-5">
            <span>Our Network</span>
            <h2>How to hire in less than 48 hours</h2>
        </div>
                </div>
                <div class="col-lg-6 " style="text-align: end;">
                     <div class="btn-wrap d-inline-block">
                                <a class="btn btn-border-base " href="">
                                    <span>Start Hiring</span>
                                </a>
                            </div>
                </div>
            </div>
  
       <div class="row">
    <div class="col-lg-4 col-md-6 m-b30">
        <div class="service-icon-box-two modern-redesign">
            <div class="wt-icon-box-wraper bg-icon">
                <div class="wrap-pt">
                    <div class="media contact-info-box icon-box-item padding-top-20">
                        <div class="icon-wrap icon-wrap-border">
                            <div class="icon-wrap-inner">
                                <div class="icon">
                                    <i class="icomoon icomoon-trophy"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="service-icon-box-title">
                <h4 class="wt-title"><a href="service-detail.html">Post a free job in less than 1 minute</a></h4>
            </div>
            <div class="step-number">01</div>
        </div>
    </div>

    <div class="col-lg-4 col-md-6 m-b30">
        <div class="service-icon-box-two modern-redesign">
            <div class="wt-icon-box-wraper bg-icon">
                <div class="wrap-pt">
                    <div class="media contact-info-box icon-box-item padding-top-20">
                        <div class="icon-wrap icon-wrap-border">
                            <div class="icon-wrap-inner">
                                <div class="icon">
                                    <i class="icomoon icomoon-phone-call"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="service-icon-box-title">
                <h4 class="wt-title"><a href="service-detail.html">Get direct phone calls from relevant candidates</a></h4>
            </div>
            <div class="step-number">02</div>
        </div>
    </div>

    <div class="col-lg-4 col-md-6 m-b30">
        <div class="service-icon-box-two modern-redesign">
            <div class="wt-icon-box-wraper bg-icon">
                <div class="wrap-pt">
                    <div class="media contact-info-box icon-box-item padding-top-20">
                        <div class="icon-wrap icon-wrap-border">
                            <div class="icon-wrap-inner">
                                <div class="icon">
                                    <i class="icomoon icomoon-user"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="service-icon-box-title">
                <h4 class="wt-title"><a href="service-detail.html">Interview and hire the right staff</a></h4>
            </div>
            <div class="step-number">03</div>
        </div>
    </div>
</div>
        </div>
     </div>
</section>
<!------------------->
<div class="get-quote margin-bottom-50 ">
    <div class="container">
        <div class="row align-items-center get-flex-reverse">
            <div class="col-lg-6">
                <div class="theme-heading-title  ">
                        <h4 class="subtitle text-white">Our Bespoke Services </h4>
                        <h2 class="title text-white">Discover Top Talent and Exciting Job Opportunities</h2>
                    </div>
                <div class="">
                    <p class="text-white">Secure your office, property, and workforce — with trusted solutions from Guardian Workforce Solutions</p>
                    <div class="btn-wrap d-inline-block">
                        <a class="btn btn-border-base" href="get-quote.html">
                            <span class="top_left"></span>
                            <span class="top_right"></span>
                            <span>
                               Contact Us</span>
                            <span class="bottom_left"></span>
                            <span class="bottom_right"></span>
                        </a>
                    </div>
                </div>
            </div>
            
            
              <div class="col-lg-6">
              <img src="assets/img/city/mbgws2.png" alt="">
            </div>
        </div>
     
    </div>
</div>
<!-- service area  -->
<div class="service-area pt-30 margin-bottom-80">
    <div class="container">
        <div class="section-wrapper">
            <div class="row align-items-center ">
                <div class="col-lg-6">
                    <div class="theme-heading-title  ">
                        <h4 class="subtitle">Our Bespoke categories </h4>
                        <h2 class="title">Hire from 40+ categories</h2>
                    </div>
                </div>
                <div class="col-lg-6 " style="text-align: end;">
                     <div class="btn-wrap d-inline-block">
                                <a class="btn btn-border-base " href="">
                                    <span>
                                        View All categories</span>
                                </a>
                            </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <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="assets/rakshimg/service/Delivery.jpg" alt="">
                            </div>
                            <div class="details">
                                <h4 class="title"><a href="#">Delivery</a></h4>
                                <a class="read-btn" href="#"><i class="fa fa-arrow-right"></i></a>
                            </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="assets/rakshimg/service/Driver.jpg" alt="">
                            </div>
                            <div class="details">
                                <h4 class="title"><a href="#">Driver</a></h4>
                                <a class="read-btn" href="#"><i class="fa fa-arrow-right"></i></a>
                            </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="assets/rakshimg/service/Warehouse.jpg" alt="">
                            </div>
                            <div class="details">
                                <h4 class="title"><a href="#">Warehouse</a></h4>
                                <a class="read-btn" href="#"><i class="fa fa-arrow-right"></i></a>
                            </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="assets/rakshimg/service/Manufacturing.jpg" alt="">
                            </div>
                            <div class="details">
                                <h4 class="title"><a href="#">Manufacturing</a></h4>
                                <a class="read-btn" href="#"><i class="fa fa-arrow-right"></i></a>
                            </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="assets/rakshimg/service/Housekeeping.jpg " alt="">
                            </div>
                            <div class="details">
                                <h4 class="title"><a href="#">Housekeeping</a></h4>
                                <a class="read-btn" href="#"><i class="fa fa-arrow-right"></i></a>
                            </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="assets/rakshimg/service/Peon.jpg  " alt="">
                            </div>
                            <div class="details">
                                <h4 class="title"><a href="#">Peon</a></h4>
                                <a class="read-btn" href="#"><i class="fa fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- service area end -->

<!-- get a quote area  -->
<div class="get-quote margin-bottom-50 ">
    <div class="container">
        <div class="row align-items-center get-flex-reverse">
            <div class="col-md-12">
                <div class="quote-message">
                    <h3 class="text-white" style="font-size: 38px;">Smart Hiring Starts Here — Trusted Workforce Solutions by Guardian Workforce Solutions</h3>
                    <div class="btn-wrap d-inline-block">
                        <a class="btn btn-border-base" href="get-quote.html">
                            <span class="top_left"></span>
                            <span class="top_right"></span>
                            <span>
                               Contact Us</span>
                            <span class="bottom_left"></span>
                            <span class="bottom_right"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <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>
<!-- get a quote area  end-->

<!-- why choose area  -->
<div class="why-choose ">
    <div class="container">
        <div class="row align-items-center" >
            <div class="col-lg-6">
                <div class="theme-heading-title">
                  
                    <h3 class="title title-decrease">How can we help you?</h3>         
                   
                   <div class="accordion-wrap">
                <div id="accordion-515005">
                    <div class="card single-accordion-inner">
                        <div class="card-header" id="headingOne_493038">
                            <a class="collapsed" data-toggle="collapse" role="button" data-target="#collapseOne_493038" aria-expanded="false" aria-controls="collapseOne_493038">
                                <span>1.</span>How can I apply for jobs through Guardian Workforce Solutions?</a>
                        </div>
                        <div id="collapseOne_493038" class="collapse" data-parent="#accordion-515005" style="">

                            <div class="card-body" style="color:#353535;">You can apply by creating your profile on our job portal, uploading your updated resume, and applying directly to available job openings that match your skills and experience.</div>
                        </div>
                    </div>

                    <div class="card single-accordion-inner">
                        <div class="card-header" id="headingOne_434049">
                            <a class="collapsed" data-toggle="collapse" role="button" data-target="#collapseOne_434049" aria-expanded="false" aria-controls="collapseOne_434049">
                                <span>2.</span>
                               Is there any registration fee for job seekers?
                            </a>
                        </div>
                        <div id="collapseOne_434049" class="collapse" data-parent="#accordion-515005" style="">

                            <div class="card-body" style="color:#353535;">No, Guardian Workforce Solutions does not charge job seekers any registration or application fees. Our goal is to help candidates find the right opportunities easily.</div>
                        </div>
                    </div>

                    <div class="card single-accordion-inner">
                        <div class="card-header" id="headingOne_532232">
                            <a class="collapsed" data-toggle="collapse" role="button" data-target="#collapseOne_532232" aria-expanded="false" aria-controls="collapseOne_532232">
                                <span>3.</span>How will I know if my application is selected?</a>
                        </div>
                        <div id="collapseOne_532232" class="collapse" data-parent="#accordion-515005" style="">

                            <div class="card-body" style="color:#353535;">If your profile matches the employer’s requirement, our recruitment team or the employer will contact you via phone, email, or portal notification for further process like interview or document verification.</div>
                        </div>
                    </div>

                    <div class="card single-accordion-inner">
                        <div class="card-header" id="headingOne_85091">
                            <a class="collapsed" data-toggle="collapse" role="button" data-target="#collapseOne_85091" aria-expanded="false" aria-controls="collapseOne_85091">
                                <span>4.</span>
                               Can I update my profile and resume after registration?
                            </a>
                        </div>
                        <div id="collapseOne_85091" class="collapse " data-parent="#accordion-515005">

                            <div class="card-body" style="color:#353535;">Yes, you can log in anytime to update your personal details, skills, experience, and resume to increase your chances of getting shortlisted.</div>
                        </div>
                    </div>

                

                </div>
            </div>

                </div>
               
            </div>
            <div class="col-lg-6">
                <div class="animate-image-inner animate-image-inner-overlay ">
                    <div class="thumb">
                        <span class="animate-1"></span>
                        <span class="animate-2"></span>
                        <span class="animate-3"></span>
                        <span class="animate-4"></span>
                        <img src="assets/img/city/jobportal.jpg" alt="thumb">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- why choose area end -->



<!-- history area  -->
<!-- HISTORY AREA START -->
<div class="history-area margin-bottom-50">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-xl-4 col-lg-12">
                <div class="history-wrapper">
                    <div class="theme-heading-title">
                        <h2 class="title text-white">Proven Performance Highlights</h2>
                    </div>
                </div>
            </div>
            <div class="col-xl-8 col-lg-12">
                <div class="awards-wrapper">
                    <div class="awards-box">
                        <div class="media contact-info-box icon-box-item">
                            <div class="media-left icon-wrap">
                                <div class="icon-wrap-inner">
                                    <!-- <div class="icon">
                                        <i aria-hidden="true" class="icomoon icomoon-trophy"></i>
                                    </div> -->
                                </div>
                            </div>
                            <div class="media-body content align-self-center"></div>
                        </div>
                        <div class="awards-content">
                            <span class="counter">500</span><span>+</span>
                            <h4 class="awards-title"> Trained Personnel</h4>
                            <p class="awards-dis">We have over 500 trained professionals ready to deliver top-quality services across all departments.</p>
                        </div>
                    </div>
                    <div class="awards-box">
                        <div class="media contact-info-box icon-box-item">
                            <div class="media-left icon-wrap">
                                <div class="icon-wrap-inner">
                                    <!-- <div class="icon">
                                        <i aria-hidden="true" class="icomoon icomoon-award-1"></i>
                                    </div> -->
                                </div>
                            </div>
                            <div class="media-body content align-self-center"></div>
                        </div>
                        <div class="awards-content">
                                    <span class="counter">50</span><span>+</span>
                            <h4 class="awards-title"> Clients Served</h4>
                            <p class="awards-dis">Trusted by 50+ clients from various sectors who rely on our dependable and efficient services.</p>
                        </div>
                    </div>
                </div>
                <div class="awards-wrapper">
                    <div class="awards-box border-0 mobile-sc-lgs">
                        <div class="media contact-info-box icon-box-item">
                            <div class="media-left icon-wrap">
                                <div class="icon-wrap-inner">
                                    <!-- <div class="icon">
                                        <i aria-hidden="true" class="icomoon icomoon-flag"></i>
                                    </div> -->
                                </div>
                            </div>
                            <div class="media-body content align-self-center"></div>
                        </div>
                        <div class="awards-content">
                                    <span class="counter">100</span><span>%</span>
                            <h4 class="awards-title"> Statutory Compliance</h4>
                            <p class="awards-dis">Every process is designed to meet full legal and regulatory standards without any compromise.</p>
                        </div>
                    </div>
                    <div class="awards-box border-0">
                        <div class="media contact-info-box icon-box-item">
                            <div class="media-left icon-wrap">
                                <div class="icon-wrap-inner">
                                    <!-- <div class="icon">
                                        <i aria-hidden="true" class="icomoon icomoon-award-4"></i>
                                    </div> -->
                                </div>
                            </div>
                            <div class="media-body content align-self-center"></div>
                        </div>
                        <div class="awards-content">
                                    <span class="counter">5</span><span>+</span>
                            <h4 class="awards-title"> Different Service Segments</h4>
                            <p class="awards-dis">Offering expert services across more than five core segments to meet diverse industry needs.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- jQuery CDN (if not already included) -->


<!-- Counter Animation Script -->


<!-- history area end -->



<!-- solutions area  -->
<div class="testimonial-two-home-02" style="background-image:url(assets/img/logo/map-bg-dark2.png);">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="theme-heading-title text-center margin-bottom-50">
                   
                    <h2 class="title">Customer Success Stories</h2>
                </div>
            </div>
        </div>

        <div class="testimonial-wrap-2">
            <div class="testimonial-carousel-activition-03">
                
                <div class="single-testimonial-inner-2">
                    <div class="row justify-content-center">
                        <div class="col-lg-8"> 
                            <div class="testimonial-details-box text-center"> 
                                <div class="quote-watermark mx-auto">
                                    <img src="./assets/img/section-img/testimonial/message.png" alt="quote">
                                </div>
                                <h6 class="category-tag">EXPERT SHOOTER</h6>
                                <p class="testimonial-content">
                                    "A testimonial is effectively a review or recommendation from a client, 
                                    letting other people know how your products or services benefitted them. 
                                    The team delivered beyond my expectations."
                                </p>
                                <div class="author-meta">
                                    <h5 class="author-name">Morgaan Smith</h5>
                                    <span class="author-desig">Executive Director</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="single-testimonial-inner-2">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <div class="testimonial-details-box text-center">
                                <div class="quote-watermark mx-auto">
                                    <img src="./assets/img/section-img/testimonial/message.png" alt="quote">
                                </div>
                                <h6 class="category-tag">PROFESSIONAL STAFF</h6>
                                <p class="testimonial-content">
                                    "Customer testimonials can take many forms, but the goal is always the same: 
                                    to build trust and showcase real-world results."
                                </p>
                                <div class="author-meta">
                                    <h5 class="author-name">Dinash Bilan</h5>
                                    <span class="author-desig">HR Manager</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div> </div> </div> </div> <style>
/* Center the container and manage width */
.testimonial-wrap-2 {
    max-width: 900px; 
    margin: 0 auto;
    position: relative;
    padding-bottom: 50px;
}

.single-testimonial-inner-2 {
    text-align: center;
    outline: none;
}

.quote-watermark img {
    display: block;
    margin: 0 auto 25px auto;
    width: 60px;
    opacity: 0.3;
}

.category-tag {
    color: #3d80bf;
    font-weight: 800;
    margin-bottom: 15px;
}

.testimonial-content {
    font-size: 22px;
    line-height: 1.6;
    color: #1b365d;
    font-style: italic;
    margin-bottom: 30px;
    padding: 0 60px; /* Space for arrows */
}

/* Arrow Styling */
.tesitmonial-03 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    color: #3d80bf;
    z-index: 2;
    transition: 0.3s;
}

.team-arrow-prev { left: -10px; }
.team-arrow-next { right: -10px; }

.tesitmonial-03:hover {
    background: #3d80bf;
    color: #fff;
}

/* Slick Dots Styling */
.slick-dots {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
}

.slick-dots li { margin: 0 5px; }

.slick-dots li button {
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ccc;
    border: none;
}

.slick-dots li.slick-active button {
    background: #3d80bf;
    width: 25px;
    border-radius: 10px;
}

</style>

<script>
    $(document).ready(function(){
    $('.testimonial-carousel-activition-03').slick({
        dots: true,
        infinite: true,
        autoplay: true,
        autoplaySpeed: 5000,
        speed: 1000,
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true,
        fade: true,
        cssEase: 'linear',
        // --- ADD THESE THREE LINES BELOW ---
        pauseOnHover: false,      // High-end feel: Don't stop when mouse is over
        pauseOnFocus: false,      // Don't stop when clicked
        pauseOnDotsHover: false,  // Don't stop when hovering over dots
        // ------------------------------------
        prevArrow: '<button class="team-arrow-prev tesitmonial-03"><i class="fas fa-arrow-left"></i></button>',
        nextArrow: '<button class="team-arrow-next tesitmonial-03"><i class="fas fa-arrow-right"></i></button>'
    });
});
</script>

<section>
    
<div class="contact-info">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="theme-heading-title">
                        <h3 class="title">
                            SPEAK WITH OUR CONSULTANT </h3>
                        <p>The highly experienced private security company, Global Protection Management (GPM), has over
                            30 years of experience working with some of the nation’s top corporations. In their quest to
                            deliver the best possible service to their clients.</p>
                        <div class="wrap-pt">
                            <div class="media contact-info-box icon-box-item padding-top-20">
                                <div class="media-left icon-wrap icon-wrap-border">
                                    <div class="icon-wrap-inner">
                                        <div class="icon">
                                            <i class="icomoon icomoon-phone-call"></i></div>
                                    </div>
                                </div>
                                <div class="media-body content align-self-center">
                                    <h3 class="title">
                                       <a href="tel:9319564627">+91 9319564627</a></h3>
                                </div>
                            </div>
                            <div class="media contact-info-box icon-box-item">
                                <div class="media-left icon-wrap icon-wrap-border">
                                    <div class="icon-wrap-inner">
                                        <div class="icon">
                                            <i class="icomoon icomoon-mail-2"></i></div>
                                    </div>
                                </div>
                                <div class="media-body content align-self-center">
                                    <h3 class="title">
                                      <a href="mailto:narayanenterprises2709@gmail.com"> narayanenterprises2709@gmail.com </a></h3>
                                      
                                </div>                                
                            </div>
                        
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <form action="#" method="post">
                     
                        <div class="contact-info-inner">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="single-input-inner style-border">
                                        <input type="text" placeholder="Your Name*" class="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="single-input-inner style-border">
                                        <input type="text" placeholder="Your email*" class="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="single-input-inner style-border">
                                        <input type="text" placeholder="Phone*" class="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="single-input-inner style-border">
                                        <input type="text" placeholder="Subject" class="">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-input-inner style-border">
                                        <textarea placeholder="Write messgae*"></textarea>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="btn-wrap">
                                        <button type="submit" class="btn-panthar btn-border-base panthar-color-text">
                                            <span class="top_left"></span>
                                            <span class="top_right"></span>
                                        Submit
                                            <span class="bottom_left"></span>
                                            <span class="bottom_right"></span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>


<?php include 'footer.php'; ?>