#si-wrapper.si-livechat .silc-btn-button {
  background-image: url('https://your360.ai/images/chatbot/chat-logo-blue.png') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/*
 * YOU-1131: The "Decades of Research. Now Powered by AI." section
 * (.section_home-quote) was hidden on phones (<=767px) by a Webflow-exported
 * rule, so it never appeared on iOS Safari / mobile. The section renders fine
 * at the tablet breakpoint, so we restore it for phones too. The testimonial
 * grid already collapses to a single column at this breakpoint.
 */
@media screen and (max-width: 767px) {
  .section_home-quote {
    display: block;
  }

  /*
   * YOU-1131: on phones, stack each testimonial — centered headshot on top,
   * text below and centered. Desktop keeps the original side-by-side layout.
   */
  .section_home-quote .h-flex,
  .section_home-quote .h-flex .v-flex {
    align-items: center;
    text-align: center;
  }

  .section_home-quote .h-flex {
    flex-direction: column;
  }

  .section_home-quote .h-flex > img {
    width: 88px;
    height: auto;
    flex: none;
  }

  /*
   * YOU-1131: tighten the type hierarchy on phones so each testimonial reads
   * cleanly as quote -> name -> background. Desktop is unchanged.
   */
  .section_home-quote .testimonial_quote-block-2 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
  }

  .section_home-quote .text-size-medium {
    font-size: 1rem;
    line-height: 1.3;
  }

  .section_home-quote .text-size-xmedium {
    font-size: 0.875rem;
    line-height: 1.45;
  }

  /*
   * YOU-1131: even vertical rhythm within each testimonial (picture, quote,
   * name, background). The grid keeps a larger gap between the two people so
   * they still read as two distinct groups.
   */
  .section_home-quote .h-flex,
  .section_home-quote .v-flex {
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    row-gap: 1rem;
  }
}

/*
 * The standalone /news page renders the reusable News section on its own, with
 * no hero above it. The navbar is position:fixed, so the section needs top
 * clearance — the same 5rem the blog hero gets from
 * .section_blog-hero.margin-top-large (a rule that only applies to that hero).
 */
.section_news.is-page-top {
  margin-top: 5rem;
}