.ocean-industries .octa-industry-approach {
  background:
    radial-gradient(ellipse at -6% 118%, #ffbb43 0%, #e78045 17%, transparent 43%),
    linear-gradient(114deg, #af0d49 0%, #ab0c47 39%, #5b3c62 72%, #087f96 100%);
}

.ocean-industries .octa-industry-approach ol {
  counter-reset: octa-industry;
  gap: clamp(12px, 2.8vw, 37px) clamp(12px, 3.2vw, 48px);
}

.ocean-industries .octa-industry-approach li {
  min-width: 0;
  counter-increment: octa-industry;
}

.ocean-industries .octa-industry-approach li a,
.ocean-industries .octa-industry-approach li a:hover {
  grid-template-columns: 1.5em minmax(0, 1fr) auto;
  min-height: 52px;
  gap: clamp(6px, 1vw, 13px);
  padding: 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-size: clamp(14px, 1.5vw, 21px);
  font-weight: 400;
  line-height: 1.4;
}

.ocean-industries .octa-industry-approach li a:is(:hover, :focus-visible) > span:nth-child(2) {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.ocean-industries .octa-industry-approach .octa-industry-approach__number {
  color: #ffe8dd;
  font-size: 0;
}

.ocean-industries .octa-industry-approach .octa-industry-approach__number::before {
  content: counter(octa-industry);
  font-size: clamp(28px, 3.25vw, 46px);
  font-weight: 600;
  line-height: 1;
  opacity: .78;
}

.ocean-industries .octa-industry-approach li a svg {
  opacity: 0;
}

.ocean-industries .octa-industry-approach li a:is(:hover, :focus-visible) svg {
  opacity: 1;
}