@charset "utf-8";
/* CSS Document */
html{scroll-behavior:smooth}.benefits,.vindjejurist,.vindjejurist-content,.nav-links,.navbar{display:flex}.question,body{line-height:1.5}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{font-family:system-ui,-apple-system,sans-serif;color:#333;background-color:#f8fafc}.navbar{justify-content:space-between;align-items:center;background-color:#fff;padding:15px 30px;box-shadow:0 2px 5px #0000001a}.logo img{height:79px;width:auto}.nav-links{list-style:none}.nav-links li{margin-left:20px}.nav-links a{text-decoration:none;color:#333;font-size:16px;font-weight:700;transition:color .3s}.nav-links a:hover{color:#B99769}.container{max-width:1100px;margin:0 auto;padding:0 20px}.vindjejurist{min-height:100vh;align-items:center;background:#0b5e85;background:linear-gradient(248deg,#0b5e8570 0,#3b4561 52%);color:#fff;padding:40px 0}.vindjejurist-content{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:40px;width:100%}.vindjejurist-text{flex:1;min-width:300px}.vindjejurist-text h1{font-size:2.75rem;margin-bottom:20px;line-height:1.2}.vindjejurist-text p{font-size:1.125rem;margin-bottom:20px;color:#e2e8f0}.benefits{list-style:none;flex-direction:column;gap:10px;font-size:1rem}.form-card{flex:1;min-width:300px;background:#fff;color:#333;padding:30px;border-radius:12px;box-shadow:0 10px 25px #00000026}.form-card h2{margin-bottom:20px;font-size:1.5rem;color:#1e293b}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:5px;color:#475569}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;outline:0;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb}.form-row{display:flex;gap:1rem}.form-group{flex:1;display:flex;flex-direction:column}.form-group input{padding:.5rem;margin-top:.25rem}.custom-select{appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:10px 40px 10px 15px;font-size:16px;color:#333;cursor:pointer;width:100%;max-width:300px;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%20%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%20%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px center;background-size:12px}.custom-select:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #06c3}.btn-submit{width:100%;padding:20px;border-radius:20px;background-color:green;color:#fff;border:none;padding:12px;font-size:1rem;font-weight:700;border-radius:6px;cursor:pointer;transition:background-color .2s}.btn-submit:hover{background-color:#b99769}.site-footer{background-color:#f8fafc;color:#000;padding:50px 0 20px;margin-top:40px}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 20px}.footer-col{flex:1;min-width:250px;margin-bottom:20px;padding:0 15px}.footer-col h3{font-size:18px;margin-bottom:15px;border-bottom:2px solid #0b5e85;display:inline-block;padding-bottom:5px}.footer-col ul{list-style:none;padding:0}.footer-col ul li a{color:#000;text-decoration:none;line-height:2}.footer-col ul li a:hover{color:#B99769}.newsletter-form input{padding:10px;width:70%;border:none;border-radius:5px 0 0 5px}.newsletter-form button{padding:10px;background-color:#0b5e85;color:#fff;border:none;border-radius:0 5px 5px 0;cursor:pointer}.footer-bottom{text-align:center;border-top:1px solid #444;padding-top:20px;margin-top:30px;font-size:14px;color:#aaa}.containerSectie{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 20px;max-width:1100px;margin:0 auto}.kolom{background-color:#f4f4f4;padding:30px;border-radius:20px;border:1px solid #ddd;text-align:center}.accordion,.answer{background-color:#fff}@media (max-width:768px){.vindjejurist-text h1{font-size:2rem}.containerSectie{grid-template-columns:1fr}}.py-60{padding:60px 0}section{background:#f3f3f3}.text-control-1 h2{margin-bottom:20px}.q-mark{color:#d40119;padding:18px 0 18px 18px}.answer,.material-icons.drop,.question{color:#5c5c5c;padding:20px}.question{font-size:20px;margin-bottom:0}.material-icons.drop{font-size:2rem;transition:transform .5s ease-in-out}.answer{overflow:hidden}.accordion{color:#444;cursor:pointer;width:100%;margin-bottom:20px;text-align:left;border:none;outline:0;transition:.4s;box-shadow:0 1px 1px 0 #00000024 2px 1px -1px #0000001f 1px 3px 0 #0003;border-radius:20px}@media only screen and (max-width:768px){.py-60{padding:52px 0}h2{font-size:24px}.accordion,.text-control-1 h2{margin-bottom:16px}}.question-wrapper{display:flex;justify-content:space-between;align-items:center;transition:background-color .25s ease-in-out}.answer-wrapper{display:none}.icon-expend{transform:rotateX(180deg);transition:transform .75s ease-in-out}.accordion:hover .question-wrapper,.active{background-color:#ebebeb}.accordion:hover .question-wrapper p,.active p{color:#3d3d3d}.checkbox-container{display:flex;align-items:center; }input[type="checkbox"]{accent-color:green;width:40px;height:40px}.checkbox-wrapper-31:hover .check{stroke-dashoffset:0}.checkbox-wrapper-31{position:relative;display:inline-block;width:40px;height:40px}.checkbox-wrapper-31 .background{fill:#ccc;transition:ease all .6s;-webkit-transition:ease all .6s}.checkbox-wrapper-31 .stroke{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px;stroke-dashoffset:100;stroke-dasharray:100;transition:ease all .6s;-webkit-transition:ease all .6s}.checkbox-wrapper-31 .check{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;stroke-dashoffset:22;stroke-dasharray:22;transition:ease all .6s;-webkit-transition:ease all .6s}.checkbox-wrapper-31 input[type=checkbox]{position:absolute;width:100%;height:100%;left:0;top:0;margin:0;opacity:0;-appearance:none;-webkit-appearance:none}.checkbox-wrapper-31 input[type=checkbox]:hover{cursor:pointer}.checkbox-wrapper-31 input[type=checkbox]:checked + svg .background{fill:#6cbe45}.checkbox-wrapper-31 input[type=checkbox]:checked + svg .stroke{stroke-dashoffset:0}.checkbox-wrapper-31 input[type=checkbox]:checked + svg .check{stroke-dashoffset:0}
