<!DOCTYPE php>
<php lang="en">
<head>
<meta charset="utf-8">
<title>Akemilex</title>
<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/slick-theme.css">
<link rel="stylesheet" type="text/css" href="css/slick.css">
<link href="css/style.css" rel="stylesheet">

<!--<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">-->
<!--<link rel="icon" href="images/favicon.png" type="image/x-icon">-->
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/php5shiv/3.7.3/php5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" />

</head>

<body>

<div class="page-wrapper">

  <!-- Main Header--> 
  <header class="main-header header-style-one">
    <div class="header-lower">
      <div class="auto-container">
        <!-- Main box -->
        <div class="main-box">
          <div class="logo-box">
            <div class="logo"><a href="index.php"><img src="images/logo.png" alt="" title="Tronis" style="max-width: 200px; border-radius: 10px"></a></div>
          </div>

          <!--Nav Box-->
          <div class="nav-outer">    
            <nav class="nav main-menu">
              <ul class="navigation">
                <li><a href="index.php">Home</a></li>
                <li><a href="about.php">About Us</a></li>
                <li class="dropdown">
                    <a href="#">Services</a>
                    <ul>
                        <li><a href="italian-marble-restoration.php">Marble Restoration</a></li>
                        <li><a href="mosaic-floor-polishing.php">Mosaic Floor Polishing</a></li>
                        <li><a href="granite-floor-polishing.php">Granite Floor Polishing</a></li>
                        <li><a href="tile-cleaning-restoration.php">Tile Cleaning & Restoration</a></li>
                        <li><a href="corian-polishing.php">Corian Polishing</a></li>
                    </ul>
                </li>
                <li><a href="projects.php">Projects</a></li>
                <li><a href="blog.php">Blog</a></li>
                <li><a href="contact.php">Contact Us</a></li>
              </ul>
            </nav>
            <!-- Main Menu End-->
          </div>

          <div class="outer-box">
            <div class="btn">
              <a href="contact.php" class="theme-btn">Get In Touch</a>
            </div>
            <div class="mobile-nav-toggler">
              <i class="fa fa-bars"></i>
            </div>
          </div>
        </div>
        <!-- Mobile Menu  -->
      </div>
    </div>
    <div class="mobile-menu">
      <div class="menu-backdrop"></div>
    
      <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
      <nav class="menu-box">
        <div class="upper-box">
          <div class="nav-logo"><a href="index-2.php"><img src="images/logo.png" alt="" title=""></a></div>
          <div class="close-btn"><i class="icon fa fa-times"></i></div>
        </div>
    
        <ul class="navigation clearfix">
          <!--Keep This Empty / Menu will come through Javascript-->
        </ul>
        <ul class="contact-list-one">
          <li>
            <!-- Contact Info Box -->
            <div class="contact-info-box">
              <i class="icon lnr-icon-phone-handset"></i>
              <span class="title">Call Now</span>
              <a href="tel:+92880098670">+92 (8800) - 98670</a>
            </div>
          </li>
          <li>
            <!-- Contact Info Box -->
            <div class="contact-info-box">
              <span class="icon lnr-icon-envelope1"></span>
              <span class="title">Send Email</span>
              <a href="https://php.kodesolution.com/cdn-cgi/l/email-protection#68000d0418280b070518090611460b0705"><span class="__cf_email__" data-cfemail="caa2afa6ba8aa9a5a7baaba4b3e4a9a5a7">[email&#160;protected]</span></a>
            </div>
          </li>
          <li>
            <!-- Contact Info Box -->
            <div class="contact-info-box">
              <span class="icon lnr-icon-clock"></span>
              <span class="title">Send Email</span>
              Mon - Sat 8:00 - 6:30, Sunday - CLOSED
            </div>
          </li>
        </ul>
    
    
        <ul class="social-links">
          <li><a href="#"><i class="fa fa-x"></i></a></li>
          <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
          <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
          <li><a href="#"><i class="fab fa-instagram"></i></a></li>
        </ul>
      </nav>
    </div><!-- End Mobile Menu -->

    <!-- Header Search -->
    <div class="search-popup">
      <span class="search-back-drop"></span>
      <button class="close-search"><span class="fa fa-times"></span></button>
    
      <div class="search-inner">
        <form method="post" action="https://php.kodesolution.com/2024/tilepro-php/index.php">
          <div class="form-group">
            <input type="search" name="search-field" value="" placeholder="Search..." required="">
            <button type="submit"><i class="fa fa-search"></i></button>
          </div>
        </form>
      </div>
    </div>
    <!-- End Header Search -->

    <!-- Sticky Header  -->
    <div class="sticky-header">
      <div class="auto-container">
        <div class="inner-container">
          <!--Logo-->
          <div class="logo">
            <a href="index.php" title=""><img src="images/logo.png" alt="" title=""></a>
          </div>
    
          <!--Right Col-->
          <div class="nav-outer">
            <!-- Main Menu -->
            <nav class="main-menu">
              <div class="navbar-collapse show collapse clearfix">
                <ul class="navigation clearfix">
                  <!--Keep This Empty / Menu will come through Javascript-->
                </ul>
              </div>
            </nav><!-- Main Menu End-->
            
             <!-- Social Icons -->
    <div class="header-social">
      <!--<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>-->
      <!--<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>-->
      <!--<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>-->
    </div>
    
            <!--Mobile Navigation Toggler-->
            <div class="mobile-nav-toggler">
              <i class="fa fa-bars"></i>
            </div>
          </div>
        </div>
      </div>
    </div><!-- End Sticky Menu -->
  </header>
  <!--End Main Header -->
  
  <style>
      /* Header layout */
.sticky-header .inner-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Right side: menu + social + toggle */
.sticky-header .nav-outer {
  display: flex;
  align-items: center;
}

/* Main menu */
.sticky-header .main-menu {
  margin-right: 50px;
}

/* Social icons */
.header-social {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-right: 20px;
}

.header-social a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2f4f3e; /* matches your green */
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
  transition: all 0.3s ease;
}

