@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');

.nol a {
	font-size: 14px;
	font-family: Roboto;
	color: black;
}

.navbar img {
	width: 200px;
}	

#navbarNav a{	
	font-family: Roboto;
	color: black;
}
	
.satu h2 {
	font-weight: unset; 
}

.col h3 {
	font-family: Roboto;		
	font-weight: bold;
}

.satu li i {
	color:green; 
}

.satu .col img {
	width: 	450px;
}

/*sec-2*/
.img {
	/*margin-top: 120px;*/
	width: 170px;
}

.img-2 {
	width: 120px;
}
/*end*/

.tiga h3 {
	font-size: 25px;
	font-weight: bold;
}

.tiga p {
	font-size: 20px;
}

.tiga .sp {
	font-weight: 700;
	font-family: Montserrat;
	font-size: 50px;
}

.container button {
	border-radius: 15px;	
}

.tiga .container h2 {
	font-size: 25px;
	font-weight: bold;
}

.tiga .container li {
	font-size: 13px;
}

.tiga #btn {
	width: 150px;
	height: 30px;
	font-weight: bold;
	background-color: white;
	border-width: 2px;
	margin-bottom: 20px;
}

.tiga #btn:hover {
	background-color: black;
	color: white;	
}

.tiga #btn3 {
	width: 150px;
	height: 30px;
	font-weight: bold;
	color: white;
	background-color: #007bff;
	border-width: 2px;
	margin-bottom: 20px;
}

.tiga #btn3:hover {
	background-color: black;
}

.tiga .col {
	border-color: #007bff;
}

.tiga .li {
	background-color: #007bff;
	color: white;
}

.lima p {
	font-size: 30px;
}

.lima .container img {
	width: 50px;
}

.lima .con h2 {
	margin-top: 15px;
}

.lima h2 {
	font-size: 20px;
	font-weight: bold;
}

.enam .paraf6 {
	font-size: 30px;
}

.enam .paraf {
	font-size: 20px;
}

.enam li i {
	color: green;
}

.enam .paraf-nb {
	font-size: 13px;
}

#btn-6 {
	width: 180px;
	height: 38px;
	background-color: #007bff;
	font-weight: bold;
	color: white;
	border-width: 1px;
	border-color: #007bff;
	border-radius: 20px;
}

#btn-6:hover {
	background-color: blue;
	color: white;
}

.enam .col img {
	width: 400px;
}

.tujuh p {
	font-size: 30px;
}

#btn7 {
	width: 160px;
	height: 38px;
	background-color: white;
	font-weight: bold;
	border-width: 2px;
	border-radius: 20px;
}

#btn7:hover {
	background-color: #007bff;
	border-color: #007bff;
	color: white;
}

.delapan .con-8 { 
	margin-top: 80px;
}

.delapan .paraf {
	font-size: 30px;
}

.delapan .paraf2 {
	font-family: Roboto;
}

.delapan #btn {
	width: 180px;
	height: 38px;
	background-color: #007bff;
	font-weight: bold;
	color: white;
	border-width: 1px;
	border-color: #007bff;
	border-radius: 20px;
}

.delapan #btn:hover {
	background-color: blue;
}

.delapan img {
	margin-top: 15px;
}

.sembilan .content h3 {
	font-size: 16px;
}

.sembilan .pp {
	font-size: 15px;
}

.sepuluh .content {
	background-color: #007bff;
}

.sepuluh .content p {
	font-size: 22px;
	color: white;
}

.sepuluh #btn {
	float: right;
	width: 180px;
	height: 38px;
	background-color: #007bff;
	font-weight: bold;
	color: white;
	border-color: white;
	border-radius: 20px;
}

.footer {
	background-color: #333;
	color: white;
}

.footer .tittle {
	font-size: 15px;
	color: #c4c4c4;
}

.footer .menu-list {
	margin-top: 20px;
}

.footer .nwletter{
	width: 100px;
	height: 45px;
	background-color: white;
	border-radius: 20px;
}

.footer .nwletter .kiri {
	float: left;
	background-color: none;
	width: 60px;
	height: 28px;
}


.footer .nwletter .kiri input {
	background-color: transparent;
	border : none;
	padding: 8px;
	font-size: 18px;
	width: 145px;
	height: 43px;
}

.footer .nwletter .kanan {	
	float: right;
	width: 115px;
	height: 28px;
	background-color: ;
	cursor: pointer;	
}

.footer .nwletter button:hover {
	background-color: blue;	
}

.footer .nwletter button {
	margin: 2px;
	height: 40px;
	width: 130px;
	border-radius: 20px;
	background-color: #007bff;
	color: white;
	border: none;
}

.footer .paraf-nwletter {
	font-size: 15px;
	color: #c4c4c4;
}

.footer .con-4 {
	color: #c4c4c4;
	font-size: 14px;
}

.footer .con-5 .paraf {
	font-size: 12px;
	color: #c4c4c4;	
}