.elementor-62 .elementor-element.elementor-element-49b1bec{--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;}/* Start custom CSS for html, class: .elementor-element-33856ff */.page-content { font-family: 'Heebo', Arial, sans-serif; }

/* סקשנים */
.section-block {
  padding: 80px 20px;
}
.section-block .container {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* רקעים מתחלפים */
.section-block:nth-of-type(1) { background: #f7f4ee; }
.section-block:nth-of-type(2) { background: #fff; }
.section-block:nth-of-type(3) { background: linear-gradient(135deg, #f7f4ee 0%, #fff 100%); }
.section-block:nth-of-type(4) { background: #fff; }
.section-block:nth-of-type(5) { background: linear-gradient(135deg, #fff 0%, #f7f4ee 100%); }
.cta-block { background: #f7f4ee; padding: 80px 20px; text-align: center; }

/* ריבוע/מלבן לטקסט */
.text-box {
  background: #fff;
  border: 1px solid #e0d6c8;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  padding: 40px 30px;
  margin: 0 auto;
  max-width: 700px; /* ממורכז וצר יותר */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.text-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

/* טיפוגרפיה */
.section-title { 
  font-size: 36px; 
  font-weight: 700; 
  color: #8b1a1a; 
  margin-bottom: 20px; /* ריווח נעים יותר לכותרת הראשית */
  line-height: 1.3; /* ריווח בין שורות במובייל */
}
.section-subtitle { font-size: 18px; color: #2c2416; line-height: 1.7; }

.block-title { 
  font-size: 28px; 
  font-weight: 700; 
  color: #8b1a1a; 
  margin-bottom: 20px; 
  line-height: 1.3; /* ריווח בין שורות */
  word-break: break-word; /* שבירה נקייה במובייל */
}
.block-desc { font-size: 16px; color: #2c2416; margin-bottom: 25px; line-height: 1.7; }
.block-list { list-style: disc inside; margin-bottom: 25px; color: #2c2416; font-size: 15px; line-height: 1.6; text-align: right; }
.price { font-weight: 600; color: #b8860b; margin-bottom: 25px; }

/* כפתורים */
.btn {
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  border-radius: 30px;
  padding: 12px 26px;
  transition: all 0.25s ease;
}
.btn.primary { background: #8b1a1a; color: #fff; border: 1px solid #8b1a1a; }
.btn.primary:hover { background: #b8860b; border-color: #b8860b; }
.btn.whatsapp { background: #25D366; color: #fff; border: 1px solid #25D366; }
.btn.whatsapp:hover { background: #1ebe5d; }

/* קריאה לפעולה */
.cta-title { 
  font-size: 28px; 
  font-weight: 700; 
  color: #8b1a1a; 
  margin-bottom: 25px; /* ריווח ברור בין הכותרת לטקסט */
  line-height: 1.3;
}
.cta-desc { 
  font-size: 17px; 
  color: #2c2416; 
  margin-bottom: 30px; /* ריווח נוסף לפני הכפתורים */
  line-height: 1.7;
}
.cta-buttons { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }

/* מובייל */
@media (max-width: 768px) {
  .text-box { 
    padding: 25px 20px; 
    max-width: 100%; 
  }

  /* הכותרת הראשית נשארת גדולה יחסית */
  .section-title { 
    font-size: 28px;   /* נשאר קריא ויפה */
    margin-bottom: 20px; 
    line-height: 1.3;  
    text-align: center;
  }

  /* כותרות השירותים */
  .block-title { 
    font-size: 20px;   /* קטן יותר */
    margin-bottom: 18px; 
    line-height: 1.4; 
    word-spacing: 4px; /* ריווח בין מילים */
    text-align: center;
  }

  /* כותרת הקריאה לפעולה */
  .cta-title { 
    font-size: 20px;   /* קטן יותר */
    margin-bottom: 22px; 
    line-height: 1.4; 
    word-spacing: 4px; /* ריווח בין מילים */
    text-align: center;
  }

  /* טקסטים מתחת לכותרות */
  .block-desc, 
  .block-list, 
  .section-subtitle, 
  .cta-desc { 
    font-size: 15px; 
    line-height: 1.6; 
    margin-top: 10px; 
  }
}

/* שבירה מותנית לכותרות – שימוש ב־<br class="mobile-break"> */
br.mobile-break {
  display: none; /* בדסקטופ – אין שבירה */
}

@media (max-width: 768px) {
  br.mobile-break {
    display: block;   /* במובייל – ירידת שורה */
    margin: 6px 0;    /* רווח אנכי עדין */
  }
}
@media (max-width: 768px) {
  .block-title,
  .cta-title {
    word-break: normal !important;   /* לא לשבור מילים באמצע */
    white-space: normal !important;  /* לאפשר ירידת שורה רגילה */
    word-spacing: normal !important; /* בלי ריווח מלאכותי */
    line-height: 1.5 !important;     /* ריווח נעים יותר בין שורות */
    text-align: center !important;   /* שמירה על יישור */
  }
}/* End custom CSS */