.section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.panel-default {
  cursor: pointer;
}

.display-maxWidth {
  max-width: 940px;
}

/* Icon Open */
.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  content: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
  float: right; /* adjust as needed */
  color: black; /* adjust as needed */
}

.panel {
  border: none;
}

/* Icon Closed */
.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');
}

.panel-heading {
  background-color: white !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
  border: none !important;
  border-bottom: 2px solid black !important;
}

.accordion-toggle {
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
}

.panel-heading:hover .accordion-toggle {
  font-size: 18px;
}

.cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
}

.card-body {
  max-width: 960px;
  width: 280px;
  height: 290px;
  padding: 14px;
  margin: 8px;
  border-style: lightgray solid;
  border-width: 1px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  border-radius: 5px;
}