/*For the timeline*/
/*Reference: https://codepen.io/nomisoft/pen/Lbmvxp/*/

.item {
  display: flex;
  max-width: 1000px;
  margin: 0 auto;
}
.item .image {
  padding: 1em 2em;
}
.item .image > div {
  position: relative;
  text-align: center;
  font-size: 0.8em;
}
.item .image > div::after {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 1px solid #3B4C8C;
  position: absolute;
  top: 2.75em;
  left: 2.5em;
  z-index: -1;
}
.item .image img {
  border-radius: 50%;
  width:5.7em;
  height: 5.5em;
  border: 0.18em solid #3B4C8C;
}
.item .image span {
  display: block;
  clear: both;
  padding: 0.5em 0;
  margin: 1.4em 0;
  background: white;
}
.item .details {
  position: relative;
  flex-grow: 1;
}
.item .details > div {
  border: 0.08em solid #3B4C8C;
  border-radius: 0.5em;
  padding: 1.2em;
  margin: 1em 0;
}
.item .details > div h1 {
  color: #3B4C8C;
  font-size: 1.4em;
  margin: 0;
  padding: 0 0 0.5em 0;
  line-height: 0rem;
  letter-spacing: 0.1em;
}
.item .details > div p {
  margin: 0;
  padding: 0;
  line-height: 150%;
}
.item .details::before {
  content: "";
  width: 0;
  height: 100%;
  border-left: 2px solid #3B4C8C;
  position: absolute;
  top: 0;
  left: -4.35em;
  z-index: -1;
}

/*For the scroll down - button up*/
/*Reference: https://codepen.io/rdallaire/pen/apoyx*/
 #return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #343a40;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
}
#return-to-top:hover {
    background: #5D6670;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}