/**
 * Emergency Homepage Fix CSS
 * Ensures all sections display properly regardless of JavaScript
 */

/* Force all animate-on-scroll elements to be visible */
.animate-on-scroll {
  opacity: 1 !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

/* Additional styling fix for How It Works section */
.how-it-works {
  display: block !important;
  visibility: visible !important;
}

/* Additional styling fix for CTA section */
.cta-section {
  display: block !important;
  visibility: visible !important;
}

/* Fix for the featured projects section */
.featured-projects {
  display: block !important;
  visibility: visible !important;
}

/* Fix for project cards */
.project-card {
  opacity: 1 !important;
  transform: none !important;
  transition: box-shadow 0.3s ease;
}

/* Fix for steps-container */
.steps-container {
  display: flex !important;
  flex-wrap: wrap;
}

.step-item {
  opacity: 1 !important;
  transform: none !important;
  margin-bottom: 30px;
}

/* Responsive fixes */
@media (max-width: 768px) {
  .steps-container {
    flex-direction: column;
  }
  
  .step-item {
    width: 100%;
    margin-bottom: 40px;
  }
}