.elementor-8577 .elementor-element.elementor-element-d44f409{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.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-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-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8577 .elementor-element.elementor-element-7e0e832 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-field-type-html{padding-bottom:0px;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-button[type="submit"]{color:#ffffff;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-8577 .elementor-element.elementor-element-7e0e832 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-8577 .elementor-element.elementor-element-7e0e832{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}/* Start custom CSS for form, class: .elementor-element-7e0e832 *//* =========================================================
   Carmel Center — Satisfaction Survey | Elementor custom CSS
   Paste into:  Form widget -> Advanced -> Custom CSS
                (or Site Settings -> Custom CSS)

   Brand color: #30B8CF (cyan) instead of green.
   No need to add CSS classes to fields — .elementor-8577 .elementor-element.elementor-element-7e0e832s target
   each field's auto class .elementor-field-group-<ID>.

   Field IDs used below:
     question8     = rating (1-5)
     field_2db0fd7 = "הסוכן הציע..." HTML title (question 4)
     question4 / question5 = the phone / meeting sub-rows
   If you rebuild any of these, its ID changes — update it here.
   ========================================================= */

/* ---------- Automatic question numbering ---------- */
.elementor-form .elementor-form-fields-wrapper { counter-reset: q; }
.elementor-form .elementor-field-type-radio { counter-increment: q; }

/* ---------- Question box ---------- */
.elementor-form .elementor-field-type-radio {
  border: 1px solid #eeecea;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 10px;
}

/* Question title + number */
.elementor-form .elementor-field-type-radio > .elementor-field-label {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #1a1a1a;
  line-height: 1.5;
  margin-bottom: 12px;
}
.elementor-form .elementor-field-type-radio > .elementor-field-label::before {
  content: counter(q) ".";
  color: #999;
  font-weight: 500;
  margin-left: 6px; /* gap between number and text (RTL) */
}

/* ---------- Yes / No pill buttons ---------- */
.elementor-form .elementor-field-subgroup {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
/* Hide native radio inputs (force over Elementor defaults) */
.elementor-form .elementor-field-type-radio .elementor-field-option input[type="radio"] {
  display: none !important;
}

.elementor-form .elementor-field-option label {
  margin: 0;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 7px 22px;
  font-size: 13px;
  color: #444;
  background: #fff;
  transition: all .15s;
}

/* First option (Yes) selected -> cyan */
.elementor-form .elementor-field-option:nth-child(1) input:checked + label {
  background: #e3f6fa;
  color: #137d8f;
  border-color: #30B8CF;
  font-weight: 500;
}
/* Second option (No) selected -> red */
.elementor-form .elementor-field-option:nth-child(2) input:checked + label {
  background: #fdecea;
  color: #a32d2d;
  border-color: #e88585;
  font-weight: 500;
}

/* ---------- Rating 1-5 (circles) — overrides the rules above ---------- */
.elementor-form .elementor-field-group-question8 .elementor-field-subgroup {
  gap: 6px;
  align-items: center;
}
/* "Low" label next to the 1 (right side in RTL) */
.elementor-form .elementor-field-group-question8 .elementor-field-subgroup::before {
  content: "נמוך";
  font-size: 11px;
  color: #aaa;
  margin-left: 4px;
}
/* "High" label next to the 5 (left side in RTL) */
.elementor-form .elementor-field-group-question8 .elementor-field-subgroup::after {
  content: "גבוה";
  font-size: 11px;
  color: #aaa;
  margin-right: 4px;
}
/* Keep each option (and its wrapper span) from shrinking/clipping */
.elementor-form .elementor-field-group-question8 .elementor-field-option {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
}
/* Force perfect 38x38 circles — lock every dimension so nothing distorts it */
.elementor-form .elementor-field-group-question8 .elementor-field-option label {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border: 1px solid #ddd !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
  background: #fff;
  color: #666;
  font-size: 14px;
  font-weight: 500;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
/* Selected number -> solid cyan circle */
.elementor-form .elementor-field-group-question8 .elementor-field-option input:checked + label {
  background: #30B8CF !important;
  color: #fff !important;
  border-color: #30B8CF !important;
}

/* ====== Question 4: "הסוכן הציע או הראה לי נכסים" + sub-rows ======
   Real field IDs from your form:
     field_2db0fd7 = HTML title  -> shows "4", opens the card
     question4     = radio "בשיחה טלפונית"
     question5     = radio "בפגישה"  (last row, closes the card)
   Leftover field to DELETE in the editor (number-suppressed here anyway):
     question6     = old "הסוכן הציע או הראה לי נכסים מתאימים" radio
*/

/* Title = top of the card, carries the "4." number */
.elementor-form .elementor-field-group-field_2db0fd7 {
  counter-increment: q;
  border: 1px solid #eeecea;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  margin-bottom: 0;
  padding: 14px 16px 6px;
  font-size: 15px;
  font-weight: 500;
  color: #1a1a1a;
}
.elementor-form .elementor-field-group-field_2db0fd7::before {
  content: counter(q) ".";
  color: #999;
  font-weight: 500;
  margin-left: 6px;
}

/* All Q4 sub-radios: no number, do not advance the counter */
.elementor-form .elementor-field-group-question4,
.elementor-form .elementor-field-group-question5,
.elementor-form .elementor-field-group-question6 {
  counter-increment: none !important;
}
.elementor-form .elementor-field-group-question4 > .elementor-field-label::before,
.elementor-form .elementor-field-group-question5 > .elementor-field-label::before,
.elementor-form .elementor-field-group-question6 > .elementor-field-label::before {
  content: none !important;
}

/* The two kept sub-rows share one card: label right, buttons left */
.elementor-form .elementor-field-group-question4,
.elementor-form .elementor-field-group-question5 {
  border: 1px solid #eeecea;
  border-top: none;
  border-bottom: 1px solid #f0eeeb; /* divider between rows */
  border-radius: 0;
  margin-bottom: 0;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.elementor-form .elementor-field-group-question4 > .elementor-field-label,
.elementor-form .elementor-field-group-question5 > .elementor-field-label {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}

/* Last sub-row (בפגישה) closes the card */
.elementor-form .elementor-field-group-question5 {
  border-bottom: 1px solid #eeecea;
  border-radius: 0 0 12px 12px;
  margin-bottom: 10px;
}

/* ---------- Submit button ---------- */
.elementor-form .e-form__buttons { width: 100%; }
.elementor-form button[type="submit"] {
  width: 100%;
  padding: 14px;
  border: none;
  border-radius: 12px;
  background: #30B8CF;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.elementor-form button[type="submit"]:hover { background: #259aad; }/* End custom CSS */