/* Carousel стили */
#clientsCarousel.carousel {
	margin: 24px 0;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
}
#clientsCarousel::-webkit-scrollbar {
  display: none;
}
#clientsCarousel .b-carousel_item_pic img {
	height: 56px;
}
#clientsCarousel .carousel-inner {
	padding-left: 40px;
	padding-right: 40px;
}

/* Активный слайд и соседние показываем в ряд */
#clientsCarousel .carousel-inner .carousel-item.active,
#clientsCarousel .carousel-inner .carousel-item-next,
#clientsCarousel .carousel-inner .carousel-item-prev {
	display: flex;
}

/* Анимация слайдов */
#clientsCarousel .carousel-inner .carousel-item-next.carousel-item-start,
#clientsCarousel .carousel-inner .carousel-item-prev.carousel-item-end {
	transform: translateX(0);
}

/* Следующий слайд справа - для 4 элементов (25%) */
#clientsCarousel .carousel-inner .carousel-item-next {
	transform: translateX(25%);
}

/* Предыдущий слайд слева */
#clientsCarousel .carousel-inner .carousel-item-prev {
	transform: translateX(-25%);
}

/* Для 3 элементов на LG экранах (992-1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
	#clientsCarousel .carousel-inner .carousel-item-next {
		transform: translateX(33.33%);
	}
	#clientsCarousel .carousel-inner .carousel-item-prev {
		transform: translateX(-33.33%);
	}
}

/* Для 2 элементов на MD экранах (768-991px) */
@media (min-width: 768px) and (max-width: 991px) {
	#clientsCarousel .carousel-inner .carousel-item-next {
		transform: translateX(50%);
	}
	#clientsCarousel .carousel-inner .carousel-item-prev {
		transform: translateX(-50%);
	}
}
@media (min-width: 992px) {
	#clientsCarousel.carousel {
		margin: 32px 0;
	}
}

/* Кнопки управления */
#clientsCarousel .carousel-control-prev,
#clientsCarousel .carousel-control-next {
	transition: opacity 0.3s;
}
#clientsCarousel .carousel-control-prev {
	justify-content: start;
}
#clientsCarousel .carousel-control-next {
	justify-content: end;
}
#clientsCarousel .carousel-control-prev:hover,
#clientsCarousel .carousel-control-next:hover {
	opacity: 1;
}
#clientsCarousel .carousel-control-prev:hover svg path, 
#clientsCarousel .carousel-control-next:hover svg path {
	fill: #228499;
}

/* Отступы между слайдами */
#clientsCarousel .carousel-item > div {
	padding: 0 10px;
	text-align: center;
}
#clientsCarousel .carousel-item {
	transform: none;
	transition: transform .5s ease;
}