.client-slider-container {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
  }
  
  .client-slider-container .sidebar-title h2 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 24px;
    color: #333;
  }
  
  .client-slider-container .slider-container {
    overflow: hidden; /* Hides overflowing content */
    position: relative;
    width: 100%;
  }
  
  .client-slider-container .slider-wrapper {
    display: flex;
    width: calc(200px * 17); /* Adjust this based on the number of images you have. 36 is the number of images */
    animation: slide 40s linear infinite; /* Longer duration for smooth scrolling */
  }
  
  .client-slider-container .image-box {
    min-width: 200px; /* Adjust this value to control the size of each image */
    margin: 10px;
  }
  
  .client-slider-container .image-box img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    
    display: flex; /* Enables horizontal layout */
    align-items: flex-start; /* Aligns items at the top */
    gap: 20px;
  }
  
  /* Keyframes for smooth infinite scrolling */
  @keyframes slide {
    0% {
      transform: translateX(0); /* Start at the initial position */
    }
    100% {
      transform: translateX(-100%); /* Scroll to the full width of the slider */
    }
  }