:root {
	--pr-color : #1B5E20;
	--sc-color : #66BB6A;
}

body {
	font-family: 'Poppins', sans-serif;
	background-color: #E8F5E9;
}

/*Navbar style*/
.navbar-brand {
	font-weight: 700;
	font-size: 20px;
	color: var(--pr-color) !important;

}

.nav-link {
	font-size: 16px;
	color: var(--pr-color);
}

/*Hero style*/
#hero {
	background: linear-gradient(160deg, #66BB6A, #1B5E20);
	padding-top: 80px;
	padding-bottom: 80px;
	width: 100%;
}

.hero-tagline h1 {
	color: #fff;
	font-weight: 700;
	font-size: 50px;
	line-height: 1.3em;
}

.hero-tagline p {
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 40px;
	line-height: 1.4em;
	width: 90%;
}

.btn-hubungi {
	color: var(--pr-color);
	font-size: 18px;
	font-weight: 700;
}

.btn-hubungi-dark {
	background-color: var(--pr-color);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

.bi-whatsapp {
	padding-right: 4px;
}

/*About*/
#about {
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #fff;
}
.section-title h2 {
	color: var(--pr-color);
	font-weight: 700;
	font-size: 30px;
	line-height: 1.3em;
	text-align: center;
	padding-bottom: 40px;
}

.section-about p {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5em;
}

/*About solusi*/
.about-solusi {
	padding-top: 70px;
	padding-bottom: 70px;
}

.section-solusi h3 {
	line-height: 1.5em;
	font-weight: 700;
	font-size: 22px;
	padding-bottom: 20px;
}

/*About Problem*/
.about-problem {
	background-color: #fff;
	padding-top: 70px;
	padding-bottom: 70px;
}

.section-problem {
	line-height: 1.5em;
	font-weight: 700;
	font-size: 22px;
	padding-bottom: 20px;
}

.problem-owner h4 {
	font-weight: 500;
	font-size: 18px;
}

.list-problem i {
	color: #D50000;
	font-size: 25px;
}

/*Layanan*/

.section-services {
	padding: 70px 0;
}

.title-services h3 {
	font-weight: 700;
	font-size: 30px;
	padding-bottom: 20px;
}

.card-services {
	background-color: #fff;
	width: 100%;
	height: 313px;
	border-radius: 5px;
	padding: 30px;
	box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.05);
}

.icon-services i {
	font-size: 50px;
	color: var(--pr-color);
}

/*Footer*/
#footer {
	background-color: #FAFAFA;
	padding-top: 50px;
	padding-bottom: 20px;
}

.footer-kontak li {
	line-height: 1.8em;
}

.footer-kontak i {
	color: var(--pr-color);
	padding-right: 8px;
	font-size: 18px;
}

.footer-info h5 {
	color: var(--pr-color);
	font-size: 22px;
	font-weight: 500;
	padding-bottom: 20px;
}

.section-footer span {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}

/*WhatsApp*/
.float{
	padding-top: 7px;
	padding-left: 5px;
	position:fixed;
	width:60px;
	height:60px;
	bottom:25px;
	right:25px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.05);
    z-index:100;
}

.float:hover {
	color: #fff;
}

.my-float{
	margin-top:16px;
}