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

.logoslider .tns-horizontal.tns-subpixel > .tns-item,
.logoslider .tns-item{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.logoslider__carousel_container:not(.tns-slider){
    display: grid;
    gap: 3rem;
    row-gap: 7rem;
    grid-template-columns: repeat(auto-fill, minmax(193px, 1fr));
}

.logoslider__carousel_container:not(.tns-slider) > div{
    display: flex;
    justify-content: center;
    align-items: center;
}

.logoslider__logos .tns-outer .tns-ovh{
    width: calc(100% - 6rem);
    margin-left: 3rem;
}

.logoslider__logos .tns-outer{
    position: relative;
}

.logoslider__logos .tns-controls{
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.tns-controls button{
    padding: 0;
    margin: 0;
    border: none;
    color: var(--blauw);
    background: none;
    font-size: 3.8rem;
    transition: 0.3s color;
}

.tns-controls button:hover{
    color: var(--groen);
}

.geen_extra_marge_onderkant + .logoslider{
    margin-top: calc(2 * var(--default-margin-bottom));
}

.logoslider.geen_extra_marge_onderkant + .jumbotron{
    margin-top: calc(2 * var(--default-margin-bottom));
}

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