@media (max-width: 767px) {
  /* Mobile anchor pills */
  .mobile-anchor-pills-wrap {
    position: relative !important;
    margin-top: -8px !important;
    padding-right: 0 !important;
  }

  .mobile-anchor-pills {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;

    padding: 0 12px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .mobile-anchor-pills::-webkit-scrollbar {
    display: none !important;
  }

  .mobile-anchor-pills .elementor-element,
  .mobile-anchor-pills .elementor-widget-button,
  .mobile-anchor-pills .elementor-button-wrapper,
  .mobile-anchor-pills .elementor-button {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Make the pills start from the left edge */
  .mobile-anchor-pills-wrap {
    margin-top: -8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .mobile-anchor-pills {
    justify-content: flex-start !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* Align pills with the new edge */
  .mobile-hero-wrap .mobile-anchor-pills {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
  }
}