:root {
  /* Primary Gradient */
  --primary-gradient: linear-gradient(135deg, #1DA1F2 0%, #7B2FF7 100%);

  /* Primary Colors */
  --primary-blue: #1DA1F2;
  --primary-purple: #7B2FF7;

  /* Dark Variants */
  --primary-blue-dark: #167FCC;
  --primary-purple-dark: #5E22C9;

  /* Background Colors */
  --bg-dark: #0F172A;
  --bg-light: #F8FAFC;

  /* Text Colors */
  --text-dark: #0F172A;
  --text-light: #FFFFFF;
  --text-muted: #64748B;

  /* Accent / Highlight */
  --accent: #22D3EE;

  /* Border / Subtle UI */
  --border-light: #E2E8F0;
  --border-dark: #1E293B;

  /* Hoofdkleuren logo - mapped to new theme */
  --primary-teal: var(--primary-blue);
  --primary-orange: var(--primary-purple);
  --primary-green: var(--accent);

  /* Donkere accenten */
  --dark-teal: var(--primary-blue-dark);
  --dark-blue: var(--bg-dark);

  /* Grijs tonen */
  --gray-100: var(--bg-light);
  --gray-200: #E2E8F0;
  --gray-300: #CBD5E1;
  --gray-400: #94A3B8;
  --gray-500: var(--text-muted);

  /* Tekst */
  --text-main: var(--text-dark);
  --text-light: var(--text-muted);
  --text-invert: var(--text-light);

  /* Achtergronden */
  --bg-main: var(--bg-light);
  --bg-soft: #F1F5F9;
  --bg-accent: var(--primary-blue);

  /* Buttons */
  --btn-primary: var(--primary-blue);
  --btn-primary-hover: var(--primary-blue-dark);
  --btn-secondary: var(--primary-purple);
  --btn-secondary-hover: var(--primary-purple-dark);

  /* Borders */
  --border-focus: var(--primary-blue);

  /* Gradients */
  --gradient-main: var(--primary-gradient);
  --gradient-accent: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent) 100%);

  /* Fonts & Core */
  --font-default: 'Poppins', sans-serif;
  --font-primary: 'Poppins', sans-serif;
  --font-secondary: 'Poppins', sans-serif;
  scroll-behavior: smooth;

  /* Mappings naar bestaande variabelen voor retrocompatibiliteit */
  --color-primary: var(--primary-blue);
  --color-secondary: var(--primary-purple);
  --color-dark: var(--bg-dark);
  --color-accent: var(--accent);
  --color-light: var(--bg-light);

  --color-bg: #ffffff;
  --theme-color: #ffffff;
  --text-color: var(--text-main);
  --color-default: var(--text-main);
  --light-color: var(--bg-main);
  --theme-color-dark: var(--bg-soft);
  --border-color: var(--border-light);
}:root.dark{--menu-color-bg:#1E293B;--color-bg:var(--bg-dark);--hero-overlay-color:var(--bg-dark);--menu-color:#ffffff;--theme-color:var(--bg-dark);--border-color:var(--primary-blue);--theme-color-dark:#1E293B;--text-color:#ffffff;--hero-text-color:#ffffff;--text-white-color:#ffffff;--text-grey-color:#94A3B8;--text-theme-color:var(--primary-blue);--light-color:var(--bg-dark);--color-default:var(--bg-dark);--color-primary:#ffffff;--color-secondary:#ffffff;--color-start:var(--bg-dark);--color-end:var(--bg-dark);--hero-card-bg:rgba(15, 23, 42, 0.85);--box-shadow-color:rgba(29, 161, 242, 0.3);}body{font-family:var(--font-default);color:var(--text-color);background:var(--theme-color);transition:0.5s background ease;}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}body.dark{--menu-color-bg:#ffffff;--color-bg:var(--bg-dark);--hero-overlay-color:var(--bg-dark);--menu-color:#ffffff;--border-color:var(--color-primary);--theme-color-dark:#020617;--text-color:#ffffff;--text-white-color:#ffffff;--text-grey-color:#94A3B8;--text-theme-color:var(--color-primary);--light-color:var(--bg-dark);--color-default:var(--bg-dark);--color-secondary:var(--color-secondary);--color-start:var(--bg-dark);--color-end:var(--bg-dark);--hero-card-bg:rgba(15, 23, 42, 0.85);--box-shadow-color:rgba(29, 161, 242, 0.3);}#darkmode-button{border-radius:50%;border:none;outline:none;display:grid;place-items:center;width:38px;height:38px;margin-left:15px;margin-right:20px;padding:0;}#darkmode-button i{font-size:18px;}#rtl-button{cursor:pointer;}#rtl-button{position:absolute;top:100px;right:0;padding:6px;margin-left:16px;box-shadow:0 0 10px 5px rgba(0,0,0,0.4);color:#999;text-decoration:none;text-transform:uppercase;letter-spacing:4px;font:700 30px consolas;overflow:hidden;font-size:14px;}#rtl-button span:nth-child(1){position:absolute;top:0;right:0;width:100%;height:1px;background:linear-gradient(to right,#171618,var(--theme-color));animation:animate1 2s linear infinite;}@keyframes animate1{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}#rtl-button span:nth-child(2){position:absolute;top:0;right:0;height:100%;width:2px;background:linear-gradient(to bottom,#171618,var(--theme-color));animation:animate2 2s linear infinite;animation-delay:1s;}@keyframes animate2{0%{transform:translateY(-100%);}100%{transform:translateY(100%);}}#rtl-button span:nth-child(3){position:absolute;bottom:0;right:0;width:100%;height:1px;background:linear-gradient(to left,#171618,var(--theme-color));animation:animate3 2s linear infinite;}@keyframes animate3{0%{transform:translateX(100%);}100%{transform:translateX(-100%);}}#rtl-button span:nth-child(4){position:absolute;top:0;left:0;height:100%;width:2px;background:linear-gradient(to top,#171618,var(--theme-color));animation:animate4 2s linear infinite;animation-delay:1s;}@keyframes animate4{0%{transform:translateY(100%);}100%{transform:translateY(-100%);}}a{color:var(--color-primary);text-decoration:none;}a:hover{color:var(--color-primary);text-decoration:none;}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);}.toggle-container{position:relative;}.theme-btn{width:6em;height:6em;padding:0.5em;border-radius:50%;cursor:pointer;border:none;background-color:transparent;}.theme-btn img{height:100%;width:100%;object-fit:cover;}.theme-btn.light{display:none;}.dark .theme-btn.dark{display:none;}.dark .theme-btn.light{display:block;}.hide-on-mobile{display:block;}section{padding:60px 0;overflow:hidden;}.section{padding:60px 0;overflow:hidden;background:var(--light-color);}.section-grey{padding:90px 0;overflow:hidden;background:var(--theme-color-dark);}.sections-bg{background-color:var(--theme-color-dark);}.section-header{text-align:center;padding-bottom:60px;}.section-header h2{font-size:32px;position:relative;color:var(--color-primary);}.section-header p{margin-bottom:0;color:#b8651d;}img {
  max-width: 100%;
  height: auto;
  transition: opacity 0.4s ease-in-out, transform 0.3s;
  content-visibility: auto;
}

