// <!-- document.addEventListener("click", closeAllSelect); -->
         
         
         function scrollright4(){
           // <!-- document.getElementById("section4").scrollLeft += 350; -->
         
          // Assuming this code is triggered when the right button is clicked
         var slider = document.getElementById("section4");
         var imageWidth = 1000; // Set this value to the width of each image in your slider
         
         // Check if we are at the last image
         if (slider.scrollLeft + slider.clientWidth + 350 >= slider.scrollWidth) {
         // If at the last image, set scroll position to the beginning
         slider.scrollLeft = 0;
         } else {
         // If not at the last image, scroll to the next position
         slider.scrollLeft += 350;
         }
         
         
         }
         function scrollleft4(){
           document.getElementById("section4").scrollLeft -= 350;
         }
         
         function scrollright(){
           // <!-- document.getElementById("section3").scrollLeft += 350; -->
         
          // Assuming this code is triggered when the right button is clicked
         var slider = document.getElementById("section3");
         var imageWidth = 1000; // Set this value to the width of each image in your slider
         
         // Check if we are at the last image
         if (slider.scrollLeft + slider.clientWidth + 350 >= slider.scrollWidth) {
         // If at the last image, set scroll position to the beginning
         slider.scrollLeft = 0;
         } else {
         // If not at the last image, scroll to the next position
         slider.scrollLeft += 350;
         }
         
         }
         function scrollleft(){
           document.getElementById("section3").scrollLeft -= 350;
         }
         
         function scrollright2(){
           // <!-- document.getElementById("section2").scrollLeft += 350; -->
         
         // Assuming this code is triggered when the right button is clicked
         var slider = document.getElementById("section2");
         var imageWidth = 1000; // Set this value to the width of each image in your slider
         
         // Check if we are at the last image
         if (slider.scrollLeft + slider.clientWidth + 350 >= slider.scrollWidth) {
         // If at the last image, set scroll position to the beginning
         slider.scrollLeft = 0;
         } else {
         // If not at the last image, scroll to the next position
         slider.scrollLeft += 350;
         }
         
         }
         function scrollleft2(){
           document.getElementById("section2").scrollLeft -= 350;
         }
         
          
         
     
         // Autoplay function
             function startAutoplay() {
                 // Set interval to trigger scrollRight function every 3000 milliseconds (adjust as needed)
                 setInterval(scrollright2, 3000);
             }
         	
         	function startAutoplay1() {
                 // Set interval to trigger scrollRight function every 3000 milliseconds (adjust as needed)
                 setInterval(scrollright4, 3000);
             }
         	
         	function startAutoplay2() {
                 // Set interval to trigger scrollRight function every 3000 milliseconds (adjust as needed)
                 setInterval(scrollright, 3000);
             }
         
             // Start autoplay when the page loads
             window.onload = function(){
         	startAutoplay();
         	startAutoplay1();
         	startAutoplay2();
         	}