/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 09 2026 | 12:05:59 */
/* HTML: <div class="inverted-radius"></div> */
.inverted-radius {
  --r: 20px; /* the radius */
  --s: 30px; /* size of inner curve */
  --x: 20px; /* horizontal offset (no percentage) */
  --y: 10px; /* vertical offset (no percentage) */
  
  width: 250px;
  aspect-ratio: 1;
  background: #3FB8AF;
  border-radius: var(--r);
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(100% - var(--_d) - var(--x)) 0 var(--_m),
    100% calc(var(--_d) + var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y));
  mask-repeat: no-repeat;
}
.portfolioGrid .w-btn {
	position: absolute;
	right: 0;
	padding: 15px;
	rotate: -45deg;
}
.portfolioGrid:hover .w-btn{
   background-color: #0E1D3C;	
}
.portfolioGrid:hover .w-post-elm a {
   color: #FF8A00;	
}

.priceTable .w-pricing.style_simple .w-pricing-item-header {
	background: transparent;
}
.priceTable .w-pricing-item.type_featured .w-pricing-item-h {
	background-color: #0e1d3c !important;
}
.priceTable .w-pricing-item-features li {
	list-style: none;
	background: url(https://websitelatenmakenkosten.nl/wp-content/uploads/2026/02/check-mark.svg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 29px;
	text-align: left;
	background-position-y: 5px;
	background-size: 20px;
}
.priceTable .w-pricing-item.type_featured .w-pricing-item-features li {
	color: #fff !important;
}
.priceTable .w-tabs-list-h .w-tabs-item.active{
	padding: 10px 20px !important;
	background-color: #ff8a00 !important;
	border-radius: 50px;
	color:#fff !important;
}
.priceTable .w-pricing-item.type_default .w-pricing-item-h {
	background: #fff !important;
}
.priceTable .w-pricing-item.type_default .w-pricing-item-footer {
	padding-bottom: 20px !important;
}
.priceTable .w-pricing-item.type_default .w-btn {
	background: linear-gradient(90deg, #FBE8BF 0%, #F8DDE3 100%);
	border-radius: 50px;
	color: #0E1D3C !important;
}
.priceTable .w-pricing-item-price {
	font-size: 2.5em;
	font-weight: 600;
}
.priceTable .w-tabs-list-h {
	display: inline-flex;
	background-color: #fff;
	border-radius: 99px;
	padding: 10px 20px;
}












.logos .owl-item .w-grid-item-h img {
	filter: grayscale(100%);
	transition: filter 0.3s ease;
	width: 150px;
	height: 150px;
	object-fit: contain;
	opacity: 0.7;
}

.logos .owl-item .w-grid-item-h {
	background: rgba(217, 217, 217, 0.1);
	border-radius: 20px;
}
.logos .w-grid-item img {
	max-width: 160px !important;
	max-height: 100px !important;
	text-align: center;
	padding: 15px;
	margin: 0 auto;
}
.tabDesign .w-tabs-sections {
	background: linear-gradient(127.19deg, rgba(14, 29, 60, 0) -17.47%, #0E1D3C 22.74%, #203257 86.9%);
	filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.01));
	border-radius: 50px;
	padding: 50px !important;
	color: #fff;
	margin-left: 60px;
}
.tabDesign .w-tabs-section-content-h .w-iconbox-text {
	text-align: left;
}
.tabDesign .w-tabs-section-content-h .w-iconbox-text p {
	text-align: left;
	font-size: 20px;
	line-height: 1.6;
}
.tabDesign .w-tabs-item.active {
	background: linear-gradient(95.27deg, rgba(14, 29, 60, 0.5) 19.03%, rgba(255, 138, 0, 0.5) 121.83%) !important;
	opacity: 0.99;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.01);
}
.tabDesign .w-tabs-item {
	font-size: 20px;
}
.tabDesign .w-tabs-item {
	opacity: 0.99;
	border: 1px solid #273C69 !important;
	filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.01));
	border-radius: 20px;
	color: #fff !important;
	padding: 20px;
	margin-bottom: 15px;
}
.tabDesign .w-tabs-list {
	background-color: transparent !important;
}

