.hero-container {
  height: 250px;
}

.hero-practice {
  width: 70%;
  margin: 0 auto;
  padding-top: 3rem;
  padding: 2rem auto;
  color: #fff;
}

.hero-practice h1,h3{
  color: #fff;
}

.practice-content {
  width: 70%;
  margin: 20px auto;
  padding: 2rem auto;
}

.services-container,
.service-content {
  padding: 1.5rem;
}

.services-container {
  width: 75%;
  margin: 0 auto;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(min(10rem, 100%), 1fr));
}

.services-container:nth-child(even) {
  background-color: grey;
  color: #fff;
}

.service-content {
  display: flex;
  flex-direction: column;
}
.service-image img {
  box-shadow: 3px 3px 4px black;
  /* box-shadow: 12px 12px 2px 1px rgba(255, 30, 0, 0.2); */
}