.farmer-support {
  padding: 50px 20px;  
}

.farmer-support .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 cards per row */
  gap: 25px;
}

.support-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.1);
  padding: 25px;
  text-align: center;
  opacity: 0; /* start hidden */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: fadeUp 1s forwards;
  transform: translateY(50px);  
  
}

.support-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 18px rgba(0,0,0,0.15);
}

.support-card h3 {  
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.support-card p {
  font-size: 15px;
  line-height: 1.6;
}

/* Animation */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

.farmer-input {animation: slideIn 1s forwards; animation-delay: 2s; }
.farm-machinery {animation: slideIn 1s forwards; animation-delay: 2.3s; }
.produce-aggregation {animation: slideIn 1s forwards; animation-delay: 2.6s; }
.value-addition {animation: slideIn 1s forwards; animation-delay: 2.9s; }
.market-linkage {animation: slideIn 1s forwards; animation-delay: 3s; }
.training-capacity {animation: slideIn 1s forwards; animation-delay: 3.3s; }

/* Responsive: stack on smaller screens */
@media (max-width: 992px) {
  .farmer-support .container {
    grid-template-columns: repeat(2, 1fr); /* 2 per row */
  }
}

@media (max-width: 600px) {
  .farmer-support .container {
    grid-template-columns: 1fr; /* 1 per row */
  }
}