/* public/css/custom-style.css */

/* Font Utama */
body {
    font-family: 'Poppins', sans-serif;
    padding-top: 56px; /* Memberi ruang untuk navbar fixed-top */
}

/* Warna primer hijau untuk heading */
.heading-green {
    color: #198754; /* Warna hijau success Bootstrap */
}

#hero {
    position: relative;
    height: 100dvh;
    background: url("../images/dzuriyah.webp") no-repeat center center;
    background-size: contain;
    background-color: #000000;
}


/* Konten Hero di atas overlay */
#hero .container {
    position: relative;
    z-index: 2;
}

/* Styling Ikon di section kegiatan */
.icon-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 24px;
}

/* Efek hover pada gambar di galeri */
#galeri img:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}

.navbar-logo {
    height: 35px;      /* Atur tinggi logo. 30px - 40px biasanya ideal */
    width: auto;       /* Biarkan lebar menyesuaikan agar gambar tidak gepeng */
    margin-right: 10px;/* Memberi jarak antara logo dan teks */
}