img:hover {
  transform: scale(1);
}.fill-btn{font-family:var(--font-primary);font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:14px 40px;border-radius:50px;border:0;transition:0.3s;color:var(--text-white-color);background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));box-shadow:0 0 15px rgba(0,0,0,0.08);}.fill-btn:hover{background:var(--primary-orange) ;color:var(--text-white-color);text-decoration:underline ;}.breadcrumbs .page-header{padding:120px 0 60px 0;min-height:20vh;background:url(/assets/images/backgrounds/page-header-bg.webp) center bottom;background-size:cover;border-radius:0px;overflow:hidden;position:relative;}.breadcrumbs .page-header:before{content:"";position:absolute;left:0;bottom:0;top:0;right:0;width:100%;height:100%;background:linear-gradient(360deg,var(--light-color),var(--light-color));z-index:0;opacity:0.6;}.breadcrumbs .page-header h2{color:var(--color-primary);}.breadcrumbs .page-header p{color:var(--menu-color);}.breadcrumbs nav{background-color:var(--theme-color);padding:20px 0;}.breadcrumbs nav ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:16px;color:var(--text-white-color);}.breadcrumbs nav ol li{color:var(--text-white-color);}.breadcrumbs nav ol a{color:var(--text-white-color);transition:0.3s;}.breadcrumbs nav ol a:hover{text-decoration:underline;}.breadcrumbs nav ol li+li{padding-left:10px;}.breadcrumbs nav ol li+li::before{display:inline-block;padding-right:10px;color:var(--color-secondary);content:"/";}.scroll-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:-15px;z-index:99999;background:var(--color-primary);width:44px;height:44px;border-radius:50px;transition:all 0.4s;}.scroll-top i{font-size:24px;color:#fff;line-height:0;}.scroll-top:hover{background:rgb(16 16 16 / 80%);color:#fff;}.scroll-top.active{visibility:visible;opacity:1;bottom:15px;}#preloader{position:fixed;inset:0;z-index:999999;overflow:hidden;background:var(--color-primary);transition:all 0.6s ease-out;}#preloader:before{content:"";position:fixed;top:calc(48% - 3px);left:calc(48% - 3px);border:2px solid #fff;border-color:var(--light-color) transparent var(--light-color) transparent;border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1.5s linear infinite;animation:animate-preloader 1.5s linear infinite;}@-webkit-keyframes animate-preloader{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes animate-preloader{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@media screen and (max-width:768px){[data-aos-delay]{transition-delay:0 ;}.hide-on-mobile{display:none ;}}.topbar{background:#00796b;height:40px;font-size:14px;transition:all 0.5s;color:#fff;padding:0;}.topbar .contact-info i{font-style:normal;color:#fff;line-height:0;}.topbar .contact-info i a,.topbar .contact-info i span{padding-left:5px;color:#fff;}@media (max-width:575px){.topbar .contact-info i a,.topbar .contact-info i span{font-size:13px;}}.topbar .contact-info i a{line-height:0;transition:0.3s;}.topbar .contact-info i a:hover{color:#fff;text-decoration:underline;}.topbar .social-links a{color:rgba(255,255,255,0.7);line-height:0;transition:0.3s;margin-left:20px;}.topbar .social-links a:hover{color:#fff;}.header{transition:all 0.5s;z-index:997;height:90px;}.header.sticked{position:fixed;top:0;right:0;left:0;height:90px;}.header .logo img{max-height:40px;margin-right:6px;}.header.stikcy-menu{background:var(--light-color);}.header.stikcy-menu .logo h1{color:var(--color-primary);}.header .logo h1{font-size:30px;margin:0;letter-spacing:0.8px;color:var(--color-primary);font-family:var(--font-primary);}.header .logo h1 span{color:var(--color-primary);}.sticked-header-offset{margin-top:0;}section{background:var(--light-color);}@media (min-width:1280px){.navbar{padding:0;}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center;}.navbar li{position:relative;}.navbar>ul>li{white-space:nowrap;padding:10px 0 10px 28px;}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-secondary);font-size:16px;font-weight:600;color:var(--menu-color);white-space:nowrap;transition:0.3s;position:relative;}.stikcy-menu .navbar a{color:var(--text-color);}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px;}.navbar a:hover:before,.navbar li:hover>a:before,.navbar .active:before{visibility:visible;width:100%;}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:var(--color-primary);}.navbar .dropdown ul{display:block;position:absolute;left:28px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:var(--light-color);box-shadow:0px 0px 30px rgba(127,137,161,0.25);transition:0.3s;border-radius:0px;}.navbar .dropdown ul li{min-width:200px;}.navbar .dropdown ul a{padding:10px 20px;font-size:15px;font-weight:400;color:var(--text-color);}.navbar .dropdown ul a i{font-size:12px;}.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color:var(--color-primary);}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible;}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden;}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible;}}@media (min-width:1280px) and (max-width:1366px){.navbar .dropdown .dropdown ul{left:-90%;}.navbar .dropdown .dropdown:hover>ul{left:-100%;}}@media (min-width:1280px){.mobile-nav-show,.mobile-nav-hide{display:none;}}@media (max-width:1279px){.navbar{position:fixed;top:0;right:-100%;width:100%;max-width:400px;bottom:0;transition:0.3s;z-index:9997;}.navbar ul{position:absolute;inset:0;padding:50px 0 10px 0;margin:0;background:var(--color-primary);overflow-y:auto;transition:0.3s;z-index:9998;}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-family:var(--font-primary);font-size:15px;color:rgb(255 255 255);white-space:nowrap;transition:0.3s;}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px;}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#fff;}.navbar .getstarted,.navbar .getstarted:focus{background:var(--color-primary);padding:8px 20px;border-radius:4px;margin:15px;color:#fff;}.navbar .getstarted:hover,.navbar .getstarted:focus:hover{color:#fff;background:rgba(0,131,116,0.8);}.navbar .dropdown ul,.navbar .dropdown .dropdown ul{position:static;display:none;padding:10px 0;margin:10px 20px;transition:all 0.5s ease-in-out;background-color:var(--color-primary);}.navbar .dropdown>.dropdown-active,.navbar .dropdown .dropdown>.dropdown-active{display:block;}.mobile-nav-show{color:var(--color-primary);font-size:28px;cursor:pointer;line-height:0;transition:0.5s;z-index:9999;margin-right:10px;}.mobile-nav-hide{color:#fff;font-size:32px;cursor:pointer;line-height:0;transition:0.5s;position:fixed;right:20px;top:20px;z-index:9999;}.mobile-nav-active{overflow:hidden;}.mobile-nav-active .navbar{right:0;}.mobile-nav-active .navbar:before{content:"";position:fixed;inset:0;background:rgb(0 0 0 / 80%);z-index:9996;}}.left{text-align:right;}.right{text-align:left;}.list-wrap{display:flex;gap:20px;margin-bottom:30px;}.list-wrap p{color:var(--text-color);}.list-wrap:nth-child(3),.list-wrap:nth-child(6){margin-bottom:0;}.list-wrap .description h4{color:var(--text-color);}.icon{width:150px;text-align:center;height:100px;border-radius:50%;}.icon svg{width:100%;}.list-center-wrap{display:flex;gap:20px;align-items:center;justify-content:center;vertical-align:middle;height:100%;}.center-icon{width:100%;text-align:center;}.center-icon img{width:100%;border-radius:20px;opacity:0.9;}.about h3{font-size:28px;margin-bottom:20px;font-family:var(--font-secondary);}.about .call-us{left:10%;right:10%;bottom:0;background-color:#fff;box-shadow:0px 2px 25px rgba(0,0,0,0.08);padding:20px;text-align:center;}.about .call-us h4{font-size:24px;margin-bottom:5px;}.about .call-us p{font-size:28px;color:var(--color-primary);}.about .content ul{list-style:none;padding:0;}.about .content ul li{padding:0 0 10px 30px;position:relative;}.about .content ul i{position:absolute;font-size:20px;left:0;top:-3px;color:var(--color-primary);}.about .content p:last-child{margin-bottom:0;}.about .play-btn{width:94px;height:94px;background:radial-gradient(var(--color-primary) 50%,rgba(0,131,116,0.4) 52%);border-radius:50%;display:block;position:absolute;left:calc(50% - 47px);top:calc(50% - 47px);overflow:hidden;}.about .play-btn:before{content:"";position:absolute;width:120px;height:120px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation:pulsate-btn 2s;animation:pulsate-btn 2s;-webkit-animation-direction:forwards;animation-direction:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps;animation-timing-function:steps;opacity:1;border-radius:50%;border:5px solid rgba(0,131,116,0.7);top:-15%;left:-15%;background:rgba(198,16,0,0);}.about .play-btn:after{content:"";position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:100;transition:all 400ms cubic-bezier(0.55,0.055,0.675,0.19);}.about .play-btn:hover:before{content:"";position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border:none;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:200;-webkit-animation:none;animation:none;border-radius:0;}.about .play-btn:hover:after{border-left:15px solid var(--color-primary);transform:scale(20);}@-webkit-keyframes pulsate-btn{0%{transform:scale(0.6,0.6);opacity:1;}100%{transform:scale(1,1);opacity:0;}}@keyframes pulsate-btn{0%{transform:scale(0.6,0.6);opacity:1;}100%{transform:scale(1,1);opacity:0;}}.img-frame{position:relative;background:#f6f6f6;background-size:contain;padding:9%;}.bar{background-color:#f1f1f1;padding:1px;border-radius:15px;margin-bottom:20px;font-size:12px;color:var(--light-color);}.bar::before{content:attr(data-skill);background-color:var(--color-primary);display:inline-block;padding:5px 0 5px 10px;border-radius:inherit;animation:load 2s 0s;-webkit-animation:load 2s 0s;-moz-animation:load 2s 0s;-o-animation:load 2s 0s;}.bar.front::before{background-color:var(--color-primary);}.bar.back::before{background-color:var(--color-primary);}.bar.learning::before{width:calc(20% - 10px);}.bar.basic::before{width:calc(40% - 10px);}.bar.intermediate::before{width:calc(60% - 10px);}.bar.advanced::before{width:calc(80% - 10px);}.bar.expert::before{width:calc(100% - 10px);}.clients{padding:90px 0;}.clients .swiper{padding:10px 0;}.clients .swiper-slide img{transition:0.3s;filter:grayscale(1);opacity:1;border-radius:8px;}.clients .swiper-slide img:hover{transform:scale(1);}.clients .swiper-pagination{margin-top:20px;position:relative;}.clients .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;background-color:#ddd;}.clients .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--color-primary);}.call-to-action{background:url(/assets/images/backgrounds/hero-bg.webp) center center no-repeat;background-size:cover;padding:150px 0px;border-radius:0px;overflow:hidden;position:relative;background-attachment:fixed;}.call-to-action h3{color:#fff;font-size:28px;margin-bottom:20px;}.call-to-action p{color:#fff;margin-bottom:20px;}.call-to-action .play-btn{width:94px;height:94px;margin-bottom:20px;background:radial-gradient(var(--color-primary) 50%,rgba(0,131,116,0.4) 52%);border-radius:50%;display:inline-block;position:relative;overflow:hidden;}.call-to-action .play-btn:before{content:"";position:absolute;width:120px;height:120px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation:pulsate-btn 2s;animation:pulsate-btn 2s;-webkit-animation-direction:forwards;animation-direction:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps;animation-timing-function:steps;opacity:1;border-radius:50%;border:5px solid rgba(0,131,116,0.7);top:-15%;left:-15%;background:rgba(198,16,0,0);}.call-to-action:before{content:"";position:absolute;left:0;bottom:0;top:0;right:0;width:100%;height:100%;background:var(--bg-dark);z-index:0;opacity:0.6;}.call-to-action .play-btn:hover:before{content:"";position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border:none;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:200;-webkit-animation:none;animation:none;border-radius:0;}.call-to-action .play-btn:hover:after{border-left:15px solid var(--color-primary);transform:scale(20);}.call-to-action .cta-btn{font-family:var(--font-primary);font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:12px 48px;border-radius:50px;transition:0.5s;margin:10px;color:#fff;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));}.call-to-action .cta-btn:hover{background:var(--primary-orange) ;text-decoration:underline ;}@keyframes pulsate-btn{0%{transform:scale(0.6,0.6);opacity:1;}100%{transform:scale(1,1);opacity:0;}}.testimonials .testimonial-wrap{padding-left:10px;}.testimonials .testimonial-item{box-sizing:content-box;padding:30px;margin:30px 10px;position:relative;border-radius:10px;display:flex;flex-direction:column;box-shadow:-1px 5px 20px 0px var(--box-shadow-color);}.testimonials .testimonial-item .info-box{min-width:276px;}.testimonials .testimonial-item .testimonial-img{width:90px;border-radius:50px;margin-right:15px;}.testimonials .testimonial-item h3{font-size:18px;font-weight:bold;margin:10px 0 5px 0;color:var(--color-primary);}.testimonials .testimonial-item h4{font-size:14px;color:#999;margin:0;}.testimonials .testimonial-item .stars{margin:10px 0;}.testimonials .testimonial-item .stars i{color:#fabb05;margin:0 1px;}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right{color:var(--color-primary);font-size:26px;line-height:0;}.testimonials .testimonial-item .quote-icon-left{display:inline-block;left:-5px;position:relative;}.testimonials .testimonial-item .quote-icon-right{display:inline-block;right:-5px;position:relative;top:10px;transform:scale(-1,-1);}.testimonials .testimonial-item p{font-style:italic;margin:15px auto 15px auto;color:var(--text-color);}.testimonials .swiper-pagination{margin-top:20px;position:relative;}.testimonials .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:rgb(134 134 134 / 20%);opacity:1;}.testimonials .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--color-primary);}@media (max-width:767px){.testimonials .testimonial-wrap{padding-left:0;}.testimonials .testimonial-item{padding:30px;margin:15px;flex-direction:column;}.testimonials .testimonial-item .testimonial-img{position:static;left:auto;}}.team .member{text-align:center;border-radius:10px;padding:15px;overflow:hidden;}.team .member img{border-radius:10px;overflow:hidden;}.team .member .member-content{padding:0 20px 30px 20px;}.team .member h4{margin-top:16px;margin-bottom:2px;font-size:20px;color:var(--color-primary);}.team .member span{font-style:italic;display:block;font-size:14px;color:var(--text-color);}.team .member p{padding-top:10px;font-size:14px;font-style:italic;color:#6c757d;}.team .member .social{margin-top:15px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;}.team .member .social a{color:var(--color-primary);transition:0.3s;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:2px solid #e8e8e8;}.team .member .social a:hover{color:var(--color-primary);border-color:var(--color-primary);}.team .member .social i{font-size:14px;margin:0 2px;}.faq .content h3{font-weight:400;font-size:34px;}.faq .content h4{font-size:20px;margin-top:5px;}.faq .content p{font-size:15px;color:#6c757d;}.faq .accordion-item{margin-bottom:20px;border-radius:8px;background:var(--theme-color-dark);border:1px solid var(--border-color);}.accordion-flush .accordion-item:last-child{border-bottom:1px solid var(--border-color);}.faq .accordion-collapse{border:0;background:var(--theme-color-dark);border-radius:0 8px 8px 0;}.accordion-flush .accordion-item:first-child{border:1px solid var(--border-color);}.faq .accordion-button{background:var(--theme-color-dark);padding:20px 50px 20px 20px;font-size:16px;line-height:24px;color:var(--color-primary);text-align:left;box-shadow:none;border-radius:8px ;}.faq .accordion-button .num{padding-right:10px;font-size:20px;line-height:0;color:var(--color-primary);}.faq .accordion-button:not(.collapsed){color:var(--color-primary);box-shadow:none;}.faq .accordion-button:after{position:absolute;right:20px;top:20px;background:url(/assets/images/icons/down-arrow.svg);}.faq .accordion-body{padding:40px;border:0;border-radius:0 0 8px 8px;background:var(--theme-color-dark);box-shadow:none;color:var(--text-color);}.recent-posts article{background-color:var(--light-color);padding:30px;height:100%;border-radius:10px;overflow:hidden;box-shadow:-1px 5px 20px 0px rgb(82 90 101 / 10%);}.recent-posts .post-img{max-height:240px;margin:-30px -30px 15px -30px;overflow:hidden;border-radius:8px;}.recent-posts .post-category{font-size:16px;color:var(--text-color);margin-bottom:10px;}.recent-posts .title{font-size:22px;padding:0;margin:0 0 20px 0;}.recent-posts .title a{color:var(--color-primary);transition:0.3s;}.recent-posts .title a:hover{color:var(--text-color);}.recent-posts .post-author-img{width:50px;border-radius:50%;margin-right:15px;}.recent-posts .post-author{margin-bottom:5px;color:var(--text-color);}.recent-posts .post-date{font-size:14px;color:var(--text-color);margin-bottom:0;}@media (min-width:1280px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1140px;}}.hero {
    width: 100%;
    position: relative;
    padding: 60px 0 0 0;
    height: 85vh;
    min-height: 700px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: var(--color-bg);
}.hero::before{content:'';position:absolute;left:0px;right:0px;top:0px;width:100%;height:100%;opacity:0.6;z-index:1;margin-top:0;background:linear-gradient(360deg,var(--hero-overlay-color),var(--hero-overlay-color));}.hero .container,.hero .row,.hero .dark-bg{position:relative;z-index:2;}.hero-bg{position:absolute;inset:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center top;z-index:0;}.hero-bg-desktop{background-image:url(/assets/images/backgrounds/hero-bg.webp);}.hero-bg-mobile{background-image:url(/assets/images/backgrounds/mobiel-background.webp);display:none;}.hero .overlay-curtain{position:absolute;inset:0;z-index:1;}.hero .circle{color:var(--color-primary);}@media (min-width:1365px){.hero{background-attachment:fixed;}}.dark-bg{padding:50px 30px;border-radius:8px;}.social{margin-top:15px;margin-bottom:15px;display:flex;align-items:center;gap:10px;}.social a{color:var(--text-color);transition:0.3s;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}.social a:hover{color:var(--color-primary);border-color:var(--color-primary);}.social i{font-size:14px;margin:0 2px;color:var(--color-primary);}.mr-20{margin-right:20px ;}.hero h2{font-size:40px;margin-bottom:20px;color:var(--hero-text-color);text-transform:capitalize;letter-spacing:0.7px;font-weight:600;}.hero span{color:var(--color-primary);font-weight:bold;}.hero p{color:var(--hero-text-color);font-weight:400;margin-bottom:30px;}.btn-get-started{font-family:var(--font-primary);font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:14px 20px;border-radius:50px;transition:0.3s;color:var(--text-white-color);background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));}.btn-get-started:hover{background:var(--primary-orange) ;color:var(--text-white-color);text-decoration:underline ;}.hero .btn-watch-video{font-size:16px;transition:0.5s;margin-left:25px;color:#fff;}.hero .btn-watch-video i{color:rgba(255,255,255,0.5);font-size:32px;transition:0.3s;line-height:0;margin-right:8px;}.hero .btn-watch-video:hover i{color:#fff;}@media (max-width:991px){.hero h2{font-size:22px;}.call-to-action{background:url(/assets/images/backgrounds/cta-bg.webp) top center no-repeat;background-size:cover;padding:150px 60px;border-radius:0px;overflow:hidden;background-attachment:scroll;}}@media (max-width:767px){.text-left.caption{text-align:center;}.caption .justify-content-start{justify-content:center ;}.caption .social{justify-content:center;}.btn-get-started,.hero .btn-watch-video{font-size:14px;}.icon-boxes .card-two{margin-top:var(--bs-gutter-y);margin-bottom:0px;padding-left:calc(var(--bs-gutter-x) * .5);padding-right:calc(var(--bs-gutter-x) * .5);}.hero-bg-desktop{display:none;}.hero-bg-mobile{display:block;}}@media (max-width:575px){.hero{padding:120px 0 80px;min-height:auto;height:auto;background-size:cover;background-position:top center;background-repeat:no-repeat;}#particles-js{display:none;}.hero .dark-bg{padding:35px 25px;}.hero h1{font-size:28px;line-height:1.4;}.hero p{font-size:16px;}}@media (min-width:768px){.btn-get-started,.hero .btn-watch-video{font-size:14px;}.icon-boxes .card-two{margin-top:-20px;margin-bottom:-20px;}}.icon-box{padding:20px 30px;position:relative;overflow:hidden;transition:all 0.3s ease-in-out;border-radius:8px;z-index:1;height:100%;width:100%;text-align:center;color:var(--text-color);box-shadow:-1px 5px 20px 0px var(--box-shadow-color);}.icon-box .icon img{width:77px;}.icon-box .title{margin-bottom:15px;font-size:24px;}.icon-box .title a{color:var(--color-primary);transition:0.3s;}.icon-box .icon{margin-bottom:20px;padding-top:10px;display:inline-block;transition:all 0.3s ease-in-out;font-size:48px;line-height:1;color:var(--color-primary);}.icon-box:hover{transform:scale(1.04);}.blog .blog-pagination{margin-top:30px;color:#555555;}.blog .blog-pagination ul{display:flex;padding:0;margin:0;list-style:none;}.blog .blog-pagination li{margin:0 5px;transition:0.3s;border-radius:10px;}.blog .blog-pagination li a{color:var(--color-default);padding:7px 16px;display:flex;align-items:center;justify-content:center;}.blog .blog-pagination li.active,.blog .blog-pagination li:hover{background:var(--color-primary);color:#fff;}.blog .blog-pagination li.active a,.blog .blog-pagination li:hover a{color:var(--color-white);}.blog-sidbar{background-color:var(--light-color);padding:30px 20px;border-radius:8px;}.blog-sidbar ul li a:hover{color:rgb(74 74 74);}.blog .posts-list article{box-shadow:0 1px 6px rgb(0 0 0 / 10%);padding:30px;height:100%;border-radius:10px;overflow:hidden;}.blog .posts-list .post-img{max-height:240px;margin:-30px -30px 15px -30px;overflow:hidden;}.blog .posts-list .post-category{font-size:16px;color:#555555;margin-bottom:10px;}.blog .posts-list .title{font-size:22px;padding:0;margin:0 0 20px 0;}.blog .posts-list .title a{color:var(--color-default);transition:0.3s;}.blog .posts-list .title a:hover{color:var(--color-primary);}.blog .posts-list .post-author-img{width:50px;border-radius:50%;margin-right:15px;}.blog .posts-list .post-author-list{font-weight:500;margin-bottom:5px;}.blog .posts-list .post-date{font-size:14px;color:#3c3c3c;margin-bottom:0;}.blog .blog-details{box-shadow:0 1px 6px rgb(0 0 0 / 10%);padding:30px;border-radius:10px;}.blog .blog-details .post-img{margin:-30px -30px 20px -30px;overflow:hidden;border-radius:10px 10px 0 0;}.blog .blog-details .title{font-size:28px;padding:0;margin:20px 0 0 0;color:var(--color-default);}.blog .blog-details .content{margin-top:20px;}.blog .blog-details .content h3{font-size:22px;margin-top:30px;font-weight:bold;}.blog .blog-details .content blockquote{overflow:hidden;background-color:rgba(34,34,34,0.06);padding:60px;position:relative;text-align:center;margin:20px 0;}.blog .blog-details .content blockquote p{color:var(--color-default);line-height:1.6;margin-bottom:0;font-style:italic;font-weight:500;font-size:22px;}.blog .blog-details .content blockquote:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--color-secondary);margin-top:20px;margin-bottom:20px;}.blog .blog-details .meta-top{margin-top:20px;color:#6c757d;}.blog .blog-details .meta-top ul{display:flex;flex-wrap:wrap;list-style:none;align-items:center;padding:0;margin:0;}.blog .blog-details .meta-top ul li+li{padding-left:20px;}.blog .blog-details .meta-top i{font-size:16px;margin-right:8px;line-height:0;color:var(--color-primary);}.blog .blog-details .meta-top a{color:#6c757d;font-size:14px;display:inline-block;line-height:1;}.blog .blog-details .meta-bottom{padding-top:10px;border-top:1px solid rgba(34,34,34,0.15);}.blog .blog-details .meta-bottom i{color:#555555;display:inline;}.blog .blog-details .meta-bottom a{color:rgba(34,34,34,0.8);transition:0.3s;}.blog .blog-details .meta-bottom a:hover{color:var(--color-primary);}.blog .blog-details .meta-bottom .cats{list-style:none;display:inline;padding:0 20px 0 0;font-size:14px;}.blog .blog-details .meta-bottom .cats li{display:inline-block;}.blog .blog-details .meta-bottom .tags{list-style:none;display:inline;padding:0;font-size:14px;}.blog .blog-details .meta-bottom .tags li{display:inline-block;}.blog .blog-details .meta-bottom .tags li+li::before{padding-right:6px;color:var(--color-default);content:",";}.blog .blog-details .meta-bottom .share{font-size:16px;}.blog .blog-details .meta-bottom .share i{padding-left:5px;}.blog .post-author{padding:20px;margin-top:30px;box-shadow:0 1px 6px rgb(0 0 0 / 10%);border-radius:10px;}.blog .post-author img{max-width:120px;margin-right:20px;}.blog .post-author h4{font-weight:500;font-size:22px;margin-bottom:0px;padding:0;color:var(--color-default);}.blog .post-author .social-links{margin:0 10px 10px 0;}.blog .post-author .social-links a{color:rgba(34,34,34,0.5);margin-right:5px;}.blog .post-author p{font-style:italic;color:rgba(108,117,125,0.8);margin-bottom:0;}dl,ol,ul{padding:0;margin:0;list-style:none;}.single-page{padding-top:30px ;}.single-page ul{list-style:none;}.single-page ul li{position:relative;color:var(--text-color);margin-bottom:5px;border-radius:8px;}.blog .sidebar{padding:30px;box-shadow:0 1px 6px rgb(0 0 0 / 10%);border-radius:10px;}.search-form{position:relative;overflow:hidden;border-radius:50px;margin-bottom:30px;border:0;}.search-form input{width:100%;padding:14px 28px;background:#ffffff;border:none;color:#393838;outline:none;}.search-form button{position:absolute;right:0;padding:16px 20px;border:none;top:0px;color:var(--text-white-color);background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));outline:none;}.search-form button:hover{cursor:pointer;background:var(--primary-orange) ;color:var(--text-white-color);text-decoration:underline ;}.search-form button i{color:#fff;}.blog .sidebar .sidebar-title{font-size:20px;padding:0;margin:0;color:var(--color-default);}.blog .sidebar .sidebar-item+.sidebar-item{margin-top:40px;}.blog .sidebar .search-form form{background:#fff;border:1px solid rgba(34,34,34,0.3);padding:5px 10px;position:relative;border-radius:50px;}.blog .sidebar .search-form form input[type=text]{border:0;padding:4px;border-radius:50px;width:calc(100% - 60px);}.blog .sidebar .search-form form input[type=text]:focus{outline:none;}.blog .sidebar .search-form form button{position:absolute;top:0;right:0;bottom:0;border:0;background:none;font-size:16px;padding:0 25px;margin:-1px;background:var(--color-primary);color:#fff;transition:0.3s;border-radius:50px;line-height:0;}.blog .sidebar .search-form form button i{line-height:0;}.blog .sidebar .search-form form button:hover{background:rgba(0,131,116,0.8);}.blog .sidebar .categories ul{list-style:none;padding:0;}.blog .sidebar .categories ul li+li{padding-top:10px;}.blog .sidebar .categories ul a{color:var(--color-default);transition:0.3s;}.blog .sidebar .categories ul a:hover{color:var(--color-primary);}.blog .sidebar .categories ul a span{padding-left:5px;color:rgba(34,34,34,0.4);font-size:14px;}.blog .sidebar .recent-posts .post-item+.post-item{margin-top:15px;}.blog .sidebar .recent-posts img{width:80px;float:left;}.blog .sidebar .recent-posts h4{font-size:15px;margin-left:95px;font-weight:bold;}.blog .sidebar .recent-posts h4 a{color:var(--color-default);transition:0.3s;}.blog .sidebar .recent-posts h4 a:hover{color:var(--color-primary);}.blog .sidebar .recent-posts time{display:block;margin-left:95px;font-style:italic;font-size:14px;color:rgba(34,34,34,0.4);}.blog .sidebar .tags{margin-bottom:-10px;}.blog .sidebar .tags ul{list-style:none;padding:0;}.blog .sidebar .tags ul li{display:inline-block;}.blog .sidebar .tags ul a{color:#555555;font-size:14px;padding:6px 20px;margin:0 6px 8px 0;border:1px solid #d5d5d5;display:inline-block;transition:0.3s;border-radius:50px;}.blog .sidebar .tags ul a:hover{color:#fff;border:1px solid var(--color-primary);background:var(--color-primary);}.blog .sidebar .tags ul a span{padding-left:5px;color:rgba(85,85,85,0.8);font-size:14px;}.blog .comments{margin-top:30px;}.blog .comments .comments-count{font-weight:bold;}.blog .comments .comment{margin-top:30px;position:relative;}.blog .comments .comment .comment-img{margin-right:14px;}.blog .comments .comment .comment-img img{width:60px;}.blog .comments .comment h5{font-size:16px;margin-bottom:2px;}.blog .comments .comment h5 a{font-weight:bold;color:var(--color-default);transition:0.3s;}.blog .comments .comment h5 a:hover{color:var(--color-primary);}.blog .comments .comment h5 .reply{padding-left:10px;color:var(--color-primary);}.blog .comments .comment h5 .reply i{font-size:20px;}.blog .comments .comment time{display:block;font-size:14px;color:rgba(34,34,34,0.8);margin-bottom:5px;}.blog .comments .comment.comment-reply{padding-left:40px;}.blog .comments .reply-form{margin-top:30px;padding:30px;box-shadow:0 0 16px rgba(0,0,0,0.1);border-radius:10px;}.blog .comments .reply-form h4{font-weight:bold;font-size:22px;}.blog .comments .reply-form p{font-size:14px;}.blog .comments .reply-form input{border-radius:4px;padding:10px 10px;font-size:14px;}.blog .comments .reply-form input:focus{box-shadow:none;border-color:rgba(0,131,116,0.8);}.blog .comments .reply-form textarea{border-radius:4px;padding:10px 10px;font-size:14px;}.blog .comments .reply-form textarea:focus{box-shadow:none;border-color:rgba(0,131,116,0.8);}.blog .comments .reply-form .form-group{margin-bottom:25px;}.blog .comments .reply-form .btn-primary{border-radius:50px;padding:14px 40px;border:0;background-color:var(--color-secondary);}.blog .comments .reply-form .btn-primary:hover{background-color:var(--primary-orange) ;text-decoration:underline ;}.stats-counter .stats-item .purecounter{padding-right:0;}.stats-counter .stats-item i{font-size:90px;line-height:0;color:var(--color-primary);margin-bottom:30px;}.stats-counter .stats-item span{font-size:24px;display:block;color:var(--color-primary);line-height:34px;text-align:center;}.stats-counter .stats-item p{margin:0;font-family:var(--font-primary);font-size:14px;display:flex;flex-direction:column;align-items:center;}.portfolio .portfolio-flters{padding:0 0 40px 0;margin:0 auto;list-style:none;text-align:center;}.portfolio .portfolio-flters li{cursor:pointer;display:inline-block;padding:0;font-size:18px;font-weight:500;margin:0 15px;color:var(--text-white-color);line-height:1;transition:all 0.3s ease-in-out;padding:15px 25px;border-radius:30px;margin-bottom:30px;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));}.portfolio .portfolio-flters li:hover,.portfolio .portfolio-flters li.filter-active{color:var(--text-white-color);background:var(--primary-orange) ;text-decoration:underline ;}.portfolio .portfolio-flters li:first-child{margin-left:0;}.portfolio .portfolio-flters li:last-child{margin-right:0;}@media (max-width:575px){.portfolio .portfolio-flters li{font-size:14px;}}.portfolio .portfolio-wrap{box-shadow:-1px 5px 20px 0px rgb(82 90 101 / 10%);border-radius:8px;height:100%;overflow:hidden;position:relative;}.portfolio .portfolio-wrap img{transition:0.3s;position:relative;z-index:1;}.portfolio .portfolio-wrap .portfolio-info{padding:25px 20px;position:absolute;z-index:2;bottom:-1px;-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);background:var(--color-secondary);border-radius:0 8px 0 0;}.portfolio .portfolio-wrap .portfolio-info:hover{background:#1c042e;}.portfolio .portfolio-wrap .portfolio-info h4{font-size:18px;margin-bottom:0;color:#fff;}.portfolio .portfolio-wrap .portfolio-info h4 a{color:var(--light-color);transition:0.3s;}.portfolio .portfolio-wrap .portfolio-info h4 a:hover{color:var(--color-primary);}.portfolio .portfolio-wrap .project-btn a{color:var(--light-color);}.portfolio .portfolio-wrap .portfolio-info p{color:#6c757d;font-size:14px;margin-bottom:0;padding-right:50px;}.portfolio .portfolio-wrap .portfolio-info .portfolio-details{margin-bottom:20px;}.portfolio .portfolio-wrap:hover img{transform:scale(1);}.portfolio .template-card{display:flex;flex-direction:column;background:rgba(6,12,34,0.9);border:1px solid rgba(255,255,255,0.06);border-radius:28px;overflow:hidden;height:100%;box-shadow:0 40px 70px rgba(3,5,23,0.25);min-height:500px;}.portfolio .template-card .template-media{position:relative;overflow:hidden;}.portfolio .template-card .template-media::before{content:"";display:block;padding-top:60%;}.portfolio .template-card .template-media .template-preview{position:absolute;inset:0;display:block;}.portfolio .template-card .template-media img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;position:absolute;inset:0;}.portfolio .template-card:hover .template-media img{transform:scale(1);}.portfolio .template-card .template-badge{position:absolute;left:20px;bottom:18px;padding:8px 18px;border-radius:20px;background:rgba(10,15,38,0.85);color:var(--text-white-color);font-size:13px;letter-spacing:0.08em;text-transform:uppercase;}.portfolio .template-card .template-content{padding:28px 30px 32px;display:flex;flex-direction:column;gap:14px;flex:1;}.portfolio .template-card .template-label{font-size:12px;text-transform:uppercase;letter-spacing:0.28em;color:rgba(255,255,255,0.55);}.portfolio .template-card h3{font-size:24px;margin:0;color:var(--text-white-color);}.portfolio .template-card p{margin:0;color:rgba(255,255,255,0.75);line-height:1.6;}.portfolio .template-card .template-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:10px 0 0;list-style:none;}.portfolio .template-card .template-tags li{padding:6px 12px;border-radius:14px;background:rgba(255,255,255,0.08);font-size:12px;color:var(--text-white-color);}.portfolio .template-card .template-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;}.btn-template,.btn-template-outline{font-size:14px;font-weight:600;border-radius:999px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:all 0.3s ease;}.btn-template{color:var(--text-white-color);background:linear-gradient(120deg,var(--color-secondary),var(--color-primary));box-shadow:0 12px 25px rgba(102,51,153,0.35);}.btn-template:hover{color:var(--text-white-color);background:var(--primary-orange) ;text-decoration:underline ;}.btn-template-outline{color:var(--text-white-color);border-color:rgba(255,255,255,0.5);background:transparent;}.btn-template-outline:hover{color:#0f172a;background:#fff;border-color:#fff;}@media (max-width:767px){.portfolio .template-card .template-media::before{padding-top:70%;}}.card{position:relative;height:auto;background:var(--light-color);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;margin:0 auto;padding:40px 20px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;overflow:hidden;margin-bottom:20px;border:0;box-shadow:-1px 5px 20px 0px var(--box-shadow-color);}.card:hover{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}.card .title img{width:120px;}.col-sm-3:nth-child(1) .card,.col-sm-3:nth-child(1) .card .title .fa{}.col-sm-3:nth-child(2) .card,.col-sm-4:nth-child(2) .card .title .fa{}.col-sm-3:nth-child(3) .card,.col-sm-3:nth-child(3) .card .title .fa{background:linear-gradient(-45deg,var(--color-primary),#ec9f00);}.col-sm-3:nth-child(3) .card a{color:var(--light-color);border:2px solid var(--light-color);}.card:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:40%;z-index:1;transform:skewY(-5deg) scale(1.5);-webkit-transform:skewY(-5deg) scale(1.5);-moz-transform:skewY(-5deg) scale(1.5);-ms-transform:skewY(-5deg) scale(1.5);-o-transform:skewY(-5deg) scale(1.5);}.title .fa{color:#fff;font-size:60px;width:100px;height:100px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;text-align:center;line-height:100px;box-shadow:0 10px 10px rgba(0,0,0,.2);}.title h2{position:relative;margin:20px 0 0;padding:0;color:var(--text-color);font-size:28px;z-index:2;}.price{position:relative;z-index:2;color:var(--text-color);}.price h4{margin:0;padding:20px 0;color:var(--text-color);font-size:60px;}.option{position:relative;z-index:2;}.option ul{margin:0;padding:0;}.option ul li{margin:0 0 10px;padding:0;list-style:none;color:var(--text-color);font-size:16px;}.card a{cursor:pointer;display:inline-block;padding:0;font-size:18px;font-weight:500;margin:0 10px;line-height:1;transition:all 0.3s ease-in-out;padding:15px 25px;border-radius:30px;margin-bottom:20px;position:relative;color:var(--text-white-color);z-index:2;margin:20px auto 0;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));}.card a:hover{text-decoration:underline ;background:var(--primary-orange) ;}.blog .posts-list article{box-shadow:0 1px 6px rgb(0 0 0 / 10%);padding:30px;height:100%;border-radius:10px;overflow:hidden;}.blog .posts-list .post-img{max-height:240px;margin:-30px -30px 15px -30px;overflow:hidden;}.blog .posts-list .post-category{font-size:16px;color:#555555;margin-bottom:10px;}.blog .posts-list .title{font-size:22px;padding:0;margin:0 0 20px 0;}.blog .posts-list .title a{color:var(--color-default);transition:0.3s;}.blog .posts-list .title a:hover{color:var(--color-primary);}.blog .posts-list .post-author-img{width:50px;border-radius:50%;margin-right:15px;}.blog .posts-list .post-author-list{margin-bottom:5px;}.blog .posts-list .post-date{font-size:14px;color:#3c3c3c;margin-bottom:0;}.blog .blog-details{box-shadow:0 1px 6px rgb(0 0 0 / 10%);padding:30px;border-radius:10px;}.blog .blog-details .post-img{margin:-30px -30px 20px -30px;overflow:hidden;border-radius:10px 10px 0 0;}.blog .blog-details .title{font-size:28px;padding:0;margin:20px 0 0 0;color:var(--color-default);}.blog .blog-details .content{margin-top:20px;}.blog .blog-details .content h3{font-size:22px;margin-top:30px;font-weight:bold;}.blog .blog-details .content blockquote{overflow:hidden;background-color:rgba(34,34,34,0.06);padding:60px;position:relative;text-align:center;margin:20px 0;}.blog .blog-details .content blockquote p{color:var(--color-default);line-height:1.6;margin-bottom:0;font-style:italic;font-weight:500;font-size:22px;}.blog .blog-details .content blockquote:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--color-secondary);margin-top:20px;margin-bottom:20px;}.blog .blog-details .meta-top{margin-top:20px;color:#6c757d;}.blog .blog-details .meta-top ul{display:flex;flex-wrap:wrap;list-style:none;align-items:center;padding:0;margin:0;}.blog .blog-details .meta-top ul li+li{padding-left:20px;}.blog .blog-details .meta-top i{font-size:16px;margin-right:8px;line-height:0;color:var(--color-primary);}.blog .blog-details .meta-top a{color:#6c757d;font-size:14px;display:inline-block;line-height:1;}.blog .blog-details .meta-bottom{padding-top:10px;border-top:1px solid rgba(34,34,34,0.15);}.blog .blog-details .meta-bottom i{color:#555555;display:inline;}.blog .blog-details .meta-bottom a{color:rgba(34,34,34,0.8);transition:0.3s;}.blog .blog-details .meta-bottom a:hover{color:var(--color-primary);}.blog .blog-details .meta-bottom .cats{list-style:none;display:inline;padding:0 20px 0 0;font-size:14px;}.blog .blog-details .meta-bottom .cats li{display:inline-block;}.blog .blog-details .meta-bottom .tags{list-style:none;display:inline;padding:0;font-size:14px;}.blog .blog-details .meta-bottom .tags li{display:inline-block;}.blog .blog-details .meta-bottom .tags li+li::before{padding-right:6px;color:var(--color-default);content:",";}.blog .blog-details .meta-bottom .share{font-size:16px;}.blog .blog-details .meta-bottom .share i{padding-left:5px;}.blog .post-author{padding:20px;margin-top:30px;box-shadow:0 1px 6px rgb(0 0 0 / 10%);border-radius:10px;}.blog .post-author img{max-width:120px;margin-right:20px;}.blog .post-author h4{font-size:22px;margin-bottom:0px;padding:0;color:var(--color-default);}.blog .post-author .social-links{margin:0 10px 10px 0;}.blog .post-author .social-links a{color:rgba(34,34,34,0.5);margin-right:5px;}.blog .post-author p{font-style:italic;color:rgba(108,117,125,0.8);margin-bottom:0;}.blog .sidebar{padding:30px;box-shadow:0 1px 6px rgb(0 0 0 / 10%);border-radius:10px;}.blog .sidebar .sidebar-title{font-size:20px;padding:0;margin:0;color:var(--color-default);}.blog .sidebar .sidebar-item+.sidebar-item{margin-top:40px;}.blog .sidebar .search-form form{background:#fff;border:1px solid rgba(34,34,34,0.3);padding:5px 10px;position:relative;border-radius:50px;}.blog .sidebar .search-form form input[type=text]{border:0;padding:4px;border-radius:50px;width:calc(100% - 60px);}.blog .sidebar .search-form form input[type=text]:focus{outline:none;}.blog .sidebar .search-form form button{position:absolute;top:0;right:0;bottom:0;border:0;background:none;font-size:16px;padding:0 25px;margin:-1px;background:var(--color-primary);color:#fff;transition:0.3s;border-radius:50px;line-height:0;}.blog .sidebar .search-form form button i{line-height:0;}.blog .sidebar .search-form form button:hover{background:rgba(0,131,116,0.8);}.blog .sidebar .categories ul{list-style:none;padding:0;}.blog .sidebar .categories ul li+li{padding-top:10px;}.blog .sidebar .categories ul a{color:var(--color-default);transition:0.3s;}.blog .sidebar .categories ul a:hover{color:var(--color-primary);}.blog .sidebar .categories ul a span{padding-left:5px;color:rgba(34,34,34,0.4);font-size:14px;}.blog .sidebar .recent-posts .post-item+.post-item{margin-top:15px;}.blog .sidebar .recent-posts img{width:80px;float:left;}.blog .sidebar .recent-posts h4{font-size:15px;margin-left:95px;font-weight:bold;}.blog .sidebar .recent-posts h4 a{color:var(--color-default);transition:0.3s;}.blog .sidebar .recent-posts h4 a:hover{color:var(--color-primary);}.blog .sidebar .recent-posts time{display:block;margin-left:95px;font-style:italic;font-size:14px;color:rgba(34,34,34,0.4);}.blog .sidebar .tags{margin-bottom:-10px;}.blog .sidebar .tags ul{list-style:none;padding:0;}.blog .sidebar .tags ul li{display:inline-block;}.blog .sidebar .tags ul a{color:#555555;font-size:14px;padding:6px 20px;margin:0 6px 8px 0;border:1px solid #d5d5d5;display:inline-block;transition:0.3s;border-radius:50px;}.blog .sidebar .tags ul a:hover{color:#fff;border:1px solid var(--color-primary);background:var(--color-primary);}.blog .sidebar .tags ul a span{padding-left:5px;color:rgba(85,85,85,0.8);font-size:14px;}.blog .comments{margin-top:30px;}.blog .comments .comments-count{font-weight:bold;}.blog .comments .comment{margin-top:30px;position:relative;}.blog .comments .comment .comment-img{margin-right:14px;}.blog .comments .comment .comment-img img{width:60px;}.blog .comments .comment h5{font-size:16px;margin-bottom:2px;}.blog .comments .comment h5 a{font-weight:bold;color:var(--color-default);transition:0.3s;}.blog .comments .comment h5 a:hover{color:var(--color-primary);}.blog .comments .comment h5 .reply{padding-left:10px;color:var(--color-primary);}.blog .comments .comment h5 .reply i{font-size:20px;}.blog .comments .comment time{display:block;font-size:14px;color:rgba(34,34,34,0.8);margin-bottom:5px;}.blog .comments .comment.comment-reply{padding-left:40px;}.blog .comments .reply-form{margin-top:30px;padding:30px;box-shadow:0 0 16px rgba(0,0,0,0.1);border-radius:10px;}.blog .comments .reply-form h4{font-weight:bold;font-size:22px;}.blog .comments .reply-form p{font-size:14px;}.blog .comments .reply-form input{border-radius:4px;padding:10px 10px;font-size:14px;}.blog .comments .reply-form input:focus{box-shadow:none;border-color:rgba(0,131,116,0.8);}.blog .comments .reply-form textarea{border-radius:4px;padding:10px 10px;font-size:14px;}.blog .comments .reply-form textarea:focus{box-shadow:none;border-color:rgba(0,131,116,0.8);}.blog .comments .reply-form .form-group{margin-bottom:25px;}.blog .comments .reply-form .btn-primary{border-radius:50px;padding:14px 40px;border:0;background-color:var(--color-secondary);}.blog .comments .reply-form .btn-primary:hover{background-color:rgba(248,90,64,0.8);}.contact-section .contact-form-3 form .form-control{font-size:15px;width:100%;padding:10px 20px;height:52px;color:#0f172a;border:none;border-radius:8px;text-transform:capitalize;transition:all 0.4s;background:rgba(255,255,255,0.98);}.contact-section .contact-form-3 form select.form-control,.contact-section .contact-form-3 form select.form-control option{color:#0f172a ;}.contact-section .contact-form-3 form input:focus,.contact-section .contact-form-3 form textarea:focus{outline:none;border:none;-webkit-box-shadow:none;box-shadow:none;}.contact-form-box.contact-form-3{position:relative;border-radius:32px;padding:3px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 30px 60px rgba(6,12,34,0.25);}.contact-form-box.contact-form-3 .form-container-box{background:linear-gradient(135deg, var(--primary-teal) 0%, var(--primary-teal) 100%);border-radius:30px;padding:45px 48px;}.contact-form-box.contact-form-3 .form-container-box *:not(input):not(textarea):not(select){color:#fff;}@media (max-width:992px){.contact-form-box.contact-form-3 .form-container-box{padding:35px;}}@media (max-width:575px){.contact-form-box.contact-form-3 .form-container-box{padding:28px 24px;}}.contact-form-box .form-brand-banner{display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:22px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);margin-bottom:28px;}.contact-form-box .brand-logo{width:72px;height:72px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px;box-shadow:0 20px 45px rgba(3,5,23,0.3);}.contact-form-box .brand-logo img{max-width:100%;height:auto;display:block;}@media (max-width:575px){.contact-form-box .form-brand-banner{flex-direction:column;text-align:center;}}.contact-form-box .brand-eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:0.25em;margin-bottom:6px;opacity:0.75;}.contact-form-box .brand-subtitle{margin:6px 0 0;font-size:14px;opacity:0.8;}.contact-form-box .form-brand-banner h4{font-size:1.5rem;margin:0;}.contact-form-box .form-divider{display:flex;align-items:center;gap:12px;margin:24px 0 32px;}.contact-form-box .form-divider span{flex:1;height:1px;background:rgba(255,255,255,0.2);}.contact-form-box .form-divider i{color:var(--color-secondary);font-size:20px;}.contact-section .contact-form-3 form .form-control{border:1px solid rgba(15,23,42,0.12);background:rgba(255,255,255,0.98);color:#0f172a;box-shadow:0 15px 35px rgba(6,12,34,0.25);}.contact-section .contact-form-3 form .form-control::placeholder{color:rgba(15,23,42,0.55);}.contact-section .contact-form-3 form .form-control:focus{border-color:rgba(15,23,42,0.35);box-shadow:0 0 0 2px rgba(15,23,42,0.15);background:#fff;}.contact-form-box .messages{margin-top:10px;}.contact-form-box .form-response{padding:16px 20px;border-radius:18px;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.04);color:#fff;margin-top:24px;transition:all 0.25s ease;}.contact-form-box .form-response .form-response-title{margin:0 0 6px;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.18em;color:rgba(255,255,255,0.75);}.contact-form-box .form-response .form-response-text{color:#fff;display:block;}.contact-form-box .form-response.alert-success{background:rgba(16,185,129,0.18);border-color:rgba(16,185,129,0.45);color:#e5fff6;}.contact-form-box .form-response.alert-success .form-response-icon{color:#36f5c3;}.contact-form-box .form-response.alert-danger{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.45);color:#ffe2e2;}.contact-form-box .form-response.alert-danger .form-response-icon{color:#ff9f9f;}.contact-form-box .form-response.alert-danger .form-response-title{color:#ffd4d4;}.contact-form-box .form-response.alert-danger .form-response-text{color:#ffffff ;}.contact-information-box-3{padding:25px 20px;border-radius:8px;margin-bottom:50px;}.contact-information-box-3 .single-contact-info-box{position:relative;z-index:1;padding:10px 10px;display:block;border-radius:3px;text-align:left;margin-bottom:10px;overflow:hidden;}.contact-information-box-3 .contact-info{position:relative;z-index:1;}.contact-information-box-3 .contact-info h6{font-size:18px;color:var(--text-color);margin-bottom:7px;text-transform:capitalize;}.contact-information-box-3 .contact-info p{color:var(--text-color);font-size:14px;font-weight:500;margin:0;}.contact-information-box-3 .single-contact-info-box .contact-info-bg-icon{color:#f44336;opacity:.2;position:absolute;left:0;right:0;bottom:-25px;margin:0 auto;z-index:-1;-webkit-transition:0.5s;transition:0.5s;}.contact-information-box-3 .single-contact-info-box .contact-info-bg-icon i{font-size:100px;}.contact-section .contact-form .form-group{margin-bottom:30px;}.contact-section .contact-form form textarea.form-control{height:auto;padding-top:15px;line-height:initial;}.contact-section .form-message{margin:0;}.contact-form button[type=submit]{font-family:var(--font-primary);font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:14px 40px;border-radius:50px;transition:0.3s;border:0;color:var(--text-white-color);background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));}.contact-form button[type=submit].is-loading{position:relative;pointer-events:none;opacity:0.85;padding-right:60px;}.contact-form button[type=submit].is-loading::after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,0.4);border-top-color:#fff;position:absolute;right:26px;top:50%;transform:translateY(-50%);animation:button-spin 0.6s linear infinite;}@keyframes button-spin{from{transform:translateY(-50%) rotate(0deg);}to{transform:translateY(-50%) rotate(360deg);}}.contact-form button[type=submit]:hover{color:var(--text-white-color);background:var(--primary-orange) ;text-decoration:underline ;}.contact-section .form-message.success{background:#03b103;color:#fff;padding:10px 15px;border-radius:3px;margin-bottom:30px;}.contact-section .form-message.error{background:#ff4d15;color:#fff;padding:10px 15px;border-radius:3px;margin-bottom:30px;}.contact-area .form-message.success{background:#03b103;color:#fff;padding:10px 15px;border-radius:3px;display:block;margin-bottom:15px;}.contact-area .form-message.error{background:#ff4d15;color:#fff;padding:10px 15px;border-radius:3px;display:block;margin-bottom:15px;}.with-errors{color:#dc3545;}.messages{margin-top:30px;}.alert-success{margin-left:15px;}.hidden{display:none;}#particles-js{position:absolute;z-index:0;top:0;right:0;left:0;bottom:0;}canvas{display:block;vertical-align:bottom;}.count-particles{background:#000022;position:absolute;top:48px;left:0;width:80px;color:#13E8E9;font-size:.8em;text-align:left;text-indent:4px;line-height:14px;padding-bottom:2px;font-family:Helvetica,Arial,sans-serif;font-weight:bold;}.js-count-particles{font-size:1.1em;}#stats,.count-particles{-webkit-user-select:none;margin-top:5px;margin-left:5px;}#stats{border-radius:3px 3px 0 0;overflow:hidden;}.count-particles{border-radius:0 0 3px 3px;}.footer-section{background:url(/assets/images/backgrounds/hero-bg.webp) center left;background-size:cover;padding:60px 0;border-radius:0px;position:relative;background-attachment:fixed;}.footer-section:before{content:"";position:absolute;left:0;bottom:0;top:0;right:0;width:100%;height:100%;background:var(--bg-dark);z-index:0;opacity:0.8;}.footer-cta{border-bottom:1px solid #373636;}.copyright-text{margin-top:30px;}.single-cta i{color:#1DA1F2;font-size:30px;float:left;margin-top:8px;}.cta-text{padding-left:15px;display:inline-block;}.cta-text h4{color:#1DA1F2;font-size:20px;font-weight:500;margin-bottom:2px;}.cta-text span{color:#757575;font-size:15px;}.footer-content{position:relative;z-index:2;}.footer-content .list{padding-left:0;}.footer-pattern img{position:absolute;top:0;left:0;height:330px;background-size:cover;background-position:100% 100%;}.footer-logo{margin-bottom:30px;}.footer-logo img{max-width:200px;height:auto;}.footer-widget ul li,.footer-widget ul li a{font-size:14px;}.footer-text p{margin-bottom:14px;font-size:14px;color:var(--text-white-color);line-height:28px;}.footer-social-icon span{color:var(--color-primary);display:block;font-size:20px;font-family:'Poppins',sans-serif;margin-bottom:20px;}.footer-social-icon a{color:#fff;font-size:16px;margin-right:15px;}.footer-social-icon i{height:40px;width:40px;text-align:center;line-height:41px;border-radius:50%;}.facebook-bg{background:var(--color-primary);}.twitter-bg{background:var(--color-primary);}.google-bg{background:var(--color-primary);}.footer-widget-heading h3{color:var(--color-primary);font-size:20px;font-weight:500;margin-bottom:20px;position:relative;}.footer-widget ul li{display:inline-block;float:left;width:100%;margin-bottom:12px;}.footer-widget ul li a:hover{color:var(--color-primary);}.footer-widget ul li a{color:var(--text-white-color);text-transform:capitalize;}.subscribe-form{position:relative;overflow:hidden;border-radius:50px;}.subscribe-form input{width:100%;padding:14px 28px;background:#e4e4e4;border:1px solid #e4e4e4;color:#222222;outline:none;}.subscribe-form button{position:absolute;right:-3px;background:transparent;border:0;top:-8px;}.subscribe-form button i{color:var(--color-primary);font-size:3rem;transform:rotate(-6deg);}.copyright-area{padding:25px 0;}.copyright-text p{margin:0;font-size:14px;color:#b9b9b9;}.copyright-text p a{color:var(--color-primary);}.footer-menu li{display:inline-block;margin-left:20px;}.footer-menu li:hover a{color:var(--color-primary);}.footer-menu li a{font-size:14px;color:#b9b9b9;}.footer-menu li a:hover{color:#000000;}

/* User request: Hover state for all main buttons - Orange background and white underline */
.btn-primary:hover,
.btn-secondary:hover,
.btn-get-started:hover,
.fill-btn:hover,
.cta-btn:hover,
.btn-template:hover,
.btn-hero-primary:hover,
.btn-hero-outline:hover,
.btn-hero-form:hover,
.btn-hero-submit:hover,
.about-btn:hover,
.about-btn.primary:hover,
.wbio-whatsapp-btn:hover,
.wbioFtr-cta-btn:hover,
.secondary-btn:hover,
.write-review-btn:hover,
.next-step:hover,
.prev-step:hover,
#submitBtn:hover {
    background: var(--primary-orange) ;
    background-color: var(--primary-orange) ;
    color: #fff ;
    text-decoration: underline ;
    text-decoration-color: #fff ;
    border-color: var(--primary-orange) ;
}

