/*bay b*/

/* Mobil cihazlar (320px - 480px) */
 /* Mobil cihazlar için stiller */
 @media (max-width: 768px) {
  #clients {
    padding: 30px 0;
  }

  #clients img {
    width: 100%; /* Görsellerin genişliğini %80 yap */
  }

  .swiper-slide {
    padding: 1px; /* Mobilde daha küçük boşluk */
    margin-right: 1px !important;
  }

  #clients .swiper-pagination {
    display: block; /* Geçiş noktalarını göster */
    margin-top: 20px;
  }
}

#clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #1bb1dc;
}

#clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #1bb1dc;
}


/* Clients Section
--------------------------------*/
#clients {
  max-height: 100%;
  padding: 60px 0;
}

#clients img {
  opacity: 0.5;
  transition: 0.3s;
  opacity: 1;
}

#clients img:hover {
  opacity: 1;
}

#clients .swiper-pagination {
  margin-top: 200px;
  position: relative;
}

#clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #1bb1dc;
}

#clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #1bb1dc;
}


/*bay b*/






.clients .heading {
  margin-bottom: 50px; 
}