/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
@media (min-width: 768px) {

  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(100%);
  }

  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-100%);
  }

  /* .carousel-inner{
    height: 270px;
  }
  .carousel-item{
    display: block;
  } */
}

/* large - display 3 */
@media (min-width: 992px) {

  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(33.3%);
  }

  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(0%);
  }

  .clientBlock .carousel-inner .carousel-item-right.active,
  .clientBlock .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  .clientBlock .carousel-inner .carousel-item-left.active,
  .clientBlock .carousel-inner .carousel-item-prev {
    transform: translateX(-2%);
  }

  .testimonialBlock .carousel-inner .carousel-item-right.active,
  .testimonialBlock .carousel-inner .carousel-item-next {
    transform: translateX(100%);
  }

  .testimonialBlock .carousel-inner .carousel-item-left.active,
  .testimonialBlock .carousel-inner .carousel-item-prev {
    transform: translateX(-0%);
  }
}

@media (max-width: 768px) {
  .carousel-inner .carousel-item>div {
    display: none;
  }

  .carousel-inner .carousel-item>div:first-child {
    display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
  /* transform: translateX(0%); */
}

.carousel-item .col-lg-4.col-md-6, .carousel-item.active .col-lg-4.col-md-6 {
  padding: 0px;
  margin-right: 20px;
  display: inline-flex;
  flex-direction: column;
}

.carousel-item .col-lg-3.col-md-6, .carousel-item.active .col-lg-3.col-md-6 {
  background: #FFFFFF;
  padding-left: 0;
}

.carousel-item.active .col-lg-4.col-md-6 {
  padding-left: 0;
}

.carousel-inner {
  position: relative;
  width: 100%;
}

.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
  padding: 0;
}

/* transition */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: 2s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}