/* Style 1: Smooth Individual Letters */
.t-animate-1 .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(40px);
}

/* Style 2: Word Flow */
.t-animate-2 .word-wrapper {
    display: inline-block;
    overflow: hidden;
    line-height: 1.15;
}

.t-animate-2 .word {
    display: inline-block;
    transform: translateY(100%);
}

/* Style 3: Cascade Mix */
.t-animate-3 .word-wrapper {
    display: inline-block;
    overflow: hidden;
    margin-right: 0.3em;
}

.t-animate-3 .word {
    display: inline-block;
}

.t-animate-3 .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(30px);
}

/* Style 4: Gentle Flow */
.t-animate-4 .word-wrapper {
    display: inline-block;
    overflow: hidden;
    margin-right: 0.3em;
    opacity: 0;
    transform: translateY(20px);
}

/* Style 5: Split Lines */
.t-animate-5 .line {
    display: block;
    overflow: hidden;
    margin-bottom: 0.2em;
}

.t-animate-5 .line-inner {
    display: block;
    transform: translateY(100%);
    opacity: 0; 
}

/* Style 6: Smooth Wave */
.t-animate-6 .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(30px) scale(0.9);
}

/*  */
.hoverEffect {
    position: relative;
}

.text-animated {
    -moz-animation: bounce 0.8s;
    -webkit-animation: bounce 0.8s;
    animation: bounce 0.8s;
}

/****Animation Bounce*****/
@-webkit-keyframes bounce {
    0% {
        bottom: 0;
        animation-timing-function: ease-out;
    }

    17% {
        bottom: 10px;
        animation-timing-function: ease-in;
    }

    34% {
        bottom: 0;
        animation-timing-function: ease-out;
    }

    51% {
        bottom: 5px;
        animation-timing-function: ease-in;
    }

    68% {
        bottom: 0px;
    }

    85% {
        bottom: 3px;
        animation-timing-function: ease-in;
    }

    100% {
        bottom: 0;
    }
}

@-moz-keyframes bounce {
    0% {
        bottom: 0;
        animation-timing-function: ease-out;
    }

    17% {
        bottom: 10px;
        animation-timing-function: ease-in;
    }

    34% {
        bottom: 0;
        animation-timing-function: ease-out;
    }

    51% {
        bottom: 5px;
        animation-timing-function: ease-in;
    }

    68% {
        bottom: 0px;
    }

    85% {
        bottom: 3px;
        animation-timing-function: ease-in;
    }

    100% {
        bottom: 0;
    }
}

@keyframes bounce {
    0% {
        bottom: 0;
        animation-timing-function: ease-out;
    }

    17% {
        bottom: 10px;
        animation-timing-function: ease-in;
    }

    34% {
        bottom: 0;
        animation-timing-function: ease-out;
    }

    51% {
        bottom: 5px;
        animation-timing-function: ease-in;
    }

    68% {
        bottom: 0px;
    }

    85% {
        bottom: 3px;
        animation-timing-function: ease-in;
    }

    100% {
        bottom: 0;
    }
}