.elementor-10 .elementor-element.elementor-element-be3bf29{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-8c05c39{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-6741437{--display:flex;--justify-content:flex-start;}.elementor-10 .elementor-element.elementor-element-6741437.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-523d5c2 > .elementor-widget-container{margin:0px 0px 0px 50px;}.elementor-10 .elementor-element.elementor-element-523d5c2.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-523d5c2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:600;color:#424242;}.elementor-10 .elementor-element.elementor-element-c2ab91e{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-4537cdb{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:400;color:#000000;}.elementor-10 .elementor-element.elementor-element-36ec1ce{--display:flex;}.elementor-10 .elementor-element.elementor-element-1fc2f19.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-519970e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-b2572ec{--display:flex;--justify-content:flex-start;}.elementor-10 .elementor-element.elementor-element-b2572ec.e-con{--align-self:flex-end;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-69540d9{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:end;}.elementor-10 .elementor-element.elementor-element-69540d9 > .elementor-widget-container{margin:0px 0px 0px 50px;}.elementor-10 .elementor-element.elementor-element-69540d9.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-69540d9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:600;color:#424242;}.elementor-10 .elementor-element.elementor-element-cb4760a{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-272dd2b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-4b6b236{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-505a41c img{width:100%;max-width:100%;height:500px;opacity:1;}.elementor-10 .elementor-element.elementor-element-505a41c:hover img{opacity:0.1;}.elementor-10 .elementor-element.elementor-element-82285c6{--display:flex;--min-height:0px;--justify-content:center;--margin-top:-520px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-82285c6:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10 .elementor-element.elementor-element-82285c6.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-805328b.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-1039ae7{--display:flex;--min-height:514px;}.elementor-10 .elementor-element.elementor-element-0494b52 img{width:100%;max-width:100%;height:500px;}.elementor-10 .elementor-element.elementor-element-47ab0e7{--display:flex;--min-height:0px;--justify-content:center;--margin-top:-520px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-47ab0e7:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10 .elementor-element.elementor-element-47ab0e7.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-de06279.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-fc00ca5{--display:flex;--min-height:514px;}.elementor-10 .elementor-element.elementor-element-24efd59 img{height:500px;}.elementor-10 .elementor-element.elementor-element-4a10265{--display:flex;--min-height:0px;--justify-content:center;--margin-top:-520px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-4a10265:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10 .elementor-element.elementor-element-4a10265.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-1a59922.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-49f16e5{--display:flex;--min-height:514px;}.elementor-10 .elementor-element.elementor-element-faa94a5 img{width:100%;height:500px;}.elementor-10 .elementor-element.elementor-element-2ad4d6b{--display:flex;--min-height:0px;--justify-content:center;--margin-top:-520px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-2ad4d6b:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10 .elementor-element.elementor-element-2ad4d6b.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-acd5284.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-733a674{--display:flex;--min-height:514px;}.elementor-10 .elementor-element.elementor-element-59e20ab img{height:500px;}.elementor-10 .elementor-element.elementor-element-d8930b5{--display:flex;--min-height:0px;--justify-content:center;--margin-top:-520px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-d8930b5:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10 .elementor-element.elementor-element-d8930b5.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-ddd0606.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-1062b65{--display:flex;--min-height:514px;}.elementor-10 .elementor-element.elementor-element-79771dd img{height:500px;}.elementor-10 .elementor-element.elementor-element-8ebc986{--display:flex;--min-height:0px;--justify-content:center;--margin-top:-520px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-8ebc986:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10 .elementor-element.elementor-element-8ebc986.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-3f85dfe.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-9916084{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-9916084:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-9916084 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#424242;}.elementor-10 .elementor-element.elementor-element-103667e{--display:flex;--justify-content:flex-start;}.elementor-10 .elementor-element.elementor-element-103667e.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-5f71504 > .elementor-widget-container{margin:0px 0px 0px 50px;}.elementor-10 .elementor-element.elementor-element-5f71504.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-5f71504 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:600;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-3a51dec{--display:flex;}.elementor-10 .elementor-element.elementor-element-3c51359{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:400;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-efce4c8{--display:flex;}.elementor-10 .elementor-element.elementor-element-42481e5.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-1fd52f4{--display:flex;--min-height:588px;}.elementor-10 .elementor-element.elementor-element-1fd52f4:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-1fd52f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://giscard.be/wp-content/uploads/2025/02/20250611_083756.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-58a1b9f{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-65f39a8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-19b59c8{--display:flex;--justify-content:flex-start;}.elementor-10 .elementor-element.elementor-element-19b59c8.e-con{--align-self:flex-end;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-86d708f{width:var( --container-widget-width, 100.028% );max-width:100.028%;--container-widget-width:100.028%;--container-widget-flex-grow:0;text-align:end;}.elementor-10 .elementor-element.elementor-element-86d708f > .elementor-widget-container{margin:0px 0px 0px 50px;}.elementor-10 .elementor-element.elementor-element-86d708f.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-86d708f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:600;color:#424242;}.elementor-10 .elementor-element.elementor-element-5dff163{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-9ce4cf0{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-93ea245 img{width:100%;height:461px;}.elementor-10 .elementor-element.elementor-element-27034ec{--display:flex;}.elementor-10 .elementor-element.elementor-element-04f948e img{width:100%;height:500px;}.elementor-10 .elementor-element.elementor-element-07a2724{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-f109be0 img{width:100%;height:455px;}.elementor-10 .elementor-element.elementor-element-5529487{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-4d86725{--display:flex;}.elementor-10 .elementor-element.elementor-element-9909551.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-db1516c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-586c5ba{--display:flex;border-style:none;--border-style:none;}.elementor-10 .elementor-element.elementor-element-586c5ba.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-d73291e{--display:flex;--justify-content:flex-start;}.elementor-10 .elementor-element.elementor-element-d73291e.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-2754b3f{width:var( --container-widget-width, 62.058% );max-width:62.058%;--container-widget-width:62.058%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-2754b3f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-2754b3f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:600;color:#424242;}.elementor-10 .elementor-element.elementor-element-3548163{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:300;color:#000000;}.elementor-10 .elementor-element.elementor-element-4c89936{--display:flex;}.elementor-10 .elementor-element.elementor-element-81ddf57{--display:flex;}.elementor-10 .elementor-element.elementor-element-ae0dcf8.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-fafc3fa{--display:flex;}.elementor-10 .elementor-element.elementor-element-fafc3fa:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-fafc3fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://giscard.be/wp-content/uploads/2026/01/20250923_173151.jpg");background-position:center center;background-repeat:no-repeat;background-size:105% auto;}.elementor-10 .elementor-element.elementor-element-fafc3fa.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-272dd2b{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-6741437{--width:28.213%;}.elementor-10 .elementor-element.elementor-element-b2572ec{--width:92.541%;}.elementor-10 .elementor-element.elementor-element-82285c6{--width:100%;}.elementor-10 .elementor-element.elementor-element-47ab0e7{--width:90%;}.elementor-10 .elementor-element.elementor-element-4a10265{--width:90%;}.elementor-10 .elementor-element.elementor-element-2ad4d6b{--width:90%;}.elementor-10 .elementor-element.elementor-element-d8930b5{--width:90%;}.elementor-10 .elementor-element.elementor-element-8ebc986{--width:90%;}.elementor-10 .elementor-element.elementor-element-103667e{--width:28.213%;}.elementor-10 .elementor-element.elementor-element-19b59c8{--width:92.541%;}.elementor-10 .elementor-element.elementor-element-9ce4cf0{--width:406px;}.elementor-10 .elementor-element.elementor-element-27034ec{--width:473px;}.elementor-10 .elementor-element.elementor-element-07a2724{--width:406px;}.elementor-10 .elementor-element.elementor-element-586c5ba{--width:40.547%;}.elementor-10 .elementor-element.elementor-element-d73291e{--width:94.99%;}.elementor-10 .elementor-element.elementor-element-fafc3fa{--width:67.912%;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-272dd2b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-523d5c2 */.over-ons {
    font-style: italic; 
}

.over-ons .over {
    font-weight: 200;
}

.over-ons .ons {
    font-weight: 700; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1fc2f19 */.primary-button { 
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.05rem;
  border: 1px solid #338E33;
  padding: 0.5rem 2.1rem; 
  position: relative;
  z-index: 1;
  background-color: #338E33;
  color: white;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.primary-button:hover {
  background-color: transparent;
  color: #338E33;
  border: 1px solid #338E33;
}

/* Before hover effect */
.primary-button:before {
  content: "";
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  top: -1px;
  left: -1px;
  transition: background-color 0.15s ease-in-out;
}

.button-borders {
  position: relative;
  width: fit-content;
  height: fit-content;
}

.button-borders:before {
  content: "";
  position: absolute;
  width: calc(100% + 0.5em);
  height: 50%;
  left: -0.3em;
  top: -0.3em;
  border: 1px solid #338E33;
  border-bottom: 0px;
}

.button-borders:after {
  content: "";
  position: absolute;
  width: calc(100% + 0.5em);
  height: 50%;
  left: -0.3em;
  bottom: -0.3em;
  border: 1px solid #338E33;
  border-top: 0px;
  z-index: 0;
}

.shape {
  fill: #338E33;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-69540d9 */.over-ons {
    font-style: italic; 
}

.over-ons .over {
    font-weight: 200;
}

.over-ons .ons {
    font-weight: 700; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-505a41c *//* Wrapper Styles */
.button-card-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden; /* Hide overflow to ensure the button doesn't spill outside the container */
  width: 200px; /* Normal container width */
  height: 50px; /* Normal container height */
  border-radius: 12px; /* Rounded corners for the container */
  transition: all 0.3s ease; /* Smooth transition for hover effect */
}

/* Button Styles */
.button-card-wrapper .button-card {
  cursor: pointer;
  font-size: 17px; /* Font size */
  font-weight: 200; /* Light text */
  font-family: 'Roboto', sans-serif; /* Roboto font */
  letter-spacing: 0.05rem;
  background-color: #338E33; /* Green background */
  color: white; /* White text */
  border: 1px solid #338E33; /* Green border */
  padding: 0.5rem 1.5rem; /* Adjust padding to keep button size smaller */
  width: 100%; /* Full width of the container */
  height: 100%; /* Full height of the container */
  text-align: center; /* Center the text */
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  justify-content: center; /* Horizontally center the text */
  align-items: center; /* Vertically center the text */
  transition: all 0.3s ease; /* Smooth transition for hover effect */
}

/* On hover, expand the top and bottom of the button */
.button-card-wrapper:hover .button-card {
  background-color: rgba(51, 142, 51, 0.8); /* Slightly transparent green background */
  color: white; /* Keep text white on hover */
  border: 1px solid white; /* White border on hover */
  transform: scaleY(1.3); /* Expands only the top and bottom */
  height: 80px; /* Increased height on hover */
  padding: 1rem 1.5rem; /* Adjust padding to maintain proportion */
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow to create a "card" feel */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82285c6 *//* Container Styles */
.button-card-wrapper {
  position: relative;
  display: flex;
  justify-content: center; /* Centers the button horizontally */
  align-items: center; /* Centers the button vertically */
  width: 225px;
  height: 50px;
  overflow: hidden;
  margin: 0 auto; /* Centers the container within its parent */
  transition: all 0.3s ease;
  border-radius: 0 !important; 
}

.button-card-wrapper .button-card {
  cursor: pointer;
  font-size: 15px;
  font-weight: 200;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.05rem;
  background-color: #338E33;
  color: white;
  border: 1px solid #338E33;
  border-radius: 0 !important; /* Force no rounded corners */
  padding: 0.5rem 1.5rem;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  
  /* Reset default button styling */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.button-card-wrapper:hover {
  height: 400px; /* Increased height on hover */
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
}

.button-card-wrapper:hover .button-card {
  background-color: rgba(51, 142, 51, 0.8);
  color: white;
  height: 100%; /* Ensure the button still increases height when hovered */
  margin-top: -25px; /* Shift the button up to be centered vertically */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47ab0e7 *//* Container Styles */
.button-card-wrapper {
  position: relative;
  display: flex;
  justify-content: center; /* Centers the button horizontally */
  align-items: center; /* Centers the button vertically */
  width: 225px;
  height: 50px;
  overflow: hidden;
  margin: 0 auto; /* Centers the container within its parent */
  transition: all 0.3s ease;
}

.button-card-wrapper .button-card {
  cursor: pointer;
  font-size: 15px;
  font-weight: 200;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.05rem;
  background-color: #338E33;
  color: white;
  border: 1px solid #338E33;
  border-radius: 0 !important; /* Force no rounded corners */
  padding: 0.5rem 1.5rem;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  
  /* Reset default button styling */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.button-card-wrapper:hover {
  height: 400px; /* Increased height on hover */
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
}

.button-card-wrapper:hover .button-card {
  background-color: rgba(51, 142, 51, 0.8);
  color: white;
  height: 100%; /* Ensure the button still increases height when hovered */
  margin-top: -25px; /* Shift the button up to be centered vertically */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a10265 *//* Container Styles */
.button-card-wrapper {
  position: relative;
  display: flex;
  justify-content: center; /* Centers the button horizontally */
  align-items: center; /* Centers the button vertically */
  width: 225px;
  height: 50px;
  overflow: hidden;
  margin: 0 auto; /* Centers the container within its parent */
  transition: all 0.3s ease;
}

.button-card-wrapper .button-card {
  cursor: pointer;
  font-size: 15px;
  font-weight: 200;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.05rem;
  background-color: #338E33;
  color: white;
  border: 1px solid #338E33;
  border-radius: 0 !important; /* Force no rounded corners */
  padding: 0.5rem 1.5rem;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  
  /* Reset default button styling */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.button-card-wrapper:hover {
  height: 400px; /* Increased height on hover */
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
}

.button-card-wrapper:hover .button-card {
  background-color: rgba(51, 142, 51, 0.8);
  color: white;
  height: 100%; /* Ensure the button still increases height when hovered */
  margin-top: -25px; /* Shift the button up to be centered vertically */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ad4d6b *//* Container Styles */
.button-card-wrapper {
  position: relative;
  display: flex;
  justify-content: center; /* Centers the button horizontally */
  align-items: center; /* Centers the button vertically */
  width: 225px;
  height: 50px;
  overflow: hidden;
  margin: 0 auto; /* Centers the container within its parent */
  transition: all 0.3s ease;
}

.button-card-wrapper .button-card {
  cursor: pointer;
  font-size: 15px;
  font-weight: 200;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.05rem;
  background-color: #338E33;
  color: white;
  border: 1px solid #338E33;
  border-radius: 0 !important; /* Force no rounded corners */
  padding: 0.5rem 1.5rem;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  
  /* Reset default button styling */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.button-card-wrapper:hover {
  height: 400px; /* Increased height on hover */
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
}

.button-card-wrapper:hover .button-card {
  background-color: rgba(51, 142, 51, 0.8);
  color: white;
  height: 100%; /* Ensure the button still increases height when hovered */
  margin-top: -25px; /* Shift the button up to be centered vertically */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8930b5 *//* Container Styles */
.button-card-wrapper {
  position: relative;
  display: flex;
  justify-content: center; /* Centers the button horizontally */
  align-items: center; /* Centers the button vertically */
  width: 225px;
  height: 50px;
  overflow: hidden;
  margin: 0 auto; /* Centers the container within its parent */
  transition: all 0.3s ease;
}

.button-card-wrapper .button-card {
  cursor: pointer;
  font-size: 15px;
  font-weight: 200;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.05rem;
  background-color: #338E33;
  color: white;
  border: 1px solid #338E33;
  border-radius: 0 !important; /* Force no rounded corners */
  padding: 0.5rem 1.5rem;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  
  /* Reset default button styling */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.button-card-wrapper:hover {
  height: 400px; /* Increased height on hover */
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
}

.button-card-wrapper:hover .button-card {
  background-color: rgba(51, 142, 51, 0.8);
  color: white;
  height: 100%; /* Ensure the button still increases height when hovered */
  margin-top: -25px; /* Shift the button up to be centered vertically */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ebc986 *//* Container Styles */
.button-card-wrapper {
  position: relative;
  display: flex;
  justify-content: center; /* Centers the button horizontally */
  align-items: center; /* Centers the button vertically */
  width: 225px;
  height: 50px;
  overflow: hidden;
  margin: 0 auto; /* Centers the container within its parent */
  transition: all 0.3s ease;
}

.button-card-wrapper .button-card {
  cursor: pointer;
  font-size: 15px;
  font-weight: 200;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.05rem;
  background-color: #338E33;
  color: white;
  border: 1px solid #338E33;
  border-radius: 0 !important; /* Force no rounded corners */
  padding: 0.5rem 1.5rem;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  
  /* Reset default button styling */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.button-card-wrapper:hover {
  height: 400px; /* Increased height on hover */
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
}

.button-card-wrapper:hover .button-card {
  background-color: rgba(51, 142, 51, 0.8);
  color: white;
  height: 100%; /* Ensure the button still increases height when hovered */
  margin-top: -25px; /* Shift the button up to be centered vertically */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f71504 */.over-ons {
    font-style: italic; 
}

.over-ons .over {
    font-weight: 200;
}

.over-ons .ons {
    font-weight: 700; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42481e5 */.primary-button-white { 
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.05rem;
  border: 1px solid #000; /* Black border */
  padding: 0.5rem 2.1rem; /* Reduced top and bottom padding */
  position: relative;
  z-index: 1;
  background-color: white; /* White background by default */
  color: black; /* Black text by default */
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.primary-button-white:hover {
  background-color: transparent; /* Transparent background on hover */
  color: white; /* White text on hover */
  border: 1px solid white; /* White border on hover */
}

/* Before hover effect */
.primary-button-white:before {
  content: "";
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  top: -1px;
  left: -1px;
  transition: background-color 0.15s ease-in-out;
}

.button-borders-white {
  position: relative;
  width: fit-content;
  height: fit-content;
}

.button-borders-white:before {
  content: "";
  position: absolute;
  width: calc(100% + 0.5em);
  height: 50%;
  left: -0.3em;
  top: -0.3em;
  border: 1px solid #FFF; /* Black border */
  border-bottom: 0px;
}

.button-borders-white:after {
  content: "";
  position: absolute;
  width: calc(100% + 0.5em);
  height: 50%;
  left: -0.3em;
  bottom: -0.3em;
  border: 1px solid #FFF; /* Black border */
  border-top: 0px;
  z-index: 0;
}

.shape {
  fill: #000; /* Black color */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-86d708f */.over-ons {
    font-style: italic; 
}

.over-ons .over {
    font-weight: 200;
}

.over-ons .ons {
    font-weight: 700; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9909551 */.primary-button-black { 
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.05rem;
  border: 1px solid #000; /* Black border */
  padding: 0.5rem 2.1rem; /* Reduced top and bottom padding */
  position: relative;
  z-index: 1;
  background-color: black; /* Black background by default */
  color: white; /* White text by default */
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.primary-button-black:hover {
  background-color: transparent; /* Transparent background on hover */
  color: black; /* Black text on hover */
  border: 1px solid black; /* Black border on hover */
}

/* Before hover effect */
.primary-button-black:before {
  content: "";
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  top: -1px;
  left: -1px;
  transition: background-color 0.15s ease-in-out;
}

.button-borders-black {
  position: relative;
  width: fit-content;
  height: fit-content;
}

.button-borders-black:before {
  content: "";
  position: absolute;
  width: calc(100% + 0.5em);
  height: 50%;
  left: -0.3em;
  top: -0.3em;
  border: 1px solid #000; /* Black border */
  border-bottom: 0px;
}

.button-borders-black:after {
  content: "";
  position: absolute;
  width: calc(100% + 0.5em);
  height: 50%;
  left: -0.3em;
  bottom: -0.3em;
  border: 1px solid #000; /* Black border */
  border-top: 0px;
  z-index: 0;
}

.shape {
  fill: #000; /* Black color */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2754b3f */.houtbouw {
    font-style: italic; 
}

.houtbouw .over {
    font-weight: 200;
}

.houtbouw .ons {
    font-weight: 700; 
    color: #338E33;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae0dcf8 */.primary-button { 
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.05rem;
  border: 1px solid #338E33;
  padding: 0.5rem 2.1rem; /* Reduced top and bottom padding */
  position: relative;
  z-index: 1;
  background-color: #338E33;
  color: white;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.primary-button:hover {
  background-color: white;
  color: #338E33;
  border: 1px solid #338E33;
}

/* Before hover effect */
.primary-button:before {
  content: "";
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  top: -1px;
  left: -1px;
  transition: background-color 0.15s ease-in-out;
}

.button-borders {
  position: relative;
  width: fit-content;
  height: fit-content;
}

.button-borders:before {
  content: "";
  position: absolute;
  width: calc(100% + 0.5em);
  height: 50%;
  left: -0.3em;
  top: -0.3em;
  border: 1px solid #338E33;
  border-bottom: 0px;
}

.button-borders:after {
  content: "";
  position: absolute;
  width: calc(100% + 0.5em);
  height: 50%;
  left: -0.3em;
  bottom: -0.3em;
  border: 1px solid #338E33;
  border-top: 0px;
  z-index: 0;
}

.shape {
  fill: #338E33;
}/* End custom CSS */