.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.text-main {
  color: var(--c-main-2);
}

.text-gradient {
  color: transparent;
  background: var(--g-main);
  background-clip: text;
  -webkit-background-clip: text;
}

.center {
  text-align: center;
}

.mx-auto {
  margin-inline: auto;
}

.max-text {
  max-width: var(--text-max);
}

.no-wrap {
  white-space: nowrap;
}

.flow-bg {
  position: relative;
  isolation: isolate;
}

.flow-bg::after {
  position: absolute;
  inset: auto -10% 0 34%;
  z-index: -1;
  height: 20rem;
  pointer-events: none;
  content: "";
  opacity: .52;
  background: repeating-radial-gradient(
    ellipse at center,
    transparent 0 1.35rem,
    rgba(110,187,213,.12) 1.4rem 1.47rem,
    transparent 1.52rem 2.65rem
  );
  transform: rotate(-9deg);
  mask-image: linear-gradient(90deg, transparent, black 30%, transparent);
}