.usps .row{
	row-gap: 0rem; 
}

.usps.content_gekaderd .container{
	max-width: 1410px;
}

.usps.content_gekaderd .content_gekaderd_inner {
	border-radius: var(--afbeelding_radius);
}

.usps.content_gekaderd .content_gekaderd_inner {
	padding:  4.7rem 0 2rem 0;
}


.home .usps.content_gekaderd .content_gekaderd_inner {
	padding:  4.7rem 4.7rem 4.7rem 4.7rem;
}

.usp_items > .usp_item {
	flex-direction: column;
}
 
.aantal_kolommen_3 > .tns-item {
	flex-direction: row !important;
}


.usps .tns-slider .col-sm-12{
	padding-left: 0 !important;
}

.usps .tns-slider.row{
	margin: 0 !important;
}

.usps .tns-controls,
.usps .tns-controls button{
	outline: none;
}

.usps .tns-controls button{
	margin: 0 0.5rem;
	background: none;
	width: 50px;
	height: 50px;
	border: 2px solid rgba(36, 185, 187, 0.15);
	border-radius: 50%;
	padding: 0;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.usps_counter{
    display: inline-block;
    position: relative;
    top: -1.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
}

.usps .tns-controls button[disabled]{
	opacity: 0.3;
	cursor: default;
}

.usps .tns-controls button:not([disabled]):hover{
	border: 2px solid #ccc;
	background-color: #ccc;
	color: #fff;
}

.usps .tns-controls{
	text-align: center;
}

.usps a:after,
.usps a:before{
	pointer-events: none;
}

h2.ups_title { 
    color: var(--kleur_oranje) !important; 
	font-size: 4.2rem;
	line-height: 5.6rem;
	font-weight: 400;
}

h2.ups_title_klein { 
    color: var(--kleur_zwart)  !important;  
	font-size: 2.8rem;
	line-height: 3.6rem;
	font-weight: 700;
	font-family: 'pt-sans', sans-serif;
}

.usp_items h3 {
	font-family: 'pt-sans', sans-serif;
    color: var(--kleur_zwart);
	text-align: left;
	line-height: 3.6rem;
	font: 2.8rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

.usp_items.justify-content-center {
	text-align: center;
}

 
.ups_afbeelding img {
	max-height: 4.0rem; 
}

.usp_item_tekst {
/*	text-align: left;*/
	margin-top: 3rem;
}

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

.usps.geen_extra_marge_onderkant + .usps{
	padding-top: var(--bs-gutter-x) !important;
}
  
/* tns slider tonen op mobiel */
.usps .tns-horizontal.tns-subpixel > .tns-item,
.usps .tns-item{
	display: flex;
}

.usps .tns-slider .col-sm-12{
	padding-left: 0 !important;
}

.usps .tns-slider.row{
	margin: 0 !important;
}

.usps .tns-controls,
.usps .tns-controls button{
	outline: none;
}

.usps .tns-controls button{
	margin: 0 0.5rem;
	background: none;
	width: 50px;
	height: 50px;
	border: 2px solid rgba(36, 185, 187, 0.15);
	border-radius: 50%;
	padding: 0;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.usps_counter {
    display: inline-block;
    position: relative;
    top: -1.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
}

.usps .tns-controls button[disabled]{
	opacity: 0.3;
	cursor: default;
}

.usps .tns-controls button:not([disabled]):hover{
	border: 2px solid #ccc;
	background-color: #ccc;
	color: #fff;
}

.usps .tns-controls{
	text-align: center;
} 

.usps .tns-controls {
    display: flex;
    justify-content: space-between;
}

.usps .tns-nav button {
	border-radius: 50%;
    padding: 0.7rem;
    border: 1px solid var(--kleur_oranje);
    background-color: #fff;
    margin: 0.3rem;
}

.usps .tns-nav {
    position: relative;
    bottom: 0;
	text-align: center;
} 

.usps .tns-outer * {
    outline: none !important; 
}

.usps .aantal_kolommen_3 {
	text-align: center;
}

.usps .aantal_kolommen_3 .ups_afbeelding {
	margin-bottom: 2rem;
}

.usps .aantal_kolommen_3 {
	margin-bottom: 4rem;
}
 
.usps .tns-nav button.tns-nav-active {
	background-color: var(--kleur_oranje);
} 


@media (max-width:992px)
{	
	
	.content_gekaderd_inner .ups_afbeelding {
		text-align: center;
	}
	
	.usps {
		margin: auto;
	}
	
	.usp_item_tekst {
		text-align: center; 
	}
	
	.aantal_kolommen_3 .usp_item_tekst { 
		margin-top: -3rem;
    	margin-bottom: 4rem;
	}
	
	.usps .aantal_kolommen_3 {
		margin-bottom: 3rem;
	}
	
	.usps .btn_oranje {
		position: relative;
		display: inline-block;
		padding-right: 5rem;
		position: relative; 
	}
	
	.overzicht_knop_container {
		
	}
	
	.usps .link_met_pijl_na:after {
		position: absolute;
		right: 1.5rem;
		top: 1.5rem;
	} 
	
	h2.ups_title { 
		font-size: 2.6rem;
		line-height: 3.4rem;
		margin-bottom: 3rem;
		text-align: center;
	} 
	
	.ups_title_klein {
		padding: 0rem 1rem;
	}
	
	.ups_afbeelding img {
		max-height: 4.1rem;
		margin-bottom: 2rem;
	}
	
	.usp_items h3 {
		text-align: center;
		font-size: 2.4rem;
		line-height: 2.8rem;
	}
	
	.usps .tns-nav {
		margin-bottom: 2rem;
	}
}

@media (max-width:768px)
{	
	
	.home .usps.content_gekaderd .content_gekaderd_inner {
		padding:2rem;
	}
	
	.home .usps.content_gekaderd .content_gekaderd_inner .usp_item_tekst {
		padding:1rem;
	}
	
}


@media (max-width:500px)
{	

	.ups_afbeelding img { 
		margin-bottom: 0rem;
	}
	
	.usps .btn_oranje { 
		width: 100%;
	}
	
}