.elementor-17 .elementor-element.elementor-element-39f0274{--display:flex;--min-height:700px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 60px;--row-gap:40px;--column-gap:60px;--overlay-opacity:0.03;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:55px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-39f0274:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-39f0274 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131C44;}.elementor-17 .elementor-element.elementor-element-39f0274::before, .elementor-17 .elementor-element.elementor-element-39f0274 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-39f0274 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-39f0274 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-39f0274 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-39f0274 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-ee9be4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.03;}.elementor-17 .elementor-element.elementor-element-ee9be4a::before, .elementor-17 .elementor-element.elementor-element-ee9be4a > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-ee9be4a > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-ee9be4a > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-ee9be4a > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-ee9be4a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-c958ca7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;}.elementor-17 .elementor-element.elementor-element-c958ca7 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:51px;font-weight:600;line-height:59px;word-spacing:-10px;color:#F8F9FF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-fa45a09{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;line-height:41px;color:#F8F9FF;}.elementor-17 .elementor-element.elementor-element-133fc8b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-42d5e71 .elementor-button{background-color:#EA4600;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;fill:#131C44;color:#131C44;border-style:solid;border-width:0px 4px 4px 0px;border-color:#B63600;border-radius:150px 150px 150px 150px;padding:18px 25px 18px 25px;}.elementor-17 .elementor-element.elementor-element-42d5e71 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17 .elementor-element.elementor-element-4f66943 .elementor-button{background-color:#F8F9FF;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;fill:#131C44;color:#131C44;border-style:solid;border-width:0px 4px 4px 0px;border-color:#BEC0C7;border-radius:150px 150px 150px 150px;padding:18px 25px 18px 25px;}.elementor-17 .elementor-element.elementor-element-4f66943 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-b95a420{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-17 .elementor-element.elementor-element-fbadfd5{--display:flex;--min-height:488px;--border-radius:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-385da61{--display:flex;--min-height:488px;--border-radius:30px 30px 30px 30px;}.elementor-17 .elementor-element.elementor-element-385da61:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-385da61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://noteboomreiniging.nl/wp-content/uploads/2026/05/ChatGPT-Image-7-mei-2026-19_45_30.png");background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-01fd2eb{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-17 .elementor-element.elementor-element-01fd2eb:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-01fd2eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://noteboomreiniging.nl/wp-content/uploads/2026/05/ChatGPT-Image-12-mei-2026-10_04_12.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-a5876b1{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-17 .elementor-element.elementor-element-a5876b1:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-a5876b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://noteboomreiniging.nl/wp-content/uploads/2026/05/Tuckerpole-Wassteel-Glasbewassing-Bedrijven-Rietbroek.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-9603085{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;border-style:none;border-radius:30px 30px 30px 30px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-23px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:10px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-23px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:10px;--e-n-carousel-arrow-size:17px;--e-n-carousel-arrow-normal-color:#EA4600;}.elementor-17 .elementor-element.elementor-element-9603085 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#F8F9FF;border-style:none;border-radius:150px 150px 150px 150px;padding:17px 17px 17px 17px;}.elementor-17 .elementor-element.elementor-element-17a1554{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:65px 65px 0px 0px;--margin-top:-69px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-17a1554:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-17a1554 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FF;}.elementor-17 .elementor-element.elementor-element-2299f81{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-bda5dbf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-221452c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;}.elementor-17 .elementor-element.elementor-element-221452c .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:48px;font-weight:600;line-height:50px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-95c64b0{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;line-height:41px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-ac5727d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-17 .elementor-element.elementor-element-88f7e7e .elementor-button{background-color:#EA4C00;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;fill:#131C44;color:#131C44;border-style:solid;border-width:0px 4px 4px 0px;border-color:#B64000;border-radius:150px 150px 150px 150px;padding:18px 25px 18px 25px;}.elementor-17 .elementor-element.elementor-element-88f7e7e.elementor-element{--align-self:flex-end;}.elementor-17 .elementor-element.elementor-element-88f7e7e .elementor-button-content-wrapper{flex-direction:row;}.elementor-17 .elementor-element.elementor-element-3d78984{--display:flex;}.elementor-17 .elementor-element.elementor-element-797b511{--display:flex;}.elementor-17 .elementor-element.elementor-element-b419458{border-style:none;border-radius:30px 30px 30px 30px;}.elementor-17 .elementor-element.elementor-element-c80f56d{--display:flex;}.elementor-17 .elementor-element.elementor-element-7d1e1f0{border-style:none;border-radius:30px 30px 30px 30px;}.elementor-17 .elementor-element.elementor-element-dcc03b0{--display:flex;}.elementor-17 .elementor-element.elementor-element-416204e{border-style:none;border-radius:30px 30px 30px 30px;}.elementor-17 .elementor-element.elementor-element-a2fee92{--display:flex;}.elementor-17 .elementor-element.elementor-element-5cea518{border-style:none;border-radius:30px 30px 30px 30px;}.elementor-17 .elementor-element.elementor-element-c666d95{--display:flex;}.elementor-17 .elementor-element.elementor-element-16cfd94{border-style:none;border-radius:30px 30px 30px 30px;}.elementor-17 .elementor-element.elementor-element-a625e64{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:5px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-15px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-18px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:18px;--e-n-carousel-arrow-normal-color:#EA4600;--e-n-carousel-arrow-hover-color:#F46202;--e-n-carousel-swiper-pagination-size:9px;--e-n-carousel-dots-normal-color:#EA4600;--e-n-carousel-swiper-pagination-spacing:16px;}.elementor-17 .elementor-element.elementor-element-a625e64 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#FFFFFF;border-style:none;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.08);border-radius:150px 150px 150px 150px;padding:18px 18px 18px 18px;}.elementor-17 .elementor-element.elementor-element-a625e64 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.14);}.elementor-17 .elementor-element.elementor-element-6b2d2cc{--display:flex;}.elementor-17 .elementor-element.elementor-element-6b4ff97{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-8ff6274{--display:flex;}.elementor-17 .elementor-element.elementor-element-f1ca2d5{--display:flex;--border-radius:30px 30px 30px 30px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-17 .elementor-element.elementor-element-f1ca2d5:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-f1ca2d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131C44;}.elementor-17 .elementor-element.elementor-element-ad7cb4a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;text-align:center;}.elementor-17 .elementor-element.elementor-element-ad7cb4a .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:48px;font-weight:600;line-height:59px;word-spacing:0px;color:#F8F9FF;}.elementor-17 .elementor-element.elementor-element-0d3f1c2{width:var( --container-widget-width, 80% );max-width:80%;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;line-height:41px;color:#F8F9FF;}.elementor-17 .elementor-element.elementor-element-0d3f1c2.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-f48ebb2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-17 .elementor-element.elementor-element-4e4eadd .elementor-button{background-color:#EA4600;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;fill:#131C44;color:#131C44;border-style:solid;border-width:0px 4px 4px 0px;border-color:#B63600;border-radius:150px 150px 150px 150px;padding:18px 25px 18px 25px;}.elementor-17 .elementor-element.elementor-element-4e4eadd .elementor-button-content-wrapper{flex-direction:row;}.elementor-17 .elementor-element.elementor-element-cbba0c4 .elementor-button{background-color:#F8F9FF;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;fill:#131C44;color:#131C44;border-style:solid;border-width:0px 4px 4px 0px;border-color:#BEC0C7;border-radius:150px 150px 150px 150px;padding:18px 25px 18px 25px;}.elementor-17 .elementor-element.elementor-element-cbba0c4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-96dae2d{--display:flex;}.elementor-17 .elementor-element.elementor-element-b333b63{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-84021a0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17 .elementor-element.elementor-element-206ea3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-5090d39{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;}.elementor-17 .elementor-element.elementor-element-5090d39 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:48px;font-weight:600;line-height:50px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-c71ef25{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;line-height:41px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-1e3a2e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-17 .elementor-element.elementor-element-9fde508 .elementor-button{background-color:#EA4C00;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;fill:#131C44;color:#131C44;border-style:solid;border-width:0px 4px 4px 0px;border-color:#B64000;border-radius:150px 150px 150px 150px;padding:18px 25px 18px 25px;}.elementor-17 .elementor-element.elementor-element-9fde508.elementor-element{--align-self:flex-end;}.elementor-17 .elementor-element.elementor-element-9fde508 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17 .elementor-element.elementor-element-99b5df9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--border-radius:0px 0px 0px -1px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-17 .elementor-element.elementor-element-d5e0d21{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.02);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-d5e0d21:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-d5e0d21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-4420401 .elementor-icon-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-4420401.elementor-view-stacked .elementor-icon{background-color:#EA4600;}.elementor-17 .elementor-element.elementor-element-4420401.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-4420401.elementor-view-default .elementor-icon{color:#EA4600;border-color:#EA4600;}.elementor-17 .elementor-element.elementor-element-4420401.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-4420401.elementor-view-default .elementor-icon svg{fill:#EA4600;}.elementor-17 .elementor-element.elementor-element-4420401 .elementor-icon{font-size:50px;}.elementor-17 .elementor-element.elementor-element-4420401 .elementor-icon svg{height:50px;}.elementor-17 .elementor-element.elementor-element-58f4d21{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-58f4d21 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:28px;font-weight:600;color:#131C44;}.elementor-17 .elementor-element.elementor-element-07d7e9d{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;line-height:41px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-3feae64 .elementor-button{background-color:#F4620200;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:600;fill:#EA4600;color:#EA4600;border-style:none;border-radius:100px 100px 100px 100px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-3feae64{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-3feae64 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-2720fbc{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.02);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-2720fbc:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-2720fbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-f538fa0 .elementor-icon-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-f538fa0.elementor-view-stacked .elementor-icon{background-color:#EA4600;}.elementor-17 .elementor-element.elementor-element-f538fa0.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-f538fa0.elementor-view-default .elementor-icon{color:#EA4600;border-color:#EA4600;}.elementor-17 .elementor-element.elementor-element-f538fa0.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-f538fa0.elementor-view-default .elementor-icon svg{fill:#EA4600;}.elementor-17 .elementor-element.elementor-element-44c7c17{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-44c7c17 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:28px;font-weight:600;color:#131C44;}.elementor-17 .elementor-element.elementor-element-5f0d86e{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;line-height:41px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-7ef6bb2 .elementor-button{background-color:#F4620200;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:600;fill:#EA4600;color:#EA4600;border-style:none;border-radius:100px 100px 100px 100px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-7ef6bb2{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-7ef6bb2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-6f7becb{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--border-radius:30px 30px 30px 30px;box-shadow:-33px 0px 20px 10px rgba(0, 0, 0, 0.02);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-6f7becb:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-6f7becb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-ea478b5 .elementor-icon-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-ea478b5.elementor-view-stacked .elementor-icon{background-color:#EA4600;}.elementor-17 .elementor-element.elementor-element-ea478b5.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-ea478b5.elementor-view-default .elementor-icon{color:#EA4600;border-color:#EA4600;}.elementor-17 .elementor-element.elementor-element-ea478b5.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-ea478b5.elementor-view-default .elementor-icon svg{fill:#EA4600;}.elementor-17 .elementor-element.elementor-element-ea478b5 .elementor-icon{font-size:47px;}.elementor-17 .elementor-element.elementor-element-ea478b5 .elementor-icon svg{height:47px;}.elementor-17 .elementor-element.elementor-element-1f6a6b0{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-1f6a6b0 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:28px;font-weight:600;color:#131C44;}.elementor-17 .elementor-element.elementor-element-87067d5{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;line-height:41px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-a3cfc0a .elementor-button{background-color:#F4620200;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:600;fill:#EA4600;color:#EA4600;border-style:none;border-radius:100px 100px 100px 100px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-a3cfc0a{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-a3cfc0a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17 .elementor-element.elementor-element-6f7f985{--display:flex;}.elementor-17 .elementor-element.elementor-element-8272967{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-1d45604{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:10px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-0dd586a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-17 .elementor-element.elementor-element-7d0c091{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;}.elementor-17 .elementor-element.elementor-element-7d0c091 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:48px;font-weight:600;line-height:50px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-b51a936{width:var( --container-widget-width, 90% );max-width:90%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:500;line-height:41px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-312894f{--display:flex;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-4e86899{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;}.elementor-17 .elementor-element.elementor-element-4e86899 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:30px;font-weight:600;line-height:33px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-e92e79c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-4e9a0b2{width:var( --container-widget-width, 11% );max-width:11%;background-color:#FFFFFF;padding:15px 15px 15px 15px;--container-widget-width:11%;--container-widget-flex-grow:0;border-radius:30px 30px 30px 30px;box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.04);}.elementor-17 .elementor-element.elementor-element-294e8b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Urbanist", Sans-serif;font-size:18px;font-weight:500;line-height:41px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-294e8b7.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-bc2decb{--display:flex;}.elementor-17 .elementor-element.elementor-element-43f6efc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;}.elementor-17 .elementor-element.elementor-element-43f6efc .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:30px;font-weight:600;line-height:33px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-8df14fd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-ee5ce2b{width:var( --container-widget-width, 11% );max-width:11%;background-color:#FFFFFF;padding:15.5px 17px 15.5px 17px;--container-widget-width:11%;--container-widget-flex-grow:0;border-radius:30px 30px 30px 30px;box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.04);}.elementor-17 .elementor-element.elementor-element-ecda305{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Urbanist", Sans-serif;font-size:18px;font-weight:500;line-height:41px;color:#131C44;}.elementor-17 .elementor-element.elementor-element-ecda305.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-ab8e9cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-47b2521{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.02);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-47b2521:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-47b2521 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-9603085{--e-n-carousel-swiper-slides-to-display:1;}.elementor-17 .elementor-element.elementor-element-a625e64{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-39f0274{--min-height:778px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-c958ca7 .elementor-heading-title{font-size:38px;line-height:1.1em;}.elementor-17 .elementor-element.elementor-element-fa45a09{font-size:16px;line-height:2.3em;}.elementor-17 .elementor-element.elementor-element-42d5e71{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-42d5e71.elementor-element{--align-self:stretch;}.elementor-17 .elementor-element.elementor-element-42d5e71 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-17 .elementor-element.elementor-element-42d5e71 .elementor-button{font-size:16px;}.elementor-17 .elementor-element.elementor-element-4f66943{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-4f66943.elementor-element{--align-self:stretch;}.elementor-17 .elementor-element.elementor-element-4f66943 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-17 .elementor-element.elementor-element-4f66943 .elementor-button{font-size:16px;}.elementor-17 .elementor-element.elementor-element-b95a420{--min-height:250px;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-fbadfd5{--min-height:250px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-385da61{--min-height:250px;}.elementor-17 .elementor-element.elementor-element-01fd2eb{--min-height:250px;}.elementor-17 .elementor-element.elementor-element-a5876b1{--min-height:250px;}.elementor-17 .elementor-element.elementor-element-9603085{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-20px;--e-n-carousel-arrow-next-right-position:-20px;}.elementor-17 .elementor-element.elementor-element-17a1554{--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-2299f81{--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-221452c .elementor-heading-title{font-size:35px;}.elementor-17 .elementor-element.elementor-element-95c64b0{font-size:16px;line-height:2.3em;}.elementor-17 .elementor-element.elementor-element-88f7e7e{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-88f7e7e.elementor-element{--align-self:stretch;}.elementor-17 .elementor-element.elementor-element-88f7e7e .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-17 .elementor-element.elementor-element-88f7e7e .elementor-button{font-size:16px;}.elementor-17 .elementor-element.elementor-element-3d78984{--padding-top:10px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-797b511{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-b419458{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-b419458.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-c80f56d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-7d1e1f0{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-7d1e1f0.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-dcc03b0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-416204e{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-416204e.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-a2fee92{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-5cea518{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-5cea518.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-c666d95{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-16cfd94{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-16cfd94.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-a625e64{--e-n-carousel-swiper-slides-to-display:1;padding:0px 0px 0px 0px;--e-n-carousel-arrow-prev-left-position:-20px;--e-n-carousel-arrow-next-right-position:-20px;--e-n-carousel-swiper-pagination-spacing:21px;}.elementor-17 .elementor-element.elementor-element-8ff6274{--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-f1ca2d5{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-ad7cb4a .elementor-heading-title{font-size:35px;line-height:1.1em;}.elementor-17 .elementor-element.elementor-element-0d3f1c2{width:100%;max-width:100%;font-size:16px;line-height:2.3em;}.elementor-17 .elementor-element.elementor-element-4e4eadd{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-4e4eadd.elementor-element{--align-self:stretch;}.elementor-17 .elementor-element.elementor-element-4e4eadd .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-17 .elementor-element.elementor-element-4e4eadd .elementor-button{font-size:16px;}.elementor-17 .elementor-element.elementor-element-cbba0c4{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-cbba0c4.elementor-element{--align-self:stretch;}.elementor-17 .elementor-element.elementor-element-cbba0c4 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-17 .elementor-element.elementor-element-cbba0c4 .elementor-button{font-size:16px;}.elementor-17 .elementor-element.elementor-element-84021a0{--padding-top:0px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-17 .elementor-element.elementor-element-5090d39 .elementor-heading-title{font-size:35px;}.elementor-17 .elementor-element.elementor-element-c71ef25{font-size:16px;line-height:2.3em;}.elementor-17 .elementor-element.elementor-element-9fde508{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-9fde508.elementor-element{--align-self:stretch;}.elementor-17 .elementor-element.elementor-element-9fde508 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-17 .elementor-element.elementor-element-99b5df9{--padding-top:10px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-4420401 .elementor-icon{font-size:45px;}.elementor-17 .elementor-element.elementor-element-4420401 .elementor-icon svg{height:45px;}.elementor-17 .elementor-element.elementor-element-58f4d21 .elementor-heading-title{font-size:26px;}.elementor-17 .elementor-element.elementor-element-07d7e9d{font-size:16px;line-height:2.3em;}.elementor-17 .elementor-element.elementor-element-3feae64 .elementor-button{font-size:16px;}.elementor-17 .elementor-element.elementor-element-f538fa0 .elementor-icon{font-size:48px;}.elementor-17 .elementor-element.elementor-element-f538fa0 .elementor-icon svg{height:48px;}.elementor-17 .elementor-element.elementor-element-44c7c17 .elementor-heading-title{font-size:26px;}.elementor-17 .elementor-element.elementor-element-5f0d86e{font-size:16px;line-height:2.3em;}.elementor-17 .elementor-element.elementor-element-7ef6bb2 .elementor-button{font-size:16px;}.elementor-17 .elementor-element.elementor-element-ea478b5 .elementor-icon{font-size:43px;}.elementor-17 .elementor-element.elementor-element-ea478b5 .elementor-icon svg{height:43px;}.elementor-17 .elementor-element.elementor-element-1f6a6b0 .elementor-heading-title{font-size:26px;}.elementor-17 .elementor-element.elementor-element-87067d5{font-size:16px;line-height:2.3em;}.elementor-17 .elementor-element.elementor-element-a3cfc0a .elementor-button{font-size:16px;}.elementor-17 .elementor-element.elementor-element-1d45604{--padding-top:0px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;}.elementor-17 .elementor-element.elementor-element-7d0c091 .elementor-heading-title{font-size:35px;}.elementor-17 .elementor-element.elementor-element-b51a936{font-size:16px;line-height:2.3em;}.elementor-17 .elementor-element.elementor-element-312894f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-4e86899 .elementor-heading-title{font-size:26px;}.elementor-17 .elementor-element.elementor-element-4e9a0b2{--container-widget-width:55px;--container-widget-flex-grow:0;width:var( --container-widget-width, 55px );max-width:55px;}.elementor-17 .elementor-element.elementor-element-4e9a0b2 img{width:85%;}.elementor-17 .elementor-element.elementor-element-bc2decb{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-43f6efc .elementor-heading-title{font-size:26px;}.elementor-17 .elementor-element.elementor-element-ee5ce2b{--container-widget-width:55px;--container-widget-flex-grow:0;width:var( --container-widget-width, 55px );max-width:55px;}.elementor-17 .elementor-element.elementor-element-ee5ce2b img{width:85%;}.elementor-17 .elementor-element.elementor-element-ab8e9cc{--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-17 .elementor-element.elementor-element-47b2521{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-ee9be4a{--width:50%;}.elementor-17 .elementor-element.elementor-element-b95a420{--width:45%;}.elementor-17 .elementor-element.elementor-element-bda5dbf{--width:75%;}.elementor-17 .elementor-element.elementor-element-ac5727d{--width:50%;}.elementor-17 .elementor-element.elementor-element-206ea3b{--width:75%;}.elementor-17 .elementor-element.elementor-element-1e3a2e5{--width:50%;}.elementor-17 .elementor-element.elementor-element-0dd586a{--width:50%;}.elementor-17 .elementor-element.elementor-element-ab8e9cc{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-b419458 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d1e1f0 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-416204e *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cea518 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16cfd94 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b419458 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d1e1f0 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-416204e *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cea518 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16cfd94 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b419458 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d1e1f0 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-416204e *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cea518 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16cfd94 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b419458 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d1e1f0 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-416204e *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cea518 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16cfd94 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b419458 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d1e1f0 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-416204e *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cea518 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16cfd94 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b419458 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d1e1f0 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-416204e *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cea518 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16cfd94 *//* Importeer het Urbanist font van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;700;900&display=swap');

