.typetext-container h1 {
        font-size: 154px !important;
        line-height: 150px !important;
        color: #FFF;
        font-weight: 600 !important;
    }
    
    @media(max-width: 767px) {
        .typetext-container h1 {
            line-height: 80px !important;
            font-size: 78px !important;
        }              
    }
    
    .typetext-container span {
        color: #FFF !important;
    }

    .typetext-container span::after{
        content: '|';
        animation-name: blinking; 
        animation-duration: .71s; 
        animation-iteration-count: infinite;
    }

@keyframes blinking{
    from{
        color: transparent; 
    }
    to{
        color: white; 
    }
}

.typetext-container span {
    background-size: 0% 20px;
}

.typetext-container span.finished::after {
	display: none;
	background-size: 0% 20px;
	transition: background-size .5s;
}

.typetext-container span.finished.underline {
	width: 100%;
	background-size: 83% 20px;
	transition: background-size .5s;
	background-position: 8px bottom;
	padding-bottom: 8px;
}

 @media(max-width: 767px) {
     .typetext-container span {
        background-size: 0% 12px;
    }
    
    .typetext-container span.finished::after {
	    background-size: 0% 12px;
    }
     
     .typetext-container span.finished.underline {
         background-size: 83% 12px;
     }
 }