@-webkit-keyframes animate-svg-stroke-1 {
    0% {
      stroke-dashoffset: 635.1591796875px;
      stroke-dasharray: 635.1591796875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 635.1591796875px;
    }
  }
  
  @keyframes animate-svg-stroke-1 {
    0% {
      stroke-dashoffset: 635.1591796875px;
      stroke-dasharray: 635.1591796875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 635.1591796875px;
    }
  }
  
  #career-line-animation-purple-lines .svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
            animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-2 {
    0% {
      stroke-dashoffset: 551.9354248046875px;
      stroke-dasharray: 551.9354248046875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 551.9354248046875px;
    }
  }
  
  @keyframes animate-svg-stroke-2 {
    0% {
      stroke-dashoffset: 551.9354248046875px;
      stroke-dasharray: 551.9354248046875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 551.9354248046875px;
    }
  }
  
  #career-line-animation-purple-lines .svg-elem-2 {
    -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
            animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-3 {
    0% {
      stroke-dashoffset: 634.776611328125px;
      stroke-dasharray: 634.776611328125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 634.776611328125px;
    }
  }
  
  @keyframes animate-svg-stroke-3 {
    0% {
      stroke-dashoffset: 634.776611328125px;
      stroke-dasharray: 634.776611328125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 634.776611328125px;
    }
  }
  
  #career-line-animation-purple-lines .svg-elem-3 {
    -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
            animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-4 {
    0% {
      stroke-dashoffset: 408.64215087890625px;
      stroke-dasharray: 408.64215087890625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 408.64215087890625px;
    }
  }
  
  @keyframes animate-svg-stroke-4 {
    0% {
      stroke-dashoffset: 408.64215087890625px;
      stroke-dasharray: 408.64215087890625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 408.64215087890625px;
    }
  }
  
  #career-line-animation-purple-lines .svg-elem-4 {
    -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
            animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
  }
  



#career-line-animation-purple-lines {
  width: 100%;
  margin-bottom: -12em;
}

#career-line-animation-purple-lines svg {
  max-width: 100%;
  height: auto;
}

@media only screen and (min-width: 1201) and (max-width: 1440px) {
  #bakkt-line-animation-purple-lines {
/*     right: 6.875em;
    bottom: -8.75em;
    margin-bottom: -12em */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #career-line-animation-purple-lines {
    right: 110px;   
    bottom: -140px;
  }
  }


/* @media only screen and (max-width: 767px) {
  #career-line-animation-purple-lines {
    width: 50%;
    left: auto;
    right: 60px;
    bottom: -120px;
  } */
}