.elementor-13 .elementor-element.elementor-element-fd3362c{--display:flex;}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-fd3362c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-bf57729 *//* גוף האתר */
body {
font-family: rubik; 
  margin: 0;
  padding: 0px 20px;
background: linear-gradient(135deg, #FFFFFF, #ffffff);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

/* טופס */
#multiStepForm {
  max-width: 420px;
  width: 90vw;
  margin: 50px auto;
  padding: 30px 25px;
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  direction: rtl;
  text-align: center;
  border: 1px solid #ccc;
}

/* שלבים */
.form-step {
  display: none;
  background-color: transparent;
}
.active-step {
  display: block;
}

/* בועת שיחה (פסקה רגילה בתוך שלב) */
.form-step p {
  background: #f0e6ff;
  border: 1px solid #ddd;
  border-radius: 16px 0px 16px 16px;
  padding: 12px 16px;
  font-size: 16px;
  color: #333;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  max-width: 85%;
  margin: 0 auto 20px;
  text-align: right;
}

/* כפתורי תשובות */
.answer-btn,
#ageSubmit,
#ssnSubmit,
#emailSubmit {
  width: 100%;
  padding: 14px;
  background: #e50021;
  color: white;
  border: none;
  border-radius: 24px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
  margin-bottom: 12px;
}

.answer-btn:hover,
#ageSubmit:hover,
#ssnSubmit:hover,
#emailSubmit:hover {
  background: #ff7186;
  transform: scale(1.02);
}

button[disabled] {
  background: #ccc !important;
  cursor: not-allowed;
}

/* שדות טקסט */
#emailInput,
#ssnInput,
#ageInput {
  width: 100%;
  padding: 12px;
  margin-bottom: 20px;
  border: 1px solid #888;
  background-color: #fafafa;
  border-radius: 12px;
  font-size: 16px;
  color: #222;
  text-align: right;
  transition: border 0.3s ease;
}

#emailInput:focus,
#ssnInput:focus,
#ageInput:focus {
  border-color: #0052cc;
  background-color: #ffffff;
  outline: none;
}

/* התאמה למסכים קטנים */
@media (max-width: 600px) {
  .answer-btn {
    width: 100%;
    max-width: 280px;
  }
}

/* בועות שיחה */
.chat-bubble {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 20px;
  text-align: right;
}

.chat-bubble .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: white;
  padding: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  order: 1;
}

.chat-bubble p {
  order: 2;
  background: #f0f1f5;
  border: 1px solid #ddd;
  border-radius: 16px 16px 0 16px;
  padding: 12px 16px;
  font-size: 16px;
  color: #333;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  max-width: 85%;
  direction: rtl;
  text-align: right;
}

/* כותרת הטופס */
.form-title {
  font-size: 22px;
  font-weight: bold;
  color: #000000 !important;
  margin: 0;
  text-align: center;
  margin-bottom: 20px;
}

/* תת כותרת */
.form-subtitle {
  font-size: 14px;
  color: #555;
  margin-top: 8px;
}

/* הערה תחתונה */
.form-secure-note {
  text-align: center;
  font-size: 14px;
  color: #555;
  margin-top: 20px;
  font-weight: 500;
}/* End custom CSS */