.fab-floating {
  position: fixed;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.fab-floating a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: .3rem;
  font-size: 1.5rem;
  color: #fff;
  text-decoration: none;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.fab-floating a:hover {
  opacity: 0.9;
  transform: scale(1.05);
}

.fab-floating a.whatsapp { background: #25d366; }
.fab-floating a.instagram { background: #e4405f; }
.fab-floating a.facebook { background: #1877f3; }
.fab-floating a.linkedin { background: #0077b5; }

.fab-tooltip {
  position: absolute;
  right: 110%;
  top: 50%;
  transform: translateY(-50%);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 0.9rem;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
}

.whatsapp .fab-tooltip { background: #25d366; }
.instagram .fab-tooltip { background: #e4405f; }
.facebook .fab-tooltip { background: #1877f3; }
.linkedin .fab-tooltip { background: #0077b5; }

.fab-floating a:hover .fab-tooltip {
  opacity: 1;
  visibility: visible;
  right: 120%;
}

footer.footer {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #2e2e2e;
    background: #f8f9fa;
  }

  footer .container {
    max-width: 1330px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  footer.footer .footer-top {
    padding-bottom: 30px;
  }

  footer.footer .footer-links ul {
    list-style: none;
    margin: 0;
    padding-bottom: 10;
  }

  footer.footer .footer-links ul li {
    padding: 9px 0;
  }

  footer.footer .footer-links a {
    color: #6d6d6d;
    text-decoration: none;
  }

  footer.footer .footer-links a:hover {
    color: #1976d2;
  }

  .footer-about img {
    height: 50px;
  }

  .copyright {
    font-size: 14px;
    color: #141414;
  }

  footer hr {
    border: none;
    border-top: 1px solid #ddd; /* warna abu garis */
    margin: 20px 0;
  }

    /* Pastikan list bernomor tetap muncul */
  ol {
    list-style: decimal inside;
  }

    /* Membuat isi kolom tabel tetap 1 baris dan tidak wrap */
      table td:nth-child(4), table th:nth-child(4) {
        white-space: nowrap;
      }
      
      table td:nth-child(5), table th:nth-child(4) {
        white-space: nowrap;
      }

 table thead th {
        background: linear-gradient(90deg, #1976d2 0%, #42a5f5 100%);
        color: #fff;
        font-weight: 600;
        text-align: center;
        border-bottom: 2px solid #1565c0;
      }

      table tbody td {
        font-size: .85rem;
      }

      /* Responsif: font lebih kecil di layar sempit */
      @media (max-width: 576px) {
        table thead th {
          font-size: 13px;
          padding: 8px 3px;
        }
      }

      /* Responsif: font lebih kecil di layar sempit */
      @media (max-width: 576px) {
        table tbody td {
          font-size: 13px;
        }
      }  
        
      /* Membuat isi kolom tabel tetap 1 baris dan tidak wrap */
      table td:nth-child(4), table th:nth-child(4) {
        white-space: nowrap;
      }
      
      table td:nth-child(5), table th:nth-child(5) {
        white-space: nowrap;
      }

@media (max-width: 768px) {
  .fab-floating { display: none; }
}