:root {
	--marquee-width: 100vw;
	--marquee-height: 16vh;
	--marquee-elements-displayed: 2.5;
	--marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
	--marquee-animation-duration: calc(var(--marquee-elements) * 4s);
	--marquee-elements: 7
}
.new-clients-block{
    overflow: hidden;
}
.marquee, .left-right-marquee {
	color: #000;
	overflow: hidden;
	margin-bottom: 50px;
	position: relative
}
.marquee-content {
	list-style: none;
	height: 100%;
	display: flex;
	animation: scrolling var(--marquee-animation-duration) linear infinite
}
.left-right-marquee .marquee-content {
	animation: custom-scrolling var(--marquee-animation-duration) linear infinite
}
@keyframes scrolling {
	0% {
		transform: translateX(0)
	}
	100% {
		transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))
	}
}
@keyframes custom-scrolling {
	0% {
		transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))
	}
	100% {
		transform: translateX(0)
	}
}
.marquee-content li {
	align-items: center;
	flex-shrink: 0;
	width: var(--marquee-element-width);
	max-height: 100%;
	font-size: calc(var(--marquee-height)*3/4);
	white-space: nowrap;
	justify-content: center;
	display: flex
}
.marquee-content li img {
	height: 85px
}
.left-right-marquee:after, .left-right-marquee:before, .marquee:after, .marquee:before {
	position: absolute;
	top: 0;
	width: 5rem;
	height: 100%;
	content: "";
	z-index: 1
}



@media screen and (min-width:576px) {
	:root {
		--marquee-width: 100vw;
		--marquee-height: 16vh;
		--marquee-elements-displayed: 3.5
	}
}
@media screen and (min-width:768px) {
	:root {
		--marquee-elements-displayed: 4.5
	}
	.left-right-marquee:after, .left-right-marquee:before, .marquee:after, .marquee:before {
		width: 20rem
	}
}
@media only screen and (min-width:992px) {
	:root {
		--marquee-width: 90vw;
		--marquee-height: 20vh;
		--marquee-elements-displayed: 5
	}
	.marquee, .left-right-marquee {
		margin: 50px 0
	}
}
@media only screen and (min-width:1200px) {
	.new-clients-block .container {
		max-width: 100%
	}
	.left-right-marquee:after, .left-right-marquee:before, .marquee:after, .marquee:before {
		width: 30rem
	}
}