.waarom .row {
    --bs-gutter-x: 6rem;
}

.waarom_links{
	display: flex;
	row-gap: 1.5rem;
	flex-direction: column;
}

.waarom_links a{
	padding: 1.5rem 6rem 1.5rem 6rem;
	background-color: #f8f6f1;
	color: #142137;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.2rem;
	position: relative;
	opacity: 0.65;
	transition: 0.3s opacity;
}

.waarom_links a:hover,
.waarom_links a.active{
	opacity: 1;
}

.waarom_links a:before{
	content: "\f058";
	color: #007a38;
	font-family: "Font Awesome 6 Pro";
	font-size: 2rem;
	line-height: 3.2rem;
	position: absolute;
	left: 2rem;
	font-size: 2.4rem;
}

.waarom_links a:after{
	content: "\f178";
	color: #24bbe7;
	font-family: "Font Awesome 6 Pro";
	font-size: 2rem;
	line-height: 3.2rem;
	position: absolute;
	right: 2rem;
}

.waarom_content{
	display: none;
}

.waarom_content.active{
	display: block;
}

.waarom_content_mob{
    display: none;
}

@media (max-width:767px)
{		
	.waarom .row {
		--bs-gutter-x: 3rem;
	}
    
    .waarom_links a:after{
        top: 1.5rem;
        content: "\f078";
    }
    
    .waarom_links a{
        font-size: 2rem;
        line-height: 2.8rem;
    }
}

@media (min-width:768px) and (max-width:991px)
{
	.waarom .row {
		--bs-gutter-x: 3rem;
	}
}

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

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

@media (min-width:768px)
{
    .waarom_content_mob{
        display: none !important;
    }
}