:root {
  --benefit-direction: column;
  --benefit-icon-text-gap: var(--spacing-300);
  --benefit-width-max: 328px;
  --benefit-headline-font-size: var(--text-size-body-default);
  --benefit-headline-font-weight: var(--font-weight-medium);
  --benefit-headline-pt: 0px;
  --benefit-headline-letter-spacing: 0px;
  --benefit-copy-letter-spacing: 0px;
}
@media only screen and (min-width: 992px) {
  :root {
    --benefit-icon-text-gap: var(--spacing-400);
    --benefit-width-max: 374px;
  }
}

.benefit {
  display: flex;
  flex-direction: var(--benefit-direction);
  gap: var(--benefit-icon-text-gap);
  max-width: var(--benefit-width-max);
  z-index: 1;
}
.benefit.ct-div-block {
  display: flex;
  flex-direction: var(--benefit-direction);
}
.benefit-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-200);
}
.benefit-headline, .benefit-copy {
  line-height: var(--line-height-default);
  color: var(--color-neutral-default);
}
.benefit-headline {
  font-size: var(--benefit-headline-font-size);
  font-weight: var(--benefit-headline-font-weight);
  padding-top: var(--benefit-headline-pt);
  letter-spacing: var(--benefit-headline-letter-spacing);
}
.benefit-copy {
  font-size: var(--text-size-body-default);
  font-weight: var(--font-weight-default);
  color: var(--color-neutral-500);
  letter-spacing: var(--benefit-copy-letter-spacing);
}
.benefit--column {
  --benefit-direction: row;
  --benefit-headline-font-size: var(--blog-text-size-body-large);
  --benefit-headline-pt: 10px;
  --benefit-headline-letter-spacing: unset;
}
.benefit--headline-small {
  --benefit-headline-font-size: 1rem;
  --benefit-headline-font-weight: var(--font-weight-default);
  --benefit-headline-pt: 15px;
}