.header-social a:hover {
  background: #1f362a;
  transform: translateY(-3px);
}

/* Mobile toggle */
.mobile-nav-toggler {
  margin-left: 10px;
}
    .header-style-one .header-lower .main-menu .navigation > li > a {
  color: var(--theme-color-light);}
  </style>

  <!-- banner-section  -->
  <section class="banner-section">
    <div class="banner-slider">
      <div class="banner-slide">
        <img src="images/banner/banner-1.jpg" alt="">
        <div class="outer-box">
          <div class="auto-container">
            <div class="content-box">
              <h1 data-animation-in="fadeInLeft" data-delay-in="0.2">let us make <br>your home better</h1>
              <div data-animation-in="fadeInUp" data-delay-in="0.3" class="text">when an unknown printer took a galley of type and scrambled it to make a type not only five centurie when an unknown printer</div>
              <div class="btn-box">
                <a href="contact.php" data-animation-in="fadeInUp" data-delay-in="0.4" class="theme-btn">Connect <i class="btn-icon fa-sharp far fa-arrow-right ml-10 font-size-18"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="banner-slide">
        <img src="images/banner/banner-2.jpg" alt="">
        <div class="outer-box">
          <div class="auto-container">
            <div class="content-box">
              <h1 data-animation-in="fadeInLeft" data-delay-in="0.2">let us make <br>your home better</h1>
              <div data-animation-in="fadeInUp" data-delay-in="0.3" class="text">when an unknown printer took a galley of type and scrambled it to make a type not only five centurie when an unknown printer </div>
              <div class="btn-box">
                <a href="contact.php" data-animation-in="fadeInUp" data-delay-in="0.4" class="theme-btn">Connect <i class="btn-icon fa-sharp far fa-arrow-right ml-10 font-size-18"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--<div class="banner-slide">-->
      <!--  <img src="images/banner/banner-1.jpg" alt="">-->
      <!--  <div class="outer-box">-->
      <!--    <div class="auto-container">-->
      <!--      <div class="content-box">-->
      <!--        <h1 data-animation-in="fadeInLeft" data-delay-in="0.2">let us make your home better</h1>-->
      <!--        <div data-animation-in="fadeInUp" data-delay-in="0.3" class="text">when an unknown printer took a galley of type and scrambled it to make a type not only five centurie when an unknown printer </div>-->
      <!--        <div class="btn-box">-->
      <!--          <a href="page-services.html" data-animation-in="fadeInUp" data-delay-in="0.4" class="theme-btn">Our services <i class="btn-icon fa-sharp far fa-arrow-right ml-10 font-size-18"></i></a>-->
      <!--        </div>-->
      <!--      </div>-->
      <!--    </div>-->
      <!--  </div>-->
      <!--</div>-->
    </div>
  </section>
  <!-- End banner-section -->

  <!-- about-section -->
