/*--------------------------------------------------------------
# introduction Section
--------------------------------------------------------------*/
.introduction .introduction-item {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}

.introduction .introduction-item+.introduction-item {
  margin-top: 100px;
}

@media (max-width: 640px) {
  .introduction .introduction-item+.introduction-item {
    margin-top: 40px;
  }
}

.introduction .introduction-item h3 {
  font-weight: 700;
  font-size: 26px;
}

.introduction .introduction-item ul {
  list-style: none;
  padding: 0;
}

.introduction .introduction-item ul li {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}

.introduction .introduction-item ul li:last-child {
  padding-bottom: 0;
}

.introduction .introduction-item ul i {
  font-size: 20px;
  padding-right: 4px;
  color: var(--accent-color);
}

.introduction .introduction-item p:last-child {
  margin-bottom: 0;
}