>
                <img src="./images/CLOUD SYNC.png" alt="">
            </div>
            <div class="item">
                <img src="./images/PDF MANAGAMENT 1.jpg" alt="">
            </div>

        </div>


        <div class="nextPrevArrows">
            <button class="prev"> < </button>
            <button class="next"> > </button>
        </div>


    </div>
    <!-- Carousel Slider -->






  <!-- Hero Section -->
  <section class="hero">
    
    <div class="hero-container">
      <!-- Left side