@import url("https://fonts.googleapis.com/css?family=Mukta:300,400,700");
  .tooltip,
  .banner-background-area section.container .container__sources:before,
  .banner-background-area section.container .container__build:before,
  .banner-background-area section.container .container__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,
  .banner-background-area section.container .container__sources div,
  .banner-background-area section.container .container__build div {
    line-height: 2;
    background: #fff;
    padding: 1.2rem 1rem;
    border-radius: 4px;
    box-shadow: 0 2px 10px #e6e6e6;
    font-size: 1.1rem;
    color: #411fb2;
    font-weight: bold;
  }
  .banner-background-area section.container {
    padding: 15vh 0;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .banner-background-area section.container svg {
    height: 5rem;
  }
  .banner-background-area section.container svg line {
    stroke: #5f39dd;
    stroke-width: 3px;
    stroke-linecap: round;
    stroke-dasharray: 2px 20px;
    animation: animateline 5s linear both infinite;
  }
  .banner-background-area section.container h3 {
    font-size: 0.8rem;
  }
  .banner-background-area section.container p {
    font-size: 0.95rem;
  }
  .banner-background-area section.container .container__sources {
    display: flex;
    border-radius: 8px;
    padding: 1.5rem;
    position: relative;
  }
  .banner-background-area section.container .container__sources div {
    text-align: center;
    margin: 0 1rem;
  }
  .banner-background-area section.container .container__build {
    border-radius: 8px;
    position: relative;
  }
  .banner-background-area section.container .container__build div {
    margin: 2rem 0;
  }
  .banner-background-area section.container .container__build div svg {
    width: 4rem;
    height: auto;
    fill: #5f39dd;
  }
  .banner-background-area section.container .container__deploy {
    background: #f9f9f9;
    padding: 1.5rem;
    border-radius: 8px;
    position: relative;
  }
  .banner-background-area section.container .container__deploy:before {
    content: 'deploy';
  }
  @media (max-width: 700px) {
   .banner-background-area section.container .container__sources {
    flex-direction: column;
  }
  .banner-background-area section.container .container__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;
  }
}