/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 24 2025 | 12:05:43 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
<script>
document.addEventListener('DOMContentLoaded', function() {
  const sliders = document.querySelectorAll('.project-slider');

  sliders.forEach(slider => {
    const slides = slider.querySelector('.slides');
    const slide = slider.querySelectorAll('.slide');
    const nextButton = slider.querySelector('.next');
    const prevButton = slider.querySelector('.prev');
    let currentIndex = 0;

    function showSlide(index) {
      if (index >= slide.length) {
        currentIndex = 0;
      } else if (index < 0) {
        currentIndex = slide.length - 1;
      } else {
        currentIndex = index;
      }
      const translateX = -currentIndex * 100;
      slides.style.transform = `translateX(${translateX}%)`;
    }

    nextButton.addEventListener('click', function() {
      showSlide(currentIndex + 1);
    });

    prevButton.addEventListener('click', function() {
      showSlide(currentIndex - 1);
    });
  });
});
</script>