:root {
    --army-green: #4B5320;
    --egg-yolk: #FFD700;
    --third_color: #fff8d2;
    --light-bg: #F8F9FA;
    --text-color: #333;
    --textShadow:rgba(0,0,0,0.5);
    --border-radius: 10px;
    --general-padding-y: 2rem;
    --general-padding-x: 4rem;
    --linearGradient: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
  }
/* Styles for the extra information section */
.info-section {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin: 4rem auto;
  /* max-width: 1200px; */
  padding: 2rem 6rem;

}
.info-block, .info-image {
  flex: 1 1 300px;
}
.info-block h2 {
  font-size: 2rem;
  color: var(--text-color);
  margin-bottom: 1rem;
}
.info-block ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}
.info-block ul li {
  margin-bottom: 0.75rem;
  line-height: 1.6;
}
.info-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

@media (max-width: 768px) {
  .info-section {
    flex-direction: column;
  }
}