.elementor-4393 .elementor-element.elementor-element-1d6cf86{--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-4393 .elementor-element.elementor-element-1d6cf86:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-1d6cf86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/06/בקרוב.jpg");background-position:top center;background-size:cover;}.elementor-4393 .elementor-element.elementor-element-7c2ed1c{--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-4393 .elementor-element.elementor-element-7c2ed1c.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-4393 .elementor-element.elementor-element-6516f80 .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-4393 .elementor-element.elementor-element-72f080d .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-4393 .elementor-element.elementor-element-6bc7639{--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-4393 .elementor-element.elementor-element-6bc7639:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-6bc7639 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4393 .elementor-element.elementor-element-6bc7639::before, .elementor-4393 .elementor-element.elementor-element-6bc7639 > .elementor-background-video-container::before, .elementor-4393 .elementor-element.elementor-element-6bc7639 > .e-con-inner > .elementor-background-video-container::before, .elementor-4393 .elementor-element.elementor-element-6bc7639 > .elementor-background-slideshow::before, .elementor-4393 .elementor-element.elementor-element-6bc7639 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4393 .elementor-element.elementor-element-6bc7639 > .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-4393 .elementor-element.elementor-element-6bc7639.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4393 .elementor-element.elementor-element-0f12d56{--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-4393 .elementor-element.elementor-element-a45e238 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-a45e238{text-align:center;}.elementor-4393 .elementor-element.elementor-element-a45e238 .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-4393 .elementor-element.elementor-element-10ad597{--divider-border-style:solid;--divider-color:#147EBE;--divider-border-width:2.1px;}.elementor-4393 .elementor-element.elementor-element-10ad597 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-10ad597 .elementor-divider-separator{width:70%;margin:0 auto;margin-center:0;}.elementor-4393 .elementor-element.elementor-element-10ad597 .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-4393 .elementor-element.elementor-element-889c747 > .elementor-widget-container{margin:2px 0px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-889c747{text-align:center;font-family:"Assistant", Sans-serif;font-size:17px;font-weight:400;}.elementor-4393 .elementor-element.elementor-element-1d0cddd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-1d0cddd{text-align:center;}.elementor-4393 .elementor-element.elementor-element-1d0cddd .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;color:var( --e-global-color-primary );}.elementor-4393 .elementor-element.elementor-element-9cad78e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-4393 .elementor-element.elementor-element-a129c29{--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-4393 .elementor-element.elementor-element-a129c29:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-a129c29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-4393 .elementor-element.elementor-element-a129c29:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-4393 .elementor-element.elementor-element-a129c29::before, .elementor-4393 .elementor-element.elementor-element-a129c29 > .elementor-background-video-container::before, .elementor-4393 .elementor-element.elementor-element-a129c29 > .e-con-inner > .elementor-background-video-container::before, .elementor-4393 .elementor-element.elementor-element-a129c29 > .elementor-background-slideshow::before, .elementor-4393 .elementor-element.elementor-element-a129c29 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4393 .elementor-element.elementor-element-a129c29 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4393 .elementor-element.elementor-element-a129c29.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.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-4393 .elementor-element.elementor-element-eed12fb > .elementor-widget-container{margin:0px 0px -33px 0px;}.elementor-4393 .elementor-element.elementor-element-eed12fb .ue-lord-icon-inner{text-align:left;}.elementor-4393 .elementor-element.elementor-element-eed12fb lord-icon{width:103px;height:103px;}.elementor-4393 .elementor-element.elementor-element-eed12fb .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-eed12fb .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4393 .elementor-element.elementor-element-eed12fb .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4393 .elementor-element.elementor-element-eed12fb .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4393 .elementor-element.elementor-element-eed12fb .ue-lord-icon-contet{text-align:inherit;}.elementor-4393 .elementor-element.elementor-element-eed12fb .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-4393 .elementor-element.elementor-element-f248c57 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-f248c57{text-align:center;}.elementor-4393 .elementor-element.elementor-element-f248c57 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;color:var( --e-global-color-primary );}.elementor-4393 .elementor-element.elementor-element-8364d33 > .elementor-widget-container{padding:0px 50px 0px 50px;}.elementor-4393 .elementor-element.elementor-element-8364d33.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4393 .elementor-element.elementor-element-8364d33 iframe{height:482px;}.elementor-4393 .elementor-element.elementor-element-38e6502{--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-4393 .elementor-element.elementor-element-38e6502:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-38e6502 > .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-4393 .elementor-element.elementor-element-38e6502::before, .elementor-4393 .elementor-element.elementor-element-38e6502 > .elementor-background-video-container::before, .elementor-4393 .elementor-element.elementor-element-38e6502 > .e-con-inner > .elementor-background-video-container::before, .elementor-4393 .elementor-element.elementor-element-38e6502 > .elementor-background-slideshow::before, .elementor-4393 .elementor-element.elementor-element-38e6502 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4393 .elementor-element.elementor-element-38e6502 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-4393 .elementor-element.elementor-element-7948b7c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-7948b7c .ue-lord-icon-inner{text-align:left;}.elementor-4393 .elementor-element.elementor-element-7948b7c lord-icon{width:103px;height:103px;}.elementor-4393 .elementor-element.elementor-element-7948b7c .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-7948b7c .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4393 .elementor-element.elementor-element-7948b7c .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4393 .elementor-element.elementor-element-7948b7c .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4393 .elementor-element.elementor-element-7948b7c .ue-lord-icon-contet{text-align:inherit;}.elementor-4393 .elementor-element.elementor-element-7948b7c .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-4393 .elementor-element.elementor-element-8d9f8d9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-8d9f8d9{text-align:center;}.elementor-4393 .elementor-element.elementor-element-8d9f8d9 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:47px;font-weight:400;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-d56eb24 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-d56eb24{text-align:center;}.elementor-4393 .elementor-element.elementor-element-d56eb24 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:40px;font-weight:300;color:#FFFFFF;}.elementor-4393 .elementor-element.elementor-element-478e571{--display:flex;}.elementor-4393 .elementor-element.elementor-element-9924778{--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-4393 .elementor-element.elementor-element-9924778:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-9924778 > .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-4393 .elementor-element.elementor-element-7adaf74{--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-4393 .elementor-element.elementor-element-7adaf74:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-7adaf74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-3c7c09b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-3c7c09b{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-64ebf64{--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-4393 .elementor-element.elementor-element-64ebf64:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-64ebf64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-793e144 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-4cd47ea{--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-4393 .elementor-element.elementor-element-4cd47ea:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-4cd47ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4393 .elementor-element.elementor-element-ea646bb .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-22ac9d0{--display:flex;}.elementor-4393 .elementor-element.elementor-element-6abf374{--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-4393 .elementor-element.elementor-element-6abf374:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-6abf374 > .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-4393 .elementor-element.elementor-element-901b81b{--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-4393 .elementor-element.elementor-element-901b81b:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-901b81b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-4b26316 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4393 .elementor-element.elementor-element-4b26316{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-03d639b{--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-4393 .elementor-element.elementor-element-03d639b:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-03d639b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-c7771f1 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-0bae039{--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-4393 .elementor-element.elementor-element-0bae039:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-0bae039 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4393 .elementor-element.elementor-element-181bf5a .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-db72339{--display:flex;}.elementor-4393 .elementor-element.elementor-element-f9de4c7{--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-4393 .elementor-element.elementor-element-f9de4c7:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-f9de4c7 > .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-4393 .elementor-element.elementor-element-ed7a239{--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-4393 .elementor-element.elementor-element-ed7a239:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-ed7a239 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-f75aa7c > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4393 .elementor-element.elementor-element-f75aa7c{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-cf700fa{--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-4393 .elementor-element.elementor-element-cf700fa:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-cf700fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-d1a063d .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-af64376{--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-4393 .elementor-element.elementor-element-af64376:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-af64376 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4393 .elementor-element.elementor-element-292190a .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-f5f300e{--display:flex;}.elementor-4393 .elementor-element.elementor-element-e2df867{--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-4393 .elementor-element.elementor-element-e2df867:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-e2df867 > .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-4393 .elementor-element.elementor-element-6b03acf{--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-4393 .elementor-element.elementor-element-6b03acf:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-6b03acf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-bedf9e6 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4393 .elementor-element.elementor-element-bedf9e6{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-0926afb{--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-4393 .elementor-element.elementor-element-0926afb:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-0926afb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-8176f26 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-02be9f1{--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-4393 .elementor-element.elementor-element-02be9f1:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-02be9f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4393 .elementor-element.elementor-element-f56906e .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-14b7a5c{--display:flex;}.elementor-4393 .elementor-element.elementor-element-a96d7a9{--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-4393 .elementor-element.elementor-element-a96d7a9:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-a96d7a9 > .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-4393 .elementor-element.elementor-element-9731245{--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-4393 .elementor-element.elementor-element-9731245:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-9731245 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-3ddcda0 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4393 .elementor-element.elementor-element-3ddcda0{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-f72744b{--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-4393 .elementor-element.elementor-element-f72744b:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-f72744b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-c754581 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-cdbc29f{--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-4393 .elementor-element.elementor-element-cdbc29f:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-cdbc29f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4393 .elementor-element.elementor-element-6e6d16c .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-0644734{--display:flex;}.elementor-4393 .elementor-element.elementor-element-863445d{--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-4393 .elementor-element.elementor-element-863445d:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-863445d > .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-4393 .elementor-element.elementor-element-aef0945{--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-4393 .elementor-element.elementor-element-aef0945:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-aef0945 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-d98193e > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4393 .elementor-element.elementor-element-d98193e{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-03a5b6e{--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-4393 .elementor-element.elementor-element-03a5b6e:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-03a5b6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-fccb644 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-e9acec2{--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-4393 .elementor-element.elementor-element-e9acec2:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-e9acec2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4393 .elementor-element.elementor-element-de61dd4 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-3cc0e5f{--display:flex;}.elementor-4393 .elementor-element.elementor-element-c5b0ca4{--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-4393 .elementor-element.elementor-element-c5b0ca4:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-c5b0ca4 > .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-4393 .elementor-element.elementor-element-6f04452{--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-4393 .elementor-element.elementor-element-6f04452:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-6f04452 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-5d704fe > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4393 .elementor-element.elementor-element-5d704fe{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-16c5624{--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-4393 .elementor-element.elementor-element-16c5624:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-16c5624 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-5dc5de2 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-fe7d796{--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-4393 .elementor-element.elementor-element-fe7d796:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-fe7d796 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4393 .elementor-element.elementor-element-be99463 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-041a648{--display:flex;}.elementor-4393 .elementor-element.elementor-element-e6e944b{--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-4393 .elementor-element.elementor-element-e6e944b:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-e6e944b > .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-4393 .elementor-element.elementor-element-5131a56{--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-4393 .elementor-element.elementor-element-5131a56:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-5131a56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-b4aa880 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4393 .elementor-element.elementor-element-b4aa880{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-821728c{--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-4393 .elementor-element.elementor-element-821728c:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-821728c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-22a1762 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-610c778{--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-4393 .elementor-element.elementor-element-610c778:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-610c778 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4393 .elementor-element.elementor-element-eeae435 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-5bc4ada{--display:flex;}.elementor-4393 .elementor-element.elementor-element-b903c81{--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-4393 .elementor-element.elementor-element-b903c81:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-b903c81 > .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-4393 .elementor-element.elementor-element-ce56705{--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-4393 .elementor-element.elementor-element-ce56705:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-ce56705 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-fcbf631 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4393 .elementor-element.elementor-element-fcbf631{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-9f43a35{--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-4393 .elementor-element.elementor-element-9f43a35:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-9f43a35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-f177692 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-ab6c378{--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-4393 .elementor-element.elementor-element-ab6c378:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-ab6c378 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4393 .elementor-element.elementor-element-cf28452 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-71f3982{--display:flex;}.elementor-4393 .elementor-element.elementor-element-0ecf036{--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-4393 .elementor-element.elementor-element-0ecf036:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-0ecf036 > .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-4393 .elementor-element.elementor-element-33e9289{--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-4393 .elementor-element.elementor-element-33e9289:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-33e9289 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-641904b > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4393 .elementor-element.elementor-element-641904b{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-6e2c287{--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-4393 .elementor-element.elementor-element-6e2c287:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-6e2c287 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-40e2829 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-970fcd7{--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-4393 .elementor-element.elementor-element-970fcd7:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-970fcd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4393 .elementor-element.elementor-element-6e224b7 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-77950f1{--display:flex;}.elementor-4393 .elementor-element.elementor-element-c28e59b{--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-4393 .elementor-element.elementor-element-c28e59b:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-c28e59b > .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-4393 .elementor-element.elementor-element-a6c7a62{--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-4393 .elementor-element.elementor-element-a6c7a62:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-a6c7a62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-cc57e55 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4393 .elementor-element.elementor-element-cc57e55{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-d2268b7{--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-4393 .elementor-element.elementor-element-d2268b7:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-d2268b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-4a732ea .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-de2bc68{--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-4393 .elementor-element.elementor-element-de2bc68:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-de2bc68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4393 .elementor-element.elementor-element-732bb5c .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-88dd1c4{--display:flex;}.elementor-4393 .elementor-element.elementor-element-a335ceb{--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-4393 .elementor-element.elementor-element-a335ceb:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-a335ceb > .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-4393 .elementor-element.elementor-element-3d92942{--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-4393 .elementor-element.elementor-element-3d92942:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-3d92942 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-fccc7ec > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4393 .elementor-element.elementor-element-fccc7ec{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-1c25a3b{--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-4393 .elementor-element.elementor-element-1c25a3b:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-1c25a3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4393 .elementor-element.elementor-element-1c25a3b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4393 .elementor-element.elementor-element-81a018c .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-84ce4c3{--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-4393 .elementor-element.elementor-element-84ce4c3:not(.elementor-motion-effects-element-type-background), .elementor-4393 .elementor-element.elementor-element-84ce4c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4393 .elementor-element.elementor-element-05580a0 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4393 .elementor-element.elementor-element-1aef188{--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-4393 .elementor-element.elementor-element-1aef188 .swiper-slide ) > .e-con{--border-radius:0px 0px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-1aef188 :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-4393 .elementor-element.elementor-element-1aef188{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-4393 .elementor-element.elementor-element-7c2ed1c{--width:450px;}.elementor-4393 .elementor-element.elementor-element-6bc7639{--content-width:1180px;}.elementor-4393 .elementor-element.elementor-element-a129c29{--width:97%;}.elementor-4393 .elementor-element.elementor-element-38e6502{--width:100vw;}.elementor-4393 .elementor-element.elementor-element-9924778{--width:100%;}.elementor-4393 .elementor-element.elementor-element-7adaf74{--width:100%;}.elementor-4393 .elementor-element.elementor-element-64ebf64{--width:52%;}.elementor-4393 .elementor-element.elementor-element-4cd47ea{--width:27%;}.elementor-4393 .elementor-element.elementor-element-6abf374{--width:100%;}.elementor-4393 .elementor-element.elementor-element-901b81b{--width:100%;}.elementor-4393 .elementor-element.elementor-element-03d639b{--width:52%;}.elementor-4393 .elementor-element.elementor-element-0bae039{--width:27%;}.elementor-4393 .elementor-element.elementor-element-f9de4c7{--width:100%;}.elementor-4393 .elementor-element.elementor-element-ed7a239{--width:100%;}.elementor-4393 .elementor-element.elementor-element-cf700fa{--width:52%;}.elementor-4393 .elementor-element.elementor-element-af64376{--width:27%;}.elementor-4393 .elementor-element.elementor-element-e2df867{--width:100%;}.elementor-4393 .elementor-element.elementor-element-6b03acf{--width:100%;}.elementor-4393 .elementor-element.elementor-element-0926afb{--width:52%;}.elementor-4393 .elementor-element.elementor-element-02be9f1{--width:27%;}.elementor-4393 .elementor-element.elementor-element-a96d7a9{--width:100%;}.elementor-4393 .elementor-element.elementor-element-9731245{--width:100%;}.elementor-4393 .elementor-element.elementor-element-f72744b{--width:52%;}.elementor-4393 .elementor-element.elementor-element-cdbc29f{--width:27%;}.elementor-4393 .elementor-element.elementor-element-863445d{--width:100%;}.elementor-4393 .elementor-element.elementor-element-aef0945{--width:100%;}.elementor-4393 .elementor-element.elementor-element-03a5b6e{--width:52%;}.elementor-4393 .elementor-element.elementor-element-e9acec2{--width:27%;}.elementor-4393 .elementor-element.elementor-element-c5b0ca4{--width:100%;}.elementor-4393 .elementor-element.elementor-element-6f04452{--width:100%;}.elementor-4393 .elementor-element.elementor-element-16c5624{--width:52%;}.elementor-4393 .elementor-element.elementor-element-fe7d796{--width:27%;}.elementor-4393 .elementor-element.elementor-element-e6e944b{--width:100%;}.elementor-4393 .elementor-element.elementor-element-5131a56{--width:100%;}.elementor-4393 .elementor-element.elementor-element-821728c{--width:52%;}.elementor-4393 .elementor-element.elementor-element-610c778{--width:27%;}.elementor-4393 .elementor-element.elementor-element-b903c81{--width:100%;}.elementor-4393 .elementor-element.elementor-element-ce56705{--width:100%;}.elementor-4393 .elementor-element.elementor-element-9f43a35{--width:52%;}.elementor-4393 .elementor-element.elementor-element-ab6c378{--width:27%;}.elementor-4393 .elementor-element.elementor-element-0ecf036{--width:100%;}.elementor-4393 .elementor-element.elementor-element-33e9289{--width:100%;}.elementor-4393 .elementor-element.elementor-element-6e2c287{--width:52%;}.elementor-4393 .elementor-element.elementor-element-970fcd7{--width:27%;}.elementor-4393 .elementor-element.elementor-element-c28e59b{--width:100%;}.elementor-4393 .elementor-element.elementor-element-a6c7a62{--width:100%;}.elementor-4393 .elementor-element.elementor-element-d2268b7{--width:52%;}.elementor-4393 .elementor-element.elementor-element-de2bc68{--width:27%;}.elementor-4393 .elementor-element.elementor-element-a335ceb{--width:100%;}.elementor-4393 .elementor-element.elementor-element-3d92942{--width:100%;}.elementor-4393 .elementor-element.elementor-element-1c25a3b{--width:58.217%;}.elementor-4393 .elementor-element.elementor-element-84ce4c3{--width:27%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4393 .elementor-element.elementor-element-7c2ed1c{--width:330px;}}@media(max-width:767px){.elementor-4393 .elementor-element.elementor-element-1d6cf86{--min-height:50vh;--justify-content:flex-end;}.elementor-4393 .elementor-element.elementor-element-7c2ed1c{--width:210px;--min-height:0px;}.elementor-4393 .elementor-element.elementor-element-6516f80{text-align:right;}.elementor-4393 .elementor-element.elementor-element-6516f80 .elementor-heading-title{font-size:21px;}.elementor-4393 .elementor-element.elementor-element-72f080d{text-align:right;}.elementor-4393 .elementor-element.elementor-element-72f080d .elementor-heading-title{font-size:20px;}.elementor-4393 .elementor-element.elementor-element-6bc7639{--content-width:648px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4393 .elementor-element.elementor-element-a45e238 .elementor-heading-title{font-size:35px;}.elementor-4393 .elementor-element.elementor-element-889c747{font-size:16px;}.elementor-4393 .elementor-element.elementor-element-1d0cddd .elementor-heading-title{font-size:35px;}.elementor-4393 .elementor-element.elementor-element-a129c29{--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-4393 .elementor-element.elementor-element-eed12fb > .elementor-widget-container{margin:11px 0px -33px 0px;}.elementor-4393 .elementor-element.elementor-element-eed12fb lord-icon{width:44px;height:44px;}.elementor-4393 .elementor-element.elementor-element-f248c57 .elementor-heading-title{font-size:35px;}.elementor-4393 .elementor-element.elementor-element-8364d33{width:var( --container-widget-width, 360px );max-width:360px;--container-widget-width:360px;--container-widget-flex-grow:0;}.elementor-4393 .elementor-element.elementor-element-8364d33 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-4393 .elementor-element.elementor-element-8364d33 iframe{height:323px;}.elementor-4393 .elementor-element.elementor-element-38e6502{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4393 .elementor-element.elementor-element-7948b7c > .elementor-widget-container{margin:34px 0px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-7948b7c lord-icon{width:96px;height:96px;}.elementor-4393 .elementor-element.elementor-element-8d9f8d9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4393 .elementor-element.elementor-element-8d9f8d9 .elementor-heading-title{font-size:35px;}.elementor-4393 .elementor-element.elementor-element-d56eb24 .elementor-heading-title{font-size:29px;}.elementor-4393 .elementor-element.elementor-element-478e571{--content-width:500px;--min-height:360px;}.elementor-4393 .elementor-element.elementor-element-9924778{--width:100%;--min-height:310px;}.elementor-4393 .elementor-element.elementor-element-7adaf74{--width:90%;}.elementor-4393 .elementor-element.elementor-element-64ebf64{--width:90%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4393 .elementor-element.elementor-element-793e144 .elementor-heading-title{font-size:17px;}.elementor-4393 .elementor-element.elementor-element-4cd47ea{--width:45%;}.elementor-4393 .elementor-element.elementor-element-ea646bb .elementor-heading-title{font-size:15px;}.elementor-4393 .elementor-element.elementor-element-22ac9d0{--min-height:360px;}.elementor-4393 .elementor-element.elementor-element-6abf374{--width:100%;--min-height:310px;}.elementor-4393 .elementor-element.elementor-element-901b81b{--width:90%;}.elementor-4393 .elementor-element.elementor-element-03d639b{--width:90%;}.elementor-4393 .elementor-element.elementor-element-c7771f1 .elementor-heading-title{font-size:17px;}.elementor-4393 .elementor-element.elementor-element-0bae039{--width:45%;}.elementor-4393 .elementor-element.elementor-element-181bf5a .elementor-heading-title{font-size:15px;}.elementor-4393 .elementor-element.elementor-element-db72339{--min-height:360px;}.elementor-4393 .elementor-element.elementor-element-f9de4c7{--width:100%;--min-height:310px;}.elementor-4393 .elementor-element.elementor-element-ed7a239{--width:90%;}.elementor-4393 .elementor-element.elementor-element-cf700fa{--width:90%;}.elementor-4393 .elementor-element.elementor-element-d1a063d .elementor-heading-title{font-size:17px;}.elementor-4393 .elementor-element.elementor-element-af64376{--width:45%;}.elementor-4393 .elementor-element.elementor-element-292190a .elementor-heading-title{font-size:15px;}.elementor-4393 .elementor-element.elementor-element-f5f300e{--min-height:360px;}.elementor-4393 .elementor-element.elementor-element-e2df867{--width:100%;--min-height:310px;}.elementor-4393 .elementor-element.elementor-element-6b03acf{--width:90%;}.elementor-4393 .elementor-element.elementor-element-0926afb{--width:90%;}.elementor-4393 .elementor-element.elementor-element-8176f26 .elementor-heading-title{font-size:17px;}.elementor-4393 .elementor-element.elementor-element-02be9f1{--width:45%;}.elementor-4393 .elementor-element.elementor-element-f56906e .elementor-heading-title{font-size:15px;}.elementor-4393 .elementor-element.elementor-element-14b7a5c{--min-height:360px;}.elementor-4393 .elementor-element.elementor-element-a96d7a9{--width:100%;--min-height:310px;}.elementor-4393 .elementor-element.elementor-element-9731245{--width:90%;}.elementor-4393 .elementor-element.elementor-element-f72744b{--width:90%;}.elementor-4393 .elementor-element.elementor-element-c754581 .elementor-heading-title{font-size:17px;}.elementor-4393 .elementor-element.elementor-element-cdbc29f{--width:45%;}.elementor-4393 .elementor-element.elementor-element-6e6d16c .elementor-heading-title{font-size:15px;}.elementor-4393 .elementor-element.elementor-element-0644734{--min-height:360px;}.elementor-4393 .elementor-element.elementor-element-863445d{--width:100%;--min-height:310px;}.elementor-4393 .elementor-element.elementor-element-aef0945{--width:90%;}.elementor-4393 .elementor-element.elementor-element-03a5b6e{--width:90%;}.elementor-4393 .elementor-element.elementor-element-fccb644 .elementor-heading-title{font-size:17px;}.elementor-4393 .elementor-element.elementor-element-e9acec2{--width:45%;}.elementor-4393 .elementor-element.elementor-element-de61dd4 .elementor-heading-title{font-size:15px;}.elementor-4393 .elementor-element.elementor-element-3cc0e5f{--min-height:360px;}.elementor-4393 .elementor-element.elementor-element-c5b0ca4{--width:100%;--min-height:310px;}.elementor-4393 .elementor-element.elementor-element-6f04452{--width:90%;}.elementor-4393 .elementor-element.elementor-element-16c5624{--width:90%;}.elementor-4393 .elementor-element.elementor-element-5dc5de2 .elementor-heading-title{font-size:17px;}.elementor-4393 .elementor-element.elementor-element-fe7d796{--width:45%;}.elementor-4393 .elementor-element.elementor-element-be99463 .elementor-heading-title{font-size:15px;}.elementor-4393 .elementor-element.elementor-element-041a648{--min-height:360px;}.elementor-4393 .elementor-element.elementor-element-e6e944b{--width:100%;--min-height:310px;}.elementor-4393 .elementor-element.elementor-element-5131a56{--width:90%;}.elementor-4393 .elementor-element.elementor-element-821728c{--width:90%;}.elementor-4393 .elementor-element.elementor-element-22a1762 .elementor-heading-title{font-size:17px;}.elementor-4393 .elementor-element.elementor-element-610c778{--width:45%;}.elementor-4393 .elementor-element.elementor-element-eeae435 .elementor-heading-title{font-size:15px;}.elementor-4393 .elementor-element.elementor-element-5bc4ada{--min-height:360px;}.elementor-4393 .elementor-element.elementor-element-b903c81{--width:100%;--min-height:310px;}.elementor-4393 .elementor-element.elementor-element-ce56705{--width:90%;}.elementor-4393 .elementor-element.elementor-element-9f43a35{--width:90%;}.elementor-4393 .elementor-element.elementor-element-f177692 .elementor-heading-title{font-size:17px;}.elementor-4393 .elementor-element.elementor-element-ab6c378{--width:45%;}.elementor-4393 .elementor-element.elementor-element-cf28452 .elementor-heading-title{font-size:15px;}.elementor-4393 .elementor-element.elementor-element-71f3982{--min-height:360px;}.elementor-4393 .elementor-element.elementor-element-0ecf036{--width:100%;--min-height:310px;}.elementor-4393 .elementor-element.elementor-element-33e9289{--width:90%;}.elementor-4393 .elementor-element.elementor-element-6e2c287{--width:90%;}.elementor-4393 .elementor-element.elementor-element-40e2829 .elementor-heading-title{font-size:17px;}.elementor-4393 .elementor-element.elementor-element-970fcd7{--width:45%;}.elementor-4393 .elementor-element.elementor-element-6e224b7 .elementor-heading-title{font-size:15px;}.elementor-4393 .elementor-element.elementor-element-77950f1{--min-height:360px;}.elementor-4393 .elementor-element.elementor-element-c28e59b{--width:100%;--min-height:310px;}.elementor-4393 .elementor-element.elementor-element-a6c7a62{--width:90%;}.elementor-4393 .elementor-element.elementor-element-d2268b7{--width:90%;}.elementor-4393 .elementor-element.elementor-element-4a732ea .elementor-heading-title{font-size:17px;}.elementor-4393 .elementor-element.elementor-element-de2bc68{--width:45%;}.elementor-4393 .elementor-element.elementor-element-732bb5c .elementor-heading-title{font-size:15px;}.elementor-4393 .elementor-element.elementor-element-88dd1c4{--min-height:360px;}.elementor-4393 .elementor-element.elementor-element-a335ceb{--width:100%;--min-height:310px;}.elementor-4393 .elementor-element.elementor-element-3d92942{--width:90%;}.elementor-4393 .elementor-element.elementor-element-1c25a3b{--width:90%;}.elementor-4393 .elementor-element.elementor-element-81a018c .elementor-heading-title{font-size:17px;}.elementor-4393 .elementor-element.elementor-element-84ce4c3{--width:45%;}.elementor-4393 .elementor-element.elementor-element-05580a0 .elementor-heading-title{font-size:15px;}.elementor-4393 .elementor-element.elementor-element-1aef188{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-size:18px;}}/* Start custom CSS for container, class: .elementor-element-7c2ed1c */.elementor-4393 .elementor-element.elementor-element-7c2ed1c {
  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-4393 .elementor-element.elementor-element-7c2ed1c: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-a45e238 */.elementor-4393 .elementor-element.elementor-element-a45e238 {
  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-10ad597 */.elementor-4393 .elementor-element.elementor-element-10ad597 {
  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-1d0cddd */.elementor-4393 .elementor-element.elementor-element-1d0cddd {
  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-f248c57 */.elementor-4393 .elementor-element.elementor-element-f248c57 {
  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-a129c29 *//* תזוזה קלה + צל עדין */
.elementor-4393 .elementor-element.elementor-element-a129c29{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.elementor-4393 .elementor-element.elementor-element-a129c29: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-7adaf74 */.elementor-4393 .elementor-element.elementor-element-7adaf74::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-9924778::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-4393 .elementor-element.elementor-element-9924778:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-9924778 .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-4393 .elementor-element.elementor-element-9924778:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-901b81b */.elementor-4393 .elementor-element.elementor-element-901b81b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-6abf374::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-4393 .elementor-element.elementor-element-6abf374:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-6abf374 .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-4393 .elementor-element.elementor-element-6abf374:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed7a239 */.elementor-4393 .elementor-element.elementor-element-ed7a239::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-f9de4c7::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-4393 .elementor-element.elementor-element-f9de4c7:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-f9de4c7 .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-4393 .elementor-element.elementor-element-f9de4c7:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b03acf */.elementor-4393 .elementor-element.elementor-element-6b03acf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e2df867::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-4393 .elementor-element.elementor-element-e2df867:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a96d7a9::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-4393 .elementor-element.elementor-element-a96d7a9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

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

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

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

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

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

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-863445d::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-4393 .elementor-element.elementor-element-863445d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

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

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-863445d .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-4393 .elementor-element.elementor-element-863445d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f04452 */.elementor-4393 .elementor-element.elementor-element-6f04452::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

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

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

.elementor-4393 .elementor-element.elementor-element-fe7d796:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5b0ca4 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4::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-4393 .elementor-element.elementor-element-c5b0ca4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c5b0ca4 .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-4393 .elementor-element.elementor-element-c5b0ca4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5131a56 */.elementor-4393 .elementor-element.elementor-element-5131a56::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-5131a56:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-821728c */.elementor-4393 .elementor-element.elementor-element-821728c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-821728c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-610c778 */.elementor-4393 .elementor-element.elementor-element-610c778::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-610c778:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6e944b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4393 .elementor-element.elementor-element-e6e944b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-e6e944b::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-4393 .elementor-element.elementor-element-e6e944b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4393 .elementor-element.elementor-element-e6e944b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-e6e944b .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-4393 .elementor-element.elementor-element-e6e944b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce56705 */.elementor-4393 .elementor-element.elementor-element-ce56705::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-ce56705:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f43a35 */.elementor-4393 .elementor-element.elementor-element-9f43a35::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-9f43a35:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab6c378 */.elementor-4393 .elementor-element.elementor-element-ab6c378::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-ab6c378:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b903c81 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4393 .elementor-element.elementor-element-b903c81{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-b903c81::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-4393 .elementor-element.elementor-element-b903c81:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4393 .elementor-element.elementor-element-b903c81 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-b903c81 .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-4393 .elementor-element.elementor-element-b903c81:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33e9289 */.elementor-4393 .elementor-element.elementor-element-33e9289::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-33e9289:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e2c287 */.elementor-4393 .elementor-element.elementor-element-6e2c287::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-6e2c287:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-970fcd7 */.elementor-4393 .elementor-element.elementor-element-970fcd7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-970fcd7:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ecf036 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4393 .elementor-element.elementor-element-0ecf036{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-0ecf036::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-4393 .elementor-element.elementor-element-0ecf036:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4393 .elementor-element.elementor-element-0ecf036 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-0ecf036 .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-4393 .elementor-element.elementor-element-0ecf036:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6c7a62 */.elementor-4393 .elementor-element.elementor-element-a6c7a62::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-a6c7a62:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2268b7 */.elementor-4393 .elementor-element.elementor-element-d2268b7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-d2268b7:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de2bc68 */.elementor-4393 .elementor-element.elementor-element-de2bc68::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-de2bc68:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c28e59b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4393 .elementor-element.elementor-element-c28e59b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-c28e59b::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-4393 .elementor-element.elementor-element-c28e59b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4393 .elementor-element.elementor-element-c28e59b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-c28e59b .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-4393 .elementor-element.elementor-element-c28e59b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d92942 */.elementor-4393 .elementor-element.elementor-element-3d92942::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-3d92942:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c25a3b */.elementor-4393 .elementor-element.elementor-element-1c25a3b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-1c25a3b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84ce4c3 */.elementor-4393 .elementor-element.elementor-element-84ce4c3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4393 .elementor-element.elementor-element-84ce4c3:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a335ceb *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4393 .elementor-element.elementor-element-a335ceb{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-a335ceb::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-4393 .elementor-element.elementor-element-a335ceb:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4393 .elementor-element.elementor-element-a335ceb > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-a335ceb .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-4393 .elementor-element.elementor-element-a335ceb:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-1aef188 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4393 .elementor-element.elementor-element-1aef188{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4393 .elementor-element.elementor-element-1aef188::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-4393 .elementor-element.elementor-element-1aef188:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4393 .elementor-element.elementor-element-1aef188 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4393 .elementor-element.elementor-element-1aef188 .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-4393 .elementor-element.elementor-element-1aef188:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */