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

.logoslider .container{
	max-width: 1450px;
}

.logoslider__logos .tns-outer {
    display: grid;
    align-items: center;
}

.logoslider__logos{
	padding: 0 6.5rem;
}

.logoslider .tns-horizontal.tns-subpixel > .tns-item,
.logoslider .tns-item{
	display: flex;
	padding-left: 0 !important;
}

.logoslider__logos .tns-ovh{
    grid-row: 1;
    grid-column: 1;
}

.logoslider__logos #tns1-iw {
    margin: 0px -45px 0px 15px;
}

.logoslider__logo{
	border-radius: 1.5rem;
	border: 0.1rem solid rgb(84 95 163 / 50%);
	background: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 1.5rem;
	width: 100%;
	height: 100%;
}

.logoslider__logo picture {
    display: flex;
    width: 100%;
    height: 100%;
    max-height: 4.5rem;
}

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

.logoslider .tns-controls{
    margin: 0 -6.5rem;
	display: flex;
	justify-content: space-between;
	pointer-events: none;
    grid-row: 1;
    grid-column: 1;
    position: relative;
    z-index: 15;
}

.logoslider .tns-controls button[disabled]{
	opacity: 0.5;
	pointer-events: none;
}

.stijl_achtergrondkleur_ffffff.logoslider .tns-controls button{
	border: solid 0.1rem var(--lichtblauw);
}

.logoslider .tns-controls button{
	pointer-events: all;
	width: 5rem;
	height: 5rem;
	background: #fff;
	border-radius: 50%;
	display: inline-flex;
	color: var(--lichtblauw);
	border: none;
	outline: none;
	justify-content: center;
	align-items: center;
}

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

@media (max-width:767px)
{		
	.logoslider .container{
		max-width: var(--container-width);
	}
	
	.logoslider__logos{
		padding: 0;
	}
	
	.logoslider{
		overflow: hidden;
	}
	
	.logoslider .tns-ovh{
		overflow: visible;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.logoslider .container{
		max-width: var(--container-width);
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.logoslider .container{
		max-width: var(--container-width);
	}
}

@media (min-width:1200px) and (max-width:1399px)
{
    .logoslider .container{
		max-width: var(--container-width);
	}
}

@media (min-width:1400px)
{
    
}