.box-item ul{
    margin: .5rem 0 .5rem 2rem;
}
#intro .box-item ul, #intro .contentBx ul {
  list-style: none;
  margin: .5rem 0 .5rem 2rem;
}
#intro .box-item ul li , #intro .contentBx ul li{
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  font-size: 1rem;
  line-height: 1.6;
}
#intro .box-item ul li::before, #intro .contentBx ul li::before {
 content: "\f058"; /* fa-check-circle */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #159047;  /* xanh lá */
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 1rem;
}
/* #intro .box-item h2::after {
    content: "";
    border-bottom: 8px solid red;
    width: 25%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -3px;
    border-radius: 5px;
} */
.core-values {
  list-style: none;
  padding: 0;
  margin: 0;
}

.core-values li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  font-size: 1rem;
  line-height: 1.6;
}

.core-values li::before {
  content: "\f058"; /* fa-check-circle */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #159047;  /* xanh lá */
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 1rem;
}


/* ========== BASE ========== */
.box-item{
  --bg1:#ffffff;              /* nền thường */
  --bg2:#ffffff;
  --hover1:#0d8347;           /* nền hover (xanh đậm) */
  --hover2:#15a25a;           /* nền hover (xanh sáng) */
  --text:#1f1f1f;             /* màu chữ thường */
  --text-hover:#ffffff;       /* màu chữ hover */

  position:relative;
  background:linear-gradient(135deg,var(--bg1),var(--bg2));
  transition:background .5s ease, transform .4s ease, box-shadow .4s ease;
  overflow:hidden;
  /* box-shadow:0 4px 12px rgba(0,0,0,.1); */
}


.box-item {
  position: relative;
  background: #ffffff;
  transition: all 0.5s ease;
  overflow: hidden;
  /* box-shadow: 0 4px 12px rgba(0,0,0,0.1); */
}

.box-item:hover {
  background: linear-gradient(135deg, #e7f7ed, #c1f0d4);
  /* transform: scale(1.02); */
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  cursor: pointer;
}

/* Ánh sáng chạy qua */
.box-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.6) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
}

.box-item:hover::before {
  /* animation: shine 2s ease-in-out infinite; */
}

@keyframes shine {
  from { left: -75%; }
  to   { left: 125%; }
}