.elementor-3757 .elementor-element.elementor-element-161f7f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}/* Start custom CSS for html, class: .elementor-element-df171dc *//* ===== Ultra Capital Funding – Header layout alignment ===== */

/* Base: keep the header’s inner container flex & aligned */
.ucf-header .elementor-container {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2vw, 28px);
}

/* Keep the logo column fixed on the left */
.ucf-header .elementor-container > .elementor-column:first-child {
  flex: 0 0 auto;
}

/* Push everything after the logo to the right.
   This grabs the column RIGHT AFTER the logo (usually your nav)
   and sends it—and subsequent columns—to the right side. */
.ucf-header .elementor-container > .elementor-column:first-child + .elementor-column {
  margin-left: auto;              /* creates the big push */
}

/* Nice spacing for nav + phone + button sitting on the right */
.ucf-header .elementor-container > .elementor-column:not(:first-child) {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2vw, 28px);
}

/* Keep phone number on one line */
.ucf-header a[href^="tel:"] {
  white-space: nowrap;
}

/* Tidy the CTA */
.ucf-header .elementor-button,
.ucf-header a.elementor-button {
  white-space: nowrap;
  line-height: 1.2;
}

/* If your nav widget adds extra margin, neutralize it a bit */
.ucf-header .elementor-nav-menu {
  margin: 0;
}

/* ===== Desktop: keep right-aligned layout ===== */
@media (min-width: 901px) {
  .ucf-header .elementor-container {
    justify-content: flex-start; /* logo left, everything else right via margin-left:auto */
  }
}

/* ===== Mobile: logo left, burger/phone/CTA right in one row ===== */
@media (max-width: 900px) {
  /* Keep the row compact */
  .ucf-header .elementor-container {
    gap: 12px;
  }

  /* Let the logo take natural width, and push the rest to the right */
  .ucf-header .elementor-container > .elementor-column:first-child {
    flex: 0 1 auto;
  }
  .ucf-header .elementor-container > .elementor-column:first-child + .elementor-column {
    margin-left: auto; /* keeps burger/phone/CTA to the right on mobile */
  }

  /* Optional: reduce gaps a hair on small screens */
  .ucf-header .elementor-container > .elementor-column:not(:first-child) {
    gap: 14px;
  }
}/* End custom CSS */