section{
  background: var(--color-white);

  & h2{
    margin-top: 4rem;
  }
}

.services__container{
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 2rem;
}

.services__left h6{
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-bottom: 1rem;
}
.services__img img{
  height: 65vh;
}

.services__list{
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.services__list li,
.os__container li{
  margin-bottom: 0.6rem;
}

@media screen and (max-width: 600px) {
  .services__container,
  .services__list{
    grid-template-columns: 100%;
  }
}