.elementor-96875 .elementor-element.elementor-element-ddb9ed7{--display:flex;}/* Start custom CSS for html, class: .elementor-element-8f798e4 *//* ==== Màu giữ nguyên như ảnh ==== */
:root{
  --b1:#2563eb;     /* xanh dương */
  --b2:#06b6d4;     /* xanh cyan */
  --ink:#0f172a;    /* chữ */
  --card:#fff;      /* nền thẻ */
  --line:#e6e9f2;   /* đường ngăn mảnh */
}

/* ==== Khung accordion ==== */
.acc{max-width:980px;margin:0 auto}
.acc details{
  border-radius:14px;
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    linear-gradient(135deg,var(--b1),var(--b2)) border-box;
  border:2px solid transparent;
  margin: 10px 
}
.acc summary{
  display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;
  color:var(--ink);list-style:none;border-radius:12px
}
.acc summary::-webkit-details-marker{display:none}
.acc .ico{
  width:38px;height:38px;display:grid;place-items:center;border-radius:999px;
  background:linear-gradient(135deg,var(--b1),var(--b2)); color:#fff; font-size:18px
}
.acc .ttl{flex:1;display:flex;flex-direction:column;gap:4px}
.acc .ttl strong{font-size:16px}
.acc .hint{font-style:normal;font-size:12px;color:#1e40af;background:#e9f0ff;padding:2px 8px;border-radius:999px;width:max-content}
.acc .chev{width:18px;height:18px;opacity:.85;transition:transform .15s}
.acc details[open] .chev{transform:rotate(180deg)}
.acc .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px;border-top:1px solid var(--line);list-style:none;margin:0}

/* ==== Nút đề: viền gradient, nền trắng, icon tròn gradient ==== */
.btn{
  display:flex;align-items:center;gap:10px;min-height:64px;padding:12px 14px;border-radius:12px;
  text-decoration:none;color:var(--ink);font-weight:700;background:
    linear-gradient(var(--card),var(--card)) padding-box,
    linear-gradient(135deg,var(--b1),var(--b2)) border-box;
  border:2px solid transparent;
}
.btn:hover{background:
  linear-gradient(#f8fafc,#f8fafc) padding-box,
  linear-gradient(135deg,var(--b1),var(--b2)) border-box}
.btn:focus-visible{outline:2px solid var(--b1);outline-offset:2px}
.dot{
  width:34px;height:34px;display:grid;place-items:center;border-radius:999px;
  background:linear-gradient(135deg,var(--b1),var(--b2));color:#fff;font-size:16px
}

/* ==== Mobile ==== */
@media (max-width:640px){
  .acc .grid{grid-template-columns:1fr}
}/* End custom CSS */