/*! -- Stack Processes -- */
.process-list-1 {
  padding: 3.71428571em 0;
  position: relative;
  overflow: hidden;
}
.process-list-1 .process__item {
  width: 50%;
}
.process-list-1 .process__item:not(:last-child) {
  margin-bottom: 1.85714286em;
}
.process-list-1:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  background: #4a90e2;
}
.process__item {
  position: relative;
}
.process__item:after {
  content: '';
  width: 1.85714286em;
  height: 1.85714286em;
  background: #fff;
  border: 2px solid #4a90e2;
  border-radius: 50%;
  position: absolute;
  top: 0;
  margin-left: 1px;
}
@media all and (min-width: 768px) {
  .process-list-1 .process__item:nth-child(odd) {
    text-align: right;
    padding-right: 3.71428571em;
  }
  .process-list-1 .process__item:nth-child(odd):after {
    right: -0.92857143em;
  }
  .process-list-1 .process__item:nth-child(even) {
    margin-left: 50%;
    padding-left: 3.71428571em;
  }
  .process-list-1 .process__item:nth-child(even):after {
    left: -0.92857143em;
  }
}
@media all and (max-width: 767px) {
  .process-list-1:before,
  .process-list-2:before,
  .process-list-3:before,
  .process-list-4:before {
    left: 0.92857143em;
  }
  .process-list-1 .process__item,
  .process-list-2 .process__item,
  .process-list-3 .process__item,
  .process-list-4 .process__item{
    width: 100%;
    padding-left: 3.71428571em;
  }
  .process-list-1 .process__item:after,
  .process-list-2 .process__item:after,
  .process-list-3 .process__item:after,
  .process-list-4 .process__item:after {
    left: 0;
  }
}
.bg--dark .process-list-1:before,
.imagebg .process-list-1:before,
.bg--dark .process-list-2:before,
.imagebg .process-list-2:before,
.bg--dark .process-list-3:before,
.imagebg .process-list-3:before,
.bg--dark .process-list-4:before,
.imagebg .process-list-4:before {
  background: #fff;
}
.bg--dark .process-list-1 .process__item:after,
.imagebg .process-list-1 .process__item:after,
.bg--dark .process-list-2 .process__item:after,
.imagebg .process-list-2 .process__item:after,
.bg--dark .process-list-3 .process__item:after,
.imagebg .process-list-3 .process__item:after,
.bg--dark .process-list-4 .process__item:after,
.imagebg .process-list-4 .process__item:after {
  background: #fff;
}
.bg--dark .process-list-1 .process__item:after,
.bg--dark .process-list-2 .process__item:after,
.bg--dark .process-list-3 .process__item:after,
.bg--dark .process-list-4 .process__item:after {
  border-color: #252525;
}
.process-list-2,
.process-list-3,
.process-list-4 {
  position: relative;
}
.process-list-2 .process__item,
.process-list-3 .process__item,
.process-list-4 .process__item {
  padding-top: 3.71428571em;
}
.process-list-2 .process__item:after,
.process-list-3 .process__item:after,
.process-list-4 .process__item:after {
  display: inline-block;
  text-align: center;
}
.process-list-2:before,
.process-list-3:before,
.process-list-4:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  top: 0.92857143em;
  left: 0;
  background: #4a90e2;
}
@media all and (max-width: 767px) {
  .process-list-2:before,
  .process-list-3:before,
  .process-list-4:before {
    height: 100%;
    width: 2px;
    left: 1.85714286em;
    margin-left: 2px;
  }
  .process-list-2 .process__item:after,
  .process-list-3 .process__item:after,
  .process-list-4 .process__item:after {
    top: 3.71428571em;
  }
}