/* -------------------------------- 





rt-hovertext ONE





-------------------------------- */





.rt-hover-heading {


    font-size: 40px;


    line-height: 50px;


    margin-right: 10px;


}





.rt-subheading {


    font-size: 40px;


    line-height: 50px;


    position: relative;


    display: inline-block;


    width: auto;


    color: #2893f5;


}





.rt-subheading svg {


    fill: #5db2ff;


    margin: 0;


}





.rt-highlight-txt {


    z-index: 9999;


    position: relative;


    font-size: 50px;


    line-height: 70px;


    text-align: center;


    text-transform: capitalize;


    background: linear-gradient(to right, #d73365 0%, #fea063 100%);


    -webkit-background-clip: text !important;


    -webkit-text-fill-color: transparent;


    font-weight: 700;


}





.heading-highlights {


    position: relative;


}








.rt-underline-txt {


    transition: transform .85s,


        opacity .85s,


        height .45s,


        bottom .45s,


        color .45s;


    transition-timing-function: cubic-bezier(.3, .8, .35, 1);


    transition-delay: inherit;


    transform-origin: left center;


    transform: scale(1, 1) !important;


    animation: my-animation 1s ease;


    position: absolute;


    left: 0;


    bottom: -20px;


    z-index: 0;


    display: flex;


    height: 37px;


    width: 100%;


    background-size: 100% 24px;


    background-repeat: repeat-x;


    clip-path: inset(0 0 0 0);


}











@keyframes my-animation {


    0% {


        opacity: 0;


        left: 0;


        transform: translateX(0);


        -webkit-clip-path: inset(0 100% 0 0);


        clip-path: inset(0 100% 0 0)


    }





    100% {


        opacity: 1;


        left: 0;


        transform: translateX(0);


        -webkit-clip-path: inset(0 0 0 0);


        clip-path: inset(0 0 0 0)


    }


}








.highlight-after-text {


    display: inline-block;


    margin-left: 15px;


}








/* -------------------------------- 





rt-hovertext TWO





-------------------------------- */





.ml1 {


    font-weight: 600;


    font-size: 40px;


    position: relative;


}





.rt-heading-div {


    font-size: 40px;


    line-height: 50px;


    position: relative;


    display: inline-block;


    width: auto;


    color: #2893f5;


}





.before-text,


.first-text,


    {


    display: inline-block;


    color: #000;


}





.after-text {


    display: inline;


    color: #000;


}





.ml1 .rt-heading-div {


    background: none !important;


}





.letters {


    z-index: 9999;


    position: relative;


    font-size: 30px;


    line-height: 40px;


    text-transform: capitalize;


    /* background: linear-gradient(to right, #d73365 0%, #fea063 100%);


 -webkit-background-clip: text !important;


 -webkit-text-fill-color: transparent;*/


    font-weight: 700;


}





.rt_gradient .letters {


    display: inline-block;


    z-index: 9999;


    position: relative;


    font-size: 30px;


    line-height: 50px;


    background: linear-gradient(to right, #d73365 0%, #fea063 100%);


    -webkit-background-clip: text !important;


    -webkit-text-fill-color: transparent;


    font-weight: 700;


}





.ml1 .text-wrapper {


    position: relative;


    display: inline-block;


    padding-top: 0.1em;


    padding-right: 0.05em;


    padding-bottom: 0.15em;


}





.ml1 .line {


    opacity: 0;


    position: absolute;


    left: 0;


    height: 13px;


    width: 100%;


    background-color: #000;


    transform-origin: 0 0;


}





.ml1 .line1 {


    top: 0;


}





.ml1 .line2 {


    bottom: 10px;


}











/* -------------------------------- 





rt-hovertext THREE





-------------------------------- */











.rt-text-appear {


    width: 100%;


    display: block;


    margin: 0;


    padding: 0;


}





/* ================ TEXT APPEAR STYLE 1 STARTS ================ */


.rt-textappear-one {


    position: relative;


    font-weight: 400;


    font-size: 45px;


}





.rt-textappear-one .text-wrapper {


    position: relative;


    display: inline-block;


    overflow: hidden;


}





.rt-textappear-one .letter {


    transform-origin: 50% 100%;


    display: inline-block;


    line-height: 1em;


}





/* ================ TEXT APPEAR STYLE 1 ENDS ================ */








/* ================ TEXT APPEAR STYLE 2 STARTS ================ */


.rt-textappear-two {


    position: relative;


    font-weight: 400;


    font-size: 45px;


    color: #F13C46;


    text-transform: capitalize;


    margin: 0;


}





.rt-textappear-two .text-wrapper {


    position: relative;


    display: inline-block;


    padding-bottom: 0;


    overflow: hidden;


}





.rt-textappear-two .letter {


    display: inline-block;


    line-height: 1em;


    transform-origin: 0 0;


}





/* ================ TEXT APPEAR STYLE 2 ENDS ================ */








/* ================ TEXT APPEAR STYLE 3 STARTS ================ */


.rt-textappear-three {


    font-weight: 400;


    font-size: 45px;


    padding-bottom: 0;


    color: #1ebb76;


    text-transform: capitalize;


}





.rt-textappear-three .letter {


    display: inline-block;


    line-height: normal;


}





/* ================ TEXT APPEAR STYLE 3 ENDS ================ */





/* ================ TEXT APPEAR STYLE 4 STARTS ================ */


.rt-textappear-four {


    font-weight: 400;


    font-size: 45px;


    padding: 0;


    margin: 0;


    color: #377dff;


}





/* ================ TEXT APPEAR STYLE 4 ENDS ================ */








/* ================ TEXT APPEAR STYLE 5 STARTS ================ */


.rt-textappear-five {


    font-weight: 400;


    font-size: 45px;


    margin: 0;


    padding: 0;


}





.rt-textappear-five .text-wrapper {


    position: relative;


    display: inline-block;


    padding-bottom: 0;


}





.rt-textappear-five .line {


    opacity: 0;


    position: absolute;


    left: 0;


    height: 2px;


    width: 100%;


    background-color: #000;


    transform-origin: 100% 100%;


    bottom: 0;


    display: none;


}





.rt-textappear-five .letter {


    display: inline-block;


    line-height: 1em;


}





/* ================ TEXT APPEAR STYLE 5 ENDS ================ */