:root {
  --primary-green: #1a5c20; /* Dark Herbal Green */
  --accent-gold: #d4a017;
  --light-bg: #f8f9fa;
}

body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
}

/* Navbar */
.navbar {
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.navbar-brand {
  font-weight: 700;
  color: var(--primary-green) !important;
  font-size: 1.5rem;
}
.nav-link {
  color: #333;
  font-weight: 500;
}
.nav-link.active,
.nav-link:hover {
  color: var(--primary-green);
}
.btn-consult {
  background-color: var(--primary-green);
  color: #fff;
  border-radius: 25px;
  padding: 8px 25px;
}
.btn-consult:hover {
  background-color: #144a19;
  color: #fff;
}

/* Hero Section */
.hero-section {
  background:
    linear-gradient(rgba(26, 92, 32, 0.8), rgba(26, 92, 32, 0.6)),
    url("https://images.unsplash.com/photo-1540420773420-3366772f4999?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80");
  background-size: cover;
  background-position: center;
  color: white;
  padding: 150px 0 100px;
  text-align: center;
}
.hero-title {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.hero-subtitle {
  font-size: 1.5rem;
  margin-bottom: 30px;
  color: #f0f0f0;
}

/* Services Cards */
.service-card {
  border: none;
  border-radius: 15px;
  transition:
    transform 0.3s,
    box-shadow 0.3s;
  background: #fff;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(26, 92, 32, 0.15);
}
.service-icon {
  font-size: 3rem;
  color: var(--primary-green);
  margin-bottom: 20px;
}
.card-header-custom {
  background-color: var(--primary-green);
  color: white;
  padding: 15px;
  font-weight: 600;
}

/* Features Section */
.feature-box {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  border-bottom: 4px solid var(--primary-green);
  height: 100%;
}

/* Policy Banner */
.policy-banner {
  background-color: var(--accent-gold);
  color: #000;
  padding: 40px 0;
}

/* Footer */
footer {
  background-color: #222;
  color: #fff;
  padding: 50px 0 20px;
}
.footer-links a {
  color: #aaa;
  text-decoration: none;
  display: block;
  margin-bottom: 10px;
}
.footer-links a:hover {
  color: var(--accent-gold);
}