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