.hb_subjects {
  margin: auto;
  max-width: 1532px;
}

.hb_subjects h2 {
	width: 100%;
  font-size: clamp(1rem, 0.75rem + 0.8vw, 1.25rem);
  text-wrap-style: balance;
}

.hb_subjects details {
	max-width: 100%;
}

.hb_subjects .rich-text {
	display: flex;
  flex-wrap: wrap;
  max-width: 1310px;
  margin: auto;
  text-align: center;
}

.hb_subjects .rich-text span {
  width: 250px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.3);
  margin: 0.2%;
}

.hb_subjects .rich-text h3 {
	text-align: left;
	margin-bottom: 10px;
}

.hb_subjects .rich-text li {
	padding: 0 !important;
	margin: 2px 0;
	text-align: left;
	text-wrap-style: balance;
	display: grid;
	grid-template-columns: 32px 1fr;
	line-height: normal;
}

.hb_subjects .rich-text li:before {
	display: none;
}

.hb_subjects .rich-text input[type="checkbox"] {
  margin-right: 10px;
  width: 18px;
  height: 18px;
  accent-color: #222e5b;
}

.hb_subjects .searchbutton_container {
	width: 100%;
	height: 60px;
	margin-top: 20px;
}

.hb_subjects .searchbutton_container input[type="button"] {
	background-color: #222e5b;
	color: #FFF;
	padding: 4px 40px;
}

.hb_subjects .searchbutton_container input[type="button"]:hover {
	cursor: pointer;
}