section ol {
  margin: 0;
  padding: 0; }
  section ol li {
    padding-left: 1.3em;
    text-indent: -1.3em;
    margin-bottom: 5px; }

.card {
  counter-reset: num;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .card section {
    box-sizing: border-box;
    position: relative;
    counter-increment: num;
    padding: 7.5rem 0.5rem 0.5rem;
    margin: 0;
    width: 46%;
    background: #DCF7FF;
    border-radius: 1rem;
    margin: 30px 15px 30px; }
    .card section h3 {
      text-align: center;
      font-weight: bold;
      margin-bottom: 25px;
      color: #005bac;
      position: relative;
      font-size: 1.5rem; }

@media only screen and (max-width: 768px) {
  .card {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }

  .card section {
    width: 90%;
    padding: 5rem 1.5rem 0.5rem; }

  .card section h3 {
    font-size: 1.3rem; } }
.sptest-icon {
  position: relative; }
  .sptest-icon img {
    max-width: 250px;
    position: absolute;
    top: -170px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: 0; }

@media only screen and (max-width: 768px) {
  .sptest-icon {
    position: relative; }
    .sptest-icon img {
      max-width: 200px;
      position: absolute;
      top: -130px;
      left: 0px;
      right: 0px;
      margin: 0 auto;
      z-index: 0; } }