.simple-title--container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 0 16px;
}

@media screen and (min-width: 1025px) {
  .simple-title--container {
    text-align: center;
    padding: 0;
  }
}

.simple-title--description {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.simple-title p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
}

@media screen and (min-width: 1025px) {
  .simple-title p {
    font-size: 0.875rem;
    font-weight: 400;
  }
}

.simple-title.reverse {
  padding-top: 32px;
  padding-bottom: 64px;
  color: var(--black);
  background: var(--light-grey);
}

@media screen and (min-width: 1024px) {
  .simple-title.reverse {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}