.fullname-input,
.phoneno-input,
.email-input,
.topics-select {
    text-align: right !important;
    direction: rtl !important;
}
.submit-button {
    background-color: #E5B000 !important;
    color: #000 !important; /* צבע טקסט – שחור */
    border: none;
    padding: 12px 24px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-radius: 4px;
}

.submit-button:hover {
    background-color: #c49a00 !important; /* גוון כהה יותר לצבע ריחוף */
}

.custom-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.custom-list li::before {
  margin-top: 5px; /* אם ה-V לא מיושר מושלם, אפשר לשחק עם הערך */
}
.flex-line {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px; /* ריווח בין שורות – שונה מ-8px */
  gap: 8px; /* ריווח בין ה-✅ לטקסט */
  direction: rtl;
  font-family: inherit;
  font-size: inherit;
  color: #ffffff; /* צבע טקסט לבן */
}

.v-icon {
  flex-shrink: 0;
  margin-top: 4px;
}
.fix-image-boxes {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.fix-image-boxes .elementor-widget-image-box {
  display: flex;
  flex-direction: column;
  flex: 1 1 30%;
  min-width: 280px;
}

.fix-image-boxes .elementor-image-box-img img {
  height: 220px;
  width: 100%;
  object-fit: cover;
}

.fix-image-boxes .elementor-image-box-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #014062;
  color: white;
  padding: 20px;
}

/* TABLET: fix CF7 form under the blue section */
@media (min-width: 768px) and (max-width: 1024px) {

  /* center the whole form inside the blue box */
  .fix-tablet-form form.wpcf7-form {
    max-width: 420px;
    margin: 0 auto;
    display: block !important;
  }

  /* each CF7 line on its own row, equal gap */
  .fix-tablet-form form.wpcf7-form p {
    width: 100% !important;
    display: block !important;
    margin: 0 0 12px !important;
  }

  /* the wrapper that holds the input */
  .fix-tablet-form form.wpcf7-form p > .wpcf7-form-control-wrap {
    width: 100% !important;
    display: block !important;
  }

  /* make ALL fields look the same (inputs + select) */
  .fix-tablet-form form.wpcf7-form p > .wpcf7-form-control-wrap > .wpcf7-form-control,
  .fix-tablet-form form.wpcf7-form input[type="text"],
  .fix-tablet-form form.wpcf7-form input[type="tel"],
  .fix-tablet-form form.wpcf7-form input[type="email"],
  .fix-tablet-form form.wpcf7-form select,
  .fix-tablet-form form.wpcf7-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    height: 56px !important;
    line-height: 56px !important;
    border-radius: 999px !important;  /* to match your pill style */
    padding: 0 20px !important;
  }

  /* center the submit button */
  .fix-tablet-form form.wpcf7-form input[type="submit"] {
    display: block;
    width: auto;
    margin: 10px auto 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  /* center the yellow submit button */
  .fix-tablet-form form.wpcf7-form input[type="submit"] {
    display: block !important;
    margin: 15px auto 0 !important; /* centers it horizontally */
    text-align: center !important;
  }
}

/* למקם את אייקון הנגישות בדיוק באמצע שמאלה בכל המסכים */
#wp_access_helper_container button.wahout.aicon_link {
    position: fixed !important;
    top: 50% !important;              /* אמצע המסך */
    transform: translateY(-50%) !important; /* למרכז בול */
    left: 0 !important;               /* צמוד לשמאל – אפשר 10px אם תרצה מרווח */
    right: auto !important;
    z-index: 99999 !important;        /* שיהיה מעל כל הדברים */
}

/* הקטנת גובה הפאנל הלבן של תפריט ה-Flyout במובייל */
@media (max-width: 767px) {

  /* החלק הצדדי (הפאנל הלבן) */
  .hfe-flyout-wrapper .hfe-side.hfe-flyout-open {
      height: auto !important;         /* גובה לפי תוכן */
      max-height: 60vh !important;     /* עד 60% מגובה המסך */
  }

  /* קצת פחות padding בתוך התפריט עצמו */
  .hfe-flyout-wrapper .hfe-flyout-content {
      padding-top: 12px !important;
      padding-bottom: 12px !important;
  }
}
