.tf-title-section .title-section .heading {
color: #121212;
font-size: 44px;
font-weight: 600;
line-height: 50px;
position: relative;
margin-bottom: 11px;
}
.tf-title-section .title-section .description {
color: #64666C;
font-size: 18px;
font-weight: 400;
line-height: 28px;
margin-bottom: 15px;
} .tf-title-section.style2  .title-section {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
gap: 9px;
flex-wrap: wrap;
}
.tf-title-section.style2  .title-section > * {
width: calc(50% - 4.5px);
}
.tf-title-section.style2  .title-section .heading {
padding-right: 10%;
margin-bottom: 0;
} .tf-title-section.has-btn .heading-button  {
font-size: 14px;
font-weight: 600;
line-height: 24px;
color: #121212;
position: relative;
}
.tf-title-section.has-btn .heading-button::after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: #121212;
left: 0;
bottom: -3px;
}
.tf-title-section.has-btn .heading-button:hover {
color: var(--theme-primary-color);
}
@media (max-width: 1600px) {
.tf-title-section.style2  .title-section .heading {
padding-right: 0;
}
}
@media (max-width: 991px) {
.tf-title-section.style2  .title-section > * {
width: 100%;
}
}
.splitting .word,
.splitting .char {
display: inline-block;
}
.splitting .char {
position: relative;
}
.splitting .char::before,
.splitting .char::after {
content: attr(data-char);
position: absolute;
top: 0;
left: 0;
visibility: hidden;
transition: inherit;
user-select: none;
}
.splitting {
--word-center: calc((var(--word-total) - 1) / 2);
--char-center: calc((var(--char-total) - 1) / 2);
--line-center: calc((var(--line-total) - 1) / 2);
}
.splitting .word {
--word-percent: calc(var(--word-index) / var(--word-total));
--line-percent: calc(var(--line-index) / var(--line-total));
}
.splitting .char {
--char-percent: calc(var(--char-index) / var(--char-total));
--char-offset: calc(var(--char-index) - var(--char-center));
--distance: calc(
(var(--char-offset) * var(--char-offset)) / var(--char-center)
);
--distance-sine: calc(var(--char-offset) / var(--char-center));
--distance-percent: calc((var(--distance) / var(--char-center)));
}
.splitting.tf-animated .char {
animation-fill-mode: both;
animation-duration: 1000ms;
animation-delay: calc(200ms + calc(15ms * var(--char-index)));
}
.splitting.tf-animated .char {
animation-name: uicoreFadeInUp, uicoreFadeIn!important;
animation-timing-function: cubic-bezier(.22,1,.36,1),cubic-bezier(0,0,.2,1);
}
@keyframes uicoreFadeInUp {
0% {
transform: translate3d(0,40px,0);
}
100% {
transform: translateZ(0);
}
}
@keyframes uicoreFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}