.elementor-23 .elementor-element.elementor-element-5dd5caf{--display:flex;--min-height:100vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:13;}.elementor-23 .elementor-element.elementor-element-5dd5caf:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-5dd5caf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for html, class: .elementor-element-adb2c07 */.section {
	width: 100%;
	height: 70vh;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.scroll {
	width: 100%;
	display: flex;
}

.scroll div {
	background-color: rgba(17, 25, 40, 0.75);
	color: white;
	font-family: Atleigh;
	font-size: 4em;
	font-weight: 900;
	white-space: nowrap;
	text-transform: uppercase;
	animation: animate 30s linear infinite;
}

.scroll div span {
	-webkit-text-stroke: 2px #fff;
	color:transparent;
}

.scroll.text {
	transform: rotate(-5deg) translateY(200px) translateX(-20px);
	box-shadow: 0 5px 15px rgba(0,0,0,.2)
}

@keyframes animate {
	0%
	{
	transform: translateX(0%);
	}
	100%
	{
	transform: translateX(-100%);
	}
}

@media only screen and (max-width: 768px) {
	.section {
	height: 35vh;
	
	}
	.scroll div {
	font-size: 2.7em;
	}
	.scroll.text {
	transform: rotate(-5deg) translateY(150px) translateX(-80px);
	box-shadow: 0 5px 15px rgba(0,0,0,.2)
	}
}

@media only screen and (max-width: 360px) {
	.scroll div {
	    font-size: 2em;
	}
}/* End custom CSS */