.prof {
    height: 500px; /* Sesuaikan tinggi div */
    background-image: url('icon.jpg'); /* Ganti dengan path gambar masjid Anda */
    background-size: cover; /* Agar gambar memenuhi div */
    background-position: center; /* Gambar berada di tengah */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; /* Warna teks */
  }

  .icon-gbr{
    width: 50px;
}

.shadow-bgk{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.514);
}
.slmt-dtg{
    width: 85%;
    text-align: center;
}

.btn-lengkap {
    padding: 15px 25px;
    border-radius: 59px;
    border-color: rgba(0, 0, 0, 0);
    background-color: green;
    color: white;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Shadow default */
}

.btn-lengkap:hover {
    background-color: rgb(0, 170, 0);
    color: white;
    transform: scale(1.1); /* Zoom efek */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3); /* Shadow lebih tebal saat hover */
}
.mks-pnt{
    margin-top: 5%;
    width: 90%;
    text-align: center;
}