/* Enhanced styles for infrastructure, issuesDiv, and beneficiaries sections */


@media (max-width: 991px) {
  .infrastructure h2,
  .issuesDiv h1,
  .beneficiaries h2 {
    font-size: 2rem;
  }
  
  .infra {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .infrastructure,
  .issuesDiv,
  .beneficiaries {
    padding: 3em 1em;
    width: 92%;
  }
  
  .infrastructure h2,
  .issuesDiv h1,
  .beneficiaries h2 {
    font-size: 1.8rem;
  }
  
  .infra {
    grid-template-columns: 1fr;
    grid-gap: 1.5em;
  }
  
  .problem1 {
    flex-direction: column;
    gap: a.5em;
  }
  
  .problem-block,
  .solution-block {
    min-width: auto;
    padding: 1.5em;
  }
  
  .issues-header h1::after,
  .solutions-header h1::after {
    width: 60px;
  }
}

@media (max-width: 480px) {
  .infrastructure h2,
  .issuesDiv h1,
  .beneficiaries h2 {
    font-size: 1.6rem;
  }
  
  .infra_block h3,
  .problem1 h2 {
    font-size: 1.2rem;
  }
  
  .infra_block p,
  .problem1 p {
    font-size: 0.9rem;
  }
}