.elementor-2635 .elementor-element.elementor-element-7bfe221{--display:flex;}/* Start custom CSS for html, class: .elementor-element-5ba6749 *//* ===== Fix mobile cut-off (grid/flex overflow) ===== */
html, body { overflow-x: hidden; }

.topbar-in, .split { min-width: 0; }
.split > *, .topbar-in > * { min-width: 0; }

.card, .mini, .img-card, .pill { max-width: 100%; }
/* ===== Mobile button fixes (header + sticky) ===== */
@media (max-width: 980px){

  /* Header: allow wrapping + keep items inside the viewport */
  .topbar-in{
    flex-wrap: wrap;
    align-items: center;
  }

  /* Make header CTA behave on mobile */
  .topbar .btn{
    max-width: 100%;
    width: auto;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.2;
    white-space: normal;         /* allow wrapping */
    text-align: center;
  }

  /* If your header button still tries to sit beside the logo, push it to its own line */
  .topbar .btn.primary.small{
    flex: 1 1 240px;             /* lets it wrap cleanly */
  }

  /* Sticky bar: prevent the CTA from overflowing off-screen */
  .sticky-in{
    gap: 10px;
  }
  .sticky .btn{
    max-width: 52vw;             /* keeps room for the left text */
    padding: 10px 12px;
    font-size: 13px;
    white-space: nowrap;         /* sticky button should stay one line */
    overflow: hidden;
    text-overflow: ellipsis;     /* “See How This Co…” instead of cutting */
  }
}

/* Phones: make the header button full width so it never clips */
@media (max-width: 480px){
  .topbar .btn.primary.small{
    width: 100%;
    flex: 1 1 100%;
  }

  /* Sticky: optional – hide the extra tagline so the button fits */
  .sticky .tiny{ display:none; }
  .sticky .btn{ max-width: 60vw; }
}/* End custom CSS */