.wpb_column.vc_column_container.faq {
	background: linear-gradient(180deg, #F7F8FA 4.37%, rgba(255, 255, 255, 0.94994) 80.02%, rgba(255, 255, 255, 0.8) 169.22%);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.01);
	border-radius: 50px;
	padding: 20px 50px;
}
.faq .w-tabs.accordion > div > .w-tabs-section {
	border-width: 0px 0 1px 0 !important;
}
.faq .w-tabs-section .w-tabs-section-header {
	padding: 30px 30px !important;
	font-size: 20px !important;
}

.ratingBtn p {
	border: 1px solid #25314D;
	border-radius: 50px;
	display: inline;
	padding: 15px 30px;
}
.ratingBtn p .rating-img {
	margin-bottom: -5px;
	margin-right: 10px;
}
#page-footer p {
	margin-bottom: 5px;
}

h1, h2, h3, h4, h5, h6 {
	padding-top: 0px !important;
}

.l-body-outline > .top {
    background: linear-gradient(96.81deg, rgba(15, 30, 61, 0.8) 0%, rgba(9, 19, 38, 0.6) 40%, rgba(255, 138, 0, 0.3) 70%);
	background-color: #0C1831;
}

.topHeroSection {
	background: linear-gradient(96.81deg, rgba(15, 30, 61, 0.8) 0%, rgba(9, 19, 38, 0.6) 40%, rgba(255, 138, 0, 0.3) 70%);
	background-color: #0C1831;
}
.serviceRow .wpb_column {
	background: linear-gradient(270.79deg, #F7F8FA 4.37%, rgba(255, 255, 255, 0.94994) 80.02%, rgba(255, 255, 255, 0.8) 169.22%);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.01);
	border-radius: 50px;
	padding: 50px;
}
.serviceRow .wpb_column .w-btn {
	position: absolute;
	top: 30px;
	right: 30px;
	padding: 15px;
}
.threeIconBox .wpb_column {
	background: linear-gradient(270deg, #F7F8FA 4.37%, rgba(255, 255, 255, 0.94994) 80.02%, rgba(255, 255, 255, 0.8) 169.22%);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.01);
	border-radius: 50px;
	padding: 40px;
}
.threeIconBox .wpb_column .w-iconbox-icon {
	font-size: 5rem !important;
	width: 100px;
	height: 100px;
}
.miltiSlideDesign {
	padding: 150px 50px 80px 50px !important;
	border-radius: 30px;
}
.miltiSlideDesign .w-iconbox-icon {
	font-size: 5rem !important;
}
.miltiSlideDesign .w-btn {
	padding: 15px;
	margin-top: 15px;
	position: absolute;
	right: 50px;
}


@media (min-width: 601px) and (max-width: 768px){
.serviceRow .wpb_column {
	padding: 30px !important;
	margin-bottom: 30px !important;
	border-radius: 30px !important;
}
.threeIconBox .wpb_column .w-iconbox-icon {
	font-size: 3rem !important;
	width: auto !important;
	height: auto !important;
}
.threeIconBox .wpb_column {
	border-radius: 20px !important;
	padding: 20px !important;
	margin-bottom: 20px !important;
}
.g-cols.wpb_row.twoColumn {
	grid-template-columns: repeat(2,1fr) !important;
	display: grid;
}
.g-cols.wpb_row.threeColumn, .l-section.wpb_row.threeColumn {
	grid-template-columns: repeat(3,1fr) !important;
	display: grid;
}
.threeColumn .g-cols.vc_row.via_grid{
	grid-template-columns: repeat(3,1fr) !important;
	display: grid;
}
.hideMob, .hideTab{
	display:none;
}
.g-cols.via_grid {
	display: block;
}
.wpb_column.vc_column_container.faq {
	border-radius: 30px;
	padding: 20px 20px;
}
}

@media (max-width: 600px){
.wpb_column.vc_column_container.faq {
	border-radius: 30px;
	padding: 20px 20px;
}
.hideMob, .hideTab{
	display:none;
}
.serviceRow .wpb_column {
	padding: 30px !important;
	margin-bottom: 30px !important;
	border-radius: 30px !important;
}
.threeIconBox .wpb_column .w-iconbox-icon {
	font-size: 3rem !important;
	width: auto !important;
	height: auto !important;
}
.threeIconBox .wpb_column {
	border-radius: 20px !important;
	padding: 20px !important;
	margin-bottom: 20px !important;
}
}