/* Wave Shapes */
.wave-shape {
  position: relative;
  overflow: visible;
}

.wave-shape::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 60px;
  background: #062540;
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
}

.wave-top-shape {
  position: relative;
  overflow: visible;
  height: 60px;
  background: #F79233;
}

.wave-top-shape::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: white;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}