.program-content {
  max-width: 800px;
  margin: 20px auto;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.program-content h2 {
  font-size: 1.8rem;
  color: #2a3d34;
  margin-top: 20px;
  margin-bottom: 10px;
}

.program-content p, .program-content ul {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
}

.program-content ul {
  list-style: disc;
  padding-left: 20px;
}

.program-content img {
  width: 100%;
  max-width: 560px; /* Set maximum width for images */
  height: auto;
  display: block;
  margin: 10px auto;
  border-radius: 8px; /* Optional: to match the style of other elements */
}

.program-content iframe {
  width: 100%;
  max-width: 560px; /* Set maximum width to prevent oversized videos */
  aspect-ratio: 16 / 9; /* Maintain 16:9 aspect ratio */
  height: auto;
  display: block;
  margin: 10px auto;
}

.image-container {
  display: flex;
  gap: 10px; /* Adds space between images */
  justify-content: center; /* Center-aligns images */
  margin-top: 10px;
}

.small-image {
  width: 40%; /* Reduces width to fit side by side */
  max-width: 150px; /* Sets a maximum width */
  height: auto;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}