.img-about{
  margin-bottom: 40px;
}
/* kebijakan-custom.css (pakai !important biar override template) */

.policy-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 30px 0 !important;
  margin-top: 100px !important;
}

.policy-card .sec-title .title {
  /* font-size: 1.8rem !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  margin-bottom: 12px !important; */
}

.policy-card h2 {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin: 24px 0 16px !important;
  padding: 12px 16px !important;
  border-radius: 10px !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12) !important;
}

/* Icon dalam header */
.policy-card h2 .icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 8px !important;
  display: grid !important;
  place-items: center !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  color: #fff !important;
  background: rgba(255,255,255,0.15) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Warna khusus tiap huruf / header */
.policy-card h2.p { background: #041846 !important; }
.policy-card h2.a { background: #facc15 !important; color: #111 !important; }
.policy-card h2.a .icon { background: rgba(0,0,0,0.15) !important; color: #111 !important; }
.policy-card h2.d { background: #dc2626 !important; }
.policy-card h2.i { background: #ff8400 !important; color: #111 !important; }
.policy-card h2.i .icon { background: rgba(0,0,0,0.15) !important; color: #111 !important; }

/* Pastikan bullet di list tampil */
.policy-card ul {
  list-style: disc !important;   /* tampilkan disc (bulat) */
  margin-left: 1.5rem !important; /* kasih jarak dari kiri */
  padding-left: 1rem !important;
}

.policy-card li {
  display: list-item !important; /* paksa li jadi list-item */
  list-style-type: disc !important;
  margin: 6px 0 !important;
  color: #374151 !important; /* abu-abu gelap */
  line-height: 1.6 !important;
}



/* Proactive */
.proactive-boxes{
  margin-top: 150px;
}
.proactive-boxes .pro-box {
  background: #f0f0f0 !important; /* abu sangat muda */
  border: 1px solid #e5e7eb !important;
  padding: 20px !important;
  height: 100% !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.proactive-boxes .pro-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
}

.proactive-boxes .pro-box .title {
  font-weight: 700 !important;
  font-size: 1.4rem !important;
  margin-bottom: 8px !important;
  color: #3b82f6 !important; /* biru muda */
  text-shadow: 
    1px 1px 0 #d1d5db,
   -1px -1px 0 #d1d5db,
    1px -1px 0 #d1d5db,
   -1px  1px 0 #d1d5db !important;
}

.proactive-boxes .pro-box .title .first-letter {
  color: #132d6a !important; /* biru dongker */
}

.proactive-boxes .pro-box p {
  margin: 0 !important;
  font-size:0.99rem !important;
  color: #4e4e4e !important;
  line-height: 1.6 !important;
}

.pro-box {
  opacity: 0 !important;
  transform: translateY(30px) !important;
  transition: opacity 0.6s ease, transform 0.6s ease !important;
}

.pro-box.show {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
