.oc-heading-wrap {
  margin: 0;
}

.oc-height-full{
  height: 100%;
}

.oc-heading {
  --oc-heading-gradient-1: #a585ff;
  --oc-heading-gradient-2: #ffc2ad;
  --oc-heading-highlight: #a585ff;

  display: inline-block;
  max-width: 100%;
  margin: 0;
  font-family: var(--oc-font);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #051a24;
}

.oc-heading__highlight {
  color: var(--oc-heading-highlight);
}

.oc-heading--gradient {
  background-image: linear-gradient(
    45deg,
    var(--oc-heading-gradient-1),
    var(--oc-heading-gradient-2),
    var(--oc-heading-gradient-1)
  );
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: oc-heading-gradient-shift 4s linear infinite;
}

.oc-heading--gradient .oc-heading__highlight {
  color: inherit;
  -webkit-text-fill-color: inherit;
}

.oc-heading--bg-gradient {
  background-repeat: no-repeat;
}

.oc-heading--shuffle {
  font-variant-ligatures: none;
}

@keyframes oc-heading-gradient-shift {
  to {
    background-position: 200% center;
  }
}

@media (max-width: 1024px) {
  .oc-heading {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .oc-heading {
    font-size: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .oc-heading--gradient {
    animation: none;
    background-position: 0 center;
  }
}