/* css/style.css */

/* Styling untuk Hero Image */
.hero-image {
    width: 100%;
    height: 730px;
    object-fit: cover;
  }
  
  /* Styling untuk Hero Section */
  .hero-section {
    background-color: #000000;  /* Warna background biru muda untuk bagian hero */
    padding: 0;               /* Sesuaikan padding jika diperlukan */
  }
  
  /* Styling untuk Carousel Image */
  .carousel-image {
    width: 100%;
    height: 720px;
    object-fit: cover;
  }
  
/* Styling untuk Carousel Section */
.carousel-section {
    background-color: #f2f2f2;  /* Warna latar belakang untuk area carousel */
    padding: 15px;            /* Padding agar carousel tidak menempel ke tepi */
    border: 1px solid #ccc;   /* Garis pembatas tipis */
    border-radius: 8px;       /* Membuat sudut membulat */
  }
  
  /* Styling untuk Carousel Image */
  .carousel-image {
    width: 100%;
    height: 720px;
    object-fit: cover;
    border-radius: 8px;       /* Membuat gambar memiliki sudut membulat agar konsisten dengan container */
  }
  
  /* Styling untuk Tombol Kontrol Carousel */
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5);  /* Latar belakang semi-transparan untuk ikon kontrol */
    border-radius: 100%;                    /* Bentuk ikon menjadi bundar */
    padding: 20px;                         /* Padding untuk memperbesar area klik */
  }
  
  /* Styling untuk Indikator Carousel */
  .carousel-indicators [data-bs-target] {
    background-color: #000;   /* Warna indikator */
  }
  
  /* Styling untuk Komentar Section */
  .comment-section {
    background-color: #000000;  /* Warna background krem/merah muda lembut */
    padding: 20px;
    border: 1px solid #000000;  /* Outline tipis dengan warna oranye muda */
    border-radius: 4px;
  }
  
  /* Styling untuk Footer */
  footer {
    background-color: #f8f9fa;
    padding: 20px 0;
  }
  footer p {
    margin: 0;
  }
  
/* Background Full Section untuk Deskripsi */
.description-section {
  background: url('logo3.png') no-repeat center center;
  background-size: cover;
  padding: 60px 0;
  color: #000000;  /* Ubah warna teks menjadi hitam */
}

.description-text h2 {
  font-size: 2.5rem;
  font-weight: bold;
}

.description-text p {
  font-size: 1.1rem;
  line-height: 1.8;
}

.description-section img {
  max-width: 100%;
  border-radius: 20px;
}