.CourseItem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
  align-self: stretch;
  padding: 2.5rem;
  min-width: 18rem;
  background: var(--colorBodyBg);
}

.CourseItem-title {
  font-size: var(--textRg);
  font-weight: 700;
}

.CourseItem-title a {
  color: var(--colorText);
}

.CourseItem .CourseItem-more {
  width: 100%;
  margin-top: auto;
  padding: var(--spaceRg);
  font-size: var(--textXs);
  box-shadow: none;
}

.CourseItem-iconSpec1 path {
  fill: var(--colorSpecialization1);
}

.CourseItem-iconSpec2 path {
  fill: var(--colorSpecialization2);
}

.CourseItem-iconSpec3 path {
  fill: var(--colorSpecialization3);
}

.CourseItem-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}

.CourseItem-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spaceXs);
  align-self: stretch;
}

.CourseItem-info p {
  color: var(--colorTextSubtle);
  font-size: 0.813rem;
  font-weight: 600;
}

.CourseItem-info p::first-letter {
  text-transform: capitalize;
}

.CourseItem-info svg {
  min-width: 1rem;
  color: var(--colorTextSubtle);
}

.CourseItem-infoItem {
  display: flex;
  align-items: center;
  gap: var(--spaceSm);
}

/*# sourceMappingURL=course-item.min.css.map */