/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  padding: 12px 0;
  text-align: center;
  background-color: #222F40;

}

.clients img {
  max-width: 45%;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 15px 0;
  filter: grayscale(100);

  height: 100px; /* Set this to your desired height */
  max-height: 100px;
  width: auto; /* Maintain aspect ratio */
  object-fit: contain; /* Ensure the image is fully visible */
  margin: 0 auto; /* Center the image horizontally */
}

.clients img:hover {
  filter: none;
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .clients img {
    max-width: 40%;
  }
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%; /* Adjust this value to control the space between the button and the carousel */
}

.carousel-control-prev {
  left: -50px; /* Move the "Previous" button to the left */
}

.carousel-control-next {
  right: -50px; /* Move the "Next" button to the right */
}