📄 marquee-effect-style-1.css

.pbmit-marquee-effect-style-1 .pbmit-element-title{
	font-size:90px;
	line-height: 120px!important;
	position: relative!important;
	overflow: visible!important;
	display: flex;
	overflow: visible!important;
	text-shadow: 1px 1px 0 rgba(var(--pbmit-xhyre-blackish-color-rgb) ,.2), -1px -1px 0 rgba(var(--pbmit-xhyre-blackish-color-rgb) ,.2), 1px -1px 0 rgba(var(--pbmit-xhyre-blackish-color-rgb) ,.2), -1px 1px 0 rgba(var(--pbmit-xhyre-blackish-color-rgb) ,.2), 1px 1px 0 rgba(var(--pbmit-xhyre-blackish-color-rgb) ,.2);
	-webkit-text-fill-color: var(--pbmit-xhyre-white-color);
	-webkit-text-stroke-width: 0;
	color: transparent;
	letter-spacing: -1px;
}
.pbmit-marquee-effect-style-1 .pbmit-element-title:hover{
	text-shadow: 1px 1px 0 rgba(var(--pbmit-xhyre-global-color-rgb) ,.2), -1px -1px 0 rgba(var(--pbmit-xhyre-global-color-rgb) ,.2), 1px -1px 0 rgba(var(--pbmit-xhyre-global-color-rgb) ,.2), -1px 1px 0 rgba(var(--pbmit-xhyre-global-color-rgb) ,.2), 1px 1px 0 rgba(var(--pbmit-xhyre-global-color-rgb) ,.2);
}
.pbmit-marquee-effect-style-1 .pbmit-element-title::before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	content: attr(data-text);
	transition: max-width .8s cubic-bezier(.22, .61, .36, 1);
	-webkit-text-fill-color: var(--pbmit-xhyre-global-color);
	-webkit-text-stroke: transparent;
	max-width: 0;
}
.rtl .pbmit-marquee-effect-style-1 .pbmit-element-title::before{
	right: 0;
	left: inherit;
}
.pbmit-marquee-effect-style-1 .pbmit-element-title:hover::before{
	max-width: 100%;
}
.pbmit-marquee-effect-style-1 .pbmit-tag-wrapper{
	padding-left: 100px;
	margin-left: 50px;
	position: relative;
}
.rtl .pbmit-marquee-effect-style-1 .pbmit-tag-wrapper{
	padding: 0 100px 0 0;
	margin: 0 50px 0 0;
}
.pbmit-marquee-effect-style-1 .pbmit-tag-wrapper::before{
	content: '\e821';
	font-family: 'pbminfotech-base-icons';
	position: absolute;
	left: 0;
	top: 50%;
	font-size: 60px;
	line-height: 60px;
	transform: translateY(-50%);
	color: var(--pbmit-xhyre-global-color);
}
.rtl .pbmit-marquee-effect-style-1 .pbmit-tag-wrapper::before{
	right: 0;
	left: inherit;
}
.pbmit-elementor-bg-color-blackish .pbmit-marquee-effect-style-1 .pbmit-element-title{
	-webkit-text-fill-color: var(--pbmit-xhyre-blackish-color);
	text-shadow: 1px 1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5), -1px -1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5), 1px -1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5), -1px 1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5), 1px 1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5);
}
.pbmit-elementor-bg-color-gradient .pbmit-marquee-effect-style-1 .pbmit-element-title{
	-webkit-text-fill-color: var(--pbmit-xhyre-secondary-color);
	text-shadow: 1px 1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5), -1px -1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5), 1px -1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5), -1px 1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5), 1px 1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5);
}
.pbmit-elementor-bg-color-secondary .pbmit-marquee-effect-style-1 .pbmit-element-title,
.pbmit-elementor-bg-color-globalcolor .pbmit-marquee-effect-style-1 .pbmit-element-title{
	-webkit-text-fill-color: var(--pbmit-xhyre-global-color);
	text-shadow: 1px 1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5), -1px -1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5), 1px -1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5), -1px 1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5), 1px 1px 0 rgba(var(--pbmit-xhyre-white-color-rgb), .5);
}
.pbmit-elementor-bg-color-white .pbmit-marquee-effect-style-1 .pbmit-element-title{
	-webkit-text-fill-color: var(--pbmit-xhyre-white-color);
}
.pbmit-elementor-bg-color-secondary .pbmit-marquee-effect-style-1 .pbmit-element-title{
	-webkit-text-fill-color: var(--pbmit-xhyre-secondary-color);
}
.pbmit-elementor-bg-color-blackish .pbmit-marquee-effect-style-1 .pbmit-element-title::before,
.pbmit-elementor-bg-color-gradient .pbmit-marquee-effect-style-1 .pbmit-element-title::before,
.pbmit-elementor-bg-color-secondary .pbmit-marquee-effect-style-1 .pbmit-element-title::before,
.pbmit-elementor-bg-color-globalcolor .pbmit-marquee-effect-style-1 .pbmit-element-title::before{
	-webkit-text-fill-color: var(--pbmit-xhyre-white-color);
}
.pbmit-elementor-bg-color-gradient .pbmit-marquee-effect-style-1 .pbmit-tag-wrapper::before,
.pbmit-elementor-bg-color-secondary .pbmit-marquee-effect-style-1 .pbmit-tag-wrapper::before{
	color: var(--pbmit-xhyre-global-color);
}
.pbmit-elementor-bg-color-globalcolor .pbmit-marquee-effect-style-1 .pbmit-tag-wrapper::before{
	color: var(--pbmit-xhyre-secondary-color);
}
/* Media Query */
@media (max-width: 767px){
	.pbmit-marquee-effect-style-1 .pbmit-element-title{
		font-size: 50px;
		line-height: 60px!important;
	}
	.pbmit-marquee-effect-style-1 .pbmit-tag-wrapper{
		padding-left: 70px;
		margin-left: 30px;
	}
	.rtl .pbmit-marquee-effect-style-1 .pbmit-tag-wrapper{
		padding: 0 70px 0 0;
		margin: 0 30px 0 0;
	}
	.pbmit-marquee-effect-style-1 .pbmit-tag-wrapper::before{
		font-size: 40px;
		line-height: 50px;
	}
}