.elementor-4210 .elementor-element.elementor-element-c667d28{--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-4210 .elementor-element.elementor-element-ee2707a{--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-4210 .elementor-element.elementor-element-ee2707a.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-4210 .elementor-element.elementor-element-efa5c38 .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-4210 .elementor-element.elementor-element-0d4e381 .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-4210 .elementor-element.elementor-element-33d4e21{--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-4210 .elementor-element.elementor-element-33d4e21:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-33d4e21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4210 .elementor-element.elementor-element-33d4e21::before, .elementor-4210 .elementor-element.elementor-element-33d4e21 > .elementor-background-video-container::before, .elementor-4210 .elementor-element.elementor-element-33d4e21 > .e-con-inner > .elementor-background-video-container::before, .elementor-4210 .elementor-element.elementor-element-33d4e21 > .elementor-background-slideshow::before, .elementor-4210 .elementor-element.elementor-element-33d4e21 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4210 .elementor-element.elementor-element-33d4e21 > .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-4210 .elementor-element.elementor-element-33d4e21.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4210 .elementor-element.elementor-element-cec18b9{--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-4210 .elementor-element.elementor-element-7f11850 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-7f11850{text-align:center;}.elementor-4210 .elementor-element.elementor-element-7f11850 .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-4210 .elementor-element.elementor-element-13d2cd4{--divider-border-style:solid;--divider-color:#147EBE;--divider-border-width:2.1px;}.elementor-4210 .elementor-element.elementor-element-13d2cd4 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-13d2cd4 .elementor-divider-separator{width:70%;margin:0 auto;margin-center:0;}.elementor-4210 .elementor-element.elementor-element-13d2cd4 .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-4210 .elementor-element.elementor-element-8e1627c > .elementor-widget-container{margin:2px 0px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-8e1627c{text-align:center;font-family:"Assistant", Sans-serif;font-size:17px;font-weight:400;}.elementor-4210 .elementor-element.elementor-element-af07726{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4210 .elementor-element.elementor-element-af07726.e-con{--align-self:center;}.elementor-4210 .elementor-element.elementor-element-0daf245{--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-4210 .elementor-element.elementor-element-0daf245:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-0daf245 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-4210 .elementor-element.elementor-element-0daf245:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-4210 .elementor-element.elementor-element-0daf245::before, .elementor-4210 .elementor-element.elementor-element-0daf245 > .elementor-background-video-container::before, .elementor-4210 .elementor-element.elementor-element-0daf245 > .e-con-inner > .elementor-background-video-container::before, .elementor-4210 .elementor-element.elementor-element-0daf245 > .elementor-background-slideshow::before, .elementor-4210 .elementor-element.elementor-element-0daf245 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4210 .elementor-element.elementor-element-0daf245 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4210 .elementor-element.elementor-element-0daf245.e-con{--align-self:center;}.elementor-widget-ucaddon_lord_icon .ue-box-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_lord_icon .ue-box-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_lord_icon .ue-btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4210 .elementor-element.elementor-element-9f728e7 > .elementor-widget-container{margin:0px 0px -33px 0px;}.elementor-4210 .elementor-element.elementor-element-9f728e7 .ue-lord-icon-inner{text-align:left;}.elementor-4210 .elementor-element.elementor-element-9f728e7 lord-icon{width:75px;height:75px;}.elementor-4210 .elementor-element.elementor-element-9f728e7 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-9f728e7 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4210 .elementor-element.elementor-element-9f728e7 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4210 .elementor-element.elementor-element-9f728e7 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4210 .elementor-element.elementor-element-9f728e7 .ue-lord-icon-contet{text-align:inherit;}.elementor-4210 .elementor-element.elementor-element-9f728e7 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4210 .elementor-element.elementor-element-9906401 .elementor-counter{gap:0px;}.elementor-4210 .elementor-element.elementor-element-9906401 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-secondary );font-family:"Assistant", Sans-serif;font-size:56px;font-weight:200;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-4210 .elementor-element.elementor-element-9906401 .elementor-counter-title{color:var( --e-global-color-text );font-family:"Assistant", Sans-serif;font-size:18px;font-weight:300;}.elementor-4210 .elementor-element.elementor-element-8d88731{--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-4210 .elementor-element.elementor-element-8d88731:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-8d88731 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-4210 .elementor-element.elementor-element-8d88731:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-4210 .elementor-element.elementor-element-8d88731::before, .elementor-4210 .elementor-element.elementor-element-8d88731 > .elementor-background-video-container::before, .elementor-4210 .elementor-element.elementor-element-8d88731 > .e-con-inner > .elementor-background-video-container::before, .elementor-4210 .elementor-element.elementor-element-8d88731 > .elementor-background-slideshow::before, .elementor-4210 .elementor-element.elementor-element-8d88731 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4210 .elementor-element.elementor-element-8d88731 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4210 .elementor-element.elementor-element-8d88731.e-con{--align-self:center;}.elementor-4210 .elementor-element.elementor-element-9c3cb31 > .elementor-widget-container{margin:0px 0px -33px 0px;}.elementor-4210 .elementor-element.elementor-element-9c3cb31 .ue-lord-icon-inner{text-align:left;}.elementor-4210 .elementor-element.elementor-element-9c3cb31 lord-icon{width:75px;height:75px;}.elementor-4210 .elementor-element.elementor-element-9c3cb31 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-9c3cb31 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4210 .elementor-element.elementor-element-9c3cb31 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4210 .elementor-element.elementor-element-9c3cb31 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4210 .elementor-element.elementor-element-9c3cb31 .ue-lord-icon-contet{text-align:inherit;}.elementor-4210 .elementor-element.elementor-element-9c3cb31 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-4210 .elementor-element.elementor-element-2afad47 .elementor-counter{gap:0px;}.elementor-4210 .elementor-element.elementor-element-2afad47 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-secondary );font-family:"Assistant", Sans-serif;font-size:56px;font-weight:200;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-4210 .elementor-element.elementor-element-2afad47 .elementor-counter-title{color:var( --e-global-color-text );font-family:"Assistant", Sans-serif;font-size:18px;font-weight:300;}.elementor-4210 .elementor-element.elementor-element-41afb3e{--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-4210 .elementor-element.elementor-element-41afb3e:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-41afb3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-4210 .elementor-element.elementor-element-41afb3e:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-4210 .elementor-element.elementor-element-41afb3e::before, .elementor-4210 .elementor-element.elementor-element-41afb3e > .elementor-background-video-container::before, .elementor-4210 .elementor-element.elementor-element-41afb3e > .e-con-inner > .elementor-background-video-container::before, .elementor-4210 .elementor-element.elementor-element-41afb3e > .elementor-background-slideshow::before, .elementor-4210 .elementor-element.elementor-element-41afb3e > .e-con-inner > .elementor-background-slideshow::before, .elementor-4210 .elementor-element.elementor-element-41afb3e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4210 .elementor-element.elementor-element-41afb3e.e-con{--align-self:center;}.elementor-4210 .elementor-element.elementor-element-a3b53f9 > .elementor-widget-container{margin:0px 0px -33px 0px;}.elementor-4210 .elementor-element.elementor-element-a3b53f9 .ue-lord-icon-inner{text-align:left;}.elementor-4210 .elementor-element.elementor-element-a3b53f9 lord-icon{width:75px;height:75px;}.elementor-4210 .elementor-element.elementor-element-a3b53f9 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-a3b53f9 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4210 .elementor-element.elementor-element-a3b53f9 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4210 .elementor-element.elementor-element-a3b53f9 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4210 .elementor-element.elementor-element-a3b53f9 .ue-lord-icon-contet{text-align:inherit;}.elementor-4210 .elementor-element.elementor-element-a3b53f9 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-4210 .elementor-element.elementor-element-cfa1ee5 .elementor-counter{gap:0px;}.elementor-4210 .elementor-element.elementor-element-cfa1ee5 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-secondary );font-family:"Assistant", Sans-serif;font-size:56px;font-weight:200;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-4210 .elementor-element.elementor-element-cfa1ee5 .elementor-counter-title{color:var( --e-global-color-text );font-family:"Assistant", Sans-serif;font-size:18px;font-weight:300;}.elementor-4210 .elementor-element.elementor-element-4cc7584 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-4cc7584{text-align:center;}.elementor-4210 .elementor-element.elementor-element-4cc7584 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;color:var( --e-global-color-primary );}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4210 .elementor-element.elementor-element-7ac6433 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-4210 .elementor-element.elementor-element-7ac6433 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:#18284480;}.elementor-4210 .elementor-element.elementor-element-7ac6433{--image-border-width:1px;--image-border-radius:5px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-4210 .elementor-element.elementor-element-e0b6260{--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-4210 .elementor-element.elementor-element-e0b6260:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-e0b6260 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-4210 .elementor-element.elementor-element-e0b6260:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-4210 .elementor-element.elementor-element-e0b6260::before, .elementor-4210 .elementor-element.elementor-element-e0b6260 > .elementor-background-video-container::before, .elementor-4210 .elementor-element.elementor-element-e0b6260 > .e-con-inner > .elementor-background-video-container::before, .elementor-4210 .elementor-element.elementor-element-e0b6260 > .elementor-background-slideshow::before, .elementor-4210 .elementor-element.elementor-element-e0b6260 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4210 .elementor-element.elementor-element-e0b6260 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4210 .elementor-element.elementor-element-e0b6260.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4210 .elementor-element.elementor-element-12c05e1 > .elementor-widget-container{margin:0px 0px -33px 0px;}.elementor-4210 .elementor-element.elementor-element-12c05e1 .ue-lord-icon-inner{text-align:left;}.elementor-4210 .elementor-element.elementor-element-12c05e1 lord-icon{width:103px;height:103px;}.elementor-4210 .elementor-element.elementor-element-12c05e1 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-12c05e1 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4210 .elementor-element.elementor-element-12c05e1 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4210 .elementor-element.elementor-element-12c05e1 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4210 .elementor-element.elementor-element-12c05e1 .ue-lord-icon-contet{text-align:inherit;}.elementor-4210 .elementor-element.elementor-element-12c05e1 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-4210 .elementor-element.elementor-element-b3bc1c8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-b3bc1c8{text-align:center;}.elementor-4210 .elementor-element.elementor-element-b3bc1c8 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;color:var( --e-global-color-primary );}.elementor-4210 .elementor-element.elementor-element-af18fa1 > .elementor-widget-container{padding:0px 50px 0px 50px;}.elementor-4210 .elementor-element.elementor-element-af18fa1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4210 .elementor-element.elementor-element-af18fa1 iframe{height:482px;}.elementor-4210 .elementor-element.elementor-element-28fb935{--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-4210 .elementor-element.elementor-element-28fb935:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-28fb935 > .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-4210 .elementor-element.elementor-element-28fb935::before, .elementor-4210 .elementor-element.elementor-element-28fb935 > .elementor-background-video-container::before, .elementor-4210 .elementor-element.elementor-element-28fb935 > .e-con-inner > .elementor-background-video-container::before, .elementor-4210 .elementor-element.elementor-element-28fb935 > .elementor-background-slideshow::before, .elementor-4210 .elementor-element.elementor-element-28fb935 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4210 .elementor-element.elementor-element-28fb935 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-4210 .elementor-element.elementor-element-8e0604c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-8e0604c .ue-lord-icon-inner{text-align:left;}.elementor-4210 .elementor-element.elementor-element-8e0604c lord-icon{width:103px;height:103px;}.elementor-4210 .elementor-element.elementor-element-8e0604c .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-8e0604c .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-4210 .elementor-element.elementor-element-8e0604c .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-4210 .elementor-element.elementor-element-8e0604c .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-4210 .elementor-element.elementor-element-8e0604c .ue-lord-icon-contet{text-align:inherit;}.elementor-4210 .elementor-element.elementor-element-8e0604c .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-4210 .elementor-element.elementor-element-b56c3e2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-b56c3e2{text-align:center;}.elementor-4210 .elementor-element.elementor-element-b56c3e2 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:47px;font-weight:400;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-0407667 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-0407667{text-align:center;}.elementor-4210 .elementor-element.elementor-element-0407667 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:40px;font-weight:300;color:#FFFFFF;}.elementor-4210 .elementor-element.elementor-element-ffa22c0{--display:flex;}.elementor-4210 .elementor-element.elementor-element-687bf8d{--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-4210 .elementor-element.elementor-element-687bf8d:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-687bf8d > .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-4210 .elementor-element.elementor-element-f18c88c{--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-4210 .elementor-element.elementor-element-f18c88c:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-f18c88c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-c0fff4b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-c0fff4b{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-2597382{--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-4210 .elementor-element.elementor-element-2597382:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-2597382 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-f45c042 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-f4cd064{--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-4210 .elementor-element.elementor-element-f4cd064:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-f4cd064 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4210 .elementor-element.elementor-element-9ee48d3 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-f706e33{--display:flex;}.elementor-4210 .elementor-element.elementor-element-5b35e66{--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-4210 .elementor-element.elementor-element-5b35e66:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-5b35e66 > .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-4210 .elementor-element.elementor-element-9895da6{--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-4210 .elementor-element.elementor-element-9895da6:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-9895da6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-0e6b6d9 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4210 .elementor-element.elementor-element-0e6b6d9{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-63f64be{--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-4210 .elementor-element.elementor-element-63f64be:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-63f64be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-fc34372 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-fcef20c{--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-4210 .elementor-element.elementor-element-fcef20c:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-fcef20c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4210 .elementor-element.elementor-element-0abb6a1 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-d6ab8c4{--display:flex;}.elementor-4210 .elementor-element.elementor-element-3a18a3c{--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-4210 .elementor-element.elementor-element-3a18a3c:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-3a18a3c > .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-4210 .elementor-element.elementor-element-6a24ed0{--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-4210 .elementor-element.elementor-element-6a24ed0:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-6a24ed0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-eb15157 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4210 .elementor-element.elementor-element-eb15157{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-246cab4{--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-4210 .elementor-element.elementor-element-246cab4:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-246cab4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-8cbc8e8 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-09f3c54{--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-4210 .elementor-element.elementor-element-09f3c54:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-09f3c54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4210 .elementor-element.elementor-element-82bb8a0 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-ba573e6{--display:flex;}.elementor-4210 .elementor-element.elementor-element-84e0f57{--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-4210 .elementor-element.elementor-element-84e0f57:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-84e0f57 > .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-4210 .elementor-element.elementor-element-b4cd3b1{--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-4210 .elementor-element.elementor-element-b4cd3b1:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-b4cd3b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-50df96c > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4210 .elementor-element.elementor-element-50df96c{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-946bb0e{--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-4210 .elementor-element.elementor-element-946bb0e:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-946bb0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-ff4a8a7 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-db88316{--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-4210 .elementor-element.elementor-element-db88316:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-db88316 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4210 .elementor-element.elementor-element-891f0f5 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-4bc07a3{--display:flex;}.elementor-4210 .elementor-element.elementor-element-5ba6953{--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-4210 .elementor-element.elementor-element-5ba6953:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-5ba6953 > .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-4210 .elementor-element.elementor-element-4adc50b{--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-4210 .elementor-element.elementor-element-4adc50b:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-4adc50b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-dfecfb9 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4210 .elementor-element.elementor-element-dfecfb9{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-87b01e2{--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-4210 .elementor-element.elementor-element-87b01e2:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-87b01e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-1ea3ee8 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-ffe7d0c{--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-4210 .elementor-element.elementor-element-ffe7d0c:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-ffe7d0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4210 .elementor-element.elementor-element-d2e2086 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-1285627{--display:flex;}.elementor-4210 .elementor-element.elementor-element-71af876{--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-4210 .elementor-element.elementor-element-71af876:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-71af876 > .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-4210 .elementor-element.elementor-element-7a67203{--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-4210 .elementor-element.elementor-element-7a67203:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-7a67203 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-60c509d > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4210 .elementor-element.elementor-element-60c509d{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-0f9a74b{--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-4210 .elementor-element.elementor-element-0f9a74b:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-0f9a74b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-fcab172 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-8f2826f{--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-4210 .elementor-element.elementor-element-8f2826f:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-8f2826f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4210 .elementor-element.elementor-element-2765a2a .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-4d64edc{--display:flex;}.elementor-4210 .elementor-element.elementor-element-119eacf{--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-4210 .elementor-element.elementor-element-119eacf:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-119eacf > .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-4210 .elementor-element.elementor-element-2fc0c0e{--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-4210 .elementor-element.elementor-element-2fc0c0e:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-2fc0c0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-88159f6 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4210 .elementor-element.elementor-element-88159f6{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-c1baacc{--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-4210 .elementor-element.elementor-element-c1baacc:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-c1baacc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-b8d31fe .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-d250295{--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-4210 .elementor-element.elementor-element-d250295:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-d250295 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4210 .elementor-element.elementor-element-0f04d8c .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-a1ccb4f{--display:flex;}.elementor-4210 .elementor-element.elementor-element-f7f442b{--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-4210 .elementor-element.elementor-element-f7f442b:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-f7f442b > .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-4210 .elementor-element.elementor-element-93e71d8{--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-4210 .elementor-element.elementor-element-93e71d8:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-93e71d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-314df2a > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4210 .elementor-element.elementor-element-314df2a{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-1a71017{--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-4210 .elementor-element.elementor-element-1a71017:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-1a71017 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-3ab7762 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-8e0e695{--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-4210 .elementor-element.elementor-element-8e0e695:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-8e0e695 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4210 .elementor-element.elementor-element-9459964 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-b1aa995{--display:flex;}.elementor-4210 .elementor-element.elementor-element-2814061{--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-4210 .elementor-element.elementor-element-2814061:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-2814061 > .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-4210 .elementor-element.elementor-element-5101059{--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-4210 .elementor-element.elementor-element-5101059:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-5101059 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-cfe4976 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4210 .elementor-element.elementor-element-cfe4976{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-bf4bde4{--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-4210 .elementor-element.elementor-element-bf4bde4:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-bf4bde4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-26fc74a .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-793561c{--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-4210 .elementor-element.elementor-element-793561c:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-793561c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4210 .elementor-element.elementor-element-e562317 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-0793fd3{--display:flex;}.elementor-4210 .elementor-element.elementor-element-e959a41{--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-4210 .elementor-element.elementor-element-e959a41:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-e959a41 > .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-4210 .elementor-element.elementor-element-3dbb7fa{--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-4210 .elementor-element.elementor-element-3dbb7fa:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-3dbb7fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-433c252 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4210 .elementor-element.elementor-element-433c252{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-198192c{--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-4210 .elementor-element.elementor-element-198192c:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-198192c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-f367655 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-ed9a520{--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-4210 .elementor-element.elementor-element-ed9a520:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-ed9a520 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4210 .elementor-element.elementor-element-bfa99b4 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-5108fe0{--display:flex;}.elementor-4210 .elementor-element.elementor-element-9f5570e{--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-4210 .elementor-element.elementor-element-9f5570e:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-9f5570e > .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-4210 .elementor-element.elementor-element-ee36804{--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-4210 .elementor-element.elementor-element-ee36804:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-ee36804 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-ecfb993 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4210 .elementor-element.elementor-element-ecfb993{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-17c39a2{--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-4210 .elementor-element.elementor-element-17c39a2:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-17c39a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-8ebf7ce .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-d354529{--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-4210 .elementor-element.elementor-element-d354529:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-d354529 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4210 .elementor-element.elementor-element-bf569fc .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-062a10d{--display:flex;}.elementor-4210 .elementor-element.elementor-element-d23b0ed{--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-4210 .elementor-element.elementor-element-d23b0ed:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-d23b0ed > .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-4210 .elementor-element.elementor-element-92906c8{--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-4210 .elementor-element.elementor-element-92906c8:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-92906c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-29f8c0d > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-4210 .elementor-element.elementor-element-29f8c0d{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-570e4bd{--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-4210 .elementor-element.elementor-element-570e4bd:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-570e4bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-4210 .elementor-element.elementor-element-570e4bd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4210 .elementor-element.elementor-element-0fd91ce .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-3b461ec{--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-4210 .elementor-element.elementor-element-3b461ec:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-3b461ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-4210 .elementor-element.elementor-element-e7530fa .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-4210 .elementor-element.elementor-element-f8a2ac9{--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-4210 .elementor-element.elementor-element-f8a2ac9 .swiper-slide ) > .e-con{--border-radius:0px 0px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-f8a2ac9 :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-4210 .elementor-element.elementor-element-af07726{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4210 .elementor-element.elementor-element-9906401 .elementor-counter-number-wrapper{font-size:40px;}.elementor-4210 .elementor-element.elementor-element-2afad47 .elementor-counter-number-wrapper{font-size:40px;}.elementor-4210 .elementor-element.elementor-element-cfa1ee5 .elementor-counter-number-wrapper{font-size:40px;}.elementor-4210 .elementor-element.elementor-element-f8a2ac9{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-4210 .elementor-element.elementor-element-ee2707a{--width:450px;}.elementor-4210 .elementor-element.elementor-element-33d4e21{--content-width:1180px;}.elementor-4210 .elementor-element.elementor-element-0daf245{--width:30%;}.elementor-4210 .elementor-element.elementor-element-8d88731{--width:30%;}.elementor-4210 .elementor-element.elementor-element-41afb3e{--width:30%;}.elementor-4210 .elementor-element.elementor-element-e0b6260{--width:97%;}.elementor-4210 .elementor-element.elementor-element-28fb935{--width:100vw;}.elementor-4210 .elementor-element.elementor-element-687bf8d{--width:100%;}.elementor-4210 .elementor-element.elementor-element-f18c88c{--width:100%;}.elementor-4210 .elementor-element.elementor-element-2597382{--width:52%;}.elementor-4210 .elementor-element.elementor-element-f4cd064{--width:27%;}.elementor-4210 .elementor-element.elementor-element-5b35e66{--width:100%;}.elementor-4210 .elementor-element.elementor-element-9895da6{--width:100%;}.elementor-4210 .elementor-element.elementor-element-63f64be{--width:52%;}.elementor-4210 .elementor-element.elementor-element-fcef20c{--width:27%;}.elementor-4210 .elementor-element.elementor-element-3a18a3c{--width:100%;}.elementor-4210 .elementor-element.elementor-element-6a24ed0{--width:100%;}.elementor-4210 .elementor-element.elementor-element-246cab4{--width:52%;}.elementor-4210 .elementor-element.elementor-element-09f3c54{--width:27%;}.elementor-4210 .elementor-element.elementor-element-84e0f57{--width:100%;}.elementor-4210 .elementor-element.elementor-element-b4cd3b1{--width:100%;}.elementor-4210 .elementor-element.elementor-element-946bb0e{--width:52%;}.elementor-4210 .elementor-element.elementor-element-db88316{--width:27%;}.elementor-4210 .elementor-element.elementor-element-5ba6953{--width:100%;}.elementor-4210 .elementor-element.elementor-element-4adc50b{--width:100%;}.elementor-4210 .elementor-element.elementor-element-87b01e2{--width:52%;}.elementor-4210 .elementor-element.elementor-element-ffe7d0c{--width:27%;}.elementor-4210 .elementor-element.elementor-element-71af876{--width:100%;}.elementor-4210 .elementor-element.elementor-element-7a67203{--width:100%;}.elementor-4210 .elementor-element.elementor-element-0f9a74b{--width:52%;}.elementor-4210 .elementor-element.elementor-element-8f2826f{--width:27%;}.elementor-4210 .elementor-element.elementor-element-119eacf{--width:100%;}.elementor-4210 .elementor-element.elementor-element-2fc0c0e{--width:100%;}.elementor-4210 .elementor-element.elementor-element-c1baacc{--width:52%;}.elementor-4210 .elementor-element.elementor-element-d250295{--width:27%;}.elementor-4210 .elementor-element.elementor-element-f7f442b{--width:100%;}.elementor-4210 .elementor-element.elementor-element-93e71d8{--width:100%;}.elementor-4210 .elementor-element.elementor-element-1a71017{--width:52%;}.elementor-4210 .elementor-element.elementor-element-8e0e695{--width:27%;}.elementor-4210 .elementor-element.elementor-element-2814061{--width:100%;}.elementor-4210 .elementor-element.elementor-element-5101059{--width:100%;}.elementor-4210 .elementor-element.elementor-element-bf4bde4{--width:52%;}.elementor-4210 .elementor-element.elementor-element-793561c{--width:27%;}.elementor-4210 .elementor-element.elementor-element-e959a41{--width:100%;}.elementor-4210 .elementor-element.elementor-element-3dbb7fa{--width:100%;}.elementor-4210 .elementor-element.elementor-element-198192c{--width:52%;}.elementor-4210 .elementor-element.elementor-element-ed9a520{--width:27%;}.elementor-4210 .elementor-element.elementor-element-9f5570e{--width:100%;}.elementor-4210 .elementor-element.elementor-element-ee36804{--width:100%;}.elementor-4210 .elementor-element.elementor-element-17c39a2{--width:52%;}.elementor-4210 .elementor-element.elementor-element-d354529{--width:27%;}.elementor-4210 .elementor-element.elementor-element-d23b0ed{--width:100%;}.elementor-4210 .elementor-element.elementor-element-92906c8{--width:100%;}.elementor-4210 .elementor-element.elementor-element-570e4bd{--width:58.217%;}.elementor-4210 .elementor-element.elementor-element-3b461ec{--width:27%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4210 .elementor-element.elementor-element-ee2707a{--width:330px;}}@media(max-width:767px){.elementor-4210 .elementor-element.elementor-element-c667d28{--min-height:50vh;--justify-content:flex-end;}.elementor-4210 .elementor-element.elementor-element-ee2707a{--width:210px;--min-height:0px;}.elementor-4210 .elementor-element.elementor-element-efa5c38{text-align:right;}.elementor-4210 .elementor-element.elementor-element-efa5c38 .elementor-heading-title{font-size:21px;}.elementor-4210 .elementor-element.elementor-element-0d4e381{text-align:right;}.elementor-4210 .elementor-element.elementor-element-0d4e381 .elementor-heading-title{font-size:20px;}.elementor-4210 .elementor-element.elementor-element-33d4e21{--content-width:648px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4210 .elementor-element.elementor-element-7f11850 .elementor-heading-title{font-size:29px;}.elementor-4210 .elementor-element.elementor-element-8e1627c{font-size:16px;}.elementor-4210 .elementor-element.elementor-element-af07726{--min-height:126px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4210 .elementor-element.elementor-element-0daf245{--width:500px;--min-height:37px;--margin-top:0px;--margin-bottom:20px;--margin-left:50px;--margin-right:50px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4210 .elementor-element.elementor-element-9f728e7 > .elementor-widget-container{margin:0px 0px -19px 0px;}.elementor-4210 .elementor-element.elementor-element-9f728e7 lord-icon{width:52px;height:52px;}.elementor-4210 .elementor-element.elementor-element-9906401 .elementor-counter{gap:3px;}.elementor-4210 .elementor-element.elementor-element-9906401 .elementor-counter-number-wrapper{font-size:41px;}.elementor-4210 .elementor-element.elementor-element-9906401 .elementor-counter-title{font-size:18px;line-height:1.4em;}.elementor-4210 .elementor-element.elementor-element-8d88731{--width:500px;--min-height:37px;--margin-top:0px;--margin-bottom:20px;--margin-left:50px;--margin-right:50px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4210 .elementor-element.elementor-element-9c3cb31 > .elementor-widget-container{margin:0px 0px -19px 0px;}.elementor-4210 .elementor-element.elementor-element-9c3cb31 lord-icon{width:52px;height:52px;}.elementor-4210 .elementor-element.elementor-element-2afad47 .elementor-counter{gap:3px;}.elementor-4210 .elementor-element.elementor-element-2afad47 .elementor-counter-number-wrapper{font-size:41px;}.elementor-4210 .elementor-element.elementor-element-2afad47 .elementor-counter-title{font-size:18px;line-height:1.4em;}.elementor-4210 .elementor-element.elementor-element-41afb3e{--width:500px;--min-height:37px;--margin-top:0px;--margin-bottom:20px;--margin-left:50px;--margin-right:50px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4210 .elementor-element.elementor-element-a3b53f9 > .elementor-widget-container{margin:0px 0px -19px 0px;}.elementor-4210 .elementor-element.elementor-element-a3b53f9 lord-icon{width:52px;height:52px;}.elementor-4210 .elementor-element.elementor-element-cfa1ee5 .elementor-counter{gap:3px;}.elementor-4210 .elementor-element.elementor-element-cfa1ee5 .elementor-counter-number-wrapper{font-size:41px;}.elementor-4210 .elementor-element.elementor-element-cfa1ee5 .elementor-counter-title{font-size:18px;line-height:1.4em;}.elementor-4210 .elementor-element.elementor-element-4cc7584 .elementor-heading-title{font-size:35px;}.elementor-4210 .elementor-element.elementor-element-e0b6260{--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-4210 .elementor-element.elementor-element-12c05e1 > .elementor-widget-container{margin:11px 0px -33px 0px;}.elementor-4210 .elementor-element.elementor-element-12c05e1 lord-icon{width:44px;height:44px;}.elementor-4210 .elementor-element.elementor-element-b3bc1c8 .elementor-heading-title{font-size:35px;}.elementor-4210 .elementor-element.elementor-element-af18fa1{width:var( --container-widget-width, 360px );max-width:360px;--container-widget-width:360px;--container-widget-flex-grow:0;}.elementor-4210 .elementor-element.elementor-element-af18fa1 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-4210 .elementor-element.elementor-element-af18fa1 iframe{height:323px;}.elementor-4210 .elementor-element.elementor-element-28fb935{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4210 .elementor-element.elementor-element-8e0604c > .elementor-widget-container{margin:34px 0px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-8e0604c lord-icon{width:96px;height:96px;}.elementor-4210 .elementor-element.elementor-element-b56c3e2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4210 .elementor-element.elementor-element-b56c3e2 .elementor-heading-title{font-size:35px;}.elementor-4210 .elementor-element.elementor-element-0407667 .elementor-heading-title{font-size:29px;}.elementor-4210 .elementor-element.elementor-element-ffa22c0{--content-width:500px;--min-height:360px;}.elementor-4210 .elementor-element.elementor-element-687bf8d{--width:100%;--min-height:310px;}.elementor-4210 .elementor-element.elementor-element-f18c88c{--width:90%;}.elementor-4210 .elementor-element.elementor-element-2597382{--width:90%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4210 .elementor-element.elementor-element-f45c042 .elementor-heading-title{font-size:17px;}.elementor-4210 .elementor-element.elementor-element-f4cd064{--width:45%;}.elementor-4210 .elementor-element.elementor-element-9ee48d3 .elementor-heading-title{font-size:15px;}.elementor-4210 .elementor-element.elementor-element-f706e33{--min-height:360px;}.elementor-4210 .elementor-element.elementor-element-5b35e66{--width:100%;--min-height:310px;}.elementor-4210 .elementor-element.elementor-element-9895da6{--width:90%;}.elementor-4210 .elementor-element.elementor-element-63f64be{--width:90%;}.elementor-4210 .elementor-element.elementor-element-fc34372 .elementor-heading-title{font-size:17px;}.elementor-4210 .elementor-element.elementor-element-fcef20c{--width:45%;}.elementor-4210 .elementor-element.elementor-element-0abb6a1 .elementor-heading-title{font-size:15px;}.elementor-4210 .elementor-element.elementor-element-d6ab8c4{--min-height:360px;}.elementor-4210 .elementor-element.elementor-element-3a18a3c{--width:100%;--min-height:310px;}.elementor-4210 .elementor-element.elementor-element-6a24ed0{--width:90%;}.elementor-4210 .elementor-element.elementor-element-246cab4{--width:90%;}.elementor-4210 .elementor-element.elementor-element-8cbc8e8 .elementor-heading-title{font-size:17px;}.elementor-4210 .elementor-element.elementor-element-09f3c54{--width:45%;}.elementor-4210 .elementor-element.elementor-element-82bb8a0 .elementor-heading-title{font-size:15px;}.elementor-4210 .elementor-element.elementor-element-ba573e6{--min-height:360px;}.elementor-4210 .elementor-element.elementor-element-84e0f57{--width:100%;--min-height:310px;}.elementor-4210 .elementor-element.elementor-element-b4cd3b1{--width:90%;}.elementor-4210 .elementor-element.elementor-element-946bb0e{--width:90%;}.elementor-4210 .elementor-element.elementor-element-ff4a8a7 .elementor-heading-title{font-size:17px;}.elementor-4210 .elementor-element.elementor-element-db88316{--width:45%;}.elementor-4210 .elementor-element.elementor-element-891f0f5 .elementor-heading-title{font-size:15px;}.elementor-4210 .elementor-element.elementor-element-4bc07a3{--min-height:360px;}.elementor-4210 .elementor-element.elementor-element-5ba6953{--width:100%;--min-height:310px;}.elementor-4210 .elementor-element.elementor-element-4adc50b{--width:90%;}.elementor-4210 .elementor-element.elementor-element-87b01e2{--width:90%;}.elementor-4210 .elementor-element.elementor-element-1ea3ee8 .elementor-heading-title{font-size:17px;}.elementor-4210 .elementor-element.elementor-element-ffe7d0c{--width:45%;}.elementor-4210 .elementor-element.elementor-element-d2e2086 .elementor-heading-title{font-size:15px;}.elementor-4210 .elementor-element.elementor-element-1285627{--min-height:360px;}.elementor-4210 .elementor-element.elementor-element-71af876{--width:100%;--min-height:310px;}.elementor-4210 .elementor-element.elementor-element-7a67203{--width:90%;}.elementor-4210 .elementor-element.elementor-element-0f9a74b{--width:90%;}.elementor-4210 .elementor-element.elementor-element-fcab172 .elementor-heading-title{font-size:17px;}.elementor-4210 .elementor-element.elementor-element-8f2826f{--width:45%;}.elementor-4210 .elementor-element.elementor-element-2765a2a .elementor-heading-title{font-size:15px;}.elementor-4210 .elementor-element.elementor-element-4d64edc{--min-height:360px;}.elementor-4210 .elementor-element.elementor-element-119eacf{--width:100%;--min-height:310px;}.elementor-4210 .elementor-element.elementor-element-2fc0c0e{--width:90%;}.elementor-4210 .elementor-element.elementor-element-c1baacc{--width:90%;}.elementor-4210 .elementor-element.elementor-element-b8d31fe .elementor-heading-title{font-size:17px;}.elementor-4210 .elementor-element.elementor-element-d250295{--width:45%;}.elementor-4210 .elementor-element.elementor-element-0f04d8c .elementor-heading-title{font-size:15px;}.elementor-4210 .elementor-element.elementor-element-a1ccb4f{--min-height:360px;}.elementor-4210 .elementor-element.elementor-element-f7f442b{--width:100%;--min-height:310px;}.elementor-4210 .elementor-element.elementor-element-93e71d8{--width:90%;}.elementor-4210 .elementor-element.elementor-element-1a71017{--width:90%;}.elementor-4210 .elementor-element.elementor-element-3ab7762 .elementor-heading-title{font-size:17px;}.elementor-4210 .elementor-element.elementor-element-8e0e695{--width:45%;}.elementor-4210 .elementor-element.elementor-element-9459964 .elementor-heading-title{font-size:15px;}.elementor-4210 .elementor-element.elementor-element-b1aa995{--min-height:360px;}.elementor-4210 .elementor-element.elementor-element-2814061{--width:100%;--min-height:310px;}.elementor-4210 .elementor-element.elementor-element-5101059{--width:90%;}.elementor-4210 .elementor-element.elementor-element-bf4bde4{--width:90%;}.elementor-4210 .elementor-element.elementor-element-26fc74a .elementor-heading-title{font-size:17px;}.elementor-4210 .elementor-element.elementor-element-793561c{--width:45%;}.elementor-4210 .elementor-element.elementor-element-e562317 .elementor-heading-title{font-size:15px;}.elementor-4210 .elementor-element.elementor-element-0793fd3{--min-height:360px;}.elementor-4210 .elementor-element.elementor-element-e959a41{--width:100%;--min-height:310px;}.elementor-4210 .elementor-element.elementor-element-3dbb7fa{--width:90%;}.elementor-4210 .elementor-element.elementor-element-198192c{--width:90%;}.elementor-4210 .elementor-element.elementor-element-f367655 .elementor-heading-title{font-size:17px;}.elementor-4210 .elementor-element.elementor-element-ed9a520{--width:45%;}.elementor-4210 .elementor-element.elementor-element-bfa99b4 .elementor-heading-title{font-size:15px;}.elementor-4210 .elementor-element.elementor-element-5108fe0{--min-height:360px;}.elementor-4210 .elementor-element.elementor-element-9f5570e{--width:100%;--min-height:310px;}.elementor-4210 .elementor-element.elementor-element-ee36804{--width:90%;}.elementor-4210 .elementor-element.elementor-element-17c39a2{--width:90%;}.elementor-4210 .elementor-element.elementor-element-8ebf7ce .elementor-heading-title{font-size:17px;}.elementor-4210 .elementor-element.elementor-element-d354529{--width:45%;}.elementor-4210 .elementor-element.elementor-element-bf569fc .elementor-heading-title{font-size:15px;}.elementor-4210 .elementor-element.elementor-element-062a10d{--min-height:360px;}.elementor-4210 .elementor-element.elementor-element-d23b0ed{--width:100%;--min-height:310px;}.elementor-4210 .elementor-element.elementor-element-92906c8{--width:90%;}.elementor-4210 .elementor-element.elementor-element-570e4bd{--width:90%;}.elementor-4210 .elementor-element.elementor-element-0fd91ce .elementor-heading-title{font-size:17px;}.elementor-4210 .elementor-element.elementor-element-3b461ec{--width:45%;}.elementor-4210 .elementor-element.elementor-element-e7530fa .elementor-heading-title{font-size:15px;}.elementor-4210 .elementor-element.elementor-element-f8a2ac9{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-size:18px;}}/* Start custom CSS for container, class: .elementor-element-ee2707a */.elementor-4210 .elementor-element.elementor-element-ee2707a {
  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-4210 .elementor-element.elementor-element-ee2707a: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-7f11850 */.elementor-4210 .elementor-element.elementor-element-7f11850 {
  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-13d2cd4 */.elementor-4210 .elementor-element.elementor-element-13d2cd4 {
  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-0daf245 *//* תזוזה קלה + צל עדין */
.elementor-4210 .elementor-element.elementor-element-0daf245{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.elementor-4210 .elementor-element.elementor-element-0daf245: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-8d88731 *//* תזוזה קלה + צל עדין */
.elementor-4210 .elementor-element.elementor-element-8d88731{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.elementor-4210 .elementor-element.elementor-element-8d88731: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-41afb3e *//* תזוזה קלה + צל עדין */
.elementor-4210 .elementor-element.elementor-element-41afb3e{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.elementor-4210 .elementor-element.elementor-element-41afb3e:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cc7584 */.elementor-4210 .elementor-element.elementor-element-4cc7584 {
  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-b3bc1c8 */.elementor-4210 .elementor-element.elementor-element-b3bc1c8 {
  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-e0b6260 *//* תזוזה קלה + צל עדין */
.elementor-4210 .elementor-element.elementor-element-e0b6260{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-e959a41::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-e959a41 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee36804 */.elementor-4210 .elementor-element.elementor-element-ee36804::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ee36804:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17c39a2 */.elementor-4210 .elementor-element.elementor-element-17c39a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-17c39a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d354529 */.elementor-4210 .elementor-element.elementor-element-d354529::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d354529:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f5570e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-9f5570e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-9f5570e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-9f5570e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92906c8 */.elementor-4210 .elementor-element.elementor-element-92906c8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-92906c8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-570e4bd */.elementor-4210 .elementor-element.elementor-element-570e4bd::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-570e4bd:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b461ec */.elementor-4210 .elementor-element.elementor-element-3b461ec::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3b461ec:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d23b0ed *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-d23b0ed{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-d23b0ed::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-d23b0ed > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f18c88c */.elementor-4210 .elementor-element.elementor-element-f18c88c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-f18c88c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2597382 */.elementor-4210 .elementor-element.elementor-element-2597382::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-2597382:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4cd064 */.elementor-4210 .elementor-element.elementor-element-f4cd064::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-f4cd064:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-687bf8d *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-687bf8d{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-687bf8d::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-687bf8d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-687bf8d > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-687bf8d .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-687bf8d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9895da6 */.elementor-4210 .elementor-element.elementor-element-9895da6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-9895da6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b35e66 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-5b35e66{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-5b35e66::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-5b35e66:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-5b35e66 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-5b35e66 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-5b35e66:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a24ed0 */.elementor-4210 .elementor-element.elementor-element-6a24ed0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-6a24ed0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246cab4 */.elementor-4210 .elementor-element.elementor-element-246cab4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-246cab4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09f3c54 */.elementor-4210 .elementor-element.elementor-element-09f3c54::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-09f3c54:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a18a3c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-3a18a3c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-3a18a3c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-3a18a3c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-3a18a3c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-3a18a3c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-3a18a3c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4cd3b1 */.elementor-4210 .elementor-element.elementor-element-b4cd3b1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-b4cd3b1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-946bb0e */.elementor-4210 .elementor-element.elementor-element-946bb0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-946bb0e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db88316 */.elementor-4210 .elementor-element.elementor-element-db88316::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-db88316:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84e0f57 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-84e0f57{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-84e0f57::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-84e0f57:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-84e0f57 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-84e0f57 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-84e0f57:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4adc50b */.elementor-4210 .elementor-element.elementor-element-4adc50b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-4adc50b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b01e2 */.elementor-4210 .elementor-element.elementor-element-87b01e2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-87b01e2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe7d0c */.elementor-4210 .elementor-element.elementor-element-ffe7d0c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ffe7d0c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ba6953 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-5ba6953{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-5ba6953::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-5ba6953:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-5ba6953 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-5ba6953 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-5ba6953:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a67203 */.elementor-4210 .elementor-element.elementor-element-7a67203::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-7a67203:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f9a74b */.elementor-4210 .elementor-element.elementor-element-0f9a74b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-0f9a74b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f2826f */.elementor-4210 .elementor-element.elementor-element-8f2826f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-8f2826f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71af876 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-71af876{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-71af876::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-71af876:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-71af876 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-71af876 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-71af876:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fc0c0e */.elementor-4210 .elementor-element.elementor-element-2fc0c0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-2fc0c0e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1baacc */.elementor-4210 .elementor-element.elementor-element-c1baacc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-c1baacc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d250295 */.elementor-4210 .elementor-element.elementor-element-d250295::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d250295:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-119eacf *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-119eacf{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-119eacf::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-119eacf:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-119eacf > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-119eacf .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-119eacf:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93e71d8 */.elementor-4210 .elementor-element.elementor-element-93e71d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-93e71d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a71017 */.elementor-4210 .elementor-element.elementor-element-1a71017::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-1a71017:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e0e695 */.elementor-4210 .elementor-element.elementor-element-8e0e695::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-8e0e695:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7f442b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-f7f442b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-f7f442b::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-f7f442b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-f7f442b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-f7f442b .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-f7f442b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5101059 */.elementor-4210 .elementor-element.elementor-element-5101059::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-5101059:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf4bde4 */.elementor-4210 .elementor-element.elementor-element-bf4bde4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-bf4bde4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-793561c */.elementor-4210 .elementor-element.elementor-element-793561c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-793561c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2814061 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-2814061{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-2814061::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-2814061:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-2814061 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-2814061 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-2814061:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dbb7fa */.elementor-4210 .elementor-element.elementor-element-3dbb7fa::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3dbb7fa:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-198192c */.elementor-4210 .elementor-element.elementor-element-198192c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-198192c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9a520 */.elementor-4210 .elementor-element.elementor-element-ed9a520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ed9a520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e959a41 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-e959a41{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-e959a41::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-e959a41 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee36804 */.elementor-4210 .elementor-element.elementor-element-ee36804::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ee36804:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17c39a2 */.elementor-4210 .elementor-element.elementor-element-17c39a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-17c39a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d354529 */.elementor-4210 .elementor-element.elementor-element-d354529::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d354529:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f5570e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-9f5570e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-9f5570e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-9f5570e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92906c8 */.elementor-4210 .elementor-element.elementor-element-92906c8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-92906c8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-570e4bd */.elementor-4210 .elementor-element.elementor-element-570e4bd::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-570e4bd:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b461ec */.elementor-4210 .elementor-element.elementor-element-3b461ec::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3b461ec:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d23b0ed *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-d23b0ed{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-d23b0ed::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-d23b0ed > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f18c88c */.elementor-4210 .elementor-element.elementor-element-f18c88c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-f18c88c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2597382 */.elementor-4210 .elementor-element.elementor-element-2597382::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-2597382:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4cd064 */.elementor-4210 .elementor-element.elementor-element-f4cd064::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-f4cd064:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-687bf8d *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-687bf8d{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-687bf8d::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-687bf8d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-687bf8d > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-687bf8d .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-687bf8d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9895da6 */.elementor-4210 .elementor-element.elementor-element-9895da6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-9895da6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b35e66 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-5b35e66{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-5b35e66::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-5b35e66:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-5b35e66 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-5b35e66 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-5b35e66:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a24ed0 */.elementor-4210 .elementor-element.elementor-element-6a24ed0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-6a24ed0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246cab4 */.elementor-4210 .elementor-element.elementor-element-246cab4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-246cab4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09f3c54 */.elementor-4210 .elementor-element.elementor-element-09f3c54::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-09f3c54:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a18a3c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-3a18a3c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-3a18a3c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-3a18a3c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-3a18a3c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-3a18a3c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-3a18a3c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4cd3b1 */.elementor-4210 .elementor-element.elementor-element-b4cd3b1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-b4cd3b1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-946bb0e */.elementor-4210 .elementor-element.elementor-element-946bb0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-946bb0e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db88316 */.elementor-4210 .elementor-element.elementor-element-db88316::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-db88316:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84e0f57 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-84e0f57{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-84e0f57::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-84e0f57:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-84e0f57 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-84e0f57 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-84e0f57:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4adc50b */.elementor-4210 .elementor-element.elementor-element-4adc50b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-4adc50b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b01e2 */.elementor-4210 .elementor-element.elementor-element-87b01e2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-87b01e2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe7d0c */.elementor-4210 .elementor-element.elementor-element-ffe7d0c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ffe7d0c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ba6953 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-5ba6953{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-5ba6953::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-5ba6953:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-5ba6953 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-5ba6953 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-5ba6953:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a67203 */.elementor-4210 .elementor-element.elementor-element-7a67203::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-7a67203:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f9a74b */.elementor-4210 .elementor-element.elementor-element-0f9a74b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-0f9a74b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f2826f */.elementor-4210 .elementor-element.elementor-element-8f2826f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-8f2826f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71af876 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-71af876{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-71af876::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-71af876:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-71af876 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-71af876 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-71af876:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fc0c0e */.elementor-4210 .elementor-element.elementor-element-2fc0c0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-2fc0c0e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1baacc */.elementor-4210 .elementor-element.elementor-element-c1baacc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-c1baacc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d250295 */.elementor-4210 .elementor-element.elementor-element-d250295::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d250295:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-119eacf *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-119eacf{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-119eacf::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-119eacf:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-119eacf > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-119eacf .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-119eacf:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93e71d8 */.elementor-4210 .elementor-element.elementor-element-93e71d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-93e71d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a71017 */.elementor-4210 .elementor-element.elementor-element-1a71017::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-1a71017:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e0e695 */.elementor-4210 .elementor-element.elementor-element-8e0e695::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-8e0e695:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7f442b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-f7f442b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-f7f442b::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-f7f442b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-f7f442b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-f7f442b .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-f7f442b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5101059 */.elementor-4210 .elementor-element.elementor-element-5101059::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-5101059:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf4bde4 */.elementor-4210 .elementor-element.elementor-element-bf4bde4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-bf4bde4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-793561c */.elementor-4210 .elementor-element.elementor-element-793561c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-793561c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2814061 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-2814061{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-2814061::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-2814061:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-2814061 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-2814061 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-2814061:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dbb7fa */.elementor-4210 .elementor-element.elementor-element-3dbb7fa::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3dbb7fa:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-198192c */.elementor-4210 .elementor-element.elementor-element-198192c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-198192c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9a520 */.elementor-4210 .elementor-element.elementor-element-ed9a520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ed9a520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e959a41 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-e959a41{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-e959a41::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-e959a41 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee36804 */.elementor-4210 .elementor-element.elementor-element-ee36804::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ee36804:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17c39a2 */.elementor-4210 .elementor-element.elementor-element-17c39a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-17c39a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d354529 */.elementor-4210 .elementor-element.elementor-element-d354529::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d354529:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f5570e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-9f5570e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-9f5570e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-9f5570e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92906c8 */.elementor-4210 .elementor-element.elementor-element-92906c8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-92906c8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-570e4bd */.elementor-4210 .elementor-element.elementor-element-570e4bd::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-570e4bd:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b461ec */.elementor-4210 .elementor-element.elementor-element-3b461ec::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3b461ec:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d23b0ed *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-d23b0ed{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-d23b0ed::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-d23b0ed > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f18c88c */.elementor-4210 .elementor-element.elementor-element-f18c88c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-f18c88c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2597382 */.elementor-4210 .elementor-element.elementor-element-2597382::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-2597382:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4cd064 */.elementor-4210 .elementor-element.elementor-element-f4cd064::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-f4cd064:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-687bf8d *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-687bf8d{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-687bf8d::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-687bf8d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-687bf8d > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-687bf8d .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-687bf8d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9895da6 */.elementor-4210 .elementor-element.elementor-element-9895da6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-9895da6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b35e66 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-5b35e66{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-5b35e66::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-5b35e66:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-5b35e66 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-5b35e66 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-5b35e66:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a24ed0 */.elementor-4210 .elementor-element.elementor-element-6a24ed0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-6a24ed0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246cab4 */.elementor-4210 .elementor-element.elementor-element-246cab4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-246cab4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09f3c54 */.elementor-4210 .elementor-element.elementor-element-09f3c54::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-09f3c54:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a18a3c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-3a18a3c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-3a18a3c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-3a18a3c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-3a18a3c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-3a18a3c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-3a18a3c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4cd3b1 */.elementor-4210 .elementor-element.elementor-element-b4cd3b1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-b4cd3b1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-946bb0e */.elementor-4210 .elementor-element.elementor-element-946bb0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-946bb0e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db88316 */.elementor-4210 .elementor-element.elementor-element-db88316::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-db88316:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84e0f57 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-84e0f57{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-84e0f57::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-84e0f57:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-84e0f57 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-84e0f57 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-84e0f57:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4adc50b */.elementor-4210 .elementor-element.elementor-element-4adc50b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-4adc50b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b01e2 */.elementor-4210 .elementor-element.elementor-element-87b01e2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-87b01e2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe7d0c */.elementor-4210 .elementor-element.elementor-element-ffe7d0c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ffe7d0c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ba6953 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-5ba6953{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-5ba6953::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-5ba6953:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-5ba6953 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-5ba6953 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-5ba6953:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a67203 */.elementor-4210 .elementor-element.elementor-element-7a67203::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-7a67203:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f9a74b */.elementor-4210 .elementor-element.elementor-element-0f9a74b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-0f9a74b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f2826f */.elementor-4210 .elementor-element.elementor-element-8f2826f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-8f2826f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71af876 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-71af876{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-71af876::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-71af876:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-71af876 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-71af876 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-71af876:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fc0c0e */.elementor-4210 .elementor-element.elementor-element-2fc0c0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-2fc0c0e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1baacc */.elementor-4210 .elementor-element.elementor-element-c1baacc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-c1baacc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d250295 */.elementor-4210 .elementor-element.elementor-element-d250295::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d250295:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-119eacf *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-119eacf{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-119eacf::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-119eacf:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-119eacf > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-119eacf .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-119eacf:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93e71d8 */.elementor-4210 .elementor-element.elementor-element-93e71d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-93e71d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a71017 */.elementor-4210 .elementor-element.elementor-element-1a71017::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-1a71017:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e0e695 */.elementor-4210 .elementor-element.elementor-element-8e0e695::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-8e0e695:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7f442b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-f7f442b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-f7f442b::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-f7f442b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-f7f442b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-f7f442b .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-f7f442b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5101059 */.elementor-4210 .elementor-element.elementor-element-5101059::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-5101059:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf4bde4 */.elementor-4210 .elementor-element.elementor-element-bf4bde4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-bf4bde4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-793561c */.elementor-4210 .elementor-element.elementor-element-793561c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-793561c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2814061 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-2814061{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-2814061::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-2814061:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-2814061 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-2814061 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-2814061:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dbb7fa */.elementor-4210 .elementor-element.elementor-element-3dbb7fa::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3dbb7fa:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-198192c */.elementor-4210 .elementor-element.elementor-element-198192c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-198192c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9a520 */.elementor-4210 .elementor-element.elementor-element-ed9a520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ed9a520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e959a41 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-e959a41{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-e959a41::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-e959a41 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee36804 */.elementor-4210 .elementor-element.elementor-element-ee36804::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ee36804:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17c39a2 */.elementor-4210 .elementor-element.elementor-element-17c39a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-17c39a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d354529 */.elementor-4210 .elementor-element.elementor-element-d354529::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d354529:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f5570e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-9f5570e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-9f5570e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-9f5570e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92906c8 */.elementor-4210 .elementor-element.elementor-element-92906c8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-92906c8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-570e4bd */.elementor-4210 .elementor-element.elementor-element-570e4bd::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-570e4bd:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b461ec */.elementor-4210 .elementor-element.elementor-element-3b461ec::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3b461ec:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d23b0ed *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-d23b0ed{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-d23b0ed::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-d23b0ed > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f18c88c */.elementor-4210 .elementor-element.elementor-element-f18c88c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-f18c88c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2597382 */.elementor-4210 .elementor-element.elementor-element-2597382::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-2597382:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4cd064 */.elementor-4210 .elementor-element.elementor-element-f4cd064::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-f4cd064:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-687bf8d *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-687bf8d{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-687bf8d::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-687bf8d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-687bf8d > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-687bf8d .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-687bf8d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9895da6 */.elementor-4210 .elementor-element.elementor-element-9895da6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-9895da6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b35e66 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-5b35e66{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-5b35e66::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-5b35e66:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-5b35e66 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-5b35e66 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-5b35e66:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a24ed0 */.elementor-4210 .elementor-element.elementor-element-6a24ed0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-6a24ed0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246cab4 */.elementor-4210 .elementor-element.elementor-element-246cab4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-246cab4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09f3c54 */.elementor-4210 .elementor-element.elementor-element-09f3c54::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-09f3c54:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a18a3c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-3a18a3c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-3a18a3c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-3a18a3c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-3a18a3c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-3a18a3c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-3a18a3c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4cd3b1 */.elementor-4210 .elementor-element.elementor-element-b4cd3b1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-b4cd3b1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-946bb0e */.elementor-4210 .elementor-element.elementor-element-946bb0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-946bb0e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db88316 */.elementor-4210 .elementor-element.elementor-element-db88316::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-db88316:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84e0f57 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-84e0f57{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-84e0f57::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-84e0f57:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-84e0f57 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-84e0f57 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-84e0f57:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4adc50b */.elementor-4210 .elementor-element.elementor-element-4adc50b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-4adc50b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b01e2 */.elementor-4210 .elementor-element.elementor-element-87b01e2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-87b01e2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe7d0c */.elementor-4210 .elementor-element.elementor-element-ffe7d0c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ffe7d0c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ba6953 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-5ba6953{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-5ba6953::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-5ba6953:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-5ba6953 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-5ba6953 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-5ba6953:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a67203 */.elementor-4210 .elementor-element.elementor-element-7a67203::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-7a67203:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f9a74b */.elementor-4210 .elementor-element.elementor-element-0f9a74b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-0f9a74b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f2826f */.elementor-4210 .elementor-element.elementor-element-8f2826f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-8f2826f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71af876 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-71af876{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-71af876::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-71af876:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-71af876 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-71af876 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-71af876:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fc0c0e */.elementor-4210 .elementor-element.elementor-element-2fc0c0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-2fc0c0e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1baacc */.elementor-4210 .elementor-element.elementor-element-c1baacc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-c1baacc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d250295 */.elementor-4210 .elementor-element.elementor-element-d250295::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d250295:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-119eacf *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-119eacf{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-119eacf::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-119eacf:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-119eacf > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-119eacf .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-119eacf:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93e71d8 */.elementor-4210 .elementor-element.elementor-element-93e71d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-93e71d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a71017 */.elementor-4210 .elementor-element.elementor-element-1a71017::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-1a71017:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e0e695 */.elementor-4210 .elementor-element.elementor-element-8e0e695::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-8e0e695:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7f442b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-f7f442b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-f7f442b::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-f7f442b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-f7f442b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-f7f442b .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-f7f442b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5101059 */.elementor-4210 .elementor-element.elementor-element-5101059::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-5101059:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf4bde4 */.elementor-4210 .elementor-element.elementor-element-bf4bde4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-bf4bde4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-793561c */.elementor-4210 .elementor-element.elementor-element-793561c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-793561c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2814061 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-2814061{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-2814061::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-2814061:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-2814061 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-2814061 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-2814061:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dbb7fa */.elementor-4210 .elementor-element.elementor-element-3dbb7fa::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3dbb7fa:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-198192c */.elementor-4210 .elementor-element.elementor-element-198192c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-198192c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9a520 */.elementor-4210 .elementor-element.elementor-element-ed9a520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ed9a520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e959a41 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-e959a41{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-e959a41::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-e959a41 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee36804 */.elementor-4210 .elementor-element.elementor-element-ee36804::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ee36804:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17c39a2 */.elementor-4210 .elementor-element.elementor-element-17c39a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-17c39a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d354529 */.elementor-4210 .elementor-element.elementor-element-d354529::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d354529:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f5570e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-9f5570e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-9f5570e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-9f5570e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92906c8 */.elementor-4210 .elementor-element.elementor-element-92906c8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-92906c8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-570e4bd */.elementor-4210 .elementor-element.elementor-element-570e4bd::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-570e4bd:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b461ec */.elementor-4210 .elementor-element.elementor-element-3b461ec::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3b461ec:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d23b0ed *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-d23b0ed{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-d23b0ed::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-d23b0ed > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f18c88c */.elementor-4210 .elementor-element.elementor-element-f18c88c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-f18c88c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2597382 */.elementor-4210 .elementor-element.elementor-element-2597382::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-2597382:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4cd064 */.elementor-4210 .elementor-element.elementor-element-f4cd064::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-f4cd064:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-687bf8d *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-687bf8d{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-687bf8d::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-687bf8d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-687bf8d > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-687bf8d .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-687bf8d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9895da6 */.elementor-4210 .elementor-element.elementor-element-9895da6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-9895da6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b35e66 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-5b35e66{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-5b35e66::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-5b35e66:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-5b35e66 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-5b35e66 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-5b35e66:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a24ed0 */.elementor-4210 .elementor-element.elementor-element-6a24ed0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-6a24ed0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246cab4 */.elementor-4210 .elementor-element.elementor-element-246cab4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-246cab4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09f3c54 */.elementor-4210 .elementor-element.elementor-element-09f3c54::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-09f3c54:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a18a3c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-3a18a3c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-3a18a3c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-3a18a3c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-3a18a3c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-3a18a3c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-3a18a3c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4cd3b1 */.elementor-4210 .elementor-element.elementor-element-b4cd3b1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-b4cd3b1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-946bb0e */.elementor-4210 .elementor-element.elementor-element-946bb0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-946bb0e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db88316 */.elementor-4210 .elementor-element.elementor-element-db88316::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-db88316:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84e0f57 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-84e0f57{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-84e0f57::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-84e0f57:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-84e0f57 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-84e0f57 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-84e0f57:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4adc50b */.elementor-4210 .elementor-element.elementor-element-4adc50b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-4adc50b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b01e2 */.elementor-4210 .elementor-element.elementor-element-87b01e2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-87b01e2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe7d0c */.elementor-4210 .elementor-element.elementor-element-ffe7d0c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ffe7d0c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ba6953 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-5ba6953{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-5ba6953::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-5ba6953:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-5ba6953 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-5ba6953 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-5ba6953:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a67203 */.elementor-4210 .elementor-element.elementor-element-7a67203::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-7a67203:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f9a74b */.elementor-4210 .elementor-element.elementor-element-0f9a74b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-0f9a74b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f2826f */.elementor-4210 .elementor-element.elementor-element-8f2826f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-8f2826f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71af876 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-71af876{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-71af876::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-71af876:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-71af876 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-71af876 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-71af876:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fc0c0e */.elementor-4210 .elementor-element.elementor-element-2fc0c0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-2fc0c0e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1baacc */.elementor-4210 .elementor-element.elementor-element-c1baacc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-c1baacc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d250295 */.elementor-4210 .elementor-element.elementor-element-d250295::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d250295:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-119eacf *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-119eacf{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-119eacf::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-119eacf:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-119eacf > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-119eacf .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-119eacf:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93e71d8 */.elementor-4210 .elementor-element.elementor-element-93e71d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-93e71d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a71017 */.elementor-4210 .elementor-element.elementor-element-1a71017::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-1a71017:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e0e695 */.elementor-4210 .elementor-element.elementor-element-8e0e695::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-8e0e695:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7f442b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-f7f442b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-f7f442b::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-f7f442b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-f7f442b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-f7f442b .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-f7f442b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5101059 */.elementor-4210 .elementor-element.elementor-element-5101059::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-5101059:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf4bde4 */.elementor-4210 .elementor-element.elementor-element-bf4bde4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-bf4bde4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-793561c */.elementor-4210 .elementor-element.elementor-element-793561c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-793561c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2814061 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-2814061{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-2814061::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-2814061:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-2814061 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-2814061 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-2814061:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dbb7fa */.elementor-4210 .elementor-element.elementor-element-3dbb7fa::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3dbb7fa:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-198192c */.elementor-4210 .elementor-element.elementor-element-198192c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-198192c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9a520 */.elementor-4210 .elementor-element.elementor-element-ed9a520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ed9a520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e959a41 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-e959a41{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-e959a41::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-e959a41 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee36804 */.elementor-4210 .elementor-element.elementor-element-ee36804::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ee36804:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17c39a2 */.elementor-4210 .elementor-element.elementor-element-17c39a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-17c39a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d354529 */.elementor-4210 .elementor-element.elementor-element-d354529::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d354529:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f5570e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-9f5570e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-9f5570e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-9f5570e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92906c8 */.elementor-4210 .elementor-element.elementor-element-92906c8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-92906c8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-570e4bd */.elementor-4210 .elementor-element.elementor-element-570e4bd::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-570e4bd:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b461ec */.elementor-4210 .elementor-element.elementor-element-3b461ec::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3b461ec:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d23b0ed *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-d23b0ed{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-d23b0ed::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-d23b0ed > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f18c88c */.elementor-4210 .elementor-element.elementor-element-f18c88c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-f18c88c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2597382 */.elementor-4210 .elementor-element.elementor-element-2597382::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-2597382:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4cd064 */.elementor-4210 .elementor-element.elementor-element-f4cd064::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-f4cd064:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-687bf8d *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-687bf8d{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-687bf8d::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-687bf8d:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-687bf8d > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-687bf8d .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-687bf8d:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9895da6 */.elementor-4210 .elementor-element.elementor-element-9895da6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-9895da6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b35e66 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-5b35e66{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-5b35e66::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-5b35e66:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-5b35e66 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-5b35e66 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-5b35e66:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a24ed0 */.elementor-4210 .elementor-element.elementor-element-6a24ed0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-6a24ed0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246cab4 */.elementor-4210 .elementor-element.elementor-element-246cab4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-246cab4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09f3c54 */.elementor-4210 .elementor-element.elementor-element-09f3c54::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-09f3c54:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a18a3c *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-3a18a3c{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-3a18a3c::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-3a18a3c:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-3a18a3c > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-3a18a3c .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-3a18a3c:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4cd3b1 */.elementor-4210 .elementor-element.elementor-element-b4cd3b1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-b4cd3b1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-946bb0e */.elementor-4210 .elementor-element.elementor-element-946bb0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-946bb0e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db88316 */.elementor-4210 .elementor-element.elementor-element-db88316::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-db88316:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84e0f57 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-84e0f57{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-84e0f57::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-84e0f57:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-84e0f57 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-84e0f57 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-84e0f57:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4adc50b */.elementor-4210 .elementor-element.elementor-element-4adc50b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-4adc50b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b01e2 */.elementor-4210 .elementor-element.elementor-element-87b01e2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-87b01e2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe7d0c */.elementor-4210 .elementor-element.elementor-element-ffe7d0c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ffe7d0c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ba6953 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-5ba6953{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-5ba6953::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-5ba6953:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-5ba6953 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-5ba6953 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-5ba6953:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a67203 */.elementor-4210 .elementor-element.elementor-element-7a67203::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-7a67203:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f9a74b */.elementor-4210 .elementor-element.elementor-element-0f9a74b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-0f9a74b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f2826f */.elementor-4210 .elementor-element.elementor-element-8f2826f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-8f2826f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71af876 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-71af876{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-71af876::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-71af876:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-71af876 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-71af876 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-71af876:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fc0c0e */.elementor-4210 .elementor-element.elementor-element-2fc0c0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-2fc0c0e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1baacc */.elementor-4210 .elementor-element.elementor-element-c1baacc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-c1baacc:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d250295 */.elementor-4210 .elementor-element.elementor-element-d250295::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d250295:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-119eacf *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-119eacf{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-119eacf::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-119eacf:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-119eacf > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-119eacf .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-119eacf:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93e71d8 */.elementor-4210 .elementor-element.elementor-element-93e71d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-93e71d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a71017 */.elementor-4210 .elementor-element.elementor-element-1a71017::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-1a71017:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e0e695 */.elementor-4210 .elementor-element.elementor-element-8e0e695::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-8e0e695:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7f442b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-f7f442b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-f7f442b::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-f7f442b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-f7f442b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-f7f442b .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-f7f442b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5101059 */.elementor-4210 .elementor-element.elementor-element-5101059::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-5101059:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf4bde4 */.elementor-4210 .elementor-element.elementor-element-bf4bde4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-bf4bde4:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-793561c */.elementor-4210 .elementor-element.elementor-element-793561c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-793561c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2814061 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-2814061{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-2814061::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-2814061:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-2814061 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-2814061 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-2814061:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dbb7fa */.elementor-4210 .elementor-element.elementor-element-3dbb7fa::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3dbb7fa:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-198192c */.elementor-4210 .elementor-element.elementor-element-198192c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-198192c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed9a520 */.elementor-4210 .elementor-element.elementor-element-ed9a520::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ed9a520:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e959a41 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-e959a41{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-e959a41::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-e959a41 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-e959a41:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee36804 */.elementor-4210 .elementor-element.elementor-element-ee36804::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-ee36804:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17c39a2 */.elementor-4210 .elementor-element.elementor-element-17c39a2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-17c39a2:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d354529 */.elementor-4210 .elementor-element.elementor-element-d354529::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-d354529:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f5570e *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-9f5570e{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-9f5570e::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-9f5570e > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-9f5570e:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92906c8 */.elementor-4210 .elementor-element.elementor-element-92906c8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-92906c8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-570e4bd */.elementor-4210 .elementor-element.elementor-element-570e4bd::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-570e4bd:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b461ec */.elementor-4210 .elementor-element.elementor-element-3b461ec::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-4210 .elementor-element.elementor-element-3b461ec:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d23b0ed *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-d23b0ed{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-d23b0ed::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-d23b0ed > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-d23b0ed:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-f8a2ac9 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-4210 .elementor-element.elementor-element-f8a2ac9{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-4210 .elementor-element.elementor-element-f8a2ac9::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-4210 .elementor-element.elementor-element-f8a2ac9:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-4210 .elementor-element.elementor-element-f8a2ac9 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-4210 .elementor-element.elementor-element-f8a2ac9 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-4210 .elementor-element.elementor-element-f8a2ac9:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */