#value-proposition-section {
  background-color: var(--background-beige);
  display: flex;
  flex-direction: column;
  gap: 96px;
}

.value-point {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 660px;
}

.value-point h2 {
  color: var(--primary-color);
  margin: 0;
}

.value-point p {
  color: var(--text-brown);
  margin: 0;
}

@media (max-width: 1024px) {
  #value-proposition-section {
    gap: 64px;
  }

  .value-point {
    gap: 16px;
  }

  .value-point h2 {
    font-size: 36px;
    line-height: 40px;
  }
}

@media (max-width: 768px) {
  #value-proposition-section {
    gap: 48px;
  }

  .value-point {
    gap: 8px;
    max-width: 311px;
  }

  .value-point h2 {
    font-size: 24px;
    line-height: 26px;
  }

  .value-point p {
    font-size: 14px;
    line-height: 16px;
  }
}