.elementor-158 .elementor-element.elementor-element-6e1aac2{--display:flex;--min-height:579px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-158 .elementor-element.elementor-element-6e1aac2::before, .elementor-158 .elementor-element.elementor-element-6e1aac2 > .elementor-background-video-container::before, .elementor-158 .elementor-element.elementor-element-6e1aac2 > .e-con-inner > .elementor-background-video-container::before, .elementor-158 .elementor-element.elementor-element-6e1aac2 > .elementor-background-slideshow::before, .elementor-158 .elementor-element.elementor-element-6e1aac2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-158 .elementor-element.elementor-element-6e1aac2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-158 .elementor-element.elementor-element-6e1aac2:not(.elementor-motion-effects-element-type-background), .elementor-158 .elementor-element.elementor-element-6e1aac2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://nbdigital.co.il/wp-content/uploads/2026/04/תמונת-רקע-.png") 50% 50%;background-size:cover;}.elementor-158 .elementor-element.elementor-element-6e1aac2.e-con{--align-self:center;}.elementor-158 .elementor-element.elementor-element-799e07f{--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;}.elementor-158 .elementor-element.elementor-element-799e07f.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-158 .elementor-element.elementor-element-f4cc578 .elementor-heading-title{font-family:"פנורמה", Sans-serif;font-size:56px;font-weight:600;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-3d09e96 );}.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-158 .elementor-element.elementor-element-763311b{font-family:"פנורמה", Sans-serif;font-size:26px;font-weight:400;color:var( --e-global-color-text );}.elementor-158 .elementor-element.elementor-element-9887aba{font-family:"פנורמה", Sans-serif;font-size:26px;font-weight:400;color:var( --e-global-color-text );}.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-158 .elementor-element.elementor-element-e6a2f1a .elementor-button{border-style:none;border-radius:9px 9px 9px 9px;}.elementor-158 .elementor-element.elementor-element-30005bc{--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-158 .elementor-element.elementor-element-30005bc.e-con{--align-self:flex-start;}.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-158 .elementor-element.elementor-element-1683107{--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;--margin-top:-112px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-158 .elementor-element.elementor-element-97e1436{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-158 .elementor-element.elementor-element-2c6a966{--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;--flex-wrap:nowrap;--margin-top:7px;--margin-bottom:7px;--margin-left:7px;--margin-right:7px;}.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-158 .elementor-element.elementor-element-d95646b .elementor-icon-wrapper{text-align:center;}.elementor-158 .elementor-element.elementor-element-d95646b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3d09e96 );}.elementor-158 .elementor-element.elementor-element-d95646b.elementor-view-framed .elementor-icon, .elementor-158 .elementor-element.elementor-element-d95646b.elementor-view-default .elementor-icon{color:var( --e-global-color-3d09e96 );border-color:var( --e-global-color-3d09e96 );}.elementor-158 .elementor-element.elementor-element-d95646b.elementor-view-framed .elementor-icon, .elementor-158 .elementor-element.elementor-element-d95646b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-3d09e96 );}.elementor-158 .elementor-element.elementor-element-d95646b.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-34cf737 );}.elementor-158 .elementor-element.elementor-element-d95646b.elementor-view-framed .elementor-icon:hover, .elementor-158 .elementor-element.elementor-element-d95646b.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-34cf737 );border-color:var( --e-global-color-34cf737 );}.elementor-158 .elementor-element.elementor-element-d95646b.elementor-view-framed .elementor-icon:hover, .elementor-158 .elementor-element.elementor-element-d95646b.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-34cf737 );}.elementor-158 .elementor-element.elementor-element-d95646b .elementor-icon{font-size:77px;}.elementor-158 .elementor-element.elementor-element-d95646b .elementor-icon svg{height:77px;}.elementor-158 .elementor-element.elementor-element-c246c10{columns:1;font-family:"פנורמה", Sans-serif;font-size:28px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-158 .elementor-element.elementor-element-c246c10 p{margin-block-end:0px;}.elementor-158 .elementor-element.elementor-element-7f7391e{--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;--flex-wrap:nowrap;--margin-top:7px;--margin-bottom:7px;--margin-left:7px;--margin-right:7px;}.elementor-158 .elementor-element.elementor-element-3e8ad5e .elementor-icon-wrapper{text-align:center;}.elementor-158 .elementor-element.elementor-element-3e8ad5e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3d09e96 );}.elementor-158 .elementor-element.elementor-element-3e8ad5e.elementor-view-framed .elementor-icon, .elementor-158 .elementor-element.elementor-element-3e8ad5e.elementor-view-default .elementor-icon{color:var( --e-global-color-3d09e96 );border-color:var( --e-global-color-3d09e96 );}.elementor-158 .elementor-element.elementor-element-3e8ad5e.elementor-view-framed .elementor-icon, .elementor-158 .elementor-element.elementor-element-3e8ad5e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-3d09e96 );}.elementor-158 .elementor-element.elementor-element-3e8ad5e .elementor-icon{font-size:77px;}.elementor-158 .elementor-element.elementor-element-3e8ad5e .elementor-icon svg{height:77px;}.elementor-158 .elementor-element.elementor-element-f2b97d3{font-family:"פנורמה", Sans-serif;font-size:28px;font-weight:400;}.elementor-158 .elementor-element.elementor-element-bab34b2{--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:7px;--margin-bottom:7px;--margin-left:7px;--margin-right:7px;}.elementor-158 .elementor-element.elementor-element-1820339 .elementor-icon-wrapper{text-align:center;}.elementor-158 .elementor-element.elementor-element-1820339.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3d09e96 );}.elementor-158 .elementor-element.elementor-element-1820339.elementor-view-framed .elementor-icon, .elementor-158 .elementor-element.elementor-element-1820339.elementor-view-default .elementor-icon{color:var( --e-global-color-3d09e96 );border-color:var( --e-global-color-3d09e96 );}.elementor-158 .elementor-element.elementor-element-1820339.elementor-view-framed .elementor-icon, .elementor-158 .elementor-element.elementor-element-1820339.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-3d09e96 );}.elementor-158 .elementor-element.elementor-element-1820339.elementor-view-stacked .elementor-icon:hover{background-color:#D1B88A;}.elementor-158 .elementor-element.elementor-element-1820339.elementor-view-framed .elementor-icon:hover, .elementor-158 .elementor-element.elementor-element-1820339.elementor-view-default .elementor-icon:hover{color:#D1B88A;border-color:#D1B88A;}.elementor-158 .elementor-element.elementor-element-1820339.elementor-view-framed .elementor-icon:hover, .elementor-158 .elementor-element.elementor-element-1820339.elementor-view-default .elementor-icon:hover svg{fill:#D1B88A;}.elementor-158 .elementor-element.elementor-element-1820339 .elementor-icon{font-size:77px;}.elementor-158 .elementor-element.elementor-element-1820339 .elementor-icon svg{height:77px;}.elementor-158 .elementor-element.elementor-element-50d8625{font-family:"פנורמה", Sans-serif;font-size:28px;font-weight:400;}.elementor-158 .elementor-element.elementor-element-83dbe48{--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:7px;--margin-bottom:7px;--margin-left:7px;--margin-right:7px;}.elementor-158 .elementor-element.elementor-element-2d6bc58 .elementor-icon-wrapper{text-align:center;}.elementor-158 .elementor-element.elementor-element-2d6bc58.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3d09e96 );}.elementor-158 .elementor-element.elementor-element-2d6bc58.elementor-view-framed .elementor-icon, .elementor-158 .elementor-element.elementor-element-2d6bc58.elementor-view-default .elementor-icon{color:var( --e-global-color-3d09e96 );border-color:var( --e-global-color-3d09e96 );}.elementor-158 .elementor-element.elementor-element-2d6bc58.elementor-view-framed .elementor-icon, .elementor-158 .elementor-element.elementor-element-2d6bc58.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-3d09e96 );}.elementor-158 .elementor-element.elementor-element-2d6bc58 .elementor-icon{font-size:70px;}.elementor-158 .elementor-element.elementor-element-2d6bc58 .elementor-icon svg{height:70px;}.elementor-158 .elementor-element.elementor-element-a3895af{font-family:"פנורמה", Sans-serif;font-size:28px;font-weight:400;}.elementor-158 .elementor-element.elementor-element-ea5da6a{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-158 .elementor-element.elementor-element-8a92a37{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-158 .elementor-element.elementor-element-8a92a37.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-158 .elementor-element.elementor-element-6e6571d{--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;}.elementor-158 .elementor-element.elementor-element-6e6571d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-158 .elementor-element.elementor-element-ab81001{--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;}.elementor-158 .elementor-element.elementor-element-ab81001.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-158 .elementor-element.elementor-element-e303ee3{--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;}.elementor-158 .elementor-element.elementor-element-e303ee3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-158 .elementor-element.elementor-element-3b8c335{--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-158 .elementor-element.elementor-element-b629726{text-align:center;}.elementor-158 .elementor-element.elementor-element-b629726 .elementor-heading-title{font-family:"פנורמה", Sans-serif;font-size:43px;font-weight:600;}.elementor-158 .elementor-element.elementor-element-8025b51{font-family:"פנורמה", Sans-serif;font-size:28px;font-weight:400;}.elementor-158 .elementor-element.elementor-element-900c6cc{--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-158 .elementor-element.elementor-element-a59b29c{--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;--overflow:auto;--margin-top:9px;--margin-bottom:9px;--margin-left:9px;--margin-right:9px;}.elementor-158 .elementor-element.elementor-element-a59b29c.e-con{--align-self:center;}.elementor-158 .elementor-element.elementor-element-dd6b544{--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-158 .elementor-element.elementor-element-18544a5{--display:flex;--min-height:344px;}.elementor-158 .elementor-element.elementor-element-64fbfb3{margin:17px 17px calc(var(--kit-widget-spacing, 0px) + 17px) 17px;text-align:center;}.elementor-158 .elementor-element.elementor-element-64fbfb3 .elementor-heading-title{color:var( --e-global-color-34cf737 );}.elementor-158 .elementor-element.elementor-element-62e6a27{font-family:"פנורמה", Sans-serif;font-weight:400;}.elementor-158 .elementor-element.elementor-element-6a094be{--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-158 .elementor-element.elementor-element-c75c31e{--display:flex;--min-height:344px;}.elementor-158 .elementor-element.elementor-element-5542c19{text-align:center;}.elementor-158 .elementor-element.elementor-element-85e5163{font-family:"פנורמה", Sans-serif;font-weight:400;}.elementor-158 .elementor-element.elementor-element-3a3d220{--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-158 .elementor-element.elementor-element-8911f86{--display:flex;--min-height:345px;}.elementor-158 .elementor-element.elementor-element-4b74178{text-align:center;}.elementor-158 .elementor-element.elementor-element-6cae49a{font-family:"פנורמה", Sans-serif;font-weight:400;}.elementor-158 .elementor-element.elementor-element-d02befb{--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;--justify-content:center;}.elementor-158 .elementor-element.elementor-element-907935f .elementor-heading-title{font-family:"פנורמה", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-34cf737 );}.elementor-158 .elementor-element.elementor-element-56a3535 .elementor-button{border-style:none;border-radius:9px 9px 9px 9px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-158 .elementor-element.elementor-element-f4cc578{text-align:center;}.elementor-158 .elementor-element.elementor-element-f4cc578 .elementor-heading-title{font-size:37px;}.elementor-158 .elementor-element.elementor-element-1683107{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-158 .elementor-element.elementor-element-3b8c335{--content-width:100%;}.elementor-158 .elementor-element.elementor-element-8025b51{font-size:21px;}.elementor-158 .elementor-element.elementor-element-a59b29c{--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-158 .elementor-element.elementor-element-6e1aac2{--content-width:100%;}.elementor-158 .elementor-element.elementor-element-799e07f{--width:38.496%;}.elementor-158 .elementor-element.elementor-element-30005bc{--width:100%;}.elementor-158 .elementor-element.elementor-element-2c6a966{--width:25%;}.elementor-158 .elementor-element.elementor-element-7f7391e{--width:25%;}.elementor-158 .elementor-element.elementor-element-bab34b2{--width:25%;}.elementor-158 .elementor-element.elementor-element-83dbe48{--width:25%;}.elementor-158 .elementor-element.elementor-element-8a92a37{--width:33%;}.elementor-158 .elementor-element.elementor-element-6e6571d{--width:33%;}.elementor-158 .elementor-element.elementor-element-ab81001{--width:33%;}.elementor-158 .elementor-element.elementor-element-e303ee3{--width:33%;}.elementor-158 .elementor-element.elementor-element-dd6b544{--width:50%;}.elementor-158 .elementor-element.elementor-element-6a094be{--width:50%;}.elementor-158 .elementor-element.elementor-element-3a3d220{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-6e1aac2 *//* יצירת שכבת הגנה שחוסמת מגע עם יוטיוב */
.elementor-158 .elementor-element.elementor-element-6e1aac2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; /* נמצא מעל הוידאו */
background: transparent; /* שקוף לגמרי */
}
/* מוודא שהטקסט והכפתורים שלך יהיו מעל השכבה החוסמת */
.elementor-158 .elementor-element.elementor-element-6e1aac2 > .elementor-container,
.elementor-158 .elementor-element.elementor-element-6e1aac2 > .elementor-widget-wrap {
z-index: 2 !important;
position: relative;
}
/* ביטול פקדים של יוטיוב שמופיעים במעבר עכבר */
.elementor-158 .elementor-element.elementor-element-6e1aac2 .elementor-background-video-embed {
pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d95646b *//* ==========================================
עיצוב האייקונים - מראה נקי, חד ויוקרתי (ללא זוהר)
========================================== */
.elementor-158 .elementor-element.elementor-element-d95646b {
/* הצבעים המדויקים שלך */
--brand-gold: #a68b5a;
--brand-gold-hover: #d1b88a;
}
/* 1. צבע נקי וחד לאייקונים */
.elementor-158 .elementor-element.elementor-element-d95646b .elementor-icon i,
.elementor-158 .elementor-element.elementor-element-d95646b .elementor-icon svg {
color: var(--brand-gold) !important;
transition: all 0.4s ease !important;
}
/* 2. צביעה חכמה ששומרת על המשפך וכל שאר האייקונים שלמים */
.elementor-158 .elementor-element.elementor-element-d95646b .elementor-icon svg * {
fill: currentColor;
}
.elementor-158 .elementor-element.elementor-element-d95646b .elementor-icon svg [fill="none"] {
fill: none !important;
stroke: currentColor !important;
}
.elementor-158 .elementor-element.elementor-element-d95646b .elementor-icon svg [stroke] {
stroke: currentColor !important;
}
/* 3. ביטול מוחלט של הצללים וההילות למראה חלק */
.elementor-158 .elementor-element.elementor-element-d95646b .elementor-icon {
filter: none !important;
transition: all 0.4s ease !important;
}
/* ==========================================
מעבר עכבר (Hover) - מינימליסטי וקלאסי
========================================== */
.elementor-158 .elementor-element.elementor-element-d95646b:hover .elementor-icon i,
.elementor-158 .elementor-element.elementor-element-d95646b:hover .elementor-icon svg {
/* האייקון הופך לזהב בהיר יותר נטו, בלי לכלוך מסביב */
color: var(--brand-gold-hover) !important;
}
.elementor-158 .elementor-element.elementor-element-d95646b:hover .elementor-icon {
/* קפיצה קטנה פנימה בלי הילות */
transform: scale(1.05);
filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c6a966 *//* ==========================================
זכוכית אדריכלית משולבת - שקופה עם הברקה אוטומטית
========================================== */
/* הגדרת האנימציה (חייבת להיות מחוץ לסלקטור) */
@keyframes autoSlowGlare {
0% { left: -150%; }
25% { left: 150%; } /* האור חוצה ברבע מהזמן הכולל */
100% { left: 150%; } /* ממתין בשאר הזמן */
}
.elementor-158 .elementor-element.elementor-element-2c6a966 {
/* הגדרת מהירות האנימציה - שנה את המספר כאן! (למשל: 5s, 10s) */
--glare-speed: 8s;
/* רקע שקוף צלול (זכוכית אמיתית) */
background: linear-gradient(
135deg,
rgba(255, 255, 255, 0.04) 0%,
rgba(255, 255, 255, 0) 100%
) !important;
/* אפקט זכוכית אמיתי */
backdrop-filter: blur(12px) saturate(130%) !important;
-webkit-backdrop-filter: blur(12px) saturate(130%) !important;
/* שכבת אור עצמאית */
position: relative !important;
overflow: hidden !important;
z-index: 1;
/* מסגרת זכוכית חיצונים */
border: 1px solid rgba(255, 255, 255, 0.12) !important;
/* עומק משולב: צל חיצוני + הברקה פנימית עליונה */
box-shadow:
0 15px 35px rgba(0, 0, 0, 0.25),
inset 0 1px 0px rgba(255, 255, 255, 0.15) !important;
/* פינות */
border-radius: 18px !important;
/* תנועה חלקה למעבר עכבר */
transition: all 0.6s ease !important;
}
/* ================================ */
/* שכבת פס האור המשתקף (האנימציה) */
/* ================================ */
.elementor-158 .elementor-element.elementor-element-2c6a966::before {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 60%;
height: 100%;
z-index: -1;
/* פס אור רך */
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.08) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-35deg);
pointer-events: none;
/* הפעלה אוטומטית לפי המהירות שהגדרנו למעלה */
animation: autoSlowGlare var(--glare-speed) cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
}
/* ================================ */
/* מסגרת אור פנימית (מהקוד המקורי שלך) */
/* ================================ */
.elementor-158 .elementor-element.elementor-element-2c6a966::after {
content: "";
position: absolute;
inset: 1px;
border-radius: 18px;
border-top: 1px solid rgba(255,255,255,0.18);
border-left: 1px solid rgba(255,255,255,0.08);
pointer-events: none;
}
/* ================================ */
/* אפקט Hover - התרוממות והארה */
/* ================================ */
.elementor-158 .elementor-element.elementor-element-2c6a966:hover {
transform: translateY(-5px) !important;
box-shadow:
0 20px 40px rgba(0, 0, 0, 0.4),
inset 0 1px 0px rgba(255, 255, 255, 0.25) !important;
border-color: rgba(255, 255, 255, 0.2) !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3e8ad5e *//* ==========================================
עיצוב האייקונים - מראה נקי, חד ויוקרתי (ללא זוהר)
========================================== */
.elementor-158 .elementor-element.elementor-element-3e8ad5e {
/* הצבעים המדויקים שלך */
--brand-gold: #a68b5a;
--brand-gold-hover: #d1b88a;
}
/* 1. צבע נקי וחד לאייקונים */
.elementor-158 .elementor-element.elementor-element-3e8ad5e .elementor-icon i,
.elementor-158 .elementor-element.elementor-element-3e8ad5e .elementor-icon svg {
color: var(--brand-gold) !important;
transition: all 0.4s ease !important;
}
/* 2. צביעה חכמה ששומרת על המשפך וכל שאר האייקונים שלמים */
.elementor-158 .elementor-element.elementor-element-3e8ad5e .elementor-icon svg * {
fill: currentColor;
}
.elementor-158 .elementor-element.elementor-element-3e8ad5e .elementor-icon svg [fill="none"] {
fill: none !important;
stroke: currentColor !important;
}
.elementor-158 .elementor-element.elementor-element-3e8ad5e .elementor-icon svg [stroke] {
stroke: currentColor !important;
}
/* 3. ביטול מוחלט של הצללים וההילות למראה חלק */
.elementor-158 .elementor-element.elementor-element-3e8ad5e .elementor-icon {
filter: none !important;
transition: all 0.4s ease !important;
}
/* ==========================================
מעבר עכבר (Hover) - מינימליסטי וקלאסי
========================================== */
.elementor-158 .elementor-element.elementor-element-3e8ad5e:hover .elementor-icon i,
.elementor-158 .elementor-element.elementor-element-3e8ad5e:hover .elementor-icon svg {
/* האייקון הופך לזהב בהיר יותר נטו, בלי לכלוך מסביב */
color: var(--brand-gold-hover) !important;
}
.elementor-158 .elementor-element.elementor-element-3e8ad5e:hover .elementor-icon {
/* קפיצה קטנה פנימה בלי הילות */
transform: scale(1.05);
filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f7391e *//* ==========================================
זכוכית אדריכלית משולבת - שקופה עם הברקה אוטומטית
========================================== */
/* הגדרת האנימציה (חייבת להיות מחוץ לסלקטור) */
@keyframes autoSlowGlare {
0% { left: -150%; }
25% { left: 150%; } /* האור חוצה ברבע מהזמן הכולל */
100% { left: 150%; } /* ממתין בשאר הזמן */
}
.elementor-158 .elementor-element.elementor-element-7f7391e {
/* הגדרת מהירות האנימציה - שנה את המספר כאן! (למשל: 5s, 10s) */
--glare-speed: 8s;
/* רקע שקוף צלול (זכוכית אמיתית) */
background: linear-gradient(
135deg,
rgba(255, 255, 255, 0.04) 0%,
rgba(255, 255, 255, 0) 100%
) !important;
/* אפקט זכוכית אמיתי */
backdrop-filter: blur(12px) saturate(130%) !important;
-webkit-backdrop-filter: blur(12px) saturate(130%) !important;
/* שכבת אור עצמאית */
position: relative !important;
overflow: hidden !important;
z-index: 1;
/* מסגרת זכוכית חיצונים */
border: 1px solid rgba(255, 255, 255, 0.12) !important;
/* עומק משולב: צל חיצוני + הברקה פנימית עליונה */
box-shadow:
0 15px 35px rgba(0, 0, 0, 0.25),
inset 0 1px 0px rgba(255, 255, 255, 0.15) !important;
/* פינות */
border-radius: 18px !important;
/* תנועה חלקה למעבר עכבר */
transition: all 0.6s ease !important;
}
/* ================================ */
/* שכבת פס האור המשתקף (האנימציה) */
/* ================================ */
.elementor-158 .elementor-element.elementor-element-7f7391e::before {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 60%;
height: 100%;
z-index: -1;
/* פס אור רך */
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.08) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-35deg);
pointer-events: none;
/* הפעלה אוטומטית לפי המהירות שהגדרנו למעלה */
animation: autoSlowGlare var(--glare-speed) cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
}
/* ================================ */
/* מסגרת אור פנימית (מהקוד המקורי שלך) */
/* ================================ */
.elementor-158 .elementor-element.elementor-element-7f7391e::after {
content: "";
position: absolute;
inset: 1px;
border-radius: 18px;
border-top: 1px solid rgba(255,255,255,0.18);
border-left: 1px solid rgba(255,255,255,0.08);
pointer-events: none;
}
/* ================================ */
/* אפקט Hover - התרוממות והארה */
/* ================================ */
.elementor-158 .elementor-element.elementor-element-7f7391e:hover {
transform: translateY(-5px) !important;
box-shadow:
0 20px 40px rgba(0, 0, 0, 0.4),
inset 0 1px 0px rgba(255, 255, 255, 0.25) !important;
border-color: rgba(255, 255, 255, 0.2) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bab34b2 *//* ==========================================
זכוכית אדריכלית משולבת - שקופה עם הברקה אוטומטית
========================================== */
/* הגדרת האנימציה (חייבת להיות מחוץ לסלקטור) */
@keyframes autoSlowGlare {
0% { left: -150%; }
25% { left: 150%; } /* האור חוצה ברבע מהזמן הכולל */
100% { left: 150%; } /* ממתין בשאר הזמן */
}
.elementor-158 .elementor-element.elementor-element-bab34b2 {
/* הגדרת מהירות האנימציה - שנה את המספר כאן! (למשל: 5s, 10s) */
--glare-speed: 8s;
/* רקע שקוף צלול (זכוכית אמיתית) */
background: linear-gradient(
135deg,
rgba(255, 255, 255, 0.04) 0%,
rgba(255, 255, 255, 0) 100%
) !important;
/* אפקט זכוכית אמיתי */
backdrop-filter: blur(12px) saturate(130%) !important;
-webkit-backdrop-filter: blur(12px) saturate(130%) !important;
/* שכבת אור עצמאית */
position: relative !important;
overflow: hidden !important;
z-index: 1;
/* מסגרת זכוכית חיצונים */
border: 1px solid rgba(255, 255, 255, 0.12) !important;
/* עומק משולב: צל חיצוני + הברקה פנימית עליונה */
box-shadow:
0 15px 35px rgba(0, 0, 0, 0.25),
inset 0 1px 0px rgba(255, 255, 255, 0.15) !important;
/* פינות */
border-radius: 18px !important;
/* תנועה חלקה למעבר עכבר */
transition: all 0.6s ease !important;
}
/* ================================ */
/* שכבת פס האור המשתקף (האנימציה) */
/* ================================ */
.elementor-158 .elementor-element.elementor-element-bab34b2::before {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 60%;
height: 100%;
z-index: -1;
/* פס אור רך */
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.08) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-35deg);
pointer-events: none;
/* הפעלה אוטומטית לפי המהירות שהגדרנו למעלה */
animation: autoSlowGlare var(--glare-speed) cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
}
/* ================================ */
/* מסגרת אור פנימית (מהקוד המקורי שלך) */
/* ================================ */
.elementor-158 .elementor-element.elementor-element-bab34b2::after {
content: "";
position: absolute;
inset: 1px;
border-radius: 18px;
border-top: 1px solid rgba(255,255,255,0.18);
border-left: 1px solid rgba(255,255,255,0.08);
pointer-events: none;
}
/* ================================ */
/* אפקט Hover - התרוממות והארה */
/* ================================ */
.elementor-158 .elementor-element.elementor-element-bab34b2:hover {
transform: translateY(-5px) !important;
box-shadow:
0 20px 40px rgba(0, 0, 0, 0.4),
inset 0 1px 0px rgba(255, 255, 255, 0.25) !important;
border-color: rgba(255, 255, 255, 0.2) !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2d6bc58 *//* ==========================================
עיצוב האייקונים - מראה נקי, חד ויוקרתי (ללא זוהר)
========================================== */
.elementor-158 .elementor-element.elementor-element-2d6bc58 {
/* הצבעים המדויקים שלך */
--brand-gold: #a68b5a;
--brand-gold-hover: #d1b88a;
}
/* 1. צבע נקי וחד לאייקונים */
.elementor-158 .elementor-element.elementor-element-2d6bc58 .elementor-icon i,
.elementor-158 .elementor-element.elementor-element-2d6bc58 .elementor-icon svg {
color: var(--brand-gold) !important;
transition: all 0.4s ease !important;
}
/* 2. צביעה חכמה ששומרת על המשפך וכל שאר האייקונים שלמים */
.elementor-158 .elementor-element.elementor-element-2d6bc58 .elementor-icon svg * {
fill: currentColor;
}
.elementor-158 .elementor-element.elementor-element-2d6bc58 .elementor-icon svg [fill="none"] {
fill: none !important;
stroke: currentColor !important;
}
.elementor-158 .elementor-element.elementor-element-2d6bc58 .elementor-icon svg [stroke] {
stroke: currentColor !important;
}
/* 3. ביטול מוחלט של הצללים וההילות למראה חלק */
.elementor-158 .elementor-element.elementor-element-2d6bc58 .elementor-icon {
filter: none !important;
transition: all 0.4s ease !important;
}
/* ==========================================
מעבר עכבר (Hover) - מינימליסטי וקלאסי
========================================== */
.elementor-158 .elementor-element.elementor-element-2d6bc58:hover .elementor-icon i,
.elementor-158 .elementor-element.elementor-element-2d6bc58:hover .elementor-icon svg {
/* האייקון הופך לזהב בהיר יותר נטו, בלי לכלוך מסביב */
color: var(--brand-gold-hover) !important;
}
.elementor-158 .elementor-element.elementor-element-2d6bc58:hover .elementor-icon {
/* קפיצה קטנה פנימה בלי הילות */
transform: scale(1.05);
filter: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83dbe48 *//* ==========================================
זכוכית אדריכלית משולבת - שקופה עם הברקה אוטומטית
========================================== */
/* הגדרת האנימציה (חייבת להיות מחוץ לסלקטור) */
@keyframes autoSlowGlare {
0% { left: -150%; }
25% { left: 150%; } /* האור חוצה ברבע מהזמן הכולל */
100% { left: 150%; } /* ממתין בשאר הזמן */
}
.elementor-158 .elementor-element.elementor-element-83dbe48 {
/* הגדרת מהירות האנימציה - שנה את המספר כאן! (למשל: 5s, 10s) */
--glare-speed: 8s;
/* רקע שקוף צלול (זכוכית אמיתית) */
background: linear-gradient(
135deg,
rgba(255, 255, 255, 0.04) 0%,
rgba(255, 255, 255, 0) 100%
) !important;
/* אפקט זכוכית אמיתי */
backdrop-filter: blur(12px) saturate(130%) !important;
-webkit-backdrop-filter: blur(12px) saturate(130%) !important;
/* שכבת אור עצמאית */
position: relative !important;
overflow: hidden !important;
z-index: 1;
/* מסגרת זכוכית חיצונים */
border: 1px solid rgba(255, 255, 255, 0.12) !important;
/* עומק משולב: צל חיצוני + הברקה פנימית עליונה */
box-shadow:
0 15px 35px rgba(0, 0, 0, 0.25),
inset 0 1px 0px rgba(255, 255, 255, 0.15) !important;
/* פינות */
border-radius: 18px !important;
/* תנועה חלקה למעבר עכבר */
transition: all 0.6s ease !important;
}
/* ================================ */
/* שכבת פס האור המשתקף (האנימציה) */
/* ================================ */
.elementor-158 .elementor-element.elementor-element-83dbe48::before {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 60%;
height: 100%;
z-index: -1;
/* פס אור רך */
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.08) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-35deg);
pointer-events: none;
/* הפעלה אוטומטית לפי המהירות שהגדרנו למעלה */
animation: autoSlowGlare var(--glare-speed) cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
}
/* ================================ */
/* מסגרת אור פנימית (מהקוד המקורי שלך) */
/* ================================ */
.elementor-158 .elementor-element.elementor-element-83dbe48::after {
content: "";
position: absolute;
inset: 1px;
border-radius: 18px;
border-top: 1px solid rgba(255,255,255,0.18);
border-left: 1px solid rgba(255,255,255,0.08);
pointer-events: none;
}
/* ================================ */
/* אפקט Hover - התרוממות והארה */
/* ================================ */
.elementor-158 .elementor-element.elementor-element-83dbe48:hover {
transform: translateY(-5px) !important;
box-shadow:
0 20px 40px rgba(0, 0, 0, 0.4),
inset 0 1px 0px rgba(255, 255, 255, 0.25) !important;
border-color: rgba(255, 255, 255, 0.2) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a040484 */
01
ליווי
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e373ca7 */
01
ליווי
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8544f5c */
01
ליווי
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-70c26b9 */
01
ליווי
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea5da6a *//* ==========================================
אנימציית ברק זכוכית
========================================== */
@keyframes autoSlowGlareArrow {
0% { left: 150%; }
25% { left: -150%; }
100% { left: -150%; }
}
/* ==========================================
הגדרות בסיס וזכוכית
========================================== */
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow {
--glare-speed: 8s;
position: relative !important;
overflow: hidden !important; /* מונע את מתיחת האתר והשבירה */
padding: 10px 40px;
margin-left: -25px;
display: flex;
align-items: center;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.01) 100%) !important;
backdrop-filter: blur(12px) saturate(130%) !important;
-webkit-backdrop-filter: blur(12px) saturate(130%) !important;
clip-path: polygon(10% 0, 100% 0, 90% 50%, 100% 100%, 10% 100%, 0% 50%);
transition: transform 0.4s ease !important;
}
/* ==========================================
מסגרת זהב דקה עם הגרדיאנט המטאלי שלך
========================================== */
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow::before {
content: "";
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
background: linear-gradient(135deg, #5e4b2d 0%, #a68b5a 35%, #d1b88a 50%, #a68b5a 65%, #5e4b2d 100%);
clip-path: polygon(
10% 0, 100% 0, 90% 50%, 100% 100%, 10% 100%, 0% 50%, 10% 0,
calc(10% + 1.5px) 1.5px,
1.5px 50%, calc(10% + 1.5px) calc(100% - 1.5px), calc(100% - 1.5px) calc(100% - 1.5px), calc(90% - 1.5px) 50%, calc(100% - 1.5px) 1.5px, calc(10% + 1.5px) 1.5px
);
transition: filter 0.4s ease;
}
/* ==========================================
פס האור (האנימציה) מותאם לזהב
========================================== */
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow::after {
content: "";
position: absolute;
top: 0;
left: 150%;
width: 60%;
height: 100%;
z-index: 1;
pointer-events: none;
background: linear-gradient(to right, rgba(209, 184, 138, 0) 0%, rgba(209, 184, 138, 0.15) 50%, rgba(209, 184, 138, 0) 100%);
transform: skewX(-35deg);
animation: autoSlowGlareArrow var(--glare-speed) cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
}
/* ==========================================
תזמון האור: גל זורם מ-01 ל-04
========================================== */
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow:first-child::after { animation-delay: 0s; }
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow:nth-child(2)::after { animation-delay: 0.4s; }
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow:nth-child(3)::after { animation-delay: 0.8s; }
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow:last-child::after { animation-delay: 1.2s; }
/* ==========================================
עיצוב קצוות מיוחד (ימין ישר, שמאל מעוגל)
========================================== */
/* חץ 01 (ימני ביותר) */
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow:first-child {
z-index: 4;
margin-left: 0;
clip-path: polygon(10% 0, 100% 0, 100% 50%, 100% 100%, 10% 100%, 0% 50%);
}
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow:first-child::before {
clip-path: polygon(
10% 0, 100% 0, 100% 50%, 100% 100%, 10% 100%, 0% 50%, 10% 0,
calc(10% + 1.5px) 1.5px,
1.5px 50%, calc(10% + 1.5px) calc(100% - 1.5px), calc(100% - 1.5px) calc(100% - 1.5px), calc(100% - 1.5px) 50%, calc(100% - 1.5px) 1.5px, calc(10% + 1.5px) 1.5px
);
}
/* חפיפה תקינה */
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow:nth-child(2) { z-index: 3; }
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow:nth-child(3) { z-index: 2; }
/* חץ 04 (שמאלי ביותר) - צד שמאל מעוגל */
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow:last-child {
z-index: 1;
clip-path: polygon(10px 0, 100% 0, 90% 50%, 100% 100%, 10px 100%, 3px calc(100% - 3px), 0 calc(100% - 10px), 0 10px, 3px 3px);
}
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow:last-child::before {
clip-path: polygon(
10px 0, 100% 0, 90% 50%, 100% 100%, 10px 100%, 3px calc(100% - 3px), 0 calc(100% - 10px), 0 10px, 3px 3px, 10px 0,
10px 1.5px, 4.5px 4.5px, 1.5px 10px, 1.5px calc(100% - 10px), 4.5px calc(100% - 4.5px), 10px calc(100% - 1.5px), calc(100% - 1.5px) calc(100% - 1.5px), calc(90% - 1.5px) 50%, calc(100% - 1.5px) 1.5px, 10px 1.5px
);
}
/* ==========================================
אפקט Hover
========================================== */
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow:hover {
transform: translateY(-4px) !important;
}
.elementor-158 .elementor-element.elementor-element-ea5da6a .custom-glass-arrow:hover::before {
filter: brightness(1.2) drop-shadow(0px 0px 4px rgba(209, 184, 138, 0.5));
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-62e6a27 */.elementor-158 .elementor-element.elementor-element-62e6a27 {
position: relative;
height: 1px;
min-height: 1px;
background: linear-gradient(
90deg,
transparent 0%,
rgba(166, 139, 90, 0.18) 12%,
rgba(166, 139, 90, 0.55) 42%,
rgba(209, 184, 138, 0.75) 50%,
rgba(166, 139, 90, 0.55) 58%,
rgba(166, 139, 90, 0.18) 88%,
transparent 100%
);
}
.elementor-158 .elementor-element.elementor-element-62e6a27::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 5px;
height: 5px;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #FFF1C7;
box-shadow:
0 0 3px #FFF1C7,
0 0 7px #D1B88A,
0 0 14px rgba(209, 184, 138, 0.75),
0 0 24px rgba(166, 139, 90, 0.35);
z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18544a5 *//* ========================================== זכוכית אדריכלית משולבת - שקופה עם הברקה אוטומטית ומסגרת זהב ========================================== */ /* הגדרת האנימציה */ @keyframes autoSlowGlare { 0% { left: -150%; } 25% { left: 150%; } 100% { left: 150%; } } .elementor-158 .elementor-element.elementor-element-18544a5 { --glare-speed: 8s; /* רקע שקוף צלול (זכוכית אמיתית) */ background: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%) !important; /* אפקט זכוכית אמיתי */ backdrop-filter: blur(12px) saturate(130%) !important; -webkit-backdrop-filter: blur(12px) saturate(130%) !important; /* הגדרות בסיס */ position: relative !important; overflow: hidden !important; z-index: 1; /* הסרנו את המסגרת הלבנה, היא תוחלף בזהב למטה */ border: none !important; /* עומק משולב: צל חיצוני + הברקה פנימית עליונה */ box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25), inset 0 1px 0px rgba(255, 255, 255, 0.15) !important; /* פינות */ border-radius: 18px !important; /* תנועה חלקה למעבר עכבר */ transition: all 0.6s ease !important; } /* ================================ */ /* מסגרת הזהב המטאלית (מחליפה את ה-border המקורי) */ /* ================================ */ .elementor-158 .elementor-element.elementor-element-18544a5::after { content: ""; position: absolute; inset: 0; border-radius: 18px; padding: 1.5px; /* עובי מסגרת הזהב - אפשר לשנות אם רוצים דק/עבה יותר */ /* הגרדיאנט המטאלי שלך */ background: linear-gradient(135deg, #5e4b2d 0%, #a68b5a 35%, #d1b88a 50%, #a68b5a 65%, #5e4b2d 100%); /* פקודת החיתוך שמשאירה רק את המסגרת */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: 2; } /* ================================ */ /* שכבת פס האור המשתקף (האנימציה) */ /* ================================ */ .elementor-158 .elementor-element.elementor-element-18544a5::before { content: ""; position: absolute; top: 0; left: -150%; width: 60%; height: 100%; z-index: 0; /* פס אור רך עם נגיעה של זהב */ background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(212, 175, 55, 0.1) 50%, rgba(255, 255, 255, 0) 100% ); transform: skewX(-35deg); pointer-events: none; /* הפעלה אוטומטית לפי המהירות שהגדרנו למעלה */ animation: autoSlowGlare var(--glare-speed) cubic-bezier(0.25, 0.8, 0.25, 1) infinite; } /* ================================ */ /* אפקט Hover - התרוממות והארה */ /* ================================ */ .elementor-158 .elementor-element.elementor-element-18544a5:hover { transform: translateY(-5px) !important; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0px rgba(255, 255, 255, 0.25) !important; } /* מאיר קצת את מסגרת הזהב במעבר עכבר */ .elementor-158 .elementor-element.elementor-element-18544a5:hover::after { filter: brightness(1.2) drop-shadow(0px 0px 4px rgba(209, 184, 138, 0.5)); }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85e5163 */.elementor-158 .elementor-element.elementor-element-85e5163 {
position: relative;
height: 1px;
min-height: 1px;
background: linear-gradient(
90deg,
transparent 0%,
rgba(166, 139, 90, 0.18) 12%,
rgba(166, 139, 90, 0.55) 42%,
rgba(209, 184, 138, 0.75) 50%,
rgba(166, 139, 90, 0.55) 58%,
rgba(166, 139, 90, 0.18) 88%,
transparent 100%
);
}
.elementor-158 .elementor-element.elementor-element-85e5163::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 5px;
height: 5px;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #FFF1C7;
box-shadow:
0 0 3px #FFF1C7,
0 0 7px #D1B88A,
0 0 14px rgba(209, 184, 138, 0.75),
0 0 24px rgba(166, 139, 90, 0.35);
z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c75c31e *//* ========================================== זכוכית אדריכלית משולבת - שקופה עם הברקה אוטומטית ומסגרת זהב ========================================== */ /* הגדרת האנימציה */ @keyframes autoSlowGlare { 0% { left: -150%; } 25% { left: 150%; } 100% { left: 150%; } } .elementor-158 .elementor-element.elementor-element-c75c31e { --glare-speed: 8s; /* רקע שקוף צלול (זכוכית אמיתית) */ background: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%) !important; /* אפקט זכוכית אמיתי */ backdrop-filter: blur(12px) saturate(130%) !important; -webkit-backdrop-filter: blur(12px) saturate(130%) !important; /* הגדרות בסיס */ position: relative !important; overflow: hidden !important; z-index: 1; /* הסרנו את המסגרת הלבנה, היא תוחלף בזהב למטה */ border: none !important; /* עומק משולב: צל חיצוני + הברקה פנימית עליונה */ box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25), inset 0 1px 0px rgba(255, 255, 255, 0.15) !important; /* פינות */ border-radius: 18px !important; /* תנועה חלקה למעבר עכבר */ transition: all 0.6s ease !important; } /* ================================ */ /* מסגרת הזהב המטאלית (מחליפה את ה-border המקורי) */ /* ================================ */ .elementor-158 .elementor-element.elementor-element-c75c31e::after { content: ""; position: absolute; inset: 0; border-radius: 18px; padding: 1.5px; /* עובי מסגרת הזהב - אפשר לשנות אם רוצים דק/עבה יותר */ /* הגרדיאנט המטאלי שלך */ background: linear-gradient(135deg, #5e4b2d 0%, #a68b5a 35%, #d1b88a 50%, #a68b5a 65%, #5e4b2d 100%); /* פקודת החיתוך שמשאירה רק את המסגרת */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: 2; } /* ================================ */ /* שכבת פס האור המשתקף (האנימציה) */ /* ================================ */ .elementor-158 .elementor-element.elementor-element-c75c31e::before { content: ""; position: absolute; top: 0; left: -150%; width: 60%; height: 100%; z-index: 0; /* פס אור רך עם נגיעה של זהב */ background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(212, 175, 55, 0.1) 50%, rgba(255, 255, 255, 0) 100% ); transform: skewX(-35deg); pointer-events: none; /* הפעלה אוטומטית לפי המהירות שהגדרנו למעלה */ animation: autoSlowGlare var(--glare-speed) cubic-bezier(0.25, 0.8, 0.25, 1) infinite; } /* ================================ */ /* אפקט Hover - התרוממות והארה */ /* ================================ */ .elementor-158 .elementor-element.elementor-element-c75c31e:hover { transform: translateY(-5px) !important; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0px rgba(255, 255, 255, 0.25) !important; } /* מאיר קצת את מסגרת הזהב במעבר עכבר */ .elementor-158 .elementor-element.elementor-element-c75c31e:hover::after { filter: brightness(1.2) drop-shadow(0px 0px 4px rgba(209, 184, 138, 0.5)); }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6cae49a */.elementor-158 .elementor-element.elementor-element-6cae49a {
position: relative;
height: 1px;
min-height: 1px;
background: linear-gradient(
90deg,
transparent 0%,
rgba(166, 139, 90, 0.18) 12%,
rgba(166, 139, 90, 0.55) 42%,
rgba(209, 184, 138, 0.75) 50%,
rgba(166, 139, 90, 0.55) 58%,
rgba(166, 139, 90, 0.18) 88%,
transparent 100%
);
}
.elementor-158 .elementor-element.elementor-element-6cae49a::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 5px;
height: 5px;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #FFF1C7;
box-shadow:
0 0 3px #FFF1C7,
0 0 7px #D1B88A,
0 0 14px rgba(209, 184, 138, 0.75),
0 0 24px rgba(166, 139, 90, 0.35);
z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8911f86 *//* ========================================== זכוכית אדריכלית משולבת - שקופה עם הברקה אוטומטית ומסגרת זהב ========================================== */ /* הגדרת האנימציה */ @keyframes autoSlowGlare { 0% { left: -150%; } 25% { left: 150%; } 100% { left: 150%; } } .elementor-158 .elementor-element.elementor-element-8911f86 { --glare-speed: 8s; /* רקע שקוף צלול (זכוכית אמיתית) */ background: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%) !important; /* אפקט זכוכית אמיתי */ backdrop-filter: blur(12px) saturate(130%) !important; -webkit-backdrop-filter: blur(12px) saturate(130%) !important; /* הגדרות בסיס */ position: relative !important; overflow: hidden !important; z-index: 1; /* הסרנו את המסגרת הלבנה, היא תוחלף בזהב למטה */ border: none !important; /* עומק משולב: צל חיצוני + הברקה פנימית עליונה */ box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25), inset 0 1px 0px rgba(255, 255, 255, 0.15) !important; /* פינות */ border-radius: 18px !important; /* תנועה חלקה למעבר עכבר */ transition: all 0.6s ease !important; } /* ================================ */ /* מסגרת הזהב המטאלית (מחליפה את ה-border המקורי) */ /* ================================ */ .elementor-158 .elementor-element.elementor-element-8911f86::after { content: ""; position: absolute; inset: 0; border-radius: 18px; padding: 1.5px; /* עובי מסגרת הזהב - אפשר לשנות אם רוצים דק/עבה יותר */ /* הגרדיאנט המטאלי שלך */ background: linear-gradient(135deg, #5e4b2d 0%, #a68b5a 35%, #d1b88a 50%, #a68b5a 65%, #5e4b2d 100%); /* פקודת החיתוך שמשאירה רק את המסגרת */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: 2; } /* ================================ */ /* שכבת פס האור המשתקף (האנימציה) */ /* ================================ */ .elementor-158 .elementor-element.elementor-element-8911f86::before { content: ""; position: absolute; top: 0; left: -150%; width: 60%; height: 100%; z-index: 0; /* פס אור רך עם נגיעה של זהב */ background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(212, 175, 55, 0.1) 50%, rgba(255, 255, 255, 0) 100% ); transform: skewX(-35deg); pointer-events: none; /* הפעלה אוטומטית לפי המהירות שהגדרנו למעלה */ animation: autoSlowGlare var(--glare-speed) cubic-bezier(0.25, 0.8, 0.25, 1) infinite; } /* ================================ */ /* אפקט Hover - התרוממות והארה */ /* ================================ */ .elementor-158 .elementor-element.elementor-element-8911f86:hover { transform: translateY(-5px) !important; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0px rgba(255, 255, 255, 0.25) !important; } /* מאיר קצת את מסגרת הזהב במעבר עכבר */ .elementor-158 .elementor-element.elementor-element-8911f86:hover::after { filter: brightness(1.2) drop-shadow(0px 0px 4px rgba(209, 184, 138, 0.5)); }/* End custom CSS */