.wave-card {
  position: relative;
  overflow: hidden;
}

.wave-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.wave-bg--full {
  height: 100%;
}

.wave-section {
  position: relative;
  overflow: hidden;
}

.wave-section-content {
  position: relative;
  z-index: 1;
}

.wave-card-content {
  position: relative;
  z-index: 1;
}

.wave-layer {
  position: absolute;
  inset: 0;
}

.wave-svg {
  width: 100%;
  height: 100%;
  transform: scaleY(0.95);
  transform-origin: center;
}

.wave-layer path {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.2;
}

.wave-1 path { stroke: #1895e3; stroke-width: 3.4; }
.wave-2 path { stroke: #4DA99B; stroke-width: 4.2; }
.wave-3 path { stroke: #69e1cf; stroke-width: 4; }
.wave-4 path { stroke: #3aa998; stroke-width: 4.8; }
.wave-5 path { stroke: #9cd3c8; stroke-width: 4.6; }
.wave-6 path { stroke: #c2ddc6; stroke-width: 2.8; }
.wave-7 path { stroke: #21FF00; stroke-width: 4.6; }
.wave-8 path { stroke: #17CC00; stroke-width: 4.4; }