.elementor-4369 .elementor-element.elementor-element-3a3751f{--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-4369 .elementor-element.elementor-element-3a3751f:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-3a3751f > .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-4369 .elementor-element.elementor-element-8ce1e34{--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-4369 .elementor-element.elementor-element-8ce1e34.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-4369 .elementor-element.elementor-element-2894813 .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-4369 .elementor-element.elementor-element-37b7472 .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-4369 .elementor-element.elementor-element-b25c343{--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-4369 .elementor-element.elementor-element-b25c343:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-b25c343 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4369 .elementor-element.elementor-element-b25c343::before, .elementor-4369 .elementor-element.elementor-element-b25c343 > .elementor-background-video-container::before, .elementor-4369 .elementor-element.elementor-element-b25c343 > .e-con-inner > .elementor-background-video-container::before, .elementor-4369 .elementor-element.elementor-element-b25c343 > .elementor-background-slideshow::before, .elementor-4369 .elementor-element.elementor-element-b25c343 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4369 .elementor-element.elementor-element-b25c343 > .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-4369 .elementor-element.elementor-element-b25c343.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4369 .elementor-element.elementor-element-6603fc9{--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-4369 .elementor-element.elementor-element-577e810 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-577e810{text-align:center;}.elementor-4369 .elementor-element.elementor-element-577e810 .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-4369 .elementor-element.elementor-element-97a0d94{--divider-border-style:solid;--divider-color:#147EBE;--divider-border-width:2.1px;}.elementor-4369 .elementor-element.elementor-element-97a0d94 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-97a0d94 .elementor-divider-separator{width:70%;margin:0 auto;margin-center:0;}.elementor-4369 .elementor-element.elementor-element-97a0d94 .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-4369 .elementor-element.elementor-element-87aebc8 > .elementor-widget-container{margin:2px 0px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-87aebc8{text-align:center;font-family:"Assistant", Sans-serif;font-size:17px;font-weight:400;}.elementor-4369 .elementor-element.elementor-element-9c27684{--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-4369 .elementor-element.elementor-element-9c27684:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-9c27684 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-4369 .elementor-element.elementor-element-9c27684:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-4369 .elementor-element.elementor-element-9c27684::before, .elementor-4369 .elementor-element.elementor-element-9c27684 > .elementor-background-video-container::before, .elementor-4369 .elementor-element.elementor-element-9c27684 > .e-con-inner > .elementor-background-video-container::before, .elementor-4369 .elementor-element.elementor-element-9c27684 > .elementor-background-slideshow::before, .elementor-4369 .elementor-element.elementor-element-9c27684 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4369 .elementor-element.elementor-element-9c27684 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4369 .elementor-element.elementor-element-9c27684.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-4369 .elementor-element.elementor-element-cdffcac > .elementor-widget-container{margin:0px 0px -33px 0px;}.elementor-4369 .elementor-element.elementor-element-cdffcac .ue-lord-icon-inner{text-align:left;}.elementor-4369 .elementor-element.elementor-element-cdffcac lord-icon{width:103px;height:103px;}.elementor-4369 .elementor-element.elementor-element-cdffcac .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-cdffcac .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4369 .elementor-element.elementor-element-cdffcac .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4369 .elementor-element.elementor-element-cdffcac .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4369 .elementor-element.elementor-element-cdffcac .ue-lord-icon-contet{text-align:inherit;}.elementor-4369 .elementor-element.elementor-element-cdffcac .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-4369 .elementor-element.elementor-element-0459eea > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-0459eea{text-align:center;}.elementor-4369 .elementor-element.elementor-element-0459eea .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;color:var( --e-global-color-primary );}.elementor-4369 .elementor-element.elementor-element-0e717b8 > .elementor-widget-container{padding:0px 50px 0px 50px;}.elementor-4369 .elementor-element.elementor-element-0e717b8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4369 .elementor-element.elementor-element-0e717b8 iframe{height:482px;}.elementor-4369 .elementor-element.elementor-element-cec45f1{--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-4369 .elementor-element.elementor-element-cec45f1:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-cec45f1 > .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-4369 .elementor-element.elementor-element-cec45f1::before, .elementor-4369 .elementor-element.elementor-element-cec45f1 > .elementor-background-video-container::before, .elementor-4369 .elementor-element.elementor-element-cec45f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-4369 .elementor-element.elementor-element-cec45f1 > .elementor-background-slideshow::before, .elementor-4369 .elementor-element.elementor-element-cec45f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4369 .elementor-element.elementor-element-cec45f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-4369 .elementor-element.elementor-element-365d65e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-365d65e .ue-lord-icon-inner{text-align:left;}.elementor-4369 .elementor-element.elementor-element-365d65e lord-icon{width:103px;height:103px;}.elementor-4369 .elementor-element.elementor-element-365d65e .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-365d65e .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4369 .elementor-element.elementor-element-365d65e .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4369 .elementor-element.elementor-element-365d65e .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4369 .elementor-element.elementor-element-365d65e .ue-lord-icon-contet{text-align:inherit;}.elementor-4369 .elementor-element.elementor-element-365d65e .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-4369 .elementor-element.elementor-element-ada90aa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-ada90aa{text-align:center;}.elementor-4369 .elementor-element.elementor-element-ada90aa .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:47px;font-weight:400;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-1e86e10 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-1e86e10{text-align:center;}.elementor-4369 .elementor-element.elementor-element-1e86e10 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:40px;font-weight:300;color:#FFFFFF;}.elementor-4369 .elementor-element.elementor-element-1669c2d{--display:flex;}.elementor-4369 .elementor-element.elementor-element-7e47061{--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-4369 .elementor-element.elementor-element-7e47061:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-7e47061 > .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-4369 .elementor-element.elementor-element-fe22812{--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-4369 .elementor-element.elementor-element-fe22812:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-fe22812 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-f61378e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-f61378e{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-df3e25a{--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-4369 .elementor-element.elementor-element-df3e25a:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-df3e25a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-3cb7122 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-f34af42{--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-4369 .elementor-element.elementor-element-f34af42:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-f34af42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4369 .elementor-element.elementor-element-ae4384c .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-3d364ac{--display:flex;}.elementor-4369 .elementor-element.elementor-element-f68ab2c{--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-4369 .elementor-element.elementor-element-f68ab2c:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-f68ab2c > .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-4369 .elementor-element.elementor-element-e6d2505{--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-4369 .elementor-element.elementor-element-e6d2505:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-e6d2505 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-ac21397 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4369 .elementor-element.elementor-element-ac21397{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-d265293{--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-4369 .elementor-element.elementor-element-d265293:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-d265293 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-f611ab1 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-c8078dd{--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-4369 .elementor-element.elementor-element-c8078dd:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-c8078dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4369 .elementor-element.elementor-element-e99eeda .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-4e8744d{--display:flex;}.elementor-4369 .elementor-element.elementor-element-534489e{--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-4369 .elementor-element.elementor-element-534489e:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-534489e > .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-4369 .elementor-element.elementor-element-b8b5254{--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-4369 .elementor-element.elementor-element-b8b5254:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-b8b5254 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-5007757 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4369 .elementor-element.elementor-element-5007757{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-c0bb5c5{--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-4369 .elementor-element.elementor-element-c0bb5c5:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-c0bb5c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-dccbcc9 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-bebe834{--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-4369 .elementor-element.elementor-element-bebe834:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-bebe834 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4369 .elementor-element.elementor-element-17e0ace .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-bb39202{--display:flex;}.elementor-4369 .elementor-element.elementor-element-d14fd4f{--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-4369 .elementor-element.elementor-element-d14fd4f:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-d14fd4f > .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-4369 .elementor-element.elementor-element-7cb15a2{--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-4369 .elementor-element.elementor-element-7cb15a2:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-7cb15a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-0de12b4 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4369 .elementor-element.elementor-element-0de12b4{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-be6bb59{--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-4369 .elementor-element.elementor-element-be6bb59:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-be6bb59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-713bb38 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-b972b4e{--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-4369 .elementor-element.elementor-element-b972b4e:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-b972b4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4369 .elementor-element.elementor-element-b75d4cf .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-322fe67{--display:flex;}.elementor-4369 .elementor-element.elementor-element-e73b2ec{--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-4369 .elementor-element.elementor-element-e73b2ec:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-e73b2ec > .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-4369 .elementor-element.elementor-element-0cd55bb{--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-4369 .elementor-element.elementor-element-0cd55bb:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-0cd55bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-d00c747 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4369 .elementor-element.elementor-element-d00c747{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-6d79656{--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-4369 .elementor-element.elementor-element-6d79656:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-6d79656 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-9bf91e4 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-a13344a{--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-4369 .elementor-element.elementor-element-a13344a:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-a13344a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4369 .elementor-element.elementor-element-ca43d1e .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-d57c797{--display:flex;}.elementor-4369 .elementor-element.elementor-element-18a92a0{--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-4369 .elementor-element.elementor-element-18a92a0:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-18a92a0 > .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-4369 .elementor-element.elementor-element-1263a3b{--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-4369 .elementor-element.elementor-element-1263a3b:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-1263a3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-e604d7d > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4369 .elementor-element.elementor-element-e604d7d{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-b503828{--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-4369 .elementor-element.elementor-element-b503828:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-b503828 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-4786a62 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-65a3a12{--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-4369 .elementor-element.elementor-element-65a3a12:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-65a3a12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4369 .elementor-element.elementor-element-a613070 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-3251474{--display:flex;}.elementor-4369 .elementor-element.elementor-element-22d3d13{--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-4369 .elementor-element.elementor-element-22d3d13:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-22d3d13 > .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-4369 .elementor-element.elementor-element-3f59345{--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-4369 .elementor-element.elementor-element-3f59345:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-3f59345 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-f82ba1c > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4369 .elementor-element.elementor-element-f82ba1c{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-a5c4a6c{--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-4369 .elementor-element.elementor-element-a5c4a6c:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-a5c4a6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-9ec9538 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-7ea3d08{--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-4369 .elementor-element.elementor-element-7ea3d08:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-7ea3d08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4369 .elementor-element.elementor-element-9cdd02f .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-e9a4101{--display:flex;}.elementor-4369 .elementor-element.elementor-element-154032c{--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-4369 .elementor-element.elementor-element-154032c:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-154032c > .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-4369 .elementor-element.elementor-element-7d44db0{--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-4369 .elementor-element.elementor-element-7d44db0:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-7d44db0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-737c2c3 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4369 .elementor-element.elementor-element-737c2c3{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-50a10eb{--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-4369 .elementor-element.elementor-element-50a10eb:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-50a10eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-eea7c19 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-7d17e38{--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-4369 .elementor-element.elementor-element-7d17e38:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-7d17e38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4369 .elementor-element.elementor-element-8ba2a03 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-65baa72{--display:flex;}.elementor-4369 .elementor-element.elementor-element-f1b8b03{--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-4369 .elementor-element.elementor-element-f1b8b03:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-f1b8b03 > .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-4369 .elementor-element.elementor-element-6c19ddf{--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-4369 .elementor-element.elementor-element-6c19ddf:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-6c19ddf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-28fe196 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4369 .elementor-element.elementor-element-28fe196{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-9665a7a{--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-4369 .elementor-element.elementor-element-9665a7a:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-9665a7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-7944878 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-7afb092{--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-4369 .elementor-element.elementor-element-7afb092:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-7afb092 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4369 .elementor-element.elementor-element-de118fb .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-5e670ff{--display:flex;}.elementor-4369 .elementor-element.elementor-element-e529e2c{--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-4369 .elementor-element.elementor-element-e529e2c:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-e529e2c > .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-4369 .elementor-element.elementor-element-364b5d1{--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-4369 .elementor-element.elementor-element-364b5d1:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-364b5d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-34b5a9c > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4369 .elementor-element.elementor-element-34b5a9c{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-bf81bb7{--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-4369 .elementor-element.elementor-element-bf81bb7:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-bf81bb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-10d0913 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-0e649f4{--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-4369 .elementor-element.elementor-element-0e649f4:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-0e649f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4369 .elementor-element.elementor-element-b1b27d5 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-85c59a7{--display:flex;}.elementor-4369 .elementor-element.elementor-element-f16c198{--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-4369 .elementor-element.elementor-element-f16c198:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-f16c198 > .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-4369 .elementor-element.elementor-element-7f785c1{--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-4369 .elementor-element.elementor-element-7f785c1:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-7f785c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-9ff22a2 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4369 .elementor-element.elementor-element-9ff22a2{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-2ea0db9{--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-4369 .elementor-element.elementor-element-2ea0db9:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-2ea0db9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-9a2e405 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-4c0bd7f{--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-4369 .elementor-element.elementor-element-4c0bd7f:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-4c0bd7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4369 .elementor-element.elementor-element-b33110c .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-fb8a820{--display:flex;}.elementor-4369 .elementor-element.elementor-element-41e4981{--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-4369 .elementor-element.elementor-element-41e4981:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-41e4981 > .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-4369 .elementor-element.elementor-element-2d1b0f2{--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-4369 .elementor-element.elementor-element-2d1b0f2:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-2d1b0f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-7275343 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4369 .elementor-element.elementor-element-7275343{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-fe42814{--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-4369 .elementor-element.elementor-element-fe42814:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-fe42814 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4369 .elementor-element.elementor-element-fe42814.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4369 .elementor-element.elementor-element-16d2753 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-2044539{--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-4369 .elementor-element.elementor-element-2044539:not(.elementor-motion-effects-element-type-background), .elementor-4369 .elementor-element.elementor-element-2044539 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4369 .elementor-element.elementor-element-f3031b8 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4369 .elementor-element.elementor-element-66a82da{--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-4369 .elementor-element.elementor-element-66a82da .swiper-slide ) > .e-con{--border-radius:0px 0px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-66a82da :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-4369 .elementor-element.elementor-element-66a82da{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-4369 .elementor-element.elementor-element-8ce1e34{--width:450px;}.elementor-4369 .elementor-element.elementor-element-b25c343{--content-width:1180px;}.elementor-4369 .elementor-element.elementor-element-9c27684{--width:97%;}.elementor-4369 .elementor-element.elementor-element-cec45f1{--width:100vw;}.elementor-4369 .elementor-element.elementor-element-7e47061{--width:100%;}.elementor-4369 .elementor-element.elementor-element-fe22812{--width:100%;}.elementor-4369 .elementor-element.elementor-element-df3e25a{--width:52%;}.elementor-4369 .elementor-element.elementor-element-f34af42{--width:27%;}.elementor-4369 .elementor-element.elementor-element-f68ab2c{--width:100%;}.elementor-4369 .elementor-element.elementor-element-e6d2505{--width:100%;}.elementor-4369 .elementor-element.elementor-element-d265293{--width:52%;}.elementor-4369 .elementor-element.elementor-element-c8078dd{--width:27%;}.elementor-4369 .elementor-element.elementor-element-534489e{--width:100%;}.elementor-4369 .elementor-element.elementor-element-b8b5254{--width:100%;}.elementor-4369 .elementor-element.elementor-element-c0bb5c5{--width:52%;}.elementor-4369 .elementor-element.elementor-element-bebe834{--width:27%;}.elementor-4369 .elementor-element.elementor-element-d14fd4f{--width:100%;}.elementor-4369 .elementor-element.elementor-element-7cb15a2{--width:100%;}.elementor-4369 .elementor-element.elementor-element-be6bb59{--width:52%;}.elementor-4369 .elementor-element.elementor-element-b972b4e{--width:27%;}.elementor-4369 .elementor-element.elementor-element-e73b2ec{--width:100%;}.elementor-4369 .elementor-element.elementor-element-0cd55bb{--width:100%;}.elementor-4369 .elementor-element.elementor-element-6d79656{--width:52%;}.elementor-4369 .elementor-element.elementor-element-a13344a{--width:27%;}.elementor-4369 .elementor-element.elementor-element-18a92a0{--width:100%;}.elementor-4369 .elementor-element.elementor-element-1263a3b{--width:100%;}.elementor-4369 .elementor-element.elementor-element-b503828{--width:52%;}.elementor-4369 .elementor-element.elementor-element-65a3a12{--width:27%;}.elementor-4369 .elementor-element.elementor-element-22d3d13{--width:100%;}.elementor-4369 .elementor-element.elementor-element-3f59345{--width:100%;}.elementor-4369 .elementor-element.elementor-element-a5c4a6c{--width:52%;}.elementor-4369 .elementor-element.elementor-element-7ea3d08{--width:27%;}.elementor-4369 .elementor-element.elementor-element-154032c{--width:100%;}.elementor-4369 .elementor-element.elementor-element-7d44db0{--width:100%;}.elementor-4369 .elementor-element.elementor-element-50a10eb{--width:52%;}.elementor-4369 .elementor-element.elementor-element-7d17e38{--width:27%;}.elementor-4369 .elementor-element.elementor-element-f1b8b03{--width:100%;}.elementor-4369 .elementor-element.elementor-element-6c19ddf{--width:100%;}.elementor-4369 .elementor-element.elementor-element-9665a7a{--width:52%;}.elementor-4369 .elementor-element.elementor-element-7afb092{--width:27%;}.elementor-4369 .elementor-element.elementor-element-e529e2c{--width:100%;}.elementor-4369 .elementor-element.elementor-element-364b5d1{--width:100%;}.elementor-4369 .elementor-element.elementor-element-bf81bb7{--width:52%;}.elementor-4369 .elementor-element.elementor-element-0e649f4{--width:27%;}.elementor-4369 .elementor-element.elementor-element-f16c198{--width:100%;}.elementor-4369 .elementor-element.elementor-element-7f785c1{--width:100%;}.elementor-4369 .elementor-element.elementor-element-2ea0db9{--width:52%;}.elementor-4369 .elementor-element.elementor-element-4c0bd7f{--width:27%;}.elementor-4369 .elementor-element.elementor-element-41e4981{--width:100%;}.elementor-4369 .elementor-element.elementor-element-2d1b0f2{--width:100%;}.elementor-4369 .elementor-element.elementor-element-fe42814{--width:58.217%;}.elementor-4369 .elementor-element.elementor-element-2044539{--width:27%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4369 .elementor-element.elementor-element-8ce1e34{--width:330px;}}@media(max-width:767px){.elementor-4369 .elementor-element.elementor-element-3a3751f{--min-height:50vh;--justify-content:flex-end;}.elementor-4369 .elementor-element.elementor-element-8ce1e34{--width:210px;--min-height:0px;}.elementor-4369 .elementor-element.elementor-element-2894813{text-align:right;}.elementor-4369 .elementor-element.elementor-element-2894813 .elementor-heading-title{font-size:21px;}.elementor-4369 .elementor-element.elementor-element-37b7472{text-align:right;}.elementor-4369 .elementor-element.elementor-element-37b7472 .elementor-heading-title{font-size:20px;}.elementor-4369 .elementor-element.elementor-element-b25c343{--content-width:648px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4369 .elementor-element.elementor-element-577e810 .elementor-heading-title{font-size:35px;}.elementor-4369 .elementor-element.elementor-element-87aebc8{font-size:16px;}.elementor-4369 .elementor-element.elementor-element-9c27684{--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-4369 .elementor-element.elementor-element-cdffcac > .elementor-widget-container{margin:11px 0px -33px 0px;}.elementor-4369 .elementor-element.elementor-element-cdffcac lord-icon{width:44px;height:44px;}.elementor-4369 .elementor-element.elementor-element-0459eea .elementor-heading-title{font-size:35px;}.elementor-4369 .elementor-element.elementor-element-0e717b8{width:var( --container-widget-width, 360px );max-width:360px;--container-widget-width:360px;--container-widget-flex-grow:0;}.elementor-4369 .elementor-element.elementor-element-0e717b8 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-4369 .elementor-element.elementor-element-0e717b8 iframe{height:323px;}.elementor-4369 .elementor-element.elementor-element-cec45f1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4369 .elementor-element.elementor-element-365d65e > .elementor-widget-container{margin:34px 0px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-365d65e lord-icon{width:96px;height:96px;}.elementor-4369 .elementor-element.elementor-element-ada90aa > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4369 .elementor-element.elementor-element-ada90aa .elementor-heading-title{font-size:35px;}.elementor-4369 .elementor-element.elementor-element-1e86e10 .elementor-heading-title{font-size:29px;}.elementor-4369 .elementor-element.elementor-element-1669c2d{--content-width:500px;--min-height:360px;}.elementor-4369 .elementor-element.elementor-element-7e47061{--width:100%;--min-height:310px;}.elementor-4369 .elementor-element.elementor-element-fe22812{--width:90%;}.elementor-4369 .elementor-element.elementor-element-df3e25a{--width:90%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4369 .elementor-element.elementor-element-3cb7122 .elementor-heading-title{font-size:17px;}.elementor-4369 .elementor-element.elementor-element-f34af42{--width:45%;}.elementor-4369 .elementor-element.elementor-element-ae4384c .elementor-heading-title{font-size:15px;}.elementor-4369 .elementor-element.elementor-element-3d364ac{--min-height:360px;}.elementor-4369 .elementor-element.elementor-element-f68ab2c{--width:100%;--min-height:310px;}.elementor-4369 .elementor-element.elementor-element-e6d2505{--width:90%;}.elementor-4369 .elementor-element.elementor-element-d265293{--width:90%;}.elementor-4369 .elementor-element.elementor-element-f611ab1 .elementor-heading-title{font-size:17px;}.elementor-4369 .elementor-element.elementor-element-c8078dd{--width:45%;}.elementor-4369 .elementor-element.elementor-element-e99eeda .elementor-heading-title{font-size:15px;}.elementor-4369 .elementor-element.elementor-element-4e8744d{--min-height:360px;}.elementor-4369 .elementor-element.elementor-element-534489e{--width:100%;--min-height:310px;}.elementor-4369 .elementor-element.elementor-element-b8b5254{--width:90%;}.elementor-4369 .elementor-element.elementor-element-c0bb5c5{--width:90%;}.elementor-4369 .elementor-element.elementor-element-dccbcc9 .elementor-heading-title{font-size:17px;}.elementor-4369 .elementor-element.elementor-element-bebe834{--width:45%;}.elementor-4369 .elementor-element.elementor-element-17e0ace .elementor-heading-title{font-size:15px;}.elementor-4369 .elementor-element.elementor-element-bb39202{--min-height:360px;}.elementor-4369 .elementor-element.elementor-element-d14fd4f{--width:100%;--min-height:310px;}.elementor-4369 .elementor-element.elementor-element-7cb15a2{--width:90%;}.elementor-4369 .elementor-element.elementor-element-be6bb59{--width:90%;}.elementor-4369 .elementor-element.elementor-element-713bb38 .elementor-heading-title{font-size:17px;}.elementor-4369 .elementor-element.elementor-element-b972b4e{--width:45%;}.elementor-4369 .elementor-element.elementor-element-b75d4cf .elementor-heading-title{font-size:15px;}.elementor-4369 .elementor-element.elementor-element-322fe67{--min-height:360px;}.elementor-4369 .elementor-element.elementor-element-e73b2ec{--width:100%;--min-height:310px;}.elementor-4369 .elementor-element.elementor-element-0cd55bb{--width:90%;}.elementor-4369 .elementor-element.elementor-element-6d79656{--width:90%;}.elementor-4369 .elementor-element.elementor-element-9bf91e4 .elementor-heading-title{font-size:17px;}.elementor-4369 .elementor-element.elementor-element-a13344a{--width:45%;}.elementor-4369 .elementor-element.elementor-element-ca43d1e .elementor-heading-title{font-size:15px;}.elementor-4369 .elementor-element.elementor-element-d57c797{--min-height:360px;}.elementor-4369 .elementor-element.elementor-element-18a92a0{--width:100%;--min-height:310px;}.elementor-4369 .elementor-element.elementor-element-1263a3b{--width:90%;}.elementor-4369 .elementor-element.elementor-element-b503828{--width:90%;}.elementor-4369 .elementor-element.elementor-element-4786a62 .elementor-heading-title{font-size:17px;}.elementor-4369 .elementor-element.elementor-element-65a3a12{--width:45%;}.elementor-4369 .elementor-element.elementor-element-a613070 .elementor-heading-title{font-size:15px;}.elementor-4369 .elementor-element.elementor-element-3251474{--min-height:360px;}.elementor-4369 .elementor-element.elementor-element-22d3d13{--width:100%;--min-height:310px;}.elementor-4369 .elementor-element.elementor-element-3f59345{--width:90%;}.elementor-4369 .elementor-element.elementor-element-a5c4a6c{--width:90%;}.elementor-4369 .elementor-element.elementor-element-9ec9538 .elementor-heading-title{font-size:17px;}.elementor-4369 .elementor-element.elementor-element-7ea3d08{--width:45%;}.elementor-4369 .elementor-element.elementor-element-9cdd02f .elementor-heading-title{font-size:15px;}.elementor-4369 .elementor-element.elementor-element-e9a4101{--min-height:360px;}.elementor-4369 .elementor-element.elementor-element-154032c{--width:100%;--min-height:310px;}.elementor-4369 .elementor-element.elementor-element-7d44db0{--width:90%;}.elementor-4369 .elementor-element.elementor-element-50a10eb{--width:90%;}.elementor-4369 .elementor-element.elementor-element-eea7c19 .elementor-heading-title{font-size:17px;}.elementor-4369 .elementor-element.elementor-element-7d17e38{--width:45%;}.elementor-4369 .elementor-element.elementor-element-8ba2a03 .elementor-heading-title{font-size:15px;}.elementor-4369 .elementor-element.elementor-element-65baa72{--min-height:360px;}.elementor-4369 .elementor-element.elementor-element-f1b8b03{--width:100%;--min-height:310px;}.elementor-4369 .elementor-element.elementor-element-6c19ddf{--width:90%;}.elementor-4369 .elementor-element.elementor-element-9665a7a{--width:90%;}.elementor-4369 .elementor-element.elementor-element-7944878 .elementor-heading-title{font-size:17px;}.elementor-4369 .elementor-element.elementor-element-7afb092{--width:45%;}.elementor-4369 .elementor-element.elementor-element-de118fb .elementor-heading-title{font-size:15px;}.elementor-4369 .elementor-element.elementor-element-5e670ff{--min-height:360px;}.elementor-4369 .elementor-element.elementor-element-e529e2c{--width:100%;--min-height:310px;}.elementor-4369 .elementor-element.elementor-element-364b5d1{--width:90%;}.elementor-4369 .elementor-element.elementor-element-bf81bb7{--width:90%;}.elementor-4369 .elementor-element.elementor-element-10d0913 .elementor-heading-title{font-size:17px;}.elementor-4369 .elementor-element.elementor-element-0e649f4{--width:45%;}.elementor-4369 .elementor-element.elementor-element-b1b27d5 .elementor-heading-title{font-size:15px;}.elementor-4369 .elementor-element.elementor-element-85c59a7{--min-height:360px;}.elementor-4369 .elementor-element.elementor-element-f16c198{--width:100%;--min-height:310px;}.elementor-4369 .elementor-element.elementor-element-7f785c1{--width:90%;}.elementor-4369 .elementor-element.elementor-element-2ea0db9{--width:90%;}.elementor-4369 .elementor-element.elementor-element-9a2e405 .elementor-heading-title{font-size:17px;}.elementor-4369 .elementor-element.elementor-element-4c0bd7f{--width:45%;}.elementor-4369 .elementor-element.elementor-element-b33110c .elementor-heading-title{font-size:15px;}.elementor-4369 .elementor-element.elementor-element-fb8a820{--min-height:360px;}.elementor-4369 .elementor-element.elementor-element-41e4981{--width:100%;--min-height:310px;}.elementor-4369 .elementor-element.elementor-element-2d1b0f2{--width:90%;}.elementor-4369 .elementor-element.elementor-element-fe42814{--width:90%;}.elementor-4369 .elementor-element.elementor-element-16d2753 .elementor-heading-title{font-size:17px;}.elementor-4369 .elementor-element.elementor-element-2044539{--width:45%;}.elementor-4369 .elementor-element.elementor-element-f3031b8 .elementor-heading-title{font-size:15px;}.elementor-4369 .elementor-element.elementor-element-66a82da{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-size:18px;}}/* Start custom CSS for container, class: .elementor-element-8ce1e34 */.elementor-4369 .elementor-element.elementor-element-8ce1e34 {
  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-4369 .elementor-element.elementor-element-8ce1e34: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-577e810 */.elementor-4369 .elementor-element.elementor-element-577e810 {
  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-97a0d94 */.elementor-4369 .elementor-element.elementor-element-97a0d94 {
  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-0459eea */.elementor-4369 .elementor-element.elementor-element-0459eea {
  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-9c27684 *//* תזוזה קלה + צל עדין */
.elementor-4369 .elementor-element.elementor-element-9c27684{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e529e2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e529e2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f785c1 */.elementor-4369 .elementor-element.elementor-element-7f785c1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7f785c1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ea0db9 */.elementor-4369 .elementor-element.elementor-element-2ea0db9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2ea0db9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0bd7f */.elementor-4369 .elementor-element.elementor-element-4c0bd7f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-4c0bd7f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f16c198 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f16c198{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f16c198::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f16c198 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1b0f2 */.elementor-4369 .elementor-element.elementor-element-2d1b0f2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2d1b0f2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe42814 */.elementor-4369 .elementor-element.elementor-element-fe42814::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe42814:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2044539 */.elementor-4369 .elementor-element.elementor-element-2044539::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2044539:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e4981 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-41e4981{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-41e4981::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-41e4981 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe22812 */.elementor-4369 .elementor-element.elementor-element-fe22812::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe22812:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df3e25a */.elementor-4369 .elementor-element.elementor-element-df3e25a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-df3e25a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f34af42 */.elementor-4369 .elementor-element.elementor-element-f34af42::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-f34af42:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e47061 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-7e47061{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-7e47061::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-7e47061:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-7e47061 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-7e47061 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-7e47061:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6d2505 */.elementor-4369 .elementor-element.elementor-element-e6d2505::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-e6d2505:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f68ab2c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f68ab2c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f68ab2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f68ab2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f68ab2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f68ab2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f68ab2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8b5254 */.elementor-4369 .elementor-element.elementor-element-b8b5254::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b8b5254:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0bb5c5 */.elementor-4369 .elementor-element.elementor-element-c0bb5c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-c0bb5c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bebe834 */.elementor-4369 .elementor-element.elementor-element-bebe834::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-bebe834:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-534489e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-534489e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-534489e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-534489e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-534489e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-534489e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-534489e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cb15a2 */.elementor-4369 .elementor-element.elementor-element-7cb15a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7cb15a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be6bb59 */.elementor-4369 .elementor-element.elementor-element-be6bb59::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-be6bb59:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b972b4e */.elementor-4369 .elementor-element.elementor-element-b972b4e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b972b4e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d14fd4f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-d14fd4f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-d14fd4f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-d14fd4f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-d14fd4f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-d14fd4f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-d14fd4f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd55bb */.elementor-4369 .elementor-element.elementor-element-0cd55bb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-0cd55bb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d79656 */.elementor-4369 .elementor-element.elementor-element-6d79656::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-6d79656:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a13344a */.elementor-4369 .elementor-element.elementor-element-a13344a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-a13344a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e73b2ec *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-e73b2ec{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e73b2ec::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e73b2ec:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e73b2ec > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e73b2ec .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e73b2ec:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1263a3b */.elementor-4369 .elementor-element.elementor-element-1263a3b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-1263a3b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b503828 */.elementor-4369 .elementor-element.elementor-element-b503828::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b503828:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65a3a12 */.elementor-4369 .elementor-element.elementor-element-65a3a12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-65a3a12:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a92a0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-18a92a0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-18a92a0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-18a92a0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-18a92a0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-18a92a0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-18a92a0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f59345 */.elementor-4369 .elementor-element.elementor-element-3f59345::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-3f59345:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5c4a6c */.elementor-4369 .elementor-element.elementor-element-a5c4a6c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-a5c4a6c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ea3d08 */.elementor-4369 .elementor-element.elementor-element-7ea3d08::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7ea3d08:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d3d13 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-22d3d13{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-22d3d13::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-22d3d13:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-22d3d13 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-22d3d13 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-22d3d13:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d44db0 */.elementor-4369 .elementor-element.elementor-element-7d44db0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7d44db0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50a10eb */.elementor-4369 .elementor-element.elementor-element-50a10eb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-50a10eb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d17e38 */.elementor-4369 .elementor-element.elementor-element-7d17e38::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7d17e38:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-154032c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-154032c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-154032c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-154032c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-154032c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-154032c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-154032c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c19ddf */.elementor-4369 .elementor-element.elementor-element-6c19ddf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-6c19ddf:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9665a7a */.elementor-4369 .elementor-element.elementor-element-9665a7a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-9665a7a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7afb092 */.elementor-4369 .elementor-element.elementor-element-7afb092::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7afb092:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1b8b03 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f1b8b03{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f1b8b03::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f1b8b03:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f1b8b03 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f1b8b03 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f1b8b03:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-364b5d1 */.elementor-4369 .elementor-element.elementor-element-364b5d1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-364b5d1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf81bb7 */.elementor-4369 .elementor-element.elementor-element-bf81bb7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-bf81bb7:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e649f4 */.elementor-4369 .elementor-element.elementor-element-0e649f4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-0e649f4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e529e2c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-e529e2c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e529e2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e529e2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f785c1 */.elementor-4369 .elementor-element.elementor-element-7f785c1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7f785c1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ea0db9 */.elementor-4369 .elementor-element.elementor-element-2ea0db9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2ea0db9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0bd7f */.elementor-4369 .elementor-element.elementor-element-4c0bd7f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-4c0bd7f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f16c198 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f16c198{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f16c198::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f16c198 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1b0f2 */.elementor-4369 .elementor-element.elementor-element-2d1b0f2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2d1b0f2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe42814 */.elementor-4369 .elementor-element.elementor-element-fe42814::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe42814:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2044539 */.elementor-4369 .elementor-element.elementor-element-2044539::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2044539:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e4981 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-41e4981{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-41e4981::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-41e4981 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe22812 */.elementor-4369 .elementor-element.elementor-element-fe22812::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe22812:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df3e25a */.elementor-4369 .elementor-element.elementor-element-df3e25a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-df3e25a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f34af42 */.elementor-4369 .elementor-element.elementor-element-f34af42::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-f34af42:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e47061 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-7e47061{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-7e47061::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-7e47061:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-7e47061 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-7e47061 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-7e47061:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6d2505 */.elementor-4369 .elementor-element.elementor-element-e6d2505::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-e6d2505:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f68ab2c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f68ab2c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f68ab2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f68ab2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f68ab2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f68ab2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f68ab2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8b5254 */.elementor-4369 .elementor-element.elementor-element-b8b5254::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b8b5254:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0bb5c5 */.elementor-4369 .elementor-element.elementor-element-c0bb5c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-c0bb5c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bebe834 */.elementor-4369 .elementor-element.elementor-element-bebe834::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-bebe834:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-534489e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-534489e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-534489e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-534489e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-534489e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-534489e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-534489e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cb15a2 */.elementor-4369 .elementor-element.elementor-element-7cb15a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7cb15a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be6bb59 */.elementor-4369 .elementor-element.elementor-element-be6bb59::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-be6bb59:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b972b4e */.elementor-4369 .elementor-element.elementor-element-b972b4e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b972b4e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d14fd4f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-d14fd4f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-d14fd4f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-d14fd4f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-d14fd4f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-d14fd4f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-d14fd4f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd55bb */.elementor-4369 .elementor-element.elementor-element-0cd55bb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-0cd55bb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d79656 */.elementor-4369 .elementor-element.elementor-element-6d79656::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-6d79656:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a13344a */.elementor-4369 .elementor-element.elementor-element-a13344a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-a13344a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e73b2ec *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-e73b2ec{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e73b2ec::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e73b2ec:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e73b2ec > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e73b2ec .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e73b2ec:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1263a3b */.elementor-4369 .elementor-element.elementor-element-1263a3b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-1263a3b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b503828 */.elementor-4369 .elementor-element.elementor-element-b503828::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b503828:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65a3a12 */.elementor-4369 .elementor-element.elementor-element-65a3a12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-65a3a12:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a92a0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-18a92a0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-18a92a0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-18a92a0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-18a92a0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-18a92a0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-18a92a0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f59345 */.elementor-4369 .elementor-element.elementor-element-3f59345::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-3f59345:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5c4a6c */.elementor-4369 .elementor-element.elementor-element-a5c4a6c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-a5c4a6c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ea3d08 */.elementor-4369 .elementor-element.elementor-element-7ea3d08::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7ea3d08:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d3d13 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-22d3d13{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-22d3d13::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-22d3d13:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-22d3d13 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-22d3d13 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-22d3d13:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d44db0 */.elementor-4369 .elementor-element.elementor-element-7d44db0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7d44db0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50a10eb */.elementor-4369 .elementor-element.elementor-element-50a10eb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-50a10eb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d17e38 */.elementor-4369 .elementor-element.elementor-element-7d17e38::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7d17e38:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-154032c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-154032c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-154032c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-154032c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-154032c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-154032c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-154032c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c19ddf */.elementor-4369 .elementor-element.elementor-element-6c19ddf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-6c19ddf:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9665a7a */.elementor-4369 .elementor-element.elementor-element-9665a7a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-9665a7a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7afb092 */.elementor-4369 .elementor-element.elementor-element-7afb092::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7afb092:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1b8b03 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f1b8b03{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f1b8b03::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f1b8b03:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f1b8b03 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f1b8b03 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f1b8b03:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-364b5d1 */.elementor-4369 .elementor-element.elementor-element-364b5d1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-364b5d1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf81bb7 */.elementor-4369 .elementor-element.elementor-element-bf81bb7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-bf81bb7:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e649f4 */.elementor-4369 .elementor-element.elementor-element-0e649f4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-0e649f4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e529e2c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-e529e2c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e529e2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e529e2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f785c1 */.elementor-4369 .elementor-element.elementor-element-7f785c1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7f785c1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ea0db9 */.elementor-4369 .elementor-element.elementor-element-2ea0db9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2ea0db9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0bd7f */.elementor-4369 .elementor-element.elementor-element-4c0bd7f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-4c0bd7f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f16c198 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f16c198{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f16c198::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f16c198 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1b0f2 */.elementor-4369 .elementor-element.elementor-element-2d1b0f2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2d1b0f2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe42814 */.elementor-4369 .elementor-element.elementor-element-fe42814::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe42814:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2044539 */.elementor-4369 .elementor-element.elementor-element-2044539::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2044539:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e4981 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-41e4981{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-41e4981::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-41e4981 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe22812 */.elementor-4369 .elementor-element.elementor-element-fe22812::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe22812:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df3e25a */.elementor-4369 .elementor-element.elementor-element-df3e25a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-df3e25a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f34af42 */.elementor-4369 .elementor-element.elementor-element-f34af42::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-f34af42:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e47061 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-7e47061{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-7e47061::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-7e47061:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-7e47061 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-7e47061 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-7e47061:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6d2505 */.elementor-4369 .elementor-element.elementor-element-e6d2505::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-e6d2505:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f68ab2c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f68ab2c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f68ab2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f68ab2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f68ab2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f68ab2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f68ab2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8b5254 */.elementor-4369 .elementor-element.elementor-element-b8b5254::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b8b5254:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0bb5c5 */.elementor-4369 .elementor-element.elementor-element-c0bb5c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-c0bb5c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bebe834 */.elementor-4369 .elementor-element.elementor-element-bebe834::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-bebe834:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-534489e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-534489e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-534489e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-534489e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-534489e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-534489e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-534489e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cb15a2 */.elementor-4369 .elementor-element.elementor-element-7cb15a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7cb15a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be6bb59 */.elementor-4369 .elementor-element.elementor-element-be6bb59::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-be6bb59:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b972b4e */.elementor-4369 .elementor-element.elementor-element-b972b4e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b972b4e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d14fd4f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-d14fd4f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-d14fd4f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-d14fd4f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-d14fd4f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-d14fd4f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-d14fd4f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd55bb */.elementor-4369 .elementor-element.elementor-element-0cd55bb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-0cd55bb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d79656 */.elementor-4369 .elementor-element.elementor-element-6d79656::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-6d79656:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a13344a */.elementor-4369 .elementor-element.elementor-element-a13344a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-a13344a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e73b2ec *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-e73b2ec{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e73b2ec::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e73b2ec:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e73b2ec > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e73b2ec .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e73b2ec:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1263a3b */.elementor-4369 .elementor-element.elementor-element-1263a3b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-1263a3b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b503828 */.elementor-4369 .elementor-element.elementor-element-b503828::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b503828:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65a3a12 */.elementor-4369 .elementor-element.elementor-element-65a3a12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-65a3a12:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a92a0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-18a92a0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-18a92a0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-18a92a0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-18a92a0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-18a92a0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-18a92a0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f59345 */.elementor-4369 .elementor-element.elementor-element-3f59345::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-3f59345:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5c4a6c */.elementor-4369 .elementor-element.elementor-element-a5c4a6c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-a5c4a6c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ea3d08 */.elementor-4369 .elementor-element.elementor-element-7ea3d08::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7ea3d08:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d3d13 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-22d3d13{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-22d3d13::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-22d3d13:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-22d3d13 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-22d3d13 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-22d3d13:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d44db0 */.elementor-4369 .elementor-element.elementor-element-7d44db0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7d44db0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50a10eb */.elementor-4369 .elementor-element.elementor-element-50a10eb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-50a10eb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d17e38 */.elementor-4369 .elementor-element.elementor-element-7d17e38::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7d17e38:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-154032c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-154032c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-154032c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-154032c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-154032c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-154032c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-154032c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c19ddf */.elementor-4369 .elementor-element.elementor-element-6c19ddf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-6c19ddf:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9665a7a */.elementor-4369 .elementor-element.elementor-element-9665a7a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-9665a7a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7afb092 */.elementor-4369 .elementor-element.elementor-element-7afb092::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7afb092:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1b8b03 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f1b8b03{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f1b8b03::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f1b8b03:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f1b8b03 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f1b8b03 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f1b8b03:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-364b5d1 */.elementor-4369 .elementor-element.elementor-element-364b5d1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-364b5d1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf81bb7 */.elementor-4369 .elementor-element.elementor-element-bf81bb7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-bf81bb7:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e649f4 */.elementor-4369 .elementor-element.elementor-element-0e649f4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-0e649f4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e529e2c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-e529e2c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e529e2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e529e2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f785c1 */.elementor-4369 .elementor-element.elementor-element-7f785c1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7f785c1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ea0db9 */.elementor-4369 .elementor-element.elementor-element-2ea0db9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2ea0db9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0bd7f */.elementor-4369 .elementor-element.elementor-element-4c0bd7f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-4c0bd7f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f16c198 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f16c198{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f16c198::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f16c198 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1b0f2 */.elementor-4369 .elementor-element.elementor-element-2d1b0f2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2d1b0f2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe42814 */.elementor-4369 .elementor-element.elementor-element-fe42814::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe42814:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2044539 */.elementor-4369 .elementor-element.elementor-element-2044539::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2044539:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e4981 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-41e4981{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-41e4981::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-41e4981 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe22812 */.elementor-4369 .elementor-element.elementor-element-fe22812::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe22812:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df3e25a */.elementor-4369 .elementor-element.elementor-element-df3e25a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-df3e25a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f34af42 */.elementor-4369 .elementor-element.elementor-element-f34af42::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-f34af42:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e47061 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-7e47061{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-7e47061::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-7e47061:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-7e47061 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-7e47061 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-7e47061:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6d2505 */.elementor-4369 .elementor-element.elementor-element-e6d2505::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-e6d2505:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f68ab2c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f68ab2c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f68ab2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f68ab2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f68ab2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f68ab2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f68ab2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8b5254 */.elementor-4369 .elementor-element.elementor-element-b8b5254::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b8b5254:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0bb5c5 */.elementor-4369 .elementor-element.elementor-element-c0bb5c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-c0bb5c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bebe834 */.elementor-4369 .elementor-element.elementor-element-bebe834::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-bebe834:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-534489e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-534489e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-534489e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-534489e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-534489e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-534489e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-534489e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cb15a2 */.elementor-4369 .elementor-element.elementor-element-7cb15a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7cb15a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be6bb59 */.elementor-4369 .elementor-element.elementor-element-be6bb59::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-be6bb59:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b972b4e */.elementor-4369 .elementor-element.elementor-element-b972b4e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b972b4e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d14fd4f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-d14fd4f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-d14fd4f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-d14fd4f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-d14fd4f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-d14fd4f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-d14fd4f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd55bb */.elementor-4369 .elementor-element.elementor-element-0cd55bb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-0cd55bb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d79656 */.elementor-4369 .elementor-element.elementor-element-6d79656::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-6d79656:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a13344a */.elementor-4369 .elementor-element.elementor-element-a13344a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-a13344a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e73b2ec *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-e73b2ec{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e73b2ec::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e73b2ec:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e73b2ec > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e73b2ec .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e73b2ec:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1263a3b */.elementor-4369 .elementor-element.elementor-element-1263a3b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-1263a3b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b503828 */.elementor-4369 .elementor-element.elementor-element-b503828::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b503828:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65a3a12 */.elementor-4369 .elementor-element.elementor-element-65a3a12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-65a3a12:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a92a0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-18a92a0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-18a92a0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-18a92a0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-18a92a0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-18a92a0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-18a92a0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f59345 */.elementor-4369 .elementor-element.elementor-element-3f59345::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-3f59345:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5c4a6c */.elementor-4369 .elementor-element.elementor-element-a5c4a6c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-a5c4a6c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ea3d08 */.elementor-4369 .elementor-element.elementor-element-7ea3d08::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7ea3d08:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d3d13 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-22d3d13{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-22d3d13::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-22d3d13:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-22d3d13 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-22d3d13 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-22d3d13:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d44db0 */.elementor-4369 .elementor-element.elementor-element-7d44db0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7d44db0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50a10eb */.elementor-4369 .elementor-element.elementor-element-50a10eb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-50a10eb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d17e38 */.elementor-4369 .elementor-element.elementor-element-7d17e38::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7d17e38:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-154032c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-154032c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-154032c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-154032c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-154032c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-154032c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-154032c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c19ddf */.elementor-4369 .elementor-element.elementor-element-6c19ddf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-6c19ddf:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9665a7a */.elementor-4369 .elementor-element.elementor-element-9665a7a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-9665a7a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7afb092 */.elementor-4369 .elementor-element.elementor-element-7afb092::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7afb092:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1b8b03 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f1b8b03{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f1b8b03::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f1b8b03:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f1b8b03 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f1b8b03 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f1b8b03:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-364b5d1 */.elementor-4369 .elementor-element.elementor-element-364b5d1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-364b5d1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf81bb7 */.elementor-4369 .elementor-element.elementor-element-bf81bb7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-bf81bb7:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e649f4 */.elementor-4369 .elementor-element.elementor-element-0e649f4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-0e649f4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e529e2c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-e529e2c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e529e2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e529e2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f785c1 */.elementor-4369 .elementor-element.elementor-element-7f785c1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7f785c1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ea0db9 */.elementor-4369 .elementor-element.elementor-element-2ea0db9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2ea0db9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0bd7f */.elementor-4369 .elementor-element.elementor-element-4c0bd7f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-4c0bd7f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f16c198 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f16c198{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f16c198::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f16c198 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1b0f2 */.elementor-4369 .elementor-element.elementor-element-2d1b0f2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2d1b0f2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe42814 */.elementor-4369 .elementor-element.elementor-element-fe42814::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe42814:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2044539 */.elementor-4369 .elementor-element.elementor-element-2044539::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2044539:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e4981 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-41e4981{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-41e4981::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-41e4981 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe22812 */.elementor-4369 .elementor-element.elementor-element-fe22812::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe22812:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df3e25a */.elementor-4369 .elementor-element.elementor-element-df3e25a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-df3e25a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f34af42 */.elementor-4369 .elementor-element.elementor-element-f34af42::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-f34af42:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e47061 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-7e47061{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-7e47061::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-7e47061:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-7e47061 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-7e47061 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-7e47061:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6d2505 */.elementor-4369 .elementor-element.elementor-element-e6d2505::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-e6d2505:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f68ab2c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f68ab2c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f68ab2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f68ab2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f68ab2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f68ab2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f68ab2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8b5254 */.elementor-4369 .elementor-element.elementor-element-b8b5254::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b8b5254:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0bb5c5 */.elementor-4369 .elementor-element.elementor-element-c0bb5c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-c0bb5c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bebe834 */.elementor-4369 .elementor-element.elementor-element-bebe834::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-bebe834:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-534489e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-534489e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-534489e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-534489e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-534489e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-534489e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-534489e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cb15a2 */.elementor-4369 .elementor-element.elementor-element-7cb15a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7cb15a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be6bb59 */.elementor-4369 .elementor-element.elementor-element-be6bb59::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-be6bb59:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b972b4e */.elementor-4369 .elementor-element.elementor-element-b972b4e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b972b4e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d14fd4f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-d14fd4f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-d14fd4f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-d14fd4f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-d14fd4f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-d14fd4f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-d14fd4f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd55bb */.elementor-4369 .elementor-element.elementor-element-0cd55bb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-0cd55bb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d79656 */.elementor-4369 .elementor-element.elementor-element-6d79656::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-6d79656:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a13344a */.elementor-4369 .elementor-element.elementor-element-a13344a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-a13344a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e73b2ec *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-e73b2ec{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e73b2ec::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e73b2ec:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e73b2ec > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e73b2ec .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e73b2ec:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1263a3b */.elementor-4369 .elementor-element.elementor-element-1263a3b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-1263a3b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b503828 */.elementor-4369 .elementor-element.elementor-element-b503828::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b503828:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65a3a12 */.elementor-4369 .elementor-element.elementor-element-65a3a12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-65a3a12:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a92a0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-18a92a0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-18a92a0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-18a92a0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-18a92a0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-18a92a0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-18a92a0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f59345 */.elementor-4369 .elementor-element.elementor-element-3f59345::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-3f59345:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5c4a6c */.elementor-4369 .elementor-element.elementor-element-a5c4a6c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-a5c4a6c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ea3d08 */.elementor-4369 .elementor-element.elementor-element-7ea3d08::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7ea3d08:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d3d13 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-22d3d13{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-22d3d13::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-22d3d13:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-22d3d13 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-22d3d13 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-22d3d13:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d44db0 */.elementor-4369 .elementor-element.elementor-element-7d44db0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7d44db0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50a10eb */.elementor-4369 .elementor-element.elementor-element-50a10eb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-50a10eb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d17e38 */.elementor-4369 .elementor-element.elementor-element-7d17e38::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7d17e38:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-154032c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-154032c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-154032c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-154032c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-154032c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-154032c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-154032c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c19ddf */.elementor-4369 .elementor-element.elementor-element-6c19ddf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-6c19ddf:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9665a7a */.elementor-4369 .elementor-element.elementor-element-9665a7a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-9665a7a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7afb092 */.elementor-4369 .elementor-element.elementor-element-7afb092::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7afb092:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1b8b03 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f1b8b03{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f1b8b03::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f1b8b03:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f1b8b03 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f1b8b03 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f1b8b03:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-364b5d1 */.elementor-4369 .elementor-element.elementor-element-364b5d1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-364b5d1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf81bb7 */.elementor-4369 .elementor-element.elementor-element-bf81bb7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-bf81bb7:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e649f4 */.elementor-4369 .elementor-element.elementor-element-0e649f4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-0e649f4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e529e2c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-e529e2c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e529e2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e529e2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f785c1 */.elementor-4369 .elementor-element.elementor-element-7f785c1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7f785c1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ea0db9 */.elementor-4369 .elementor-element.elementor-element-2ea0db9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2ea0db9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0bd7f */.elementor-4369 .elementor-element.elementor-element-4c0bd7f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-4c0bd7f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f16c198 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f16c198{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f16c198::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f16c198 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1b0f2 */.elementor-4369 .elementor-element.elementor-element-2d1b0f2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2d1b0f2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe42814 */.elementor-4369 .elementor-element.elementor-element-fe42814::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe42814:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2044539 */.elementor-4369 .elementor-element.elementor-element-2044539::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2044539:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e4981 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-41e4981{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-41e4981::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-41e4981 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe22812 */.elementor-4369 .elementor-element.elementor-element-fe22812::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe22812:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df3e25a */.elementor-4369 .elementor-element.elementor-element-df3e25a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-df3e25a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f34af42 */.elementor-4369 .elementor-element.elementor-element-f34af42::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-f34af42:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e47061 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-7e47061{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-7e47061::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-7e47061:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-7e47061 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-7e47061 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-7e47061:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6d2505 */.elementor-4369 .elementor-element.elementor-element-e6d2505::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-e6d2505:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f68ab2c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f68ab2c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f68ab2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f68ab2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f68ab2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f68ab2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f68ab2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8b5254 */.elementor-4369 .elementor-element.elementor-element-b8b5254::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b8b5254:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0bb5c5 */.elementor-4369 .elementor-element.elementor-element-c0bb5c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-c0bb5c5:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bebe834 */.elementor-4369 .elementor-element.elementor-element-bebe834::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-bebe834:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-534489e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-534489e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-534489e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-534489e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-534489e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-534489e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-534489e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cb15a2 */.elementor-4369 .elementor-element.elementor-element-7cb15a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7cb15a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be6bb59 */.elementor-4369 .elementor-element.elementor-element-be6bb59::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-be6bb59:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b972b4e */.elementor-4369 .elementor-element.elementor-element-b972b4e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b972b4e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d14fd4f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-d14fd4f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-d14fd4f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-d14fd4f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-d14fd4f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-d14fd4f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-d14fd4f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd55bb */.elementor-4369 .elementor-element.elementor-element-0cd55bb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-0cd55bb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d79656 */.elementor-4369 .elementor-element.elementor-element-6d79656::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-6d79656:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a13344a */.elementor-4369 .elementor-element.elementor-element-a13344a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-a13344a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e73b2ec *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-e73b2ec{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e73b2ec::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e73b2ec:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e73b2ec > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e73b2ec .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e73b2ec:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1263a3b */.elementor-4369 .elementor-element.elementor-element-1263a3b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-1263a3b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b503828 */.elementor-4369 .elementor-element.elementor-element-b503828::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-b503828:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65a3a12 */.elementor-4369 .elementor-element.elementor-element-65a3a12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-65a3a12:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a92a0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-18a92a0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-18a92a0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-18a92a0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-18a92a0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-18a92a0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-18a92a0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f59345 */.elementor-4369 .elementor-element.elementor-element-3f59345::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-3f59345:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5c4a6c */.elementor-4369 .elementor-element.elementor-element-a5c4a6c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-a5c4a6c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ea3d08 */.elementor-4369 .elementor-element.elementor-element-7ea3d08::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7ea3d08:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d3d13 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-22d3d13{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-22d3d13::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-22d3d13:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-22d3d13 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-22d3d13 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-22d3d13:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d44db0 */.elementor-4369 .elementor-element.elementor-element-7d44db0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7d44db0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50a10eb */.elementor-4369 .elementor-element.elementor-element-50a10eb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-50a10eb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d17e38 */.elementor-4369 .elementor-element.elementor-element-7d17e38::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7d17e38:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-154032c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-154032c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-154032c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-154032c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-154032c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-154032c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-154032c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c19ddf */.elementor-4369 .elementor-element.elementor-element-6c19ddf::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-6c19ddf:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9665a7a */.elementor-4369 .elementor-element.elementor-element-9665a7a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-9665a7a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7afb092 */.elementor-4369 .elementor-element.elementor-element-7afb092::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7afb092:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1b8b03 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f1b8b03{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f1b8b03::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f1b8b03:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f1b8b03 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f1b8b03 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f1b8b03:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-364b5d1 */.elementor-4369 .elementor-element.elementor-element-364b5d1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-364b5d1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf81bb7 */.elementor-4369 .elementor-element.elementor-element-bf81bb7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-bf81bb7:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e649f4 */.elementor-4369 .elementor-element.elementor-element-0e649f4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-0e649f4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e529e2c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-e529e2c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-e529e2c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-e529e2c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-e529e2c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f785c1 */.elementor-4369 .elementor-element.elementor-element-7f785c1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-7f785c1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ea0db9 */.elementor-4369 .elementor-element.elementor-element-2ea0db9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2ea0db9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0bd7f */.elementor-4369 .elementor-element.elementor-element-4c0bd7f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-4c0bd7f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f16c198 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-f16c198{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-f16c198::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-f16c198 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-f16c198:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1b0f2 */.elementor-4369 .elementor-element.elementor-element-2d1b0f2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2d1b0f2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe42814 */.elementor-4369 .elementor-element.elementor-element-fe42814::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-fe42814:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2044539 */.elementor-4369 .elementor-element.elementor-element-2044539::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4369 .elementor-element.elementor-element-2044539:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e4981 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-41e4981{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-41e4981::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-41e4981 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-41e4981:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-66a82da *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4369 .elementor-element.elementor-element-66a82da{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4369 .elementor-element.elementor-element-66a82da::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4369 .elementor-element.elementor-element-66a82da:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4369 .elementor-element.elementor-element-66a82da > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4369 .elementor-element.elementor-element-66a82da .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4369 .elementor-element.elementor-element-66a82da:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */