.reference_row + .reference_row {
	margin-top: 3rem;
}

.referentielijst{
	overflow: hidden;
}

.reference_img picture{
	display: flex;
	height: 100%;
	width: 100%;
}

.reference_img img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.reference_item span{
	color: #0b0429;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2.2rem;
	text-transform: uppercase;
	display: block;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

.referentielijst .tns-nav{
	background-color: #efefef;
    height: 0.5rem;
	display: flex;
    flex: 1;
}

.referentielijst button{
	background: none;
	border: none;
	flex: 1;
    transition: 0.3s all;
}

.referentielijst .tns-nav-active{
	background-color: #f29147;
}

.referentielijst .tns-ovh{
	overflow: visible !important;
}

.tns-wrap-nav{
	display: flex;
    align-items: center;
}

.tns-controls{
	margin-left: 3.5rem;
}

.tns-controls button{
	float: left;
	width: 4.4rem;
	height: 4.8rem;
	background-color: #f29147;
	color: #ffffff;
	font-size: 1.6rem;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 48px), calc(100% - 43px) 100%, 0% 100%);
    padding: 0 15px 18px 0;
}

.tns-controls button + button{
	margin-left: -2rem;
	clip-path: polygon(0 48px, 100% 0px, 100% 0, 100% 100%, 0 100%);
    padding: 18px 0 0 15px;
}

.reference_popup p{
    margin-bottom: 2rem;
}

.reference_popup{
    padding: 3.5rem;
    text-decoration: none !important;
    border-radius: 0.8rem;
    border: 0.1rem solid #d6d6d6;
    background-color: #fff;
    transition: 0.3s box-shadow;
}

.reference_popup:hover{
    box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.1);
}

.jumbotron .reference_popup p{
    color: #3b3b3b;
    font-family: proxima-nova, sans-serif;
    font-size: var(--step--1);
    font-weight: 400;
    line-height: 2.2rem;    
}

[data-id="reference_items"]{
    margin-top: 6rem;
}

.modal_fotos{
    flex-wrap: wrap;
    display: flex;
    row-gap: 2rem;
    --bs-gutter-x: 2rem;
}

.referentielijst .shortlist_slider{
	margin-bottom: 3rem !important;
	display: flex;
}

.referentielijst .shortlist_slider .reference_popup {
    padding: 1.5rem;
	height: 100%;
}

.shortlist_slider .reference_popup{
	position: relative;
	overflow: hidden;
}

 .shortlist_slider .reference_popup:after {
    content: "\2b";
    position: absolute;
    right: 0;
    bottom: 0;
    margin-left: -2rem;
    font-weight: 300;
    clip-path: polygon(0 33px, 100% 0px, 100% 0, 100% 100%, 0 100%);
    padding: 6px 0 0 13px;
    float: left;
    width: 2.9rem;
    height: 3.2rem;
    background-color: #f29147;
    font-family: "Font Awesome 6 Pro";
    color: #ffffff;
    font-size: 1.3rem;
}

.reference_row{
	row-gap: 3rem;
}

@media (max-width:767px)
{		
	.reference_slider_specifiek .col-xl-3{
		padding-left: 0 !important;
	}
	
	.row.reference_slider_specifiek{
		margin-left: 0;
		margin-right: 0;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.reference_slider_specifiek .col-xl-3{
		padding-left: 0 !important;
	}
	
	.row.reference_slider_specifiek{
		margin-left: 0;
		margin-right: 0;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	
}

@media (min-width:1200px) and (max-width:1399px)
{
    
}

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