.tooltip,
.container_fc__sources:before,
.container_fc__build:before,
.container_fc__deploy:before {
  position: absolute;
  right: 0;
  bottom: 100%;
  color: #fff;
  background: #ffb238;
  text-transform: uppercase;
  font-size: 0.9rem;
  padding: 0.25rem 0.75rem;
  border-radius: 2.5px;
}
.card,
.container_fc__sources div,
.container_fc__build div {
  line-height: 2;
  background: #fff;
  padding: 1.2rem 1rem;
  border-radius: 4px;
  box-shadow: 0 2px 10px #e6e6e6;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.container_fc {
    margin: 5vh 2.5vw;
    padding: 15vh 0;
    background: #fff;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .container_fc svg {
    height: 10rem;
  }
  .container_fc svg line {
    stroke: #5f39dd;
    stroke-width: 3px;
    stroke-linecap: round;
    stroke-dasharray: 2px 20px;
    animation: animateline 5s linear both infinite;
  }
  .container_fc__sources {
    display: flex;
    border-radius: 8px;
    padding: 1.5rem;
    background: #f9f9f9;
    position: relative;
  }
  /* .container_fc__sources:before {
    content: 'data sources';
  } */
  .container_fc__sources div {
    text-align: left;
    margin: 0 1rem;
  }
  .container_fc__build {
    padding: 10vh 10vw;
    border-radius: 8px;
    background: #f9f9f9;
    position: relative;
  }
  /* .container_fc__build:before {
    content: 'build';
  } */
  .container_fc__build div {
    margin: -2rem 0;
  }
  .container_fc__build div svg {
    width: 4rem;
    height: auto;
    fill: #5f39dd;
  }
  .container_fc__deploy {
    background: #f9f9f9;
    padding: 1.5rem;
    border-radius: 8px;
    position: relative;
  }
  /* .container_fc__deploy:before {
    content: 'deploy';
  } */
  @media (max-width: 700px) {
    .container_fc__sources {
      flex-direction: column;
    }
    .container_fc__sources div {
      margin: 1rem 0;
    }
  }
  @-moz-keyframes animateline {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: -5rem;
    }
  }
  @-webkit-keyframes animateline {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: -5rem;
    }
  }
  @-o-keyframes animateline {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: -5rem;
    }
  }
  @keyframes animateline {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: -5rem;
    }
  }