/* Fix for date input visibility on mobile */
input[type="date"] {
    color: #000000 ;
    background-color: #ffffff ;
    -webkit-appearance: none;
}




/* Breadcrumb overlay */.breadcrumbs .page-header.overlay-dark{position:relative;overflow:hidden;}.breadcrumbs .page-header.overlay-dark::before{content:'';position:absolute;inset:0;background:rgba(15, 23, 42, 0.65);z-index:1;}.breadcrumbs .page-header.overlay-dark>*{position:relative;z-index:2;}/* Betere leesbaarheid tekst in breadcrumb header */.page-header.overlay-dark h1{color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,0.8),0 4px 16px rgba(0,0,0,0.6);font-weight:700;}.page-header.overlay-dark p{color:#ffffff;text-shadow:0 2px 6px rgba(0,0,0,0.8),0 2px 12px rgba(0,0,0,0.6);font-weight:400;}

/* Zorg dat content nooit onder de vaste header schuift. Neutralized for Spacer approach. */
.sticked-header-offset{margin-top:0 ;}
@media (max-width:991px){.sticked-header-offset{margin-top:0 ;}}



/* Homepage Inline CSS Migrated */
    /* White background - specific selector to override styles.css */
    body#top {
      background-color: #ffffff;
    }

    /* ============================================
       HERO V2 - CLEAN & MODERN (EXACT MATCH)
       ============================================ */
    .hero-v2 {
      width: 100%;
      position: relative;
      padding: 40px 0 80px 0; /* Reduced for AuraHost V2 Header + Spacer */
      height: 85vh;
      min-height: 700px;
      background-color: #0F172A;
    }

    .bg-home {
      background: #0F172A; /* Fallback for video */
      background-size: cover ;
      background-position: center ;
    }

    .hero-clean {
      display: flex;
      align-items: center;
      min-height: 85vh;
      padding: 80px 0;
      overflow: hidden;
      background-color: #ffffff;
      z-index: 1;
    }

    @media (max-width: 991px) {
      .hero-clean {
        min-height: 75vh;
        padding: 60px 0;
      }
    }

    .hero-v2 .content-column {
      margin-top: 0; 
    }

    .hero-v2 .visual-column {
      margin-top: 0;
    }

    /* Main Colorful Geometric Shape */
    .hero-v2::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      background: var(--primary-gradient);
      clip-path: polygon(0 0, 100% 0, 100% 45%, 25% 85%, 0 65%);
      z-index: -2;
    }

    /* Orange & Yellow Multi-Stripes - Connecting perfectly at the sharp point */
    .hero-v2::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      background: linear-gradient(to right, #fbbf24 30%, var(--primary-blue) 100%);
      clip-path: polygon(25% 85%, 100% 45%, 100% 60%, 25% 85%);
      z-index: -1;
    }
    
    /* Extra subtle stripe for that "layered" mockup look */
    .hero-v2 .container::before {
      content: '';
      position: absolute;
      top: -100px;
      right: -100px;
      width: 500px;
      height: 1000px;
      background: rgba(255,255,255,0.03);
      transform: rotate(25deg);
      z-index: -1;
      pointer-events: none;
    }

    .hero-v2 .hero-title {
        font-size: 3.5rem;
        font-weight: 500;
        line-height: 1.1;
        margin-bottom: 0.8rem;
        color: #ffffff;
        text-transform: none;
        letter-spacing: -0.04em;
    }

    .hero-v2 .hero-lead {
        font-size: 1.4rem;
        color: #ffffff;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        max-width: 650px;
        font-weight: 400;
        opacity: 0.9;
    }

    .hero-v2 .hero-actions-new {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 1.2rem;
      margin-top: 1.2rem;
    }

    .hero-v2 .feature-item span {
        color: #ffffff ;
    }

    .hero-v2 .feature-item i {
        color: #ffffff ;
    }

    .hero-v2 .rating {
        color: #ffffff ;
    }

    .hero-v2 .trust-sub {
        color: rgba(255,255,255,0.8) ;
    }

    /* Form Card Matching Mockup */
    .hero-form-card {
        background: #ffffff;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.12);
        position: relative;
        width: 100%;
        max-width: 440px;
        margin-left: auto;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .hero-form-card::before, .hero-form-card::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 6px;
        background: linear-gradient(to right, #1DA1F2, #7B2FF7, var(--primary-blue));
        z-index: 10;
    }
    
    .hero-form-card::before {
        top: 0;
    }
    
    .hero-form-card::after {
        bottom: 0;
    }

    .hero-form-card .form-card-title {
        font-size: 1.8rem;
        font-weight: 850;
        color: #0F172A;
        line-height: 1.1;
        margin-bottom: 15px;
        letter-spacing: -0.02em;
    }

    .hero-form-header {
        padding: 40px 30px 5px;
    }

    .hero-form-card .form-body {
        padding: 5px 30px 35px;
    }

    .hero-form-card .form-control {
        height: 50px;
        background: #ffffff;
        border: 1.5px solid #E2E8F0;
        border-radius: 12px;
        padding: 0 22px;
        font-size: 1.1rem;
        margin-bottom: 20px;
        transition: all 0.2s ease;
        color: #0F172A;
    }

    .hero-form-card .form-control::placeholder {
        color: #A0AEC0;
        font-weight: 500;
    }

    .hero-form-card .form-control:focus {
        border-color: var(--primary-blue);
        box-shadow: 0 0 0 4px rgba(255, 142, 83, 0.1);
        outline: none;
    }

    .hero-form-card .btn-hero-form {
        width: 100%;
        height: 55px;
        background: var(--primary-blue);
        color: #fff;
        border: none;
        border-radius: 12px;
        font-weight: 800;
        font-size: 1.2rem;
        margin-top: 10px;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 10px 25px rgba(255, 142, 83, 0.3);
    }

    .hero-form-card .btn-hero-form:hover {
        background: var(--primary-orange) ;
        transform: translateY(-3px);
        box-shadow: 0 15px 35px rgba(255, 142, 83, 0.4);
        text-decoration: underline ;
    }

    /* Hero Buttons */
    .btn-hero-primary {
        background: var(--primary-blue); /* Solid orange to match mockup form */
        color: #ffffff ;
        padding: 14px 30px;
        border-radius: 12px;
        font-weight: 600;
        text-decoration: none;
        box-shadow: 0 10px 25px rgba(255, 142, 83, 0.3);
        transition: all 0.3s ease;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        border: none;
    }
    .btn-hero-primary:hover {
        background: var(--primary-orange) ;
        transform: translateY(-3px);
        box-shadow: 0 15px 35px rgba(255, 142, 83, 0.4);
        text-decoration: underline ;
    }
    
    @media (max-width: 991px) {
        .hero-v2 {
            min-height: auto;
            padding-top: 40px; /* Reduced for AuraHost V2 Header + Spacer */
            padding-bottom: 80px;
            text-align: center;
        }
        .hero-v2 .hero-title {
            font-size: 3.2rem;
        }
        .hero-form-card {
            margin: 40px auto 0;
        }
        .hero-form-header, .hero-form-card .form-body {
            padding: 30px 25px;
        }
    }

    .hero-v2-bg {
      display: none;
    }
    .hero-v2-img {
      display: none;
    }
    .hero-v2-overlay {
      display: none;
    }
    .hero-v2 .container {
      position: relative;
      z-index: 3;
      margin-top: 0;
    }
    /* Critical Hero Visibility */
    .hero-v2 .hero-title, .hero-v2 .hero-lead {
      visibility: visible ;
      opacity: 1 ;
    }
    @media (min-width: 992px) {
      section.hero-v2 {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: calc(100vh - 135px);
        text-align: left;
        padding-top: 0;
        padding-bottom: 0;
      }
      section.hero-v2 .container {
        padding-top: 0;
        margin-top: 0;
      }
      section.hero-v2 .content-column {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
      }
      section.hero-v2 .hero-actions {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 2rem;
      }
    }

    /* CTA Improvements (New Conversion Booster) */
    .cta-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0.5rem;
    }
    .cta-micro-note {
      font-size: 0.75rem;
      font-weight: 600;
      color: rgba(0,0,0,0.7);
      display: flex;
      align-items: center;
      gap: 4px;
    }
    .cta-micro-note i {
      color: var(--primary-teal);
    }
    @media (min-width: 992px) {
      .cta-wrapper { align-items: flex-start; }
    }

    .hero-v2 .hero-title .highlight {
      background: linear-gradient(135deg, var(--primary-teal) 0%, var(--primary-green) 100%);
      color: #ffffff;
      padding: 10px 28px;
      border-radius: 100px;
      display: inline-flex;
      align-items: center;
      font-weight: 500;
      margin-top: 20px;
      position: relative;
      z-index: 1;
      box-shadow: 0 15px 35px rgba(29, 161, 242, 0.25);
      border: 1px solid rgba(0, 0, 0, 0.1);
      letter-spacing: -0.01em;
    }
    .hero-v2 .hero-lead {
      font-size: 1.25rem;
      color: #ffffff;
      opacity: 1;
      margin-bottom: 2rem;
      max-width: 600px;
    }
    .hero-v2 .hero-features {
      gap: 1rem;
      margin-bottom: 2.5rem;
    }
    .hero-v2 .feature-item {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      font-weight: 600;
    }
    .hero-v2 .feature-item i {
      color: var(--primary-teal);
      font-size: 1.25rem;
      filter: drop-shadow(0 0 5px rgba(46, 211, 145, 0.2));
    }

    /* Global standout green for check icons */
    .bi-check2-circle {
      color: var(--primary-teal) ;
    }
    .hero-v2 .btn-hero-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: var(--primary-blue);
      color: #ffffff ;
      padding: 1.1rem 3.5rem;
      border-radius: 12px;
      font-weight: 800;
      font-size: 1.25rem;
      text-decoration: none;
      transition: all 0.3s ease;
      box-shadow: 0 10px 25px rgba(255, 142, 83, 0.3);
      border: none;
    }
    .hero-v2 a.btn-hero-primary:hover {
      transform: translateY(-3px);
      box-shadow: 0 15px 35px rgba(255, 142, 83, 0.4);
      background: var(--primary-orange) ;
      color: #ffffff ;
      text-decoration: underline ;
    }

    .hero-v2 .btn-hero-outline {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      color: #ffffff ;
      padding: 0.9rem 3rem;
      border-radius: 12px;
      font-weight: 700;
      font-size: 1.1rem;
      text-decoration: none;
      transition: all 0.3s ease;
      border: 2px solid #ffffff;
    }

    .hero-v2 .btn-hero-outline:hover {
      background: var(--primary-orange) ;
      transform: translateY(-3px);
      text-decoration: underline ;
    }
    .hero-v2 .hero-trust {
      margin-top: 1.5rem;
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
    }
    .hero-v2 .stars { color: #fabb05; font-size: 1rem; }
    .hero-v2 .rating { font-weight: 800; margin-left: 5px; color: #000; }
    .hero-v2 .trust-sub { font-size: 0.85rem; opacity: 1; color: #000; }

    .hero-v2 .showcase-intro {
      font-size: 0.85rem;
      font-weight: 800;
      color: #000;
      text-transform: none;
      letter-spacing: 1px;
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .hero-v2 .showcase-intro::after {
      content: '';
      flex: 1;
      height: 1px;
      background: rgba(46, 211, 145, 0.2);
    }
    .hero-v2 .hero-showcase {
      position: relative;
      perspective: 1500px;
      margin-bottom: 2.5rem;
      z-index: 10;
    }
    .hero-v2 .showcase-inner {
      position: relative;
      transform: scale(1.0) rotateY(-8deg) rotateX(4deg);
      transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .hero-v2 .hero-showcase:hover .showcase-inner {
      transform: scale(1.0) rotateY(0deg) rotateX(0deg);
    }
    .hero-v2 .showcase-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 18px;
    }
    .hero-v2 .showcase-badge {
      position: absolute;
      bottom: -15px;
      left: -20px;
      background: #fff;
      padding: 0.85rem 1.75rem;
      border-radius: 15px;
      box-shadow: 0 15px 35px rgba(0,0,0,0.2);
      color: #111;
      z-index: 4;
      border-left: 4px solid var(--primary-teal);
      transition: all 0.3s ease;
    }
    .hero-v2 .hero-showcase:hover .showcase-badge {
      transform: translateX(-10px);
    }
    .hero-v2 .showcase-badge .label { font-size: 0.75rem; font-weight: 800; display: block; opacity: 0.6; color: #666; }
    .hero-v2 .showcase-badge .name { font-size: 0.9rem; font-weight: 700; color: #1B8C5E; }

    /* Showcase Slider Styling */
    .showcase-slider {
      overflow: visible;
      width: 100%;
    }
    .showcase-slider .swiper-slide {
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .showcase-slider .swiper-slide-active {
      opacity: 1;
    }
    .showcase-slider .showcase-next, 
    .showcase-slider .showcase-prev {
      color: #fff;
      background: var(--gradient-main);
      width: 45px;
      height: 45px;
      border-radius: 50%;
      transition: all 0.3s ease;
      box-shadow: 0 5px 15px rgba(46, 211, 145, 0.3);
      top: 50%;
      z-index: 100;
    }
    .showcase-slider .showcase-next::after, 
    .showcase-slider .showcase-prev::after {
      font-size: 18px;
      font-weight: 900;
    }
    .showcase-slider .showcase-next:hover, 
    .showcase-slider .showcase-prev:hover {
      transform: scale(1.1);
      box-shadow: 0 8px 25px rgba(46, 211, 145, 0.5);
    }
    .showcase-slider .showcase-prev { left: -60px; }
    .showcase-slider .showcase-next { right: -60px; }
    
    @media (max-width: 1200px) {
      .showcase-slider .showcase-prev { left: -30px; }
      .showcase-slider .showcase-next { right: -30px; }
    }
    
    @media (max-width: 991px) {
      div.showcase-slider { overflow: hidden; padding: 20px 0; }
      .showcase-slider .showcase-prev { left: 10px; width: 35px; height: 35px; }
      .showcase-slider .showcase-next { right: 10px; width: 35px; height: 35px; }
      .showcase-slider .showcase-next::after, 
      .showcase-slider .showcase-prev::after { font-size: 14px; }
    }

    /* Accordion Form */
    .hero-v2 .hero-accordion {
      margin-top: 2.75rem;
      background: #ffffff;
      border-radius: 24px;
      overflow: hidden;
      box-shadow: 0 20px 50px rgba(0,0,0,0.3);
      border: 1px solid rgba(46, 211, 145, 0.2);
      transition: all 0.4s ease;
    }
    
    .hero-v2 .hero-showcase {
      position: relative;
      perspective: 1500px;
      margin-bottom: 2.5rem;
      z-index: 10;
      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
      max-height: 800px;
      opacity: 1;
      visibility: visible;
    }
    
    .hero-v2 .hero-showcase.hide-for-form {
      max-height: 0;
      opacity: 0;
      visibility: hidden;
      margin-bottom: 0;
      pointer-events: none;
    }

    .hero-v2 .showcase-intro {
      font-size: 0.85rem;
      font-weight: 800;
      color: #000;
      /* text-transform removed */
      letter-spacing: 1px;
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      gap: 10px;
      transition: all 0.5s ease;
    }

    .hero-v2 .showcase-intro.hide-for-form {
      max-height: 0;
      opacity: 0;
      margin-bottom: 0;
      overflow: hidden;
    }

    .hero-v2 .accordion-trigger {
      width: 100%;
      padding: 0.85rem 1.75rem;
      background: #ffffff;
      border: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 800;
      color: #111;
      cursor: pointer;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      font-size: 1.1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }
    .hero-v2 .accordion-trigger:hover { 
      background: #f8fdfa; 
      box-shadow: 0 8px 20px rgba(46, 211, 145, 0.12);
      transform: translateY(-2px);
    }
    .hero-v2 .accordion-trigger .trigger-text {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .hero-v2 .accordion-trigger .trigger-icon {
      width: 38px;
      height: 38px;
      background: rgba(46, 211, 145, 0.1);
      color: var(--primary-teal);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      position: relative;
    }
    .hero-v2 .accordion-trigger .status-dot {
      position: absolute;
      top: 0;
      right: 0;
      width: 10px;
      height: 10px;
      background: var(--primary-teal);
      border-radius: 50%;
      border: 2px solid #fff;
    }
    .hero-v2 .accordion-trigger .status-dot::after {
      content: '';
      position: absolute;
      top: -2px; left: -2px; width: 10px; height: 10px;
      background: var(--primary-teal);
      border-radius: 50%;
      animation: statusPulse 2s infinite;
    }
    .hero-v2 .accordion-trigger .status-dot::before {
      content: '';
      position: absolute;
      top: -2px; left: -2px; width: 10px; height: 10px;
      background: var(--primary-teal);
      border-radius: 50%;
      animation: statusPulse 2s infinite;
      animation-delay: 1s;
    }
    @keyframes statusPulse {
      0% { transform: scale(1); opacity: 0.8; }
      100% { transform: scale(3.5); opacity: 0; }
    }
    
    .hero-v2 .accordion-trigger .trigger-text {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
    }
    .hero-v2 .accordion-trigger .main-title {
      font-weight: 800;
      font-size: 1rem;
      color: #111;
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .hero-v2 .accordion-trigger .sub-curiosity {
      font-size: 0.75rem;
      color: var(--primary-teal);
      font-weight: 700;
      margin-left: 50px;
      opacity: 0.9;
      margin-top: -3px;
      display: inline-block;
      animation: textPulse 4s infinite;
    }

    @keyframes textPulse {
      0%, 100% { opacity: 0.9; transform: scale(1); }
      50% { opacity: 1; transform: scale(1.03); color: #1fb17a; }
    }

    .hero-v2 .accordion-trigger i.chevron { 
      transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
      color: #cbd5e1;
      font-size: 1rem;
    }

    .hero-v2 .accordion-trigger:not(.active) {
      animation: buttonNudge 8s infinite;
    }

    @keyframes buttonNudge {
      0%, 90%, 100% { transform: translateX(0); }
      92% { transform: translateX(3px); }
      94% { transform: translateX(-3px); }
      96% { transform: translateX(2px); }
      98% { transform: translateX(-2px); }
    }

    .hero-v2 .accordion-trigger:not(.active) .trigger-icon {
      animation: iconAttention 4s infinite;
    }

    @keyframes iconAttention {
      0%, 80%, 100% { transform: scale(1) rotate(0); }
      82% { transform: scale(1.2) rotate(-10deg); }
      84% { transform: scale(1.2) rotate(10deg); }
      86% { transform: scale(1.2) rotate(-10deg); }
      88% { transform: scale(1.2) rotate(10deg); }
    }

    .hero-v2 .accordion-trigger.active {
      background: #ffffff;
      border-bottom: 1px solid #f0f0f0;
    }
    .hero-v2 .accordion-trigger.active i.chevron { transform: rotate(180deg); }
    
    .hero-v2 .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
      padding: 0 2rem;
      background: #ffffff;
    }
    .hero-v2 .accordion-content.active {
      max-height: 1200px;
      padding: 1.5rem 1.75rem 2rem;
    }

    .hero-v2 .form-step-indicator {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 1rem;
    }
    .hero-v2 .step-dot {
      height: 6px;
      width: 24px;
      background: #eee;
      border-radius: 10px;
      transition: all 0.3s ease;
    }
    .hero-v2 .step-dot.active {
      background: var(--primary-teal);
      width: 40px;
    }

    .hero-v2 .owner-mini-card {
      display: flex;
      align-items: center;
      gap: 15px;
      background: #f8fafc;
      padding: 10px 14px;
      border-radius: 15px;
      margin-bottom: 1.25rem;
      border: 1px solid #edf2f7;
    }
    body#top .hero-v2 .owner-mini-card img {
      width: 45px;
      height: 45px;
      flex-shrink: 0;
      border-radius: 50%;
      object-fit: cover;
      border: 2px solid #fff;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    .hero-v2 .owner-mini-card .text-content {
      font-size: 0.85rem;
      line-height: 1.4;
      color: #444;
    }
    .hero-v2 .owner-mini-card strong {
      color: #111;
      display: block;
      margin-bottom: 2px;
    }

    .hero-v2 .hero-form .floating-group {
      position: relative;
      margin-bottom: 1.25rem;
    }
    body#top .hero-v2 .hero-form .form-control { 
      border-radius: 14px; 
      border: 2px solid #f0f0f0; 
      padding: 1.25rem 1rem 0.5rem 3rem; 
      font-size: 1rem; 
      background: #fcfcfc;
      transition: all 0.25s ease;
      color: #111;
      height: auto;
      font-weight: 500;
    }
    body#top .hero-v2 .hero-form label { 
      position: absolute;
      left: 3rem;
      top: 0.9rem;
      font-size: 0.95rem; 
      font-weight: 600; 
      color: #888; 
      transition: all 0.2s ease;
      pointer-events: none;
      margin: 0;
    }
    .hero-v2 .hero-form .form-control:focus,
    .hero-v2 .hero-form .form-control:not(:placeholder-shown) {
      border-color: #1B8C5E;
      background: #fff;
      padding-top: 1.5rem;
      padding-bottom: 0.25rem;
    }
    .hero-v2 .hero-form .form-control:focus + label,
    .hero-v2 .hero-form .form-control:not(:placeholder-shown) + label {
      top: 0.4rem;
      font-size: 0.75rem;
      color: #1B8C5E;
    }
    .hero-v2 .hero-form .input-icon {
      position: absolute;
      left: 1.2rem;
      top: 1.1rem;
      color: #ccc;
      font-size: 1.1rem;
      transition: all 0.2s ease;
    }
    .hero-v2 .hero-form .form-control:focus ~ .input-icon {
      color: #1B8C5E;
    }
    
    .hero-v2 .hero-form textarea.form-control {
      min-height: 120px;
      resize: none;
    }
    
    .hero-v2 .hero-form button {
      width: 100%;
      background: var(--gradient-main);
      color: #fff;
      border: none;
      padding: 1.1rem;
      border-radius: 16px;
      font-weight: 800;
      font-size: 1.1rem;
      margin-top: 1rem;
      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      cursor: pointer;
      box-shadow: 0 10px 25px rgba(46, 211, 145, 0.4);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
    }
    .hero-v2 .hero-form button:hover { 
      transform: translateY(-3px) scale(1.02);
      box-shadow: 0 15px 30px rgba(46, 211, 145, 0.5);
    }
    .hero-v2 .hero-form button i {
      font-size: 1.4rem;
      transition: transform 0.3s ease;
    }
    .hero-v2 .hero-form button:hover i {
      transform: translateX(5px);
    }

    .hero-v2 .form-footer-note {
      text-align: center;
      margin-top: 1.5rem;
      font-size: 0.85rem;
      color: #777;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 500;
    }
    .hero-v2 .form-footer-note i {
      color: var(--primary-teal);
      font-size: 1rem;
    }

    .hero-v2 .pulse-dot {
      width: 8px;
      height: 8px;
      background: var(--primary-teal);
      border-radius: 50%;
      position: relative;
    }
    .hero-v2 .pulse-dot::after {
      content: '';
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      background: var(--primary-teal);
      border-radius: 50%;
      animation: heroPulse 2s infinite;
    }
    @keyframes heroPulse {
      0% { transform: scale(1); opacity: 0.8; }
      100% { transform: scale(2.5); opacity: 0; }
    }

    .hero-v2 .hero-badges {
      margin-top: 2.5rem;
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
    }
    .hero-v2 .badge-item { font-size: 0.75rem; font-weight: 700; /* text-transform removed */ letter-spacing: 0.5px; opacity: 1; display: flex; align-items: center; gap: 0.5rem; color: #000; }

    @media (max-width: 991px) {
      section.hero-v2 div.hero-v2-bg {
        background-image: url('/assets/images/covers/mobiel-cover-new.webp');
        background-position: center bottom; /* Bij deze foto is de onderkant belangrijker */
        background-size: cover;
        background-attachment: scroll;
      }
      section.hero-v2 {
        padding-top: 140px; /* Meer ruimte voor de mobiele header */
        padding-bottom: 60px;
        text-align: center;
        margin-top: 0;
        min-height: 100vh;
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        height: auto;
      }
      section.hero-v2 .container {
        padding-bottom: 20px;
        width: 100%;
      }
      section.hero-v2 .hero-title {
        font-size: 2.2rem;
        line-height: 1.15;
        margin-bottom: 1.2rem;
        padding: 0 15px;
        color: #ffffff;
      }
      section.hero-v2 .hero-lead { 
        margin-inline: auto; 
        font-size: 1.05rem; 
        padding: 0 20px;
        margin-bottom: 1.8rem;
        color: #ffffff;
      }
      section.hero-v2 .hero-actions-new { 
        justify-content: center;
        width: 100%;
        flex-direction: column;
        gap: 12px;
        padding: 0 20px;
      }
      section.hero-v2 .btn-hero-primary, 
      section.hero-v2 .btn-hero-outline {
        width: 100% ;
        max-width: 320px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        padding: 14px 20px;
        font-size: 1rem;
      }
      section.hero-v2 .hero-form-card {
        margin-top: 35px;
        border-radius: 15px;
      }
      section.hero-v2 .hero-form-header {
        padding: 25px 20px 5px;
      }
      section.hero-v2 .form-card-title {
        font-size: 1.6rem;
      }
      section.hero-v2 .form-body {
        padding: 5px 20px 25px;
      }
      section.hero-v2 .form-control {
        height: 50px ;
      }
      section.hero-v2 .btn-hero-form {
        height: 55px;
        font-size: 1.15rem;
      }
      section.hero-v2 .hero-features { 
        grid-template-columns: 1fr; 
        max-width: 320px; 
        margin-inline: auto; 
        text-align: left;
        gap: 0.5rem;
        margin-bottom: 1.5rem;
      }
      section.hero-v2 .hero-actions { 
        display: flex; 
        flex-direction: column; 
        align-items: center; 
        gap: 1.5rem; 
      }
      section.hero-v2 .hero-badges { justify-content: center; margin-top: 1.5rem; }
      section.hero-v2 .hero-accordion { margin-top: 2rem; width: 100%; }
      section.hero-v2 .showcase-inner { transform: none; }
      section.hero-v2 .showcase-badge { left: 0; bottom: 10px; }
    }

    @media (min-width: 992px) {
      .hero-v2 { padding-top: 40px; } /* Reduced for AuraHost V2 Header + Spacer */
    }
    
    /* End Hero V2 */

    /* RTL label - geen spaties tussen letters, alleen tussen woorden - wit en opvallend */
    body#top .rtl-label {
      letter-spacing: 0;
      color: #ffffff;
      font-weight: 700;
      font-size: 16px;
      background: rgba(0, 0, 0, 0.6);
      padding: 10px 20px;
      border-radius: 25px;
      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(10px);
      transition: opacity 0.3s ease, visibility 0.3s ease;
      text-transform: none;
    }
    
    /* Override text-transform voor rtl-button */
    body#top #rtl-button {
      text-transform: none;
    }
    
    /* Verberg rtl-label en rtl-button bij scrollen */
    body.scrolled#top .rtl-label {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }
    
    body.scrolled#top #rtl-button {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.3s ease, visibility 0.3s ease;
    }
    
    .recent-posts {
      padding: 80px 0;
      background-color: var(--bg-light);
    }

    .recent-posts .section-header {
      text-align: left;
      margin-bottom: 45px;
    }

    /* Klantverhalen / Case Study Cards */
    .case-study-card {
      background: #fff;
      border-radius: 24px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      height: 100%;
      border: 1px solid rgba(0,0,0,0.05);
      box-shadow: 0 5px 20px rgba(0,0,0,0.03);
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
      cursor: pointer;
      text-decoration: none;
      position: relative;
    }

    .case-study-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 25px 50px rgba(0,0,0,0.1);
      border-color: rgba(46, 211, 145, 0.2);
    }

    .case-study-img-wrapper {
      position: relative;
      width: 100%;
      height: 240px;
      overflow: hidden;
    }

    .case-study-img-wrapper::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.05));
      z-index: 1;
    }

    .case-study-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      display: block;
      transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .case-study-card:hover .case-study-img {
      transform: scale(1.08);
    }

    .case-study-badge {
      position: absolute;
      top: 18px;
      left: 18px;
      padding: 7px 16px;
      border-radius: 50px;
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      z-index: 2;
      background: rgba(255,255,255,0.9);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transition: all 0.3s ease;
    }

    .case-study-card:hover .case-study-badge {
      transform: scale(1.05);
      background: #ffffff;
    }

    .case-study-body {
      padding: 1.8rem;
      display: flex;
      flex-direction: column;
      flex: 1;
    }

    .case-study-title {
      font-size: 1.35rem;
      font-weight: 800;
      margin-bottom: 12px;
      line-height: 1.3;
      color: var(--color-dark);
      transition: color 0.3s ease;
    }

    .case-study-card:hover .case-study-title {
      color: var(--color-primary);
    }

    .case-study-text {
      color: #64748b;
      font-size: 0.95rem;
      line-height: 1.6;
      margin-bottom: 25px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .case-study-footer {
      margin-top: auto;
      padding-top: 20px;
      border-top: 1px solid #f1f5f9;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .case-study-author {
      font-size: 0.85rem;
      font-weight: 700;
      color: #1e293b;
    }

    .case-study-stat {
      font-weight: 800;
      font-size: 0.9rem;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    /* Make sure row uses flexbox for equal heights */
    #recent-posts .row,
    .recent-posts .row {
      display: flex;
      flex-wrap: wrap;
    }
    
    #recent-posts .col-lg-4,
    .recent-posts .col-lg-4 {
      display: flex;
      flex-direction: column;
    }
    
    /* Title should grow to fill space */
    #recent-posts article .title,
    .recent-posts article .title {
      flex-grow: 1;
      display: flex;
      align-items: flex-start;
    }
    
    #recent-posts article .title a,
    .recent-posts article .title a {
      display: block;
      width: 100%;
    }
    
    /* Content padding inside article (except image) */
    #recent-posts article .post-category,
    .recent-posts article .post-category,
    #recent-posts article .title,
    .recent-posts article .title,
    #recent-posts article .post-meta,
    .recent-posts article .post-meta {
      padding-left: 20px;
      padding-right: 20px;
    }
    
    #recent-posts article .post-category,
    .recent-posts article .post-category {
      padding-top: 20px;
      margin-bottom: 10px;
    }
    
    #recent-posts article .title,
    .recent-posts article .title {
      margin-bottom: 15px;
    }
    
    #recent-posts article .post-meta,
    .recent-posts article .post-meta {
      padding-bottom: 20px;
    }
    
    /* Make post-meta container full width and center content */
    #recent-posts article .d-flex.align-items-center[style*="margin-top: auto"],
    .recent-posts article .d-flex.align-items-center[style*="margin-top: auto"] {
      width: 100%;
      justify-content: center;
    }
    
    #recent-posts article .d-flex.align-items-center .post-meta,
    .recent-posts article .d-flex.align-items-center .post-meta {
      width: 100%;
      text-align: center;
    }
    
    /* Ensure col-lg-4 doesn't add unwanted spacing */
    #recent-posts .col-lg-4,
    .recent-posts .col-lg-4 {
      padding-left: 15px;
      padding-right: 15px;
    }
    
    #recent-posts .col-lg-4 .case-study-card,
    .recent-posts .col-lg-4 .case-study-card {
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0;
    }
    
    /* Ensure case-study-img-wrapper takes full width */
    #recent-posts .case-study-card .case-study-img-wrapper,
    .recent-posts .case-study-card .case-study-img-wrapper {
      width: 100%;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }
    
    /* Force images to be exactly card width */
    #recent-posts .case-study-card .case-study-img,
    .recent-posts .case-study-card .case-study-img {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
    }
    
    /* Instagram link styling in blog section */
    #recent-posts .section-header a[href*="instagram"],
    .recent-posts .section-header a[href*="instagram"] {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--color-primary);
      text-decoration: none;
      font-weight: 600;
      transition: color 0.3s ease, transform 0.2s ease;
    }
    
    #recent-posts .section-header a[href*="instagram"]:hover,
    .recent-posts .section-header a[href*="instagram"]:hover {
      color: #E4405F;
      transform: translateY(-2px);
    }
    
    #recent-posts .section-header a[href*="instagram"] i,
    .recent-posts .section-header a[href*="instagram"] i {
      font-size: 20px;
      transition: transform 0.3s ease;
    }
    
    #recent-posts .section-header a[href*="instagram"]:hover i,
    .recent-posts .section-header a[href*="instagram"]:hover i {
      transform: scale(1.1);
    }
    
    @media (max-width: 767px) {
      #recent-posts .case-study-img-wrapper,
      .recent-posts .case-study-img-wrapper {
        height: 220px;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
      }
      
      #recent-posts .case-study-img,
      .recent-posts .case-study-img,
      #recent-posts .case-study-card .case-study-img,
      .recent-posts .case-study-card .case-study-img {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: 100%;
      }
      
      #recent-posts .case-study-card,
      .recent-posts .case-study-card {
        width: 100%;
        margin-bottom: 20px;
      }
      
      #recent-posts .col-lg-4,
      .recent-posts .col-lg-4 {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0;
      }
    }
    
/* Adjust wt-scroll-top button position - Centered at the bottom */
    body#top .wt-scroll-top {
      bottom: 30px;
      left: 50%;
      right: auto;
      transform: translateX(-50%);
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
    }

    .wt-scroll-top:hover {
      background: var(--accent-color);
      color: #fff;
      transform: translateX(-50%) translateY(-5px);
    }

    /* Alleen zichtbaar wanneer JavaScript .active class toevoegt na scrollen */
    body#top .wt-scroll-top.active {
      display: flex;
      visibility: visible;
      opacity: 1;
      pointer-events: auto;
    }

    @media (max-width: 991px) {
      body#top .wt-scroll-top {
        bottom: 85px ;
      }
    }

    @media (max-width: 767px) {
      /* Scroll-top centered on mobile */
      body#top .wt-scroll-top {
        bottom: 85px ;
      }
    }

    @media (max-width: 480px) {
      /* Scroll-top centered on small mobile */
      body#top .wt-scroll-top {
        bottom: 80px ;
      }
    }
    
    /* Ensure member container doesn't restrict height */
    body#top #team .member,
    body#top .team .member {
      overflow: hidden;
    }
    
    /* Team member names - correct Dutch capitalization (override h4 transform) */
    body#top #team .member h4,
    body#top .team .member h4,
    body#top section#team .member h4,
    body#top section.team .member h4,
    body#top .sections-bg .member h4,
    body#top .team.sections-bg .member h4 {
      text-transform: none;
      font-variant: normal;
    }
    
    body#top #team .member h4::first-letter,
    body#top .team .member h4::first-letter,
    body#top section#team .member h4::first-letter {
      text-transform: none;
    }
    
    /* Team section "Lees meer" button styling */
    body#top #team .team-read-more-btn,
    body#top .team .team-read-more-btn {
      display: inline-block;
      padding: 15px 40px;
      background: var(--gradient-main);
      color: #ffffff;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 600;
      font-size: 18px;
      transition: all 0.3s ease;
      box-shadow: 0 4px 15px rgba(46, 211, 145, 0.3);
      border: none;
      cursor: pointer;
      margin: 20px 0;
      min-width: 250px;
      text-align: center;
    }
    
    body#top #team .team-read-more-btn:hover,
    body#top .team .team-read-more-btn:hover {
      background: var(--gradient-main);
      filter: brightness(1.1);
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(46, 211, 145, 0.4);
      text-decoration: none;
      color: #ffffff;
    }
    
    body#top #team .team-read-more-btn:active,
    body#top .team .team-read-more-btn:active {
      transform: translateY(0);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    }
    
    /* Ensure button container is visible */
    body#top #team .text-center,
    body#top .team .text-center {
      width: 100%;
      display: block;
      visibility: visible;
      opacity: 1;
    }
    
    /* Clients section - equal size and color logos */
    section.clients .swiper-slide img {
      max-width: 150px;
      max-height: 80px;
      width: auto;
      height: auto;
      object-fit: contain;
      filter: none;
      opacity: 1;
      transition: transform 0.3s ease;
    }
    
    .clients .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100px;
    }
    
    .clients .swiper-slide:hover img {
      transform: scale(1);
    }
    
    /* Mobile responsive styles voor what-you-get sectie */
    @media (max-width: 991px) {
      section#what-you-get .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
      }
      
      section#what-you-get .feature-card {
        margin-bottom: 20px;
      }
      
      section#what-you-get .feature-card.featured {
        border-width: 1.5px;
      }
      
      section#what-you-get .feature-card h3 {
        font-size: 18px;
      }
      
      section#what-you-get .feature-card.featured h3 {
        font-size: 20px;
      }
    }
    
    @media (max-width: 767px) {
      /* Header CSS verwijderd - wordt geladen via header-unique.css */
      
      /* Services sectie - zelfde ruimte links */
      body#top #services .row.gy-4 > div,
      body#top #services .row > div,
      body#top #services .col-lg-12 > div {
        padding-left: 20px;
      }
      
      /* Recent posts sectie - eigen CSS voor netjes centreren op mobiel (zoals pricing) */
      body#top .recent-posts-container {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }
      
      body#top .recent-posts-container > * {
        text-align: center;
      }
      
      body#top .recent-posts-container .row {
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
      }
      
      body#top .recent-posts-container .col-12,
      body#top .recent-posts-container .col-md-6,
      body#top .recent-posts-container .col-lg-3,
      body#top .recent-posts-container .col-lg-4 {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
      }
      
      body#top .recent-posts-container .section-header {
        text-align: left;
        padding-left: 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-height: 97px;
      }
      
      body#top .recent-posts-container .section-header h2,
      body#top .recent-posts-container .section-header p {
        text-align: left;
        padding-left: 0;
        margin-top: auto;
        margin-bottom: 0;
      }
      
      /* FAQ sectie - eigen CSS voor netjes centreren op mobiel (zoals pricing) */
      body#top .faq-container {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }
      
      body#top .faq-container > * {
        text-align: center;
      }
      
      body#top .faq-container .row {
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
      }
      
      body#top .faq-container .col-12,
      body#top .faq-container .col-md-6,
      body#top .faq-container .col-lg-12 {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
      }
      
      body#top .faq-container .section-header {
        text-align: center;
        padding-left: 10px;
      }
      
      body#top .faq-container .section-header h2,
      body#top .faq-container .section-header p {
        text-align: center;
        padding-left: 0;
      }
      

      /* Contact sectie - zelfde ruimte links en formulier gecentreerd */
      body#top #contact .container {
        padding-left: 20px;
        padding-right: 20px;
      }
      
      /* Contact sectie header - meer ruimte links */
      body#top #contact .section-header {
        padding-left: 10px;
      }
      
      body#top #contact .section-header h2,
      body#top #contact .section-header p {
        padding-left: 0;
      }
      
      body#top #contact .form-container-box,
      body#top #contact .contact-form-box {
        margin-left: auto;
        margin-right: auto;
        padding: 30px 20px;
        width: 100%;
        max-width: 500px;
        text-align: left;
        box-sizing: border-box;
      }
      
      body#top #contact .form-container-box > *,
      body#top #contact .contact-form-box > * {
        text-align: left;
      }
      
      body#top #contact .row {
        margin-left: 0;
        margin-right: 0;
      }
      
      body#top #contact .col-lg-12,
      body#top #contact .col-md-12 {
        padding-left: 0;
        padding-right: 0;
      }
      
      body#top #what-you-get {
        padding: 40px 0;
      }
      
      body#top #what-you-get h2 {
        font-size: 26px;
        margin-bottom: 30px;
      }
      
      body#top #what-you-get .feature-card {
        padding: 25px 20px;
      }
      
      body#top #what-you-get .feature-card > div:first-child {
        font-size: 40px;
        margin-bottom: 15px;
      }
      
      /* CTA buttons full width op mobiel */
      body#top #what-you-get a[href="/contact"],
      body#top #what-you-get a[href*="plan-gratis-advies"] {
        min-width: 100%;
        width: 100%;
        display: block;
      }
      
      body#top #what-you-get .feature-card + div {
        margin-top: 40px;
      }
      
      /* Trust elements stack beter op mobiel */
      body#top #what-you-get .feature-card + div > div:last-child {
        flex-direction: column;
        gap: 12px;
      }
      
      /* Contact formulier h3: (15 min) op nieuwe regel op mobiel */
      #contact h3 .mobile-line-break {
        display: block;
      }
      

      /* Wat krijg je precies sectie - eigen CSS voor netjes centreren op mobiel */
      body#top .what-you-get-container {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }
      
      body#top .what-you-get-container > * {
        text-align: center;
      }
      
      body#top .what-you-get-container .row {
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
      }
      
      body#top .what-you-get-container .col-12,
      body#top .what-you-get-container .col-md-6,
      body#top .what-you-get-container .col-lg-3 {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
      }
      
      body#top .what-you-get-container h2 {
        text-align: center;
      }
      
      /* Steps sectie - eigen CSS voor netjes centreren op mobiel */
      body#top .steps-container {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }
      
      body#top .steps-container > * {
        text-align: center;
      }
      
      body#top .steps-container .row {
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
      }
      
      body#top .steps-container .col-12,
      body#top .steps-container .col-md-6,
      body#top .steps-container .col-lg-3 {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
      }
      
      body#top .steps-container .section-header {
        text-align: center;
      }
      
      body#top .steps-container .section-header h2,
      body#top .steps-container .section-header p {
        text-align: center;
      }
      
      /* Pricing sectie - eigen CSS voor netjes centreren op mobiel */
      body#top .pricing-container {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }
      
      body#top .pricing-container > * {
        text-align: center;
      }
      
      body#top .pricing-container .row {
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
      }
      
      body#top .pricing-container .col-12,
      body#top .pricing-container .col-md-6,
      body#top .pricing-container .col-lg-3,
      body#top .pricing-container .col-lg-4 {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
      }
      
      body#top .pricing-container .section-header {
        text-align: center;
      }
      
      body#top .pricing-container .section-header h2,
      body#top .pricing-container .section-header p {
        text-align: center;
      }
      
      /* Team sectie - eigen CSS voor netjes centreren op mobiel - volledige breedte */
      body#top .team-container {
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }
      
      body#top .team-container > * {
        text-align: center;
      }
      
      body#top .team-container .row {
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
      }
      
      body#top .team-container .row.gy-4 {
        --bs-gutter-y: 0;
      }
      
      body#top .team-container .col-12,
      body#top .team-container .col-md-6,
      body#top .team-container .col-lg-3,
      body#top .team-container .col-xl-3 {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: stretch;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        box-sizing: border-box;
      }
      
      body#top .team-container .col-xl-3.d-flex,
      body#top .team-container .col-md-6.d-flex {
        justify-content: center;
        margin-top: 0;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        box-sizing: border-box;
      }
      
      body#top .team-container .row.gy-4 > * {
        margin-top: 0;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        box-sizing: border-box;
      }
      
      body#top .team-container .row.gy-4 > *:first-child {
        margin-top: 0;
      }
      
      body#top .team-container .member {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        margin-top: 0;
        padding: 15px;
        box-sizing: border-box;
      }
      
      body#top .team-container .member img,
      body#top .team-container .member img.img-fluid {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: auto;
        min-height: 200px;
        max-height: 450px;
        object-fit: cover;
        object-position: center;
        display: block;
        visibility: visible;
        opacity: 1;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
      }
      
      body#top .team-container .section-header {
        text-align: center;
      }
      
      body#top .team-container .section-header h2,
      body#top .team-container .section-header p {
        text-align: center;
      }
    }
    
    /* Team container images volledige breedte op desktop/PC */
    @media (min-width: 768px) {
      body#top .team-container .member img,
      body#top .team-container .member img.img-fluid {
        width: 100%;
        max-width: 100%;
        height: 320px;
        max-height: 320px;
        margin-left: 0;
        margin-right: 0;
      }
    }
    
    /* Team container images volledige breedte op grote desktop schermen */
    @media (min-width: 992px) {
      body#top .team-container .member img,
      body#top .team-container .member img.img-fluid {
        width: 100%;
        max-width: 100%;
        height: 320px;
        min-height: 320px;
        max-height: 320px;
        object-fit: cover;
        visibility: visible;
        opacity: 1;
        margin-left: 0;
        margin-right: 0;
      }
    }
    


