.start-wrapper{
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto auto auto;
  z-index: 100;
  height: 20vh;
  background: #1F3B4D;
  color: white;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  padding-bottom: 30%;
}

.start-bar{
  grid-column: 2;
  grid-row: 2;
  text-align: center;
}

.start-p-content{
  grid-column: 2;
  grid-row: 4;
  text-align: center;
}

.start-p-how{
  grid-column: 2;
  grid-row: 5;
  text-align: center;
}


/*#region SVG wave*/

.svg-bottom-1 {
  position: absolute;
  background: #172D3B;
  z-index: 100;
  right: 0;
  width: 100%;
  line-height: 0;
  transform: rotate(180deg);
}

.svg-bottom-1 svg {
  position: absolute;
  display: block;
  z-index: 100;
  width: calc(106% + 10px);
  height: 120px;
}

.svg-bottom-1 .shape-fill {
  fill: rgb(83, 133, 162);
}

/*#endregion */