.ai_heading{
  display: flex;
  position: relative;
}

@keyframes reducetime {
  0% {
    width: 0em;
  }
  100% {
    width: 10em;
  }
}


.ai_heading span.line {
    width: 0;
    height: 1px;
    background: #bdbdbd;
    margin-top: 14px;
    /* animation-name: reducetime;
    animation-duration: 1s; */
    transition: all 1s ease;
}

.ai_heading.animated span.line{
  width: 10em;
  animation-name: reducetime;
  animation-duration: 1s;
}

/* .ai_heading:hover span.line{
  width: 10em;
  transition: all .4s ease;
} */
.ai_heading span.text {
    margin-right: 2em;
    font-size: 18px;
    font-weight: 400;
}