.c-section-heading {
  display: flex;
  align-items: center;
  gap: var(--c-section-heading-gap, 40px);
}

.c-section-line {
  position: relative;
  flex: var(--c-section-line-flex, 1);
  height: var(--c-section-line-height, 2px);
  background: transparent;
  overflow: visible;
  margin: 0;
  margin-right: var(--c-section-line-margin-right, -9999px);
}

@media (max-width: 1024px) {
  .c-section-line {
    background: #2ECC71;
  }
}

.c-section-line::after,
.c-section-line::before {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
}

.c-section-line::after {
  right: var(--c-section-line-after-right, 0);
  width: var(--c-section-line-after-width, 90%);
  background: var(--c-section-line-gradient, linear-gradient(90deg, rgba(45, 203, 113, 0) 0%, rgba(45, 203, 113, 1) 100%));
  opacity: 1;
}

.c-section-line::before {
  right: var(--c-section-line-before-right, 0);
  width: var(--c-section-line-before-width, 100%);
  background: var(--c-section-line-mask, rgba(0, 26, 20, 1));
  opacity: 1;
  z-index: 1;
}