ul {
  list-style-position: inside;
}

/* Target ordered lists and list items within .bluecontent */
.bluecontent ol {
  margin-top: 20px; /* Add space above the list */
  padding-left: 20px; /* Indent list */
}

.bluecontent ol li {
  margin-bottom: 15px; /* Add space between list items */
  font-size: 16px; /* Adjust font size if needed */
  line-height: 1.5; /* Improve readability */
}

.bluecontent ol li b {
  font-weight: bold; /* Make the title of each bullet bold */
}

.bluecontent h3 {
  font-size: 22px;
}

.bluecontent hr {
  background-color: white; /* Set the background color */
  border: none;           /* Remove default border */
  height: 2px;            /* Adjust thickness */
  margin: 30px 0;
}

.subject-title {
  font-size: 20px; /* Adjust the size as needed */
  font-weight: bold; /* Optional: Make the titles bold */
  display: inline-block; /* Ensures proper spacing if needed */
  margin-bottom: 5px; /* Adds a small space below the title */
}


.item-description {
  text-align: left;
  width: 360px;
  display: inline-block;
}

.item-description-top-section {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* For desktop screens */
@media (min-width: 992px) {
  .item-description-top-section.row1 {
    height: 80px; /* Set the height for desktop */
  }
  .item-description-top-section.row2 {
    height: 224px; /* Set the height for desktop */
  }
}

/* For medium to large screens */
@media (min-width: 768px) {
  .item-description {
  }
}

.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 200px; /* Adjust height as needed */
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures consistent image sizing */
}