.hero-right svg {
  color: #c96b2a;
}

.hero .btn-outline svg,
.hero .btn-primary svg {
  font-size: 20px;
}

.icon-features-bar-items {
  width: 20px;
}

.icon-knowledge-items {
  width: 35px;
}

.title-knowledge-items {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--text);
}

.courses-grid .course-thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.product-icon img {
  width: 55%;
}

.blog-grid .blog-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.sh-item .shi svg {
  color: #c96b2a;
}

@media (max-width: 768px) {
  .hero-inner {
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }

  .hero {
    padding: 50px 30px 60px;
  }

  .features-bar-inner {
    max-width: 100%;
    grid-template-columns: repeat(2, 1fr);
  }

  .features-bar {
    padding: 16px 30px;
  }
}