/* -------------------------------- 
rt-hovertext ONE
-------------------------------- */
.rt-hover-heading {
	margin-right: 0px;
	display: block;
	word-wrap: break-word;
	position: relative;
}

.rt-subheading {
	position: relative;
	display: inline-block;
	width: auto;
	color: #2893f5;
	margin-right: 15px;
}

.rt-subheading svg {
	fill: #5db2ff;
	margin: 0;
}

.rt-title-heading {
	position: relative;
}

.rt-highlight-txt {
	position: relative;
	display: inline-block;
}

.rt-underline-txt {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	width: 100%;
}

.underline-heading-two .rt-underline-txt {
	bottom: -10px;
}

.circle-underline .rt-underline-txt {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	width: 100%;
}

.font-light-italic {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-style: italic;
	font-weight: 300;
}

.heading-underline-one .rt-underline-txt {
	left: 0;
	bottom: 6px;
}

.heading-underline-two.rt-underline-txt {
	left: 0;
	bottom: 4px;
}

.heading-underline-three .rt-underline-txt {
	left: 0;
	bottom: 0px;
}

.rt-eclipse-text .rt-underline-txt svg {
	fill: none;
	width: auto;
}

.rt-underline-txt svg {
	z-index: -1;
	display: flex;
	margin: 0px;
}

.rt-eclipse-text .rt-underline-txt {
	top: 0px;
	height: auto;
}

.rt-eclipse-text .head-txt {
	position: relative;
	display: inline-flex;
}

@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;
	margin-left: 0;
}

.landing-heading .highlight-after-text {
	display: inline;
	margin-left: 0;
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-style: initial !important;
}

.underline-hidden .rt-highlight-txt .rt-underline-txt {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
}

@media only screen and (max-width: 776px) {
	.head-txt {
		position: relative;
		padding: 0;
	}
	
	.rt-highlight-txt {
		padding: 0;
	}
	
	.underline-hidden .rt-highlight-txt .rt-underline-txt {
		display: none;
	}
}

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

rt-hovertext TWO

-------------------------------- */
.ml1 {
	position: relative;
}

.rt-heading-div {
	position: relative;
	display: inline-block;
	width: auto;
	color: #2893f5;
}

.before-text, .first-text,  {
	display: inline-block;
	color: #000;
}

.after-text {
	display: inline;
}

.ml1 .rt-heading-div {
	background: none !important;
}

.letters {
	position: relative;
}

h1.letters {
	z-index: 9999;
	position: relative;
	text-transform: capitalize;
}

