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

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

.logoslider__logo img{
	width: 100%;
	height: auto;
}

.logoslider .tns-nav{
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	gap: 0.8rem;
}

.logoslider .tns-nav button{
	background: #D9D9D9;
	width: 1rem;
	height: 1rem;
	padding: 0;
	display: inline-block;
	border: none;
	border-radius: 50%;
}

.logoslider .tns-nav button.tns-nav-active{
	background: var(--rood);
}

@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);
	}
}