✏️ Editing: _text-marquee-2.scss Writable

.ova-text-marquee-2{
	position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    width: 100%;
    direction: ltr;

&.direction-ltr {
    	direction: rtl;
    	.content-wrapper {
			animation: ova_scroll_ltr 20s linear infinite;
			animation-delay: -20s;
		}

.content-wrapper-2 {
			animation: ova_scroll2_ltr 20s linear infinite;
			animation-delay: -10s;
		}
		&.duration-slow{
			.content-wrapper {
				animation: ova_scroll_ltr 20s linear infinite;
				animation-delay: -20s;
			}
			.content-wrapper-2 {
				animation: ova_scroll2_ltr 20s linear infinite;
				animation-delay: -10s;
			}
		}

&.duration-fast{
			.content-wrapper {
				animation: ova_scroll_ltr 10s linear infinite;
				animation-delay: -10s;
			}
			.content-wrapper-2 {
				animation: ova_scroll2_ltr 10s linear infinite;
				animation-delay: -5s;
			}
		}
    }

.content-wrapper, .content-wrapper-2{
		.text{
        	font-weight: 500;
			font-size: 130px;
			line-height: 1;
			text-transform: capitalize;
			color: var(--heading);

@media(max-width: 1024px){
				font-size: 80px;
			}
		}

.image{
			position: relative;
			display: inline-flex;
			flex-direction: column;
			align-items:center;
			justify-content:center;
			margin: 0 35px 0 10px;
			vertical-align: bottom;

img{
				display: inline-block;
				width: 65px;
				height: 65px;
				border-radius: 50%;
				object-fit:cover;
				margin: 0 0 20px 0;
			}

.line-decoration{
				width: 85px;
				height: 11px;
				background-color: var(--heading);
				display: inline-block;
			}
		}
	}

.content-wrapper {
		animation: ova_scroll 20s linear infinite;
		animation-delay: -20s;
	}

.spacing {
		-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	    flex-grow: 1;
	    width: 600px;
	}

.content-wrapper-2 {
		animation: ova_scroll2 20s linear infinite;
		animation-delay: -10s;
	}

&.duration-slow{
		.content-wrapper {
			animation: ova_scroll 20s linear infinite;
			animation-delay: -20s;
		}
		.content-wrapper-2 {
			animation: ova_scroll2 20s linear infinite;
			animation-delay: -10s;
		}
	}

&.duration-fast{
		.content-wrapper {
			animation: ova_scroll 10s linear infinite;
			animation-delay: -10s;
		}
		.content-wrapper-2 {
			animation: ova_scroll2 10s linear infinite;
			animation-delay: -5s;
		}
	}
}

🔐 Sid Gifari File Manager Pro