/* Start custom CSS *//* Mobile: Hero badge pills side by side */
@media (max-width: 767px) {
  /* Badge row wraps nicely */
  .elementor-element-34dbdc3 {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  /* Each badge pill - auto width, compact padding */
  .elementor-element-10f4e78,
  .elementor-element-474ff89,
  .elementor-element-1852fd3 {
    width: auto !important;
    min-width: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Shrink text inside badges */
  .elementor-element-10f4e78 .elementor-heading-title,
  .elementor-element-474ff89 .elementor-heading-title,
  .elementor-element-1852fd3 .elementor-heading-title {
    font-size: 12px !important;
    white-space: nowrap !important;
  }
}
/* Mobile: Hero badge pills side by side */
@media (max-width: 767px) {

  /* Force row layout on the badge container */
  .elementor-element-34dbdc3 {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    align-items: center !important;
  }

  /* Each badge pill: fixed width, no stretching */
  .elementor-element-10f4e78,
  .elementor-element-474ff89,
  .elementor-element-1852fd3 {
    width: 110px !important;
    max-width: 110px !important;
    min-width: 0 !important;
    flex: 0 0 110px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
  }

  /* Shrink text to fit */
  .elementor-element-10f4e78 .elementor-heading-title,
  .elementor-element-474ff89 .elementor-heading-title,
  .elementor-element-1852fd3 .elementor-heading-title {
    font-size: 11px !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
  }

  /* Shrink icon inside badge */
  .elementor-element-10f4e78 .elementor-icon,
  .elementor-element-474ff89 .elementor-icon,
  .elementor-element-1852fd3 .elementor-icon {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
  }
}
/* Mobile: Badge pills - 2 per row, centered icon + text */
@media (max-width: 767px) {

  /* Parent row: wrap into 2 per row */
  .elementor-element-34dbdc3 {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  /* Each badge: 47% width so 2 fit side by side */
  .elementor-element-10f4e78,
  .elementor-element-474ff89,
  .elementor-element-1852fd3 {
    width: 47% !important;
    max-width: 47% !important;
    min-width: 0 !important;
    flex: 0 0 47% !important;
    box-sizing: border-box !important;
    /* Column: icon on top, text below */
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 8px 6px !important;
    min-height: 60px !important;
    gap: 4px !important;
  }

  /* Icon centered */
  .elementor-element-10f4e78 .elementor-icon,
  .elementor-element-474ff89 .elementor-icon,
  .elementor-element-1852fd3 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
  }

  /* Text centered, allowed to wrap */
  .elementor-element-10f4e78 .elementor-heading-title,
  .elementor-element-474ff89 .elementor-heading-title,
  .elementor-element-1852fd3 .elementor-heading-title {
    font-size: 11px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    word-break: break-word !important;
  }
}
/* Mobile: Badge pills - left aligned, all same size */
@media (max-width: 767px) {

  /* Parent row: LEFT aligned, wrap to 2+1 */
  .elementor-element-34dbdc3 {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  /* ALL 3 badges: exact same size, left-anchored */
  .elementor-element-10f4e78,
  .elementor-element-474ff89,
  .elementor-element-1852fd3 {
    width: calc(50% - 4px) !important;
    max-width: calc(50% - 4px) !important;
    min-width: calc(50% - 4px) !important;
    flex: 0 0 calc(50% - 4px) !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 8px 6px !important;
    min-height: 60px !important;
    gap: 4px !important;
  }

  /* Icon centered */
  .elementor-element-10f4e78 .elementor-icon,
  .elementor-element-474ff89 .elementor-icon,
  .elementor-element-1852fd3 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
  }

  /* Text centered, wraps cleanly */
  .elementor-element-10f4e78 .elementor-heading-title,
  .elementor-element-474ff89 .elementor-heading-title,
  .elementor-element-1852fd3 .elementor-heading-title {
    font-size: 11px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    word-break: break-word !important;
  }
}
/* Mobile: Badge pills - stacked column, icon LEFT + text RIGHT, wide */
@media (max-width: 767px) {

  /* Parent: stack all 3 vertically, left-aligned */
  .elementor-element-34dbdc3 {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  /* Each badge: wide row — icon on left, text on right */
  .elementor-element-10f4e78,
  .elementor-element-474ff89,
  .elementor-element-1852fd3 {
    width: 85% !important;
    max-width: 85% !important;
    min-width: 0 !important;
    flex: 0 0 85% !important;
    box-sizing: border-box !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 16px !important;
    min-height: 52px !important;
    gap: 10px !important;
  }

  /* Icon: left side, fixed size */
  .elementor-element-10f4e78 .elementor-icon,
  .elementor-element-474ff89 .elementor-icon,
  .elementor-element-1852fd3 .elementor-icon {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
  }

  /* Text: right of icon, left-aligned */
  .elementor-element-10f4e78 .elementor-heading-title,
  .elementor-element-474ff89 .elementor-heading-title,
  .elementor-element-1852fd3 .elementor-heading-title {
    font-size: 13px !important;
    white-space: normal !important;
    text-align: left !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    flex: 1 !important;
  }
}
/* Mobile compact badges without overriding form */
@media (max-width: 767px) {

  /* Parent container – keep full width but column stacking */
  .elementor-element-34dbdc3 {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 8px !important;
  }

  /* Individual badge – shrink to content */
  .elementor-element-10f4e78,
  .elementor-element-474ff89,
  .elementor-element-1852fd3 {
    width: auto !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    padding: 8px 12px !important;
    min-height: auto !important;
    margin: 0 !important;
  }

  /* Icon left, text right – already row layout */
  .elementor-element-10f4e78 .elementor-icon,
  .elementor-element-474ff89 .elementor-icon,
  .elementor-element-1852fd3 .elementor-icon {
    margin-right: 8px !important;
  }

  /* Text left‑aligned */
  .elementor-element-10f4e78 .elementor-heading-title,
  .elementor-element-474ff89 .elementor-heading-title,
  .elementor-element-1852fd3 .elementor-heading-title {
    text-align: left !important;
  }
}/* End custom CSS */