.fancy-box {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 35px;
  cursor: pointer;
  color: white;
  font-family: "Urbanist", Sans-serif;

  /* Fix voor rounded corners */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.box-bg,
.box-gradient {
  border-radius: inherit;
}

.box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 40%, 
    rgba(0, 0, 0, 0.7) 100%
  );
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.fancy-box:hover .box-gradient {
  background: linear-gradient(
    to bottom,
    rgba(244, 98, 2, 0) 30%,
    rgba(244, 98, 2, 0.9) 100%
  );
}

.fancy-box:hover .box-bg {
  transform: scale(1);
}

.fancy-box:hover .box-content {
  transform: translateY(5px);
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.fancy-box:hover .box-description {
  opacity: 1;
}

.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px;
  z-index: 2;
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
              text-shadow 0.4s ease;
  width: 100%;
  box-sizing: border-box;
  font-family: "Urbanist", Sans-serif;
}

.box-title {
  font-family: "Urbanist", Sans-serif !important;
  margin: 0;
  font-size: 31px !important;
  line-height: 1.1;
  font-weight: 600 !important;
  letter-spacing: -0.5px;
color: #fff !important;
}

.box-description {
  font-family: "Urbanist", Sans-serif !important;
  margin: 10px 0 30px 0;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 18px !important;
  font-weight: 500;
}

/* --- MOBIEL --- */

@media (max-width: 768px) {
  .fancy-box {
    width: 100% !important;
  }
}/* End custom CSS */