.modules-start{display:flex;width:100%;height:auto;overflow:visible;background:white}@supports (min-height:100svh){.modules-start{min-height:100svh}}@supports (min-height:100dvh){.modules-start{min-height:100dvh}}.modules-start-left{flex-basis:45%;margin-left:2rem;display:flex;flex-direction:column;justify-content:flex-start;padding:5rem 2rem 5rem 5rem;background:white;position:relative;z-index:2}.modules-start-right{flex-basis:70%;position:relative;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.green-paragraph p{margin-top:1rem}.tilted-grid{top:50%;left:5%;width:300%;height:300%;transform-origin:top left;transform:translateY(-50%) translateY(50%) rotate(-45deg);background:none;opacity:1;pointer-events:none}.tilted-grid,.tilted-grid:before{position:absolute;right:0;z-index:0}.tilted-grid:before{content:"";top:0;left:0;bottom:0;background-image:linear-gradient(#555 3px,transparent 0),linear-gradient(90deg,#555 3px,transparent 0);background-size:110px 110px;opacity:.4;mask-image:linear-gradient(135deg,transparent,black 25%,black);-webkit-mask-image:linear-gradient(135deg,transparent,black 25%,black)}.parallelogram{position:absolute;background:white;border:3px solid #02543d;box-shadow:12px 12px 10px rgba(2,84,61,.5);display:flex;align-items:center;justify-content:center;transform:skew(0deg) rotate(90deg);z-index:1}.parallelogram:first-child{width:180px;height:180px;top:9%;left:4%}.parallelogram:nth-child(2){width:80px;height:80px;top:18%;left:12%}.parallelogram:nth-child(3){width:250px;height:250px;top:5%;left:13%}.parallelogram:nth-child(4){width:150px;height:150px;top:22%;left:7%}.parallelogram:nth-child(5){width:100px;height:100px;top:18%;left:23%}.parallelogram:nth-child(6){width:180px;height:180px;top:21%;left:16%}.parallelogram:nth-child(7){width:110px;height:110px;top:30%;left:11.5%}.parallelogram .icon{transform-box:fill-box;transform-origin:50% 50%;transform:rotate(-45deg) translateX(-6%);color:#02543d}.modules-keuringen{background-color:#02543d;color:white;padding:2rem;position:relative;width:100%;box-sizing:border-box}.modules-keuringen h1{text-align:center;margin-bottom:4rem}.grid-container{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem}.flip-card{background:white;perspective:1000px}.flip-card-inner{position:relative;width:100%;aspect-ratio:1/1;transform-style:preserve-3d;transition:transform .8s}.flip-card:focus .flip-card-inner,.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;backface-visibility:hidden;width:100%;height:100%;border:2px solid white;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;transition:all .3s ease}.flip-card-front{background-size:cover;background-position:50%;filter:grayscale(100%);text-align:center}.flip-card-back{background:white;transform:rotateY(180deg);color:black;text-align:left;padding:0 25px}.icon{width:50px;height:50px;margin-bottom:.5rem}.white-icon{color:white}.green-icon{color:#02543d}.subtitle{font-size:1.5rem;text-align:center}.back-subtitle{color:#02543d;font-size:.85rem;margin-bottom:.5rem}.modules-contact-section{display:flex;flex-direction:row;height:50vh;width:100%;background-color:white;padding:0;margin:0;gap:20rem}.contact-left{flex:1;display:flex;flex-direction:column;justify-content:center;background-color:white;margin-left:4rem}.contact-left h1{font-size:2.5rem;margin-bottom:1.5rem;color:black}.contact-left .dark-btn{margin:0}.contact-right{flex:1;height:100%}.contact-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@media (max-width:1366px){.modules-start-left{flex:0 0 55%;padding:3rem;margin-left:1rem;z-index:2}.modules-start-right{flex:1 1 45%;position:relative}.tilted-grid{height:250%;transform:rotate(-45deg) scale(1)}.tilted-grid:before{background-size:80px 80px}.parallelogram{transform:scale(.45) rotate(90deg);box-shadow:8px 8px 8px rgba(2,84,61,.35)}.parallelogram:first-child{top:4%;left:0}.parallelogram:nth-child(2){top:9%;left:10%}.parallelogram:nth-child(3){top:0;left:9%}.parallelogram:nth-child(4){top:11%;left:4%}.parallelogram:nth-child(5){top:6%;left:23%}.parallelogram:nth-child(6){top:8.2%;left:12.2%}.parallelogram:nth-child(7){top:14%;left:11%}.icon{width:40px;height:40px}.grid-container{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (max-width:1024px){.modules-start-left{flex:0 0 55%;padding:1rem 0 1rem 1rem}.modules-start-right{flex:1 1 45%;position:relative}.tilted-grid{height:250%;transform:rotate(-45deg) scale(1)}.tilted-grid:before{background-size:55px 55px}.parallelogram{transform:scale(.3) rotate(90deg)}.parallelogram:first-child{top:1%;left:0}.parallelogram:nth-child(2){top:6%;left:10%}.parallelogram:nth-child(3){top:-2%;left:6%}.parallelogram:nth-child(4){top:6.5%;left:3%}.parallelogram:nth-child(5){top:4%;left:21%}.parallelogram:nth-child(6){top:5%;left:10.8%}.parallelogram:nth-child(7){top:9.5%;left:10%}.grid-container{grid-template-columns:repeat(3,1fr);gap:1rem}.flip-card-inner{aspect-ratio:1/1}.subtitle{font-size:1.2rem}.modules-contact-section{padding:0 0 0 2.5rem;gap:2rem}.contact-left{margin-left:0;justify-content:center}.contact-left h1{font-size:2rem;margin-bottom:1rem}}@media (max-width:768px){.modules-start{flex-direction:column}.modules-start,.modules-start-left{position:relative;background:transparent}.modules-start-left{z-index:2;padding:1.5rem}.modules-start-right{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3}.tilted-grid{position:absolute;top:-35%;left:-45%;width:300%;height:20 0;transform:rotate(-45deg) scale(.6);transform-origin:center}.tilted-grid:before{background-size:110px 110px}.parallelogram{transform:scale(.55) rotate(90deg);opacity:.9}.parallelogram:first-child{top:15%;left:25%}.parallelogram:nth-child(2){top:29%;left:35%}.parallelogram:nth-child(3){top:21%;left:40%}.parallelogram:nth-child(4){top:40%;left:25%}.parallelogram:nth-child(5){top:36%;left:46%}.parallelogram:nth-child(6){top:10%;left:70%}.parallelogram:nth-child(7){top:24%;left:76%}.parallelogram .icon{width:60px;height:60px;opacity:.9}}@media (max-width:480px){.modules-start{overflow:clip}.grid-container{grid-template-columns:repeat(2,1fr);gap:.8rem}.flip-card-inner{aspect-ratio:1/1}.icon{width:30px;height:30px}.subtitle{font-size:1rem}.back-subtitle{font-size:.75rem}.flip-card-back{padding:0 5px}.description-list{font-size:.8rem}.modules-contact-section{padding:0 0 0 1.5rem;gap:1.5rem}.contact-left h1{font-size:1.6rem;margin-bottom:.75rem}.contact-left .dark-btn{font-size:.9rem;padding:.75rem}}