.three-locations {
margin-top: -28px;
  position: relative;
  z-index: 0;
}

.three-locations .tl-blue-line {
  display: none;
}
@media (min-width: 992px) {
  .three-locations .tl-blue-line {
    background-color: #27519D;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
    transform: translateY(-50%);
  }
}
.three-locations .tl-contentbox {
  border: 2px solid #27519D;
  background-color: white;
}

.three-locations .tl-eachbox {
  text-align: left;
  padding: 20px;
  height: 100%;
  cursor: pointer;
  display: block;
  transition: 0.7s;
}
.three-locations .tl-eachbox:hover {
  background-color: #7591c040;
}
.three-locations .tl-eachbox .tl-icon-box {
  vertical-align: top;
  text-align: center;
}
.three-locations .tl-eachbox .tl-icon-box .icon {
  color: #7591C0;
  font-size: 40px;
  margin-bottom: 0;
}
.three-locations .tl-eachbox:hover .tl-icon-box .icon {
  animation: fa-bounce 1s;
}
.three-locations .tl-eachbox .tl-content {
  vertical-align: center;
  color: #27519D;
  line-height: 42px;
  font-size: 18px;
  text-align: center;
}
.three-locations .tl-eachbox .tl-content .title {
  margin-right: 8px;
  font-weight: 900;
}
.three-locations .tl-eachbox .tl-content .subtitle {
  font-weight: 400;
}
@media screen and (min-width: 992px) {
  .three-locations {
    margin-top: -48px;
  }
}
@media screen and (min-width: 1400px) {
    .three-locations {
        margin-top: -48px;
    }
}