.logoslider{
	overflow-x: clip;
}

.logoslider__logo{
	padding: 2rem 1.5rem;
	border-radius: 1rem;
	border: solid 0.1rem var(--bordergrijs);
	height: 9rem;
	display: flex;
	align-items: center;
}

.logoslider__logo img{
	width: 100%;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.logoslider .row{
	row-gap: var(--bs-gutter-x);
}

.logoslider .tns-horizontal.tns-subpixel > .tns-item,
.logoslider .tns-item{
	display: flex;
}

@supports not (row-gap: 1rem) {
   /* 
	Isolated code for not supporting flexbox row-gap so have to work with margins. Thanks Safari :/ 
	*/
	.logoslider .row > div{
		margin-bottom: var(--bs-gutter-x);
	}
}

.logoslider.geen_extra_marge_onderkant + .logoslider{
	padding-top: var(--bs-gutter-x) !important;
}