@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap);@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}body.touch-device .swiper-vertical{touch-action:auto}.step-slider-vertical.none-bg .steps .step .grid-custom .number{background:transparent}.step-slider-vertical.black-bg .steps .step .grid-custom .number{background:#000}.step-slider-vertical.white-bg .steps .step .grid-custom .number{background:#fff}.step-slider-vertical.main-bg .steps .step .grid-custom .number{background:#00304a}.step-slider-vertical.accent-bg .steps .step .grid-custom .number{background:#d62629}.step-slider-vertical.nieuwbouw-bg .steps .step .grid-custom .number{background:#adca73}.step-slider-vertical.bedrijfsvastgoed-bg .steps .step .grid-custom .number{background:#f6a300}.step-slider-vertical.residentieel-bg .steps .step .grid-custom .number{background:#00304a}.step-slider-vertical.luxe-bg .steps .step .grid-custom .number{background:#000}.step-slider-vertical.light-grey-bg .steps .step .grid-custom .number{background:#f5f5f5}.step-slider-vertical.grey-bg .steps .step .grid-custom .number{background:#f8f5f3}.step-slider-vertical.dark-grey-bg .steps .step .grid-custom .number{background:#9ea5b8}.step-slider-vertical.none-bg .steps .step .grid-custom .number{background:#f5f5f5}.step-slider-vertical.black-bg .slider-nav a{border:1px solid hsla(0,0%,100%,.25)}.step-slider-vertical.black-bg .slider-nav a:hover svg polygon{fill:#000}.step-slider-vertical.black-bg .slider-nav a svg polygon{fill:#fff}.step-slider-vertical.main-bg .slider-nav a{border:1px solid hsla(0,0%,100%,.25)}.step-slider-vertical.main-bg .slider-nav a:hover svg polygon{fill:#000}.step-slider-vertical.main-bg .slider-nav a svg polygon{fill:#fff}.step-slider-vertical.accent-bg .slider-nav a{border:1px solid hsla(0,0%,100%,.25)}.step-slider-vertical.accent-bg .slider-nav a:hover svg polygon{fill:#000}.step-slider-vertical.accent-bg .slider-nav a svg polygon{fill:#fff}.step-slider-vertical.nieuwbouw-bg .slider-nav a{border:1px solid hsla(0,0%,100%,.25)}.step-slider-vertical.nieuwbouw-bg .slider-nav a:hover svg polygon{fill:#000}.step-slider-vertical.nieuwbouw-bg .slider-nav a svg polygon{fill:#fff}.step-slider-vertical.bedrijfsvastgoed-bg .slider-nav a{border:1px solid hsla(0,0%,100%,.25)}.step-slider-vertical.bedrijfsvastgoed-bg .slider-nav a:hover svg polygon{fill:#000}.step-slider-vertical.bedrijfsvastgoed-bg .slider-nav a svg polygon{fill:#fff}.step-slider-vertical.luxe-bg .slider-nav a{border:1px solid hsla(0,0%,100%,.25)}.step-slider-vertical.luxe-bg .slider-nav a:hover svg polygon{fill:#000}.step-slider-vertical.luxe-bg .slider-nav a svg polygon{fill:#fff}.step-slider-vertical.residentieel-bg .slider-nav a{border:1px solid hsla(0,0%,100%,.25)}.step-slider-vertical.residentieel-bg .slider-nav a:hover svg polygon{fill:#000}.step-slider-vertical.residentieel-bg .slider-nav a svg polygon{fill:#fff}.step-slider-vertical.dark-grey-bg .slider-nav a{border:1px solid hsla(0,0%,100%,.25)}.step-slider-vertical.dark-grey-bg .slider-nav a:hover svg polygon{fill:#000}.step-slider-vertical.dark-grey-bg .slider-nav a svg polygon{fill:#fff}.step-slider-vertical .grid-h-3-2{grid-gap:10rem;gap:10rem}.step-slider-vertical .slider-nav a{border:1px solid rgba(0,48,74,.25);border-radius:100%;display:inline-block;height:4rem;margin-right:.5rem;position:relative;width:4rem}.step-slider-vertical .slider-nav a:hover{background:#fff}.step-slider-vertical .slider-nav a svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.445,.05,.55,.95);width:1rem}.step-slider-vertical .slider-nav a:before{display:none}.step-slider-vertical .steps{position:relative}.step-slider-vertical .steps:before{background:rgba(0,48,74,.25);bottom:0;content:"";left:2rem;position:absolute;top:0;width:1px}.step-slider-vertical .steps .swiper-slide-active .step .grid-custom .number span,.step-slider-vertical .steps .swiper-slide-active .step .grid-custom .text{opacity:1}.step-slider-vertical .steps .step{position:relative;z-index:2}.step-slider-vertical .steps .step .grid-custom{align-items:flex-start;grid-template-columns:10rem 1fr}.step-slider-vertical .steps .step .grid-custom .number{font-family:Playfair Display,serif;font-size:7rem;padding:1.5rem 0}.step-slider-vertical .steps .step .grid-custom .number span,.step-slider-vertical .steps .step .grid-custom .text{opacity:.2;transition:all 1s cubic-bezier(.445,.05,.55,.95)}.step-slider-vertical .steps .step .grid-custom .text{padding-top:4.5rem}.step-slider-vertical .steps .step .grid-custom .text h4{margin-bottom:3rem}.step-slider-vertical .images{aspect-ratio:1/1;overflow:hidden;position:relative}.step-slider-vertical .images .image{border-radius:1rem;height:100%;left:0;opacity:0;overflow:hidden;position:relative;position:absolute;top:0;transition:all 1s cubic-bezier(.445,.05,.55,.95);width:100%}.step-slider-vertical .images .image.active{opacity:1}@media only screen and (max-width:1124px){.step-slider-vertical .grid-h-3-2{grid-template-columns:3fr 2fr;grid-gap:5rem;gap:5rem}.step-slider-vertical .images{aspect-ratio:1/1}}@media only screen and (max-width:576px){.step-slider-vertical .grid-h-3-2{grid-template-columns:1fr;grid-gap:3rem;gap:3rem}.step-slider-vertical .images{aspect-ratio:1/.7}}