/* root */
:root {
	--color-primary: #E8F7DD;
	--color-secondary: #66B539;
	--color-third: #151B1F;
	--color-fourth: #374148;
}


body {
	font-family: 'Inter', sans-serif;
	font-size: normal;
}

.text-style-primary {
	color: var(--color-primary);
}

.text-style-secondary {
	color: var(--color-secondary);
}

.text-style-third {
	color: var(--color-third);
}

.text-style-fourth {
	color: var(--color-fourth);
}

.btn-style-primary {
	background-color: var(--color-primary);
	color: #FFFFFF;
	border-radius: 40px;
}

.btn-style-primary:hover {
	background-color: var(--color-primary);
	color: #FFFFFF;
	border-radius: 40px;
}

.btn-style-secondary {
	background-color: var(--color-secondary);
	color: #FFFFFF;
	border-radius: 40px;
}

.btn-style-secondary:hover {
	background-color: var(--color-secondary);
	color: #FFFFFF;
	border-radius: 40px;
}

.btn-style-third {
	background-color: var(--color-third);
	color: #FFFFFF;
	border-radius: 40px;
}

.btn-style-third:hover {
	background-color: var(--color-third);
	color: #FFFFFF;
	border-radius: 40px;
}

.btn-style-fourth {
	background-color: var(--color-fourth);
	color: #FFFFFF;
	border-radius: 40px;
}

.btn-style-fourth:hover {
	background-color: var(--color-fourth);
	color: #FFFFFF;
	border-radius: 40px;
}

/* jumbotron */
#jumbotron {
	padding-top: 8rem;
	padding-bottom: 5rem;
	background-color: var(--color-primary);
	color: #var(--color-third);
}

/* section fitur */
#fitur {
	padding-top: 5rem;
	padding-bottom: 3rem;
	color: #var(--color-third);
}

/* section layanan */
#layanan {
	padding-top: 5rem;
	padding-bottom: 3rem;
	background-color: var(--color-primary);
	color: #var(--color-third);
}

/* section produk */
#produk {
	padding-top: 6rem;
	padding-bottom: 5rem;
	color: #var(--color-third);
}

/* section kontak */
#kontak {
	padding-top: 6rem;
	padding-bottom: 4rem;
	background-color: #E6E6E6;
	color: #var(--color-third);
}

/* section tesimoni */
#testimoni {
	padding-top: 6rem;
	padding-bottom: 4rem;
	color: #var(--color-third);
}

/* section faq */
#faq {
	padding-top: 6rem;
	padding-bottom: 5rem;
	color: #var(--color-third);
}

/* section pertanyaan */
#pertanyaan {
	padding-top: 6rem;
	padding-bottom: 5rem;
	background-color: var(--color-primary);
}

/* footer */
#footer {
	padding-top: 3rem;
	padding-bottom: 1rem;
	background-color: #E6E6E6;
	color: #var(--color-third);
}

.copyright {
	background-color: var(--color-secondary);
	color: #FFFFFF;
	padding-top: 1rem;
	padding-bottom: 0.5rem;
}

/* other style */
.navbar-toggler {
	border: none;
}

.navbar-toggler-icon {
	color: #FFFFFF;
}

.card-harga {
	max-height: 450px;
	object-fit: cover;
	border: none;
}

.card-header-harga {
	border: none;
}

.card-produk {
	min-height: 300px;
	border: 1px solid #DBDBDB;
}

.img-card-produk {
	min-height: 290px;
	object-fit: cover;
}

.card-testimoni:hover {
	border: none;
	background-color: #E6E6E6;
	color: var(--color-third);
}


/* media query */
/* phone */
@media (max-width: 767px) {
	/* jumbotron */
	#jumbotron {
		padding-right: 15px;
		padding-left: 15px;
	}

	/* section fitur */
	#fitur {
		padding-right: 15px;
		padding-left: 15px;
	}

	/* section layanan */
	#layanan {
		padding-right: 15px;
		padding-left: 15px;
	}

	/* section produk */
	#produk {
		padding-right: 15px;
		padding-left: 15px;
	}

	/* section kontak */
	#kontak {
		padding-right: 15px;
		padding-left: 15px;
	}

	/* section tesimoni */
	#testimoni {
		padding-bottom: 1rem;
		padding-right: 15px;
		padding-left: 15px;
	}

	/* section faq */
	#faq {
		padding-top: 2rem;
		padding-right: 15px;
		padding-left: 15px;
	}

	/* section pertanyaan */
	#pertanyaan {
		padding-right: 15px;
		padding-left: 15px;
	}

	/* footer */
	#footer {
		padding-right: 15px;
		padding-left: 15px;
	}

	.copyright {
		padding-right: 15px;
		padding-left: 15px;
	}


	/* other */
	.btn-jumbotron {
		font-size: 17px;
	}

}