/* Custom CSS untuk Hero Section */
.hero-section {
    background: url('https://via.placeholder.com/1500x800?text=Background+Internet+Speed') no-repeat center center/cover; /* Ganti dengan gambar latar belakang Anda */
    min-height: 100vh;
    padding-top: 56px; /* Tinggi Navbar */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6); /* Overlay gelap */
}

.hero-section .container {
    z-index: 1; /* Pastikan konten di atas overlay */
}

/* Penyesuaian umum */
body {
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

/* Margin atas untuk section agar tidak tertutup navbar fixed */
section {
    padding-top: 80px; /* Sesuaikan dengan tinggi navbar */
    padding-bottom: 80px;
}

/* Styling untuk card paket */
.card-title {
    color: #007bff; /* Warna primer Bootstrap */
}

.card.border-primary {
    border-width: 3px !important;
}

/* Footer styling */
footer a {
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}