/* Services */
#services {}

#services .services__container {
  display: flex;
  gap: 40px;
}

#services .services__container .services {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

#services .services__container .services h3 {
  border-bottom: 1px solid white;
  padding-bottom: 12px;
}

/* Work */
#work {}

@media screen and (max-width: 1024px) {

  /* Work */
  #services h2 {
    text-align: left;
  }

  #services .services__container {
    flex-direction: column;
  }
}