/* ================ RESPONSIVE ================ */
  @media (max-width: 980px){
    .hero-grid, .contact{grid-template-columns:1fr}
    .grid-4{grid-template-columns:repeat(2,1fr)}
  }
  @media (max-width: 640px){
    nav ul{display:none}
    .grid-3{grid-template-columns:1fr}
    .grid-4{grid-template-columns:1fr}
    .kpis{grid-template-columns:repeat(2,1fr)}
  }

  i[class^="fa"]::before {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  display: inline-block !important;
  visibility: visible !important;
}

.fa-solid {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}