.knost-title-box{
    position: relative;
    z-index: 1;
}
.knost-title-box .knost-subtitle{
    display: block;
    margin-bottom: 6px;
    text-transform: capitalize;
    color: var(--color-theme-white);
    position: relative;
    font-family: var(--highlight-font-family);
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-h5);
    display: inline-block;
    letter-spacing: var(--font-letter-spacing-h5);
    line-height: normal;
}
.knost-subtitle .sub-text{
    text-transform:capitalize; 
    color: var(--color-theme-white);
    position: relative;
    font-family: var(--highlight-font-family);
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-h5);
    margin-bottom:10px;
    display: inline-block;
    letter-spacing: var(--font-letter-spacing-h5);
    line-height: normal;
    -webkit-font-feature-settings: "tnum" on,"lnum" on;
    font-feature-settings: "tnum" on,"lnum" on;
}
.knost-title-box .knost-subtitle .wow{
 line-height: 0;
}
.knost-title-box.center{
    margin-bottom: 20px;
} 
.knost-title-box.left ,.knost-title-box.right{
    margin-bottom: 32px;
}

.knost-title-box .knost-title .highlighted-text,
.knost-title-box .knost-title .highlighted-text-swipe{    background-size: 100% 2px;
    background-image: linear-gradient(
293deg,var(--text-gradient-one) -15.38%,var(--text-gradient-two) 57.43%,var(--text-gradient-three) 94.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;display: inline-block;transition: transform 1s ease-in-out;}
.knost-title-box .knost-title .highlighted-text-wrap{position: relative;overflow: hidden;display: inline-block;
    vertical-align: bottom;}
.knost-title-box .knost-title .highlighted-text-swipe .highlighted-text {transform: translateY(0) translateX(0);}
.knost-title-box .knost-title .highlighted-text-swipe{
    position: absolute;
    right:0;
    top:0;
    display: block;
    transform: translateY(100%) translateX(0);
    opacity: 0;
}
.knost-title-box .knost-title .highlighted-text-wrap.animated .highlighted-text-swipe{opacity:1;transform: translateY(0) translateX(0);}
.knost-title-box .knost-title .highlighted-text-wrap.animated .highlighted-text{transform: translateY(-100%) translateX(0);}


@media (max-widthL 1024px) {
    .knost-title-desc br {
        display: none;
    }
}