.main-grid {
  display: grid;
  grid-template-columns: minmax(1.5em, 1fr) minmax(0, 1120px) minmax(1.5em, 1fr);
}

.main-grid > * {
  grid-column: 2/-2;
}
/*Hero Section*/

.hero__content {
  display: grid;
  gap: var(--content-gap);
}
.hero__actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/*Services */

.services__grid {
  display: grid;
  gap: var(--content-gap);
}
.service-card {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap-xs);
}

/* How We Work*/

/*Expertise*/
.expertise__container {
  display: grid;
  gap: var(--content-gap-3x);
}
.expertise__content {
  display: grid;
  gap: var(--content-gap-xs);
}

/*Insights*/
.insights__grid {
  display: grid;
  gap: var(--content-gap-xs);
}

/* Tablet and Desktop */

@media (min-width: 48.125rem) {
  .hero__media {
    display: inline-block;
    padding: 2em;
    border: 1px solid #1f2937;
    border-radius: 0.625rem;
    background-color: #0b1020;
  }

  .hero__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--content-gap-3x);
    align-items: center;
  }
  .services__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .process__steps {
    flex-direction: row;
  }
  .expertise__container {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
  .expertise__title {
    text-align: left;
  }
}
@media (min-width: 40.25rem) {
  .hero__actions {
    flex-direction: row;
    align-items: center;
  }
  .button {
    min-width: 13rem;
  }
}

/* Tablet and Desktop */
@media (min-width: 40.25rem) {
  .insights__grid {
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
  }
  .button {
    min-width: 13rem;
  }
}