/* Floating Google reviews Badge */
.floating-trust-wrapper {
  position: fixed;
  bottom: 25px; /* Nu onderaan geplaatst */
  left: 25px;
  z-index: 2147483647;
}

/* Cookie instellingen knop boven de reviews plaatsen */
.cky-btn-revisit-wrapper {
  bottom: 85px ;
}

.floating-trust-badge {
  background: #ffffff;
  padding: 10px 18px;
  border-radius: 50px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #f1f5f9;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-decoration: none;
  color: #1e293b;
  cursor: pointer;
  animation: slideInBadge 0.8s forwards 1.0s;
  opacity: 0;
  transform: translateX(-20px);
}

@keyframes slideInBadge {
  to { opacity: 1; transform: translateX(0); }
}

.floating-trust-badge .write-review-btn {
  font-size: 11px;
  background: #4285F4;
  color: #ffffff;
  padding: 3px 10px;
  border-radius: 6px;
  font-weight: 700;
  /* text-transform removed */
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.floating-trust-badge .write-review-btn:hover {
  background: #357ae8;
}

.floating-trust-badge .stars {
    color: #fabb05;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 1;
}
.floating-trust-badge .rating-text { font-size: 12px; font-weight: 600; line-height: 1; margin-top: 2px; }

/* Mobile indicator arrow */
.badge-toggle-indicator {
  width: 20px;
  height: 20px;
  background: #f1f5f9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #64748b;
  transition: transform 0.3s ease;
  margin-left: -4px;
}

.floating-trust-badge.active .badge-toggle-indicator {
  transform: rotate(-180deg);
  background: #fabb05;
  color: #000;
}

/* Popover Menu */
.trust-popover {
  position: absolute;
  bottom: calc(100% + 15px);
  left: 0;
  width: 280px;
  background: white;
  border-radius: 16px;
  box-shadow: 0 15px 45px rgba(0,0,0,0.15);
  border: 1px solid #e2e8f0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.floating-trust-wrapper:hover .trust-popover,
.trust-popover.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media (max-width: 576px) {
  .floating-trust-wrapper {
    bottom: 15px;
    left: 15px;
  }
  .cky-btn-revisit-wrapper {
    bottom: 75px ;
    left: 15px ;
  }
  .floating-trust-badge {
    padding: 8px 14px;
    gap: 10px;
  }
  .trust-popover {
    width: 260px;
    left: 0;
  }
}

.popover-header {
  background: #f8fafc;
  padding: 12px 15px;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
}

.popover-header strong { font-size: 14px; color: #1e293b; }
.trust-status { font-size: 11px; color: #64748b; font-weight: 600; }

.popover-body { padding: 10px; }

.popover-nav {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  color: #475569;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.nav-item:hover {
  background: #f1f5f9;
  color: #fabb05;
}

.nav-item i { font-size: 16px; }

/* Domain Checker Search Bar */
.domain-checker-wrapper {
    width: 100%;
    margin-bottom: 20px;
}

.domain-checker-title {
    color: #ffffff ;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.status-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-dot.available {
    background-color: #26b37b;
    box-shadow: 0 0 12px #26b37b;
}

.status-dot.taken {
    background-color: #ff4d15;
    box-shadow: 0 0 12px #ff4d15;
}

/* AI Results styling */
.ai-results-container {
    background: rgba(4, 30, 66, 0.4);
    backdrop-filter: blur(8px);
    border-radius: 20px;
    padding: 25px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ai-results-header {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.2rem;
}

.ai-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 15px;
}

.ai-suggestion-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.ai-suggestion-card:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    box-shadow: 0 12px 20px rgba(0,0,0,0.2);
    border-color: #ffffff;
}

.ai-suggestion-name {
    font-weight: 700;
    color: #ffffff ;
    font-size: 1rem;
}

.ai-suggestion-status {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    flex-shrink: 0;
}

.ai-suggestion-status.available {
    background-color: #26b37b ;
    box-shadow: 0 0 12px #26b37b;
    opacity: 1;
}

.ai-suggestion-status.taken {
    background-color: #ff4d15 ;
    box-shadow: 0 0 10px #ff4d15;
    opacity: 1;
}

.ai-suggestion-status.checking {
    background: #edf2f7;
    border: 2px solid #cbd5e0;
    border-top-color: #1DA1F2;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 576px) {
    .ai-results-grid {
        grid-template-columns: 1fr;
    }
}

.domain-checker-container {
    background: #ffffff ;
    border-radius: 100px;
    padding: 8px;
    align-items: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    gap: 10px;
    position: relative;
    z-index: 10;
}

.domain-toggle {
    background: #1e293b;
    border-radius: 100px;
    padding: 3px;
    display: flex;
    gap: 2px;
    flex-shrink: 0;
}

.toggle-btn {
    border: none;
    background: transparent;
    color: #fff;
    padding: 10px 20px;
    border-radius: 100px;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.toggle-btn.active {
    background: var(--primary-orange) ;
}

.domain-input-group {
    flex: 1;
    padding: 0 10px;
}

.domain-input {
    width: 100%;
    border: none ;
    outline: none ;
    font-size: 17px;
    color: #1e293b ;
    background: transparent ;
    font-weight: 500;
    box-shadow: none ;
}

.domain-input::placeholder {
    color: #94a3b8;
}

.domain-search-btn {
    background: var(--primary-orange) ;
    color: #fff ;
    border: none ;
    border-radius: 100px;
    padding: 14px 45px;
    font-weight: 800;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.domain-search-btn:hover {
    background: var(--primary-orange) ;
    text-decoration: underline ;
    transform: translateY(-2px);
}

.domain-checker-note {
    font-size: 15px;
    color: #ffffff ;
    font-weight: 500;
}

@media (max-width: 991px) {
    .domain-checker-container {
        padding: 6px;
    }
    .domain-search-btn {
        padding: 12px 30px;
    }
}

@media (max-width: 767px) {
    .domain-checker-container {
        flex-direction: column;
        border-radius: 20px;
        padding: 15px;
        gap: 15px;
    }
    
    .domain-toggle {
        width: 100%;
    }
    
    .toggle-btn {
        flex: 1;
        justify-content: center;
    }
    
    .domain-input-group {
        width: 100%;
        padding: 5px 0;
    }
    
    .domain-input {
        text-align: center;
        border-bottom: 1px solid #f1f5f9 ;
        padding-bottom: 10px;
    }
    
    .domain-search-btn {
        width: 100%;
    }
}