/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 27 2024 | 11:25:36 */
#floating-widget {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	font-family: Arial, sans-serif;
}
#open-form-btn {
	background-color: #28a745;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	cursor: pointer;
}
#contact-form-container {
	display: none;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	width: 400px;
	height: auto; /* Default height */
	padding: 20px;
	overflow: hidden;
	position: absolute;
	bottom: 60px; /* Adjust to position above the button */
	right: 20px; /* Adjust right position */
	z-index: 999;
}
#contact-form {
	display: flex;
	flex-direction: column;
}
#contact-form h3 {
	margin: 0 0 10px;
	font-size: 18px;
}
#contact-form label {
	margin-top: 2px;
	font-size: 16px
}
#contact-form input,
#contact-form textarea {
	width: calc(100% - 0.5px);
	padding: 10px;
	margin-top: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
#contact-form textarea {
	height: 70px !important;
	resize: none;
}
#contact-form button {
	background-color: #134982;
	color: white;
	border: none;
	padding: 10px;
	margin-top: 10px;
	border-radius: 5px;
	cursor: pointer;
}
#contact-form button:hover {
	background-color: #218838;
}

@media (max-width: 600px) {
	#contact-form-container {
		width: 200px;
		padding: 10px;
		height: auto; /* Default height for mobile */
	}
}