@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
/* Navbar styles */
nav {
  margin-bottom: 5rem; /* Compensate for fixed navbar */
}

/* Base styles */
body {
  font-family: "Roboto", sans-serif;
  color: #1a3a1f;
  line-height: 1.6;
}

/* Buttons */
.btn-primary {
  @apply inline-block bg-green-800 hover:bg-green-900 text-white font-semibold px-8 py-4 rounded-full transition duration-300 transform hover:scale-105 shadow-lg;
}

.btn-secondary {
  @apply inline-block bg-green-700 hover:bg-green-800 text-white font-semibold px-8 py-4 rounded-full transition duration-300 transform hover:scale-105 shadow-lg;
}

.social-icon {
  @apply w-12 h-12 rounded-full bg-green-700 hover:bg-green-600 text-white flex items-center justify-center transition duration-300;
}

/* Sections */
section {
  @apply py-16;
}

.container {
  @apply max-w-7xl mx-auto px-4;
}

/* Hero section */
#hero-bg {
  background-image: url("./foto6.jpg");
  background-size: cover;
  background-position: center;
  transition: background-image 1s ease-in-out;
}

#about_text {
  margin: 40px;
}

#hero-text {
}

/* Service cards */
.service-card {
  transition: all 0.3s ease;
}

.service-card:hover {
  transform: translateY(-5px);
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f5f5f4;
}

::-webkit-scrollbar-thumb {
  background: #8ba888;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #5c7a59;
}
/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animate-fadeIn {
  animation: fadeIn 1s ease-in;
}

/* Expandable sections */
[onclick^="toggleExpand"] {
  transition: color 0.3s ease;
}

[onclick^="toggleExpand"]:hover {
  color: #1a3a1f;
}

.hidden {
  display: none;
}