.elementor-187 .elementor-element.elementor-element-2e82deb{--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-187 .elementor-element.elementor-element-2e82deb:not(.elementor-motion-effects-element-type-background), .elementor-187 .elementor-element.elementor-element-2e82deb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stage.may-invest.co.il/wp-content/uploads/2026/09/מגורים.png");background-position:center center;background-size:cover;}.elementor-187 .elementor-element.elementor-element-c7a3d77{--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-187 .elementor-element.elementor-element-c023aa2{--divider-border-style:solid;--divider-color:#8E6E54;--divider-border-width:1px;--divider-element-spacing:16px;}.elementor-187 .elementor-element.elementor-element-c023aa2 > .elementor-widget-container{margin:73px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-c023aa2 .elementor-divider-separator{width:35%;margin:0 auto;margin-right:0;}.elementor-187 .elementor-element.elementor-element-c023aa2 .elementor-divider{text-align:right;padding-block-start:16px;padding-block-end:16px;}.elementor-187 .elementor-element.elementor-element-c023aa2 .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-187 .elementor-element.elementor-element-c02d0ce > .elementor-widget-container{margin:-22px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-c02d0ce{text-align:start;}.elementor-187 .elementor-element.elementor-element-c02d0ce .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-187 .elementor-element.elementor-element-6ea17d4 > .elementor-widget-container{margin:-12px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-6ea17d4{font-family:"Heebo", Sans-serif;font-size:15px;font-weight:400;color:#5E5E5E;}.elementor-187 .elementor-element.elementor-element-a0a3ec2{--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-187 .elementor-element.elementor-element-a0a3ec2:not(.elementor-motion-effects-element-type-background), .elementor-187 .elementor-element.elementor-element-a0a3ec2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-187 .elementor-element.elementor-element-ae21c91{--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-187 .elementor-element.elementor-element-ae21c91.e-con{--align-self:center;}.elementor-187 .elementor-element.elementor-element-3a5cd0f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-3a5cd0f{text-align:start;}.elementor-187 .elementor-element.elementor-element-3a5cd0f .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:29px;font-weight:600;line-height:74px;color:#2E0B20;}.elementor-187 .elementor-element.elementor-element-13db81f > .elementor-widget-container{margin:-23px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-13db81f{font-family:"Heebo", Sans-serif;font-size:18px;font-weight:400;color:#5E5E5E;}.elementor-187 .elementor-element.elementor-element-611b980{--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-187 .elementor-element.elementor-element-50afe90{--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-187 .elementor-element.elementor-element-f06d3ad > .elementor-widget-container{border-radius:16px 16px 16px 16px;}.elementor-187 .elementor-element.elementor-element-f06d3ad img{border-radius:20px 20px 20px 20px;}.elementor-187 .elementor-element.elementor-element-1dd186d{--display:flex;--justify-content:flex-end;}.elementor-187 .elementor-element.elementor-element-dcfe50f{--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-187 .elementor-element.elementor-element-7bdc3e1{--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-187 .elementor-element.elementor-element-1b74d5c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-1b74d5c{text-align:start;}.elementor-187 .elementor-element.elementor-element-1b74d5c .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:29px;font-weight:600;line-height:74px;color:#2E0B20;}.elementor-187 .elementor-element.elementor-element-9315fc1 > .elementor-widget-container{margin:-23px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-9315fc1{font-family:"Heebo", Sans-serif;font-size:18px;font-weight:400;color:#5E5E5E;}.elementor-187 .elementor-element.elementor-element-552bf4d{--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-187 .elementor-element.elementor-element-4eac751{--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-187 .elementor-element.elementor-element-69d14f3 > .elementor-widget-container{border-radius:16px 16px 16px 16px;}.elementor-187 .elementor-element.elementor-element-69d14f3 img{border-radius:20px 20px 20px 20px;}.elementor-187 .elementor-element.elementor-element-961ac77{--display:flex;--justify-content:flex-end;}.elementor-187 .elementor-element.elementor-element-d22708f{--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-187 .elementor-element.elementor-element-d22708f:not(.elementor-motion-effects-element-type-background), .elementor-187 .elementor-element.elementor-element-d22708f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-187 .elementor-element.elementor-element-cccf437{--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-187 .elementor-element.elementor-element-cccf437.e-con{--align-self:center;}.elementor-187 .elementor-element.elementor-element-66130b5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-66130b5{text-align:start;}.elementor-187 .elementor-element.elementor-element-66130b5 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:29px;font-weight:600;line-height:74px;color:#2E0B20;}.elementor-187 .elementor-element.elementor-element-d38a85f > .elementor-widget-container{margin:-23px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-d38a85f{font-family:"Heebo", Sans-serif;font-size:18px;font-weight:400;color:#5E5E5E;}.elementor-187 .elementor-element.elementor-element-1adacd4{--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-187 .elementor-element.elementor-element-49b97e7{--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-187 .elementor-element.elementor-element-16c3571 > .elementor-widget-container{border-radius:16px 16px 16px 16px;}.elementor-187 .elementor-element.elementor-element-16c3571 img{border-radius:20px 20px 20px 20px;}.elementor-187 .elementor-element.elementor-element-8fc2e85{--display:flex;--justify-content:flex-end;}.elementor-187 .elementor-element.elementor-element-3fedf85{--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-187 .elementor-element.elementor-element-d6b6825{--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-187 .elementor-element.elementor-element-bb28f98 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-bb28f98{text-align:start;}.elementor-187 .elementor-element.elementor-element-bb28f98 .elementor-heading-title{font-family:"Heebo", Sans-serif;font-size:29px;font-weight:600;line-height:38px;color:#2E0B20;}.elementor-187 .elementor-element.elementor-element-bd9f555 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-bd9f555{font-family:"Heebo", Sans-serif;font-size:18px;font-weight:400;color:#5E5E5E;}.elementor-187 .elementor-element.elementor-element-bd2f0c0{--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-187 .elementor-element.elementor-element-d363800{--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-187 .elementor-element.elementor-element-1474149 > .elementor-widget-container{border-radius:16px 16px 16px 16px;}.elementor-187 .elementor-element.elementor-element-1474149 img{border-radius:20px 20px 20px 20px;}.elementor-187 .elementor-element.elementor-element-456de55{--display:flex;--justify-content:flex-end;}.elementor-187 .elementor-element.elementor-element-2eb2ae4{--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-187 .elementor-element.elementor-element-a6f82d4{--divider-border-style:solid;--divider-color:#8E6E54;--divider-border-width:1px;--divider-element-spacing:16px;}.elementor-187 .elementor-element.elementor-element-a6f82d4 .elementor-divider-separator{width:35%;margin:0 auto;margin-center:0;}.elementor-187 .elementor-element.elementor-element-a6f82d4 .elementor-divider{text-align:center;padding-block-start:16px;padding-block-end:16px;}.elementor-187 .elementor-element.elementor-element-a6f82d4 .elementor-divider__text{color:#8E6E54;font-family:"Heebo", Sans-serif;font-weight:600;}.elementor-187 .elementor-element.elementor-element-f252630{--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-187 .elementor-element.elementor-element-f252630 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-187 .elementor-element.elementor-element-f252630{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-187 .elementor-element.elementor-element-c023aa2 > .elementor-widget-container{margin:11px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-c023aa2 .elementor-divider-separator{width:89%;}.elementor-187 .elementor-element.elementor-element-c023aa2 .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-187 .elementor-element.elementor-element-c02d0ce > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-c02d0ce .elementor-heading-title{font-size:29px;line-height:1.1em;}.elementor-187 .elementor-element.elementor-element-6ea17d4 > .elementor-widget-container{margin:-7px 0px 0px 0px;padding:0px 5px 0px 5px;}.elementor-187 .elementor-element.elementor-element-a0a3ec2{--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-187 .elementor-element.elementor-element-ae21c91{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-187 .elementor-element.elementor-element-3a5cd0f .elementor-heading-title{font-size:26px;line-height:1.1em;}.elementor-187 .elementor-element.elementor-element-13db81f > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 5px;}.elementor-187 .elementor-element.elementor-element-13db81f{font-size:16px;}.elementor-187 .elementor-element.elementor-element-dcfe50f{--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-187 .elementor-element.elementor-element-7bdc3e1{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-187 .elementor-element.elementor-element-1b74d5c .elementor-heading-title{font-size:23px;}.elementor-187 .elementor-element.elementor-element-9315fc1 > .elementor-widget-container{padding:0px 0px 0px 5px;}.elementor-187 .elementor-element.elementor-element-9315fc1{font-size:16px;}.elementor-187 .elementor-element.elementor-element-d22708f{--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-187 .elementor-element.elementor-element-cccf437{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-187 .elementor-element.elementor-element-66130b5 .elementor-heading-title{font-size:26px;}.elementor-187 .elementor-element.elementor-element-d38a85f > .elementor-widget-container{padding:0px 0px 0px 5px;}.elementor-187 .elementor-element.elementor-element-d38a85f{font-size:16px;}.elementor-187 .elementor-element.elementor-element-3fedf85{--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-187 .elementor-element.elementor-element-d6b6825{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-187 .elementor-element.elementor-element-bb28f98 .elementor-heading-title{font-size:23px;line-height:1.3em;}.elementor-187 .elementor-element.elementor-element-bd9f555 > .elementor-widget-container{padding:0px 0px 0px 5px;}.elementor-187 .elementor-element.elementor-element-bd9f555{font-size:16px;}.elementor-187 .elementor-element.elementor-element-2eb2ae4{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-187 .elementor-element.elementor-element-a6f82d4 .elementor-divider-separator{width:89%;}.elementor-187 .elementor-element.elementor-element-a6f82d4 .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-187 .elementor-element.elementor-element-f252630{--swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-187 .elementor-element.elementor-element-ae21c91{--width:50%;}.elementor-187 .elementor-element.elementor-element-611b980{--width:50%;}.elementor-187 .elementor-element.elementor-element-7bdc3e1{--width:50%;}.elementor-187 .elementor-element.elementor-element-552bf4d{--width:50%;}.elementor-187 .elementor-element.elementor-element-cccf437{--width:50%;}.elementor-187 .elementor-element.elementor-element-1adacd4{--width:50%;}.elementor-187 .elementor-element.elementor-element-d6b6825{--width:50%;}.elementor-187 .elementor-element.elementor-element-bd2f0c0{--width:50%;}}/* Start custom CSS for divider, class: .elementor-element-c023aa2 *//* ========================================= ABOUT LABEL רק קו משמאל לטקסט כל שאר העיצוב נשלט מ-Elementor ========================================= */ /* מבנה המפריד */ .elementor-187 .elementor-element.elementor-element-c023aa2 .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-187 .elementor-element.elementor-element-c023aa2 .elementor-divider__text { white-space: nowrap; margin: 0; } /* מבטל את הקו המקורי */ .elementor-187 .elementor-element.elementor-element-c023aa2 .elementor-divider-separator::before { display: none !important; content: none !important; } /* הקו משמאל לטקסט */ .elementor-187 .elementor-element.elementor-element-c023aa2 .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-187 .elementor-element.elementor-element-c023aa2 .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-c02d0ce */.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-2e82deb *//* ========================================================= 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-3a5cd0f */.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-611b980 *//* ================================================== אזור תמונה + קשת + מלל ================================================== */ .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-a0a3ec2 *//* ================================================== 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-1b74d5c */.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-552bf4d *//* ================================================== אזור תמונה + קשת + מלל ================================================== */ .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-dcfe50f *//* ================================================== 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-66130b5 */.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-1adacd4 *//* ================================================== אזור תמונה + קשת + מלל ================================================== */ .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-d22708f *//* ================================================== 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-bb28f98 */.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-bd2f0c0 *//* ================================================== אזור תמונה + קשת + מלל ================================================== */ .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-3fedf85 *//* ================================================== 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-f252630 *//* ========================================================== 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 */