<section class="about-section-two">
  <div class="auto-container">
    <div class="row">
      
      <!-- content-column -->
      <div class="content-column col-lg-6 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
        <div class="inner-column">
          <div class="sec-title-two">
            <span class="sub-title">About the Company</span>
            <h2>Welcome to Trusted Flooring & Surface Experts</h2>
            <div class="text">
              We are a professional flooring and surface restoration company specializing in tiles, marble,
              granite, stone, and polishing services. With years of hands-on expertise, we deliver durable,
              elegant, and high-quality finishes for residential and commercial spaces.
            </div>
          </div>

          <ul class="list">
            <li><i class="fa-solid fa-check"></i>Premium quality flooring & polishing standards</li>
            <li><i class="fa-solid fa-check"></i>100% customer satisfaction guarantee</li>
            <li><i class="fa-solid fa-check"></i>1500+ successfully completed projects</li>
            <li><i class="fa-solid fa-check"></i>Expert repair & restoration solutions</li>
          </ul>

          <div class="btn-box">
            <a href="about.php" class="theme-btn-v2">
              Get Started
              <i class="btn-icon fa-sharp far fa-arrow-right ml-10 font-size-18"></i>
            </a>

            <!--<a href="tel:(000)-123-456-789" class="contact-btn">-->
            <!--  <i class="flaticon-phone-call"></i>-->
            <!--  <span>Call us</span>-->
            <!--  <h6 class="title">(000)-123-456-789</h6>-->
            <!--</a>-->
          </div>
        </div>
      </div>

      <!-- image-column -->
      <div class="image-column col-lg-6 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="600ms">
        <div class="inner-column">
          <div class="image-box">
            <figure class="image overlay-anim">
              <img src="images/resource/about2-1.png" alt="">
            </figure>
            <div class="exp-box bounce-y">
              <h6 class="title">21+</h6>
              <div class="text">Years of Experience</div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>
<!-- End about-section -->

<!-- service-section-two -->
<section class="service-section-two">
  <div class="auto-container">
    <div class="row">

  <!-- TOP TITLE -->
  <div class="col-12 text-center wow fadeInUp" data-wow-delay="300ms">
    <div class="sec-title-two light">
      <span class="sub-title">Our Services</span>
      <h2>We Deliver the <br> Best Flooring Solutions</h2>
    </div>
  </div>

  <!-- SERVICES GRID -->
  <div class="col-12">
    <div class="row">

      <!-- Service 1 -->
      <div class="service-block-two col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="100ms">
        <div class="inner-box">
          <div class="icon-box">
            <i class="flaticon-promotion"></i>
          </div>
          <div class="content-box">
            <h4 class="title">
              <a href="#">Modern Tiles</a>
            </h4>
            <div class="text">
              Stylish and durable tile solutions for homes, offices, and commercial spaces.
            </div>
          </div>
        </div>
      </div>

      <!-- Service 2 -->
      <div class="service-block-two col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="200ms">
        <div class="inner-box">
          <div class="icon-box">
            <i class="flaticon-roofing-construction"></i>
          </div>
          <div class="content-box">
            <h4 class="title">
              <a href="#">Natural Stone</a>
            </h4>
            <div class="text">
              Premium Marble and stone polishing services with a flawless, lasting finish.
            </div>
          </div>
        </div>
      </div>

      <!-- Service 3 -->
      <div class="service-block-two col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="300ms">
        <div class="inner-box">
          <div class="icon-box">
            <i class="flaticon-roofing-draws"></i>
          </div>
          <div class="content-box">
            <h4 class="title">
              <a href="#">Bathroom Flooring</a>
            </h4>
            <div class="text">
              Hygienic, anti-skid, and moisture-resistant flooring for modern bathrooms.
            </div>
          </div>
        </div>
      </div>

      <!-- Service 4 -->
      <div class="service-block-two col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="400ms">
        <div class="inner-box">
          <div class="icon-box">
            <i class="flaticon-roofing-ruler"></i>
          </div>
          <div class="content-box">
            <h4 class="title">
              <a href="#">Professional Tools</a>
            </h4>
            <div class="text">
              Advanced equipment and skilled workmanship for precision polishing.
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>

