.elementor-111465 .elementor-element.elementor-element-d4f21e9{--display:flex;}/* Start custom CSS for html, class: .elementor-element-47578a8 *//* ========== TERM TABS CLEAN — FIX HOVER ĐỒNG BỘ ========== */
:root{
  --tc-bg:#ffffff;
  --tc-ink:#0f172a;
  --tc-line:#8ea1c2;
  --tc-line2:#cfd8ea;
  --tc-soft:#f7f9ff;     /* active nhẹ */
  --tc-accent:#1d4ed8;   /* underline + hover */
  --tc-r:22px;
}


.termTabsClean__wrap{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:var(--tc-bg);
  border:2px solid var(--tc-line);
  border-radius:var(--tc-r);
  overflow:hidden;
  box-shadow: 0 10px 22px rgba(15,23,42,.08);
}

.termTabsClean__item,
.termTabsClean__item:visited{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:18px 16px;
  text-decoration:none;
  color:var(--tc-ink) !important;
  font-weight:900 !important;
  letter-spacing:-.15px;
  background:#fff;
  transition: background .18s ease;
}

.termTabsClean__item:not(:last-child){
  border-right:2px solid var(--tc-line);
}

/* ICON base */
.termTabsClean__ico{
  width:40px;height:40px;
  border-radius:999px;
  display:grid;place-items:center;
  border:2px solid var(--tc-line);
  background:#fff;
  color:var(--tc-ink);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.termTabsClean__ico svg{width:18px;height:18px}

/* TEXT underline base (OFF) */
.termTabsClean__txt{
  position:relative;
  font-size:15px;
  line-height:1.1;
  white-space:nowrap;
}
.termTabsClean__txt::after{
  content:"";
  position:absolute;
  left:0; right:0;
  height:3px;
  bottom:-10px;
  border-radius:999px;
  background:var(--tc-accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s ease;
}

/* ACTIVE (chỉ khác nhẹ khi KHÔNG hover) */
.termTabsClean__item.is-active{
  background:#fff;
}
.termTabsClean__item.is-active .termTabsClean__ico{
  background:var(--tc-soft);
  border-color:var(--tc-line2);
  box-shadow:0 10px 18px rgba(15,23,42,.08);
}

/* HOVER / FOCUS (ĐỒNG BỘ cho mọi tab, kể cả active) */
.termTabsClean__item:hover,
.termTabsClean__item:focus-visible{
  background:#fbfcff;
}
.termTabsClean__item:hover .termTabsClean__txt::after,
.termTabsClean__item:focus-visible .termTabsClean__txt::after{
  transform:scaleX(1);
}
.termTabsClean__item:hover .termTabsClean__ico,
.termTabsClean__item:focus-visible .termTabsClean__ico{
  background:#fff; /* ép đồng bộ, kể cả active */
  border-color:var(--tc-accent);
  box-shadow:0 10px 18px rgba(29,78,216,.12);
}

.termTabsClean__item:focus-visible{
  outline:3px solid rgba(29,78,216,.24);
  outline-offset:-3px;
}

/* Responsive */
@media (max-width:900px){
  .termTabsClean__wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .termTabsClean__item:nth-child(2){border-right:none;}
  .termTabsClean__item:nth-child(1),
  .termTabsClean__item:nth-child(2){
    border-bottom:2px solid var(--tc-line);
  }
}
@media (max-width:520px){
  .termTabsClean__wrap{grid-template-columns:1fr}
  .termTabsClean__item{justify-content:flex-start}
  .termTabsClean__item:not(:last-child){
    border-right:none;
    border-bottom:2px solid var(--tc-line);
  }
}/* End custom CSS */