.project-info-section {
  margin-top: var(--spacing-15);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-6);
  align-items: start;
}

.project-info-col {
  display: flex;
  flex-direction: column;
}

.project-info-col--right {
  margin-top: auto;
}

.project-info-badge {
  align-self: flex-start;
  margin: var(--spacing-6) 0;
}

.project-info-text {
  text-align: left;
  color: var(--grey-800);
}

.project-info-text span {
  font-family: "Fraunces";
}

.project-info-text ul {
  margin: var(--spacing-4) 0;
}

.project-info-text ul li {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-3);
}

.project-info-text ul li p {
  margin: 0;
}

.project-info-text ul li::before {
  font-family: "bootstrap-icons";
  content: "\f133"; /* arrow-right-circle-fill */
  color: var(--teal-500);
  font-size: 20px;
  line-height: 1;
}