:root {
	--primary-color: #00AA9B;
	--secondary-dark: #172333;
	--dark-color: #172333;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Plus Jakarta Sans', sans-serif;
	background-color: #ffffff;
	color: #2d3436;
	overflow-x: hidden;
	padding-top: 80px;
	/* Jarak agar konten tidak tertutup navbar fixed */
}

/* --- PPID CONTENT STYLE --- */
.hero-simple {
	padding: 60px 0;
	text-align: center;
	background: #fcfcfc;
	border-bottom: 1px solid #eee;
}

.section-title {
	font-weight: 800;
	color: var(--secondary-dark);
	margin-bottom: 40px;
	position: relative;
}

.section-title::after {
	content: '';
	display: block;
	width: 50px;
	height: 4px;
	background: var(--primary-color);
	margin: 10px auto;
	border-radius: 2px;
}

.ppid-item {
	padding: 20px;
	border-radius: 15px;
	transition: 0.3s;
	border: 1px solid transparent;
	text-decoration: none;
	color: inherit;
	display: block;
}

.ppid-item:hover {
	background: #f0fdfa;
	border-color: var(--primary-color);
	transform: translateX(10px);
}

.icon-sm {
	font-size: 24px;
	color: var(--primary-color);
	margin-right: 15px;
}

@media (max-width: 992px) {
	.navbar {
		display: none;
	}
}

.ppid-divider {
    border: none;
    height: 2px;
    background-color: #d5d4d4;
    margin: 30px 0 60px;
}

/* .ppid-divider {
    width: 410px;
    height: 2px;
    background: linear-gradient(90deg, #7d7c7c, #7d7c7c);
    border-radius: 20px;
}
@media (max-width: 576px) {
    .ppid-divider {
        width: 70px;
    }
} */