.elementor-723 .elementor-element.elementor-element-50488d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-723 .elementor-element.elementor-element-4f6d3aca{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--border-radius:24px 24px 24px 24px;--padding-top:65px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:15;}.elementor-723 .elementor-element.elementor-element-4f6d3aca:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-4f6d3aca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-uicore_secondary ) 67%, #0B7AB200 100%);}.elementor-723 .elementor-element.elementor-element-4f6d3aca.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-723 .elementor-element.elementor-element-5bdb5315{background-color:#FFFFFF1F;padding:6px 12px 6px 12px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1A;border-radius:100px 100px 100px 100px;}.elementor-723 .elementor-element.elementor-element-5bdb5315 .elementor-heading-title{color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-3844fe47{width:var( --container-widget-width, 1200px );max-width:1200px;--container-widget-width:1200px;--container-widget-flex-grow:0;text-align:center;}.elementor-723 .elementor-element.elementor-element-3844fe47.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-723 .elementor-element.elementor-element-3844fe47 .elementor-heading-title{color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-45977034{width:var( --container-widget-width, 673px );max-width:673px;padding:0px 0px 16px 0px;--container-widget-width:673px;--container-widget-flex-grow:0;text-align:center;color:#FFFFFF99;}.elementor-723 .elementor-element.elementor-element-721031b0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-20db53fc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-20db53fc .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-723 .elementor-element.elementor-element-20db53fc .elementor-button{padding:20px 20px 20px 20px;}.elementor-723 .elementor-element.elementor-element-2e6d2c72 .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-uicore_dark );color:var( --e-global-color-uicore_dark );padding:20px 20px 20px 20px;}.elementor-723 .elementor-element.elementor-element-2e6d2c72 .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-2e6d2c72 .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-uicore_primary );}.elementor-723 .elementor-element.elementor-element-2e6d2c72 .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-2e6d2c72 .elementor-button:focus svg{fill:var( --e-global-color-uicore_primary );}.elementor-723 .elementor-element.elementor-element-44453af8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-723 .elementor-element.elementor-element-604ac1bc{--ui-e-ico-box-text-align:left;background-color:#FFFFFF33;padding:0px 10px 0px 10px;transition:background 0s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:100px 100px 100px 100px;--ui-e-ico-box-icon-spacing:8px !important;--ui-e-ico-box-icon-rotate:0deg;}.elementor-723 .elementor-element.elementor-element-604ac1bc:hover{background-color:#FFFFFF50;}.elementor-723 .elementor-element.elementor-element-604ac1bc .ui-e-flex-wrp{align-items:center;}.elementor-723 .elementor-element.elementor-element-604ac1bc .ui-e-icon-wrp i{color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-604ac1bc .ui-e-icon-wrp svg{fill:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-604ac1bc .ui-e-icon-wrp{--ui-e-media-size:14px;--ui-e-ico-box-icon-wrp-rotate:0deg;--ui-e-ico-box-vertical-off:0px;--ui-e-ico-box-horizontal-off:0px;}.elementor-723 .elementor-element.elementor-element-604ac1bc .ui-e-title{color:#FFFFFF;margin-bottom:1px !important;}.elementor-723 .elementor-element.elementor-element-604ac1bc .ui-e-description{color:#FFFFFF;margin-bottom:0px !important;font-size:12px;font-weight:600;}.elementor-723 .elementor-element.elementor-element-3014de90{--ui-e-ico-box-text-align:left;background-color:#FFFFFF33;padding:0px 10px 0px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:100px 100px 100px 100px;--ui-e-ico-box-icon-spacing:8px !important;--ui-e-ico-box-icon-rotate:0deg;}.elementor-723 .elementor-element.elementor-element-3014de90:hover{background-color:#FFFFFF50;}.elementor-723 .elementor-element.elementor-element-3014de90 .ui-e-flex-wrp{align-items:center;}.elementor-723 .elementor-element.elementor-element-3014de90 .ui-e-icon-wrp i{color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-3014de90 .ui-e-icon-wrp svg{fill:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-3014de90 .ui-e-icon-wrp{--ui-e-media-size:14px;--ui-e-ico-box-icon-wrp-rotate:0deg;--ui-e-ico-box-vertical-off:0px;--ui-e-ico-box-horizontal-off:0px;}.elementor-723 .elementor-element.elementor-element-3014de90 .ui-e-title{color:#FFFFFF;margin-bottom:1px !important;}.elementor-723 .elementor-element.elementor-element-3014de90 .ui-e-description{color:#FFFFFF;margin-bottom:0px !important;font-size:12px;font-weight:600;}.elementor-723 .elementor-element.elementor-element-59fc62f9{--ui-e-ico-box-text-align:left;background-color:#FFFFFF33;padding:0px 10px 0px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:100px 100px 100px 100px;--ui-e-ico-box-icon-spacing:8px !important;--ui-e-ico-box-icon-rotate:0deg;}.elementor-723 .elementor-element.elementor-element-59fc62f9:hover{background-color:#FFFFFF50;}.elementor-723 .elementor-element.elementor-element-59fc62f9 .ui-e-flex-wrp{align-items:center;}.elementor-723 .elementor-element.elementor-element-59fc62f9 .ui-e-icon-wrp i{color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-59fc62f9 .ui-e-icon-wrp svg{fill:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-59fc62f9 .ui-e-icon-wrp{--ui-e-media-size:14px;--ui-e-ico-box-icon-wrp-rotate:0deg;--ui-e-ico-box-vertical-off:0px;--ui-e-ico-box-horizontal-off:0px;}.elementor-723 .elementor-element.elementor-element-59fc62f9 .ui-e-title{color:#FFFFFF;margin-bottom:1px !important;}.elementor-723 .elementor-element.elementor-element-59fc62f9 .ui-e-description{color:#FFFFFF;margin-bottom:0px !important;font-size:12px;font-weight:600;}.elementor-723 .elementor-element.elementor-element-2e6925d4{width:100%;max-width:100%;margin:-15% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;z-index:10;}.elementor-723 .elementor-element.elementor-element-6dcce022{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;--z-index:200;}.elementor-723 .elementor-element.elementor-element-b64fcfa{--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;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--padding-top:72px;--padding-bottom:72px;--padding-left:72px;--padding-right:72px;}.elementor-723 .elementor-element.elementor-element-b64fcfa:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-b64fcfa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-723 .elementor-element.elementor-element-b64fcfa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-723 .elementor-element.elementor-element-7dd0bbf3{padding:8px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-4c5bbc53{padding:20px 0px 0px 0px;column-gap:0px;}.elementor-723 .elementor-element.elementor-element-6093b1eb{text-align:start;}.elementor-723 .elementor-element.elementor-element-6093b1eb img{width:72%;}.elementor-723 .elementor-element.elementor-element-2035af95{padding:0px 0px 0px 0px;column-gap:0px;}.elementor-723 .elementor-element.elementor-element-9193220 .elementor-button{background-color:var( --e-global-color-transparent );fill:#000000;color:#000000;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-9193220 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-9193220 .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-9193220 .elementor-button:focus{color:#4B75EE;}.elementor-723 .elementor-element.elementor-element-9193220 .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-9193220 .elementor-button:focus svg{fill:#4B75EE;}.elementor-723 .elementor-element.elementor-element-24d9fc78{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:222;}.elementor-723 .elementor-element.elementor-element-19b30a36{text-align:center;}.elementor-723 .elementor-element.elementor-element-19b30a36 .elementor-heading-title{color:var( --e-global-color-uicore_body );}.elementor-723 .elementor-element.elementor-element-7ad31866 .ui-e-wrp{height:auto;}.elementor-723 .elementor-element.elementor-element-7ad31866 .ui-e-animations-wrp, .elementor-723 .elementor-element.elementor-element-7ad31866 .ui-e-item{height:100%;}.elementor-723 .elementor-element.elementor-element-7ad31866 .ui-e-item{background-color:#FFFFFF00;border-style:none;border-radius:var(--ui-e-radius);padding:15px 15px 15px 15px;}.elementor-723 .elementor-element.elementor-element-7ad31866{width:initial;max-width:initial;--ui-e-radius:15px 15px 15px 15px;}.elementor-723 .elementor-element.elementor-element-7ad31866.elementor-element{--align-self:center;}.elementor-723 .elementor-element.elementor-element-25142e4b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-723 .elementor-element.elementor-element-6f286a2c{--display:flex;--min-height:650px;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;}.elementor-723 .elementor-element.elementor-element-6f286a2c:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-6f286a2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/03/Werkbotics-Commerciele-schoonmaak-robots.webp");background-position:center center;background-size:cover;}.elementor-723 .elementor-element.elementor-element-6f286a2c:hover::before, .elementor-723 .elementor-element.elementor-element-6f286a2c:hover > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-6f286a2c:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-6f286a2c > .elementor-background-slideshow:hover::before, .elementor-723 .elementor-element.elementor-element-6f286a2c > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#0B7AB230;--background-overlay:'';}.elementor-723 .elementor-element.elementor-element-6f286a2c:hover{--overlay-opacity:1;}.elementor-723 .elementor-element.elementor-element-6f286a2c, .elementor-723 .elementor-element.elementor-element-6f286a2c::before{--overlay-transition:1s;}.elementor-723 .elementor-element.elementor-element-684a0a7{padding:30px 0px 0px 0px;text-align:center;}.elementor-723 .elementor-element.elementor-element-684a0a7 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:26px;font-weight:700;color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-7b2cc8ae .elementor-button{background-color:var( --e-global-color-transparent );fill:var( --e-global-color-uicore_light );color:var( --e-global-color-uicore_light );box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-7b2cc8ae .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-7b2cc8ae .elementor-button:focus{background-color:var( --e-global-color-transparent );color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-7b2cc8ae .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-7b2cc8ae .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-7b2cc8ae .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-71b27df0{--display:flex;--min-height:650px;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;}.elementor-723 .elementor-element.elementor-element-71b27df0:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-71b27df0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/03/Werkbotics-Commerciele-Marketing-Robots.webp");background-position:center center;background-size:cover;}.elementor-723 .elementor-element.elementor-element-71b27df0:hover::before, .elementor-723 .elementor-element.elementor-element-71b27df0:hover > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-71b27df0:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-71b27df0 > .elementor-background-slideshow:hover::before, .elementor-723 .elementor-element.elementor-element-71b27df0 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#0B7AB230;--background-overlay:'';}.elementor-723 .elementor-element.elementor-element-71b27df0:hover{--overlay-opacity:1;}.elementor-723 .elementor-element.elementor-element-71b27df0, .elementor-723 .elementor-element.elementor-element-71b27df0::before{--overlay-transition:1s;}.elementor-723 .elementor-element.elementor-element-5c1b3fe4{padding:30px 0px 0px 0px;text-align:center;}.elementor-723 .elementor-element.elementor-element-5c1b3fe4 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:26px;font-weight:700;color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-48410bbf .elementor-button{background-color:var( --e-global-color-transparent );fill:var( --e-global-color-uicore_light );color:var( --e-global-color-uicore_light );box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-48410bbf .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-48410bbf .elementor-button:focus{background-color:var( --e-global-color-transparent );color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-48410bbf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-48410bbf .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-48410bbf .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-5e08d730{--display:flex;--min-height:650px;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;}.elementor-723 .elementor-element.elementor-element-5e08d730:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-5e08d730 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/03/Werkbotics-Commerciele-Hospitality-Robots.webp");background-position:top center;background-size:cover;}.elementor-723 .elementor-element.elementor-element-5e08d730:hover::before, .elementor-723 .elementor-element.elementor-element-5e08d730:hover > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-5e08d730:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-5e08d730 > .elementor-background-slideshow:hover::before, .elementor-723 .elementor-element.elementor-element-5e08d730 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#0B7AB230;--background-overlay:'';}.elementor-723 .elementor-element.elementor-element-5e08d730:hover{--overlay-opacity:1;}.elementor-723 .elementor-element.elementor-element-5e08d730, .elementor-723 .elementor-element.elementor-element-5e08d730::before{--overlay-transition:1s;}.elementor-723 .elementor-element.elementor-element-ffc6728{padding:30px 0px 0px 0px;text-align:center;}.elementor-723 .elementor-element.elementor-element-ffc6728 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:26px;font-weight:700;color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-54b4aff5 .elementor-button{background-color:var( --e-global-color-transparent );fill:var( --e-global-color-uicore_light );color:var( --e-global-color-uicore_light );box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-54b4aff5 .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-54b4aff5 .elementor-button:focus{background-color:var( --e-global-color-transparent );color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-54b4aff5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-54b4aff5 .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-54b4aff5 .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-51cfcd1c{--display:flex;--min-height:650px;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;}.elementor-723 .elementor-element.elementor-element-51cfcd1c:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-51cfcd1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/03/Werkbotics-Industriele-Bezorg-Robots-1.webp");background-position:top center;background-size:cover;}.elementor-723 .elementor-element.elementor-element-51cfcd1c:hover::before, .elementor-723 .elementor-element.elementor-element-51cfcd1c:hover > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-51cfcd1c:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-51cfcd1c > .elementor-background-slideshow:hover::before, .elementor-723 .elementor-element.elementor-element-51cfcd1c > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#0B7AB230;--background-overlay:'';}.elementor-723 .elementor-element.elementor-element-51cfcd1c:hover{--overlay-opacity:1;}.elementor-723 .elementor-element.elementor-element-51cfcd1c, .elementor-723 .elementor-element.elementor-element-51cfcd1c::before{--overlay-transition:1s;}.elementor-723 .elementor-element.elementor-element-7d23be79{padding:30px 0px 0px 0px;text-align:center;}.elementor-723 .elementor-element.elementor-element-7d23be79 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:26px;font-weight:700;color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-6a9e399b .elementor-button{background-color:var( --e-global-color-transparent );fill:var( --e-global-color-uicore_light );color:var( --e-global-color-uicore_light );box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-6a9e399b .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-6a9e399b .elementor-button:focus{background-color:var( --e-global-color-transparent );color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-6a9e399b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-6a9e399b .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-6a9e399b .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-589ae49d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-799383a4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-799383a4:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-799383a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_light );}.elementor-723 .elementor-element.elementor-element-100ac79{--display:flex;--justify-content:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:72px;--padding-bottom:72px;--padding-left:56px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-100ac79.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-723 .elementor-element.elementor-element-386405f7{padding:8px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-37eaeac5{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-7901b6fe{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-723 .elementor-element.elementor-element-7901b6fe img{border-radius:0px 0px 24px 0px;}.elementor-723 .elementor-element.elementor-element-7ae32c92{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-723 .elementor-element.elementor-element-74ac1455{--ui-e-ico-box-text-align:left;background-color:var( --e-global-color-uicore_light );padding:40px 40px 40px 40px;border-radius:24px 24px 24px 24px;}.elementor-723 .elementor-element.elementor-element-74ac1455 .ui-e-title{color:var( --e-global-color-uicore_primary );margin-bottom:20px !important;font-family:"Be Vietnam Pro", Sans-serif;font-size:90px;font-weight:600;line-height:1.2em;}.elementor-723 .elementor-element.elementor-element-74ac1455 .ui-e-subtitle{color:var( --e-global-color-uicore_headline );margin-bottom:4px !important;font-size:24px;font-weight:600;}.elementor-723 .elementor-element.elementor-element-74ac1455 .ui-e-description{margin-bottom:0px !important;}.elementor-723 .elementor-element.elementor-element-56fb66cd{--ui-e-ico-box-text-align:left;background-color:var( --e-global-color-uicore_light );padding:40px 40px 40px 40px;border-radius:24px 24px 24px 24px;}.elementor-723 .elementor-element.elementor-element-56fb66cd .ui-e-title{color:var( --e-global-color-uicore_primary );margin-bottom:20px !important;font-family:"Be Vietnam Pro", Sans-serif;font-size:90px;font-weight:600;line-height:1.2em;}.elementor-723 .elementor-element.elementor-element-56fb66cd .ui-e-subtitle{color:var( --e-global-color-uicore_headline );margin-bottom:4px !important;font-size:24px;font-weight:600;}.elementor-723 .elementor-element.elementor-element-56fb66cd .ui-e-description{margin-bottom:0px !important;}.elementor-723 .elementor-element.elementor-element-53014d5c{--ui-e-ico-box-text-align:left;background-color:var( --e-global-color-uicore_light );padding:40px 40px 40px 40px;border-radius:24px 24px 24px 24px;}.elementor-723 .elementor-element.elementor-element-53014d5c .ui-e-title{color:var( --e-global-color-uicore_primary );margin-bottom:20px !important;font-family:"Be Vietnam Pro", Sans-serif;font-size:90px;font-weight:600;line-height:1.2em;}.elementor-723 .elementor-element.elementor-element-53014d5c .ui-e-subtitle{color:var( --e-global-color-uicore_headline );margin-bottom:4px !important;font-size:24px;font-weight:600;}.elementor-723 .elementor-element.elementor-element-53014d5c .ui-e-description{margin-bottom:0px !important;}.elementor-723 .elementor-element.elementor-element-5336d687{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-4eab8817{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;--overlay-opacity:1;--border-radius:24px 24px 24px 24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-4eab8817:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-4eab8817 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #7C9BBA 0%, #C7DCEC 100%);}.elementor-723 .elementor-element.elementor-element-4eab8817::before, .elementor-723 .elementor-element.elementor-element-4eab8817 > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-4eab8817 > .e-con-inner > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-4eab8817 > .elementor-background-slideshow::before, .elementor-723 .elementor-element.elementor-element-4eab8817 > .e-con-inner > .elementor-background-slideshow::before, .elementor-723 .elementor-element.elementor-element-4eab8817 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-723 .elementor-element.elementor-element-6d108190{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:76px;--padding-bottom:76px;--padding-left:56px;--padding-right:56px;}.elementor-723 .elementor-element.elementor-element-6d108190:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-6d108190 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/01/2.png");background-position:center right;background-repeat:no-repeat;}.elementor-723 .elementor-element.elementor-element-10392d3b{width:var( --container-widget-width, 45.01% );max-width:45.01%;padding:8px 0px 0px 0px;--container-widget-width:45.01%;--container-widget-flex-grow:0;}.elementor-723 .elementor-element.elementor-element-10392d3b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-723 .elementor-element.elementor-element-10392d3b .elementor-heading-title{color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-42767dff .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-42767dff .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-723 .elementor-element.elementor-element-42767dff .elementor-button{padding:20px 20px 20px 20px;}.elementor-723 .elementor-element.elementor-element-1722cf15{--ui-e-ico-box-text-align:left;background-color:#FFFFFF33;margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;padding:0px 10px 0px 10px;top:0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:100px 100px 100px 100px;--ui-e-ico-box-icon-spacing:8px !important;--ui-e-ico-box-icon-rotate:0deg;}.elementor-723 .elementor-element.elementor-element-1722cf15:hover{background-color:#FFFFFF50;}body:not(.rtl) .elementor-723 .elementor-element.elementor-element-1722cf15{right:0px;}body.rtl .elementor-723 .elementor-element.elementor-element-1722cf15{left:0px;}.elementor-723 .elementor-element.elementor-element-1722cf15 .ui-e-flex-wrp{align-items:center;}.elementor-723 .elementor-element.elementor-element-1722cf15 .ui-e-icon-wrp i{color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-1722cf15 .ui-e-icon-wrp svg{fill:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-1722cf15 .ui-e-icon-wrp{--ui-e-media-size:14px;--ui-e-ico-box-icon-wrp-rotate:0deg;--ui-e-ico-box-vertical-off:0px;--ui-e-ico-box-horizontal-off:0px;}.elementor-723 .elementor-element.elementor-element-1722cf15 .ui-e-title{color:#FFFFFF;margin-bottom:1px !important;}.elementor-723 .elementor-element.elementor-element-1722cf15 .ui-e-description{color:#FFFFFF;margin-bottom:0px !important;font-size:12px;font-weight:600;}.elementor-723 .elementor-element.elementor-element-7a4b1115 img{height:60px;object-fit:contain;object-position:center left;}.elementor-723 .elementor-element.elementor-element-4231c9e4{--display:flex;}.elementor-723 .elementor-element.elementor-element-22f9f64b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-723 .elementor-element.elementor-element-6e133a53{width:var( --container-widget-width, 500px );max-width:500px;padding:8px 0px 0px 0px;--container-widget-width:500px;--container-widget-flex-grow:0;text-align:center;}.elementor-723 .elementor-element.elementor-element-208d3d7a{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;text-align:center;}.elementor-723 .elementor-element.elementor-element-61b802ee{--display:flex;--position:absolute;--min-height:500px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:25px 25px 25px 25px;top:0px;}.elementor-723 .elementor-element.elementor-element-61b802ee:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-61b802ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_secondary );background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/01/Werkbotics_Robots-3.png");background-position:center center;background-size:cover;}body:not(.rtl) .elementor-723 .elementor-element.elementor-element-61b802ee{left:0px;}body.rtl .elementor-723 .elementor-element.elementor-element-61b802ee{right:0px;}.elementor-723 .elementor-element.elementor-element-edd9348{padding:30px 0px 0px 0px;z-index:9;text-align:center;}.elementor-723 .elementor-element.elementor-element-edd9348 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:26px;font-weight:700;color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-2abab0b9 .elementor-button{background-color:var( --e-global-color-transparent );fill:var( --e-global-color-uicore_light );color:var( --e-global-color-uicore_light );box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-2abab0b9 .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-2abab0b9 .elementor-button:focus{background-color:var( --e-global-color-transparent );color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-2abab0b9{z-index:9;}.elementor-723 .elementor-element.elementor-element-2abab0b9 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-2abab0b9 .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-2abab0b9 .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-226b90af{--display:flex;--position:absolute;--min-height:500px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:25px 25px 25px 25px;top:0px;}.elementor-723 .elementor-element.elementor-element-226b90af:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-226b90af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_secondary );background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/01/Werkbotics_Robots-10.png");background-position:center center;background-size:cover;}body:not(.rtl) .elementor-723 .elementor-element.elementor-element-226b90af{left:0px;}body.rtl .elementor-723 .elementor-element.elementor-element-226b90af{right:0px;}.elementor-723 .elementor-element.elementor-element-7c07a047{padding:30px 0px 0px 0px;z-index:9;text-align:center;}.elementor-723 .elementor-element.elementor-element-7c07a047 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:26px;font-weight:700;color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-2dc4eb91 .elementor-button{background-color:var( --e-global-color-transparent );fill:var( --e-global-color-uicore_light );color:var( --e-global-color-uicore_light );box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-2dc4eb91 .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-2dc4eb91 .elementor-button:focus{background-color:var( --e-global-color-transparent );color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-2dc4eb91{z-index:9;}.elementor-723 .elementor-element.elementor-element-2dc4eb91 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-2dc4eb91 .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-2dc4eb91 .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-7e8a0a76{--display:flex;--position:absolute;--min-height:500px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:25px 25px 25px 25px;top:0px;}.elementor-723 .elementor-element.elementor-element-7e8a0a76:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-7e8a0a76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_secondary );background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/01/Werkbotics_Robots-1.png");background-position:center center;background-size:cover;}body:not(.rtl) .elementor-723 .elementor-element.elementor-element-7e8a0a76{left:0px;}body.rtl .elementor-723 .elementor-element.elementor-element-7e8a0a76{right:0px;}.elementor-723 .elementor-element.elementor-element-2ee005b8{padding:30px 0px 0px 0px;z-index:9;text-align:center;}.elementor-723 .elementor-element.elementor-element-2ee005b8 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:26px;font-weight:700;color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-68e8b38d .elementor-button{background-color:var( --e-global-color-transparent );fill:var( --e-global-color-uicore_light );color:var( --e-global-color-uicore_light );box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-68e8b38d .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-68e8b38d .elementor-button:focus{background-color:var( --e-global-color-transparent );color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-68e8b38d{z-index:9;}.elementor-723 .elementor-element.elementor-element-68e8b38d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-68e8b38d .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-68e8b38d .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-6564c569{--display:flex;--position:absolute;--min-height:500px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-723 .elementor-element.elementor-element-6564c569:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-6564c569 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_secondary );background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/01/Werkbotics_Robots-9.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-723 .elementor-element.elementor-element-6564c569{left:0px;}body.rtl .elementor-723 .elementor-element.elementor-element-6564c569{right:0px;}.elementor-723 .elementor-element.elementor-element-5e0a4bd8{padding:30px 0px 0px 0px;z-index:9;text-align:center;}.elementor-723 .elementor-element.elementor-element-5e0a4bd8 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:26px;font-weight:700;color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-6c0e11cb .elementor-button{background-color:var( --e-global-color-transparent );fill:var( --e-global-color-uicore_light );color:var( --e-global-color-uicore_light );box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-6c0e11cb .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-6c0e11cb .elementor-button:focus{background-color:var( --e-global-color-transparent );color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-6c0e11cb{z-index:9;}.elementor-723 .elementor-element.elementor-element-6c0e11cb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-6c0e11cb .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-6c0e11cb .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-4df2ec70{--display:flex;--position:absolute;--min-height:500px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-723 .elementor-element.elementor-element-4df2ec70:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-4df2ec70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_secondary );background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/01/Werkbotics_Robots-4.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-723 .elementor-element.elementor-element-4df2ec70{left:0px;}body.rtl .elementor-723 .elementor-element.elementor-element-4df2ec70{right:0px;}.elementor-723 .elementor-element.elementor-element-458718b5{padding:30px 0px 0px 0px;z-index:9;text-align:center;}.elementor-723 .elementor-element.elementor-element-458718b5 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:26px;font-weight:700;color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-40afc9f1 .elementor-button{background-color:var( --e-global-color-transparent );fill:var( --e-global-color-uicore_light );color:var( --e-global-color-uicore_light );box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-40afc9f1 .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-40afc9f1 .elementor-button:focus{background-color:var( --e-global-color-transparent );color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-40afc9f1{z-index:9;}.elementor-723 .elementor-element.elementor-element-40afc9f1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-40afc9f1 .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-40afc9f1 .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-3a7dab6b{--display:flex;--position:absolute;--min-height:500px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-723 .elementor-element.elementor-element-3a7dab6b:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-3a7dab6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_secondary );background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/01/Werkbotics_Robots-7.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-723 .elementor-element.elementor-element-3a7dab6b{left:0px;}body.rtl .elementor-723 .elementor-element.elementor-element-3a7dab6b{right:0px;}.elementor-723 .elementor-element.elementor-element-784a686c{padding:30px 0px 0px 0px;z-index:9;text-align:center;}.elementor-723 .elementor-element.elementor-element-784a686c .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:26px;font-weight:700;color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-7a399fd3 .elementor-button{background-color:var( --e-global-color-transparent );fill:var( --e-global-color-uicore_light );color:var( --e-global-color-uicore_light );box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-7a399fd3 .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-7a399fd3 .elementor-button:focus{background-color:var( --e-global-color-transparent );color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-7a399fd3{z-index:9;}.elementor-723 .elementor-element.elementor-element-7a399fd3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-7a399fd3 .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-7a399fd3 .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-4b158b7f{--display:flex;--position:absolute;--min-height:500px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-723 .elementor-element.elementor-element-4b158b7f:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-4b158b7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_secondary );background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/01/Werkbotics_Robots-6.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-723 .elementor-element.elementor-element-4b158b7f{left:0px;}body.rtl .elementor-723 .elementor-element.elementor-element-4b158b7f{right:0px;}.elementor-723 .elementor-element.elementor-element-60216bf{padding:30px 0px 0px 0px;z-index:9;text-align:center;}.elementor-723 .elementor-element.elementor-element-60216bf .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:26px;font-weight:700;color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-3711a587 .elementor-button{background-color:var( --e-global-color-transparent );fill:var( --e-global-color-uicore_light );color:var( --e-global-color-uicore_light );box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-3711a587 .elementor-button:hover, .elementor-723 .elementor-element.elementor-element-3711a587 .elementor-button:focus{background-color:var( --e-global-color-transparent );color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-3711a587{z-index:9;}.elementor-723 .elementor-element.elementor-element-3711a587 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-3711a587 .elementor-button:hover svg, .elementor-723 .elementor-element.elementor-element-3711a587 .elementor-button:focus svg{fill:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-7dc0fb0c{--e-n-carousel-swiper-slides-gap:50px;width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;--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-723 .elementor-element.elementor-element-7dc0fb0c :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-uicore_dark );border-radius:100px 100px 100px 100px;padding:10px 10px 10px 10px;}.elementor-723 .elementor-element.elementor-element-7dc0fb0c.elementor-element{--align-self:center;}.elementor-723 .elementor-element.elementor-element-259b76b6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-1133e373{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--border-radius:24px 24px 24px 24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-58977036{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:72px;--padding-bottom:72px;--padding-left:56px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-58977036.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-723 .elementor-element.elementor-element-42af5790{padding:8px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-42af5790 .elementor-heading-title{color:var( --e-global-color-uicore_headline );}.elementor-723 .elementor-element.elementor-element-5c8a4c2a{color:var( --e-global-color-uicore_body );}.elementor-723 .elementor-element.elementor-element-2a750d3c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-723 .elementor-element.elementor-element-2a750d3c .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-723 .elementor-element.elementor-element-2a750d3c .elementor-button{padding:20px 20px 20px 20px;}.elementor-723 .elementor-element.elementor-element-29993c5 .ui-e-wrp{height:auto;}.elementor-723 .elementor-element.elementor-element-29993c5 .ui-e-animations-wrp, .elementor-723 .elementor-element.elementor-element-29993c5 .ui-e-item{height:100%;}.elementor-723 .elementor-element.elementor-element-29993c5 .ui-e-item{background-color:#FFFFFF;border-style:none;border-radius:var(--ui-e-radius);padding:15px 15px 15px 15px;}.elementor-723 .elementor-element.elementor-element-29993c5.elementor-element{--align-self:center;}.elementor-723 .elementor-element.elementor-element-29993c5{--ui-e-radius:15px 15px 15px 15px;}.elementor-723 .elementor-element.elementor-element-4c17066f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--padding-top:40px;--padding-bottom:40px;--padding-left:80px;--padding-right:120px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-wrp{height:auto;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-animations-wrp, .elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-item{height:100%;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-item{text-align:left;--ui-e-content-v-alignment:center;background-color:var( --e-global-color-uicore_primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:#A9A9A91A;border-radius:24px 24px 24px 24px;padding:24px 32px 24px 32px;box-shadow:0px 10px 18px -7px rgba(0, 0, 0, 0.05);}.elementor-723 .elementor-element.elementor-element-4e7ceb36{--ui-e-avatar-size:46px;padding:24px 0px 0px 0px;--ui-e-dots-v-off:-90px;--ui-e-radius:24px 24px 24px 24px;--ui-e-avatar-spacing:12px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-dots{left:auto;right:0;top:0;bottom:0;margin:auto;rotate:90deg;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-testimonial-avatar img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#8D8D8D33;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-testimonial-name{color:var( --e-global-color-uicore_light );padding-bottom:0px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-testimonial-job-title{color:var( --e-global-color-uicore_light );padding-bottom:0px;font-size:14px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-testimonial-text{color:var( --e-global-color-uicore_white );font-weight:500;padding-bottom:64px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-testimonial-rating svg{fill:#FAC515;width:16px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-testimonial-rating{margin:0px 0px 12px 0px;font-size:16px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-testimonial-rating .ui-e-icon + .ui-e-icon{margin-left:3px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-testimonial-rating span{margin-right:3px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-dots .dot{background-color:#2A9AD273;margin:0 10px;height:8px;width:8px;box-shadow:0px 0px 0px 4px rgba(255, 255, 255, 0.2);}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-dots .dot.is-selected{background-color:var( --e-global-color-uicore_secondary );}.elementor-723 .elementor-element.elementor-element-3baa0e0d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:080px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-71c34d8e{--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;--overflow:hidden;--overlay-opacity:1;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-71c34d8e:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-71c34d8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_primary );}.elementor-723 .elementor-element.elementor-element-71c34d8e::before, .elementor-723 .elementor-element.elementor-element-71c34d8e > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-71c34d8e > .e-con-inner > .elementor-background-video-container::before, .elementor-723 .elementor-element.elementor-element-71c34d8e > .elementor-background-slideshow::before, .elementor-723 .elementor-element.elementor-element-71c34d8e > .e-con-inner > .elementor-background-slideshow::before, .elementor-723 .elementor-element.elementor-element-71c34d8e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #2A9AD2 0%, #2A9AD24D 100%);}.elementor-723 .elementor-element.elementor-element-11d5c534{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-11d5c534:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-11d5c534 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.werkbotics.nl/wp-content/uploads/2026/03/ChatGPT-Image-Jan-21-2026-11_55_48-AM-Firefly-Upscaler-4x-scale-scaled.jpg");background-position:center center;background-size:cover;}.elementor-723 .elementor-element.elementor-element-11d5c534.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-723 .elementor-element.elementor-element-4e7afdfa{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:80px;}.elementor-723 .elementor-element.elementor-element-4e7afdfa.e-con{--order:99999 /* order end hack */;}.elementor-723 .elementor-element.elementor-element-5ae8ba16{padding:8px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-5ae8ba16 .elementor-heading-title{font-family:var( --e-global-typography-heading-m-font-family ), Sans-serif;font-size:var( --e-global-typography-heading-m-font-size );font-weight:var( --e-global-typography-heading-m-font-weight );line-height:var( --e-global-typography-heading-m-line-height );color:#FFFFFF;}.elementor-723 .elementor-element.elementor-element-7598aa3f.elementor-element{--align-self:flex-start;}.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-field-group{padding-right:calc( 30px/2 );padding-left:calc( 30px/2 );margin-bottom:20px;}.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-form-fields-wrapper{margin-left:calc( -30px/2 );margin-right:calc( -30px/2 );margin-bottom:-20px;}.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-field-group .elementor-field{color:#F6F6F6E8;}.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#09070A00;border-color:var( --e-global-color-uicore_white );border-width:0px 0px 01px 0px;border-radius:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-field-group .elementor-select-wrapper select{background-color:#09070A00;border-color:var( --e-global-color-uicore_white );border-width:0px 0px 01px 0px;border-radius:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-button{border-style:none;padding:20px 35px 20px 30px;}.elementor-723 .elementor-element.elementor-element-7598aa3f .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-backgroundAccent );color:var( --e-global-color-uicore_dark );}.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-button[type="submit"]{background-color:var( --e-global-color-backgroundAccent );color:var( --e-global-color-uicore_dark );}.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-button[type="submit"] svg *{fill:var( --e-global-color-uicore_dark );}.elementor-723 .elementor-element.elementor-element-7598aa3f .e-form__buttons__wrapper__button-previous{color:var( --e-global-color-uicore_white );}.elementor-723 .elementor-element.elementor-element-7598aa3f .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-uicore_dark );color:#ffffff;border-color:var( --e-global-color-uicore_light );}.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-uicore_dark );color:#ffffff;border-color:var( --e-global-color-uicore_light );}.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-723 .elementor-element.elementor-element-7598aa3f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-723 .elementor-element.elementor-element-7598aa3f{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-723 .elementor-element.elementor-element-50488d1{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-723 .elementor-element.elementor-element-4f6d3aca{--min-height:650px;--border-radius:20px 20px 20px 20px;--padding-top:125px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-3844fe47{--container-widget-width:624px;--container-widget-flex-grow:0;width:var( --container-widget-width, 624px );max-width:624px;}.elementor-723 .elementor-element.elementor-element-45977034{--container-widget-width:450px;--container-widget-flex-grow:0;width:var( --container-widget-width, 450px );max-width:450px;}.elementor-723 .elementor-element.elementor-element-604ac1bc{--ui-e-ico-box-text-align:center;}.elementor-723 .elementor-element.elementor-element-3014de90{--ui-e-ico-box-text-align:center;}.elementor-723 .elementor-element.elementor-element-59fc62f9{--ui-e-ico-box-text-align:center;}.elementor-723 .elementor-element.elementor-element-6dcce022{--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-b64fcfa{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-723 .elementor-element.elementor-element-24d9fc78{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-723 .elementor-element.elementor-element-25142e4b{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-723 .elementor-element.elementor-element-684a0a7 .elementor-heading-title{font-size:18px;}.elementor-723 .elementor-element.elementor-element-5c1b3fe4 .elementor-heading-title{font-size:18px;}.elementor-723 .elementor-element.elementor-element-ffc6728 .elementor-heading-title{font-size:18px;}.elementor-723 .elementor-element.elementor-element-7d23be79 .elementor-heading-title{font-size:18px;}.elementor-723 .elementor-element.elementor-element-589ae49d{--padding-top:80px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-799383a4{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-723 .elementor-element.elementor-element-100ac79{--padding-top:48px;--padding-bottom:48px;--padding-left:32px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-7ae32c92{--grid-auto-flow:row;}.elementor-723 .elementor-element.elementor-element-74ac1455{--ui-e-ico-box-text-align:left;padding:24px 24px 24px 24px;border-radius:21px 21px 21px 21px;}.elementor-723 .elementor-element.elementor-element-74ac1455 .ui-e-title{margin-bottom:48px !important;font-size:32px;}.elementor-723 .elementor-element.elementor-element-74ac1455 .ui-e-subtitle{font-size:21px;}.elementor-723 .elementor-element.elementor-element-56fb66cd{--ui-e-ico-box-text-align:left;padding:24px 24px 24px 24px;border-radius:21px 21px 21px 21px;}.elementor-723 .elementor-element.elementor-element-56fb66cd .ui-e-title{margin-bottom:48px !important;font-size:32px;}.elementor-723 .elementor-element.elementor-element-56fb66cd .ui-e-subtitle{font-size:21px;}.elementor-723 .elementor-element.elementor-element-53014d5c{--ui-e-ico-box-text-align:left;padding:24px 24px 24px 24px;border-radius:21px 21px 21px 21px;}.elementor-723 .elementor-element.elementor-element-53014d5c .ui-e-title{margin-bottom:48px !important;font-size:32px;}.elementor-723 .elementor-element.elementor-element-53014d5c .ui-e-subtitle{font-size:21px;}.elementor-723 .elementor-element.elementor-element-5336d687{--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-4eab8817{--border-radius:20px 20px 20px 20px;}.elementor-723 .elementor-element.elementor-element-6d108190:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-6d108190 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:224px -91px;background-size:587px auto;}.elementor-723 .elementor-element.elementor-element-6d108190{--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-10392d3b{width:var( --container-widget-width, 507.141px );max-width:507.141px;--container-widget-width:507.141px;--container-widget-flex-grow:0;}.elementor-723 .elementor-element.elementor-element-1722cf15{--ui-e-ico-box-text-align:center;}.elementor-723 .elementor-element.elementor-element-6e133a53{--container-widget-width:380px;--container-widget-flex-grow:0;width:var( --container-widget-width, 380px );max-width:380px;}.elementor-723 .elementor-element.elementor-element-edd9348 .elementor-heading-title{font-size:18px;}.elementor-723 .elementor-element.elementor-element-7c07a047 .elementor-heading-title{font-size:18px;}.elementor-723 .elementor-element.elementor-element-2ee005b8 .elementor-heading-title{font-size:18px;}.elementor-723 .elementor-element.elementor-element-5e0a4bd8 .elementor-heading-title{font-size:18px;}.elementor-723 .elementor-element.elementor-element-458718b5 .elementor-heading-title{font-size:18px;}.elementor-723 .elementor-element.elementor-element-784a686c .elementor-heading-title{font-size:18px;}.elementor-723 .elementor-element.elementor-element-60216bf .elementor-heading-title{font-size:18px;}.elementor-723 .elementor-element.elementor-element-7dc0fb0c{--e-n-carousel-swiper-slides-to-display:1;}.elementor-723 .elementor-element.elementor-element-1133e373{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;}.elementor-723 .elementor-element.elementor-element-58977036{--padding-top:48px;--padding-bottom:48px;--padding-left:32px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-4c17066f{--padding-top:32px;--padding-bottom:32px;--padding-left:40px;--padding-right:64px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36{--ui-e-avatar-size:44px;--ui-e-dots-v-off:-72px;--ui-e-radius:20px 20px 20px 20px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-item{border-radius:var(--ui-e-radius);padding:24px 24px 24px 24px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-dots .dot{height:7px;width:7px;}.elementor-723 .elementor-element.elementor-element-71c34d8e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;}.elementor-723 .elementor-element.elementor-element-11d5c534{--padding-top:48px;--padding-bottom:48px;--padding-left:32px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-4e7afdfa{--padding-top:32px;--padding-bottom:32px;--padding-left:40px;--padding-right:64px;}.elementor-723 .elementor-element.elementor-element-5ae8ba16 .elementor-heading-title{font-size:var( --e-global-typography-heading-m-font-size );line-height:var( --e-global-typography-heading-m-line-height );}}@media(max-width:767px){.elementor-723 .elementor-element.elementor-element-50488d1{--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-723 .elementor-element.elementor-element-4f6d3aca{--min-height:90vh;--border-radius:16px 16px 16px 16px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-3844fe47{width:100%;max-width:100%;}.elementor-723 .elementor-element.elementor-element-45977034{width:100%;max-width:100%;}.elementor-723 .elementor-element.elementor-element-604ac1bc{--ui-e-ico-box-text-align:center;padding:8px 20px 2px 16px;--ui-e-ico-box-icon-spacing:0px !important;}.elementor-723 .elementor-element.elementor-element-604ac1bc .ui-e-icon-wrp{--ui-e-ico-box-horizontal-off:-8px;}.elementor-723 .elementor-element.elementor-element-3014de90{--ui-e-ico-box-text-align:center;padding:8px 20px 2px 16px;--ui-e-ico-box-icon-spacing:0px !important;}.elementor-723 .elementor-element.elementor-element-3014de90 .ui-e-icon-wrp{--ui-e-ico-box-horizontal-off:-8px;}.elementor-723 .elementor-element.elementor-element-59fc62f9{--ui-e-ico-box-text-align:center;padding:8px 20px 2px 16px;--ui-e-ico-box-icon-spacing:0px !important;}.elementor-723 .elementor-element.elementor-element-59fc62f9 .ui-e-icon-wrp{--ui-e-ico-box-horizontal-off:-8px;}.elementor-723 .elementor-element.elementor-element-6dcce022{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-b64fcfa{--padding-top:50px;--padding-bottom:050px;--padding-left:10px;--padding-right:10px;}.elementor-723 .elementor-element.elementor-element-24d9fc78{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-723 .elementor-element.elementor-element-25142e4b{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-723 .elementor-element.elementor-element-684a0a7 .elementor-heading-title{font-size:16px;}.elementor-723 .elementor-element.elementor-element-5c1b3fe4 .elementor-heading-title{font-size:16px;}.elementor-723 .elementor-element.elementor-element-ffc6728 .elementor-heading-title{font-size:16px;}.elementor-723 .elementor-element.elementor-element-7d23be79 .elementor-heading-title{font-size:16px;}.elementor-723 .elementor-element.elementor-element-589ae49d{--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-799383a4{--width:calc(100% - 20px);}.elementor-723 .elementor-element.elementor-element-100ac79{--padding-top:32px;--padding-bottom:20px;--padding-left:24px;--padding-right:24px;}.elementor-723 .elementor-element.elementor-element-7901b6fe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-723 .elementor-element.elementor-element-7ae32c92{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-723 .elementor-element.elementor-element-74ac1455{--ui-e-ico-box-text-align:center;border-radius:19px 19px 19px 19px;}.elementor-723 .elementor-element.elementor-element-74ac1455 .ui-e-title{margin-bottom:40px !important;font-size:32px;}.elementor-723 .elementor-element.elementor-element-56fb66cd{--ui-e-ico-box-text-align:center;border-radius:19px 19px 19px 19px;}.elementor-723 .elementor-element.elementor-element-56fb66cd .ui-e-title{margin-bottom:40px !important;font-size:32px;}.elementor-723 .elementor-element.elementor-element-53014d5c{--ui-e-ico-box-text-align:center;border-radius:19px 19px 19px 19px;}.elementor-723 .elementor-element.elementor-element-53014d5c .ui-e-title{margin-bottom:40px !important;font-size:32px;}.elementor-723 .elementor-element.elementor-element-5336d687{--padding-top:32px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-723 .elementor-element.elementor-element-4eab8817{--width:calc(100% - 20px);--border-radius:16px 16px 16px 16px;}.elementor-723 .elementor-element.elementor-element-6d108190{--min-height:588px;--justify-content:flex-start;--padding-top:076px;--padding-bottom:32px;--padding-left:20px;--padding-right:20px;}.elementor-723 .elementor-element.elementor-element-6d108190:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-6d108190 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:45% 108px;}.elementor-723 .elementor-element.elementor-element-1722cf15{--ui-e-ico-box-text-align:center;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 20px 2px 16px;--ui-e-ico-box-icon-spacing:0px !important;}body:not(.rtl) .elementor-723 .elementor-element.elementor-element-1722cf15{right:100px;}body.rtl .elementor-723 .elementor-element.elementor-element-1722cf15{left:100px;}.elementor-723 .elementor-element.elementor-element-1722cf15 .ui-e-icon-wrp{--ui-e-ico-box-horizontal-off:-8px;}.elementor-723 .elementor-element.elementor-element-6e133a53{width:100%;max-width:100%;}.elementor-723 .elementor-element.elementor-element-208d3d7a{width:100%;max-width:100%;}.elementor-723 .elementor-element.elementor-element-edd9348 .elementor-heading-title{font-size:16px;}.elementor-723 .elementor-element.elementor-element-7c07a047 .elementor-heading-title{font-size:16px;}.elementor-723 .elementor-element.elementor-element-2ee005b8 .elementor-heading-title{font-size:16px;}.elementor-723 .elementor-element.elementor-element-5e0a4bd8 .elementor-heading-title{font-size:16px;}.elementor-723 .elementor-element.elementor-element-458718b5 .elementor-heading-title{font-size:16px;}.elementor-723 .elementor-element.elementor-element-784a686c .elementor-heading-title{font-size:16px;}.elementor-723 .elementor-element.elementor-element-60216bf .elementor-heading-title{font-size:16px;}.elementor-723 .elementor-element.elementor-element-7dc0fb0c{--e-n-carousel-swiper-slides-to-display:1;}.elementor-723 .elementor-element.elementor-element-1133e373{--border-radius:16px 16px 16px 16px;}.elementor-723 .elementor-element.elementor-element-58977036{--padding-top:32px;--padding-bottom:20px;--padding-left:24px;--padding-right:24px;}.elementor-723 .elementor-element.elementor-element-4c17066f{--padding-top:0px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36{--ui-e-avatar-size:40px;padding:0px 0px 0px 0px;--ui-e-dots-v-off:0px;--ui-e-radius:16px 16px 16px 16px;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-dots{left:0;right:0;margin:auto;top:auto;bottom:0px;rotate:0deg;}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-item{border-radius:var(--ui-e-radius);}.elementor-723 .elementor-element.elementor-element-4e7ceb36 .ui-e-dots .dot{height:6px;width:6px;}.elementor-723 .elementor-element.elementor-element-71c34d8e{--border-radius:16px 16px 16px 16px;}.elementor-723 .elementor-element.elementor-element-11d5c534{--padding-top:32px;--padding-bottom:20px;--padding-left:24px;--padding-right:24px;}.elementor-723 .elementor-element.elementor-element-4e7afdfa{--padding-top:0px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-723 .elementor-element.elementor-element-5ae8ba16 .elementor-heading-title{font-size:var( --e-global-typography-heading-m-font-size );line-height:var( --e-global-typography-heading-m-line-height );}}@media(min-width:768px){.elementor-723 .elementor-element.elementor-element-4f6d3aca{--width:100%;}.elementor-723 .elementor-element.elementor-element-b64fcfa{--content-width:611px;}.elementor-723 .elementor-element.elementor-element-24d9fc78{--width:100%;}.elementor-723 .elementor-element.elementor-element-25142e4b{--width:80%;}.elementor-723 .elementor-element.elementor-element-799383a4{--width:calc(100% - 20px);}.elementor-723 .elementor-element.elementor-element-100ac79{--width:42.248%;}.elementor-723 .elementor-element.elementor-element-37eaeac5{--width:60%;}.elementor-723 .elementor-element.elementor-element-4eab8817{--width:calc(100% - 20px);}.elementor-723 .elementor-element.elementor-element-1133e373{--width:calc(100% - 20px);}.elementor-723 .elementor-element.elementor-element-58977036{--width:42.043%;}.elementor-723 .elementor-element.elementor-element-4c17066f{--width:50%;}.elementor-723 .elementor-element.elementor-element-11d5c534{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-723 .elementor-element.elementor-element-100ac79{--width:45%;}.elementor-723 .elementor-element.elementor-element-37eaeac5{--width:55%;}.elementor-723 .elementor-element.elementor-element-58977036{--width:45%;}.elementor-723 .elementor-element.elementor-element-4c17066f{--width:55%;}.elementor-723 .elementor-element.elementor-element-11d5c534{--width:45%;}.elementor-723 .elementor-element.elementor-element-4e7afdfa{--width:55%;}}/* Start custom CSS for container, class: .elementor-element-6f286a2c *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-6f286a2c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Create a virtual layer that perfectly covers the slide */
.elementor-723 .elementor-element.elementor-element-6f286a2c::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* This automatically grabs the image you uploaded in Elementor's Style tab! */
    background-image: inherit; 
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth zoom transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-6f286a2c > * {
    position: relative;
    z-index: 1;
}

