/** Shopify CDN: Minification failed

Line 125:54 Unexpected "/"

**/
/* ==========================================================================
   BULT — Trust Row
   Icon / headline / subline columns separated by hairline dividers.

   Colours come from the theme colour scheme applied to the section
   (.color-scheme-x sets --color-background / --color-foreground /
   --color-button), so this section follows the theme rather than
   hardcoding a palette. Sizing and padding arrive as custom properties.
   ========================================================================== */

.bult-trust-row {
  --tr-maxw: var(--page-width, 1440px); /* follows theme page width setting */
  --tr-gutter: 40px;
  --tr-rule: rgba(var(--color-foreground), 0.12); /* matches the hero --hero-line */

  padding-top: var(--pt, 60px);
  padding-bottom: var(--pb, 60px);
  background: var(--gradient-background, rgb(var(--color-background)));
  color: rgb(var(--color-foreground));
  font-family: var(--font-body-family, 'Montserrat', sans-serif);
  -webkit-font-smoothing: antialiased;
}

.bult-trust-row *,
.bult-trust-row *::before,
.bult-trust-row *::after {
  box-sizing: border-box;
}

.bult-trust-row__inner {
  width: 100%;
  max-width: var(--tr-maxw);
  margin: 0 auto;
  padding-left: var(--tr-gutter);
  padding-right: var(--tr-gutter);
}
h3.bult-trust-row__title {
    margin-top: 0;
        margin-bottom: 12px;
    font-size: 44px;
    font-weight: 800;
    letter-spacing: -0.43px;
}
.bult-trust-row__grid {
  display: grid;
  grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Explicit margins rather than a uniform gap, so the icon sits a little away
   from the heading while the heading and its line stay tightly paired. */
.bult-trust-row__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 4px 30px;
  text-align: center;
}

/* Hairline divider between columns, never on the outer edges. Inset a little
   top and bottom so it reads as a rule rather than a full-height column edge. */
.bult-trust-row--divided .bult-trust-row__item {
  position: relative;
}

.bult-trust-row--divided .bult-trust-row__item + .bult-trust-row__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6%;
  bottom: 6%;
  width: 1px;
  background: var(--tr-rule);
}

/* ---------- Icon ------------------------------------------------------- */

.bult-trust-row__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size, 44px);
  height: var(--icon-size, 44px);
  margin-bottom: 12px;
  color: rgb(var(--color-button));
}

/* Icon colour source, chosen in the section settings. */
.bult-trust-row--icon-text .bult-trust-row__icon {
  color: rgb(var(--color-foreground));
}

.bult-trust-row--icon-custom .bult-trust-row__icon {
  color: var(--icon-color, rgb(var(--color-button)));
}

/* Let each icon declare its own fill/stroke. The parent sets the CSS color
   property, so both fill="currentColor" and stroke="currentColor" resolve. */
.bult-trust-row__icon svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.bult-trust-row__icon img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
}

/* ---------- Type ------------------------------------------------------- */

/* style.css forces letter-spacing:0 on body/p/h*/span/a — set it explicitly. */
.bult-trust-row .bult-trust-row__title {
  margin: 0 0 5px;
  font-family: var(--font-heading-family, 'Montserrat', sans-serif);
  font-style: var(--font-heading-style, normal);
  font-size: 44px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.43px;
  color: rgb(var(--color-foreground));
}

.bult-trust-row .bult-trust-row__text {
  margin: 0;
  max-width: 30ch;
  font-size: var(--text-size, 15px);
  font-weight: 400;
  line-height: 1.4;
  color: rgba(var(--color-foreground), 0.68); /* matches the hero --hero-text-dim */
}

/* ---------- Responsive ------------------------------------------------- */

@media screen and (max-width: 989px) {
  .bult-trust-row {
    --tr-gutter: 24px;
  }
  .bult-trust-row__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 34px;
  }
  /* Re-draw the rule for a 2-up grid: only down the right-hand column. */
  .bult-trust-row--divided .bult-trust-row__item + .bult-trust-row__item::before {
    display: none;
  }
  .bult-trust-row--divided .bult-trust-row__item:nth-child(2n)::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 6%;
    bottom: 6%;
    width: 1px;
    background: var(--tr-rule);
  }
  .bult-trust-row .bult-trust-row__title {
    font-size: calc(var(--title-size, 28px) * 0.8);
  }
}

@media screen and (max-width: 599px) {
  .bult-trust-row {
    --tr-gutter: 16px;
    padding-top: var(--pt-m, 40px);
    padding-bottom: var(--pb-m, 40px);
  }
  .bult-trust-row__item {
    padding: 4px 10px;
  }
  .bult-trust-row__icon {
    width: calc(var(--icon-size, 44px) * 0.8);
    height: calc(var(--icon-size, 44px) * 0.8);
    margin-bottom: 9px;
  }
  .bult-trust-row .bult-trust-row__title {
    font-size: calc(var(--title-size, 28px) * 0.66);
    margin-bottom: 4px;
  }
  .bult-trust-row .bult-trust-row__text {
    font-size: calc(var(--text-size, 15px) * 0.88);
  }
}

/* Stay two-up on the narrowest screens too - only the breathing room shrinks.
   The 2-up divider set in the 989px block carries down unchanged. */
@media screen and (max-width: 399px) {
  .bult-trust-row__item {
    padding: 4px 6px;
  }
  .bult-trust-row__grid {
    row-gap: 26px;
  }
}