.services {
  padding: 5rem 3rem;
  // background-image: url("../../../public/images/grid-background-3.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;

  h2 {
    font-size: 2.5rem;
    font-weight: 900;
    text-align: center;
    margin-bottom: 3rem;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    background-color: rgba(0, 0, 0, 0.5);
    padding: 1.5rem;
    border-radius: 10px;
  }

  .cards {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
  }
}
