/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 13 2025 | 19:36:26 */
.page-banner {
	background: var(--lichtBlauw);
}

.page-banner .shape-1 {
	filter: invert(29%) sepia(64%) saturate(1029%) hue-rotate(182deg) brightness(93%) contrast(90%);
}

.page-banner .bread-crumb li a:hover, .page-banner .bread-crumb li.active {
	color: var(--wit);
}

.page-banner .inner-container {
	padding: 150px 0px 60px;
}

/* Featured half random */
.webr-featured-half-swap-random .sec-title-six__text {
	color: var(--blauw);
}
.webr-featured-half-swap-random .about-seven__list li>i {
	color: var(--blauw);
}
.webr-featured-half-swap-random .thm-btn__six {
	background-color: var(--groen);
}
.webr-featured-half-swap-random .about-seven__images::before {
	background-color: var(--yellow);
}
.webr-featured-half-swap-random .thm-btn__six:hover {
	background: #222429;
}

/* Featured half yellow */
.webr-featured-half-swap-geel .sec-title-six__text,
.webr-featured-half-swap-geel .about-seven__list li>i {
	color: var(--blauw);
}
.webr-featured-half-swap-geel .thm-btn__six {
	background-color: var(--groen);
}
.webr-featured-half-swap-geel .about-seven__images::before {
	background-color: var(--yellow);
}
.webr-featured-half-swap-geel .thm-btn__six:hover {
	background: #222429;
}


/* Featured half green */
.webr-featured-half-swap-groen .sec-title-six__text,
.webr-featured-half-swap-groen .about-seven__list li>i {
	color: var(--groen);
}
.webr-featured-half-swap-groen .thm-btn__six {
	background-color: var(--groen);	
}
.webr-featured-half-swap-groen .about-seven__images::before {
	background-color: var(--groen);
}
.webr-featured-half-swap-groen .thm-btn__six:hover {
	background: #222429;
}

/* Featured half blue */
.webr-featured-half-swap-blauw .sec-title-six__text,
.webr-featured-half-swap-blauw .about-seven__list li>i {
	color: var(--blauw);
}
.webr-featured-half-swap-blauw .thm-btn__six {
	color: var(--blauw);
}
.webr-featured-half-swap-blauw .about-seven__images::before {
	background-color: var(--blauw);
}
.webr-featured-half-swap-blauw .thm-btn__six:hover {
	background: #222429;
}

/* Featured half red */
.webr-featured-half-swap-rood .sec-title-six__text,
.webr-featured-half-swap-rood .about-seven__list li>i {
	color: var(--rood);
}
.webr-featured-half-swap-rood .thm-btn__six {
	color: var(--wit);
		background-color: var(--rood);
}
.webr-featured-half-swap-rood .about-seven__images::before {
	background-color: var(--rood);
}
.webr-featured-half-swap-rood .thm-btn__six:hover {
	background: #222429;
}

/* Swap featured and is purple */
.webr-featured-half-swap .row {
	flex-direction: row-reverse;
}

.webr-featured-half-swap .row .about-seven__content {
	padding-right: 50px;
}

.webr-featured-half-swap .sec-title-six__text,
.webr-featured-half-swap .about-seven__list li>i {
	color: var(--purple);
}

.webr-featured-half-swap .thm-btn__six {
	background-color: var(--purple);
}
.webr-featured-half-swap .about-seven__images::before {
	background-color: var(--purple);
}

.webr-featured-half-swap .thm-btn__six:hover {
	background: #222429;
}

.slider-seven__btn {
	background-color: var(--lichtBlauw);
	background-image: none !important;
}

.slider-seven__round__shape-1 svg {
	fill: var(--blauw) !important;
}

.slider-seven__round__shape-2 svg {
	fill: var(--lichtBlauw) !important;
}

@media (min-width: 1200px) {
    .slider-seven .swiper-slide {
        padding-bottom: 80px;
    }
}

.e-con {
	--container-max-width: 1190px;
}