.ts-vertical-logos-carousel-container{
	position: relative;
	height: 354px;
	overflow: hidden;
}
.ts-vertical-logos-carousel-container:before,
.ts-vertical-logos-carousel-container:after{
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 224px;
	z-index: 1;
}
.ts-vertical-logos-carousel-container:before{
	top: 0;
	background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.ts-vertical-logos-carousel-container:after{
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel{
	display: flex;
	flex-direction: column;
	gap: 72px;
	animation: var(--vecar-speed);
}
.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel .ts-vecar-logo-container{
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: center;
	gap: 72px;
}
.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel .ts-vecar-logo-container:nth-child( even ){
	justify-content: space-evenly;
}
.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel .ts-vecar-logo-container:nth-last-child(3),
.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel .ts-vecar-logo-container:last-child{
	justify-content: space-between;
}
.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel .ts-vecar-logo-container:nth-last-child(2){
	justify-content: space-evenly;
}
.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel .ts-vecar-logo-container .ts-vecar-logo img{
	max-width: 64px;
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 1366px) {
    .ts-vertical-logos-carousel-container{
        height: 320px;
    }
	.ts-vertical-logos-carousel-container:before,
	.ts-vertical-logos-carousel-container:after{
		height: 120px;
	}
	.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel{
		animation: var(--vecar-speed-laptop);
	}
	.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel,
	.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel .ts-vecar-logo-container{
		gap: 40px;
	}
}

@media only screen and (max-width: 1024px) {
    .ts-vertical-logos-carousel-container{
        height: 240px;
    }
	.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel{
		animation: var(--vecar-speed-tablet);
	}
	.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel,
	.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel .ts-vecar-logo-container{
		gap: 24px;
	}
	.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel .ts-vecar-logo-container .ts-vecar-logo img{
		max-width: 40px;
	}
}

@media only screen and (max-width: 480px) {
    .ts-vertical-logos-carousel-container{
        height: 216px;
    }
	.ts-vertical-logos-carousel-container:before,
	.ts-vertical-logos-carousel-container:after{
		height: 96px;
	}
	.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel{
		animation: var(--vecar-speed-mobile);
	}
	.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel,
	.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel .ts-vecar-logo-container{
		gap: 16px;
	}
	.ts-vertical-logos-carousel-container .ts-vertical-logos-carousel .ts-vecar-logo-container .ts-vecar-logo:last-child{
		display: none;
	}
}

@keyframes logos-v-carousel {
	0% {
		transform: translate(0,0);
	}
	100% {
		transform: translate(0,calc(-100% + var(--logo-carousel-height)));
	}
}