.elementor-581 .elementor-element.elementor-element-eb3818c{--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-581 .elementor-element.elementor-element-eb3818c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-581 .elementor-element.elementor-element-e3ee3a3{--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-581 .elementor-element.elementor-element-e3ee3a3.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-581 .elementor-element.elementor-element-78ff68f .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-581 .elementor-element.elementor-element-fb8e1d9 .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-581 .elementor-element.elementor-element-be5752e{--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-581 .elementor-element.elementor-element-be5752e:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-be5752e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-581 .elementor-element.elementor-element-be5752e::before, .elementor-581 .elementor-element.elementor-element-be5752e > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-be5752e > .e-con-inner > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-be5752e > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-be5752e > .e-con-inner > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-be5752e > .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-581 .elementor-element.elementor-element-be5752e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-581 .elementor-element.elementor-element-e230f2f{--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-581 .elementor-element.elementor-element-f14cf35 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-f14cf35{text-align:center;}.elementor-581 .elementor-element.elementor-element-f14cf35 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;}.elementor-581 .elementor-element.elementor-element-cb0722a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-cb0722a{text-align:center;}.elementor-581 .elementor-element.elementor-element-cb0722a .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:40px;font-weight:300;}.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-581 .elementor-element.elementor-element-da3ca59{--divider-border-style:solid;--divider-color:#147EBE;--divider-border-width:2.1px;}.elementor-581 .elementor-element.elementor-element-da3ca59 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-da3ca59 .elementor-divider-separator{width:70%;margin:0 auto;margin-center:0;}.elementor-581 .elementor-element.elementor-element-da3ca59 .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-581 .elementor-element.elementor-element-623c969 > .elementor-widget-container{margin:2px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-623c969{text-align:center;font-family:"Assistant", Sans-serif;font-size:17px;font-weight:400;}.elementor-581 .elementor-element.elementor-element-e9d6f23{--spacer-size:35px;}.elementor-581 .elementor-element.elementor-element-d99da97 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-d99da97{text-align:center;}.elementor-581 .elementor-element.elementor-element-d99da97 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;}.elementor-581 .elementor-element.elementor-element-d8ab346{--divider-border-style:solid;--divider-color:#147EBE;--divider-border-width:2.1px;}.elementor-581 .elementor-element.elementor-element-d8ab346 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-d8ab346 .elementor-divider-separator{width:70%;margin:0 auto;margin-center:0;}.elementor-581 .elementor-element.elementor-element-d8ab346 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-581 .elementor-element.elementor-element-7ff4678{--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-581 .elementor-element.elementor-element-7ff4678.e-con{--align-self:center;}.elementor-581 .elementor-element.elementor-element-8aa940f{--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-581 .elementor-element.elementor-element-8aa940f:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-8aa940f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-581 .elementor-element.elementor-element-8aa940f:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-581 .elementor-element.elementor-element-8aa940f::before, .elementor-581 .elementor-element.elementor-element-8aa940f > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-8aa940f > .e-con-inner > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-8aa940f > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-8aa940f > .e-con-inner > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-8aa940f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-581 .elementor-element.elementor-element-8aa940f.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-581 .elementor-element.elementor-element-33fa40f > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-581 .elementor-element.elementor-element-33fa40f .ue-lord-icon-inner{text-align:left;}.elementor-581 .elementor-element.elementor-element-33fa40f lord-icon{width:75px;height:75px;}.elementor-581 .elementor-element.elementor-element-33fa40f .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-581 .elementor-element.elementor-element-33fa40f .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-581 .elementor-element.elementor-element-33fa40f .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-581 .elementor-element.elementor-element-33fa40f .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-581 .elementor-element.elementor-element-33fa40f .ue-lord-icon-contet{text-align:inherit;}.elementor-581 .elementor-element.elementor-element-33fa40f .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-581 .elementor-element.elementor-element-e9d6183 .elementor-counter{gap:0px;}.elementor-581 .elementor-element.elementor-element-e9d6183 .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-581 .elementor-element.elementor-element-e9d6183 .elementor-counter-title{color:var( --e-global-color-text );font-family:"Assistant", Sans-serif;font-size:18px;font-weight:300;}.elementor-581 .elementor-element.elementor-element-660b8be{--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-581 .elementor-element.elementor-element-660b8be:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-660b8be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-581 .elementor-element.elementor-element-660b8be:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-581 .elementor-element.elementor-element-660b8be::before, .elementor-581 .elementor-element.elementor-element-660b8be > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-660b8be > .e-con-inner > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-660b8be > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-660b8be > .e-con-inner > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-660b8be > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-581 .elementor-element.elementor-element-660b8be.e-con{--align-self:center;}.elementor-581 .elementor-element.elementor-element-a1c0945 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-581 .elementor-element.elementor-element-a1c0945 .ue-lord-icon-inner{text-align:left;}.elementor-581 .elementor-element.elementor-element-a1c0945 lord-icon{width:75px;height:75px;}.elementor-581 .elementor-element.elementor-element-a1c0945 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-581 .elementor-element.elementor-element-a1c0945 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-581 .elementor-element.elementor-element-a1c0945 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-581 .elementor-element.elementor-element-a1c0945 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-581 .elementor-element.elementor-element-a1c0945 .ue-lord-icon-contet{text-align:inherit;}.elementor-581 .elementor-element.elementor-element-a1c0945 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-581 .elementor-element.elementor-element-4490530 .elementor-counter{gap:0px;}.elementor-581 .elementor-element.elementor-element-4490530 .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-581 .elementor-element.elementor-element-4490530 .elementor-counter-title{color:var( --e-global-color-text );font-family:"Assistant", Sans-serif;font-size:18px;font-weight:300;}.elementor-581 .elementor-element.elementor-element-dee3a87{--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-581 .elementor-element.elementor-element-dee3a87:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-dee3a87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-581 .elementor-element.elementor-element-dee3a87:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-581 .elementor-element.elementor-element-dee3a87::before, .elementor-581 .elementor-element.elementor-element-dee3a87 > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-dee3a87 > .e-con-inner > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-dee3a87 > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-dee3a87 > .e-con-inner > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-dee3a87 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-581 .elementor-element.elementor-element-dee3a87.e-con{--align-self:center;}.elementor-581 .elementor-element.elementor-element-a38dee7 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-581 .elementor-element.elementor-element-a38dee7 .ue-lord-icon-inner{text-align:left;}.elementor-581 .elementor-element.elementor-element-a38dee7 lord-icon{width:75px;height:75px;}.elementor-581 .elementor-element.elementor-element-a38dee7 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-581 .elementor-element.elementor-element-a38dee7 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-581 .elementor-element.elementor-element-a38dee7 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-581 .elementor-element.elementor-element-a38dee7 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-581 .elementor-element.elementor-element-a38dee7 .ue-lord-icon-contet{text-align:inherit;}.elementor-581 .elementor-element.elementor-element-a38dee7 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-581 .elementor-element.elementor-element-7329661 .elementor-counter{gap:0px;}.elementor-581 .elementor-element.elementor-element-7329661 .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-581 .elementor-element.elementor-element-7329661 .elementor-counter-title{color:var( --e-global-color-text );font-family:"Assistant", Sans-serif;font-size:18px;font-weight:300;}.elementor-581 .elementor-element.elementor-element-dd52821{--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-581 .elementor-element.elementor-element-dd52821:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-dd52821 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-581 .elementor-element.elementor-element-dd52821:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-581 .elementor-element.elementor-element-dd52821::before, .elementor-581 .elementor-element.elementor-element-dd52821 > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-dd52821 > .e-con-inner > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-dd52821 > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-dd52821 > .e-con-inner > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-dd52821 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-581 .elementor-element.elementor-element-dd52821.e-con{--align-self:center;}.elementor-581 .elementor-element.elementor-element-ea3e9c8 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-581 .elementor-element.elementor-element-ea3e9c8 .ue-lord-icon-inner{text-align:left;}.elementor-581 .elementor-element.elementor-element-ea3e9c8 lord-icon{width:75px;height:75px;}.elementor-581 .elementor-element.elementor-element-ea3e9c8 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-581 .elementor-element.elementor-element-ea3e9c8 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-581 .elementor-element.elementor-element-ea3e9c8 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-581 .elementor-element.elementor-element-ea3e9c8 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-581 .elementor-element.elementor-element-ea3e9c8 .ue-lord-icon-contet{text-align:inherit;}.elementor-581 .elementor-element.elementor-element-ea3e9c8 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-581 .elementor-element.elementor-element-52c7dcc .elementor-counter{gap:0px;}.elementor-581 .elementor-element.elementor-element-52c7dcc .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-581 .elementor-element.elementor-element-52c7dcc .elementor-counter-title{color:var( --e-global-color-text );font-family:"Assistant", Sans-serif;font-size:18px;font-weight:300;}.elementor-581 .elementor-element.elementor-element-21c63e0{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-581 .elementor-element.elementor-element-47b59fa{--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-581 .elementor-element.elementor-element-47b59fa:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-47b59fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-581 .elementor-element.elementor-element-47b59fa::before, .elementor-581 .elementor-element.elementor-element-47b59fa > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-47b59fa > .e-con-inner > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-47b59fa > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-47b59fa > .e-con-inner > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-47b59fa > .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-581 .elementor-element.elementor-element-47b59fa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-581 .elementor-element.elementor-element-7c476c3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-7c476c3{text-align:center;}.elementor-581 .elementor-element.elementor-element-7c476c3 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;color:var( --e-global-color-primary );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-581 .elementor-element.elementor-element-55d39bf{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-581 .elementor-element.elementor-element-aa1dee5 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-581 .elementor-element.elementor-element-aa1dee5 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:#18284480;}.elementor-581 .elementor-element.elementor-element-aa1dee5{--image-border-radius:10px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-581 .elementor-element.elementor-element-4e6c796{--display:flex;}.elementor-581 .elementor-element.elementor-element-bfc6acb .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-581 .elementor-element.elementor-element-bfc6acb .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:#18284480;}.elementor-581 .elementor-element.elementor-element-bfc6acb{--image-border-radius:10px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-581 .elementor-element.elementor-element-2e9549b{--display:flex;}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-title{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-videos-count{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-header-right-side i{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-header-right-side svg{fill:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items .e-tab-title .e-tab-title-text{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items .e-tab-title .e-tab-title-text button{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-video-playlist .e-tabs-items .e-tab-title .e-tab-duration{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-duration{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-section-title{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-wrapper .e-inner-tab-title a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content .e-inner-tab-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content button{color:var( --e-global-color-text );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content button:hover{color:var( --e-global-color-text );}.elementor-581 .elementor-element.elementor-element-28b8837 .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:#556068;}.elementor-581 .elementor-element.elementor-element-28b8837 .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{color:#556068;}.elementor-581 .elementor-element.elementor-element-28b8837 .e-tabs-items-wrapper .e-section-title{border-style:solid;}.elementor-581 .elementor-element.elementor-element-d3f0873{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:15px 15px 15px 15px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:25px;--n-tabs-icon-color:#000000;}.elementor-581 .elementor-element.elementor-element-d3f0873.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-581 .elementor-element.elementor-element-d3f0873.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-581 .elementor-element.elementor-element-d3f0873.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, #279DE5 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#F3F3F3;box-shadow:4px 0px 8px -2px rgba(0, 0, 0, 0.4) inset;}.elementor-581 .elementor-element.elementor-element-d3f0873 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-d3f0873.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){box-shadow:-2px 0px 10px 0px rgba(0, 0, 0, 0.2);text-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);}.elementor-581 .elementor-element.elementor-element-d3f0873.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Assistant", Sans-serif;font-weight:800;}.elementor-581 .elementor-element.elementor-element-d1e9a7a{--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-581 .elementor-element.elementor-element-d1e9a7a:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-d1e9a7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);}.elementor-581 .elementor-element.elementor-element-d1e9a7a:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);}.elementor-581 .elementor-element.elementor-element-d1e9a7a::before, .elementor-581 .elementor-element.elementor-element-d1e9a7a > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-d1e9a7a > .e-con-inner > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-d1e9a7a > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-d1e9a7a > .e-con-inner > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-d1e9a7a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-581 .elementor-element.elementor-element-d1e9a7a.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-581 .elementor-element.elementor-element-e1db3c3 > .elementor-widget-container{margin:0px 0px -33px 0px;}.elementor-581 .elementor-element.elementor-element-e1db3c3 .ue-lord-icon-inner{text-align:left;}.elementor-581 .elementor-element.elementor-element-e1db3c3 lord-icon{width:103px;height:103px;}.elementor-581 .elementor-element.elementor-element-e1db3c3 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-581 .elementor-element.elementor-element-e1db3c3 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-581 .elementor-element.elementor-element-e1db3c3 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-581 .elementor-element.elementor-element-e1db3c3 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-581 .elementor-element.elementor-element-e1db3c3 .ue-lord-icon-contet{text-align:inherit;}.elementor-581 .elementor-element.elementor-element-e1db3c3 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-581 .elementor-element.elementor-element-de2d01d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-de2d01d{text-align:center;}.elementor-581 .elementor-element.elementor-element-de2d01d .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;color:var( --e-global-color-primary );}.elementor-581 .elementor-element.elementor-element-0ddaac6 > .elementor-widget-container{padding:0px 50px 0px 50px;}.elementor-581 .elementor-element.elementor-element-0ddaac6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-581 .elementor-element.elementor-element-0ddaac6 iframe{height:482px;}.elementor-581 .elementor-element.elementor-element-ab9ef81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-581 .elementor-element.elementor-element-ab9ef81:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-ab9ef81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-581 .elementor-element.elementor-element-1992931 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-1992931{text-align:center;}.elementor-581 .elementor-element.elementor-element-1992931 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;color:var( --e-global-color-primary );}.elementor-581 .elementor-element.elementor-element-bd5e605{--display:flex;--min-height:469px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.22);}.elementor-581 .elementor-element.elementor-element-bd5e605:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-bd5e605 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-581 .elementor-element.elementor-element-2b826c0 img{width:90%;}.elementor-581 .elementor-element.elementor-element-8aea52d{--display:flex;--justify-content:center;}.elementor-581 .elementor-element.elementor-element-9d2ab15 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-9d2ab15{text-align:right;}.elementor-581 .elementor-element.elementor-element-9d2ab15 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:31px;font-weight:800;}.elementor-581 .elementor-element.elementor-element-535f4a8 > .elementor-widget-container{margin:-19px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-535f4a8{text-align:right;}.elementor-581 .elementor-element.elementor-element-535f4a8 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:40px;font-weight:300;}.elementor-581 .elementor-element.elementor-element-f1dab2d{font-family:"Assistant", Sans-serif;font-size:18px;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-581 .elementor-element.elementor-element-024b236 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Assistant", Sans-serif;font-weight:700;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-024b236 .elementor-button:hover, .elementor-581 .elementor-element.elementor-element-024b236 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:#FFFFFF;}.elementor-581 .elementor-element.elementor-element-024b236 > .elementor-widget-container{margin:-11px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-024b236 .elementor-button:hover svg, .elementor-581 .elementor-element.elementor-element-024b236 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-581 .elementor-element.elementor-element-fa20a61{--display:flex;--min-height:469px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.22);}.elementor-581 .elementor-element.elementor-element-fa20a61:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-fa20a61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);}.elementor-581 .elementor-element.elementor-element-29c4b30 img{width:90%;}.elementor-581 .elementor-element.elementor-element-fbf56c0{--display:flex;--justify-content:center;}.elementor-581 .elementor-element.elementor-element-bfb18b2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-bfb18b2{text-align:right;}.elementor-581 .elementor-element.elementor-element-bfb18b2 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:48px;font-weight:800;}.elementor-581 .elementor-element.elementor-element-6176eee > .elementor-widget-container{margin:-19px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-6176eee{text-align:right;}.elementor-581 .elementor-element.elementor-element-6176eee .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:40px;font-weight:300;}.elementor-581 .elementor-element.elementor-element-0e7fad3{font-family:"Assistant", Sans-serif;font-size:18px;font-weight:400;}.elementor-581 .elementor-element.elementor-element-f7b9cc2 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Assistant", Sans-serif;font-weight:700;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-f7b9cc2 .elementor-button:hover, .elementor-581 .elementor-element.elementor-element-f7b9cc2 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:#FFFFFF;}.elementor-581 .elementor-element.elementor-element-f7b9cc2 > .elementor-widget-container{margin:-11px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-f7b9cc2 .elementor-button:hover svg, .elementor-581 .elementor-element.elementor-element-f7b9cc2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-581 .elementor-element.elementor-element-7ce212b{--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-581 .elementor-element.elementor-element-7ce212b:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-7ce212b > .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-581 .elementor-element.elementor-element-7ce212b::before, .elementor-581 .elementor-element.elementor-element-7ce212b > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-7ce212b > .e-con-inner > .elementor-background-video-container::before, .elementor-581 .elementor-element.elementor-element-7ce212b > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-7ce212b > .e-con-inner > .elementor-background-slideshow::before, .elementor-581 .elementor-element.elementor-element-7ce212b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-581 .elementor-element.elementor-element-30ca116 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-30ca116 .ue-lord-icon-inner{text-align:left;}.elementor-581 .elementor-element.elementor-element-30ca116 lord-icon{width:103px;height:103px;}.elementor-581 .elementor-element.elementor-element-30ca116 .ue-lord-icon-holder{margin:0px 10px 0px 0px;}.elementor-581 .elementor-element.elementor-element-30ca116 .ue-lord-icon-wrapper{text-align:left;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-581 .elementor-element.elementor-element-30ca116 .ue-box-title{color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;margin-top:18px;}.elementor-581 .elementor-element.elementor-element-30ca116 .ue-box-text{color:#8c8c8c;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-top:0px;}.elementor-581 .elementor-element.elementor-element-30ca116 .ue-lord-icon-contet{text-align:inherit;}.elementor-581 .elementor-element.elementor-element-30ca116 .ue-btn{padding:10px 20px 10px 20px;background-color:#9c9c9c;color:#ffffff;margin-top:20px;display:inline-block;}.elementor-581 .elementor-element.elementor-element-3c9bdee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-3c9bdee{text-align:center;}.elementor-581 .elementor-element.elementor-element-3c9bdee .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:47px;font-weight:400;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-19e0b62 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-19e0b62{text-align:center;}.elementor-581 .elementor-element.elementor-element-19e0b62 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:40px;font-weight:300;color:#FFFFFF;}.elementor-581 .elementor-element.elementor-element-dbc229a{--display:flex;}.elementor-581 .elementor-element.elementor-element-6ba0974{--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-581 .elementor-element.elementor-element-6ba0974:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-6ba0974 > .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-581 .elementor-element.elementor-element-60e687a{--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-581 .elementor-element.elementor-element-60e687a:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-60e687a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-983fdd2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-983fdd2{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-6d9b072{--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-581 .elementor-element.elementor-element-6d9b072:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-6d9b072 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-841c98e .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-720aeb3{--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-581 .elementor-element.elementor-element-720aeb3:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-720aeb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-581 .elementor-element.elementor-element-44125d6 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-529760c{--display:flex;}.elementor-581 .elementor-element.elementor-element-12ef3c0{--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-581 .elementor-element.elementor-element-12ef3c0:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-12ef3c0 > .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-581 .elementor-element.elementor-element-6fc4e25{--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-581 .elementor-element.elementor-element-6fc4e25:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-6fc4e25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-2b609ea > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-581 .elementor-element.elementor-element-2b609ea{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-f171c76{--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-581 .elementor-element.elementor-element-f171c76:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-f171c76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-70ea175 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-45bcd38{--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-581 .elementor-element.elementor-element-45bcd38:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-45bcd38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-581 .elementor-element.elementor-element-a9e0fd3 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-d73f8a7{--display:flex;}.elementor-581 .elementor-element.elementor-element-a5e08db{--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-581 .elementor-element.elementor-element-a5e08db:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-a5e08db > .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-581 .elementor-element.elementor-element-9179d9c{--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-581 .elementor-element.elementor-element-9179d9c:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-9179d9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-ec3951b > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-581 .elementor-element.elementor-element-ec3951b{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-cf2e5f6{--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-581 .elementor-element.elementor-element-cf2e5f6:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-cf2e5f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-c808b9d .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-f8faf9f{--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-581 .elementor-element.elementor-element-f8faf9f:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-f8faf9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-581 .elementor-element.elementor-element-611ae6a .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-b9adc04{--display:flex;}.elementor-581 .elementor-element.elementor-element-db9c3a0{--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-581 .elementor-element.elementor-element-db9c3a0:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-db9c3a0 > .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-581 .elementor-element.elementor-element-ddfb757{--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-581 .elementor-element.elementor-element-ddfb757:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-ddfb757 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-8fb8331 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-581 .elementor-element.elementor-element-8fb8331{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-a6f973e{--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-581 .elementor-element.elementor-element-a6f973e:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-a6f973e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-a13cc51 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-5e00ecb{--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-581 .elementor-element.elementor-element-5e00ecb:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-5e00ecb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-581 .elementor-element.elementor-element-0be489e .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-634f726{--display:flex;}.elementor-581 .elementor-element.elementor-element-9284b1f{--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-581 .elementor-element.elementor-element-9284b1f:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-9284b1f > .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-581 .elementor-element.elementor-element-b12bf88{--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-581 .elementor-element.elementor-element-b12bf88:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-b12bf88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-d18bb9e > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-581 .elementor-element.elementor-element-d18bb9e{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-1daae4f{--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-581 .elementor-element.elementor-element-1daae4f:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-1daae4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-7ad4916 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-2d331a8{--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-581 .elementor-element.elementor-element-2d331a8:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-2d331a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-581 .elementor-element.elementor-element-e3e4496 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-80520a9{--display:flex;}.elementor-581 .elementor-element.elementor-element-1e7caaf{--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-581 .elementor-element.elementor-element-1e7caaf:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-1e7caaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lev-nativ.co.il/wp-content/uploads/2025/04/DJI_0202-Enhanced-NR-scaled.jpg");}.elementor-581 .elementor-element.elementor-element-2cb2816{--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-581 .elementor-element.elementor-element-2cb2816:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-2cb2816 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-7917e89 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-581 .elementor-element.elementor-element-7917e89{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-b53a05c{--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-581 .elementor-element.elementor-element-b53a05c:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-b53a05c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-cb41cc0 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-09157ee{--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-581 .elementor-element.elementor-element-09157ee:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-09157ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-581 .elementor-element.elementor-element-6b6e415 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-1e1d3af{--display:flex;}.elementor-581 .elementor-element.elementor-element-bfd3859{--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-581 .elementor-element.elementor-element-bfd3859:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-bfd3859 > .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-581 .elementor-element.elementor-element-fab406b{--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-581 .elementor-element.elementor-element-fab406b:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-fab406b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-e94fa75 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-581 .elementor-element.elementor-element-e94fa75{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-a41ab96{--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-581 .elementor-element.elementor-element-a41ab96:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-a41ab96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-d88ad52 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-11713ad{--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-581 .elementor-element.elementor-element-11713ad:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-11713ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-581 .elementor-element.elementor-element-632c2b5 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-c3b9cb6{--display:flex;}.elementor-581 .elementor-element.elementor-element-794359b{--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-581 .elementor-element.elementor-element-794359b:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-794359b > .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-581 .elementor-element.elementor-element-8009c27{--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-581 .elementor-element.elementor-element-8009c27:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-8009c27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-046eabf > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-581 .elementor-element.elementor-element-046eabf{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-feaed0f{--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-581 .elementor-element.elementor-element-feaed0f:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-feaed0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-2b3e7fa .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-201a2de{--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-581 .elementor-element.elementor-element-201a2de:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-201a2de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-581 .elementor-element.elementor-element-a253775 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-ee3a90d{--display:flex;}.elementor-581 .elementor-element.elementor-element-d925d92{--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-581 .elementor-element.elementor-element-d925d92:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-d925d92 > .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-581 .elementor-element.elementor-element-12eaa84{--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-581 .elementor-element.elementor-element-12eaa84:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-12eaa84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-11f003b > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-581 .elementor-element.elementor-element-11f003b{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-4fbbda9{--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-581 .elementor-element.elementor-element-4fbbda9:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-4fbbda9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-738c6c5 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-738bbe9{--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-581 .elementor-element.elementor-element-738bbe9:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-738bbe9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-581 .elementor-element.elementor-element-f68f1fe .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-9c4d283{--display:flex;}.elementor-581 .elementor-element.elementor-element-f3c0c73{--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-581 .elementor-element.elementor-element-f3c0c73:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-f3c0c73 > .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-581 .elementor-element.elementor-element-1afc70e{--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-581 .elementor-element.elementor-element-1afc70e:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-1afc70e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-9d7c70e > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-581 .elementor-element.elementor-element-9d7c70e{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-04752f0{--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-581 .elementor-element.elementor-element-04752f0:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-04752f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-26c7b37 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-eadd3d9{--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-581 .elementor-element.elementor-element-eadd3d9:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-eadd3d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-581 .elementor-element.elementor-element-3fe929e .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-a61352e{--display:flex;}.elementor-581 .elementor-element.elementor-element-663385f{--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-581 .elementor-element.elementor-element-663385f:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-663385f > .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-581 .elementor-element.elementor-element-019d1d8{--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-581 .elementor-element.elementor-element-019d1d8:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-019d1d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-4dca7a5 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-581 .elementor-element.elementor-element-4dca7a5{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-44894e1{--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-581 .elementor-element.elementor-element-44894e1:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-44894e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-2baa7a4 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-6b227a0{--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-581 .elementor-element.elementor-element-6b227a0:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-6b227a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-581 .elementor-element.elementor-element-331f58e .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-9cfc5b8{--display:flex;}.elementor-581 .elementor-element.elementor-element-8c21dc4{--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-581 .elementor-element.elementor-element-8c21dc4:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-8c21dc4 > .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-581 .elementor-element.elementor-element-a9e9497{--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-581 .elementor-element.elementor-element-a9e9497:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-a9e9497 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-32ac1e2 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-581 .elementor-element.elementor-element-32ac1e2{text-align:right;font-family:"Assistant", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-c26c3ab{--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-581 .elementor-element.elementor-element-c26c3ab:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-c26c3ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#147EBEE6;}.elementor-581 .elementor-element.elementor-element-c26c3ab.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-581 .elementor-element.elementor-element-72d5510 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:23px;font-weight:300;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-552709c{--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-581 .elementor-element.elementor-element-552709c:not(.elementor-motion-effects-element-type-background), .elementor-581 .elementor-element.elementor-element-552709c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B8;}.elementor-581 .elementor-element.elementor-element-bf0d553 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-accent );}.elementor-581 .elementor-element.elementor-element-1469f46{--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-581 .elementor-element.elementor-element-1469f46 .swiper-slide ) > .e-con{--border-radius:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-1469f46 :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-581 .elementor-element.elementor-element-7ff4678{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-581 .elementor-element.elementor-element-e9d6183 .elementor-counter-number-wrapper{font-size:40px;}.elementor-581 .elementor-element.elementor-element-4490530 .elementor-counter-number-wrapper{font-size:40px;}.elementor-581 .elementor-element.elementor-element-7329661 .elementor-counter-number-wrapper{font-size:40px;}.elementor-581 .elementor-element.elementor-element-52c7dcc .elementor-counter-number-wrapper{font-size:40px;}.elementor-581 .elementor-element.elementor-element-1469f46{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-581 .elementor-element.elementor-element-eb3818c{--min-height:50vh;--justify-content:flex-end;}.elementor-581 .elementor-element.elementor-element-e3ee3a3{--width:210px;--min-height:0px;}.elementor-581 .elementor-element.elementor-element-78ff68f{text-align:right;}.elementor-581 .elementor-element.elementor-element-78ff68f .elementor-heading-title{font-size:21px;}.elementor-581 .elementor-element.elementor-element-fb8e1d9{text-align:right;}.elementor-581 .elementor-element.elementor-element-fb8e1d9 .elementor-heading-title{font-size:20px;}.elementor-581 .elementor-element.elementor-element-be5752e{--content-width:648px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-581 .elementor-element.elementor-element-f14cf35 .elementor-heading-title{font-size:35px;}.elementor-581 .elementor-element.elementor-element-cb0722a .elementor-heading-title{font-size:29px;}.elementor-581 .elementor-element.elementor-element-623c969{font-size:16px;}.elementor-581 .elementor-element.elementor-element-d99da97 .elementor-heading-title{font-size:35px;}.elementor-581 .elementor-element.elementor-element-7ff4678{--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-581 .elementor-element.elementor-element-8aa940f{--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-581 .elementor-element.elementor-element-33fa40f > .elementor-widget-container{margin:0px 0px -19px 0px;}.elementor-581 .elementor-element.elementor-element-33fa40f lord-icon{width:52px;height:52px;}.elementor-581 .elementor-element.elementor-element-e9d6183 .elementor-counter{gap:3px;}.elementor-581 .elementor-element.elementor-element-e9d6183 .elementor-counter-number-wrapper{font-size:41px;}.elementor-581 .elementor-element.elementor-element-e9d6183 .elementor-counter-title{font-size:18px;line-height:1.4em;}.elementor-581 .elementor-element.elementor-element-660b8be{--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-581 .elementor-element.elementor-element-a1c0945 > .elementor-widget-container{margin:0px 0px -19px 0px;}.elementor-581 .elementor-element.elementor-element-a1c0945 lord-icon{width:52px;height:52px;}.elementor-581 .elementor-element.elementor-element-4490530 .elementor-counter{gap:3px;}.elementor-581 .elementor-element.elementor-element-4490530 .elementor-counter-number-wrapper{font-size:41px;}.elementor-581 .elementor-element.elementor-element-4490530 .elementor-counter-title{font-size:18px;line-height:1.4em;}.elementor-581 .elementor-element.elementor-element-dee3a87{--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-581 .elementor-element.elementor-element-a38dee7 > .elementor-widget-container{margin:0px 0px -19px 0px;}.elementor-581 .elementor-element.elementor-element-a38dee7 lord-icon{width:52px;height:52px;}.elementor-581 .elementor-element.elementor-element-7329661 .elementor-counter{gap:3px;}.elementor-581 .elementor-element.elementor-element-7329661 .elementor-counter-number-wrapper{font-size:41px;}.elementor-581 .elementor-element.elementor-element-7329661 .elementor-counter-title{font-size:18px;line-height:1.4em;}.elementor-581 .elementor-element.elementor-element-dd52821{--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-581 .elementor-element.elementor-element-ea3e9c8 > .elementor-widget-container{margin:0px 0px -19px 0px;}.elementor-581 .elementor-element.elementor-element-ea3e9c8 lord-icon{width:52px;height:52px;}.elementor-581 .elementor-element.elementor-element-52c7dcc .elementor-counter{gap:3px;}.elementor-581 .elementor-element.elementor-element-52c7dcc .elementor-counter-number-wrapper{font-size:41px;}.elementor-581 .elementor-element.elementor-element-52c7dcc .elementor-counter-title{font-size:18px;line-height:1.4em;}.elementor-581 .elementor-element.elementor-element-47b59fa{--content-width:648px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-581 .elementor-element.elementor-element-7c476c3 .elementor-heading-title{font-size:35px;}.elementor-581 .elementor-element.elementor-element-d3f0873{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:17px;--n-tabs-gap:10px;--n-tabs-title-border-radius:9px 9px 9px 9px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:18px;--n-tabs-icon-size:11px;--n-tabs-icon-gap:54px;}.elementor-581 .elementor-element.elementor-element-d1e9a7a{--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-581 .elementor-element.elementor-element-e1db3c3 > .elementor-widget-container{margin:11px 0px -33px 0px;}.elementor-581 .elementor-element.elementor-element-e1db3c3 lord-icon{width:44px;height:44px;}.elementor-581 .elementor-element.elementor-element-de2d01d .elementor-heading-title{font-size:35px;}.elementor-581 .elementor-element.elementor-element-0ddaac6{width:var( --container-widget-width, 360px );max-width:360px;--container-widget-width:360px;--container-widget-flex-grow:0;}.elementor-581 .elementor-element.elementor-element-0ddaac6 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-581 .elementor-element.elementor-element-0ddaac6 iframe{height:323px;}.elementor-581 .elementor-element.elementor-element-1992931 .elementor-heading-title{font-size:35px;}.elementor-581 .elementor-element.elementor-element-2b826c0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-2b826c0.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-581 .elementor-element.elementor-element-2b826c0{text-align:center;}.elementor-581 .elementor-element.elementor-element-2b826c0 img{width:100%;}.elementor-581 .elementor-element.elementor-element-9d2ab15{text-align:center;}.elementor-581 .elementor-element.elementor-element-9d2ab15 .elementor-heading-title{font-size:30px;}.elementor-581 .elementor-element.elementor-element-535f4a8{text-align:center;}.elementor-581 .elementor-element.elementor-element-535f4a8 .elementor-heading-title{font-size:25px;}.elementor-581 .elementor-element.elementor-element-f1dab2d{font-size:16px;}.elementor-581 .elementor-element.elementor-element-29c4b30 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-29c4b30.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-581 .elementor-element.elementor-element-29c4b30{text-align:center;}.elementor-581 .elementor-element.elementor-element-29c4b30 img{width:100%;}.elementor-581 .elementor-element.elementor-element-bfb18b2{text-align:center;}.elementor-581 .elementor-element.elementor-element-bfb18b2 .elementor-heading-title{font-size:35px;}.elementor-581 .elementor-element.elementor-element-6176eee{text-align:center;}.elementor-581 .elementor-element.elementor-element-6176eee .elementor-heading-title{font-size:29px;}.elementor-581 .elementor-element.elementor-element-0e7fad3{font-size:16px;}.elementor-581 .elementor-element.elementor-element-7ce212b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-581 .elementor-element.elementor-element-30ca116 > .elementor-widget-container{margin:34px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-30ca116 lord-icon{width:96px;height:96px;}.elementor-581 .elementor-element.elementor-element-3c9bdee > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-581 .elementor-element.elementor-element-3c9bdee .elementor-heading-title{font-size:35px;}.elementor-581 .elementor-element.elementor-element-19e0b62 .elementor-heading-title{font-size:29px;}.elementor-581 .elementor-element.elementor-element-dbc229a{--content-width:500px;--min-height:360px;}.elementor-581 .elementor-element.elementor-element-6ba0974{--width:100%;--min-height:310px;}.elementor-581 .elementor-element.elementor-element-60e687a{--width:90%;}.elementor-581 .elementor-element.elementor-element-6d9b072{--width:90%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-581 .elementor-element.elementor-element-841c98e .elementor-heading-title{font-size:17px;}.elementor-581 .elementor-element.elementor-element-720aeb3{--width:45%;}.elementor-581 .elementor-element.elementor-element-44125d6 .elementor-heading-title{font-size:15px;}.elementor-581 .elementor-element.elementor-element-529760c{--min-height:360px;}.elementor-581 .elementor-element.elementor-element-12ef3c0{--width:100%;--min-height:310px;}.elementor-581 .elementor-element.elementor-element-6fc4e25{--width:90%;}.elementor-581 .elementor-element.elementor-element-f171c76{--width:90%;}.elementor-581 .elementor-element.elementor-element-70ea175 .elementor-heading-title{font-size:17px;}.elementor-581 .elementor-element.elementor-element-45bcd38{--width:45%;}.elementor-581 .elementor-element.elementor-element-a9e0fd3 .elementor-heading-title{font-size:15px;}.elementor-581 .elementor-element.elementor-element-d73f8a7{--min-height:360px;}.elementor-581 .elementor-element.elementor-element-a5e08db{--width:100%;--min-height:310px;}.elementor-581 .elementor-element.elementor-element-9179d9c{--width:90%;}.elementor-581 .elementor-element.elementor-element-cf2e5f6{--width:90%;}.elementor-581 .elementor-element.elementor-element-c808b9d .elementor-heading-title{font-size:17px;}.elementor-581 .elementor-element.elementor-element-f8faf9f{--width:45%;}.elementor-581 .elementor-element.elementor-element-611ae6a .elementor-heading-title{font-size:15px;}.elementor-581 .elementor-element.elementor-element-b9adc04{--min-height:360px;}.elementor-581 .elementor-element.elementor-element-db9c3a0{--width:100%;--min-height:310px;}.elementor-581 .elementor-element.elementor-element-ddfb757{--width:90%;}.elementor-581 .elementor-element.elementor-element-a6f973e{--width:90%;}.elementor-581 .elementor-element.elementor-element-a13cc51 .elementor-heading-title{font-size:17px;}.elementor-581 .elementor-element.elementor-element-5e00ecb{--width:45%;}.elementor-581 .elementor-element.elementor-element-0be489e .elementor-heading-title{font-size:15px;}.elementor-581 .elementor-element.elementor-element-634f726{--min-height:360px;}.elementor-581 .elementor-element.elementor-element-9284b1f{--width:100%;--min-height:310px;}.elementor-581 .elementor-element.elementor-element-b12bf88{--width:90%;}.elementor-581 .elementor-element.elementor-element-1daae4f{--width:90%;}.elementor-581 .elementor-element.elementor-element-7ad4916 .elementor-heading-title{font-size:17px;}.elementor-581 .elementor-element.elementor-element-2d331a8{--width:45%;}.elementor-581 .elementor-element.elementor-element-e3e4496 .elementor-heading-title{font-size:15px;}.elementor-581 .elementor-element.elementor-element-80520a9{--min-height:360px;}.elementor-581 .elementor-element.elementor-element-1e7caaf{--width:100%;--min-height:310px;}.elementor-581 .elementor-element.elementor-element-2cb2816{--width:90%;}.elementor-581 .elementor-element.elementor-element-b53a05c{--width:90%;}.elementor-581 .elementor-element.elementor-element-cb41cc0 .elementor-heading-title{font-size:17px;}.elementor-581 .elementor-element.elementor-element-09157ee{--width:45%;}.elementor-581 .elementor-element.elementor-element-6b6e415 .elementor-heading-title{font-size:15px;}.elementor-581 .elementor-element.elementor-element-1e1d3af{--min-height:360px;}.elementor-581 .elementor-element.elementor-element-bfd3859{--width:100%;--min-height:310px;}.elementor-581 .elementor-element.elementor-element-fab406b{--width:90%;}.elementor-581 .elementor-element.elementor-element-a41ab96{--width:90%;}.elementor-581 .elementor-element.elementor-element-d88ad52 .elementor-heading-title{font-size:17px;}.elementor-581 .elementor-element.elementor-element-11713ad{--width:45%;}.elementor-581 .elementor-element.elementor-element-632c2b5 .elementor-heading-title{font-size:15px;}.elementor-581 .elementor-element.elementor-element-c3b9cb6{--min-height:360px;}.elementor-581 .elementor-element.elementor-element-794359b{--width:100%;--min-height:310px;}.elementor-581 .elementor-element.elementor-element-8009c27{--width:90%;}.elementor-581 .elementor-element.elementor-element-feaed0f{--width:90%;}.elementor-581 .elementor-element.elementor-element-2b3e7fa .elementor-heading-title{font-size:17px;}.elementor-581 .elementor-element.elementor-element-201a2de{--width:45%;}.elementor-581 .elementor-element.elementor-element-a253775 .elementor-heading-title{font-size:15px;}.elementor-581 .elementor-element.elementor-element-ee3a90d{--min-height:360px;}.elementor-581 .elementor-element.elementor-element-d925d92{--width:100%;--min-height:310px;}.elementor-581 .elementor-element.elementor-element-12eaa84{--width:90%;}.elementor-581 .elementor-element.elementor-element-4fbbda9{--width:90%;}.elementor-581 .elementor-element.elementor-element-738c6c5 .elementor-heading-title{font-size:17px;}.elementor-581 .elementor-element.elementor-element-738bbe9{--width:45%;}.elementor-581 .elementor-element.elementor-element-f68f1fe .elementor-heading-title{font-size:15px;}.elementor-581 .elementor-element.elementor-element-9c4d283{--min-height:360px;}.elementor-581 .elementor-element.elementor-element-f3c0c73{--width:100%;--min-height:310px;}.elementor-581 .elementor-element.elementor-element-1afc70e{--width:90%;}.elementor-581 .elementor-element.elementor-element-04752f0{--width:90%;}.elementor-581 .elementor-element.elementor-element-26c7b37 .elementor-heading-title{font-size:17px;}.elementor-581 .elementor-element.elementor-element-eadd3d9{--width:45%;}.elementor-581 .elementor-element.elementor-element-3fe929e .elementor-heading-title{font-size:15px;}.elementor-581 .elementor-element.elementor-element-a61352e{--min-height:360px;}.elementor-581 .elementor-element.elementor-element-663385f{--width:100%;--min-height:310px;}.elementor-581 .elementor-element.elementor-element-019d1d8{--width:90%;}.elementor-581 .elementor-element.elementor-element-44894e1{--width:90%;}.elementor-581 .elementor-element.elementor-element-2baa7a4 .elementor-heading-title{font-size:17px;}.elementor-581 .elementor-element.elementor-element-6b227a0{--width:45%;}.elementor-581 .elementor-element.elementor-element-331f58e .elementor-heading-title{font-size:15px;}.elementor-581 .elementor-element.elementor-element-9cfc5b8{--min-height:360px;}.elementor-581 .elementor-element.elementor-element-8c21dc4{--width:100%;--min-height:310px;}.elementor-581 .elementor-element.elementor-element-a9e9497{--width:90%;}.elementor-581 .elementor-element.elementor-element-c26c3ab{--width:90%;}.elementor-581 .elementor-element.elementor-element-72d5510 .elementor-heading-title{font-size:17px;}.elementor-581 .elementor-element.elementor-element-552709c{--width:45%;}.elementor-581 .elementor-element.elementor-element-bf0d553 .elementor-heading-title{font-size:15px;}.elementor-581 .elementor-element.elementor-element-1469f46{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-size:18px;}}@media(min-width:768px){.elementor-581 .elementor-element.elementor-element-eb3818c{--width:100vw;}.elementor-581 .elementor-element.elementor-element-e3ee3a3{--width:450px;}.elementor-581 .elementor-element.elementor-element-be5752e{--content-width:1180px;}.elementor-581 .elementor-element.elementor-element-8aa940f{--width:30%;}.elementor-581 .elementor-element.elementor-element-660b8be{--width:30%;}.elementor-581 .elementor-element.elementor-element-dee3a87{--width:30%;}.elementor-581 .elementor-element.elementor-element-dd52821{--width:30%;}.elementor-581 .elementor-element.elementor-element-21c63e0{--content-width:100vw;}.elementor-581 .elementor-element.elementor-element-47b59fa{--content-width:1180px;}.elementor-581 .elementor-element.elementor-element-d1e9a7a{--width:97%;}.elementor-581 .elementor-element.elementor-element-7ce212b{--width:100vw;}.elementor-581 .elementor-element.elementor-element-6ba0974{--width:100%;}.elementor-581 .elementor-element.elementor-element-60e687a{--width:100%;}.elementor-581 .elementor-element.elementor-element-6d9b072{--width:52%;}.elementor-581 .elementor-element.elementor-element-720aeb3{--width:27%;}.elementor-581 .elementor-element.elementor-element-12ef3c0{--width:100%;}.elementor-581 .elementor-element.elementor-element-6fc4e25{--width:100%;}.elementor-581 .elementor-element.elementor-element-f171c76{--width:52%;}.elementor-581 .elementor-element.elementor-element-45bcd38{--width:27%;}.elementor-581 .elementor-element.elementor-element-a5e08db{--width:100%;}.elementor-581 .elementor-element.elementor-element-9179d9c{--width:100%;}.elementor-581 .elementor-element.elementor-element-cf2e5f6{--width:52%;}.elementor-581 .elementor-element.elementor-element-f8faf9f{--width:27%;}.elementor-581 .elementor-element.elementor-element-db9c3a0{--width:100%;}.elementor-581 .elementor-element.elementor-element-ddfb757{--width:100%;}.elementor-581 .elementor-element.elementor-element-a6f973e{--width:52%;}.elementor-581 .elementor-element.elementor-element-5e00ecb{--width:27%;}.elementor-581 .elementor-element.elementor-element-9284b1f{--width:100%;}.elementor-581 .elementor-element.elementor-element-b12bf88{--width:100%;}.elementor-581 .elementor-element.elementor-element-1daae4f{--width:52%;}.elementor-581 .elementor-element.elementor-element-2d331a8{--width:27%;}.elementor-581 .elementor-element.elementor-element-1e7caaf{--width:100%;}.elementor-581 .elementor-element.elementor-element-2cb2816{--width:100%;}.elementor-581 .elementor-element.elementor-element-b53a05c{--width:52%;}.elementor-581 .elementor-element.elementor-element-09157ee{--width:27%;}.elementor-581 .elementor-element.elementor-element-bfd3859{--width:100%;}.elementor-581 .elementor-element.elementor-element-fab406b{--width:100%;}.elementor-581 .elementor-element.elementor-element-a41ab96{--width:52%;}.elementor-581 .elementor-element.elementor-element-11713ad{--width:27%;}.elementor-581 .elementor-element.elementor-element-794359b{--width:100%;}.elementor-581 .elementor-element.elementor-element-8009c27{--width:100%;}.elementor-581 .elementor-element.elementor-element-feaed0f{--width:52%;}.elementor-581 .elementor-element.elementor-element-201a2de{--width:27%;}.elementor-581 .elementor-element.elementor-element-d925d92{--width:100%;}.elementor-581 .elementor-element.elementor-element-12eaa84{--width:100%;}.elementor-581 .elementor-element.elementor-element-4fbbda9{--width:52%;}.elementor-581 .elementor-element.elementor-element-738bbe9{--width:27%;}.elementor-581 .elementor-element.elementor-element-f3c0c73{--width:100%;}.elementor-581 .elementor-element.elementor-element-1afc70e{--width:100%;}.elementor-581 .elementor-element.elementor-element-04752f0{--width:52%;}.elementor-581 .elementor-element.elementor-element-eadd3d9{--width:27%;}.elementor-581 .elementor-element.elementor-element-663385f{--width:100%;}.elementor-581 .elementor-element.elementor-element-019d1d8{--width:100%;}.elementor-581 .elementor-element.elementor-element-44894e1{--width:52%;}.elementor-581 .elementor-element.elementor-element-6b227a0{--width:27%;}.elementor-581 .elementor-element.elementor-element-8c21dc4{--width:100%;}.elementor-581 .elementor-element.elementor-element-a9e9497{--width:100%;}.elementor-581 .elementor-element.elementor-element-c26c3ab{--width:58.217%;}.elementor-581 .elementor-element.elementor-element-552709c{--width:27%;}}@media(max-width:1024px) and (min-width:768px){.elementor-581 .elementor-element.elementor-element-e3ee3a3{--width:330px;}}/* Start custom CSS for container, class: .elementor-element-e3ee3a3 */.elementor-581 .elementor-element.elementor-element-e3ee3a3 {
  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-581 .elementor-element.elementor-element-e3ee3a3: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-f14cf35 */.elementor-581 .elementor-element.elementor-element-f14cf35 {
  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-cb0722a */.elementor-581 .elementor-element.elementor-element-cb0722a {
  background: linear-gradient(90deg, #147EBE, #203d69, #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-da3ca59 */.elementor-581 .elementor-element.elementor-element-da3ca59 {
  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-d99da97 */.elementor-581 .elementor-element.elementor-element-d99da97 {
  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-d8ab346 */.elementor-581 .elementor-element.elementor-element-d8ab346 {
  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-8aa940f *//* תזוזה קלה + צל עדין */
.elementor-581 .elementor-element.elementor-element-8aa940f{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

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

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

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

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

.elementor-581 .elementor-element.elementor-element-d1e9a7a: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-1992931 */.elementor-581 .elementor-element.elementor-element-1992931 {
  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-9d2ab15 */.elementor-581 .elementor-element.elementor-element-9d2ab15 {
  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-535f4a8 */.elementor-581 .elementor-element.elementor-element-535f4a8 {
  background: linear-gradient(90deg, #147EBE, #203d69, #6EC1E4);
  background-size: 200% auto;
  background-position: 0% center;
  -webkit-background-clip: text;

  font-weight: 700;
  text-rendering: optimizeLegibility;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd5e605 *//* תזוזה קלה + צל עדין */
.elementor-581 .elementor-element.elementor-element-bd5e605{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.elementor-581 .elementor-element.elementor-element-bd5e605: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-bfb18b2 */.elementor-581 .elementor-element.elementor-element-bfb18b2 {
  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-6176eee */.elementor-581 .elementor-element.elementor-element-6176eee {
  background: linear-gradient(90deg, #147EBE, #203d69, #6EC1E4);
  background-size: 200% auto;
  background-position: 0% center;
  -webkit-background-clip: text;

  font-weight: 700;
  text-rendering: optimizeLegibility;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa20a61 *//* תזוזה קלה + צל עדין */
.elementor-581 .elementor-element.elementor-element-fa20a61{
  transition:transform .35s ease, box-shadow .35s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-d925d92:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1afc70e */.elementor-581 .elementor-element.elementor-element-1afc70e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1afc70e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04752f0 */.elementor-581 .elementor-element.elementor-element-04752f0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-04752f0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eadd3d9 */.elementor-581 .elementor-element.elementor-element-eadd3d9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-eadd3d9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3c0c73 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-f3c0c73{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-f3c0c73::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-f3c0c73 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-019d1d8 */.elementor-581 .elementor-element.elementor-element-019d1d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-019d1d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44894e1 */.elementor-581 .elementor-element.elementor-element-44894e1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-44894e1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b227a0 */.elementor-581 .elementor-element.elementor-element-6b227a0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6b227a0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-663385f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-663385f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-663385f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-663385f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-663385f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-663385f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-663385f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a9e9497 */.elementor-581 .elementor-element.elementor-element-a9e9497::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a9e9497:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c26c3ab */.elementor-581 .elementor-element.elementor-element-c26c3ab::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-c26c3ab:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-552709c */.elementor-581 .elementor-element.elementor-element-552709c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-552709c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c21dc4 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-8c21dc4{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-8c21dc4::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-8c21dc4 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60e687a */.elementor-581 .elementor-element.elementor-element-60e687a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-60e687a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d9b072 */.elementor-581 .elementor-element.elementor-element-6d9b072::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6d9b072:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-720aeb3 */.elementor-581 .elementor-element.elementor-element-720aeb3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-720aeb3:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ba0974 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-6ba0974{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-6ba0974::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-6ba0974:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-6ba0974 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-6ba0974 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-6ba0974:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fc4e25 */.elementor-581 .elementor-element.elementor-element-6fc4e25::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6fc4e25:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ef3c0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-12ef3c0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-12ef3c0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-12ef3c0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-12ef3c0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-12ef3c0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-12ef3c0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9179d9c */.elementor-581 .elementor-element.elementor-element-9179d9c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-9179d9c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf2e5f6 */.elementor-581 .elementor-element.elementor-element-cf2e5f6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-cf2e5f6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8faf9f */.elementor-581 .elementor-element.elementor-element-f8faf9f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-f8faf9f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5e08db *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-a5e08db{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-a5e08db::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-a5e08db:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-a5e08db > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-a5e08db .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-a5e08db:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ddfb757 */.elementor-581 .elementor-element.elementor-element-ddfb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-ddfb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6f973e */.elementor-581 .elementor-element.elementor-element-a6f973e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a6f973e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e00ecb */.elementor-581 .elementor-element.elementor-element-5e00ecb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-5e00ecb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db9c3a0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-db9c3a0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-db9c3a0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-db9c3a0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-db9c3a0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-db9c3a0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-db9c3a0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12bf88 */.elementor-581 .elementor-element.elementor-element-b12bf88::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-b12bf88:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1daae4f */.elementor-581 .elementor-element.elementor-element-1daae4f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1daae4f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d331a8 */.elementor-581 .elementor-element.elementor-element-2d331a8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-2d331a8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9284b1f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-9284b1f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-9284b1f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-9284b1f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-9284b1f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-9284b1f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-9284b1f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb2816 */.elementor-581 .elementor-element.elementor-element-2cb2816::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-2cb2816:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b53a05c */.elementor-581 .elementor-element.elementor-element-b53a05c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-b53a05c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09157ee */.elementor-581 .elementor-element.elementor-element-09157ee::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-09157ee:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e7caaf *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-1e7caaf{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-1e7caaf::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-1e7caaf:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-1e7caaf > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-1e7caaf .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-1e7caaf:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fab406b */.elementor-581 .elementor-element.elementor-element-fab406b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-fab406b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a41ab96 */.elementor-581 .elementor-element.elementor-element-a41ab96::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a41ab96:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11713ad */.elementor-581 .elementor-element.elementor-element-11713ad::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-11713ad:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfd3859 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-bfd3859{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-bfd3859::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-bfd3859:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-bfd3859 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-bfd3859 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-bfd3859:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8009c27 */.elementor-581 .elementor-element.elementor-element-8009c27::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-8009c27:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feaed0f */.elementor-581 .elementor-element.elementor-element-feaed0f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-feaed0f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-201a2de */.elementor-581 .elementor-element.elementor-element-201a2de::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-201a2de:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-794359b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-794359b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-794359b::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-794359b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-794359b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-794359b .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-794359b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12eaa84 */.elementor-581 .elementor-element.elementor-element-12eaa84::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-12eaa84:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4fbbda9 */.elementor-581 .elementor-element.elementor-element-4fbbda9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-4fbbda9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-738bbe9 */.elementor-581 .elementor-element.elementor-element-738bbe9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-738bbe9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d925d92 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-d925d92{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-d925d92::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-d925d92:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-d925d92 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-d925d92 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-d925d92:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1afc70e */.elementor-581 .elementor-element.elementor-element-1afc70e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1afc70e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04752f0 */.elementor-581 .elementor-element.elementor-element-04752f0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-04752f0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eadd3d9 */.elementor-581 .elementor-element.elementor-element-eadd3d9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-eadd3d9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3c0c73 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-f3c0c73{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-f3c0c73::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-f3c0c73 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-019d1d8 */.elementor-581 .elementor-element.elementor-element-019d1d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-019d1d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44894e1 */.elementor-581 .elementor-element.elementor-element-44894e1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-44894e1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b227a0 */.elementor-581 .elementor-element.elementor-element-6b227a0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6b227a0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-663385f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-663385f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-663385f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-663385f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-663385f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-663385f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-663385f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a9e9497 */.elementor-581 .elementor-element.elementor-element-a9e9497::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a9e9497:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c26c3ab */.elementor-581 .elementor-element.elementor-element-c26c3ab::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-c26c3ab:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-552709c */.elementor-581 .elementor-element.elementor-element-552709c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-552709c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c21dc4 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-8c21dc4{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-8c21dc4::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-8c21dc4 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60e687a */.elementor-581 .elementor-element.elementor-element-60e687a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-60e687a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d9b072 */.elementor-581 .elementor-element.elementor-element-6d9b072::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6d9b072:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-720aeb3 */.elementor-581 .elementor-element.elementor-element-720aeb3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-720aeb3:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ba0974 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-6ba0974{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-6ba0974::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-6ba0974:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-6ba0974 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-6ba0974 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-6ba0974:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fc4e25 */.elementor-581 .elementor-element.elementor-element-6fc4e25::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6fc4e25:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ef3c0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-12ef3c0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-12ef3c0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-12ef3c0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-12ef3c0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-12ef3c0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-12ef3c0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9179d9c */.elementor-581 .elementor-element.elementor-element-9179d9c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-9179d9c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf2e5f6 */.elementor-581 .elementor-element.elementor-element-cf2e5f6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-cf2e5f6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8faf9f */.elementor-581 .elementor-element.elementor-element-f8faf9f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-f8faf9f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5e08db *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-a5e08db{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-a5e08db::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-a5e08db:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-a5e08db > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-a5e08db .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-a5e08db:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ddfb757 */.elementor-581 .elementor-element.elementor-element-ddfb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-ddfb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6f973e */.elementor-581 .elementor-element.elementor-element-a6f973e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a6f973e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e00ecb */.elementor-581 .elementor-element.elementor-element-5e00ecb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-5e00ecb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db9c3a0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-db9c3a0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-db9c3a0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-db9c3a0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-db9c3a0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-db9c3a0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-db9c3a0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12bf88 */.elementor-581 .elementor-element.elementor-element-b12bf88::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-b12bf88:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1daae4f */.elementor-581 .elementor-element.elementor-element-1daae4f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1daae4f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d331a8 */.elementor-581 .elementor-element.elementor-element-2d331a8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-2d331a8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9284b1f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-9284b1f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-9284b1f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-9284b1f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-9284b1f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-9284b1f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-9284b1f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb2816 */.elementor-581 .elementor-element.elementor-element-2cb2816::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-2cb2816:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b53a05c */.elementor-581 .elementor-element.elementor-element-b53a05c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-b53a05c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09157ee */.elementor-581 .elementor-element.elementor-element-09157ee::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-09157ee:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e7caaf *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-1e7caaf{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-1e7caaf::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-1e7caaf:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-1e7caaf > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-1e7caaf .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-1e7caaf:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fab406b */.elementor-581 .elementor-element.elementor-element-fab406b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-fab406b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a41ab96 */.elementor-581 .elementor-element.elementor-element-a41ab96::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a41ab96:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11713ad */.elementor-581 .elementor-element.elementor-element-11713ad::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-11713ad:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfd3859 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-bfd3859{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-bfd3859::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-bfd3859:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-bfd3859 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-bfd3859 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-bfd3859:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8009c27 */.elementor-581 .elementor-element.elementor-element-8009c27::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-8009c27:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feaed0f */.elementor-581 .elementor-element.elementor-element-feaed0f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-feaed0f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-201a2de */.elementor-581 .elementor-element.elementor-element-201a2de::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-201a2de:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-794359b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-794359b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-794359b::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-794359b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-794359b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-794359b .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-794359b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12eaa84 */.elementor-581 .elementor-element.elementor-element-12eaa84::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-12eaa84:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4fbbda9 */.elementor-581 .elementor-element.elementor-element-4fbbda9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-4fbbda9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-738bbe9 */.elementor-581 .elementor-element.elementor-element-738bbe9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-738bbe9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d925d92 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-d925d92{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-d925d92::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-d925d92:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-d925d92 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-d925d92 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-d925d92:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1afc70e */.elementor-581 .elementor-element.elementor-element-1afc70e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1afc70e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04752f0 */.elementor-581 .elementor-element.elementor-element-04752f0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-04752f0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eadd3d9 */.elementor-581 .elementor-element.elementor-element-eadd3d9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-eadd3d9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3c0c73 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-f3c0c73{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-f3c0c73::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-f3c0c73 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-019d1d8 */.elementor-581 .elementor-element.elementor-element-019d1d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-019d1d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44894e1 */.elementor-581 .elementor-element.elementor-element-44894e1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-44894e1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b227a0 */.elementor-581 .elementor-element.elementor-element-6b227a0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6b227a0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-663385f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-663385f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-663385f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-663385f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-663385f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-663385f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-663385f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a9e9497 */.elementor-581 .elementor-element.elementor-element-a9e9497::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a9e9497:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c26c3ab */.elementor-581 .elementor-element.elementor-element-c26c3ab::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-c26c3ab:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-552709c */.elementor-581 .elementor-element.elementor-element-552709c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-552709c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c21dc4 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-8c21dc4{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-8c21dc4::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-8c21dc4 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60e687a */.elementor-581 .elementor-element.elementor-element-60e687a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-60e687a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d9b072 */.elementor-581 .elementor-element.elementor-element-6d9b072::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6d9b072:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-720aeb3 */.elementor-581 .elementor-element.elementor-element-720aeb3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-720aeb3:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ba0974 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-6ba0974{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-6ba0974::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-6ba0974:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-6ba0974 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-6ba0974 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-6ba0974:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fc4e25 */.elementor-581 .elementor-element.elementor-element-6fc4e25::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6fc4e25:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ef3c0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-12ef3c0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-12ef3c0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-12ef3c0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-12ef3c0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-12ef3c0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-12ef3c0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9179d9c */.elementor-581 .elementor-element.elementor-element-9179d9c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-9179d9c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf2e5f6 */.elementor-581 .elementor-element.elementor-element-cf2e5f6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-cf2e5f6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8faf9f */.elementor-581 .elementor-element.elementor-element-f8faf9f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-f8faf9f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5e08db *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-a5e08db{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-a5e08db::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-a5e08db:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-a5e08db > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-a5e08db .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-a5e08db:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ddfb757 */.elementor-581 .elementor-element.elementor-element-ddfb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-ddfb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6f973e */.elementor-581 .elementor-element.elementor-element-a6f973e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a6f973e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e00ecb */.elementor-581 .elementor-element.elementor-element-5e00ecb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-5e00ecb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db9c3a0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-db9c3a0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-db9c3a0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-db9c3a0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-db9c3a0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-db9c3a0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-db9c3a0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12bf88 */.elementor-581 .elementor-element.elementor-element-b12bf88::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-b12bf88:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1daae4f */.elementor-581 .elementor-element.elementor-element-1daae4f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1daae4f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d331a8 */.elementor-581 .elementor-element.elementor-element-2d331a8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-2d331a8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9284b1f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-9284b1f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-9284b1f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-9284b1f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-9284b1f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-9284b1f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-9284b1f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb2816 */.elementor-581 .elementor-element.elementor-element-2cb2816::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-2cb2816:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b53a05c */.elementor-581 .elementor-element.elementor-element-b53a05c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-b53a05c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09157ee */.elementor-581 .elementor-element.elementor-element-09157ee::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-09157ee:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e7caaf *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-1e7caaf{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-1e7caaf::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-1e7caaf:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-1e7caaf > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-1e7caaf .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-1e7caaf:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fab406b */.elementor-581 .elementor-element.elementor-element-fab406b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-fab406b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a41ab96 */.elementor-581 .elementor-element.elementor-element-a41ab96::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a41ab96:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11713ad */.elementor-581 .elementor-element.elementor-element-11713ad::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-11713ad:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfd3859 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-bfd3859{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-bfd3859::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-bfd3859:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-bfd3859 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-bfd3859 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-bfd3859:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8009c27 */.elementor-581 .elementor-element.elementor-element-8009c27::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-8009c27:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feaed0f */.elementor-581 .elementor-element.elementor-element-feaed0f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-feaed0f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-201a2de */.elementor-581 .elementor-element.elementor-element-201a2de::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-201a2de:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-794359b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-794359b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-794359b::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-794359b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-794359b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-794359b .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-794359b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12eaa84 */.elementor-581 .elementor-element.elementor-element-12eaa84::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-12eaa84:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4fbbda9 */.elementor-581 .elementor-element.elementor-element-4fbbda9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-4fbbda9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-738bbe9 */.elementor-581 .elementor-element.elementor-element-738bbe9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-738bbe9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d925d92 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-d925d92{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-d925d92::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-d925d92:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-d925d92 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-d925d92 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-d925d92:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1afc70e */.elementor-581 .elementor-element.elementor-element-1afc70e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1afc70e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04752f0 */.elementor-581 .elementor-element.elementor-element-04752f0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-04752f0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eadd3d9 */.elementor-581 .elementor-element.elementor-element-eadd3d9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-eadd3d9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3c0c73 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-f3c0c73{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-f3c0c73::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-f3c0c73 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-019d1d8 */.elementor-581 .elementor-element.elementor-element-019d1d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-019d1d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44894e1 */.elementor-581 .elementor-element.elementor-element-44894e1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-44894e1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b227a0 */.elementor-581 .elementor-element.elementor-element-6b227a0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6b227a0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-663385f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-663385f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-663385f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-663385f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-663385f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-663385f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-663385f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a9e9497 */.elementor-581 .elementor-element.elementor-element-a9e9497::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a9e9497:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c26c3ab */.elementor-581 .elementor-element.elementor-element-c26c3ab::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-c26c3ab:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-552709c */.elementor-581 .elementor-element.elementor-element-552709c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-552709c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c21dc4 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-8c21dc4{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-8c21dc4::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-8c21dc4 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60e687a */.elementor-581 .elementor-element.elementor-element-60e687a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-60e687a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d9b072 */.elementor-581 .elementor-element.elementor-element-6d9b072::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6d9b072:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-720aeb3 */.elementor-581 .elementor-element.elementor-element-720aeb3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-720aeb3:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ba0974 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-6ba0974{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-6ba0974::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-6ba0974:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-6ba0974 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-6ba0974 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-6ba0974:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fc4e25 */.elementor-581 .elementor-element.elementor-element-6fc4e25::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6fc4e25:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ef3c0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-12ef3c0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-12ef3c0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-12ef3c0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-12ef3c0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-12ef3c0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-12ef3c0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9179d9c */.elementor-581 .elementor-element.elementor-element-9179d9c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-9179d9c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf2e5f6 */.elementor-581 .elementor-element.elementor-element-cf2e5f6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-cf2e5f6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8faf9f */.elementor-581 .elementor-element.elementor-element-f8faf9f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-f8faf9f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5e08db *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-a5e08db{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-a5e08db::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-a5e08db:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-a5e08db > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-a5e08db .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-a5e08db:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ddfb757 */.elementor-581 .elementor-element.elementor-element-ddfb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-ddfb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6f973e */.elementor-581 .elementor-element.elementor-element-a6f973e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a6f973e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e00ecb */.elementor-581 .elementor-element.elementor-element-5e00ecb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-5e00ecb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db9c3a0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-db9c3a0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-db9c3a0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-db9c3a0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-db9c3a0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-db9c3a0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-db9c3a0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12bf88 */.elementor-581 .elementor-element.elementor-element-b12bf88::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-b12bf88:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1daae4f */.elementor-581 .elementor-element.elementor-element-1daae4f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1daae4f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d331a8 */.elementor-581 .elementor-element.elementor-element-2d331a8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-2d331a8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9284b1f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-9284b1f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-9284b1f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-9284b1f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-9284b1f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-9284b1f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-9284b1f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb2816 */.elementor-581 .elementor-element.elementor-element-2cb2816::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-2cb2816:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b53a05c */.elementor-581 .elementor-element.elementor-element-b53a05c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-b53a05c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09157ee */.elementor-581 .elementor-element.elementor-element-09157ee::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-09157ee:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e7caaf *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-1e7caaf{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-1e7caaf::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-1e7caaf:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-1e7caaf > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-1e7caaf .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-1e7caaf:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fab406b */.elementor-581 .elementor-element.elementor-element-fab406b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-fab406b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a41ab96 */.elementor-581 .elementor-element.elementor-element-a41ab96::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a41ab96:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11713ad */.elementor-581 .elementor-element.elementor-element-11713ad::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-11713ad:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfd3859 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-bfd3859{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-bfd3859::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-bfd3859:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-bfd3859 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-bfd3859 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-bfd3859:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8009c27 */.elementor-581 .elementor-element.elementor-element-8009c27::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-8009c27:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feaed0f */.elementor-581 .elementor-element.elementor-element-feaed0f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-feaed0f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-201a2de */.elementor-581 .elementor-element.elementor-element-201a2de::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-201a2de:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-794359b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-794359b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-794359b::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-794359b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-794359b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-794359b .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-794359b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12eaa84 */.elementor-581 .elementor-element.elementor-element-12eaa84::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-12eaa84:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4fbbda9 */.elementor-581 .elementor-element.elementor-element-4fbbda9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-4fbbda9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-738bbe9 */.elementor-581 .elementor-element.elementor-element-738bbe9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-738bbe9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d925d92 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-d925d92{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-d925d92::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-d925d92:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-d925d92 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-d925d92 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-d925d92:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1afc70e */.elementor-581 .elementor-element.elementor-element-1afc70e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1afc70e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04752f0 */.elementor-581 .elementor-element.elementor-element-04752f0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-04752f0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eadd3d9 */.elementor-581 .elementor-element.elementor-element-eadd3d9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-eadd3d9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3c0c73 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-f3c0c73{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-f3c0c73::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-f3c0c73 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-019d1d8 */.elementor-581 .elementor-element.elementor-element-019d1d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-019d1d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44894e1 */.elementor-581 .elementor-element.elementor-element-44894e1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-44894e1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b227a0 */.elementor-581 .elementor-element.elementor-element-6b227a0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6b227a0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-663385f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-663385f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-663385f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-663385f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-663385f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-663385f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-663385f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a9e9497 */.elementor-581 .elementor-element.elementor-element-a9e9497::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a9e9497:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c26c3ab */.elementor-581 .elementor-element.elementor-element-c26c3ab::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-c26c3ab:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-552709c */.elementor-581 .elementor-element.elementor-element-552709c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-552709c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c21dc4 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-8c21dc4{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-8c21dc4::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-8c21dc4 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60e687a */.elementor-581 .elementor-element.elementor-element-60e687a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-60e687a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d9b072 */.elementor-581 .elementor-element.elementor-element-6d9b072::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6d9b072:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-720aeb3 */.elementor-581 .elementor-element.elementor-element-720aeb3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-720aeb3:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ba0974 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-6ba0974{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-6ba0974::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-6ba0974:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-6ba0974 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-6ba0974 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-6ba0974:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fc4e25 */.elementor-581 .elementor-element.elementor-element-6fc4e25::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6fc4e25:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ef3c0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-12ef3c0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-12ef3c0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-12ef3c0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-12ef3c0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-12ef3c0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-12ef3c0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9179d9c */.elementor-581 .elementor-element.elementor-element-9179d9c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-9179d9c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf2e5f6 */.elementor-581 .elementor-element.elementor-element-cf2e5f6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-cf2e5f6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8faf9f */.elementor-581 .elementor-element.elementor-element-f8faf9f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-f8faf9f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5e08db *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-a5e08db{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-a5e08db::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-a5e08db:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-a5e08db > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-a5e08db .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-a5e08db:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ddfb757 */.elementor-581 .elementor-element.elementor-element-ddfb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-ddfb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6f973e */.elementor-581 .elementor-element.elementor-element-a6f973e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a6f973e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e00ecb */.elementor-581 .elementor-element.elementor-element-5e00ecb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-5e00ecb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db9c3a0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-db9c3a0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-db9c3a0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-db9c3a0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-db9c3a0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-db9c3a0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-db9c3a0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12bf88 */.elementor-581 .elementor-element.elementor-element-b12bf88::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-b12bf88:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1daae4f */.elementor-581 .elementor-element.elementor-element-1daae4f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1daae4f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d331a8 */.elementor-581 .elementor-element.elementor-element-2d331a8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-2d331a8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9284b1f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-9284b1f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-9284b1f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-9284b1f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-9284b1f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-9284b1f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-9284b1f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb2816 */.elementor-581 .elementor-element.elementor-element-2cb2816::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-2cb2816:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b53a05c */.elementor-581 .elementor-element.elementor-element-b53a05c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-b53a05c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09157ee */.elementor-581 .elementor-element.elementor-element-09157ee::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-09157ee:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e7caaf *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-1e7caaf{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-1e7caaf::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-1e7caaf:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-1e7caaf > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-1e7caaf .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-1e7caaf:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fab406b */.elementor-581 .elementor-element.elementor-element-fab406b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-fab406b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a41ab96 */.elementor-581 .elementor-element.elementor-element-a41ab96::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a41ab96:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11713ad */.elementor-581 .elementor-element.elementor-element-11713ad::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-11713ad:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfd3859 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-bfd3859{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-bfd3859::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-bfd3859:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-bfd3859 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-bfd3859 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-bfd3859:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8009c27 */.elementor-581 .elementor-element.elementor-element-8009c27::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-8009c27:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feaed0f */.elementor-581 .elementor-element.elementor-element-feaed0f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-feaed0f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-201a2de */.elementor-581 .elementor-element.elementor-element-201a2de::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-201a2de:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-794359b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-794359b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-794359b::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-794359b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-794359b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-794359b .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-794359b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12eaa84 */.elementor-581 .elementor-element.elementor-element-12eaa84::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-12eaa84:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4fbbda9 */.elementor-581 .elementor-element.elementor-element-4fbbda9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-4fbbda9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-738bbe9 */.elementor-581 .elementor-element.elementor-element-738bbe9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-738bbe9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d925d92 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-d925d92{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-d925d92::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-d925d92:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-d925d92 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-d925d92 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-d925d92:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1afc70e */.elementor-581 .elementor-element.elementor-element-1afc70e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1afc70e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04752f0 */.elementor-581 .elementor-element.elementor-element-04752f0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-04752f0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eadd3d9 */.elementor-581 .elementor-element.elementor-element-eadd3d9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-eadd3d9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3c0c73 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-f3c0c73{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-f3c0c73::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-f3c0c73 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-019d1d8 */.elementor-581 .elementor-element.elementor-element-019d1d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-019d1d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44894e1 */.elementor-581 .elementor-element.elementor-element-44894e1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-44894e1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b227a0 */.elementor-581 .elementor-element.elementor-element-6b227a0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6b227a0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-663385f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-663385f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-663385f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-663385f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-663385f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-663385f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-663385f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a9e9497 */.elementor-581 .elementor-element.elementor-element-a9e9497::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a9e9497:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c26c3ab */.elementor-581 .elementor-element.elementor-element-c26c3ab::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-c26c3ab:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-552709c */.elementor-581 .elementor-element.elementor-element-552709c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-552709c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c21dc4 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-8c21dc4{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-8c21dc4::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-8c21dc4 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60e687a */.elementor-581 .elementor-element.elementor-element-60e687a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-60e687a:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d9b072 */.elementor-581 .elementor-element.elementor-element-6d9b072::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6d9b072:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-720aeb3 */.elementor-581 .elementor-element.elementor-element-720aeb3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-720aeb3:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ba0974 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-6ba0974{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-6ba0974::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-6ba0974:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-6ba0974 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-6ba0974 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-6ba0974:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fc4e25 */.elementor-581 .elementor-element.elementor-element-6fc4e25::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6fc4e25:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ef3c0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-12ef3c0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-12ef3c0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-12ef3c0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-12ef3c0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-12ef3c0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-12ef3c0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9179d9c */.elementor-581 .elementor-element.elementor-element-9179d9c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-9179d9c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf2e5f6 */.elementor-581 .elementor-element.elementor-element-cf2e5f6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-cf2e5f6:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8faf9f */.elementor-581 .elementor-element.elementor-element-f8faf9f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-f8faf9f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5e08db *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-a5e08db{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-a5e08db::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-a5e08db:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-a5e08db > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-a5e08db .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-a5e08db:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ddfb757 */.elementor-581 .elementor-element.elementor-element-ddfb757::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-ddfb757:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6f973e */.elementor-581 .elementor-element.elementor-element-a6f973e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a6f973e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e00ecb */.elementor-581 .elementor-element.elementor-element-5e00ecb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-5e00ecb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db9c3a0 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-db9c3a0{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-db9c3a0::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-db9c3a0:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-db9c3a0 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-db9c3a0 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-db9c3a0:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b12bf88 */.elementor-581 .elementor-element.elementor-element-b12bf88::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-b12bf88:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1daae4f */.elementor-581 .elementor-element.elementor-element-1daae4f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1daae4f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d331a8 */.elementor-581 .elementor-element.elementor-element-2d331a8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-2d331a8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9284b1f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-9284b1f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-9284b1f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-9284b1f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-9284b1f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-9284b1f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-9284b1f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cb2816 */.elementor-581 .elementor-element.elementor-element-2cb2816::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-2cb2816:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b53a05c */.elementor-581 .elementor-element.elementor-element-b53a05c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-b53a05c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09157ee */.elementor-581 .elementor-element.elementor-element-09157ee::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-09157ee:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e7caaf *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-1e7caaf{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-1e7caaf::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-1e7caaf:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-1e7caaf > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-1e7caaf .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-1e7caaf:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fab406b */.elementor-581 .elementor-element.elementor-element-fab406b::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-fab406b:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a41ab96 */.elementor-581 .elementor-element.elementor-element-a41ab96::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a41ab96:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11713ad */.elementor-581 .elementor-element.elementor-element-11713ad::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-11713ad:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfd3859 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-bfd3859{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-bfd3859::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-bfd3859:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-bfd3859 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-bfd3859 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-bfd3859:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8009c27 */.elementor-581 .elementor-element.elementor-element-8009c27::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-8009c27:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feaed0f */.elementor-581 .elementor-element.elementor-element-feaed0f::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-feaed0f:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-201a2de */.elementor-581 .elementor-element.elementor-element-201a2de::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-201a2de:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-794359b *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-794359b{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-794359b::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-794359b:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-794359b > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-794359b .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-794359b:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12eaa84 */.elementor-581 .elementor-element.elementor-element-12eaa84::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-12eaa84:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4fbbda9 */.elementor-581 .elementor-element.elementor-element-4fbbda9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-4fbbda9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-738bbe9 */.elementor-581 .elementor-element.elementor-element-738bbe9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-738bbe9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d925d92 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-d925d92{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-d925d92::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-d925d92:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-d925d92 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-d925d92 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-d925d92:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1afc70e */.elementor-581 .elementor-element.elementor-element-1afc70e::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-1afc70e:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04752f0 */.elementor-581 .elementor-element.elementor-element-04752f0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-04752f0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eadd3d9 */.elementor-581 .elementor-element.elementor-element-eadd3d9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-eadd3d9:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3c0c73 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-f3c0c73{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-f3c0c73::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-f3c0c73 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-f3c0c73:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-019d1d8 */.elementor-581 .elementor-element.elementor-element-019d1d8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-019d1d8:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44894e1 */.elementor-581 .elementor-element.elementor-element-44894e1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-44894e1:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b227a0 */.elementor-581 .elementor-element.elementor-element-6b227a0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-6b227a0:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-663385f *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-663385f{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-663385f::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-663385f:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-663385f > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-663385f .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-663385f:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a9e9497 */.elementor-581 .elementor-element.elementor-element-a9e9497::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-a9e9497:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c26c3ab */.elementor-581 .elementor-element.elementor-element-c26c3ab::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-c26c3ab:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-552709c */.elementor-581 .elementor-element.elementor-element-552709c::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.elementor-581 .elementor-element.elementor-element-552709c:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c21dc4 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-8c21dc4{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-8c21dc4::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-8c21dc4 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-8c21dc4:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-1469f46 *//* === Project Card – full-cover image + gentle zoom on hover === */
.elementor-581 .elementor-element.elementor-element-1469f46{
  /* מציג את תמונת-הרקע בצורה נכונה – “cover” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* כדי שלא יברח מעבר למסגרת בזמן זום */
  overflow: hidden;
  position: relative;
}

/* שיכפול של הרקע בשכבה תחתונה – עליה נעשה scale */
.elementor-581 .elementor-element.elementor-element-1469f46::before{
  content: "";
  position: absolute;
  inset: 0;
  
  /* יורש את תמונת-הרקע מהאלמנט עצמו */
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;

  /* זום חלק */
  transition: transform 0.6s ease;
  will-change: transform;        /* אנימציה חלקה */
  z-index: 0;                    /* מתחת לטקסט */
}

/* זום-אין עדין בזמן ריחוף */
.elementor-581 .elementor-element.elementor-element-1469f46:hover::before{
  transform: scale(1.1);        /* אפשר לשנות ל-1.05–1.12 לפי הטעם */
}

/* מבטיח שהטקסט/קונטיינרים פנימיים יישארו מעל התמונה */
.elementor-581 .elementor-element.elementor-element-1469f46 > *{
  position: relative;
  z-index: 1;
}

/* ─── טקסט-3 מקופל במצב רגיל ─── */
.elementor-581 .elementor-element.elementor-element-1469f46 .project-desc{
  max-height: 0;            /* 0 → תופס 0 מקום */
  opacity: 0;               /* לא נראה */
  overflow: hidden;         /* גוזם טקסט מעבר לגובה */
  transform: translateY(12px);      /* גלישה עדינה למטה */
  transition:
      max-height 1s ease,
      opacity   1s ease,   /* קצה דיליי לאפקט עדין */
      transform .6s ease;
  will-change: max-height, opacity, transform;
}

/* ─── בריחוף הכרטיס ─── */
.elementor-581 .elementor-element.elementor-element-1469f46:hover .project-desc{
  max-height: 200px;        /* יותר מהגובה המקסימלי הצפוי של הפסקה */
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */