.intanimated-text{
    font-size: 18px;
    font-weight: 600;
    min-width: 280px;
}

.intanimated-text span{
    position: relative;
}

.intanimated-text span::before{
    content: 'Claims';
    color: red;
    animation: words 20s infinite;

}

.intanimated-text span::after{
    content: '';
    background-color: #2f89fc;
    /* background: -moz-linear-gradient(-45deg, #2f89fc 0%, #2cbcbc 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #2f89fc), color-stop(100%, #2cbcbc));
    background: -webkit-linear-gradient(-45deg, #2f89fc 0%, #2cbcbc 100%);
    background: -o-linear-gradient(-45deg, #2f89fc 0%, #2cbcbc 100%);
    background: -ms-linear-gradient(-45deg, #2f89fc 0%, #2cbcbc 100%);
    background: -webkit-linear-gradient(315deg, #2f89fc 0%, #2cbcbc 100%);
    background: -o-linear-gradient(315deg, #2f89fc 0%, #2cbcbc 100%);
    background: linear-gradient(135deg, #2f89fc 0%, #2cbcbc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f89fc', endColorstr='#00dc94', GradientType=1 ); */
    position: absolute;
    width: calc(100% + 8px);
    height: 100%;
    padding-bottom: 20%;
    border-left: 2px solid red;
    right: -8px;
    animation: cursor .6s infinite,typing 20s steps(14) infinite;

}

@keyframes cursor{
    to{
        border-left:2px solid #2f89fc;  
        height: 100%;
    }
}

@keyframes words{
    0%,20%{
        content: 'CLAIMS';
    }
    21%,40%{
        content: 'QUESTIONS';
    }
    41%,60%{
        content: 'REPORTS';
    }
    61%,80%{
        content: 'DELAYS';
    }
    81%,100%{
        content: 'CONSERNS';
    }
}

@keyframes typing{
    10%,15%,30%,35%,50%,55%,70%,75%,90%,95%{
        width: 0;
    }

    5%,20%,25%,40%,45%,60%,65%,80%,85%{
        width: calc(100% + 8px);
    }
}