</div>

  </div>
</section>
<!-- End service-section -->

  <!-- project-section -->
<section class="project-section">
  <div class="auto-container">
    <div class="sec-title">
      <h2>Explore Our Tiles, Stone <br />& Polishing Works</h2>
      <div class="text">
        Discover our recent flooring, marble restoration, granite polishing, and tile cleaning projects
        delivered with precision, durability, and premium finish.
      </div>
    </div>

    <div class="slider-btn">
      <button class="prev-btn">
        <span><i class="flaticon-arrow-pointing-to-right btn-icon"></i></span>
      </button>
      <button class="next-btn">
        <span><i class="flaticon-arrow-pointing-to-right btn-icon"></i></span>
      </button>
    </div>
  </div>

  <div class="row project-slider">

    <!-- project-block -->
    <div class="project-block col-lg-3 col-md-6">
      <div class="inner-box">
        <div class="image-box">
          <figure class="image overlay-anim">
            <a href="italian-marble-restoration.php"><img src="images/resource/marble-restoration.jpg" alt=""></a>
          </figure>
          <figure class="image-2">
            <a href="italian-marble-restoration.php"><img src="images/resource/projec1-2.png" alt=""></a>
          </figure>
        </div>
        <div class="content-box">
          <span>Marble Restoration</span>
        </div>
      </div>
    </div>

    <!-- project-block -->
    <div class="project-block col-lg-3 col-md-6">
      <div class="inner-box">
        <div class="image-box">
          <figure class="image overlay-anim">
            <a href="granite-floor-polishing.php"><img src="images/resource/Granite-Floor-Polishing.webp" alt=""></a>
          </figure>
          <figure class="image-2">
            <a href="granite-floor-polishing.php"><img src="images/resource/projec1-2.png" alt=""></a>
          </figure>
        </div>
        <div class="content-box">
          <span>Granite Floor Polishing</span>
        </div>
      </div>
    </div>

    <!-- project-block -->
    <div class="project-block col-lg-3 col-md-6">
      <div class="inner-box">
        <div class="image-box">
          <figure class="image overlay-anim">
            <a href="mosaic-floor-polishing.php"><img src="images/resource/mosaic-floor.jpg" alt=""></a>
          </figure>
          <figure class="image-2">
            <a href="mosaic-floor-polishing.php"><img src="images/resource/projec1-2.png" alt=""></a>
          </figure>
        </div>
        <div class="content-box">
          <span>Mosaic Floor Polishing</span>
        </div>
      </div>
    </div>

    <!-- project-block -->
    <div class="project-block col-lg-3 col-md-6">
      <div class="inner-box">
        <div class="image-box">
          <figure class="image overlay-anim">
            <a href="tile-cleaning-restoration.php"><img src="images/resource/tile-cleaning.jpg" alt=""></a>
          </figure>
          <figure class="image-2">
            <a href="tile-cleaning-restoration.php"><img src="images/resource/projec1-2.png" alt=""></a>
          </figure>
        </div>
        <div class="content-box">
          <span>Tile Cleaning & Restoration</span>
        </div>
      </div>
    </div>

    <!-- project-block -->
    <div class="project-block col-lg-3 col-md-6">
      <div class="inner-box">
        <div class="image-box">
          <figure class="image overlay-anim">
            <a href="corian-polishing.php"><img src="images/resource/Picture7.jpg" alt=""></a>
          </figure>
          <figure class="image-2">
            <a href="corian-polishing.php"><img src="images/resource/projec1-2.png" alt=""></a>
          </figure>
        </div>
        <div class="content-box">
          <span>Corian Surface Polishing</span>
        </div>
      </div>
    </div>

  </div>
