.elementor-3448 .elementor-element.elementor-element-dd78efe{--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;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-dd78efe:not(.elementor-motion-effects-element-type-background), .elementor-3448 .elementor-element.elementor-element-dd78efe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-96aef85{--display:flex;}.elementor-3448 .elementor-element.elementor-element-2f1e579{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-2f1e579:not(.elementor-motion-effects-element-type-background), .elementor-3448 .elementor-element.elementor-element-2f1e579 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );background-image:url("https://sub.bmpbuildingservices.be/wp-content/uploads/2026/05/Projectleider-resize-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3448 .elementor-element.elementor-element-2f1e579::before, .elementor-3448 .elementor-element.elementor-element-2f1e579 > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-2f1e579 > .e-con-inner > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-2f1e579 > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-2f1e579 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-2f1e579 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_1 );--background-overlay:'';}.elementor-3448 .elementor-element.elementor-element-d342120{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-3448 .elementor-element.elementor-element-6edf404 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:300;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-789f10c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-b2afe1b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-b2afe1b .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-af486f2{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-23e2c06{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-23e2c06 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-e63cd54{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-d99f16c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-d99f16c .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-9bb765a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-a9c3143 .elementor-button{background-color:var( --e-global-color-blocksy_palette_8 );font-size:12px;font-weight:600;fill:var( --e-global-color-blocksy_palette_1 );color:var( --e-global-color-blocksy_palette_1 );border-radius:0px 0px 0px 0px;padding:10px 8px 8px 8px;}.elementor-3448 .elementor-element.elementor-element-a9c3143{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-a9c3143.elementor-element{--align-self:flex-start;}.elementor-3448 .elementor-element.elementor-element-a9c3143 .elementor-button:hover, .elementor-3448 .elementor-element.elementor-element-a9c3143 .elementor-button:focus{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-a9c3143 .elementor-button:hover svg, .elementor-3448 .elementor-element.elementor-element-a9c3143 .elementor-button:focus svg{fill:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-f3d4071{--display:flex;}.elementor-3448 .elementor-element.elementor-element-176b0b0{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-176b0b0:not(.elementor-motion-effects-element-type-background), .elementor-3448 .elementor-element.elementor-element-176b0b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );background-image:url("https://sub.bmpbuildingservices.be/wp-content/uploads/2026/07/Projectleider-Retail-en-afwerking-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3448 .elementor-element.elementor-element-176b0b0::before, .elementor-3448 .elementor-element.elementor-element-176b0b0 > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-176b0b0 > .e-con-inner > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-176b0b0 > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-176b0b0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-176b0b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_1 );--background-overlay:'';}.elementor-3448 .elementor-element.elementor-element-109e0d6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-3448 .elementor-element.elementor-element-77fb322 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:300;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-c625378{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-31cc06f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-31cc06f .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-27e9f2a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-7912f1c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-7912f1c .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-fc00cf8{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-a52b5c1{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-a52b5c1 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-92f334f{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-b768337 .elementor-button{background-color:var( --e-global-color-blocksy_palette_8 );font-size:12px;font-weight:600;fill:var( --e-global-color-blocksy_palette_1 );color:var( --e-global-color-blocksy_palette_1 );border-radius:0px 0px 0px 0px;padding:10px 8px 8px 8px;}.elementor-3448 .elementor-element.elementor-element-b768337{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-b768337.elementor-element{--align-self:flex-start;}.elementor-3448 .elementor-element.elementor-element-b768337 .elementor-button:hover, .elementor-3448 .elementor-element.elementor-element-b768337 .elementor-button:focus{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-b768337 .elementor-button:hover svg, .elementor-3448 .elementor-element.elementor-element-b768337 .elementor-button:focus svg{fill:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-d1ee6ee{--display:flex;}.elementor-3448 .elementor-element.elementor-element-5e76f81{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-5e76f81:not(.elementor-motion-effects-element-type-background), .elementor-3448 .elementor-element.elementor-element-5e76f81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );background-image:url("https://sub.bmpbuildingservices.be/wp-content/uploads/2026/07/Werfleider-alg.-Bouw.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3448 .elementor-element.elementor-element-5e76f81::before, .elementor-3448 .elementor-element.elementor-element-5e76f81 > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-5e76f81 > .e-con-inner > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-5e76f81 > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-5e76f81 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-5e76f81 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_1 );--background-overlay:'';}.elementor-3448 .elementor-element.elementor-element-3884f83{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-3448 .elementor-element.elementor-element-d35baec .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:300;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-b980377{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-00da4ce{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-00da4ce .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-86f6dcf{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-03e0ec6{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-03e0ec6 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-fcf6c34{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-cba390a{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-cba390a .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-35dd270{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-bf65ad2 .elementor-button{background-color:var( --e-global-color-blocksy_palette_8 );font-size:12px;font-weight:600;fill:var( --e-global-color-blocksy_palette_1 );color:var( --e-global-color-blocksy_palette_1 );border-radius:0px 0px 0px 0px;padding:10px 8px 8px 8px;}.elementor-3448 .elementor-element.elementor-element-bf65ad2{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-bf65ad2.elementor-element{--align-self:flex-start;}.elementor-3448 .elementor-element.elementor-element-bf65ad2 .elementor-button:hover, .elementor-3448 .elementor-element.elementor-element-bf65ad2 .elementor-button:focus{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-bf65ad2 .elementor-button:hover svg, .elementor-3448 .elementor-element.elementor-element-bf65ad2 .elementor-button:focus svg{fill:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-7e44ad3{--display:flex;}.elementor-3448 .elementor-element.elementor-element-6ec3f42{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-6ec3f42:not(.elementor-motion-effects-element-type-background), .elementor-3448 .elementor-element.elementor-element-6ec3f42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );background-image:url("https://sub.bmpbuildingservices.be/wp-content/uploads/2026/07/Calculator.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3448 .elementor-element.elementor-element-6ec3f42::before, .elementor-3448 .elementor-element.elementor-element-6ec3f42 > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-6ec3f42 > .e-con-inner > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-6ec3f42 > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-6ec3f42 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-6ec3f42 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_1 );--background-overlay:'';}.elementor-3448 .elementor-element.elementor-element-b6cc08a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-3448 .elementor-element.elementor-element-5d9232b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:300;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-5be012b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-5ecafb7{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-5ecafb7 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-6845517{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-4e84666{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-4e84666 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-a63767e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-ebcf77f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-ebcf77f .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-75070fd{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-8e7fc6b .elementor-button{background-color:var( --e-global-color-blocksy_palette_8 );font-size:12px;font-weight:600;fill:var( --e-global-color-blocksy_palette_1 );color:var( --e-global-color-blocksy_palette_1 );border-radius:0px 0px 0px 0px;padding:10px 8px 8px 8px;}.elementor-3448 .elementor-element.elementor-element-8e7fc6b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-8e7fc6b.elementor-element{--align-self:flex-start;}.elementor-3448 .elementor-element.elementor-element-8e7fc6b .elementor-button:hover, .elementor-3448 .elementor-element.elementor-element-8e7fc6b .elementor-button:focus{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-8e7fc6b .elementor-button:hover svg, .elementor-3448 .elementor-element.elementor-element-8e7fc6b .elementor-button:focus svg{fill:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-d69d60b{--display:flex;}.elementor-3448 .elementor-element.elementor-element-d1a2e6e{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-d1a2e6e:not(.elementor-motion-effects-element-type-background), .elementor-3448 .elementor-element.elementor-element-d1a2e6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );background-image:url("https://sub.bmpbuildingservices.be/wp-content/uploads/2026/07/Projectleider-Retail-en-afwerking.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3448 .elementor-element.elementor-element-d1a2e6e::before, .elementor-3448 .elementor-element.elementor-element-d1a2e6e > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-d1a2e6e > .e-con-inner > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-d1a2e6e > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-d1a2e6e > .e-con-inner > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-d1a2e6e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_1 );--background-overlay:'';}.elementor-3448 .elementor-element.elementor-element-ec8da5b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-3448 .elementor-element.elementor-element-9da70c4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:300;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-8eda989{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-cf25b10{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-cf25b10 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-9556c6d{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-4da7dc8{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-4da7dc8 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-66d6c6a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-5826aa6{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-5826aa6 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-60fe6c7{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-5b297b3 .elementor-button{background-color:var( --e-global-color-blocksy_palette_8 );font-size:12px;font-weight:600;fill:var( --e-global-color-blocksy_palette_1 );color:var( --e-global-color-blocksy_palette_1 );border-radius:0px 0px 0px 0px;padding:10px 8px 8px 8px;}.elementor-3448 .elementor-element.elementor-element-5b297b3{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-5b297b3.elementor-element{--align-self:flex-start;}.elementor-3448 .elementor-element.elementor-element-5b297b3 .elementor-button:hover, .elementor-3448 .elementor-element.elementor-element-5b297b3 .elementor-button:focus{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-5b297b3 .elementor-button:hover svg, .elementor-3448 .elementor-element.elementor-element-5b297b3 .elementor-button:focus svg{fill:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-5062c41{--display:flex;}.elementor-3448 .elementor-element.elementor-element-3dd81ce{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-3dd81ce:not(.elementor-motion-effects-element-type-background), .elementor-3448 .elementor-element.elementor-element-3dd81ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );background-image:url("https://sub.bmpbuildingservices.be/wp-content/uploads/2026/07/Werkvoorbereider.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3448 .elementor-element.elementor-element-3dd81ce::before, .elementor-3448 .elementor-element.elementor-element-3dd81ce > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-3dd81ce > .e-con-inner > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-3dd81ce > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-3dd81ce > .e-con-inner > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-3dd81ce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_1 );--background-overlay:'';}.elementor-3448 .elementor-element.elementor-element-5493b54{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-3448 .elementor-element.elementor-element-802c57e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:300;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-8f1d05a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-fc78350{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-fc78350 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-9d80f6e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-20eb12b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-20eb12b .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-f988cd9{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-7447133{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-7447133 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-bfff2b1{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-3186690 .elementor-button{background-color:var( --e-global-color-blocksy_palette_8 );font-size:12px;font-weight:600;fill:var( --e-global-color-blocksy_palette_1 );color:var( --e-global-color-blocksy_palette_1 );border-radius:0px 0px 0px 0px;padding:10px 8px 8px 8px;}.elementor-3448 .elementor-element.elementor-element-3186690{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-3186690.elementor-element{--align-self:flex-start;}.elementor-3448 .elementor-element.elementor-element-3186690 .elementor-button:hover, .elementor-3448 .elementor-element.elementor-element-3186690 .elementor-button:focus{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-3186690 .elementor-button:hover svg, .elementor-3448 .elementor-element.elementor-element-3186690 .elementor-button:focus svg{fill:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-99b3ee5{--display:flex;}.elementor-3448 .elementor-element.elementor-element-8565c65{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-8565c65:not(.elementor-motion-effects-element-type-background), .elementor-3448 .elementor-element.elementor-element-8565c65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );background-image:url("https://sub.bmpbuildingservices.be/wp-content/uploads/2026/07/Magazijnier.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3448 .elementor-element.elementor-element-8565c65::before, .elementor-3448 .elementor-element.elementor-element-8565c65 > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-8565c65 > .e-con-inner > .elementor-background-video-container::before, .elementor-3448 .elementor-element.elementor-element-8565c65 > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-8565c65 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3448 .elementor-element.elementor-element-8565c65 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_1 );--background-overlay:'';}.elementor-3448 .elementor-element.elementor-element-9c816c3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-3448 .elementor-element.elementor-element-2ed2883 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:300;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-97c5c6f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-098b90d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-098b90d .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-f094399{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-d840942{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-d840942 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-b096b79{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-8040c95{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-8040c95 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-04b5184{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:11px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-3448 .elementor-element.elementor-element-dad8b27 .elementor-button{background-color:var( --e-global-color-blocksy_palette_8 );font-size:12px;font-weight:600;fill:var( --e-global-color-blocksy_palette_1 );color:var( --e-global-color-blocksy_palette_1 );border-radius:0px 0px 0px 0px;padding:10px 8px 8px 8px;}.elementor-3448 .elementor-element.elementor-element-dad8b27{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3448 .elementor-element.elementor-element-dad8b27.elementor-element{--align-self:flex-start;}.elementor-3448 .elementor-element.elementor-element-dad8b27 .elementor-button:hover, .elementor-3448 .elementor-element.elementor-element-dad8b27 .elementor-button:focus{color:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-dad8b27 .elementor-button:hover svg, .elementor-3448 .elementor-element.elementor-element-dad8b27 .elementor-button:focus svg{fill:var( --e-global-color-blocksy_palette_2 );}.elementor-3448 .elementor-element.elementor-element-4b2ae6c{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--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:0px;--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:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}#elementor-popup-modal-3448{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3448 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-3448 .dialog-close-button{display:flex;top:3%;}#elementor-popup-modal-3448 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}body:not(.rtl) #elementor-popup-modal-3448 .dialog-close-button{right:3%;}body.rtl #elementor-popup-modal-3448 .dialog-close-button{left:3%;}#elementor-popup-modal-3448 .dialog-close-button i{color:var( --e-global-color-blocksy_palette_8 );}#elementor-popup-modal-3448 .dialog-close-button svg{fill:var( --e-global-color-blocksy_palette_8 );}@media(min-width:768px){.elementor-3448 .elementor-element.elementor-element-d342120{--width:100%;}.elementor-3448 .elementor-element.elementor-element-109e0d6{--width:100%;}.elementor-3448 .elementor-element.elementor-element-3884f83{--width:100%;}.elementor-3448 .elementor-element.elementor-element-b6cc08a{--width:100%;}.elementor-3448 .elementor-element.elementor-element-ec8da5b{--width:100%;}.elementor-3448 .elementor-element.elementor-element-5493b54{--width:100%;}.elementor-3448 .elementor-element.elementor-element-9c816c3{--width:100%;}}@media(max-width:1024px){.elementor-3448 .elementor-element.elementor-element-dd78efe{--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-96aef85{--min-height:600px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-f3d4071{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-d1ee6ee{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-7e44ad3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-d69d60b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-5062c41{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-99b3ee5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-4b2ae6c{--e-n-carousel-swiper-slides-to-display:1;padding:0px 0px 0px 0px;}#elementor-popup-modal-3448 .dialog-close-button{font-size:20px;}}@media(max-width:767px){.elementor-3448 .elementor-element.elementor-element-dd78efe{--min-height:500px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-3448 .elementor-element.elementor-element-2f1e579{--min-height:100vh;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3448 .elementor-element.elementor-element-d342120{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3448 .elementor-element.elementor-element-176b0b0{--min-height:100vh;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3448 .elementor-element.elementor-element-109e0d6{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3448 .elementor-element.elementor-element-5e76f81{--min-height:100vh;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3448 .elementor-element.elementor-element-3884f83{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3448 .elementor-element.elementor-element-6ec3f42{--min-height:100vh;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3448 .elementor-element.elementor-element-b6cc08a{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3448 .elementor-element.elementor-element-d1a2e6e{--min-height:100vh;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3448 .elementor-element.elementor-element-ec8da5b{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3448 .elementor-element.elementor-element-3dd81ce{--min-height:100vh;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3448 .elementor-element.elementor-element-5493b54{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3448 .elementor-element.elementor-element-8565c65{--min-height:100vh;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3448 .elementor-element.elementor-element-9c816c3{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3448 .elementor-element.elementor-element-4b2ae6c{--e-n-carousel-swiper-slides-to-display:1;}}@media(max-width:1024px) and (min-width:768px){.elementor-3448 .elementor-element.elementor-element-96aef85{--width:100%;}.elementor-3448 .elementor-element.elementor-element-f3d4071{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-d342120 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f1e579 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109e0d6 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-176b0b0 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3884f83 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e76f81 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6cc08a *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec3f42 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec8da5b *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a2e6e *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5493b54 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dd81ce *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c816c3 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8565c65 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d342120 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f1e579 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109e0d6 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-176b0b0 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3884f83 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e76f81 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6cc08a *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec3f42 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec8da5b *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a2e6e *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5493b54 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dd81ce *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c816c3 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8565c65 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d342120 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f1e579 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109e0d6 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-176b0b0 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3884f83 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e76f81 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6cc08a *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec3f42 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec8da5b *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a2e6e *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5493b54 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dd81ce *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c816c3 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8565c65 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d342120 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f1e579 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109e0d6 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-176b0b0 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3884f83 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e76f81 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6cc08a *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec3f42 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec8da5b *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a2e6e *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5493b54 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dd81ce *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c816c3 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8565c65 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d342120 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f1e579 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109e0d6 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-176b0b0 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3884f83 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e76f81 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6cc08a *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec3f42 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec8da5b *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a2e6e *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5493b54 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dd81ce *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c816c3 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8565c65 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d342120 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f1e579 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109e0d6 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-176b0b0 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3884f83 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e76f81 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6cc08a *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec3f42 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec8da5b *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a2e6e *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5493b54 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dd81ce *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c816c3 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8565c65 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d342120 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f1e579 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109e0d6 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-176b0b0 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3884f83 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e76f81 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6cc08a *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec3f42 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec8da5b *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a2e6e *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5493b54 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dd81ce *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c816c3 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8565c65 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d342120 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f1e579 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109e0d6 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-176b0b0 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3884f83 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e76f81 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6cc08a *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec3f42 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec8da5b *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1a2e6e *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5493b54 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dd81ce *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c816c3 *//*.project-info-box {
  width: 70% !important;
}

@media (max-width: 1024px) {
  .project-info-box {
    width: 100% !important;
  }
}

@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 75% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;

    width: 70% !important;
    max-width: 70% !important;

    z-index: 20 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8565c65 *//*@media (min-width: 501px) and (max-width: 800px) {

  .project-detail-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  .project-info-box {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 500px) {

  .project-detail-layout {
    flex-direction: column !important;
  }

  .project-info-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}*//* End custom CSS */