/* Styling Tambahan Responsif untuk HP & Tablet */
@media (max-width: 768px) {
    /* Mengatur ukuran judul di Hero Section agar tidak terlalu besar di HP */
    .hero-section h1 {
        font-size: 2rem !important;
    }
    
    .hero-section p {
        font-size: 1rem !important;
    }

    /* Membuat tombol di hero section tersusun ke bawah agar tidak terpotong */
    .hero-section .btn {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}