.info-section {
  padding: 5rem 1rem 1rem;
  background-color: var(--light-bg);
/*   color: var(--text-color); */
/* background-color: var(--light-bg); */
}

/*  .orange-heading {
  font-size: 2rem;
  text-align: center;
  color: #f18221;
  font-weight: 600;
  margin: 2rem;
  background-color: var(--light-bg)
}
 */
.info-container {
  max-width: 900px;
  margin: 0 auto;
  background-color: var(--light-bg);
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

.info-container h3, 
.info-container h4 {
  color: var(--black--h1);
  margin: 2rem 1rem 0rem 2.2rem;
  font-size: 1.2rem;
  background-color: var(--light-bg)

}

.info-container p {
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.7rem;
  color: var(--black-font-p);
  background-color: var(--light-bg)
}

.info-container a {
  color: var(--primary-blue);
  text-decoration: underline;
  background-color: var(--light-bg)
}

.info-container .blue {
  color: var(--primary-blue);
  font-weight: 600;
  background-color: var(--light-bg)
}

.info-container .red {
  color: var(--accent-red);
  font-weight: 600;
  background-color: var(--light-bg)
}

.info-container .green {
  color: #32af2b;
  font-weight: 600;
  background-color: var(--light-bg)
}

@media screen and (max-width: 600px) {
  .info-container {
    padding: 1rem;
  }

  .orange-heading {
    font-size: 1.6rem;
    margin: 2rem 0;
 
  }

  .info-container h3,
  .info-container h4 {
    font-size: 1.1rem;
    margin: 1rem 0.5rem  0;
 
  }

  .info-container p {
    font-size: 0.95rem;
  }
}