.navbar-custom {
  background-color: #01bcf1; /* Warna header */
}
.navbar-nav .nav-link {
  color: white !important; /* Menjadikan teks menu putih */
}
.navbar-nav .nav-link:hover {
  color: #d1b6b6 !important; /* Ganti warna teks saat disorot */
}

.header-image {
  margin-top: 70px; /* Memberikan jarak agar tidak tertutup oleh header */
  text-align: center; /* Menyusun gambar di tengah */
}

.header-image img {
  width: 80%; /* Membuat gambar lebar 100% dari container */
  object-fit: cover; /* Menjaga gambar tetap terpotong jika perlu */
   height: auto; /* Menjaga rasio aspek gambar */
}

.card {
  margin-bottom: 20px;
}

.card-body {
  text-align: center;
}

button {
  margin-top: 10px;
}
.card-img-top {
  width: 100%; /* Menyusun gambar untuk mengisi lebar kontainer */
  height: auto; /* Menjaga rasio gambar tetap proporsional */
  max-height: 250px; /* Batasi tinggi gambar agar tidak terlalu besar */
  object-fit: contain; /* Menghindari distorsi dan menjaga konten gambar */
}

.card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; /* Menyusun tombol secara vertikal */
  padding: 15px; /* Menambah padding di dalam card untuk ruang tambahan */
  height: 280px; /* Menyesuaikan tinggi card untuk mengakomodasi tombol dan judul */
  text-align: center; /* Menyusun konten card di tengah */
  margin-bottom: -50px; /* Mengurangi jarak antara card dan baris berikutnya */
}

.card-body .btn {
  width: 120px; /* Menyusun tombol agar lebih proporsional */
}

.card-body .btn-group {
  display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    width: 100%;
}

.card-title {
  font-size: 16px;
  font-weight: bold;
  height: auto; /* Mengizinkan tinggi judul menyesuaikan dengan teks */
  overflow: hidden;
  word-wrap: break-word; /* Membungkus teks judul jika terlalu panjang */
  margin-bottom: 10px; /* Memberikan ruang antara judul dan tombol */
}
.modal-dialog {
  max-width: 800px; /* Membuat modal lebih lebar */
}

.modal-body textarea {
  width: 100%; /* Memastikan form teks menggunakan seluruh lebar modal */
  height: 450px; /* Memberikan tinggi yang lebih besar pada area teks */
}

footer {
  background-color: #01bcf1; /* Green background color */
  color: white;
  padding: 40px 0;
  font-size: 16px;
}

footer .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

footer .footer-title {
  font-size: 30px;
  font-weight: bold;
}

footer .footer-subtitle {
  font-size: 18px;
  margin-top: 10px;
  font-weight: normal;
}

footer .footer-info {
  margin-top: 20px;
  text-align: center;
}

footer .footer-info p {
  margin: 0;
}