/* Ruleset - Base */
@import url(base/header.css);
@import url(base/footer.css);

/* Ruleset - Homepage */
@import url(homepage/hero.css);
@import url(homepage/whySolarlution.css);
@import url(homepage/services.css);
@import url(homepage/differences.css);
@import url(homepage/carousel.css);
@import url(homepage/offers.css);
@import url(homepage/previousWork.css);
@import url(homepage/reviews.css);
@import url(homepage/startWithSolarlution.css);
@import url(homepage/process.css);
@import url(homepage/contact.css);

body {
	font-family: 'Bai Jamjuree', 'Fahkwang', sans-serif;
}

.material-symbols-outlined {
	color: #ffffff;
	font-size: 20px;
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
}

.circle-icon {
	color: #f16e00;
	background: #ffffff;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	line-height: 100px;
	vertical-align: middle;
	padding: 30px;
}

.custom-container {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.gradient-button {
	font-family: 'Fahkwang', sans-serif;
	background: linear-gradient(to right, #f9d423, #e65c00);
	border-radius: 20px;
	color: #ffffff;
}

.gradient-text {
	font-family: 'Fahkwang', sans-serif;
	background-clip: unset;
	background: -webkit-linear-gradient(left, #f9d423, #e65c00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}