.services-grid,
    .advantages-grid,
    .steps-grid,
    .contacts-grid {
      display: grid;
      gap: 20px;
    }

    .services-grid {
      grid-template-columns: repeat(3, 1fr);
    }

    .advantages-grid {
      grid-template-columns: repeat(4, 1fr);
    }

    .steps-grid {
      grid-template-columns: repeat(4, 1fr);
    }

    .contacts-grid {
      grid-template-columns: 1fr 1fr;
      align-items: stretch;
    }

    @media (max-width: 775px) {
      .hero-grid,
      .services-grid,
      .advantages-grid,
      .steps-grid,
      .contacts-grid {
        display: block;
      }
    }