
/*--------------------------------------------------------------
  == Advanced Text
  --------------------------------------------------------------*/

.tmpcoder-highlighted-text,
.tmpcoder-anim-text,
.tmpcoder-clipped-text {
	display: inline-block;
	vertical-align: middle;
}

.tmpcoder-advanced-text-preffix,
.tmpcoder-advanced-text-suffix {
	vertical-align: middle;
}

.elementor-widget-tmpcoder-advanced-text b {
	font-weight: none;
}

/* .elementor-widget-tmpcoder-advanced-text .tmpcoder-advanced-text .tmpcoder-advanced-text-preffix,
.elementor-widget-tmpcoder-advanced-text .tmpcoder-advanced-text .tmpcoder-advanced-text-suffix,
.elementor-widget-tmpcoder-advanced-text .tmpcoder-advanced-text .tmpcoder-highlighted-text,
.elementor-widget-tmpcoder-advanced-text .tmpcoder-advanced-text .tmpcoder-anim-text,
.elementor-widget-tmpcoder-advanced-text .tmpcoder-advanced-text .tmpcoder-anim-text b {
	font-size: 32px;
	font-weight: 700;
} */

.tmpcoder-advanced-text {
	display: block;
	margin: 0;
}

.tmpcoder-clipped-text {
	position: relative;
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	z-index: 0;
}

.tmpcoder-clipped-text-content {
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}

/* .elementor-widget-tmpcoder-advanced-text .tmpcoder-advanced-text .tmpcoder-clipped-text {
	font-size: 50px;
	font-weight: 700;
} */

.tmpcoder-clipped-text-long-shadow {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.tmpcoder-highlighted-text {
	position: relative;
	text-align: left;
}

.tmpcoder-highlighted-text-inner {
	position: relative;
	z-index: 1;
}

.tmpcoder-highlighted-text svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: visible;
	z-index: auto;
}

.tmpcoder-highlighted-text svg path {
	-webkit-animation-name: tmpcoder-anim-text;
	animation-name: tmpcoder-anim-text;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	fill: none;
	stroke-width: 4;
	stroke-dasharray: 1500;
	-webkit-animation-iteration-count: 1;
	-animation-iteration-count: 1;
	opacity: 0;
}

.tmpcoder-highlighted-text .tmpcoder-highlight-curly {
	-webkit-transform: translate(-50%, 25%);
	-ms-transform: translate(-50%, 25%);
	transform: translate(-50%, 25%);
}

.tmpcoder-highlighted-text .tmpcoder-highlight-x {
	-webkit-transform: translate(-50%, -35%);
	-ms-transform: translate(-50%, -35%);
	transform: translate(-50%, -35%);
}

.tmpcoder-highlighted-text .tmpcoder-highlight-strikethrough {
	-webkit-transform: translate(-50%, -47%);
	-ms-transform: translate(-50%, -47%);
	transform: translate(-50%, -47%);
}

.tmpcoder-highlighted-text .tmpcoder-highlight-underline {
	-webkit-transform: translate(-50%, 27%);
	-ms-transform: translate(-50%, 27%);
	transform: translate(-50%, 27%);
}

.tmpcoder-highlighted-text .tmpcoder-highlight-double {
	-webkit-transform: translate(-50%, -40%);
	-ms-transform: translate(-50%, -40%);
	transform: translate(-50%, -40%);
}

.tmpcoder-highlighted-text .tmpcoder-highlight-double-underline {
	-webkit-transform: translate(-50%, 30%);
	-ms-transform: translate(-50%, 30%);
	transform: translate(-50%, 30%);
}

.tmpcoder-highlighted-text .tmpcoder-highlight-diagonal {
	-webkit-transform: translate(-50%, -40%);
	-ms-transform: translate(-50%, -40%);
	transform: translate(-50%, -40%);
}

.tmpcoder-animated-text-infinite-yes .tmpcoder-highlighted-text svg path {
	-webkit-animation-name: tmpcoder-anim-text-infinite;
	animation-name: tmpcoder-anim-text-infinite;
}

@-webkit-keyframes tmpcoder-anim-text-infinite {
	0% {
		opacity: 1;
		stroke-dasharray: 0 1500;
	}

	12% {
		stroke-dasharray: 1500 1500;
	}

	80% {
		opacity: 1;
	}

	97% {
		opacity: 0;
		stroke-dasharray: 1500 1500;
	}

	100% {
		stroke-dasharray: 0 1500;
	}
}

@keyframes tmpcoder-anim-text-infinite {
	0% {
		opacity: 1;
		stroke-dasharray: 0 1500;
	}

	12% {
		stroke-dasharray: 1500 1500;
	}

	80% {
		opacity: 1;
	}

	97% {
		opacity: 0;
		stroke-dasharray: 1500 1500;
	}

	100% {
		stroke-dasharray: 0 1500;
	}
}

@-webkit-keyframes tmpcoder-anim-text {
	0% {
		opacity: 1;
		stroke-dasharray: 0 1500;
	}

	12% {
		stroke-dasharray: 1500 1500;
	}

	100% {
		opacity: 1;
	}
}

@keyframes tmpcoder-anim-text {
	0% {
		opacity: 1;
		stroke-dasharray: 0 1500;
	}

	12% {
		stroke-dasharray: 1500 1500;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes tmpcoder-anim-text-infinite {
	0% {
		opacity: 1;
		stroke-dasharray: 0 1500;
	}

	12% {
		stroke-dasharray: 1500 1500;
	}

	100% {
		opacity: 1;
	}
}

.tmpcoder-anim-text-inner {
	float: left;
}

.tmpcoder-anim-text-cursor {
	display: inline-block;
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-animation-name: tmpcoder-cursor-blink;
	animation-name: tmpcoder-cursor-blink;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes tmpcoder-cursor-blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes tmpcoder-cursor-blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.elementor-widget-tmpcoder-advanced-text .tmpcoder-clipped-text-content {
	background-color: #5729d9;
}