.elementor-5413 .elementor-element.elementor-element-fe600ad{--display:flex;}.elementor-5413 .elementor-element.elementor-element-1af1f14{--display:flex;}/* Start custom CSS for html, class: .elementor-element-8d3ebe6 */.cb-list li {
  background: var(--card);
  padding: 10px 14px;
  margin-bottom: 8px;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px; /* רווח בין הטקסטים */
  white-space: nowrap; /* ימנע שבירה של הטקסט לשורה חדשה */
  overflow: hidden;
  text-overflow: ellipsis; /* יוסיף ... אם הטקסט ארוך מדי */
}

.cb-list li span:first-child {
  flex-grow: 1; /* ישתמש בכל הרוחב הזמין */
  overflow: hidden;
  text-overflow: ellipsis;
}

.cb-list li span:last-child {
  flex-shrink: 0; /* לא יתכווץ */
  white-space: nowrap; /* ישאר בשורה אחת */
  margin-left: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24c6648 *//* === 1) תוויות (Labels) של כל שדה – לבן, שמאל */
.wpforms-container .wpforms-field-label,
.wpforms-container .wpforms-field-label label {
  color: #ffffff !important;
  text-align: left !important;
  display: block !important;
}

/* === 2) תיאורי שדות (Descriptions/Hints) – אפור, שמאל */
.wpforms-container .wpforms-field-description,
.wpforms-container .wpforms-field-hint,
.wpforms-container .wpforms-field-gdpr .wpforms-field-description {
  color: #bbbbbb !important;
  font-size: 0.85rem !important;
  margin: 0.25rem 0 1rem !important;
  text-align: left !important;
  background: transparent !important;
  border: none !important;
}

/* === 3) כיתובי אופציות (רדיו/צ’קבוקס) – אפור, שמאל */
.wpforms-container .wpforms-field-radio li label,
.wpforms-container .wpforms-field-checkbox li label {
  color: #bbbbbb !important;
  text-align: left !important;
}

/* === 4) Placeholder בטקסט־בוקס ובסלקט – אפור */
.wpforms-container input::placeholder,
.wpforms-container select,
.wpforms-container textarea::placeholder {
  color: #bbbbbb !important;
  opacity: 1 !important;
}

/* === 5) הסתרת הכפתור “All Plans” (לא קליקאבל) */
.wpforms-container .offer-tag-link {
  pointer-events: none;
  cursor: default;
}

/* === 6) Selected Value (הטקסט ליד הסליידר) – אפור, שמאל */
.wpforms-container .wpforms-range-value,
.wpforms-container .wpforms-field-hint {
  color: #bbbbbb !important;
  text-align: left !important;
  display: block !important;
  margin-top: 4px !important;
}

/* === 7) GDPR Agreement – אפור, שמאל */
.wpforms-container .wpforms-field-gdpr .wpforms-field-label,
.wpforms-container .wpforms-field-gdpr li label {
  color: #bbbbbb !important;
  text-align: left !important;
  font-size: 0.85rem !important;
}

/* === 8) וידוא “Read Review” buttons – טקסט שחור, למרכז */
.wpforms-container a.btn,
.wpforms-container .review-button {
  color: #000 !important;
  text-align: center !important;
}

/* === 9) כותרות שדות נשארות לבנות */
.wpforms-container .wpforms-field label {
  text-transform: none !important;
}

/* === 10) רספונסיביות – וידוא התאמה למובייל */
@media (max-width: 600px) {
  .wpforms-container .wpforms-form,
  .wpforms-container .wpforms-field {
    width: 100% !important;
  }
  .wpforms-container .wpforms-row,
  .wpforms-container .wpforms-field-radio li,
  .wpforms-container .wpforms-field-checkbox li {
    display: block !important;
    margin-bottom: 0.75rem !important;
  }
}
/* 1) GDPR inline label */
.wpforms-field-gdpr .wpforms-field-label-inline {
  color: #bbbbbb !important;
  text-align: left !important;
  display: block !important;
  font-size: 0.85rem !important;
  margin-top: 0.25rem !important;
}

/* 2) Slider hint (“Selected Value”) */
.wpforms-field-number-slider-hint,
.wpforms-field-number-slider-hint b {
  color: #bbbbbb !important;
  text-align: left !important;
  display: block !important;
  margin-top: 4px !important;
}

/* 3) מוודא שהסליידר וההנחיה ישמרו ב-flex row ולהשאיר את ההנחיה משמאל */
.wpforms-field-number-slider .wpforms-range-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* 4) וידוא ה־label של Radio/Checkbox גם inline */
.wpforms-field-radio .wpforms-field-label-inline,
.wpforms-field-checkbox .wpforms-field-label-inline {
  color: #bbbbbb !important;
  text-align: left !important;
  display: block !important;
}

/* 5) וידוא כלל התיאור בצד שמאל */
.wpforms-field-description,
.wpforms-field-hint,
.wpforms-field-number-slider-hint {
  text-align: left !important;
}
/* 1) הכפלת target של כל label inline כדי לצבוע באפור */
.wpforms-label-inline,
.wpforms-container .wpforms-field-gdpr .wpforms-field-label-inline {
  color: #bbbbbb !important;
  text-align: left !important;
  display: block !important;
  font-size: 0.85rem !important;
  margin-top: 0.25rem !important;
}

/* 2) וידוא שה־hint של הסליידר גם בצד שמאל ובאפור */
.wpforms-field-hint,
.wpforms-field-number-slider-hint {
  color: #bbbbbb !important;
  text-align: left !important;
  display: block !important;
}

/* 3) וידוא שערכי הסליידר (המספרים) גם באפור */
.wpforms-field-number-slider-hint b {
  color: #bbbbbb !important;
}

/* 4) אם יש כיתוב נוסף מתחת ל־GDPR (תיאור שדה) */
.wpforms-field-gdpr .wpforms-field-description {
  color: #bbbbbb !important;
  text-align: left !important;
}
/* CSS שצריך להוסיף למטה, אחרי כל חוקי ה-WPForms הקיימים */
body .wpforms-container .wpforms-field-gdpr .wpforms-field-label-inline {
  color: #bbbbbb !important;
  text-align: left !important;
  display: block !important;
  font-size: 0.85rem !important;
  margin-top: 0.25rem !important;
}

/* Select each hint (כולל Number Slider hint) */
body .wpforms-container .wpforms-field-hint,
body .wpforms-container .wpforms-field-number-slider-hint {
  color: #bbbbbb !important;
  text-align: left !important;
  display: block !important;
}

/* וה־bold בתוך ה־hint */
body .wpforms-container .wpforms-field-number-slider-hint b {
  color: #bbbbbb !important;
}
@media (max-width: 700px) {
  .step { 
    flex-direction: column; 
  }
  .step-number { 
    margin: 0 auto 1rem; 
    width: 3.5rem;       /* להגדיל מעט את הרוחב */
    height: 3.5rem;      /* להגדיל מעט את הגובה */
    font-size: 1.5rem;   /* להגדיל את גודל הגופן */
    line-height: 3.5rem; /* ליישר את הטקסט למרכז אנכית */
  }
}/* End custom CSS */