.step-tabs {
  width: 605px;
  margin: 40px auto;
  font-size: 14px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.step-tabs input[type="radio"] {
  display: none;
}

.step-tab {
  grid-row: 1;
  padding: 6px 0;
  text-align: center;
  background-color: #e8f1fb;
  color: #004a82;
  cursor: pointer;
  border-top: 1px solid #587EDE;
  border-left: 1px solid #587EDE;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  font-weight: normal;
}

.step-tab:last-of-type {
  border-right: 1px solid #587EDE;
}

#step1:checked + .step-tab,
#step2:checked + .step-tab,
#step3:checked + .step-tab,
#step4:checked + .step-tab,
#step5:checked + .step-tab {
  background-color: #ffffff;
  font-weight: bold;
  position: relative;
  top: 1px;
}

.step-content {
  grid-column: 1 / -1;
  grid-row: 2;
  display: none;
  border: 1px solid #587EDE;
  border-top: none;
  padding: 15px 20px;
  background-color: #ffffff;
  font-size: 16px;
}

#step1:checked ~ #content1 { display: block; }
#step2:checked ~ #content2 { display: block; }
#step3:checked ~ #content3 { display: block; }
#step4:checked ~ #content4 { display: block; }
#step5:checked ~ #content5 { display: block; }