.swiper {
    position: relative;
    padding-bottom: 40px; /* ensures space below for dots */
  }

  .swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
  }


.client-content {
  width: 100%;
  margin: 10px auto;
}

@media (min-width: 992px) { /* Bootstrap lg and up */
  .client-content {
    width: 75% !important;
  }
}
#carouselCantainer{
  max-width :800px;
  margin-bottom:40px;
  padding: 20px;
}

.container img {
  width: 400px;
  height: 210px;
  object-fit:cover;
  border-radius: 10px;
}

.custom-arrow {
  width: 45px;
  height: 45px;
  background-color: #000000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
  user-select: none;
}

.custom-arrow:hover {
  background-color: #ed380b;
}

.custom-arrow span {
  font-size: 24px;
  color: #fff;
}
.custom-nav{
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top:15px ;
}
.container{
   max-width: 1100px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px;
  
}