.elementor-4197 .elementor-element.elementor-element-0f2b665{--display:flex;--min-height:100vh;--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;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-d45c687{--display:flex;--min-height:82px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-d45c687.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4197 .elementor-element.elementor-element-1845e38 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:38px;font-weight:800;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-913aaeb .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:44px;font-weight:300;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-4014ac5{--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;--justify-content:center;--align-items:center;--overlay-opacity:0.05;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-4197 .elementor-element.elementor-element-4014ac5:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-4014ac5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4197 .elementor-element.elementor-element-4014ac5::before, .elementor-4197 .elementor-element.elementor-element-4014ac5 > .elementor-background-video-container::before, .elementor-4197 .elementor-element.elementor-element-4014ac5 > .e-con-inner > .elementor-background-video-container::before, .elementor-4197 .elementor-element.elementor-element-4014ac5 > .elementor-background-slideshow::before, .elementor-4197 .elementor-element.elementor-element-4014ac5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4197 .elementor-element.elementor-element-4014ac5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/04/ggg-2.jpg");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-4197 .elementor-element.elementor-element-4014ac5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4197 .elementor-element.elementor-element-e6a002b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-8c539a5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-8c539a5{text-align:center;}.elementor-4197 .elementor-element.elementor-element-8c539a5 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4197 .elementor-element.elementor-element-bd7251a{--divider-border-style:solid;--divider-color:#147EBE;--divider-border-width:2.1px;}.elementor-4197 .elementor-element.elementor-element-bd7251a > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-bd7251a .elementor-divider-separator{width:70%;margin:0 auto;margin-center:0;}.elementor-4197 .elementor-element.elementor-element-bd7251a .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4197 .elementor-element.elementor-element-c06e53e > .elementor-widget-container{margin:2px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-c06e53e{text-align:center;font-family:"Assistant", Sans-serif;font-size:17px;font-weight:400;}.elementor-4197 .elementor-element.elementor-element-10bd36d{--display:flex;--min-height:0px;--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-around;--align-items:center;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4197 .elementor-element.elementor-element-10bd36d.e-con{--align-self:center;}.elementor-4197 .elementor-element.elementor-element-de5d341{--display:flex;--min-height:208px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;--background-transition:0.3s;--overlay-opacity:0.04;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#BCBCBC;--border-color:#BCBCBC;--border-radius:23px 23px 23px 23px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4197 .elementor-element.elementor-element-de5d341:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-de5d341 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-4197 .elementor-element.elementor-element-de5d341:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-4197 .elementor-element.elementor-element-de5d341::before, .elementor-4197 .elementor-element.elementor-element-de5d341 > .elementor-background-video-container::before, .elementor-4197 .elementor-element.elementor-element-de5d341 > .e-con-inner > .elementor-background-video-container::before, .elementor-4197 .elementor-element.elementor-element-de5d341 > .elementor-background-slideshow::before, .elementor-4197 .elementor-element.elementor-element-de5d341 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4197 .elementor-element.elementor-element-de5d341 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4197 .elementor-element.elementor-element-de5d341.e-con{--align-self:center;}.elementor-widget-ucaddon_lord_icon .ue-box-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_lord_icon .ue-box-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_lord_icon .ue-btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4197 .elementor-element.elementor-element-c068d01 > .elementor-widget-container{margin:0px 0px -33px 0px;}.elementor-4197 .elementor-element.elementor-element-c068d01 .ue-lord-icon-inner{text-align:left;}.elementor-4197 .elementor-element.elementor-element-c068d01 lord-icon{width:75px;height:75px;}.elementor-4197 .elementor-element.elementor-element-c068d01 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-c068d01 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4197 .elementor-element.elementor-element-c068d01 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4197 .elementor-element.elementor-element-c068d01 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4197 .elementor-element.elementor-element-c068d01 .ue-lord-icon-contet{text-align:inherit;}.elementor-4197 .elementor-element.elementor-element-c068d01 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4197 .elementor-element.elementor-element-bc03b74 .elementor-counter{gap:0px;}.elementor-4197 .elementor-element.elementor-element-bc03b74 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-secondary );font-family:"Assistant", Sans-serif;font-size:56px;font-weight:200;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-4197 .elementor-element.elementor-element-bc03b74 .elementor-counter-title{color:var( --e-global-color-text );font-family:"Assistant", Sans-serif;font-size:18px;font-weight:300;}.elementor-4197 .elementor-element.elementor-element-2ac4d6a{--display:flex;--min-height:208px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;--background-transition:0.3s;--overlay-opacity:0.04;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#BCBCBC;--border-color:#BCBCBC;--border-radius:23px 23px 23px 23px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4197 .elementor-element.elementor-element-2ac4d6a:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-2ac4d6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-4197 .elementor-element.elementor-element-2ac4d6a:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-4197 .elementor-element.elementor-element-2ac4d6a::before, .elementor-4197 .elementor-element.elementor-element-2ac4d6a > .elementor-background-video-container::before, .elementor-4197 .elementor-element.elementor-element-2ac4d6a > .e-con-inner > .elementor-background-video-container::before, .elementor-4197 .elementor-element.elementor-element-2ac4d6a > .elementor-background-slideshow::before, .elementor-4197 .elementor-element.elementor-element-2ac4d6a > .e-con-inner > .elementor-background-slideshow::before, .elementor-4197 .elementor-element.elementor-element-2ac4d6a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4197 .elementor-element.elementor-element-2ac4d6a.e-con{--align-self:center;}.elementor-4197 .elementor-element.elementor-element-7ee303d > .elementor-widget-container{margin:0px 0px -33px 0px;}.elementor-4197 .elementor-element.elementor-element-7ee303d .ue-lord-icon-inner{text-align:left;}.elementor-4197 .elementor-element.elementor-element-7ee303d lord-icon{width:75px;height:75px;}.elementor-4197 .elementor-element.elementor-element-7ee303d .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-7ee303d .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4197 .elementor-element.elementor-element-7ee303d .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4197 .elementor-element.elementor-element-7ee303d .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4197 .elementor-element.elementor-element-7ee303d .ue-lord-icon-contet{text-align:inherit;}.elementor-4197 .elementor-element.elementor-element-7ee303d .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-4197 .elementor-element.elementor-element-a4e565e .elementor-counter{gap:0px;}.elementor-4197 .elementor-element.elementor-element-a4e565e .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-secondary );font-family:"Assistant", Sans-serif;font-size:56px;font-weight:200;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-4197 .elementor-element.elementor-element-a4e565e .elementor-counter-title{color:var( --e-global-color-text );font-family:"Assistant", Sans-serif;font-size:18px;font-weight:300;}.elementor-4197 .elementor-element.elementor-element-9795929{--display:flex;--min-height:208px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;--background-transition:0.3s;--overlay-opacity:0.04;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#BCBCBC;--border-color:#BCBCBC;--border-radius:23px 23px 23px 23px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4197 .elementor-element.elementor-element-9795929:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-9795929 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-4197 .elementor-element.elementor-element-9795929:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-4197 .elementor-element.elementor-element-9795929::before, .elementor-4197 .elementor-element.elementor-element-9795929 > .elementor-background-video-container::before, .elementor-4197 .elementor-element.elementor-element-9795929 > .e-con-inner > .elementor-background-video-container::before, .elementor-4197 .elementor-element.elementor-element-9795929 > .elementor-background-slideshow::before, .elementor-4197 .elementor-element.elementor-element-9795929 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4197 .elementor-element.elementor-element-9795929 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4197 .elementor-element.elementor-element-9795929.e-con{--align-self:center;}.elementor-4197 .elementor-element.elementor-element-0759666 > .elementor-widget-container{margin:0px 0px -33px 0px;}.elementor-4197 .elementor-element.elementor-element-0759666 .ue-lord-icon-inner{text-align:left;}.elementor-4197 .elementor-element.elementor-element-0759666 lord-icon{width:75px;height:75px;}.elementor-4197 .elementor-element.elementor-element-0759666 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-0759666 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4197 .elementor-element.elementor-element-0759666 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4197 .elementor-element.elementor-element-0759666 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4197 .elementor-element.elementor-element-0759666 .ue-lord-icon-contet{text-align:inherit;}.elementor-4197 .elementor-element.elementor-element-0759666 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-4197 .elementor-element.elementor-element-a46b646 .elementor-counter{gap:0px;}.elementor-4197 .elementor-element.elementor-element-a46b646 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-secondary );font-family:"Assistant", Sans-serif;font-size:56px;font-weight:200;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-4197 .elementor-element.elementor-element-a46b646 .elementor-counter-title{color:var( --e-global-color-text );font-family:"Assistant", Sans-serif;font-size:18px;font-weight:300;}.elementor-4197 .elementor-element.elementor-element-21ad030 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-21ad030{text-align:center;}.elementor-4197 .elementor-element.elementor-element-21ad030 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;color:var( --e-global-color-primary );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4197 .elementor-element.elementor-element-8429b42{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4197 .elementor-element.elementor-element-e43ac9a .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-4197 .elementor-element.elementor-element-e43ac9a .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:#18284480;}.elementor-4197 .elementor-element.elementor-element-e43ac9a{--image-border-radius:10px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-4197 .elementor-element.elementor-element-61dba20{--display:flex;}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-title{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-videos-count{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-header-right-side i{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-header-right-side svg{fill:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items .e-tab-title .e-tab-title-text{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items .e-tab-title .e-tab-title-text button{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-video-playlist .e-tabs-items .e-tab-title .e-tab-duration{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-duration{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-section-title{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-wrapper .e-inner-tab-title a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content .e-inner-tab-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content button{color:var( --e-global-color-text );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content button:hover{color:var( --e-global-color-text );}.elementor-4197 .elementor-element.elementor-element-5c6d2bb .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:#556068;}.elementor-4197 .elementor-element.elementor-element-5c6d2bb .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{color:#556068;}.elementor-4197 .elementor-element.elementor-element-5c6d2bb .e-tabs-items-wrapper .e-section-title{border-style:solid;}.elementor-4197 .elementor-element.elementor-element-b3d2ac6{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:15px 15px 15px 15px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:25px;--n-tabs-icon-color:#000000;}.elementor-4197 .elementor-element.elementor-element-b3d2ac6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-4197 .elementor-element.elementor-element-b3d2ac6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4197 .elementor-element.elementor-element-b3d2ac6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, #279DE5 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#F3F3F3;box-shadow:4px 0px 8px -2px rgba(0, 0, 0, 0.4) inset;}.elementor-4197 .elementor-element.elementor-element-b3d2ac6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-b3d2ac6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){box-shadow:-2px 0px 10px 0px rgba(0, 0, 0, 0.2);text-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);}.elementor-4197 .elementor-element.elementor-element-b3d2ac6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Assistant", Sans-serif;font-weight:800;}.elementor-4197 .elementor-element.elementor-element-0031007{--display:flex;--min-height:208px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;--background-transition:0.3s;--overlay-opacity:0.04;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#BCBCBC;--border-color:#BCBCBC;--border-radius:23px 23px 23px 23px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4197 .elementor-element.elementor-element-0031007:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-0031007 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-4197 .elementor-element.elementor-element-0031007:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-4197 .elementor-element.elementor-element-0031007::before, .elementor-4197 .elementor-element.elementor-element-0031007 > .elementor-background-video-container::before, .elementor-4197 .elementor-element.elementor-element-0031007 > .e-con-inner > .elementor-background-video-container::before, .elementor-4197 .elementor-element.elementor-element-0031007 > .elementor-background-slideshow::before, .elementor-4197 .elementor-element.elementor-element-0031007 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4197 .elementor-element.elementor-element-0031007 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4197 .elementor-element.elementor-element-0031007.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4197 .elementor-element.elementor-element-97cc099 > .elementor-widget-container{margin:0px 0px -33px 0px;}.elementor-4197 .elementor-element.elementor-element-97cc099 .ue-lord-icon-inner{text-align:left;}.elementor-4197 .elementor-element.elementor-element-97cc099 lord-icon{width:103px;height:103px;}.elementor-4197 .elementor-element.elementor-element-97cc099 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-97cc099 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4197 .elementor-element.elementor-element-97cc099 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4197 .elementor-element.elementor-element-97cc099 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4197 .elementor-element.elementor-element-97cc099 .ue-lord-icon-contet{text-align:inherit;}.elementor-4197 .elementor-element.elementor-element-97cc099 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-4197 .elementor-element.elementor-element-41e3d5a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-41e3d5a{text-align:center;}.elementor-4197 .elementor-element.elementor-element-41e3d5a .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;color:var( --e-global-color-primary );}.elementor-4197 .elementor-element.elementor-element-7044194 > .elementor-widget-container{padding:0px 50px 0px 50px;}.elementor-4197 .elementor-element.elementor-element-7044194.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4197 .elementor-element.elementor-element-7044194 iframe{height:482px;}.elementor-4197 .elementor-element.elementor-element-81adf1e{--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:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.87;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-81adf1e:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-81adf1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/04/fainel-3-scaled.jpg");background-position:center center;background-size:cover;}.elementor-4197 .elementor-element.elementor-element-81adf1e::before, .elementor-4197 .elementor-element.elementor-element-81adf1e > .elementor-background-video-container::before, .elementor-4197 .elementor-element.elementor-element-81adf1e > .e-con-inner > .elementor-background-video-container::before, .elementor-4197 .elementor-element.elementor-element-81adf1e > .elementor-background-slideshow::before, .elementor-4197 .elementor-element.elementor-element-81adf1e > .e-con-inner > .elementor-background-slideshow::before, .elementor-4197 .elementor-element.elementor-element-81adf1e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-4197 .elementor-element.elementor-element-f3d7111 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-f3d7111 .ue-lord-icon-inner{text-align:left;}.elementor-4197 .elementor-element.elementor-element-f3d7111 lord-icon{width:103px;height:103px;}.elementor-4197 .elementor-element.elementor-element-f3d7111 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-f3d7111 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4197 .elementor-element.elementor-element-f3d7111 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4197 .elementor-element.elementor-element-f3d7111 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4197 .elementor-element.elementor-element-f3d7111 .ue-lord-icon-contet{text-align:inherit;}.elementor-4197 .elementor-element.elementor-element-f3d7111 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-4197 .elementor-element.elementor-element-b9ea659 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-b9ea659{text-align:center;}.elementor-4197 .elementor-element.elementor-element-b9ea659 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:47px;font-weight:400;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-c2f02f1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-c2f02f1{text-align:center;}.elementor-4197 .elementor-element.elementor-element-c2f02f1 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:40px;font-weight:300;color:#FFFFFF;}.elementor-4197 .elementor-element.elementor-element-8f7c7ab{--display:flex;}.elementor-4197 .elementor-element.elementor-element-10b4c71{--display:flex;--min-height:625px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-10b4c71:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-10b4c71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/06/DJI_0849-scaled.jpg");}.elementor-4197 .elementor-element.elementor-element-21bb757{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-21bb757:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-21bb757 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-62ae74a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-62ae74a{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-a636a5c{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-a636a5c:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-a636a5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-e3cffe4 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-774a1e6{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-774a1e6:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-774a1e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4197 .elementor-element.elementor-element-e0961ee .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-605b0de{--display:flex;}.elementor-4197 .elementor-element.elementor-element-c4765e8{--display:flex;--min-height:625px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-c4765e8:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-c4765e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/06/Untitled_1.42.1-2-scaled.jpg");}.elementor-4197 .elementor-element.elementor-element-72ab51a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-72ab51a:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-72ab51a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-c67cf6e > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4197 .elementor-element.elementor-element-c67cf6e{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-b9f6941{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-b9f6941:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-b9f6941 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-61fa803 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-cbe7d22{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-cbe7d22:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-cbe7d22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4197 .elementor-element.elementor-element-6b95c38 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-e61af68{--display:flex;}.elementor-4197 .elementor-element.elementor-element-f58e62f{--display:flex;--min-height:625px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-f58e62f:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-f58e62f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/04/DJI_0064-Enhanced-NR-2-scaled.jpg");}.elementor-4197 .elementor-element.elementor-element-83be552{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-83be552:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-83be552 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-928b25c > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4197 .elementor-element.elementor-element-928b25c{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-44a968a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-44a968a:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-44a968a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-cdafaa3 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-e9bee4c{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-e9bee4c:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-e9bee4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4197 .elementor-element.elementor-element-c3181fc .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-89a1d74{--display:flex;}.elementor-4197 .elementor-element.elementor-element-05e5909{--display:flex;--min-height:625px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-05e5909:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-05e5909 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/04/jpg-3-scaled.jpg");}.elementor-4197 .elementor-element.elementor-element-20d9c95{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-20d9c95:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-20d9c95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-cf1693d > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4197 .elementor-element.elementor-element-cf1693d{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-4a29394{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-4a29394:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-4a29394 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-0f91071 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-d18b672{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-d18b672:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-d18b672 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4197 .elementor-element.elementor-element-f22eb65 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-bf08b33{--display:flex;}.elementor-4197 .elementor-element.elementor-element-51cd883{--display:flex;--min-height:625px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-51cd883:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-51cd883 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/04/DJI_0485-Enhanced-SR-scaled.jpg");}.elementor-4197 .elementor-element.elementor-element-bcedb8a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-bcedb8a:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-bcedb8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-beed26a > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4197 .elementor-element.elementor-element-beed26a{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-521ea4a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-521ea4a:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-521ea4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-4c7b214 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-2725b07{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-2725b07:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-2725b07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4197 .elementor-element.elementor-element-4b72984 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-6e2671a{--display:flex;}.elementor-4197 .elementor-element.elementor-element-c4537fe{--display:flex;--min-height:625px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-c4537fe:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-c4537fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/04/DJI_0210-Enhanced-NR-scaled.jpg");}.elementor-4197 .elementor-element.elementor-element-07d4315{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-07d4315:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-07d4315 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-0fd65d9 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4197 .elementor-element.elementor-element-0fd65d9{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-eca48bc{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-eca48bc:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-eca48bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-32ab53a .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-d93f520{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-d93f520:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-d93f520 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4197 .elementor-element.elementor-element-58be1b6 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-176c2f2{--display:flex;}.elementor-4197 .elementor-element.elementor-element-5773763{--display:flex;--min-height:625px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-5773763:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-5773763 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/04/DJI_0767-scaled.jpg");}.elementor-4197 .elementor-element.elementor-element-fdc1557{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-fdc1557:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-fdc1557 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-88445e4 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4197 .elementor-element.elementor-element-88445e4{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-af8789b{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-af8789b:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-af8789b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-ddefabf .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-db73a95{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-db73a95:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-db73a95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4197 .elementor-element.elementor-element-45c61e8 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-7c0631c{--display:flex;}.elementor-4197 .elementor-element.elementor-element-63bb0cb{--display:flex;--min-height:625px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-63bb0cb:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-63bb0cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/04/DSC03693-Enhanced-NR-scaled.jpg");}.elementor-4197 .elementor-element.elementor-element-5ae5888{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-5ae5888:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-5ae5888 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-9edc8d4 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4197 .elementor-element.elementor-element-9edc8d4{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-c351260{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-c351260:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-c351260 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-02ad58b .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-d75afa2{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-d75afa2:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-d75afa2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4197 .elementor-element.elementor-element-4b1db93 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-25a5e77{--display:flex;}.elementor-4197 .elementor-element.elementor-element-64c1881{--display:flex;--min-height:625px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-64c1881:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-64c1881 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/06/DJI_0417-Enhanced-SR-scaled.jpg");}.elementor-4197 .elementor-element.elementor-element-0cd8c69{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-0cd8c69:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-0cd8c69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-6de9ea0 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4197 .elementor-element.elementor-element-6de9ea0{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-4bed3c5{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-4bed3c5:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-4bed3c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-fab441b .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-91da564{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-91da564:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-91da564 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4197 .elementor-element.elementor-element-bed745a .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-43a9a8d{--display:flex;}.elementor-4197 .elementor-element.elementor-element-80185af{--display:flex;--min-height:625px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-80185af:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-80185af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/04/Untitled_1.30.1-Enhanced-SR-scaled.jpg");background-position:center center;}.elementor-4197 .elementor-element.elementor-element-36714be{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-36714be:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-36714be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-9988f85 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4197 .elementor-element.elementor-element-9988f85{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-e4894a9{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-e4894a9:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-e4894a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-b304259 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-e558ff6{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-e558ff6:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-e558ff6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4197 .elementor-element.elementor-element-b26b07c .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-60f5b86{--display:flex;}.elementor-4197 .elementor-element.elementor-element-9274008{--display:flex;--min-height:625px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-9274008:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-9274008 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/06/עזריאלי.jpg");background-position:center center;}.elementor-4197 .elementor-element.elementor-element-f834de1{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-f834de1:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-f834de1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-e18edb1 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4197 .elementor-element.elementor-element-e18edb1{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-2822c46{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-2822c46:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-2822c46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-c43d341 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-4ea2334{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-4ea2334:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-4ea2334 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4197 .elementor-element.elementor-element-ade0fe4 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-d4b44a6{--display:flex;}.elementor-4197 .elementor-element.elementor-element-1e9ce4c{--display:flex;--min-height:625px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-1e9ce4c:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-1e9ce4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/06/c04-final-1-scaled.jpg");background-position:center center;}.elementor-4197 .elementor-element.elementor-element-6726e15{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4197 .elementor-element.elementor-element-6726e15:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-6726e15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-a3a0f7b > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4197 .elementor-element.elementor-element-a3a0f7b{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-4429ef0{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-4429ef0:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-4429ef0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4197 .elementor-element.elementor-element-4429ef0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4197 .elementor-element.elementor-element-0dbe5bd .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-d0cc373{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4197 .elementor-element.elementor-element-d0cc373:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-d0cc373 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4197 .elementor-element.elementor-element-2b0349e .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4197 .elementor-element.elementor-element-11a37ed{--e-n-carousel-swiper-slides-gap:10px;width:initial;max-width:initial;--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;--e-n-carousel-arrow-size:24px;--e-n-carousel-arrow-normal-color:#FFFFFF6B;--e-n-carousel-swiper-pagination-size:0px;}:where( .elementor-4197 .elementor-element.elementor-element-11a37ed .swiper-slide ) > .e-con{--border-radius:0px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-11a37ed :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-4197 .elementor-element.elementor-element-10bd36d{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4197 .elementor-element.elementor-element-bc03b74 .elementor-counter-number-wrapper{font-size:40px;}.elementor-4197 .elementor-element.elementor-element-a4e565e .elementor-counter-number-wrapper{font-size:40px;}.elementor-4197 .elementor-element.elementor-element-a46b646 .elementor-counter-number-wrapper{font-size:40px;}.elementor-4197 .elementor-element.elementor-element-11a37ed{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-4197 .elementor-element.elementor-element-d45c687{--width:450px;}.elementor-4197 .elementor-element.elementor-element-4014ac5{--content-width:1180px;}.elementor-4197 .elementor-element.elementor-element-de5d341{--width:30%;}.elementor-4197 .elementor-element.elementor-element-2ac4d6a{--width:30%;}.elementor-4197 .elementor-element.elementor-element-9795929{--width:30%;}.elementor-4197 .elementor-element.elementor-element-0031007{--width:97%;}.elementor-4197 .elementor-element.elementor-element-81adf1e{--width:100vw;}.elementor-4197 .elementor-element.elementor-element-10b4c71{--width:100%;}.elementor-4197 .elementor-element.elementor-element-21bb757{--width:100%;}.elementor-4197 .elementor-element.elementor-element-a636a5c{--width:52%;}.elementor-4197 .elementor-element.elementor-element-774a1e6{--width:27%;}.elementor-4197 .elementor-element.elementor-element-c4765e8{--width:100%;}.elementor-4197 .elementor-element.elementor-element-72ab51a{--width:100%;}.elementor-4197 .elementor-element.elementor-element-b9f6941{--width:52%;}.elementor-4197 .elementor-element.elementor-element-cbe7d22{--width:27%;}.elementor-4197 .elementor-element.elementor-element-f58e62f{--width:100%;}.elementor-4197 .elementor-element.elementor-element-83be552{--width:100%;}.elementor-4197 .elementor-element.elementor-element-44a968a{--width:52%;}.elementor-4197 .elementor-element.elementor-element-e9bee4c{--width:27%;}.elementor-4197 .elementor-element.elementor-element-05e5909{--width:100%;}.elementor-4197 .elementor-element.elementor-element-20d9c95{--width:100%;}.elementor-4197 .elementor-element.elementor-element-4a29394{--width:52%;}.elementor-4197 .elementor-element.elementor-element-d18b672{--width:27%;}.elementor-4197 .elementor-element.elementor-element-51cd883{--width:100%;}.elementor-4197 .elementor-element.elementor-element-bcedb8a{--width:100%;}.elementor-4197 .elementor-element.elementor-element-521ea4a{--width:52%;}.elementor-4197 .elementor-element.elementor-element-2725b07{--width:27%;}.elementor-4197 .elementor-element.elementor-element-c4537fe{--width:100%;}.elementor-4197 .elementor-element.elementor-element-07d4315{--width:100%;}.elementor-4197 .elementor-element.elementor-element-eca48bc{--width:52%;}.elementor-4197 .elementor-element.elementor-element-d93f520{--width:27%;}.elementor-4197 .elementor-element.elementor-element-5773763{--width:100%;}.elementor-4197 .elementor-element.elementor-element-fdc1557{--width:100%;}.elementor-4197 .elementor-element.elementor-element-af8789b{--width:52%;}.elementor-4197 .elementor-element.elementor-element-db73a95{--width:27%;}.elementor-4197 .elementor-element.elementor-element-63bb0cb{--width:100%;}.elementor-4197 .elementor-element.elementor-element-5ae5888{--width:100%;}.elementor-4197 .elementor-element.elementor-element-c351260{--width:52%;}.elementor-4197 .elementor-element.elementor-element-d75afa2{--width:27%;}.elementor-4197 .elementor-element.elementor-element-64c1881{--width:100%;}.elementor-4197 .elementor-element.elementor-element-0cd8c69{--width:100%;}.elementor-4197 .elementor-element.elementor-element-4bed3c5{--width:52%;}.elementor-4197 .elementor-element.elementor-element-91da564{--width:27%;}.elementor-4197 .elementor-element.elementor-element-80185af{--width:100%;}.elementor-4197 .elementor-element.elementor-element-36714be{--width:100%;}.elementor-4197 .elementor-element.elementor-element-e4894a9{--width:52%;}.elementor-4197 .elementor-element.elementor-element-e558ff6{--width:27%;}.elementor-4197 .elementor-element.elementor-element-9274008{--width:100%;}.elementor-4197 .elementor-element.elementor-element-f834de1{--width:100%;}.elementor-4197 .elementor-element.elementor-element-2822c46{--width:52%;}.elementor-4197 .elementor-element.elementor-element-4ea2334{--width:27%;}.elementor-4197 .elementor-element.elementor-element-1e9ce4c{--width:100%;}.elementor-4197 .elementor-element.elementor-element-6726e15{--width:100%;}.elementor-4197 .elementor-element.elementor-element-4429ef0{--width:58.217%;}.elementor-4197 .elementor-element.elementor-element-d0cc373{--width:27%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4197 .elementor-element.elementor-element-d45c687{--width:330px;}}@media(max-width:767px){.elementor-4197 .elementor-element.elementor-element-0f2b665{--min-height:50vh;--justify-content:flex-end;}.elementor-4197 .elementor-element.elementor-element-d45c687{--width:210px;--min-height:0px;}.elementor-4197 .elementor-element.elementor-element-1845e38{text-align:right;}.elementor-4197 .elementor-element.elementor-element-1845e38 .elementor-heading-title{font-size:21px;}.elementor-4197 .elementor-element.elementor-element-913aaeb{text-align:right;}.elementor-4197 .elementor-element.elementor-element-913aaeb .elementor-heading-title{font-size:20px;}.elementor-4197 .elementor-element.elementor-element-4014ac5{--content-width:648px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4197 .elementor-element.elementor-element-8c539a5 .elementor-heading-title{font-size:35px;}.elementor-4197 .elementor-element.elementor-element-c06e53e{font-size:16px;}.elementor-4197 .elementor-element.elementor-element-10bd36d{--min-height:126px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-de5d341{--width:500px;--min-height:37px;--margin-top:0px;--margin-bottom:20px;--margin-left:50px;--margin-right:50px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4197 .elementor-element.elementor-element-c068d01 > .elementor-widget-container{margin:0px 0px -19px 0px;}.elementor-4197 .elementor-element.elementor-element-c068d01 lord-icon{width:52px;height:52px;}.elementor-4197 .elementor-element.elementor-element-bc03b74 .elementor-counter{gap:3px;}.elementor-4197 .elementor-element.elementor-element-bc03b74 .elementor-counter-number-wrapper{font-size:41px;}.elementor-4197 .elementor-element.elementor-element-bc03b74 .elementor-counter-title{font-size:18px;line-height:1.4em;}.elementor-4197 .elementor-element.elementor-element-2ac4d6a{--width:500px;--min-height:37px;--margin-top:0px;--margin-bottom:20px;--margin-left:50px;--margin-right:50px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4197 .elementor-element.elementor-element-7ee303d > .elementor-widget-container{margin:0px 0px -19px 0px;}.elementor-4197 .elementor-element.elementor-element-7ee303d lord-icon{width:52px;height:52px;}.elementor-4197 .elementor-element.elementor-element-a4e565e .elementor-counter{gap:3px;}.elementor-4197 .elementor-element.elementor-element-a4e565e .elementor-counter-number-wrapper{font-size:41px;}.elementor-4197 .elementor-element.elementor-element-a4e565e .elementor-counter-title{font-size:18px;line-height:1.4em;}.elementor-4197 .elementor-element.elementor-element-9795929{--width:500px;--min-height:37px;--margin-top:0px;--margin-bottom:20px;--margin-left:50px;--margin-right:50px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4197 .elementor-element.elementor-element-0759666 > .elementor-widget-container{margin:0px 0px -19px 0px;}.elementor-4197 .elementor-element.elementor-element-0759666 lord-icon{width:52px;height:52px;}.elementor-4197 .elementor-element.elementor-element-a46b646 .elementor-counter{gap:3px;}.elementor-4197 .elementor-element.elementor-element-a46b646 .elementor-counter-number-wrapper{font-size:41px;}.elementor-4197 .elementor-element.elementor-element-a46b646 .elementor-counter-title{font-size:18px;line-height:1.4em;}.elementor-4197 .elementor-element.elementor-element-21ad030 .elementor-heading-title{font-size:35px;}.elementor-4197 .elementor-element.elementor-element-b3d2ac6{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:17px;--n-tabs-gap:10px;--n-tabs-title-border-radius:9px 9px 9px 9px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:18px;--n-tabs-icon-size:11px;--n-tabs-icon-gap:54px;}.elementor-4197 .elementor-element.elementor-element-0031007{--width:100%;--min-height:37px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-97cc099 > .elementor-widget-container{margin:11px 0px -33px 0px;}.elementor-4197 .elementor-element.elementor-element-97cc099 lord-icon{width:44px;height:44px;}.elementor-4197 .elementor-element.elementor-element-41e3d5a .elementor-heading-title{font-size:35px;}.elementor-4197 .elementor-element.elementor-element-7044194{width:var( --container-widget-width, 360px );max-width:360px;--container-widget-width:360px;--container-widget-flex-grow:0;}.elementor-4197 .elementor-element.elementor-element-7044194 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-4197 .elementor-element.elementor-element-7044194 iframe{height:323px;}.elementor-4197 .elementor-element.elementor-element-81adf1e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4197 .elementor-element.elementor-element-f3d7111 > .elementor-widget-container{margin:34px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-f3d7111 lord-icon{width:96px;height:96px;}.elementor-4197 .elementor-element.elementor-element-b9ea659 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-b9ea659 .elementor-heading-title{font-size:35px;}.elementor-4197 .elementor-element.elementor-element-c2f02f1 .elementor-heading-title{font-size:29px;}.elementor-4197 .elementor-element.elementor-element-8f7c7ab{--content-width:500px;--min-height:360px;}.elementor-4197 .elementor-element.elementor-element-10b4c71{--width:100%;--min-height:310px;}.elementor-4197 .elementor-element.elementor-element-21bb757{--width:90%;}.elementor-4197 .elementor-element.elementor-element-a636a5c{--width:90%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4197 .elementor-element.elementor-element-e3cffe4 .elementor-heading-title{font-size:17px;}.elementor-4197 .elementor-element.elementor-element-774a1e6{--width:45%;}.elementor-4197 .elementor-element.elementor-element-e0961ee .elementor-heading-title{font-size:15px;}.elementor-4197 .elementor-element.elementor-element-605b0de{--min-height:360px;}.elementor-4197 .elementor-element.elementor-element-c4765e8{--width:100%;--min-height:310px;}.elementor-4197 .elementor-element.elementor-element-72ab51a{--width:90%;}.elementor-4197 .elementor-element.elementor-element-b9f6941{--width:90%;}.elementor-4197 .elementor-element.elementor-element-61fa803 .elementor-heading-title{font-size:17px;}.elementor-4197 .elementor-element.elementor-element-cbe7d22{--width:45%;}.elementor-4197 .elementor-element.elementor-element-6b95c38 .elementor-heading-title{font-size:15px;}.elementor-4197 .elementor-element.elementor-element-e61af68{--min-height:360px;}.elementor-4197 .elementor-element.elementor-element-f58e62f{--width:100%;--min-height:310px;}.elementor-4197 .elementor-element.elementor-element-83be552{--width:90%;}.elementor-4197 .elementor-element.elementor-element-44a968a{--width:90%;}.elementor-4197 .elementor-element.elementor-element-cdafaa3 .elementor-heading-title{font-size:17px;}.elementor-4197 .elementor-element.elementor-element-e9bee4c{--width:45%;}.elementor-4197 .elementor-element.elementor-element-c3181fc .elementor-heading-title{font-size:15px;}.elementor-4197 .elementor-element.elementor-element-89a1d74{--min-height:360px;}.elementor-4197 .elementor-element.elementor-element-05e5909{--width:100%;--min-height:310px;}.elementor-4197 .elementor-element.elementor-element-20d9c95{--width:90%;}.elementor-4197 .elementor-element.elementor-element-4a29394{--width:90%;}.elementor-4197 .elementor-element.elementor-element-0f91071 .elementor-heading-title{font-size:17px;}.elementor-4197 .elementor-element.elementor-element-d18b672{--width:45%;}.elementor-4197 .elementor-element.elementor-element-f22eb65 .elementor-heading-title{font-size:15px;}.elementor-4197 .elementor-element.elementor-element-bf08b33{--min-height:360px;}.elementor-4197 .elementor-element.elementor-element-51cd883{--width:100%;--min-height:310px;}.elementor-4197 .elementor-element.elementor-element-bcedb8a{--width:90%;}.elementor-4197 .elementor-element.elementor-element-521ea4a{--width:90%;}.elementor-4197 .elementor-element.elementor-element-4c7b214 .elementor-heading-title{font-size:17px;}.elementor-4197 .elementor-element.elementor-element-2725b07{--width:45%;}.elementor-4197 .elementor-element.elementor-element-4b72984 .elementor-heading-title{font-size:15px;}.elementor-4197 .elementor-element.elementor-element-6e2671a{--min-height:360px;}.elementor-4197 .elementor-element.elementor-element-c4537fe{--width:100%;--min-height:310px;}.elementor-4197 .elementor-element.elementor-element-07d4315{--width:90%;}.elementor-4197 .elementor-element.elementor-element-eca48bc{--width:90%;}.elementor-4197 .elementor-element.elementor-element-32ab53a .elementor-heading-title{font-size:17px;}.elementor-4197 .elementor-element.elementor-element-d93f520{--width:45%;}.elementor-4197 .elementor-element.elementor-element-58be1b6 .elementor-heading-title{font-size:15px;}.elementor-4197 .elementor-element.elementor-element-176c2f2{--min-height:360px;}.elementor-4197 .elementor-element.elementor-element-5773763{--width:100%;--min-height:310px;}.elementor-4197 .elementor-element.elementor-element-fdc1557{--width:90%;}.elementor-4197 .elementor-element.elementor-element-af8789b{--width:90%;}.elementor-4197 .elementor-element.elementor-element-ddefabf .elementor-heading-title{font-size:17px;}.elementor-4197 .elementor-element.elementor-element-db73a95{--width:45%;}.elementor-4197 .elementor-element.elementor-element-45c61e8 .elementor-heading-title{font-size:15px;}.elementor-4197 .elementor-element.elementor-element-7c0631c{--min-height:360px;}.elementor-4197 .elementor-element.elementor-element-63bb0cb{--width:100%;--min-height:310px;}.elementor-4197 .elementor-element.elementor-element-5ae5888{--width:90%;}.elementor-4197 .elementor-element.elementor-element-c351260{--width:90%;}.elementor-4197 .elementor-element.elementor-element-02ad58b .elementor-heading-title{font-size:17px;}.elementor-4197 .elementor-element.elementor-element-d75afa2{--width:45%;}.elementor-4197 .elementor-element.elementor-element-4b1db93 .elementor-heading-title{font-size:15px;}.elementor-4197 .elementor-element.elementor-element-25a5e77{--min-height:360px;}.elementor-4197 .elementor-element.elementor-element-64c1881{--width:100%;--min-height:310px;}.elementor-4197 .elementor-element.elementor-element-0cd8c69{--width:90%;}.elementor-4197 .elementor-element.elementor-element-4bed3c5{--width:90%;}.elementor-4197 .elementor-element.elementor-element-fab441b .elementor-heading-title{font-size:17px;}.elementor-4197 .elementor-element.elementor-element-91da564{--width:45%;}.elementor-4197 .elementor-element.elementor-element-bed745a .elementor-heading-title{font-size:15px;}.elementor-4197 .elementor-element.elementor-element-43a9a8d{--min-height:360px;}.elementor-4197 .elementor-element.elementor-element-80185af{--width:100%;--min-height:310px;}.elementor-4197 .elementor-element.elementor-element-36714be{--width:90%;}.elementor-4197 .elementor-element.elementor-element-e4894a9{--width:90%;}.elementor-4197 .elementor-element.elementor-element-b304259 .elementor-heading-title{font-size:17px;}.elementor-4197 .elementor-element.elementor-element-e558ff6{--width:45%;}.elementor-4197 .elementor-element.elementor-element-b26b07c .elementor-heading-title{font-size:15px;}.elementor-4197 .elementor-element.elementor-element-60f5b86{--min-height:360px;}.elementor-4197 .elementor-element.elementor-element-9274008{--width:100%;--min-height:310px;}.elementor-4197 .elementor-element.elementor-element-f834de1{--width:90%;}.elementor-4197 .elementor-element.elementor-element-2822c46{--width:90%;}.elementor-4197 .elementor-element.elementor-element-c43d341 .elementor-heading-title{font-size:17px;}.elementor-4197 .elementor-element.elementor-element-4ea2334{--width:45%;}.elementor-4197 .elementor-element.elementor-element-ade0fe4 .elementor-heading-title{font-size:15px;}.elementor-4197 .elementor-element.elementor-element-d4b44a6{--min-height:360px;}.elementor-4197 .elementor-element.elementor-element-1e9ce4c{--width:100%;--min-height:310px;}.elementor-4197 .elementor-element.elementor-element-6726e15{--width:90%;}.elementor-4197 .elementor-element.elementor-element-4429ef0{--width:90%;}.elementor-4197 .elementor-element.elementor-element-0dbe5bd .elementor-heading-title{font-size:17px;}.elementor-4197 .elementor-element.elementor-element-d0cc373{--width:45%;}.elementor-4197 .elementor-element.elementor-element-2b0349e .elementor-heading-title{font-size:15px;}.elementor-4197 .elementor-element.elementor-element-11a37ed{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-size:18px;}}/* Start custom CSS for container, class: .elementor-element-d45c687 */.elementor-4197 .elementor-element.elementor-element-d45c687 {
  background: rgba(20, 126, 190, 0.35); /* צבע עם שקיפות */
  border-radius: 16px 0 0 16px; /* שמאל עליון ושמאל תחתון עגול, ימין ישר */
  padding: 20px 32px;
  color: white;
  backdrop-filter: blur(8px) saturate(150%);
  -webkit-backdrop-filter: blur(8px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}

.elementor-4197 .elementor-element.elementor-element-d45c687:hover {
  background: rgba(20, 126, 190, 0.45);
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c539a5 */.elementor-4197 .elementor-element.elementor-element-8c539a5 {
  background: linear-gradient(90deg, #147EBE, #4FBCE8, #6EC1E4);
  background-size: 200% auto;
  background-position: 0% center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-bd7251a */.elementor-4197 .elementor-element.elementor-element-bd7251a {
  background: linear-gradient(90deg, #147EBE, #4FBCE8, #6EC1E4);
  background-size: 200% auto;
  background-position: 0% center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de5d341 *//* תזוזה קלה + צל עדין */
.elementor-4197 .elementor-element.elementor-element-de5d341{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.elementor-4197 .elementor-element.elementor-element-de5d341:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ac4d6a *//* תזוזה קלה + צל עדין */
.elementor-4197 .elementor-element.elementor-element-2ac4d6a{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.elementor-4197 .elementor-element.elementor-element-2ac4d6a:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9795929 *//* תזוזה קלה + צל עדין */
.elementor-4197 .elementor-element.elementor-element-9795929{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.elementor-4197 .elementor-element.elementor-element-9795929:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-21ad030 */.elementor-4197 .elementor-element.elementor-element-21ad030 {
  background: linear-gradient(90deg, #147EBE, #4FBCE8, #6EC1E4);
  background-size: 200% auto;
  background-position: 0% center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41e3d5a */.elementor-4197 .elementor-element.elementor-element-41e3d5a {
  background: linear-gradient(90deg, #147EBE, #4FBCE8, #6EC1E4);
  background-size: 200% auto;
  background-position: 0% center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0031007 *//* תזוזה קלה + צל עדין */
.elementor-4197 .elementor-element.elementor-element-0031007{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.elementor-4197 .elementor-element.elementor-element-0031007:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21bb757 */.elementor-4197 .elementor-element.elementor-element-21bb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-21bb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a636a5c */.elementor-4197 .elementor-element.elementor-element-a636a5c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-a636a5c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-774a1e6 */.elementor-4197 .elementor-element.elementor-element-774a1e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-774a1e6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b4c71 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-10b4c71{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-10b4c71::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-10b4c71 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-10b4c71:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72ab51a */.elementor-4197 .elementor-element.elementor-element-72ab51a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-72ab51a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4765e8 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4765e8{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4765e8::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4765e8 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4765e8:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83be552 */.elementor-4197 .elementor-element.elementor-element-83be552::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-83be552:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44a968a */.elementor-4197 .elementor-element.elementor-element-44a968a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-44a968a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9bee4c */.elementor-4197 .elementor-element.elementor-element-e9bee4c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e9bee4c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58e62f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-f58e62f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-f58e62f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-f58e62f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-f58e62f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d9c95 */.elementor-4197 .elementor-element.elementor-element-20d9c95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-20d9c95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a29394 */.elementor-4197 .elementor-element.elementor-element-4a29394::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4a29394:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d18b672 */.elementor-4197 .elementor-element.elementor-element-d18b672::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d18b672:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05e5909 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-05e5909{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-05e5909::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-05e5909 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-05e5909:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcedb8a */.elementor-4197 .elementor-element.elementor-element-bcedb8a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-bcedb8a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-521ea4a */.elementor-4197 .elementor-element.elementor-element-521ea4a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-521ea4a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2725b07 */.elementor-4197 .elementor-element.elementor-element-2725b07::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2725b07:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51cd883 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-51cd883{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-51cd883::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-51cd883 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-51cd883:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07d4315 */.elementor-4197 .elementor-element.elementor-element-07d4315::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-07d4315:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eca48bc */.elementor-4197 .elementor-element.elementor-element-eca48bc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-eca48bc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d93f520 */.elementor-4197 .elementor-element.elementor-element-d93f520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d93f520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4537fe *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-c4537fe{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-c4537fe::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-c4537fe > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-c4537fe:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdc1557 */.elementor-4197 .elementor-element.elementor-element-fdc1557::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-fdc1557:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af8789b */.elementor-4197 .elementor-element.elementor-element-af8789b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-af8789b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db73a95 */.elementor-4197 .elementor-element.elementor-element-db73a95::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-db73a95:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5773763 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-5773763{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-5773763::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-5773763:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-5773763 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-5773763 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-5773763:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae5888 */.elementor-4197 .elementor-element.elementor-element-5ae5888::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-5ae5888:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c351260 */.elementor-4197 .elementor-element.elementor-element-c351260::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-c351260:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d75afa2 */.elementor-4197 .elementor-element.elementor-element-d75afa2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d75afa2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63bb0cb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-63bb0cb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-63bb0cb::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-63bb0cb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-63bb0cb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd8c69 */.elementor-4197 .elementor-element.elementor-element-0cd8c69::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-0cd8c69:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bed3c5 */.elementor-4197 .elementor-element.elementor-element-4bed3c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4bed3c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91da564 */.elementor-4197 .elementor-element.elementor-element-91da564::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-91da564:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c1881 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-64c1881{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-64c1881::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-64c1881 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-64c1881:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36714be */.elementor-4197 .elementor-element.elementor-element-36714be::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-36714be:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4894a9 */.elementor-4197 .elementor-element.elementor-element-e4894a9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e4894a9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e558ff6 */.elementor-4197 .elementor-element.elementor-element-e558ff6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-e558ff6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80185af *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-80185af{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-80185af::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-80185af:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-80185af > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-80185af .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-80185af:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f834de1 */.elementor-4197 .elementor-element.elementor-element-f834de1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-f834de1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2822c46 */.elementor-4197 .elementor-element.elementor-element-2822c46::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-2822c46:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea2334 */.elementor-4197 .elementor-element.elementor-element-4ea2334::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4ea2334:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9274008 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-9274008{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-9274008::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-9274008:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-9274008 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-9274008 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-9274008:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726e15 */.elementor-4197 .elementor-element.elementor-element-6726e15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-6726e15:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4429ef0 */.elementor-4197 .elementor-element.elementor-element-4429ef0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-4429ef0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0cc373 */.elementor-4197 .elementor-element.elementor-element-d0cc373::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4197 .elementor-element.elementor-element-d0cc373:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e9ce4c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-1e9ce4c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-11a37ed *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4197 .elementor-element.elementor-element-11a37ed{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4197 .elementor-element.elementor-element-11a37ed::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4197 .elementor-element.elementor-element-11a37ed:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4197 .elementor-element.elementor-element-11a37ed > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4197 .elementor-element.elementor-element-11a37ed .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4197 .elementor-element.elementor-element-11a37ed:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */