/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 14 2025 | 13:56:49 */
/* General styling for the overlay */
.demo-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 87%);
	background: rgb(0 0 0 / 75%);
	/* Dark overlay */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	text-align: center;
	border-radius: 10px;
	background-blend-mode: overlay;
	background-image: url(/wp-content/uploads/2025/03/ewboverlaydos.png) !important;
	background-size: contain;
}
/* Ensure each overlay only covers its specific demo */
.sldemoinner {
	position: relative;
	/* Ensures the overlay only applies to this section */
	width: 100%;
	max-width: 1140px;
	/* Adjust as needed */
	margin: auto;
}
/* Styling for the overlay content */
.overlay-content {
	/*     background: white; */
	padding: 25px 50px;
	border-radius: 10px;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
	/*     max-width: 400px; */
}
/* Heading inside overlay */
.overlay-content h2 {
	font-size: 24px;
	color: #1000E8;
	margin-bottom: 10px;
}
/* Text inside overlay */
.overlay-content p {
	margin-bottom: 20px;
	font-family: 'Arial', Helvetica, Arial, Lucida, sans-serif;
	font-weight: 600;
	font-size: 24px;
	color: #ffffff !important;
	line-height: 32px;
	text-align: center;
}
/* Button to start the demo */
.startDemoBtn {
	background: #1000E8;
	color: white;
	border: none;
	padding: 12px 24px;
	font-size: 18px;
	cursor: pointer;
	border-radius: 5px;
	transition: 0.3s;
}
.startDemoBtn:hover{
	padding: 12px 24px !important;
}
/* Button hover effect */
.startDemoBtn:hover {
	background: #0c00b8;
}
/* Ensure the demo embed does not get hidden accidentally */
.sl-embed {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
}