/* Standardize child theme styling */
#comments ol.commentlist {
	background: transparent;
}
.builder-module-sidebar {
	background: transparent;
}
.site-title a:hover,
.site-tagline a:hover {
	font-size: inherit;
}



/* Style Manager generated css */



/* Style Manager custom css */
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Street Sweeping</title>

	<!-- Google Fonts: Montserrat -->
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">

	<style>
		/* GLOBAL FONT SETTINGS */
		h1, h2, h3, h4 {
			font-family: 'Montserrat', sans-serif;
			color: #2f00ff !important;
			font-weight: 700;
		}
		h1 {
			font-size: 4em;
		}
		h2 {
			font-size: 3em;
		}
		h3 {
			font-size: 2.5em;
		}
		h4 {
			font-size: 2em;
		}
		p {
			font-family: 'Montserrat', sans-serif;
			font-weight: 400;
		}

		/* HEADER */
		.header-container {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.header-logo {}
		.header-img {}

		/* SERVICES */
		.services {
			text-align: center;
		}
		.services-container-1 {
			display: flex;
			justify-content: space-around;
		}
		.services-box-1 {
			padding: 20px;
			margin: 20px !important;
			border: solid 4px black;
			background: #fff2f2;
			border-bottom-left-radius: 15px 255px;
			border-bottom-right-radius: 225px 15px;
			border-top-left-radius: 255px 15px;
			border-top-right-radius: 15px 225px;
		}
		.alternate-wb-background-wrapper {
			background: #2f00ff;
			color: #FFFFFF;
			border-top: 5px black solid;
			border-bottom: 5px black solid;
			text-shadow: 1px 1px 0px black;
		}

		/* BUTTON */
		.button a {
			font-family: 'Montserrat', sans-serif;
			font-size: 2em;
			background-color: #2f00ff;
			color: #fff;
			padding: 5px 25px;
			border: 4px #fff0 solid;
			border-bottom-left-radius: 15px 255px;
			border-bottom-right-radius: 225px 15px;
			border-top-left-radius: 255px 15px;
			border-top-right-radius: 15px 225px;
			text-decoration: none;
			display: inline-block;
		}
		.button a:hover {
			background-color: #fff;
			color: #2f00ff;
			border: 4px #2f00ff solid;
			text-decoration: none;
		}

		.about-us {
			text-align: center;
		}

		.footer span {
			float: right;
		}
		.footer a:hover, .footer a:active, .footer a:focus {
			color: blue;
		}
	</style>
</head>
<body>

	<!-- HEADER -->
	<div class="header-container">
		<div class="header-logo">LOGO</div>
		<div class="header-img"><img src="header-image.jpg" alt="Street Sweeping"></div>
	</div>

	<!-- SERVICES -->
	<section class="services">
		<h2>Our Services</h2>
		<div class="services-container-1">
			<div class="services-box-1">
				<h3>Residential Sweeping</h3>
				<p>Clean and efficient service for your neighborhood.</p>
			</div>
			<div class="services-box-1">
				<h3>Commercial Sweeping</h3>
				<p>Perfect for shopping centers, car parks, and more.</p>
			</div>
		</div>
	</section>

	<!-- ABOUT US -->
	<section class="about-us alternate-wb-background-wrapper">
		<h2>About Us</h2>
		<p>We keep your streets and car parks spotless.</p>
	</section>

	<!-- CALL TO ACTION -->
	<div class="button" style="text-align: center; margin: 40px 0;">
		<a href="tel:1800123456">Call Us Now</a>
	</div>

	<!-- FOOTER -->
	<footer class="footer">
		<p>&copy; 2025 Street Sweepers Co.</p>
		<span><a href="#">Privacy Policy</a></span>
	</footer>

</body>
</html>