/* 4. Zoom the virtual background on hover */
.elementor-723 .elementor-element.elementor-element-6f286a2c:hover::before {
    transform: scale(1.1); /* Change to 1.1 or 1.2 to adjust the zoom amount */
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-6f286a2c .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-6f286a2c .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-6f286a2c:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71b27df0 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-71b27df0 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Create a virtual layer that perfectly covers the slide */
.elementor-723 .elementor-element.elementor-element-71b27df0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* This automatically grabs the image you uploaded in Elementor's Style tab! */
    background-image: inherit; 
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth zoom transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-71b27df0 > * {
    position: relative;
    z-index: 1;
}

/* 4. Zoom the virtual background on hover */
.elementor-723 .elementor-element.elementor-element-71b27df0:hover::before {
    transform: scale(1.1); /* Change to 1.1 or 1.2 to adjust the zoom amount */
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-71b27df0 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-71b27df0 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-71b27df0:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e08d730 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-5e08d730 {
    position: relative;
    overflow: hidden !important;
}

/* 2. Create a virtual layer that perfectly covers the slide */
.elementor-723 .elementor-element.elementor-element-5e08d730::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* This automatically grabs the image you uploaded in Elementor's Style tab! */
    background-image: inherit; 
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth zoom transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-5e08d730 > * {
    position: relative;
    z-index: 1;
}

/* 4. Zoom the virtual background on hover */
.elementor-723 .elementor-element.elementor-element-5e08d730:hover::before {
    transform: scale(1.1); /* Change to 1.1 or 1.2 to adjust the zoom amount */
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-5e08d730 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-5e08d730 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-5e08d730:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cfcd1c *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-51cfcd1c {
    position: relative;
    overflow: hidden !important;
}

/* 2. Create a virtual layer that perfectly covers the slide */
.elementor-723 .elementor-element.elementor-element-51cfcd1c::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* This automatically grabs the image you uploaded in Elementor's Style tab! */
    background-image: inherit; 
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth zoom transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-51cfcd1c > * {
    position: relative;
    z-index: 1;
}

/* 4. Zoom the virtual background on hover */
.elementor-723 .elementor-element.elementor-element-51cfcd1c:hover::before {
    transform: scale(1.1); /* Change to 1.1 or 1.2 to adjust the zoom amount */
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-51cfcd1c .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-51cfcd1c .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-51cfcd1c:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b802ee *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-61b802ee {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-61b802ee::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-61b802ee > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-226b90af *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-226b90af {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-226b90af::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-226b90af > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-226b90af:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-226b90af:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8a0a76 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-7e8a0a76::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6564c569 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-6564c569 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-6564c569::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-6564c569 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-6564c569:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-6564c569:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4df2ec70 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4df2ec70::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4df2ec70 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a7dab6b *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-3a7dab6b::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-3a7dab6b > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b158b7f *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4b158b7f::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4b158b7f > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b802ee *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-61b802ee {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-61b802ee::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-61b802ee > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-226b90af *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-226b90af {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-226b90af::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-226b90af > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-226b90af:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-226b90af:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8a0a76 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-7e8a0a76::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6564c569 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-6564c569 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-6564c569::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-6564c569 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-6564c569:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-6564c569:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4df2ec70 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4df2ec70::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4df2ec70 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a7dab6b *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-3a7dab6b::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-3a7dab6b > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b158b7f *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4b158b7f::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4b158b7f > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b802ee *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-61b802ee {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-61b802ee::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-61b802ee > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-226b90af *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-226b90af {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-226b90af::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-226b90af > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-226b90af:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-226b90af:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8a0a76 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-7e8a0a76::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6564c569 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-6564c569 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-6564c569::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-6564c569 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-6564c569:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-6564c569:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4df2ec70 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4df2ec70::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4df2ec70 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a7dab6b *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-3a7dab6b::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-3a7dab6b > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b158b7f *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4b158b7f::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4b158b7f > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b802ee *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-61b802ee {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-61b802ee::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-61b802ee > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-226b90af *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-226b90af {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-226b90af::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-226b90af > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-226b90af:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-226b90af:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8a0a76 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-7e8a0a76::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6564c569 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-6564c569 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-6564c569::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-6564c569 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-6564c569:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-6564c569:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4df2ec70 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4df2ec70::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4df2ec70 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a7dab6b *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-3a7dab6b::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-3a7dab6b > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b158b7f *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4b158b7f::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4b158b7f > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b802ee *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-61b802ee {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-61b802ee::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-61b802ee > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-226b90af *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-226b90af {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-226b90af::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-226b90af > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-226b90af:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-226b90af:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8a0a76 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-7e8a0a76::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6564c569 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-6564c569 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-6564c569::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-6564c569 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-6564c569:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-6564c569:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4df2ec70 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4df2ec70::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4df2ec70 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a7dab6b *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-3a7dab6b::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-3a7dab6b > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b158b7f *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4b158b7f::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4b158b7f > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b802ee *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-61b802ee {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-61b802ee::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-61b802ee > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-226b90af *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-226b90af {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-226b90af::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-226b90af > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-226b90af:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-226b90af:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8a0a76 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-7e8a0a76::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6564c569 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-6564c569 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-6564c569::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-6564c569 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-6564c569:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-6564c569:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4df2ec70 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4df2ec70::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4df2ec70 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a7dab6b *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-3a7dab6b::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-3a7dab6b > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b158b7f *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4b158b7f::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4b158b7f > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b802ee *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-61b802ee {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-61b802ee::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-61b802ee > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-226b90af *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-226b90af {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-226b90af::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-226b90af > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-226b90af:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-226b90af:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8a0a76 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-7e8a0a76::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6564c569 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-6564c569 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-6564c569::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-6564c569 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-6564c569:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-6564c569:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4df2ec70 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4df2ec70::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4df2ec70 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a7dab6b *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-3a7dab6b::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-3a7dab6b > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b158b7f *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4b158b7f::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4b158b7f > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b802ee *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-61b802ee {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-61b802ee::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-61b802ee > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-61b802ee .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-61b802ee:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-226b90af *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-226b90af {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-226b90af::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-226b90af > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-226b90af:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-226b90af .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-226b90af:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8a0a76 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-7e8a0a76::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-7e8a0a76 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-7e8a0a76:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6564c569 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-6564c569 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-6564c569::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-6564c569 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-6564c569:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-6564c569 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-6564c569:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4df2ec70 *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70 {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4df2ec70::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4df2ec70 > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4df2ec70 .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4df2ec70:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a7dab6b *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-3a7dab6b::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-3a7dab6b > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-3a7dab6b .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-3a7dab6b:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b158b7f *//* 1. Hide the zoomed edges outside the slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f {
    position: relative;
    overflow: hidden !important;
    
    /* Shrink the original bottom image to 0 pixels so it completely vanishes */
    background-size: 0px 0px !important; 
}

/* 2. Create a virtual layer that perfectly centers the PNG with padding */
.elementor-723 .elementor-element.elementor-element-4b158b7f::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    
    /* This forces perfect centering by subtracting the 20px padding from both sides */
    width: calc(100% - 40px); 
    height: calc(100% - 40px);
    
    /* Inherit the PNG */
    background-image: inherit; 
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat;
    
    /* Smooth transition */
    transition: transform 0.6s ease-in-out;
    z-index: 0; 
}

/* 3. Push your text/content to the front so it isn't hidden */
.elementor-723 .elementor-element.elementor-element-4b158b7f > * {
    position: relative;
    z-index: 1;
}

/* BLOCK 4 (REPLACE) */
/* 4. A slightly safer zoom on hover */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover::before {
    /* Since we have padding, we don't need to scale as high. */
    /* 1.15 is a healthy zoom that won't usually break the padded border. */
    transform: scale(1.15); 
}

/* 1. Prep the button text for the underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text {
    position: relative;
    display: inline-block;
}

/* 2. Create the invisible underline */
.elementor-723 .elementor-element.elementor-element-4b158b7f .elementor-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust this to move the line closer or further from the text */
    left: 0;
    width: 0%; /* Starts at 0 width so it's hidden */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff; /* Color of the underline - change to match your brand */
    transition: width 0.4s ease-in-out; /* Speed of the animation */
}

/* 3. Animate the line to full width when hovering the whole slide */
.elementor-723 .elementor-element.elementor-element-4b158b7f:hover .elementor-button-text::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-7dc0fb0c */.elementor-723 .elementor-element.elementor-element-7dc0fb0c .swiper {
    overflow: visible !important;
}

.elementor-723 .elementor-element.elementor-element-7dc0fb0c .swiper-pagination-progressbar {
    top: auto !important;
    bottom: -20px !important; 
}

/* Optional: Ensures the progress bar isn't cut off by the widget bounds */
.elementor-723 .elementor-element.elementor-element-7dc0fb0c {
    overflow: visible !important;
    padding-bottom: 30px; 
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-7598aa3f *//* Kill the browser outline and Elementor shadow on focus, but keep your underline border */
.elementor-723 .elementor-element.elementor-element-7598aa3f .elementor-field-group .elementor-field:focus {
    outline: none !important;
    box-shadow: none !important;
}/* End custom CSS */