.rt_gradient .letters {
	display: inline-block;
	position: relative;
	background: linear-gradient(to right, #d73365 0%, #fea063 100%);
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent;
}

.ml1 .text-wrapper {
	position: relative;
	display: inline-block;
	padding-right: .05em;
}

.ml1 .line {
	opacity: 0;
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
	transform-origin: 0 0;
	z-index: -1;
}

.ml1 .line1 {
	top: 0;
}

.ml1 .line2 {
	bottom: 0px;
}

/* -------------------------------- 
rt-hovertext THREE
-------------------------------- */
.rt-text-appear {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

/* ================ TEXT APPEAR STYLE 1 STARTS ================ */
.rt-textappear-one {
	position: relative;
	text-transform: none;
}

.rt-textappear-one .text-wrapper {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.rt-textappear-one .letter {
	transform-origin: 50% 100%;
	display: inline-block;
	text-transform: none;
}

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

/* ================ TEXT APPEAR STYLE 2 STARTS ================ */
.rt-textappear-two {
	position: relative;
	color: #30353b;
	text-transform: none;
	margin: 0;
}

.rt-textappear-two .text-wrapper {
	position: relative;
	display: inline-block;
	padding-bottom: 0;
	overflow: hidden;
}

.rt-textappear-two .letter {
	display: inline-block;
	transform-origin: 0 0;
	text-transform: none;
}

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

/* ================ TEXT APPEAR STYLE 3 STARTS ================ */
.rt-textappear-three {
	padding-bottom: 0;
	color: #30353b;
	text-transform: none;
}

.rt-textappear-three .letter {
	display: inline-block;
	line-height: normal;
}

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

/* ================ TEXT APPEAR STYLE 4 STARTS ================ */
.rt-textappear-four {
	padding: 0;
	margin: 0;
	color: #30353b;
}

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

/* ================ TEXT APPEAR STYLE 5 STARTS ================ */
.rt-textappear-five {
	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;
	text-transform: none;
}

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

/* ================ TEXT APPEAR STYLE 10 Starts ================ */
.heading-style-ten {
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 0;
}

.heading-style-ten b {
	color: #007bef;
}

h2.rt-splitting .rt-words {
	opacity: 1;
	animation: slide-in 1.5s cubic-bezier(.5, 0, .5, 1) both;
	animation-delay: calc(40ms * var(--word-index));
}

/* animations */
@keyframes slide-in {
	from {
		transform: translateY(1em);
		opacity: 0;
	}
}

/*==================================== splitting ====================================*/
.rt-splitting .rt-words {
	opacity: 0;
}

.rt-splitting[data-scroll="in"] .rt-words {
	opacity: 1;
	animation: slide-in 1s cubic-bezier(.5, 0, .5, 1) both;
	animation-delay: calc(40ms * var(--word-index));
}

.rt-splitting .line {
	animation: slide-in 1s cubic-bezier(.5, 0, .5, 1) both;
	animation-delay: calc(40ms * var(--line-index));
}

.rt-splitting .rt-words {
	display: inline-block;
}

.rt-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);
}

.rt-splitting .rt-words {
	--word-percent: calc(var(--word-index) / var(--word-total));
	--line-percent: calc(var(--line-index) / var(--line-total));
}

/* ================ TEXT APPEAR STYLE 8 STARTS ================ */
h1.splitting {}

h1.splitting .char {
	transition: transform .3s cubic-bezier(.3, 0, .3, 1), opacity .3s linear;
	transition-delay: calc(20ms * var(--char-index));
}

h1.splitting[data-scroll=out] .char {
	opacity: .1;
	transform: translateY(.25em);
}

h2.splitting .char {
	transition: transform .3s cubic-bezier(.3, 0, .3, 1), opacity .3s linear;
	transition-delay: calc(20ms * var(--char-index));
}

h2.splitting[data-scroll=out] .char {
	opacity: .1;
	transform: translateY(.25em);
}

h3.splitting .char {
	transition: transform .3s cubic-bezier(.3, 0, .3, 1), opacity .3s linear;
	transition-delay: calc(20ms * var(--char-index));
}

h3.splitting[data-scroll=out] .char {
	opacity: .1;
	transform: translateY(.25em);
}

h4.splitting .char {
	transition: transform .3s cubic-bezier(.3, 0, .3, 1), opacity .3s linear;
	transition-delay: calc(20ms * var(--char-index));
}

h4.splitting[data-scroll=out] .char {
	opacity: .1;
	transform: translateY(.25em);
}

h5.splitting .char {
	transition: transform .3s cubic-bezier(.3, 0, .3, 1), opacity .3s linear;
	transition-delay: calc(20ms * var(--char-index));
}

h5.splitting[data-scroll=out] .char {
	opacity: .1;
	transform: translateY(.25em);
}

h6.splitting .char {
	transition: transform .3s cubic-bezier(.3, 0, .3, 1), opacity .3s linear;
	transition-delay: calc(20ms * var(--char-index));
}

h6.splitting[data-scroll=out] .char {
	opacity: .1;
	transform: translateY(.25em);
}

/* Recommended styles for Splitting */
.splitting .word, .splitting .char {
	display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
	position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before, .splitting .char::after {
	content: attr(data-char);
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	transition: inherit;
	user-select: none;
}

/* Expanded CSS Variables */
.splitting {
	/* The center word index */
	--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 {
	/* Pecent (0-1) of the word's position */
	--word-percent: calc(var(--word-index) / var(--word-total));
	--line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
	/* Percent (0-1) of the char's position */
	--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) ));
}