.topic-images {
  margin-bottom: 40px;
}

.topic-img {
  height: 180px;   /* ?? your uniform height here */
  /*width: 50%;*/
  transition: transform 0.2s ease;
  cursor: pointer;
}

.topic-img:hover {
  transform: scale(1.05);
}

.custom-bullets {
  list-style: none;
  padding-left: 0;
}

.custom-bullets li {
  background: url('../Assets/images/bullet.png') no-repeat left center;
  background-size: 16px 16px;
  padding-left: 25px;
  margin-bottom: 10px;
}

.pdf-link {
  color: #007bff;
  text-decoration: underline;
}

.pdf-link:hover {
  text-decoration: none;
}

/* Custom Modal Example */
.custom-modal-content {
  background-color: #fefefe;
  border-radius: 8px;
  border: 2px solid #007BFF;
}

.custom-modal-header {
  background-color: #007BFF;
  color: #fff;
  border-bottom: none;
}

.custom-modal-title {
  font-weight: bold;
}

.custom-close-btn {
  filter: invert(1);
}

.custom-modal-body {
  padding: 20px;
}

.custom-text {
  font-size: 16px;
  margin-bottom: 15px;
}

.custom-list {
  list-style: disc;
  margin-left: 20px;
}
.text-primary {
  color: #007bff;
  font-weight: bold;
}

.text-danger {
  color: #dc3545;
  font-weight: bold;
}
.text-danger2 {
  color: red;
  font-weight: bold;
}
.text-black {
  color: black;
 /* font-weight: bold;*/
}


.pdf-link:hover {
  text-decoration: none;
}
.custom-link {
  color: #007BFF;
  font-weight: bold;
  text-decoration: underline;
}
/* Make modal backdrop transparent */
.custom-transparent-modal .modal-backdrop {
  background-color: rgba(0, 0, 0, 0); /* fully transparent */
}

/* Alternative if backdrop doesn't take effect, override Bootstrap's default */
.modal-backdrop.show {
  opacity: 0 !important; /* transparent backdrop */
}