/**
 * Bootstrap Utilities for Components
 * Hybrid Approach - Variables/mixins only, no compiled CSS
 */
.text-component {
  position: relative;
}
.text-component .text-component-content {
  max-width: 100%;
}
.text-component .text-component-heading {
  font-weight: 600;
  color: var(--bs-purple);
  margin-bottom: 1.5rem;
}
.text-component .text-component-body p:last-child {
  margin-bottom: 0;
}
.text-component .text-component-body h1, .text-component .text-component-body h2, .text-component .text-component-body h3, .text-component .text-component-body h4, .text-component .text-component-body h5, .text-component .text-component-body h6 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.text-component .text-component-body h1:first-child, .text-component .text-component-body h2:first-child, .text-component .text-component-body h3:first-child, .text-component .text-component-body h4:first-child, .text-component .text-component-body h5:first-child, .text-component .text-component-body h6:first-child {
  margin-top: 0;
}
.text-component .text-component-body ul, .text-component .text-component-body ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}
.text-component .text-component-body a {
  color: var(--bs-teal);
  text-decoration: none;
}
.text-component .text-component-body a:hover {
  color: var(--bs-purple);
  text-decoration: underline;
}
.text-component .text-component-body img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 767.98px) {
  .text-component .text-component-heading {
    font-size: 1.75rem;
  }
}

/*# sourceMappingURL=style.css.map */