body{  font-family: "Poppins", sans-serif; }
img{max-width: 100%; height: auto;}
h1{font-weight: bold; font-size:46px; line-height:62px;}
h2{font-weight: bold; font-size: 35px; line-height: 56px; color:#F7D541;}
h3{font-weight: bold; font-size: 30px; line-height: 45px; color:#F7D541;}
.row {--bs-gutter-x: 2.5rem;}
.dark h2{color:#ffffff;}
.dark h3{color:#ffffff;}
.btn{background: #F7D541; box-shadow: 0px 0px 26px #00000029; border-radius: 53px; font-size:31px; color:#191833; padding:0 60px; font-weight: 500;}
.btn.btn-secondary{background:white;}
.btn.btn-secondary:hover{color:black;}
.hero{margin-top: 6rem !important;}
.hero p{font-weight: 500; font-size: 22px; line-height: 34px; margin-bottom: 50px;}
.navbar {height: 175px;}
.navbar-brand-centered {position: absolute; left: 50%; transform: translateX(-50%);}
.navbar-brand img{width: 352px; height:auto;}
.navbar .btn{padding:0 30px; transform:scale(.8);}
.imagecontentbox p{font-weight: 500; font-size: 22px; line-height: 34px;}
.imagecontentbox.dark_view p{--bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;}
.hoverbox{position:absolute; left:0; top:0; height:100%; width:100%; justify-content: center; align-content: center; text-align: center; background:#191833CE }
.pricing-box .hoverbox{display:none;}
.pricingcol{position: relative;}
.pricingcol:hover .hoverbox{display: block;}
.pakket-box {border-radius: 20px; overflow: hidden; transition: all 0.3s ease; background-color: #191833; color: white; display: flex; flex-direction: column; justify-content: space-between; border: 11px solid #ffffff;}
.pakket-box.hover {background-color: #2a2547; position: relative;}
.pakket-box.hover h3, .pakket-box.hover p, .pakket-box.hover .prijs {color: white;}
.pakket-box img {max-width: 100%;border-top: 2px solid #fff;}
.prijs {font-size: 2rem; font-weight: bold;}


.nav .nav-item{float:left; margin-right:15px;}
.nav .nav-item .nav-link{text-decoration:none; color: #191833; font-weight:600; font-size: 21px; line-height: 28px; }
.navbar .nav-item .btn{transform: scale(1) !important; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);}
.navbar .nav-item .btn-secundair{background: #191833; color: #F7D541;}
.modal-dialog{margin-top:60px;}
#inmailModal .modal-dialog{width:800px; max-width:100% !important; }


form.submitting button {pointer-events: none; opacity: 0.5; cursor: not-allowed;}
form.submitting .modal-body{opacity:0.5;}
.cta-btn {background-color: #ffd843; border: none;color: #191833; font-weight: bold; padding: 10px 25px; border-radius: 999px;transition: background-color 0.3s;}
.cta-btn:hover {background-color: #ffc107;}
.toggle-switch {background-color: white; border-radius: 999px;display: inline-flex;}
.toggle-switch span {padding: 5px 15px; border-radius: 999px; font-weight: 600; cursor: pointer; color: #191833;    }
.toggle-switch .active {background-color: #ffd843;}
.tab-buttons {display: flex; justify-content: center; gap: 4rem; margin-bottom: 1rem;}
.tab-buttons button {background: none; border: none; font-weight: 600; color: #191833; opacity: 0.6; transition: opacity 0.3s; font-size: 24px; line-height: 46px;}
.tab-buttons button.active {opacity: 1;font-weight: bold;}
.carousel-item img {max-height: 400px; object-fit: contain;}
.testimonial-slider-wrapper {overflow-x: hidden; overflow-y: visible; padding: 0 160px; width: 990px; margin: 0 auto;}
.testimonial-track {transition: transform 0.6s ease; width: max-content; transform: translateX(-165px);}
.testimonial-card {flex: 0 0 300px; margin: 0 15px;background: white; border-radius: 24px; padding: 1.5rem; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.testimonial-card img {width: 60px;height: 60px; border-radius: 50%; object-fit: cover; margin-bottom: 1rem;}
.testimonial-card .testimonial-company{font-weight: normal; font-size:13px;}
.testimonial-card p{font-weight: 500; font-size: 16px; line-height: 25px;}
.testimonial-card { background: white; border-radius: 24px; box-shadow: 0 0 10px rgba(0,0,0,0.05); padding: 2rem;text-align: center; height: 100%;}
.testimonial-card img {width: 60px; height: 60px; border-radius: 50%; object-fit: cover; margin-bottom: 1rem;}

.slide-in {opacity: 0; transform: translateX(100px); transition: all 1.2s ease-out;}
.slide-in.visible {opacity: 1; transform: translateX(0);}

.wpcf7-form.aanmelden p{font-size:17px; margin-bottom:10px; line-height:25px;}
.wpcf7-form.aanmelden .wpcf7-submit	{background: #F7D541; box-shadow: 0px 0px 26px #00000029; border-radius: 53px; font-size: 17px; color: #191833; padding: 5px 60px; font-weight: 500; border:none;}
.wpcf7-form.aanmelden label{display:block; font-size:15px;}
.wpcf7-form.aanmelden input{width:100%; max-width:100%; border-radius:5px; padding:5px 10px; border-width:1px;}
.wpcf7-form.aanmelden select{width:100%; max-width:100%; border-radius:5px; padding:5px 10px;}
.wpcf7-form.aanmelden textarea{width:100%; max-width:100%; border-radius:5px; padding:10px;}

@keyframes bounce-up {
  0% { transform: translateY(0); }
  30% { transform: translateY(-10px); }
  60% { transform: translateY(0); }
  100% { transform: translateY(0); }
}


.bounce-once {animation: bounce-up 0.6s ease-out;}
.stickyCTA.animate {animation: bounce-up 0.8s ease;}
.stickyCTA{display:flex; align-items:center; position:fixed; right:30px; bottom:30px; background-color: #ffffff; color:#000000; overflow:hidden; box-shadow: 0px 0px 26px #00000029;border-radius: 53px; font-size: 22px; color: #191833; font-weight: bold; text-decoration: none; padding: 0 15px 0 15px; opacity: 0;transform: translateY(20px);transition: opacity 0.5s ease, transform 0.5s ease; z-index: 9999;} 
.stickyCTA.visible {opacity: 1; transform: translateY(0);}
.stickyCTA::before{position:relative; top:0px; left:-5px; width:40px; height:40px; background-image:url(inc/img/horse.jpg); background-size:contain; background-repeat:no-repeat; content:' '; display:inline-block}
.faq-accordion .accordion-item {border: none; border-radius: 25px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); margin-bottom: 15px; overflow: hidden;}
.faq-accordion .accordion-button {background-color: white; font-weight: 500;padding: 1rem 1.5rem; color: #191833;box-shadow: none;font-size: 22px;line-height: 34px;}
.faq-accordion .accordion-button:not(.collapsed) {background-color: #F7D541;}
.faq-accordion .accordion-body {padding: 1rem 1.5rem; background-color: white; border-top: 1px solid #eee; border-radius: 0 0 1rem 1rem; font-weight: 500;font-size: 22px; line-height: 34px;}
h2.section-title {font-weight: 700; color: #191833;}
footer ul li{list-style: none;}
footer ul li a, .footer-heading{color:#191833; font-weight: 500; font-size: 22px; line-height: 34px; text-decoration: none;}

.page-template-coobie-page .navbar{background:#191833;}
.page-template-coobie-page .navbar img{filter: brightness(0) invert(1);}
.page-template-coobie-page .nav .nav-item .nav-link{color:#ffffff;}
.page-template-coobie-page .container-fluid{padding:0;}
.page-template-coobie-page .container-fluid:before{content: ' '; width:100%; height:200px; background:#191833; display:block; padding:0;}



.container.app{margin-top:-100px; margin-bottom:75px;}
.app .btn{font-size:16px; margin-top:35px; padding: 5px 15px; border-radius: 999px; font-weight: 600; cursor: pointer; color: #191833;}
.app .btn:hover{background:#ffffff}
.modal .btn{font-size:20px;}
.prev_searches{padding:16px 0 20px;}
.prev_searches li:first-child{ border-top:1px solid white;}
.prev_searches li{list-style: none; border-bottom:1px solid white; padding:10px 5px}
.prev_searches li a{color:white; text-decoration: none;}
.prev_searches li a i{margin-left:15px;}
.messages{margin-top:80px;}
.messages .message{color: #191833; margin-bottom: 40px; padding: 20px; border-radius: 20px; background: #efefef;}
.messages .message h4, .messages .message h3{font-weight: 600; color: #191833; font-size: 20px; line-height: 30px; cursor:copy;}
.messages .message h4 .copy, .messages .message h3 .copy{cursor:pointer; border: 1px solid #191833; border-radius: 5px; padding: 5px; font-size: 16px;}
.messages .message .contents .copy{cursor:copy; font-style: normal; border: 1px solid #ffffff; border-radius: 5px; padding: 5px; font-size: 16px;}
.messages .message .contents{cursor:copy;}

.message.wervingstekst h4 {
    font-size: 13px;
    color: #F7D541;
}
/*

.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-MyAccount-navigation li {
  margin: 0;
}

.woocommerce-MyAccount-navigation a {
  display: block;
  padding: 10px 16px;
  background-color: #f5f5f5;
  color: #333;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.woocommerce-MyAccount-navigation a:hover {
  background-color: #eaeaea;
  border-color: #ccc;
}

.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a[aria-current="page"] {
  background-color: #007cba;
  color: #fff;
  border-color: #007cba;
}

*/

@media (max-width: 768px) {
	.testimonial-card {flex: 0 0 80%;}
    .testimonial-slider-wrapper {padding: 0 20px;}
}