.elementor-12544 .elementor-element.elementor-element-18c9490{--display:flex;}.elementor-12544 .elementor-element.elementor-element-1d375cb{text-align:center;}.elementor-12544 .elementor-element.elementor-element-1d375cb .angie-animated-btn__content{color:#ffffff;background-color:#000000;border-radius:calc(8px - 2px) calc(8px - 2px) calc(8px - 2px) calc(8px - 2px);padding:12px 24px 12px 24px;}.elementor-12544 .elementor-element.elementor-element-1d375cb .angie-animated-btn{padding:3px;border-radius:8px 8px 8px 8px;--gradient-angle:0deg;}.elementor-12544 .elementor-element.elementor-element-1d375cb .angie-animated-btn:hover .angie-animated-btn__content{color:var( --e-global-color-59a6b2d );background-color:var( --e-global-color-accent );}.elementor-12544 .elementor-element.elementor-element-1d375cb .angie-animated-btn::before{animation-duration:2.5s;}.elementor-12544 .elementor-element.elementor-element-5214b6b{--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-12544 .elementor-element.elementor-element-80e9f09{--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-12544 .elementor-element.elementor-element-2a573d5{color:var( --e-global-color-accent );}.elementor-12544 .elementor-element.elementor-element-ed9fc91{color:#DA3B3B;}.elementor-12544 .elementor-element.elementor-element-33543b0{--display:flex;}.elementor-12544 .elementor-element.elementor-element-8c2438c{width:var( --container-widget-width, 16% );max-width:16%;--container-widget-width:16%;--container-widget-flex-grow:0;}.elementor-12544 .elementor-element.elementor-element-b552048 .elementor-heading-title{color:var( --e-global-color-59a6b2d );}.elementor-12544 .elementor-element.elementor-element-7e090c9{color:var( --e-global-color-d981438 );}.elementor-12544 .elementor-element.elementor-element-40c0709{--display:flex;}.elementor-12544 .elementor-element.elementor-element-6d510f3{text-align:center;}.elementor-12544 .elementor-element.elementor-element-6d510f3 .angie-animated-btn__content{color:#ffffff;background-color:#000000;border-radius:calc(8px - 2px) calc(8px - 2px) calc(8px - 2px) calc(8px - 2px);padding:12px 24px 12px 24px;}.elementor-12544 .elementor-element.elementor-element-6d510f3 .angie-animated-btn{padding:4px;border-radius:8px 8px 8px 8px;--gradient-angle:0deg;}.elementor-12544 .elementor-element.elementor-element-6d510f3 .angie-animated-btn::before{animation-duration:2.5s;}.elementor-12544 .elementor-element.elementor-element-211bc74{--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;}.elementor-12544 .elementor-element.elementor-element-211bc74:not(.elementor-motion-effects-element-type-background), .elementor-12544 .elementor-element.elementor-element-211bc74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12544 .elementor-element.elementor-element-536c397{--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-12544 .elementor-element.elementor-element-f771d68 .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-12544 .elementor-element.elementor-element-f771d68 .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-5214b6b *//* =========================
[GLOBAL] קונטיינר ראשי
משפיע על הרקע הכללי והמבנה
========================= */
.state-section {
  position: relative;
  padding: 60px;
  border-radius: 20px;
  overflow: hidden;
  transition: background 0.4s ease;
}

/* =========================
[OVERLAY] שכבת כהות (לא חוסמת קליקים)
========================= */
.state-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: 1;
  pointer-events: none; /* קריטי */
}

/* =========================
[CONTENT] תוכן מעל ה־overlay
========================= */
.content-wrap {
  position: relative;
  z-index: 2;
}

/* =========================
[TABS] טאבים לחיצים
========================= */
.tab {
  position: relative;
  z-index: 3;
  display: inline-block;
  padding: 10px 16px;
  background: #eee;
  border-radius: 20px;
  cursor: pointer;
  margin: 5px;
  transition: 0.3s;
}
.tab:hover { background: #ddd; }
.tab.active { background: #000; color: #fff; }

/* =========================
[TITLE + DESC] קריאות טקסט (עובד עם Elementor)
========================= */
.title .elementor-heading-title {
  color: #fff !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  text-shadow: 0 4px 20px rgba(0,0,0,0.6);
}

.desc p {
  color: #fff !important;
  font-size: 18px !important;
  opacity: 0.9;
}

/* =========================
[TEXT ANIMATION] כניסה מלמטה
========================= */
.fade-up {
  opacity: 0;
  transform: translateY(30px);
}
.fade-up.show {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.5s ease;
}

/* =========================
[IMAGE] בסיס + לא חוסם קליקים
========================= */
.state-img {
  pointer-events: none;
  min-height: 200px; /* מייצב גובה */
}

.state-img img {
  max-width: 320px;
  display: block;
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: all 0.5s ease;
}

/* =========================
[IMAGE ANIMATION] hide/show
========================= */
.state-img img.hide {
  opacity: 0;
  transform: translateY(30px) scale(0.98);
}

.state-img img.show {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* =========================
[RESPONSIVE]
========================= */
@media (max-width: 768px) {
  .state-section { padding: 30px; }
  .state-img img { max-width: 100%; }
  .tab { padding: 8px 12px; font-size: 14px; }
}/* End custom CSS */