.elementor-191 .elementor-element.elementor-element-c9de401{--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;--margin-top:-19px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-191 .elementor-element.elementor-element-c9de401:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-c9de401 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stage.may-invest.co.il/wp-content/uploads/2026/10/may-invest-hero-towers.webp");background-position:center center;background-size:cover;}.elementor-191 .elementor-element.elementor-element-0303126{--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-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-191 .elementor-element.elementor-element-33455d6{--divider-border-style:solid;--divider-color:#8E6E54;--divider-border-width:1px;--divider-element-spacing:16px;}.elementor-191 .elementor-element.elementor-element-33455d6 > .elementor-widget-container{margin:73px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-33455d6 .elementor-divider-separator{width:35%;margin:0 auto;margin-right:0;}.elementor-191 .elementor-element.elementor-element-33455d6 .elementor-divider{text-align:right;padding-block-start:16px;padding-block-end:16px;}.elementor-191 .elementor-element.elementor-element-33455d6 .elementor-divider__text{color:#8E6E54;font-family:"Heebo", Sans-serif;font-size:19px;font-weight:500;}.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-191 .elementor-element.elementor-element-df8f871 > .elementor-widget-container{margin:-22px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-df8f871{text-align:start;}.elementor-191 .elementor-element.elementor-element-df8f871 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:29px;font-weight:600;line-height:33px;color:#2E0B20;}.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-191 .elementor-element.elementor-element-7faf32c > .elementor-widget-container{margin:-12px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-7faf32c{font-family:"Heebo", Sans-serif;font-size:15px;font-weight:400;color:#5E5E5E;}.elementor-191 .elementor-element.elementor-element-7b56a47{--display:flex;--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;--gap:0px 43px;--row-gap:0px;--column-gap:43px;--overflow:hidden;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-5693466{--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:22px;}.elementor-191 .elementor-element.elementor-element-1f9835e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-1f9835e{text-align:start;}.elementor-191 .elementor-element.elementor-element-1f9835e .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:29px;font-weight:600;line-height:74px;color:#2E0B20;}.elementor-191 .elementor-element.elementor-element-d6587eb > .elementor-widget-container{margin:-23px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-d6587eb{font-family:"Heebo", Sans-serif;font-size:18px;font-weight:400;color:#5E5E5E;}.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-191 .elementor-element.elementor-element-532de24 .elementor-button{background-color:#8E6E54;font-family:"Heebo", Sans-serif;font-weight:500;}.elementor-191 .elementor-element.elementor-element-532de24 > .elementor-widget-container{margin:-12px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-532de24 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-191 .elementor-element.elementor-element-532de24 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-191 .elementor-element.elementor-element-9f0bb4d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-191 .elementor-element.elementor-element-80447c4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.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-191 .elementor-element.elementor-element-7522147 > .elementor-widget-container{border-radius:16px 16px 16px 16px;}.elementor-191 .elementor-element.elementor-element-7522147 img{border-radius:20px 20px 20px 20px;}.elementor-191 .elementor-element.elementor-element-dc28b5d{--display:flex;--justify-content:flex-end;}.elementor-191 .elementor-element.elementor-element-bcd0ad1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 43px;--row-gap:0px;--column-gap:43px;--overflow:hidden;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-bcd0ad1:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-bcd0ad1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-191 .elementor-element.elementor-element-454594d{--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:22px;}.elementor-191 .elementor-element.elementor-element-454594d.e-con{--align-self:center;}.elementor-191 .elementor-element.elementor-element-0281ea1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-0281ea1{text-align:start;}.elementor-191 .elementor-element.elementor-element-0281ea1 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:29px;font-weight:600;line-height:33px;color:#2E0B20;}.elementor-191 .elementor-element.elementor-element-50dc650 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-50dc650{font-family:"Heebo", Sans-serif;font-size:18px;font-weight:400;color:#5E5E5E;}.elementor-191 .elementor-element.elementor-element-62167ca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-191 .elementor-element.elementor-element-88ef64c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-191 .elementor-element.elementor-element-b7696a2 > .elementor-widget-container{border-radius:16px 16px 16px 16px;}.elementor-191 .elementor-element.elementor-element-b7696a2 img{border-radius:20px 20px 20px 20px;}.elementor-191 .elementor-element.elementor-element-ba01895{--display:flex;--justify-content:flex-end;}.elementor-191 .elementor-element.elementor-element-1b4fb1a{--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;--overflow:hidden;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-8ab3cb1{--divider-border-style:solid;--divider-color:#8E6E54;--divider-border-width:1px;--divider-element-spacing:16px;}.elementor-191 .elementor-element.elementor-element-8ab3cb1 .elementor-divider-separator{width:35%;margin:0 auto;margin-center:0;}.elementor-191 .elementor-element.elementor-element-8ab3cb1 .elementor-divider{text-align:center;padding-block-start:16px;padding-block-end:16px;}.elementor-191 .elementor-element.elementor-element-8ab3cb1 .elementor-divider__text{color:#8E6E54;font-family:"Heebo", Sans-serif;font-weight:600;}.elementor-191 .elementor-element.elementor-element-d6e2dbe{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-191 .elementor-element.elementor-element-d6e2dbe .swiper-slide > .elementor-element{height:100%;}.elementor-191 .elementor-element.elementor-element-a3d8178 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-a3d8178{text-align:center;}.elementor-191 .elementor-element.elementor-element-a3d8178 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:29px;font-weight:600;line-height:74px;color:#2E0B20;}.elementor-191 .elementor-element.elementor-element-c89895d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--overflow:hidden;--margin-top:-13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-191 .elementor-element.elementor-element-3c33084{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:14px 14px 14px 14px;--padding-top:13px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-3c33084:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-3c33084 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAFA;}.elementor-191 .elementor-element.elementor-element-ade8300{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-acb49a8{--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-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-191 .elementor-element.elementor-element-19e1f68 .elementor-icon-wrapper{text-align:center;}.elementor-191 .elementor-element.elementor-element-19e1f68 .elementor-icon{font-size:37px;}.elementor-191 .elementor-element.elementor-element-19e1f68 .elementor-icon svg{height:37px;}.elementor-191 .elementor-element.elementor-element-2eae18e > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-2eae18e{text-align:center;}.elementor-191 .elementor-element.elementor-element-2eae18e .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:17px;font-weight:600;color:#2E0B20;}.elementor-191 .elementor-element.elementor-element-092634e > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-092634e{text-align:center;}.elementor-191 .elementor-element.elementor-element-092634e .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:17px;font-weight:500;color:#2E0B20;}.elementor-191 .elementor-element.elementor-element-d8ad482 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 11px 0px 0px;}.elementor-191 .elementor-element.elementor-element-d8ad482{text-align:start;font-family:"Heebo", Sans-serif;font-size:15px;font-weight:400;color:#5E5E5E;}.elementor-191 .elementor-element.elementor-element-f4fbd5b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:14px 14px 14px 14px;--padding-top:13px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-f4fbd5b:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-f4fbd5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAFA;}.elementor-191 .elementor-element.elementor-element-c506937{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-abb9f41{--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-191 .elementor-element.elementor-element-a3c6e0a .elementor-icon-wrapper{text-align:center;}.elementor-191 .elementor-element.elementor-element-a3c6e0a .elementor-icon{font-size:37px;}.elementor-191 .elementor-element.elementor-element-a3c6e0a .elementor-icon svg{height:37px;}.elementor-191 .elementor-element.elementor-element-e1ee5a4 > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-e1ee5a4{text-align:center;}.elementor-191 .elementor-element.elementor-element-e1ee5a4 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:17px;font-weight:600;color:#2E0B20;}.elementor-191 .elementor-element.elementor-element-ef6619b > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-ef6619b{text-align:center;}.elementor-191 .elementor-element.elementor-element-ef6619b .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:17px;font-weight:500;color:#2E0B20;}.elementor-191 .elementor-element.elementor-element-f2079e4 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 11px 0px 0px;}.elementor-191 .elementor-element.elementor-element-f2079e4{text-align:start;font-family:"Heebo", Sans-serif;font-size:15px;font-weight:400;color:#5E5E5E;}.elementor-191 .elementor-element.elementor-element-4ac4213{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:14px 14px 14px 14px;--padding-top:13px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-4ac4213:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-4ac4213 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAFA;}.elementor-191 .elementor-element.elementor-element-f7090ed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-10e6b0c{--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-191 .elementor-element.elementor-element-8b3a8c5 .elementor-icon-wrapper{text-align:center;}.elementor-191 .elementor-element.elementor-element-8b3a8c5 .elementor-icon{font-size:37px;}.elementor-191 .elementor-element.elementor-element-8b3a8c5 .elementor-icon svg{height:37px;}.elementor-191 .elementor-element.elementor-element-633c5ba > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-633c5ba{text-align:center;}.elementor-191 .elementor-element.elementor-element-633c5ba .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:17px;font-weight:600;color:#2E0B20;}.elementor-191 .elementor-element.elementor-element-f1d464a > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 11px 0px 0px;}.elementor-191 .elementor-element.elementor-element-f1d464a{text-align:start;font-family:"Heebo", Sans-serif;font-size:15px;font-weight:400;color:#5E5E5E;}.elementor-191 .elementor-element.elementor-element-59caaa8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:14px 14px 14px 14px;--padding-top:13px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-59caaa8:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-59caaa8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAFA;}.elementor-191 .elementor-element.elementor-element-e2cad90{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-bf57902{--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-191 .elementor-element.elementor-element-59faf72 .elementor-icon-wrapper{text-align:center;}.elementor-191 .elementor-element.elementor-element-59faf72 .elementor-icon{font-size:37px;}.elementor-191 .elementor-element.elementor-element-59faf72 .elementor-icon svg{height:37px;}.elementor-191 .elementor-element.elementor-element-d17c6d9 > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-d17c6d9{text-align:center;}.elementor-191 .elementor-element.elementor-element-d17c6d9 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:17px;font-weight:600;color:#2E0B20;}.elementor-191 .elementor-element.elementor-element-c02383e > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 11px 0px 0px;}.elementor-191 .elementor-element.elementor-element-c02383e{text-align:start;font-family:"Heebo", Sans-serif;font-size:15px;font-weight:400;color:#5E5E5E;}.elementor-191 .elementor-element.elementor-element-d890035{--display:flex;--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;--gap:0px 43px;--row-gap:0px;--column-gap:43px;--overflow:hidden;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-8f90a9b{--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:22px;}.elementor-191 .elementor-element.elementor-element-2a85f83 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-2a85f83{text-align:start;}.elementor-191 .elementor-element.elementor-element-2a85f83 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:29px;font-weight:600;line-height:74px;color:#2E0B20;}.elementor-191 .elementor-element.elementor-element-8033d4c > .elementor-widget-container{margin:-23px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-8033d4c{font-family:"Heebo", Sans-serif;font-size:18px;font-weight:400;color:#5E5E5E;}.elementor-191 .elementor-element.elementor-element-d2feda2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-191 .elementor-element.elementor-element-eac1ee5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-191 .elementor-element.elementor-element-fcf20dd > .elementor-widget-container{border-radius:16px 16px 16px 16px;}.elementor-191 .elementor-element.elementor-element-fcf20dd img{border-radius:20px 20px 20px 20px;}.elementor-191 .elementor-element.elementor-element-e8f29d3{--display:flex;--justify-content:flex-end;}.elementor-191 .elementor-element.elementor-element-a3487e9{--display:flex;--min-height:372px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-a3487e9:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-a3487e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;background-image:url("https://stage.may-invest.co.il/wp-content/uploads/2026/09/מאי-יזמות-ובניה-7.png");background-size:cover;}.elementor-191 .elementor-element.elementor-element-140b35c{--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:flex-end;--align-items:center;}.elementor-191 .elementor-element.elementor-element-0105e13 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-0105e13{text-align:start;}.elementor-191 .elementor-element.elementor-element-0105e13 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:29px;font-weight:600;line-height:74px;color:#2E0B20;}.elementor-191 .elementor-element.elementor-element-0b37a5f > .elementor-widget-container{margin:-41px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-0b37a5f{text-align:start;}.elementor-191 .elementor-element.elementor-element-0b37a5f .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:23px;font-weight:500;line-height:74px;color:#2E0B20;}.elementor-191 .elementor-element.elementor-element-b312a71 .elementor-button{background-color:#8E6E54;font-family:"Heebo", Sans-serif;font-weight:500;}.elementor-191 .elementor-element.elementor-element-b312a71 > .elementor-widget-container{margin:-12px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-b312a71 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-191 .elementor-element.elementor-element-b312a71 .elementor-button .elementor-button-content-wrapper{gap:9px;}@media(max-width:1024px){.elementor-191 .elementor-element.elementor-element-d6e2dbe{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-191 .elementor-element.elementor-element-33455d6 > .elementor-widget-container{margin:11px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-33455d6 .elementor-divider-separator{width:89%;}.elementor-191 .elementor-element.elementor-element-33455d6 .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-191 .elementor-element.elementor-element-df8f871 > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-df8f871 .elementor-heading-title{font-size:29px;line-height:1.1em;}.elementor-191 .elementor-element.elementor-element-7faf32c > .elementor-widget-container{margin:-7px 0px 0px 0px;padding:0px 5px 0px 5px;}.elementor-191 .elementor-element.elementor-element-7b56a47{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:5px;--padding-right:5px;}.elementor-191 .elementor-element.elementor-element-5693466{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-191 .elementor-element.elementor-element-1f9835e .elementor-heading-title{font-size:23px;}.elementor-191 .elementor-element.elementor-element-d6587eb > .elementor-widget-container{padding:0px 0px 0px 5px;}.elementor-191 .elementor-element.elementor-element-d6587eb{font-size:16px;}.elementor-191 .elementor-element.elementor-element-532de24 > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-532de24 .elementor-button{font-size:13px;}.elementor-191 .elementor-element.elementor-element-bcd0ad1{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:5px;--padding-right:5px;}.elementor-191 .elementor-element.elementor-element-454594d{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-191 .elementor-element.elementor-element-0281ea1 .elementor-heading-title{font-size:26px;}.elementor-191 .elementor-element.elementor-element-50dc650 > .elementor-widget-container{padding:0px 0px 0px 5px;}.elementor-191 .elementor-element.elementor-element-50dc650{font-size:16px;}.elementor-191 .elementor-element.elementor-element-1b4fb1a{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-8ab3cb1 .elementor-divider-separator{width:89%;}.elementor-191 .elementor-element.elementor-element-8ab3cb1 .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-191 .elementor-element.elementor-element-d6e2dbe{--swiper-slides-to-display:1;}.elementor-191 .elementor-element.elementor-element-a3d8178 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-a3d8178 .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-191 .elementor-element.elementor-element-c89895d{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-191 .elementor-element.elementor-element-ade8300{--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;}.elementor-191 .elementor-element.elementor-element-d8ad482 > .elementor-widget-container{padding:0px 5px 0px 5px;}.elementor-191 .elementor-element.elementor-element-c506937{--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;}.elementor-191 .elementor-element.elementor-element-f2079e4 > .elementor-widget-container{padding:0px 5px 0px 5px;}.elementor-191 .elementor-element.elementor-element-f7090ed{--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;}.elementor-191 .elementor-element.elementor-element-f1d464a > .elementor-widget-container{padding:0px 5px 0px 5px;}.elementor-191 .elementor-element.elementor-element-e2cad90{--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;}.elementor-191 .elementor-element.elementor-element-c02383e > .elementor-widget-container{padding:0px 5px 0px 5px;}.elementor-191 .elementor-element.elementor-element-d890035{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:5px;--padding-right:5px;}.elementor-191 .elementor-element.elementor-element-8f90a9b{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-191 .elementor-element.elementor-element-2a85f83 .elementor-heading-title{font-size:23px;}.elementor-191 .elementor-element.elementor-element-8033d4c > .elementor-widget-container{padding:0px 0px 0px 5px;}.elementor-191 .elementor-element.elementor-element-8033d4c{font-size:16px;}.elementor-191 .elementor-element.elementor-element-a3487e9:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-a3487e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stage.may-invest.co.il/wp-content/uploads/2026/09/מאי-יזמות-ובניה-8.png");background-position:0px -166px;background-size:cover;}.elementor-191 .elementor-element.elementor-element-a3487e9{--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-0105e13{text-align:center;}.elementor-191 .elementor-element.elementor-element-0105e13 .elementor-heading-title{font-size:26px;line-height:1.3em;}.elementor-191 .elementor-element.elementor-element-0b37a5f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-0b37a5f{text-align:center;}.elementor-191 .elementor-element.elementor-element-0b37a5f .elementor-heading-title{font-size:16px;line-height:1.6em;}.elementor-191 .elementor-element.elementor-element-b312a71 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-b312a71 .elementor-button{font-size:13px;}}@media(min-width:768px){.elementor-191 .elementor-element.elementor-element-5693466{--width:50%;}.elementor-191 .elementor-element.elementor-element-9f0bb4d{--width:50%;}.elementor-191 .elementor-element.elementor-element-454594d{--width:50%;}.elementor-191 .elementor-element.elementor-element-62167ca{--width:50%;}.elementor-191 .elementor-element.elementor-element-3c33084{--width:25%;}.elementor-191 .elementor-element.elementor-element-acb49a8{--width:100%;}.elementor-191 .elementor-element.elementor-element-f4fbd5b{--width:25%;}.elementor-191 .elementor-element.elementor-element-abb9f41{--width:100%;}.elementor-191 .elementor-element.elementor-element-4ac4213{--width:25%;}.elementor-191 .elementor-element.elementor-element-10e6b0c{--width:100%;}.elementor-191 .elementor-element.elementor-element-59caaa8{--width:25%;}.elementor-191 .elementor-element.elementor-element-bf57902{--width:100%;}.elementor-191 .elementor-element.elementor-element-8f90a9b{--width:50%;}.elementor-191 .elementor-element.elementor-element-d2feda2{--width:50%;}.elementor-191 .elementor-element.elementor-element-140b35c{--width:100%;}}/* Start custom CSS for divider, class: .elementor-element-33455d6 *//* ========================================= ABOUT LABEL רק קו משמאל לטקסט כל שאר העיצוב נשלט מ-Elementor ========================================= */ /* מבנה המפריד */ .elementor-191 .elementor-element.elementor-element-33455d6 .elementor-divider-separator { width: auto !important; max-width: none !important; display: flex !important; flex-direction: row-reverse !important; align-items: center !important; margin: 0 !important; padding: 0 !important; border: none !important; } /* לא נוגעים בעיצוב הטקסט */ .elementor-191 .elementor-element.elementor-element-33455d6 .elementor-divider__text { white-space: nowrap; margin: 0; } /* מבטל את הקו המקורי */ .elementor-191 .elementor-element.elementor-element-33455d6 .elementor-divider-separator::before { display: none !important; content: none !important; } /* הקו משמאל לטקסט */ .elementor-191 .elementor-element.elementor-element-33455d6 .elementor-divider-separator::after { content: "" !important; display: block !important; flex: 0 0 55px !important; width: 55px !important; height: 1px !important; margin-right: 14px !important; background: #BEA58C !important; } /* מובייל - רק אורך הקו משתנה */ @media (max-width: 767px) { .elementor-191 .elementor-element.elementor-element-33455d6 .elementor-divider-separator::after { width: 40px !important; flex-basis: 40px !important; margin-right: 10px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-df8f871 */.section-title { opacity: 0; transform: translateY(14px); letter-spacing: 2px; animation: sectionTitleSoft 1.2s ease-out forwards; animation-delay: 0.25s; } @keyframes sectionTitleSoft { from { opacity: 0; transform: translateY(14px); letter-spacing: 2px; } to { opacity: 1; transform: translateY(0); letter-spacing: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c9de401 *//* ========================================================= MAY INVEST — ABOUT HERO CLEAN VERSION ללא 1996 ========================================================= */ /* ========================================================= 1. HERO ========================================================= */ .about-hero { position: relative !important; width: 100% !important; height: 430px !important; min-height: 430px !important; overflow: hidden !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: #ffffff !important; } /* ========================================================= 2. WHITE FADE ========================================================= */ .about-hero::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 28%, rgba(255,255,255,0.22) 40%, rgba(255,255,255,0.62) 55%, rgba(255,255,255,0.90) 67%, rgba(255,255,255,0.98) 78%, #ffffff 88%, #ffffff 100% ) !important; } /* ========================================================= 3. ARCH ========================================================= */ .about-hero::before { content: "" !important; position: absolute !important; left: 25px !important; top: 0 !important; width: 300px !important; height: 100% !important; box-sizing: border-box !important; border-left: 27px solid rgba(190,165,140,.84) !important; border-top: 27px solid rgba(190,165,140,.84) !important; border-right: 27px solid rgba(190,165,140,.84) !important; border-bottom: none !important; border-radius: 0 175px 0 0 !important; z-index: 2 !important; pointer-events: none !important; -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 66%, rgba(0,0,0,.95) 74%, rgba(0,0,0,.70) 83%, rgba(0,0,0,.38) 91%, transparent 100% ) !important; mask-image: linear-gradient( to bottom, #000 0%, #000 66%, rgba(0,0,0,.95) 74%, rgba(0,0,0,.70) 83%, rgba(0,0,0,.38) 91%, transparent 100% ) !important; } /* ========================================================= 4. INNER ========================================================= */ .about-hero-inner { position: relative !important; width: 100% !important; max-width: 1260px !important; height: 100% !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; padding-left: 30px !important; padding-right: 30px !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; direction: rtl !important; } /* ========================================================= 5. CONTENT AREA שולט רק באזור התוכן. כל הטיפוגרפיה והרווחים נשלטים דרך Elementor. ========================================================= */ .about-hero-content { position: relative !important; width: 47% !important; max-width: 560px !important; box-sizing: border-box !important; z-index: 4 !important; } /* ========================================================= 6. TABLET ========================================================= */ @media (max-width: 1024px) { .about-hero { height: 410px !important; min-height: 410px !important; } .about-hero-inner { padding-left: 25px !important; padding-right: 25px !important; } .about-hero-content { width: 50% !important; max-width: 500px !important; } /* קשת */ .about-hero::before { left: 18px !important; width: 255px !important; border-left-width: 23px !important; border-top-width: 23px !important; border-right-width: 23px !important; border-radius: 0 150px 0 0 !important; } } /* ========================================================= 7. MOBILE ========================================================= */ @media (max-width: 767px) { /* ===================================================== HERO ===================================================== */ .about-hero { position: relative !important; height: auto !important; min-height: 0 !important; /* אזור התמונה למעלה */ padding-top: 215px !important; overflow: hidden !important; background-size: auto 245px !important; background-position: top center !important; background-repeat: no-repeat !important; background-color: #ffffff !important; } /* ===================================================== MOBILE FADE התמונה נעלמת בצורה חלקה לתוך הלבן ===================================================== */ .about-hero::after { inset: auto !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 245px !important; background: linear-gradient( to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 44%, rgba(255,255,255,.10) 57%, rgba(255,255,255,.35) 69%, rgba(255,255,255,.68) 81%, rgba(255,255,255,.92) 91%, #ffffff 100% ) !important; z-index: 1 !important; } /* ===================================================== MOBILE ARCH ===================================================== */ .about-hero::before { left: 12px !important; top: 0 !important; width: 145px !important; height: 205px !important; border-left-width: 16px !important; border-top-width: 16px !important; border-right-width: 16px !important; border-radius: 0 95px 0 0 !important; border-color: rgba(190,165,140,.86) !important; z-index: 2 !important; } /* ===================================================== MOBILE INNER ===================================================== */ .about-hero-inner { position: relative !important; display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 22px !important; padding-right: 22px !important; box-sizing: border-box !important; background: #ffffff !important; z-index: 3 !important; } /* ===================================================== MOBILE CONTENT ===================================================== */ .about-hero-content { position: relative !important; width: 100% !important; max-width: none !important; box-sizing: border-box !important; z-index: 4 !important; } } /* ========================================================= 8. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .about-hero { padding-top: 205px !important; background-size: auto 235px !important; } .about-hero::after { height: 235px !important; } /* קשת */ .about-hero::before { left: 10px !important; width: 138px !important; height: 195px !important; border-left-width: 15px !important; border-top-width: 15px !important; border-right-width: 15px !important; border-radius: 0 90px 0 0 !important; } /* תוכן */ .about-hero-inner { padding-left: 18px !important; padding-right: 18px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1f9835e */.section-title { opacity: 0; transform: translateY(14px); letter-spacing: 2px; animation: sectionTitleSoft 1.2s ease-out forwards; animation-delay: 0.25s; } @keyframes sectionTitleSoft { from { opacity: 0; transform: translateY(14px); letter-spacing: 2px; } to { opacity: 1; transform: translateY(0); letter-spacing: 0; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-532de24 *//* ========================================= PREMIUM PHONE BUTTON ========================================= */ .premium-phone-btn { opacity: 0; transform: translateY(12px); animation: premiumBtnEntrance 1s ease-out .65s forwards; } /* הכפתור */ .premium-phone-btn .elementor-button { position: relative; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; } /* ========================================= הברקה ========================================= */ .premium-phone-btn .elementor-button::after { content: ""; position: absolute; top: -20%; left: -70%; width: 35%; height: 140%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,.30), transparent ); transform: skewX(-20deg); transition: left .65s ease; pointer-events: none; } /* ========================================= HOVER ========================================= */ .premium-phone-btn .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,.12); } /* הברקה */ .premium-phone-btn .elementor-button:hover::after { left: 135%; } /* ========================================= לחיצה ========================================= */ .premium-phone-btn .elementor-button:active { transform: translateY(0) scale(.98); } /* ========================================= אנימציית כניסה ========================================= */ @keyframes premiumBtnEntrance { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9f0bb4d *//* ================================================== אזור תמונה + קשת + מלל ================================================== */ .about-visual { position: relative !important; width: 100%; max-width: 620px; height: 400px; overflow: visible !important; } /* ================================================== תמונת הבניין ================================================== */ .about-building { position: absolute !important; width: 78% !important; max-width: none !important; top: 0 !important; right: 0 !important; left: auto !important; margin: 0 !important; z-index: 2 !important; opacity: 0; animation: buildingReveal 1s cubic-bezier(.22,1,.36,1) .1s forwards; } .about-building img { display: block !important; width: 100% !important; height: 350px !important; object-fit: cover !important; object-position: center center !important; border-radius: 3px !important; } /* ================================================== הקונטיינר של הקשת ================================================== */ .arch-element { position: absolute !important; left: 3% !important; top: 52px !important; width: 34% !important; height: 315px !important; margin: 0 !important; padding: 0 !important; z-index: 5 !important; pointer-events: none; } /* ================================================== הקשת עצמה ================================================== */ .arch-element::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 280px; box-sizing: border-box; /* ========================================== קשת עבה + צבע בז' חזק יותר ========================================== */ border-left: 32px solid rgba(190, 165, 140, 0.82); border-top: 32px solid rgba(190, 165, 140, 0.82); border-right: 32px solid rgba(190, 165, 140, 0.82); border-bottom: none; /* עיקול */ border-radius: 0 180px 0 0; /* ========================================== FADE רוב הקשת נשארת חזקה ורק למטה היא נעלמת ========================================== */ -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 68%, rgba(0,0,0,1) 72%, rgba(0,0,0,.90) 78%, rgba(0,0,0,.70) 84%, rgba(0,0,0,.45) 89%, rgba(0,0,0,.20) 94%, transparent 100% ); mask-image: linear-gradient( to bottom, #000 0%, #000 68%, rgba(0,0,0,1) 72%, rgba(0,0,0,.90) 78%, rgba(0,0,0,.70) 84%, rgba(0,0,0,.45) 89%, rgba(0,0,0,.20) 94%, transparent 100% ); /* אנימציה */ opacity: 0; animation: archReveal 1.25s cubic-bezier(.22,1,.36,1) forwards; } /* ================================================== המלל צבע / פונט / גודל נשלטים דרך Elementor ================================================== */ .arch-text { position: absolute !important; left: 3% !important; bottom: 22px !important; width: 145px !important; margin: 0 !important; z-index: 10 !important; opacity: 0; animation: archTextReveal .9s cubic-bezier(.22,1,.36,1) .55s forwards; } /* ================================================== אנימציית הקשת ================================================== */ @keyframes archReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } /* ================================================== אנימציית התמונה ================================================== */ @keyframes buildingReveal { 0% { opacity: 0; transform: translateY(15px) scale(.985); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ================================================== אנימציית המלל ================================================== */ @keyframes archTextReveal { 0% { opacity: 0; transform: translateY(10px); filter: blur(2px); } 100% { opacity: 1; transform: translateY(0); filter: blur(0); } } /* ================================================== טאבלט ================================================== */ @media (max-width: 1024px) { .about-visual { max-width: 520px; height: 360px; } .about-building { width: 78% !important; } .about-building img { height: 310px !important; } .arch-element { left: 3% !important; top: 45px !important; width: 34% !important; height: 280px !important; } .arch-element::before { height: 250px; border-left-width: 27px; border-top-width: 27px; border-right-width: 27px; border-radius: 0 160px 0 0; } .arch-text { left: 3% !important; bottom: 20px !important; width: 130px !important; } } /* ================================================== מובייל ================================================== */ @media (max-width: 767px) { .about-visual { width: 100%; max-width: 390px; height: 300px; margin-left: auto; margin-right: auto; overflow: visible !important; } /* תמונה */ .about-building { width: 79% !important; top: 0 !important; right: 0 !important; left: auto !important; } .about-building img { height: 260px !important; object-fit: cover !important; } /* קשת */ .arch-element { left: 2% !important; top: 38px !important; width: 35% !important; height: 235px !important; } .arch-element::before { height: 215px; border-left-width: 21px; border-top-width: 21px; border-right-width: 21px; border-radius: 0 130px 0 0; } /* מלל */ .arch-text { left: 2% !important; bottom: 15px !important; width: 110px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7b56a47 *//* ================================================== MOBILE ONLY תמונה + קשת ================================================== */ @media (max-width: 767px) { /* ========================================= הקונטיינר שמחזיק תמונה + קשת ========================================= */ .about-visual { position: relative !important; width: 100% !important; max-width: 100% !important; height: 250px !important; margin: 0 auto !important; overflow: visible !important; } /* ========================================= תמונת הבניין ========================================= */ .about-building { position: absolute !important; width: 82% !important; top: 0 !important; right: 0 !important; left: auto !important; margin: 0 !important; z-index: 2 !important; } .about-building img { display: block !important; width: 100% !important; height: 215px !important; object-fit: cover !important; object-position: center center !important; border-radius: 6px !important; } /* ========================================= הקונטיינר של הקשת ========================================= */ .arch-element { position: absolute !important; left: 0 !important; top: 28px !important; width: 39% !important; height: 210px !important; margin: 0 !important; padding: 0 !important; z-index: 5 !important; pointer-events: none; } /* ========================================= הקשת עצמה ========================================= */ .arch-element::before { content: ""; position: absolute; left: 0 !important; top: 0 !important; width: 100% !important; height: 205px !important; box-sizing: border-box; /* עובי + צבע הקשת */ border-left: 22px solid rgba(166, 132, 102, 0.72) !important; border-top: 22px solid rgba(166, 132, 102, 0.72) !important; border-right: 22px solid rgba(166, 132, 102, 0.72) !important; border-bottom: none !important; /* עיקול */ border-radius: 0 150px 0 0 !important; /* ========================================= Fade כלפי מטה ========================================= */ -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 58%, rgba(0,0,0,.95) 68%, rgba(0,0,0,.75) 78%, rgba(0,0,0,.45) 87%, rgba(0,0,0,.15) 94%, transparent 100% ) !important; mask-image: linear-gradient( to bottom, #000 0%, #000 58%, rgba(0,0,0,.95) 68%, rgba(0,0,0,.75) 78%, rgba(0,0,0,.45) 87%, rgba(0,0,0,.15) 94%, transparent 100% ) !important; } /* ========================================= המלל שליד/מתחת לקשת עיצוב הטקסט נשאר בשליטת Elementor ========================================= */ .arch-text { position: absolute !important; left: 3% !important; bottom: 5px !important; width: 115px !important; margin: 0 !important; z-index: 10 !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0281ea1 */.section-title { opacity: 0; transform: translateY(14px); letter-spacing: 2px; animation: sectionTitleSoft 1.2s ease-out forwards; animation-delay: 0.25s; } @keyframes sectionTitleSoft { from { opacity: 0; transform: translateY(14px); letter-spacing: 2px; } to { opacity: 1; transform: translateY(0); letter-spacing: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62167ca *//* ================================================== אזור תמונה + קשת + מלל ================================================== */ .about-visual { position: relative !important; width: 100%; max-width: 620px; height: 400px; overflow: visible !important; } /* ================================================== תמונת הבניין ================================================== */ .about-building { position: absolute !important; width: 78% !important; max-width: none !important; top: 0 !important; right: 0 !important; left: auto !important; margin: 0 !important; z-index: 2 !important; opacity: 0; animation: buildingReveal 1s cubic-bezier(.22,1,.36,1) .1s forwards; } .about-building img { display: block !important; width: 100% !important; height: 350px !important; object-fit: cover !important; object-position: center center !important; border-radius: 3px !important; } /* ================================================== הקונטיינר של הקשת ================================================== */ .arch-element { position: absolute !important; left: 3% !important; top: 52px !important; width: 34% !important; height: 315px !important; margin: 0 !important; padding: 0 !important; z-index: 5 !important; pointer-events: none; } /* ================================================== הקשת עצמה ================================================== */ .arch-element::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 280px; box-sizing: border-box; /* ========================================== קשת עבה + צבע בז' חזק יותר ========================================== */ border-left: 32px solid rgba(190, 165, 140, 0.82); border-top: 32px solid rgba(190, 165, 140, 0.82); border-right: 32px solid rgba(190, 165, 140, 0.82); border-bottom: none; /* עיקול */ border-radius: 0 180px 0 0; /* ========================================== FADE רוב הקשת נשארת חזקה ורק למטה היא נעלמת ========================================== */ -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 68%, rgba(0,0,0,1) 72%, rgba(0,0,0,.90) 78%, rgba(0,0,0,.70) 84%, rgba(0,0,0,.45) 89%, rgba(0,0,0,.20) 94%, transparent 100% ); mask-image: linear-gradient( to bottom, #000 0%, #000 68%, rgba(0,0,0,1) 72%, rgba(0,0,0,.90) 78%, rgba(0,0,0,.70) 84%, rgba(0,0,0,.45) 89%, rgba(0,0,0,.20) 94%, transparent 100% ); /* אנימציה */ opacity: 0; animation: archReveal 1.25s cubic-bezier(.22,1,.36,1) forwards; } /* ================================================== המלל צבע / פונט / גודל נשלטים דרך Elementor ================================================== */ .arch-text { position: absolute !important; left: 3% !important; bottom: 22px !important; width: 145px !important; margin: 0 !important; z-index: 10 !important; opacity: 0; animation: archTextReveal .9s cubic-bezier(.22,1,.36,1) .55s forwards; } /* ================================================== אנימציית הקשת ================================================== */ @keyframes archReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } /* ================================================== אנימציית התמונה ================================================== */ @keyframes buildingReveal { 0% { opacity: 0; transform: translateY(15px) scale(.985); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ================================================== אנימציית המלל ================================================== */ @keyframes archTextReveal { 0% { opacity: 0; transform: translateY(10px); filter: blur(2px); } 100% { opacity: 1; transform: translateY(0); filter: blur(0); } } /* ================================================== טאבלט ================================================== */ @media (max-width: 1024px) { .about-visual { max-width: 520px; height: 360px; } .about-building { width: 78% !important; } .about-building img { height: 310px !important; } .arch-element { left: 3% !important; top: 45px !important; width: 34% !important; height: 280px !important; } .arch-element::before { height: 250px; border-left-width: 27px; border-top-width: 27px; border-right-width: 27px; border-radius: 0 160px 0 0; } .arch-text { left: 3% !important; bottom: 20px !important; width: 130px !important; } } /* ================================================== מובייל ================================================== */ @media (max-width: 767px) { .about-visual { width: 100%; max-width: 390px; height: 300px; margin-left: auto; margin-right: auto; overflow: visible !important; } /* תמונה */ .about-building { width: 79% !important; top: 0 !important; right: 0 !important; left: auto !important; } .about-building img { height: 260px !important; object-fit: cover !important; } /* קשת */ .arch-element { left: 2% !important; top: 38px !important; width: 35% !important; height: 235px !important; } .arch-element::before { height: 215px; border-left-width: 21px; border-top-width: 21px; border-right-width: 21px; border-radius: 0 130px 0 0; } /* מלל */ .arch-text { left: 2% !important; bottom: 15px !important; width: 110px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd0ad1 *//* ================================================== MOBILE ONLY תמונה + קשת ================================================== */ @media (max-width: 767px) { /* ========================================= הקונטיינר שמחזיק תמונה + קשת ========================================= */ .about-visual { position: relative !important; width: 100% !important; max-width: 100% !important; height: 250px !important; margin: 0 auto !important; overflow: visible !important; } /* ========================================= תמונת הבניין ========================================= */ .about-building { position: absolute !important; width: 82% !important; top: 0 !important; right: 0 !important; left: auto !important; margin: 0 !important; z-index: 2 !important; } .about-building img { display: block !important; width: 100% !important; height: 215px !important; object-fit: cover !important; object-position: center center !important; border-radius: 6px !important; } /* ========================================= הקונטיינר של הקשת ========================================= */ .arch-element { position: absolute !important; left: 0 !important; top: 28px !important; width: 39% !important; height: 210px !important; margin: 0 !important; padding: 0 !important; z-index: 5 !important; pointer-events: none; } /* ========================================= הקשת עצמה ========================================= */ .arch-element::before { content: ""; position: absolute; left: 0 !important; top: 0 !important; width: 100% !important; height: 205px !important; box-sizing: border-box; /* עובי + צבע הקשת */ border-left: 22px solid rgba(166, 132, 102, 0.72) !important; border-top: 22px solid rgba(166, 132, 102, 0.72) !important; border-right: 22px solid rgba(166, 132, 102, 0.72) !important; border-bottom: none !important; /* עיקול */ border-radius: 0 150px 0 0 !important; /* ========================================= Fade כלפי מטה ========================================= */ -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 58%, rgba(0,0,0,.95) 68%, rgba(0,0,0,.75) 78%, rgba(0,0,0,.45) 87%, rgba(0,0,0,.15) 94%, transparent 100% ) !important; mask-image: linear-gradient( to bottom, #000 0%, #000 58%, rgba(0,0,0,.95) 68%, rgba(0,0,0,.75) 78%, rgba(0,0,0,.45) 87%, rgba(0,0,0,.15) 94%, transparent 100% ) !important; } /* ========================================= המלל שליד/מתחת לקשת עיצוב הטקסט נשאר בשליטת Elementor ========================================= */ .arch-text { position: absolute !important; left: 3% !important; bottom: 5px !important; width: 115px !important; margin: 0 !important; z-index: 10 !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-d6e2dbe *//* ========================================================== MAY — PROJECT LOOP CAROUSEL SAFE VERSION — ללא גלילה אופקית באתר ========================================================== */ .project-loop-carousel { position: relative !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; opacity: 0; transform: translateY(18px); animation: mayLoopEntrance .9s cubic-bezier(.22,1,.36,1) .1s forwards; } /* ========================================================== SWIPER ========================================================== */ .project-loop-carousel .swiper, .project-loop-carousel .swiper-container { width: 100% !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; } /* ========================================================== WRAPPER ========================================================== */ .project-loop-carousel .swiper-wrapper { box-sizing: border-box !important; align-items: stretch !important; } /* ========================================================== כל סלייד ========================================================== */ .project-loop-carousel .swiper-slide { position: relative !important; height: auto !important; min-width: 0 !important; box-sizing: border-box !important; overflow: hidden !important; border-radius: 16px !important; transform: scale(.975); opacity: .82; filter: brightness(.95); transition: transform .55s cubic-bezier(.22,1,.36,1), opacity .45s ease, filter .45s ease, box-shadow .45s ease !important; } /* ========================================================== סלייד פעיל ========================================================== */ .project-loop-carousel .swiper-slide-active { transform: scale(1); opacity: 1; filter: brightness(1); box-shadow: 0 12px 30px rgba(45,32,22,.09); } /* ========================================================== התוכן של ה-LOOP ========================================================== */ .project-loop-carousel .swiper-slide > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } /* ========================================================== תמונה — גודל אחיד ========================================================== */ .project-loop-carousel .swiper-slide .elementor-widget-image { width: 100% !important; height: 220px !important; max-width: 100% !important; overflow: hidden !important; border-radius: 16px 16px 0 0 !important; box-sizing: border-box !important; } .project-loop-carousel .swiper-slide .elementor-widget-image .elementor-widget-container { width: 100% !important; height: 100% !important; overflow: hidden !important; } .project-loop-carousel .swiper-slide .elementor-widget-image img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: cover !important; object-position: center center !important; border-radius: 16px 16px 0 0 !important; transform: scale(1); transition: transform .8s cubic-bezier(.22,1,.36,1) !important; } /* ========================================================== תמונה בסלייד הפעיל ========================================================== */ .project-loop-carousel .swiper-slide-active .elementor-widget-image img { transform: scale(1.025); } /* ========================================================== HOVER — רק בדסקטופ ללא הזזה לצדדים ========================================================== */ @media (hover: hover) and (min-width: 768px) { .project-loop-carousel .swiper-slide:hover { transform: scale(.99); opacity: 1; filter: brightness(1); box-shadow: 0 14px 32px rgba(45,32,22,.10); } .project-loop-carousel .swiper-slide-active:hover { transform: scale(1); } .project-loop-carousel .swiper-slide:hover .elementor-widget-image img { transform: scale(1.045); } } /* ========================================================== אור עדין ========================================================== */ .project-loop-carousel .swiper-slide::after { content: ""; position: absolute; inset: 0; border-radius: 16px; background: linear-gradient( 135deg, rgba(255,255,255,.10) 0%, transparent 32% ); opacity: 0; pointer-events: none; transition: opacity .4s ease; z-index: 10; } .project-loop-carousel .swiper-slide:hover::after { opacity: 1; } /* ========================================================== חצים ========================================================== */ .project-loop-carousel .elementor-swiper-button, .project-loop-carousel .swiper-button-next, .project-loop-carousel .swiper-button-prev { width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: rgba(255,255,255,.96) !important; border: 1px solid rgba(142,110,84,.18) !important; box-shadow: 0 5px 18px rgba(0,0,0,.08) !important; color: #8E6E54 !important; transition: transform .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease !important; z-index: 20 !important; } /* ========================================================== HOVER חצים ========================================================== */ .project-loop-carousel .elementor-swiper-button:hover, .project-loop-carousel .swiper-button-next:hover, .project-loop-carousel .swiper-button-prev:hover { transform: scale(1.06); background: #8E6E54 !important; color: #ffffff !important; box-shadow: 0 8px 22px rgba(142,110,84,.18) !important; } /* ========================================================== אנימציית כניסה ========================================================== */ @keyframes mayLoopEntrance { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) { .project-loop-carousel .swiper-slide .elementor-widget-image { height: 200px !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 767px) { .project-loop-carousel { overflow: hidden !important; } .project-loop-carousel .swiper, .project-loop-carousel .swiper-container { overflow: hidden !important; } .project-loop-carousel .swiper-slide { transform: scale(.985); opacity: .9; } .project-loop-carousel .swiper-slide-active { transform: scale(1); opacity: 1; } /* גובה אחיד לתמונות */ .project-loop-carousel .swiper-slide .elementor-widget-image { height: 180px !important; } .project-loop-carousel .swiper-slide-active .elementor-widget-image img { transform: scale(1.02); } /* חצים */ .project-loop-carousel .elementor-swiper-button, .project-loop-carousel .swiper-button-next, .project-loop-carousel .swiper-button-prev { width: 34px !important; height: 34px !important; } } /* ========================================================== SAFETY — שום אלמנט בקרוסלה לא יחרוג מהרוחב ========================================================== */ .project-loop-carousel *, .project-loop-carousel *::before, .project-loop-carousel *::after { box-sizing: border-box; } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion: reduce) { .project-loop-carousel, .project-loop-carousel *, .project-loop-carousel *::before, .project-loop-carousel *::after { animation: none !important; transition: none !important; } .project-loop-carousel { opacity: 1 !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a3d8178 */.section-title { opacity: 0; transform: translateY(14px); letter-spacing: 2px; animation: sectionTitleSoft 1.2s ease-out forwards; animation-delay: 0.25s; } @keyframes sectionTitleSoft { from { opacity: 0; transform: translateY(14px); letter-spacing: 2px; } to { opacity: 1; transform: translateY(0); letter-spacing: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ade8300 *//* ========================================= MAY STATS — קוד מלא ונקי מעטפת: may-stats-grid כרטיסיות: may-stat-card ========================================= */ .may-stats-grid { --may-bg: #FAF8F6; --may-title: #241E1B; --may-text: #6D6864; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch !important; width: 100%; } /* תמיכה בקונטיינר עם עטיפה פנימית של אלמנטור */ .may-stats-grid > .e-con-inner { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch !important; width: 100%; } .may-stats-grid .may-stat-card { position: relative !important; isolation: isolate; overflow: hidden !important; width: 100% !important; min-width: 0 !important; min-height: 220px !important; height: 100% !important; box-sizing: border-box !important; padding: 26px 18px 22px !important; background: var(--may-bg) !important; background-image: none !important; border: 1px solid rgba(142, 110, 84, .10) !important; border-radius: 18px !important; box-shadow: 0 7px 24px rgba(45, 35, 28, .035) !important; transition: transform .35s ease, box-shadow .35s ease; } /* קשת */ .may-stats-grid .may-stat-card::before { content: ""; position: absolute; z-index: 0; pointer-events: none; left: -22px; bottom: -72px; width: 125px; height: 225px; box-sizing: border-box; border: 14px solid rgba(142, 110, 84, .085); border-bottom: 0; border-radius: 0 112px 0 0; -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 52%, rgba(0, 0, 0, .65) 75%, transparent 100% ); mask-image: linear-gradient( to bottom, #000 0%, #000 52%, rgba(0, 0, 0, .65) 75%, transparent 100% ); } /* התוכן מעל הקשת */ .may-stats-grid .may-stat-card > *, .may-stats-grid .may-stat-card > .e-con-inner { position: relative; z-index: 1; } /* אייקונים — אותה מסגרת, בלי לשנות את מבנה ה-SVG */ .may-stats-grid .may-stat-card .elementor-widget-icon { width: 100%; margin-bottom: 12px !important; opacity: 1 !important; } .may-stats-grid .may-stat-card .elementor-icon { display: inline-flex !important; width: 34px !important; height: 34px !important; align-items: center; justify-content: center; padding: 0 !important; opacity: 1 !important; } /* צובע את האיור השלם לאותו גוון חום. עובד גם כשהצבע הכחול מובנה בתוך קובץ האייקון. */ .may-stats-grid .may-stat-card .elementor-icon svg, .may-stats-grid .may-stat-card .elementor-icon img { display: block; max-width: 100% !important; max-height: 100% !important; object-fit: contain; opacity: 1 !important; filter: brightness(0) saturate(100%) invert(46%) sepia(15%) saturate(1028%) hue-rotate(344deg) brightness(91%) contrast(88%) !important; } /* כותרות ותיאור */ .may-stats-grid .may-stat-card .elementor-heading-title { color: var(--may-title) !important; line-height: 1.35 !important; } .may-stats-grid .may-stat-card .elementor-widget-text-editor, .may-stats-grid .may-stat-card .elementor-widget-text-editor p { color: var(--may-text) !important; line-height: 1.6 !important; } .may-stats-grid .may-stat-card .elementor-widget-text-editor p:last-child { margin-bottom: 0 !important; } @media (hover: hover) { .may-stats-grid .may-stat-card:hover { transform: translateY(-5px); box-shadow: 0 16px 36px rgba(45, 35, 28, .08) !important; } } /* טאבלט */ @media (max-width: 1024px) { .may-stats-grid, .may-stats-grid > .e-con-inner { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; } .may-stats-grid .may-stat-card { min-height: 190px !important; padding: 22px 16px !important; } } /* מובייל */ @media (max-width: 767px) { .may-stats-grid, .may-stats-grid > .e-con-inner { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } .may-stats-grid .may-stat-card { min-height: 180px !important; padding: 17px 10px !important; border-radius: 14px !important; } .may-stats-grid .may-stat-card::before { left: -12px; bottom: -45px; width: 76px; height: 140px; border-width: 9px; border-bottom: 0; border-radius: 0 65px 0 0; } .may-stats-grid .may-stat-card .elementor-icon { width: 28px !important; height: 28px !important; } } @media (max-width: 370px) { .may-stats-grid, .may-stats-grid > .e-con-inner { grid-template-columns: 1fr !important; } .may-stats-grid .may-stat-card { min-height: 145px !important; } } @media (prefers-reduced-motion: reduce) { .may-stats-grid .may-stat-card { transition: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89895d *//* ========================================= כרטיסיות מאי ========================================= */ .mai-fact-box { position: relative !important; isolation: isolate; overflow: hidden !important; box-sizing: border-box !important; min-height: 220px !important; padding: 27px 18px 23px !important; background: #FAF8F6 !important; background-image: none !important; border: 1px solid rgba(142, 110, 84, 0.10) !important; border-radius: 18px !important; box-shadow: 0 7px 24px rgba(45, 35, 28, 0.035) !important; transition: transform 0.35s ease, box-shadow 0.35s ease; } /* הקשת בנייח */ .mai-fact-box::before { content: ""; position: absolute; z-index: 0; pointer-events: none; box-sizing: border-box; left: -28px; bottom: -55px; width: 135px; height: 235px; border-left: 17px solid rgba(142, 110, 84, 0.08); border-top: 17px solid rgba(142, 110, 84, 0.08); border-right: 17px solid rgba(142, 110, 84, 0.08); border-bottom: 0; border-radius: 0 125px 0 0; -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 48%, rgba(0, 0, 0, 0.85) 62%, rgba(0, 0, 0, 0.55) 76%, transparent 100% ); mask-image: linear-gradient( to bottom, #000 0%, #000 48%, rgba(0, 0, 0, 0.85) 62%, rgba(0, 0, 0, 0.55) 76%, transparent 100% ); } /* תוכן הכרטיס מעל הקשת */ .mai-fact-box > *, .mai-fact-box > .e-con-inner { position: relative; z-index: 1; } @media (hover: hover) { .mai-fact-box:hover { transform: translateY(-5px); box-shadow: 0 15px 32px rgba(45, 35, 28, 0.07) !important; } } /* ========================================= מובייל ========================================= */ @media (max-width: 767px) { .mai-fact-box { min-height: 200px !important; padding: 22px 18px !important; border-radius: 15px !important; } .mai-fact-box::before { top: 7px; bottom: -15px; height: auto; /* רוב הקשת מחוץ לכרטיס כדי שלא תיגע בטקסט */ left: -42px; width: 95px; border-left: 11px solid rgba(142, 110, 84, 0.065); border-top: 11px solid rgba(142, 110, 84, 0.065); border-right: 11px solid rgba(142, 110, 84, 0.065); border-bottom: 0; border-radius: 0 90px 0 0; /* שקיפות הדרגתית רק בחלק התחתון */ -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 62%, rgba(0, 0, 0, 0.75) 76%, rgba(0, 0, 0, 0.35) 89%, transparent 100% ); mask-image: linear-gradient( to bottom, #000 0%, #000 62%, rgba(0, 0, 0, 0.75) 76%, rgba(0, 0, 0, 0.35) 89%, transparent 100% ); } .mai-fact-box:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2a85f83 */.section-title { opacity: 0; transform: translateY(14px); letter-spacing: 2px; animation: sectionTitleSoft 1.2s ease-out forwards; animation-delay: 0.25s; } @keyframes sectionTitleSoft { from { opacity: 0; transform: translateY(14px); letter-spacing: 2px; } to { opacity: 1; transform: translateY(0); letter-spacing: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2feda2 *//* ================================================== אזור תמונה + קשת + מלל ================================================== */ .about-visual { position: relative !important; width: 100%; max-width: 620px; height: 400px; overflow: visible !important; } /* ================================================== תמונת הבניין ================================================== */ .about-building { position: absolute !important; width: 78% !important; max-width: none !important; top: 0 !important; right: 0 !important; left: auto !important; margin: 0 !important; z-index: 2 !important; opacity: 0; animation: buildingReveal 1s cubic-bezier(.22,1,.36,1) .1s forwards; } .about-building img { display: block !important; width: 100% !important; height: 350px !important; object-fit: cover !important; object-position: center center !important; border-radius: 3px !important; } /* ================================================== הקונטיינר של הקשת ================================================== */ .arch-element { position: absolute !important; left: 3% !important; top: 52px !important; width: 34% !important; height: 315px !important; margin: 0 !important; padding: 0 !important; z-index: 5 !important; pointer-events: none; } /* ================================================== הקשת עצמה ================================================== */ .arch-element::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 280px; box-sizing: border-box; /* ========================================== קשת עבה + צבע בז' חזק יותר ========================================== */ border-left: 32px solid rgba(190, 165, 140, 0.82); border-top: 32px solid rgba(190, 165, 140, 0.82); border-right: 32px solid rgba(190, 165, 140, 0.82); border-bottom: none; /* עיקול */ border-radius: 0 180px 0 0; /* ========================================== FADE רוב הקשת נשארת חזקה ורק למטה היא נעלמת ========================================== */ -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 68%, rgba(0,0,0,1) 72%, rgba(0,0,0,.90) 78%, rgba(0,0,0,.70) 84%, rgba(0,0,0,.45) 89%, rgba(0,0,0,.20) 94%, transparent 100% ); mask-image: linear-gradient( to bottom, #000 0%, #000 68%, rgba(0,0,0,1) 72%, rgba(0,0,0,.90) 78%, rgba(0,0,0,.70) 84%, rgba(0,0,0,.45) 89%, rgba(0,0,0,.20) 94%, transparent 100% ); /* אנימציה */ opacity: 0; animation: archReveal 1.25s cubic-bezier(.22,1,.36,1) forwards; } /* ================================================== המלל צבע / פונט / גודל נשלטים דרך Elementor ================================================== */ .arch-text { position: absolute !important; left: 3% !important; bottom: 22px !important; width: 145px !important; margin: 0 !important; z-index: 10 !important; opacity: 0; animation: archTextReveal .9s cubic-bezier(.22,1,.36,1) .55s forwards; } /* ================================================== אנימציית הקשת ================================================== */ @keyframes archReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } /* ================================================== אנימציית התמונה ================================================== */ @keyframes buildingReveal { 0% { opacity: 0; transform: translateY(15px) scale(.985); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ================================================== אנימציית המלל ================================================== */ @keyframes archTextReveal { 0% { opacity: 0; transform: translateY(10px); filter: blur(2px); } 100% { opacity: 1; transform: translateY(0); filter: blur(0); } } /* ================================================== טאבלט ================================================== */ @media (max-width: 1024px) { .about-visual { max-width: 520px; height: 360px; } .about-building { width: 78% !important; } .about-building img { height: 310px !important; } .arch-element { left: 3% !important; top: 45px !important; width: 34% !important; height: 280px !important; } .arch-element::before { height: 250px; border-left-width: 27px; border-top-width: 27px; border-right-width: 27px; border-radius: 0 160px 0 0; } .arch-text { left: 3% !important; bottom: 20px !important; width: 130px !important; } } /* ================================================== מובייל ================================================== */ @media (max-width: 767px) { .about-visual { width: 100%; max-width: 390px; height: 300px; margin-left: auto; margin-right: auto; overflow: visible !important; } /* תמונה */ .about-building { width: 79% !important; top: 0 !important; right: 0 !important; left: auto !important; } .about-building img { height: 260px !important; object-fit: cover !important; } /* קשת */ .arch-element { left: 2% !important; top: 38px !important; width: 35% !important; height: 235px !important; } .arch-element::before { height: 215px; border-left-width: 21px; border-top-width: 21px; border-right-width: 21px; border-radius: 0 130px 0 0; } /* מלל */ .arch-text { left: 2% !important; bottom: 15px !important; width: 110px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d890035 *//* ================================================== MOBILE ONLY תמונה + קשת ================================================== */ @media (max-width: 767px) { /* ========================================= הקונטיינר שמחזיק תמונה + קשת ========================================= */ .about-visual { position: relative !important; width: 100% !important; max-width: 100% !important; height: 250px !important; margin: 0 auto !important; overflow: visible !important; } /* ========================================= תמונת הבניין ========================================= */ .about-building { position: absolute !important; width: 82% !important; top: 0 !important; right: 0 !important; left: auto !important; margin: 0 !important; z-index: 2 !important; } .about-building img { display: block !important; width: 100% !important; height: 215px !important; object-fit: cover !important; object-position: center center !important; border-radius: 6px !important; } /* ========================================= הקונטיינר של הקשת ========================================= */ .arch-element { position: absolute !important; left: 0 !important; top: 28px !important; width: 39% !important; height: 210px !important; margin: 0 !important; padding: 0 !important; z-index: 5 !important; pointer-events: none; } /* ========================================= הקשת עצמה ========================================= */ .arch-element::before { content: ""; position: absolute; left: 0 !important; top: 0 !important; width: 100% !important; height: 205px !important; box-sizing: border-box; /* עובי + צבע הקשת */ border-left: 22px solid rgba(166, 132, 102, 0.72) !important; border-top: 22px solid rgba(166, 132, 102, 0.72) !important; border-right: 22px solid rgba(166, 132, 102, 0.72) !important; border-bottom: none !important; /* עיקול */ border-radius: 0 150px 0 0 !important; /* ========================================= Fade כלפי מטה ========================================= */ -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 58%, rgba(0,0,0,.95) 68%, rgba(0,0,0,.75) 78%, rgba(0,0,0,.45) 87%, rgba(0,0,0,.15) 94%, transparent 100% ) !important; mask-image: linear-gradient( to bottom, #000 0%, #000 58%, rgba(0,0,0,.95) 68%, rgba(0,0,0,.75) 78%, rgba(0,0,0,.45) 87%, rgba(0,0,0,.15) 94%, transparent 100% ) !important; } /* ========================================= המלל שליד/מתחת לקשת עיצוב הטקסט נשאר בשליטת Elementor ========================================= */ .arch-text { position: absolute !important; left: 3% !important; bottom: 5px !important; width: 115px !important; margin: 0 !important; z-index: 10 !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0105e13 */.section-title { opacity: 0; transform: translateY(14px); letter-spacing: 2px; animation: sectionTitleSoft 1.2s ease-out forwards; animation-delay: 0.25s; } @keyframes sectionTitleSoft { from { opacity: 0; transform: translateY(14px); letter-spacing: 2px; } to { opacity: 1; transform: translateY(0); letter-spacing: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b37a5f */.section-title { opacity: 0; transform: translateY(14px); letter-spacing: 2px; animation: sectionTitleSoft 1.2s ease-out forwards; animation-delay: 0.25s; } @keyframes sectionTitleSoft { from { opacity: 0; transform: translateY(14px); letter-spacing: 2px; } to { opacity: 1; transform: translateY(0); letter-spacing: 0; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b312a71 *//* ========================================= PREMIUM PHONE BUTTON ========================================= */ .premium-phone-btn { opacity: 0; transform: translateY(12px); animation: premiumBtnEntrance 1s ease-out .65s forwards; } /* הכפתור */ .premium-phone-btn .elementor-button { position: relative; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; } /* ========================================= הברקה ========================================= */ .premium-phone-btn .elementor-button::after { content: ""; position: absolute; top: -20%; left: -70%; width: 35%; height: 140%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,.30), transparent ); transform: skewX(-20deg); transition: left .65s ease; pointer-events: none; } /* ========================================= HOVER ========================================= */ .premium-phone-btn .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,.12); } /* הברקה */ .premium-phone-btn .elementor-button:hover::after { left: 135%; } /* ========================================= לחיצה ========================================= */ .premium-phone-btn .elementor-button:active { transform: translateY(0) scale(.98); } /* ========================================= אנימציית כניסה ========================================= */ @keyframes premiumBtnEntrance { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a3487e9 *//* ================================================== CONTACT CTA SECTION ================================================== */ .contact-arch-section { position: relative !important; overflow: hidden !important; isolation: isolate; } /* ================================================== כל התוכן מעל הקשת ================================================== */ .contact-arch-section > * { position: relative; z-index: 2; } /* ================================================== הקשת הגדולה רגל ישרה + עיקול ימני ================================================== */ .contact-arch-section::before { content: ""; position: absolute; left: 20px; top: 18px; width: 390px; height: 620px; box-sizing: border-box; /* ================================================== צבע הקשת שקוף ועדין כדי שלא ידרוס את המלל ================================================== */ border-left: 64px solid rgba(190, 165, 140, 0.16); border-top: 64px solid rgba(190, 165, 140, 0.16); border-right: 64px solid rgba(190, 165, 140, 0.16); border-bottom: none; /* ================================================== צורת הקשת ================================================== */ border-radius: 0 330px 0 0; pointer-events: none; z-index: 0; /* ================================================== FADE עדין כלפי מטה ================================================== */ -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 56%, rgba(0,0,0,.95) 64%, rgba(0,0,0,.78) 72%, rgba(0,0,0,.52) 80%, rgba(0,0,0,.28) 88%, rgba(0,0,0,.10) 94%, transparent 100% ); mask-image: linear-gradient( to bottom, #000 0%, #000 56%, rgba(0,0,0,.95) 64%, rgba(0,0,0,.78) 72%, rgba(0,0,0,.52) 80%, rgba(0,0,0,.28) 88%, rgba(0,0,0,.10) 94%, transparent 100% ); /* ================================================== מצב התחלתי לאנימציה ================================================== */ opacity: 0; transform: translateY(24px) scale(.97); transform-origin: left top; animation: contactArchReveal 1.35s cubic-bezier(.22,1,.36,1) forwards; } /* ================================================== ביטול הקשת העגולה הנוספת ================================================== */ .contact-arch-section::after { display: none !important; } /* ================================================== שלושת התחומים ================================================== */ .contact-benefits { position: relative; z-index: 5; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 0; width: auto; margin: 28px auto 28px auto; } /* ================================================== כל פריט ================================================== */ .contact-benefit { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; padding: 0 32px; opacity: 0; transform: translateY(14px); animation: contactBenefitReveal .85s cubic-bezier(.22,1,.36,1) forwards; } /* ================================================== קו מפריד בין הפריטים ================================================== */ .contact-benefit:not(:last-child)::after { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 30px; background: rgba(142,110,84,.22); transform: translateY(-50%); } /* ================================================== אייקונים ================================================== */ .contact-benefit .elementor-icon { color: #8E6E54; font-size: 22px; transition: transform .35s cubic-bezier(.22,1,.36,1), color .35s ease; } /* SVG */ .contact-benefit svg { width: 22px; height: 22px; fill: none; stroke: #8E6E54; transition: transform .35s cubic-bezier(.22,1,.36,1); } /* ================================================== טקסט ================================================== */ .contact-benefit .elementor-heading-title { margin: 0; } /* ================================================== HOVER ================================================== */ .contact-benefit:hover .elementor-icon, .contact-benefit:hover svg { transform: translateY(-3px) scale(1.06); } /* ================================================== כניסה מדורגת ================================================== */ .contact-benefit:nth-child(1) { animation-delay: .15s; } .contact-benefit:nth-child(2) { animation-delay: .28s; } .contact-benefit:nth-child(3) { animation-delay: .41s; } /* ================================================== אנימציית הקשת ================================================== */ @keyframes contactArchReveal { 0% { opacity: 0; transform: translate(-18px, 24px) scale(.97); } 100% { opacity: 1; transform: translate(0, 0) scale(1); } } /* ================================================== אנימציית הפריטים ================================================== */ @keyframes contactBenefitReveal { 0% { opacity: 0; transform: translateY(14px); } 100% { opacity: 1; transform: translateY(0); } } /* ================================================== TABLET ================================================== */ @media (max-width: 1024px) { /* קשת */ .contact-arch-section::before { left: 16px; top: 15px; width: 330px; height: 540px; border-left: 54px solid rgba(190, 165, 140, 0.16); border-top: 54px solid rgba(190, 165, 140, 0.16); border-right: 54px solid rgba(190, 165, 140, 0.16); border-bottom: none; border-radius: 0 280px 0 0; } /* פריטים */ .contact-benefit { padding: 0 22px; } } /* ================================================== MOBILE ================================================== */ @media (max-width: 767px) { /* ================================================== הקשת ================================================== */ .contact-arch-section::before { left: 10px; top: 18px; width: 235px; height: 430px; border-left: 38px solid rgba(190, 165, 140, 0.14); border-top: 38px solid rgba(190, 165, 140, 0.14); border-right: 38px solid rgba(190, 165, 140, 0.14); border-bottom: none; border-radius: 0 205px 0 0; } /* ================================================== שלושת התחומים ================================================== */ .contact-benefits { width: 100%; margin-top: 24px; margin-bottom: 26px; gap: 0; justify-content: center; } .contact-benefit { flex: 1; padding: 0 8px; gap: 6px; justify-content: center; } /* ================================================== קווים מפרידים ================================================== */ .contact-benefit:not(:last-child)::after { left: 0; height: 24px; background: rgba(142,110,84,.18); } /* ================================================== אייקונים ================================================== */ .contact-benefit .elementor-icon { font-size: 18px; } .contact-benefit svg { width: 18px; height: 18px; } } /* ================================================== MOBILE קטן ================================================== */ @media (max-width: 480px) { /* ================================================== קשת ================================================== */ .contact-arch-section::before { left: 8px; top: 15px; width: 205px; height: 400px; border-left: 34px solid rgba(190, 165, 140, 0.14); border-top: 34px solid rgba(190, 165, 140, 0.14); border-right: 34px solid rgba(190, 165, 140, 0.14); border-bottom: none; border-radius: 0 180px 0 0; } /* ================================================== פריטים ================================================== */ .contact-benefit { flex-direction: column; gap: 7px; padding: 0 5px; } .contact-benefit:not(:last-child)::after { height: 45px; } /* אייקונים */ .contact-benefit .elementor-icon { font-size: 20px; } .contact-benefit svg { width: 20px; height: 20px; } }/* End custom CSS */