.content-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--mp32);
  margin: 0 auto;
}

.training-inhouse .content-grid {
  /*grid-template-columns: repeat(2, 1fr);*/
  padding: 0 5rem;
  /*gap: var(--mp40);*/

  .content-item {
    background-color: var(--text-white);
    padding: 2.5rem;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    border-radius: var(--mp12);
  }

  .content-list-html {
    text-align: center;
  }
}

.content-item {
  text-align: center;
}

.content-logo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin: 0 auto var(--mp16) auto;
}

.content-title {
  font-weight: var(--font-weight-700);
  font-size: var(--font-size-20);
  color:rgba(31, 41, 55, 1);
  margin-bottom: 10px;  
}

.content-list-html {
  margin: 0;
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-16);
  color:rgba(75, 85, 99, 1);
  text-align: left;
}

.content-list-html p {
  margin-bottom: 1em;
}

.content-list-html ul {
  padding-left: 1.538rem;
  margin: 0 0 1em 0;
  list-style-type: disc;
}

.content-list-html li {
  margin-bottom: 0.462rem;
}

@media (max-width: 992px) {
  .content-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Mobile: 1 cột */
@media (max-width: 768px) {
  .content-grid {
    grid-template-columns: 1fr !important;
  }
}