#section-1, #section-2, #section-3, #section-4, #section-5, #section-6, #section-7, #section-8 {
  display: flex;
  justify-content: center;
}

.section-wrapper {
  display: flex;
  flex-direction: column;
  width: 1224px;
  box-shadow: 10px 10px 10px 0px rgba(112, 144, 176, 0.05);
  z-index: 10;
  border-radius: 4px;
}

.section-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /*     border: 1px solid var(--NC_Grey20, #DBDBDB); */

}

.section-row h2 {
  font-size: 34px;
  line-height: 44px;
}
.section-row h3 {
  font-size: 24px;
  line-height: 36px;
  font-weight: normal;
}
.section-row li {
  list-style-type: disc;
  list-style-position: inside;
  color: #EAEAEA;
  padding-bottom: 16px;
  line-height: 1;
}
.section-row li span {
  line-height: 1;
}

#section-2 ul, #section-6 ul {
  margin-left: 24px;
}
  
#section-1 .section-wrapper {
  margin: 64px 16px 0 16px;
}
#section-2 .section-wrapper {
  margin: 16px 16px 0 16px;
}
#section-3 .section-wrapper, #section-4 .section-wrapper, #section-5 .section-wrapper, #section-6 .section-wrapper, #section-7 .section-wrapper {
  margin: 32px 16px 0 16px;
}
#section-8 .section-wrapper {
  margin: 32px 16px 128px 16px;
}

#section-1 .right-1 {
  max-width: 578px;
}
#section-5 .section-row:nth-child(2) .left-3 {
  padding: 16px 24px
}
#section-8 h2, #section-8 p {
  padding: 16px 24px;
}

.left-1 {
  flex: 0 0 218px;
  padding: 24px 0 24px 24px;
  margin: 0;
}

.right-1 {
  flex: 0 1 1006px;
  padding: 18px 30px;
  margin: 0;
}

.left-2 {
  flex: 0 1 589px;
  padding: 16px 24px;
  margin: 0;
}
.center-2 {
  flex: 0 1 318px;
  padding: 16px 24px;
  margin: 0;
}
.right-2 {
  flex: 0 1 317px;
  padding: 16px 24px;
  margin: 0;
}
.left-3 {
  flex: 0 0 387px;
  padding: 24px 0 24px 24px;
  margin: 0;
}
.right-3 {
  flex: 0 1 837px;
  padding: 18px 48px;
  margin: 0;
}
.dark-blue {
  background: #22345B;
}
.med-blue {
  background: #006FC8;
}
.light-grey {
    background: var(--NC_Grey10, #EAEAEA);
}
.med-grey {
  background: #6A6A6A;
}
.text-dark-blue {
  color: #22345B;
}
.radius-tl {
  border-top-left-radius: 8px;
}

.radius-tr {
  border-top-right-radius: 8px;
}

.radius-bl {
  border-bottom-left-radius: 8px;
}

.radius-br {
  border-bottom-right-radius: 8px;
}

.radius-all {
  border-radius: 4px;
}

.outline {
  box-shadow:
    1px 0 0 0 #DBDBDB,
    0 1px 0 0 #DBDBDB,
    1px 1px 0 0 #DBDBDB,
    /* Just to fix the corner */
    1px 0 0 0 #DBDBDB inset,
    0 1px 0 0 #DBDBDB inset;
}

@media screen and (max-width: 870px) {
  #section-3 h2 {
    font-size: 24px;
    font-weight: 550;
  }
  .left-1, .right-1, .left-2, .right-2, .left-3, .right-3 {
    flex-shrink: 1;
  }
  .left-1, .left-2, .left-3 {
    padding-right: 16px;
  }
  #section-1 .right-1 {
    max-width: unset;
  }
}

@media screen and (max-width: 800px) {
  #section-1 .right-1 {
    font-size: 24px;
    font-weight: normal;
  }
  .section-wrapper .section-row {
    flex-wrap: wrap;
  }
  #section-3 .section-wrapper .section-row {
    flex-wrap: nowrap;
  }
    .left-1, .left-2, .left-3 {
      flex-grow: 1;
  }
/*   .section-wrapper * {
    border-radius: 0px;
  } */
  .section-wrapper .section-row:first-child h2.left-1, .section-wrapper .section-row:first-child h2.left-3 {
/*     border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;  */
    border-radius: 4px 8px 0 0;
  }
  #section-2 .section-wrapper .section-row:last-child h2.left-1, .section-wrapper .section-row:last-child .left-3 {
    border-radius: 0;
}
/*   #section-2 .section-wrapper .section-row:last-child .right-1 {
        border-radius: 0 0 8px 8px;
  } */
}

@media screen and (max-width: 750px) {
  .left-2 {
    width 150px;
    padding: 16px 8px;
  }
  .center-2 {
    width: 100px;
        padding: 16px 8px;

  }
  .right-2 {
    width: 100px;
        padding: 16px 8px;

  }
  #section-3 h2 {
    font-size: 16px;
    line-height: 1.2;
  }
}