/* ==================================Start timelines ==============================*/
.timeline-workflow {
    margin-top: 52px;
    position  : relative;
  }
  
  .timeline-workflow .main-line {
    position   : absolute;
    top        : 0;
    left       : 50%;
    right      : 50%;
    margin-left: -1px;
    border-left: 1px solid #7eadc2;
    height     : 100%;
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow .main-line {
      left   : 25px;
      right  : auto;
      width  : 1px;
      content: none;
      display: none;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate {
    opacity: 0;
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate .main-line {
    transform       : scaleY(0);
    transform-origin: top;
    transition      : transform 4s ease 0.3s;
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate .timeline-workflow-item:after {
    opacity   : 0;
    transition: opacity 0.4s ease 0.3s;
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate .timeline-workflow-item .timeline-workflow-image img {
    opacity   : 0;
    transform : translateX(15%);
    transition: transform 1s ease 0.6s, opacity 1s ease 0.6s;
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate .timeline-workflow-item .reverse .timeline-workflow-image img {
    transform: translateX(-15%);
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate .timeline-workflow-item .timeline-workflow-text {
    opacity   : 0;
    transform : translateY(15%);
    transition: transform 1s ease 0.3s, opacity 1s ease 0.3s;
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate .timeline-workflow-item .timeline-year {
    opacity   : 0;
    transition: opacity 1s ease 0.3s;
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate.timeline-appeared {
    opacity: 1;
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate.timeline-appeared .main-line {
    transform: scaleY(1);
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate.timeline-appeared .timeline-workflow-item.timeline-appeared:after {
    opacity: 1;
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate.timeline-appeared .timeline-workflow-item.timeline-appeared .timeline-workflow-image img {
    opacity  : 1;
    transform: translateX(0);
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate.timeline-appeared .timeline-workflow-item.timeline-appeared .timeline-workflow-text {
    opacity  : 1;
    transform: translateY(0);
  }
  
  .timeline-workflow.timeline-layout--image-with-text.timeline-workflow-animate.timeline-appeared .timeline-workflow-item.timeline-appeared .timeline-year {
    opacity: 0.2;
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-year {
    position                 : absolute;
    content                  : "";
    top                      : -70%;
    margin                   : 0;
    font-family              : "Syne", sans-serif;
    font-size                : 400px;
    font-weight              : 500;
    left                     : 0;
    background               : linear-gradient(-90deg, #7eadc2 0, #1b4ea6 50%, #abc9c4 100%);
    background               : -moz-linear-gradient(-90deg, #7eadc2 0, #1b4ea6 50%, #abc9c4 100%);
    -webkit-background-clip  : text;
    -webkit-text-fill-color  : transparent;
    z-index                  : -2;
    opacity                  : 0.2;
    line-height              : 1;
  }
  
  @media only screen and (max-width: 1366px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-year {
      top: -85%;
    }
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-year {
      top      : -120px;
      font-size: 270px;
      left     : -36px !important;
    }
  }
  
  @media only screen and (max-width: 680px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-year {
      left: -25px !important;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item {
    margin-left : auto;
    margin-right: auto;
    position    : relative;
    padding     : 0 0 110px 0;
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:after {
    content         : "";
    height          : 13px;
    width           : 13px;
    background-color: var(--lapis-lazuli);
    border-radius   : 100%;
    position        : absolute;
    top             : 43%;
    left            : 50%;
    transform       : translateX(-7px);
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:after {
      display: none;
    }
  }
  
  @media only screen and (max-width: 1440px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item {
      padding: 0 0 9.7%;
    }
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item {
      padding: 0 0 115px;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2) {
    padding-top: 0;
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2) .line {
    top: 0;
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:last-child {
    padding-bottom: 87px;
  }
  
  @media screen and (min-width: 1025px) and (max-width: 1366px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:last-child {
      padding-bottom: 0;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:last-child .line {
    bottom: 0;
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-image {
    position: relative;
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n) .timeline-workflow-image {
    padding-right: 19%;
  }
  
  @media screen and (min-width: 1025px) and (max-width: 1366px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n) .timeline-workflow-image {
      padding-right: 14%;
    }
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n) .timeline-workflow-image {
      padding-right : 0;
      padding-bottom: 10px;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n) .timeline-workflow-text {
    padding-left: 244px;
  }
  
  @media screen and (min-width: 1025px) and (max-width: 1366px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n) .timeline-workflow-text {
      padding-left: 14%;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n) .timeline-workflow-text .timeline-year {
    padding-top: 0;
    left       : 165px;
  }
  
  @media screen and (min-width: 1025px) and (max-width: 1440px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n) .timeline-workflow-text .timeline-year {
      font-size: 300px;
    }
  }
  
  @media only screen and (max-width: 1366px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n) .timeline-workflow-text {
      padding-left: 14%;
    }
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-image {
      padding-left  : 0;
      padding-bottom: 10px;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n+1):not(:first-child) .timeline-workflow-image {
    padding-left: 244px;
  }
  
  @media screen and (min-width: 1025px) and (max-width: 1366px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n+1):not(:first-child) .timeline-workflow-image {
      padding-left: 14%;
    }
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n+1):not(:first-child) .timeline-workflow-image {
      padding-left  : 0;
      padding-right : 0;
      padding-bottom: 10px;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n+1):not(:first-child) .timeline-workflow-image img {
    width: auto;
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n+1):not(:first-child) .timeline-workflow-image img {
      margin-left: 0;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n+1):not(:first-child) .timeline-workflow-text {
    padding-right: 244px;
  }
  
  @media screen and (min-width: 1025px) and (max-width: 1366px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n+1):not(:first-child) .timeline-workflow-text {
      padding-right: 14%;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n+1):not(:first-child) .timeline-workflow-text .timeline-year {
    padding-right: 55px;
    padding-top  : 0;
    left         : -79px;
  }
  
  @media screen and (min-width: 1025px) and (max-width: 1440px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n+1):not(:first-child) .timeline-workflow-text .timeline-year {
      left     : -36px;
      font-size: 300px;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n+1):not(:first-child) .timeline-workflow-text .timeline-year:after {
    right: -7px;
  }
  
  @media only screen and (max-width: 1366px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item:nth-child(2n+1):not(:first-child) .timeline-workflow-text {
      padding-right: 14%;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner {
    display       : flex;
    position      : relative;
    width         : 100%;
    vertical-align: middle;
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner {
      flex-direction: column-reverse;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-image,
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text {
    float     : left;
    margin    : auto 0;
    width     : 50%;
    box-sizing: border-box;
  }
  
  @media only screen and (max-width: 1024px) {
  
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-image,
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text {
      width: 100%;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-image {
    text-align: center;
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-image img {
    width    : auto;
    height   : auto;
    max-width: none;
  }
  
  @media only screen and (max-width: 1440px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-image img {
      max-width: 100%;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-image .timeline-workflow-image-inner {
    position       : relative;
    display        : flex;
    justify-content: center;
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-image .timeline-workflow-image-inner a {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text {
    position: relative;
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text {
      text-align: left !important;
      padding   : 0 0 50px 0 !important;
    }
  
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text .timeline-m-text {
      padding: 0 !important;
    }
  }
  
  @media only screen and (max-width: 680px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text .timeline-m-text {
      padding: 0 !important;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text .timeline-alignment--right+.timeline-m-text {
    text-align: right;
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text .timeline-m-caption {
    font-size     : 24px;
    line-height   : 1.25em;
    font-size     : 12px;
    text-transform: uppercase;
  }
  
  @media only screen and (max-width: 680px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text .timeline-m-caption {
      font-size: 21px;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text .timeline-m-title {
    margin     : 8px 41px 17px 0;
    font-family: var(--font-title);
    font-size  : 2.2rem;
    text-transform: capitalize;
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text .timeline-m-title {
      max-width: 340px;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text .timeline-m-text {
    margin: 0;
  }
  
  @media screen and (min-width: 1025px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner .timeline-workflow-text .timeline-m-text {
      max-width: 300px;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner.reverse {
    display       : flex;
    flex-direction: row-reverse;
    flex-wrap     : wrap;
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .timeline-workflow-item-inner:not(.reverse) {
      flex-direction: column;
    }
  }
  
  .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .line {
    display         : inline-block;
    background-color: var(--lapis-lazuli);
    height          : 100%;
    left            : 50%;
    margin-left     : -1px;
    position        : absolute;
    width           : 1px;
    transform       : scaleY(0);
    transform-origin: top;
  }
  
  @media only screen and (max-width: 1024px) {
    .timeline-workflow.timeline-layout--image-with-text .timeline-workflow-item .line {
      display: none;
    }
  }
  
  code {
    font-size: .875em;
    color        : rgb(var(--primary))!important;
    word-wrap: break-word;
}
  /* ================================== End timelines ==============================*/