</section>
<!-- End project section -->

  
  <!-- contact-banner-two -->
  <section class="contact-banner-two">
    <div class="auto-container">
      <div class="outer-box">
        <h2 class="title wow fadeInLeft" data-wow-delay="400ms">Have a project? <br />Let's discuss</h2>
        <div class="btn-box wow fadeInRight" data-wow-delay="400ms">
          <a href="contact.php" class="theme-btn-v2">Free Consultations<i class="btn-icon fa-sharp far fa-arrow-right ml-10 font-size-18"></i></a>
          <a href="tel:+91 99167 03789" class="theme-btn-v2 two">+91 99167 03789<i class="fa-sharp far fa-phone ml-10 font-size-18"></i>
          </a>
        </div>
      </div>
    </div>
  </section>
  <!-- End contact banner section -->

  <!-- testmonial-section -->
<section class="testimonial-section-two mb-0">
  <div class="auto-container">
    <div class="sec-title-two text-center">
      <span class="sub-title">testimonials</span>
      <h2>What’s Clients Talking About<br /> Us?</h2>
    </div>

    <div class="row testi-slider-two">

      <!-- testimonial-block -->
      <div class="testimonial-block-two col-lg-4 col-md-6 wow fadeInUp">
        <div class="inner-box">
          <div class="content-box">
            <div class="auther-info">
              <div class="info-box">
                <h6 class="title">Ramesh Kumar</h6>
                <span>Business Owner</span>
              </div>
            </div>
            <div class="text">
              We are extremely satisfied with the service quality and professionalism.
              Timely delivery, transparent communication, and excellent support made the entire experience smooth.
            </div>
            <ul class="rating">
              <li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li>
            </ul>
          </div>
        </div>
      </div>

      <!-- testimonial-block -->
      <div class="testimonial-block-two col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="200ms">
        <div class="inner-box">
          <div class="content-box">
            <div class="auther-info">
              <div class="info-box">
                <h6 class="title">Priya Sharma</h6>
                <span>Procurement Manager</span>
              </div>
            </div>
            <div class="text">
              Their team is reliable, knowledgeable, and always responsive.
              The pricing is competitive and the service standards are consistently high.
            </div>
            <ul class="rating">
              <li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
            </ul>
          </div>
        </div>
      </div>

      <!-- testimonial-block -->
      <div class="testimonial-block-two col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="300ms">
        <div class="inner-box">
          <div class="content-box">
            <div class="auther-info">
              <div class="info-box">
                <h6 class="title">Anil Reddy</h6>
                <span>Operations Head</span>
              </div>
            </div>
            <div class="text">
              Excellent attention to detail and strong after-service support.
              They truly understand client requirements and deliver beyond expectations.
            </div>
            <ul class="rating">
              <li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li>
            </ul>
          </div>
        </div>
      </div>

      <!-- testimonial-block -->
      <div class="testimonial-block-two col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="400ms">
        <div class="inner-box">
          <div class="content-box">
            <div class="auther-info">
              <div class="info-box">
                <h6 class="title">Suresh Patel</h6>
                <span>Distributor</span>
              </div>
            </div>
            <div class="text">
              Dependable service with consistent quality.
              Our long-term association speaks volumes about their commitment and reliability.
            </div>
            <ul class="rating">
              <li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
            </ul>
          </div>
        </div>
      </div>

      <!-- testimonial-block -->
      <div class="testimonial-block-two col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="500ms">
        <div class="inner-box">
          <div class="content-box">
            <div class="auther-info">
              <div class="info-box">
                <h6 class="title">Neha Verma</h6>
                <span>Quality Analyst</span>
              </div>
            </div>
            <div class="text">
              The quality standards maintained are impressive.
              Every interaction reflects professionalism, care, and strong industry knowledge.
            </div>
            <ul class="rating">
              <li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
            </ul>
          </div>
        </div>
      </div>

      <!-- testimonial-block -->
      <div class="testimonial-block-two col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="600ms">
        <div class="inner-box">
          <div class="content-box">
            <div class="auther-info">
              <div class="info-box">
                <h6 class="title">Vikram Singh</h6>
                <span>Senior Manager</span>
              </div>
            </div>
            <div class="text">
              Outstanding customer support and on-time delivery.
              We highly recommend them for their integrity and service excellence.
            </div>
            <ul class="rating">
              <li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li>
              <li><i class="fa fa-star"></i></li>
            </ul>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>
