.blue-bg {
  background-color: #0d367f;
  color: #fff;
  height: 100%;
  padding:5em 1em !important;
}

.blue-bg h2, .blue-bg h5 { color: #fff; }

.circle {
  font-weight: bold;
  padding: 12px 20px  !important;
  border-radius: 12px !important;
  background-color: #fff;
  color: #0d367f;
  height:70px;
  width:70px;
  max-height: 180px  !important;
  max-width: 180px  !important;
  z-index: 2  !important;
  font-size:2rem;
}

.how-it-works.row {
  display: flex  !important;
}
.how-it-works.row .col-2 {
  display: inline-flex  !important;
  align-self: stretch  !important;
  align-items: center  !important;
  justify-content: center  !important;
}
.how-it-works.row .col-2::after {
  content: ""  !important;
  position: absolute  !important;
  /* border-left: 3px solid #fff  !important; */
  z-index: 1  !important;
}
.how-it-works.row .col-2.bottom::after {
  height: 50%  !important;
  left: 50%  !important;
  top: 50%  !important;
}
.how-it-works.row .col-2.full::after {
  height: 100%  !important;
  left: calc(50% - 3px)  !important;
}
.how-it-works.row .col-2.top::after {
  height: 50%  !important;
  left: 50%  !important;
  top: 0  !important;
}

.timeline div {
  padding: 0  !important;
  height: 40px  !important;
}
.timeline hr {
  border-top: 3px solid #fff !important;
  margin: 0;
  
  position: relative  !important;
  top: 17px  !important;
}
.timeline .col-2 {
  display: flex !important;
  overflow: hidden !important;
}
.timeline .corner {
  border: 3px solid #4a699f  !important;
  width: 100%  !important;
  position: relative  !important;
  border-radius: 15px  !important;
}
.timeline .top-right {
  left: 50%  !important;
  top: -50%  !important;
}
.timeline .left-bottom {
  left: -50%  !important;
  top: calc(50% - 3px)  !important;
}
.timeline .top-left {
  left: -50%  !important;
  top: -50%  !important;
}
.timeline .right-bottom {
  left: 50%  !important;
  top: calc(50% - 3px)  !important;
}