/* Import Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Poppins:wght@600;700&display=swap");

/* Basic Body Styling */
body {
  font-family: "Inter", sans-serif;
}

.font-poppins {
  font-family: "Poppins", sans-serif;
}

/* Hero Section Background */
.hero-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/The\ Benefits\ of\ Natural\ Fertilizer\ for\ Sustainable\ Agriculture.webp");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* Smooth Scrolling */
.smooth-scroll {
  scroll-behavior: smooth;
}

/* Animation for elements fading in on scroll */
.fade-in-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Navigation Link Styling */
.nav-link {
  @apply text-gray-600 hover:text-green-700 transition duration-300 py-2;
}

/* Style for FAQ accordion */
.faq-question {
  cursor: pointer;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

/* Komponen Tombol Utama (BARU) */
.btn-primary {
  /* Menggabungkan semua gaya tombol ke dalam satu kelas */
  @apply bg-green-700 text-white rounded-full font-semibold transition-all duration-300 hover:bg-green-800 transform hover:scale-105;
}