<!-- End testimonial-section -->

  
  <!-- Clients Section -->
<section class="custom-clients-section">
  <div class="custom-container">

    <!-- Left Arrow -->
    <div class="custom-arrow custom-arrow-left">
      <a href="javascript:void(0);" id="customPrev">
        <i class="lnr lnr-icon-arrow-left"></i>
      </a>
    </div>

    <!-- Right Arrow -->
    <div class="custom-arrow custom-arrow-right">
      <a href="javascript:void(0);" id="customNext">
        <i class="lnr lnr-icon-arrow-right"></i>
      </a>
    </div>

    <!-- Carousel -->
    <ul class="custom-clients-carousel" id="customCarousel">

      <li class="custom-client-item"><img src="images/clients/sattva.png"></li>
      <li class="custom-client-item"><img src="images/clients/goldman sach.png"></li>
      <li class="custom-client-item"><img src="images/clients/invesco.jpg"></li>
      <li class="custom-client-item"><img src="images/clients/oracle.png"></li>
      <li class="custom-client-item"><img src="images/clients/qualcom.png"></li>
      <li class="custom-client-item"><img src="images/clients/vodafone.webp"></li>
      <li class="custom-client-item"><img src="images/clients/jll.png"></li>
      <li class="custom-client-item"><img src="images/clients/intel.webp"></li>
      <li class="custom-client-item"><img src="images/clients/dell.png"></li>
      <li class="custom-client-item"><img src="images/clients/cognizant.png"></li>
      <li class="custom-client-item"><img src="images/clients/hsbc.avif"></li>
      <li class="custom-client-item"><img src="images/clients/indiqube.avif"></li>
      <li class="custom-client-item"><img src="images/clients/mercedes.jpg"></li>
      <li class="custom-client-item"><img src="images/clients/google.png"></li>
      <li class="custom-client-item"><img src="images/clients/wipro.png"></li>
      <li class="custom-client-item"><img src="images/clients/morgan stanly.png"></li>
      <li class="custom-client-item"><img src="images/clients/sodexo.png"></li>
      <li class="custom-client-item"><img src="images/clients/adp.avif"></li>
      <li class="custom-client-item"><img src="images/clients/broadcom.png"></li>
      <li class="custom-client-item"><img src="images/clients/genpact.png"></li>

    </ul>

  </div>
</section>

<style>
.custom-clients-section {
  position: relative;
  overflow: hidden;
  padding: 20px 0;
}

.custom-container {
  position: relative;
}

.custom-clients-carousel {
  display: flex;
  align-items: center;
  gap: 60px;
  padding: 20px 50px;
  margin: 0;
  list-style: none;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.custom-clients-carousel::-webkit-scrollbar {
  display: none;
}

.custom-client-item {
  flex: 0 0 auto;
}

.custom-client-item img {
  max-height: 70px;
  width: auto;
  object-fit: contain;
}

/* Arrows */
.custom-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.custom-arrow-left {
  left: 0;
}

.custom-arrow-right {
  right: 0;
}

.custom-arrow a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: #fff;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: 0.3s;
}

.custom-arrow a i {
  font-size: 18px;
  color: #333;
}

.custom-arrow a:hover {
  background: var(--theme-color1);
}

.custom-arrow a:hover i {
  color: #fff;
}
.project-block .image-box {
    height: 300px;   /* Adjust height as needed */
    overflow: hidden;
}

.project-block .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* Keeps image properly cropped */
}

</style>

<script>
(function () {
  const carousel = document.getElementById("customCarousel");
  const prev = document.getElementById("customPrev");
  const next = document.getElementById("customNext");

  const scrollAmount = 400;

  prev.addEventListener("click", () => {
    carousel.scrollBy({ left: -scrollAmount, behavior: "smooth" });
  });

  next.addEventListener("click", () => {
    carousel.scrollBy({ left: scrollAmount, behavior: "smooth" });
  });
})();
</script>

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