#particles-js {
	position: absolute;
	min-width: 280px;
	min-height: 280px;
	top: 0;
	left: 0;
}

@media (min-width: 576px) {
	#particles-js {
		min-width: 300px;
		min-height: 300px;
	}
}

#particles-js .particles-js-canvas-el {
	min-width: 280px;
	min-height: 280px;
}

@media (min-width: 576px) {
	#particles-js .particles-js-canvas-el {
		min-width: 360px !important;
		min-height: 300px !important;
		width: auto;
	}
}



.text-img {
	position: relative;
	display: inline-block;
	overflow: hidden;
	font-size: 200px;
	line-height: 144%;
	font-weight: 600;
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #151515;
	letter-spacing: -.06em;
	padding-right: 10px;
	height: 270px;
}


@supports (-webkit-background-clip: text) {
	.text-img {
		-webkit-text-fill-color: transparent;
		background: -webkit-linear-gradient(transparent, transparent);
		background: -o-linear-gradient(transparent, transparent);
		background: #fff;
		-webkit-background-clip: text;
	}
	.text-img > span {
		pointer-events: none;
	}
	.text-img:hover {
		animation-play-state: running;
		color: red;
	}
	@media (min-width: 576px) {
		.text-img {
			background-position-y: 22%;
		}
	}
}

@keyframes imgPos {
	0% {
		background-position-x: 0;
	}
	50% {
		background-position-x: 100%;
	}
	100% {
		background-position-x: 0;
	}
}

.title-decoration-lines-left::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    background: #d7d7d7;
}