.adopted-project-list .h2-num,
.adopted-project-list .h2-sub {
  color: var(--main-clr);
  font-size: var(--font-size-small);
}

.adopted-project-list .h2-sub {
  display: block;
  padding-top: 5px;
}

.adopted-project-list .wrapper-h3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: 30px;
}

.ak-section {
	all: unset;

  display: flex;
	padding: 10px;
	align-items: flex-start;
	align-content: flex-start;
	gap: 10px;
	width: 100%;
	flex-wrap: wrap;
}

.adopted-project-list .ak-project {
  border: 1px solid var(--accent-clr);
  border-radius: 20px;
  padding: 20px;
  gap: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;

  background: var(--white-fff-t-high);
	-webkit-backdrop-filter: blur(2.5px);
	backdrop-filter: blur(2.5px);
	background-clip: border-box;
}

.adopted-project-list dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.adopted-project-list dt {
  position: relative;
  width: fit-content;
  font-weight: 600;
  color: var(--accent-clr);
  font-size: var(--font-size-small);
}

.adopted-project-list dd {
  font-size: var(--font-size-small);
  position: relative;
  align-self: stretch;
  color: var(--gray-333);
}

.adopted-project-list .ak-info {
	display: flex;
	flex-direction: row;
	gap: 10px;
	width: 100%;
	gap: 15px;
}

.adopted-project-list .ak-info .ak-line-v {
	width: 1px;
	align-self: stretch;
	background: var(--accent-clr, rgba(112, 132, 129, 0.5));
}

.adopted-project-list .ak-project:hover {
  background: rgba(112, 132, 129, 0.1);
}

.adopted-project-list .ak-project:hover .ak-title {
  color: var(--main-clr);
}

.adopted-project-list dd.ak-title {
  font-weight: 600;
  font-size: 20px;
  line-height: var(--line-height-s);

  position: relative;
  align-self: stretch;

  padding-left: 15px;
	background-image: url('../img/icon-triangle.svg');
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: left 10px;
}

.adopted-project-list dd.ak-overview {
  font-size: var(--font-size-p);
  position: relative;
  align-self: stretch;
  color: var(--gray-333);
  line-height: var(--line-height-l);
}

.adopted-project-list .ak-section-bottom {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 0px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}