/**
 * Button Reset
 *
 */
/**
 * Size
 *
 */
/**
 * Block Cover
 * Creates a block that covers the full width/height of parent div. Typically used on a :before pseudo element
 */
/**
 * Placeholder Color
 *
 */
/**
 * Clearfix
 *
 */
html {
  scroll-behavior: smooth;
}

.stats, .acf-block-preview .stats {
  --outer-width: calc(100% - var(--scrollbar-width, 0px));
  --inner-width: calc((var(--outer-width) - var(--wp--custom--layout--content)) / 2 );
  padding: 0px max(var(--wp--custom--layout--page-margin), var(--inner-width));
}
.stats.alignwide, .acf-block-preview .stats.alignwide {
  --inner-width: calc((var(--outer-width) - var(--wp--custom--layout--wide)) / 2 );
}
.stats, .acf-block-preview .stats {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: auto;
}
@media screen and (min-width: 600px) {
  .stats, .acf-block-preview .stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px;
  }
}
@media screen and (min-width: 1000px) {
  .stats, .acf-block-preview .stats {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px;
  }
}

.stat {
  display: flex;
  flex-direction: column;
}

.stat-light {
  --stat-title--colour: var(--wp--preset--color--primary);
  --stat-counter--colour: var(--wp--preset--color--background);
}

.stat-dark {
  --stat-title--colour: var(--wp--preset--color--foreground);
  --stat-counter--colour: var(--wp--preset--color--primary);
}

.stat-title {
  margin: 0px;
  color: var(--stat-title--colour);
  font-size: 19px;
}

.stat-client {
  font-size: 19px;
  font-weight: 600;
  margin: 0px;
}

.stat-counter {
  line-height: 1.2;
  font-size: 2.5rem;
  font-size: clamp(4rem, 1.100564833rem + 5.6974459725vw, 7.9375rem);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--stat-counter--colour);
}
@media screen and (min-width: 1000px) {
  .stat-counter {
    font-size: clamp(2.5rem, 1.100564833rem + 5.6974459725vw, 7.9375rem);
  }
}

.acf-block-preview .stats {
  margin-top: 1.5em;
}
.acf-block-preview .stat {
  display: flex;
  flex-direction: column;
}
.acf-block-preview .stat-light {
  --stat-title--colour: var(--wp--preset--color--primary);
  --stat-counter--colour: var(--wp--preset--color--background);
}
.acf-block-preview .stat-dark {
  --stat-title--colour: var(--wp--preset--color--foreground);
  --stat-counter--colour: var(--wp--preset--color--primary);
}
.acf-block-preview .stat-title {
  margin: 0px;
  color: var(--stat-title--colour);
  font-size: 19px;
}
.acf-block-preview .stat-counter {
  line-height: 1.2;
  font-size: 2.5em;
  font-weight: 800;
  color: var(--stat-counter--colour);
  margin-top: 0px;
  margin-bottom: 0px;
}
/*# sourceMappingURL=style.css.map */