html,
body {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}

.container {
	width: 100dvw;
	height: 100dvh;
	margin: 0px;
	padding: 0px;
	/* background: -webkit-linear-gradient(to top, #0f2027, #203a43, #2c5364);
	background: linear-gradient(to top, #0f2027, #203a43, #2c5364); */
}

.canvas {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	touch-action: auto;
	pointer-events: none; 
}
@media only screen and (max-width: 1023px) {
	.container {
		width: 100% !important;
		/* height: 290px !important; */
		}
		.canvas {
			top: -15px !important;
	
		}
		.img-text{
			width: 100% !important;
		}
}
@media only screen and (max-width: 767px) {
	.img-text{
		width: 100% !important;
	}
}
@media only screen and (max-width: 650px) {
	/* .container {
		width: 60% !important;
		height: 290px !important;
		}
		.canvas {
			top: -15px !important;
	
		} */
		.img-text{
			width: 45%;
		}
}
@media only screen and (max-width: 550px) {
	.container {
		height: 290px !important;
		}
		.canvas {
			top: -15px !important;
	
		}
		.img-text{
			width: 80% !important;
		}
		.elementor-element-e0fbbb3{
			left: 55px !important;
			top: -25px !important;
				}
}