section.container {
  margin-bottom: 50px;
}


.fa-rotate-45 {
  -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
}
.lead-25 {
    font-size: 1.25rem;
    font-weight: 300;
}
.lead25 {
    font-size: 1.75rem;
    font-weight: 400;
}

.rounded-1em {
  border-radius: 1rem !important;
}
.rounded-05em {
  border-radius: .5rem !important;
}

.table-qna td {
  vertical-align: top;
}
.table-qna tr {
  margin-bottom: 20px;
}

div.rank-crit {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #bbc0d3;
}



/* ---- Step-Text -------*/

.step-text {
  list-style: none;
  padding-left: 0;
  counter-reset: toc1; }
  .step-text > li {
    position: relative;
    padding-left: 64px;
    margin-bottom: 48px;
    font-weight: 300; }
    .step-text > li::before {
      content: counter(toc1, decimal-leading-zero);
      counter-increment: toc1;
      position: absolute;
      left: 0;
      top: 0;
      color: #929daf;
      font-size: 24px;
      line-height: 44px;
      text-align: center;
      width: 46px;
      height: 46px;
      background-color: #f9fafb;
      border-radius: 10rem; }
  .step-text > li ul {
    list-style: none;
    padding-left: 0;
    margin-top: 30px;
    counter-reset: toc2; }
  .step-text > li li {
    position: relative;
    padding-left: 60px;
    margin-bottom: 48px;
    font-weight: 300; }
    .step-text > li li::before {
      content: counter(toc1) "-" counter(toc2);
      counter-increment: toc2;
      position: absolute;
      left: 0;
      top: 0;
      color: #929daf;
      font-size: 20px;
      width: 42px;
      height: 42px; }
  .step-text h5 {
    font-size: 18px;
    padding-top: 5px; }
  .step-text ul h5 {
    font-size: 17px;
    padding-top: 6px; }

.step-image {
  margin-top: 60px;
  padding-top: 32px;
  border-top: 1px solid #f1f2f3;
  overflow: visible; }
  .step-image .carousel-item > img {
    display: block;
    margin: 0 auto; }
  .step-image .carousel-caption {
    position: static;
    text-align: left;
    color: #999999;
    text-shadow: none; }
  .step-image .carousel-indicators {
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
    top: -40px;
    left: 0;
    margin-left: 0;
    height: 30px;
    counter-reset: toc1; }
    .step-image .carousel-indicators::before {
      content: attr(data-caption);
      color: #929daf;
      font-weight: 500;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-right: 4px; }
    .step-image .carousel-indicators li {
      border: 0;
      text-indent: 0;
      height: 30px;
      text-align: center;
      cursor: pointer; }
      .step-image .carousel-indicators li::before {
        top: -2px;
        content: counter(toc1);
        counter-increment: toc1;
        font-weight: 500;
        color: #929daf;
        -webkit-transition: .1s ease;
        transition: .1s ease; }
    .step-image .carousel-indicators .active::before,
    .step-image .carousel-indicators li:hover::before {
      color: #999999; }
  .step-image .carousel-control {
    position: absolute;
    text-shadow: none;
    color: #929daf;
    text-align: center;
    width: 30px;
    height: 30px;
    margin-right: -7px; }
    .step-image .carousel-control.right, .step-image .carousel-control.left {
      background-image: none;
      top: -40px;
      bottom: auto;
      left: auto;
      right: 0; }
    .step-image .carousel-control.left {
      right: 36px; }
    .step-image .carousel-control .fa {
      position: static;
      color: #929daf;
      font-size: 26px; }