/* ==========================================================================
   Le Mont - Cam Duong | Components: hero, card grid, zoning, form
   Phu thuoc bien mau trong lemont-base-tokens.css
   Moi selector deu co tien to .lm- => an toan khi dan vao Custom CSS.
   ========================================================================== */

/* --- Anchor cho menu (Thong tin, Vi tri, Ha tang, Uu dai, Lien he) --------
   KHONG dung thuoc tinh anchor="..." cua [section]: khi mo lai trang bang
   UX Builder va luu, UX Builder tu sinh id rieng cho <section> (dang
   "section_1234567890"), GHI DE mat anchor da dat - link menu se khong
   nhay dung noi. Thay vao do dat id truc tiep tren mot <span> rong ngay
   trong noi dung HTML (phan nay UX Builder khong dong vao, giu nguyen id).
   -------------------------------------------------------------------------- */
.lm-anchor {
  display: block;
  height: 0;
  scroll-margin-top: 90px; /* chinh so nay khop chieu cao header that cua site */
}

/* --- Hero ---------------------------------------------------------------- */

/* Du phong khi Flatsome khong ap dung duoc height="88vh" cua section. */
.lm-hero {
  min-height: 620px;
}

.lm-hero__badge {
  display: inline-block;
  padding: 7px 16px;
  margin-bottom: 22px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: var(--lm-radius);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: #e7e2d6;
}

.lm-hero__title {
  margin: 0 0 18px;
  font-size: 64px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #fff;
  text-transform: none;
}

.lm-hero__title span {
  color: var(--lm-gold);
}

.lm-hero__lead {
  margin: 0 0 34px;
  max-width: 560px;
  font-size: 19px;
  line-height: 1.6;
  color: #e7e2d6;
}

.lm-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 40px;
}

.lm-hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding-top: 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.lm-hero-stats__item {
  display: flex;
  flex-direction: column;
}

.lm-hero-stats__value {
  font-size: 26px;
  font-weight: 800;
  color: #fff;
}

/* Dong chu dai (khong co nhan di kem): nho hon so lieu de khong chiem dien tich */
.lm-hero-stats__value:only-child {
  max-width: 520px;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.lm-hero-stats__label {
  margin-top: 4px;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--lm-sand);
  text-transform: uppercase;
}

/* --- Cau trich dan (vision band) ----------------------------------------- */

.lm-quote {
  max-width: 840px;
  margin: 0 auto;
  font-style: italic;
  font-size: 26px;
  line-height: 1.55;
  color: var(--lm-green-mid);
  text-align: center;
}

/* --- Danh sach thong tin dang gach dau dong (thay the cho luoi 5 the khi
   dung layout 2 cot: anh trai + danh sach phai) ---------------------------- */

.lm-info-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.lm-info-list li {
  padding: 11px 0;
  border-bottom: 1px solid var(--lm-line);
  font-size: 15px;
  line-height: 1.5;
  color: var(--lm-body);
}

.lm-info-list li:last-child {
  border-bottom: none;
}

.lm-info-list strong {
  margin-right: 6px;
  font-family: var(--lm-font-bold);
  color: var(--lm-green);
}

/* --- Bang khoang cach / thoi gian di chuyen (thay the cho danh sach vong
   tron so km khi muon trinh bay dang bang du lieu) ------------------------- */

.lm-distance-table {
  width: 100%;
  border-collapse: collapse;
}

.lm-distance-table th,
.lm-distance-table td {
  padding: 12px 4px;
  border-bottom: 1px solid var(--lm-line);
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

.lm-distance-table th {
  color: var(--lm-body);
  text-transform: uppercase;
}

.lm-distance-table td {
  text-align: right;
  font-family: var(--lm-font-bold);
  color: var(--lm-green);
  white-space: nowrap;
}

.lm-distance-table tr:last-child th,
.lm-distance-table tr:last-child td {
  border-bottom: none;
}

.lm-distance-table__highlight th,
.lm-distance-table__highlight td {
  color: var(--lm-gold-dark);
}

/* --- Luoi thong tin du an (5 the) ---------------------------------------- */

.lm-info-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background: var(--lm-line);
  border: 1px solid var(--lm-line);
}

.lm-info-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 34px 28px;
  background: #fff;
  border-radius: var(--lm-radius-card);
}

.lm-info-grid--compact .lm-info-card {
  padding: 22px 20px;
}

.lm-info-card__label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--lm-muted);
  text-transform: uppercase;
}

.lm-info-card__value {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--lm-green);
}

/* --- Danh sach khoang cach ----------------------------------------------- */

.lm-distance-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lm-distance-list__item {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  list-style: none;
}

.lm-distance-list__km {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--lm-green);
  font-size: 13px;
  font-weight: 800;
  color: #fff;
}

.lm-distance-list__item--highlight .lm-distance-list__km {
  background: var(--lm-gold);
  color: var(--lm-ink);
}

.lm-distance-list__place {
  font-size: 15px;
  color: var(--lm-body-strong);
}

.lm-distance-list__item--highlight .lm-distance-list__place {
  font-weight: 600;
}

/* --- Luoi ha tang (nen toi) ---------------------------------------------- */

.lm-infra-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.lm-infra-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
  padding: 30px 24px;
  background: #012a2c; /* khop the ha tang cua trang Xuan Phuong */
  border-radius: var(--lm-radius-card);
  text-align: center;
  transition: transform 0.25s ease;
}

.lm-infra-card:hover {
  transform: translateY(-3px);
}

.lm-infra-card__value {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  color: #fff;
}

.lm-infra-card__label {
  font-size: 13px;
  line-height: 1.5;
  color: var(--lm-sand);
}

/* --- Bang phan khu ------------------------------------------------------- */

.lm-zoning__phase {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  margin-bottom: 18px;
  background: var(--lm-green);
  border-radius: var(--lm-radius);
}

.lm-zoning__phase-label {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}

.lm-zoning__phase-value {
  font-size: 22px;
  font-weight: 800;
  color: var(--lm-gold);
}

.lm-zoning__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lm-zoning__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid var(--lm-line);
  font-size: 14px;
  list-style: none;
}

.lm-zoning__name {
  color: var(--lm-body);
}

.lm-zoning__area {
  font-weight: 700;
  color: var(--lm-green);
  white-space: nowrap;
}

/* --- The uu dai thue ----------------------------------------------------- */

.lm-tax-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.lm-tax-card {
  padding: 32px 26px;
  background: #fff;
  border-top: 3px solid var(--lm-gold);
  border-radius: var(--lm-radius-card);
}

.lm-tax-card__title {
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--lm-green);
  text-transform: none;
}

.lm-tax-card__list {
  margin: 0;
  padding-left: 18px;
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--lm-body);
}

/* --- Luoi loi the canh tranh --------------------------------------------- */

.lm-advantage-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background: var(--lm-line);
  border: 1px solid var(--lm-line);
}

.lm-advantage-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 26px 20px;
  background: var(--lm-cream);
  transition: background-color 0.25s ease;
}

.lm-advantage-card:hover {
  background: #fff;
}

.lm-advantage-card__text {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--lm-green);
}

/* --- Chip du an cung he sinh thai ---------------------------------------- */

.lm-project-chip {
  padding: 18px 20px;
  border: 1px solid rgba(20, 49, 42, 0.12);
  font-size: 14px;
  font-weight: 600;
  color: var(--lm-body);
}

.lm-project-chip--active {
  border-left: 3px solid var(--lm-gold);
  font-weight: 700;
  color: var(--lm-green);
}

/* --- Khoi boc form lien he ------------------------------------------------
   `.lm-form` chi la KHUNG bao quanh shortcode form CF7 SAN CO cua site
   (form "Lien he" - cac ban VI/EN/ZH). Khong tao form moi, khong dung
   markup rieng => lead van chay dung luong gui mail da cau hinh san.

   GHI CHU VE DO UU TIEN (specificity) - quan trong khi sua:
   Custom CSS trong Customizer cua site duoc in ra o CUOI <head>, tuc la
   SAU cac file CSS nay. Neu do uu tien BANG NHAU thi CSS cua site thang.
   Cac rule toan cuc cua site dang canh tranh truc tiep:
       #info-left  { width:49%; float:left }        -> (0,1,0,0)
       #info-right { width:49%; float:right }       -> (0,1,0,0)
       .form-flat input:not([type=submit]) { ... }  -> (0,0,2,1)
       input[type='submit']:not(.is-form) { ... }   -> (0,0,2,1)
       textarea { min-height:149px }                -> (0,0,0,1)
   => Cac rule duoi day co chu y lap lai class (.lm-form.lm-form) de dat
      (0,0,3,1), va dung .lm-form #info-* de dat (0,1,1,0) - deu CAO HON
      cac rule tren, nen thang du nap truoc. KHONG dung !important.
   -------------------------------------------------------------------------- */

.lm-form {
  padding: 40px;
  background: #fff;
  border-radius: var(--lm-radius);
}

.lm-form__title {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 800;
  color: var(--lm-green);
  text-transform: none;
}

/* Form CF7 cua site chia 2 cot (#info-left | #info-right) cho trang Lien he
   rong. Trong landing page, form nam o cot phai (~570px) nen ep ve 1 cot doc
   cho de doc va de bam tren dien thoai. */
.lm-form #info-left,
.lm-form #info-right {
  width: 100%;
  float: none;
  margin-right: 0;
}

/* Dong chu "* required" nam truc tiep trong #info-left. */
.lm-form #info-left {
  margin-bottom: 4px;
  font-size: 12px;
  color: var(--lm-muted);
}

/* !important o toan bo khoi nay la BAT BUOC, khong phai tuy chon:
   Flatsome co san rule rieng cho section dark="true":
     .dark .form-flat input:not([type=submit]), .dark .form-flat textarea {
       background-color: rgba(255,255,255,.2) !important;
       color: rgb(255,255,255);
     }
   Do Flatsome dung !important tren background-color, bat ky selector nao
   cua minh (du dong bao nhieu class) cung KHONG THE thang neu khong co
   !important tuong ung. Da xay ra thuc te: input Ten/Email gan nhu vo hinh
   (nen trong mo 20%, chu mau rat nhat) tren section Lien he vi rule nay. */
.lm-form.lm-form input[type='text'],
.lm-form.lm-form input[type='tel'],
.lm-form.lm-form input[type='email'],
.lm-form.lm-form textarea,
.lm-form.lm-form select {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  margin: 0 0 16px;
  padding: 14px 16px;
  background-color: var(--lm-cream) !important;
  border: 1px solid var(--lm-line-strong) !important;
  border-radius: var(--lm-radius);
  box-shadow: none;
  font-family: inherit;
  font-size: 14px;
  color: var(--lm-ink) !important;
}

/* Placeholder cung bi Flatsome ep mau trang tren section dark - can ghi de
   rieng vi ::placeholder khong ke thua tu "color" cua input. */
.lm-form.lm-form input::placeholder,
.lm-form.lm-form textarea::placeholder {
  color: var(--lm-muted) !important;
  opacity: 1;
}

/* Rieng textarea: cho cao hon input mot chut, va cho phep keo doc. */
.lm-form.lm-form textarea {
  min-height: 110px;
  resize: vertical;
}

.lm-form.lm-form input:focus,
.lm-form.lm-form textarea:focus,
.lm-form.lm-form select:focus {
  background-color: #fff !important;
  border-color: var(--lm-gold) !important;
  outline: 2px solid rgba(182, 138, 78, 0.25);
  outline-offset: 1px;
}

/* Nut submit cua CF7 co san class "button primary" cua Flatsome - ghi de
   ve mau xanh dam cua bo nhan dien landing. */
.lm-form.lm-form input[type='submit'],
.lm-form.lm-form button[type='submit'] {
  display: block;
  margin: 6px 0 0;
  padding: 16px;
  width: 100%;
  min-height: 0;
  background-color: var(--lm-green);
  border: none;
  border-radius: var(--lm-radius);
  font-family: var(--lm-font-bold);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.lm-form.lm-form input[type='submit']:hover,
.lm-form.lm-form button[type='submit']:hover {
  background-color: var(--lm-green-mid);
}

/* Tuong thich Contact Form 7:
   CF7 chay wpautop nen cac truong bi boc trong <p>, va moi input boc trong
   <span class="wpcf7-form-control-wrap">. Ep margin cua <p> ve 0 de khoang
   cach giua cac o CHI do margin-bottom cua input quyet dinh - khong phu
   thuoc margin <p> mac dinh cua theme (tranh lech khoang cach). */
.lm-form p {
  margin: 0;
}

.lm-form .wpcf7-form-control-wrap {
  display: block;
}

.lm-form .wpcf7-not-valid-tip {
  margin: -8px 0 12px;
  font-size: 12px;
  color: #b3261e;
}

.lm-form .wpcf7-response-output {
  margin: 8px 0 0;
  padding: 10px 14px;
  font-size: 13px;
}

/* Spinner cua CF7 khi dang gui - can giua duoi nut. */
.lm-form .wpcf7-spinner {
  display: block;
  margin: 10px auto 0;
}

/* --- Khoi thong tin lien he (cot trai CTA) ------------------------------- */

.lm-contact-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
  margin-top: 44px;
  padding-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.lm-contact-meta__label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--lm-sage);
}

.lm-contact-meta__value {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.lm-contact-meta__value:hover {
  color: var(--lm-gold);
}

/* Bien the tren nen sang (vi du section Lien he doi sang nen kem thay vi
   nen xanh dam, de tach bach voi footer toi mau cua site). */
.lm-contact-meta--light {
  border-top-color: var(--lm-line-strong);
}

.lm-contact-meta--light .lm-contact-meta__label {
  color: var(--lm-muted);
}

.lm-contact-meta--light .lm-contact-meta__value {
  color: var(--lm-green);
}

.lm-contact-meta--light .lm-contact-meta__value:hover {
  color: var(--lm-gold-dark);
}

/* --- Ap FONT DAM THAT cua site -------------------------------------------
   Vi sao can khoi nay: plugin Use Any Font cua site chi ep h1-h6 sang
   'svn-gotham-bold'. Cac the khac (span, div, a, p, button) van la
   'svn-gotham-book' - font chi co 1 do day - nen font-weight:600/700/800
   deu cho ra CUNG MOT ban gia lap dam (faux bold), nhat hon va khac chat
   voi chu dam that o tieu de. Goi thang family dam de dong bo voi site.
   (Da do thuc te tren font that cua site: book@600/700/800 giong het nhau,
   va nhat hon bold@400 khoang 16% luong muc.)
   -------------------------------------------------------------------------- */

.lm-hero__badge,
.lm-hero-stats__value,
.lm-info-card__label,
.lm-info-card__value,
.lm-distance-list__km,
.lm-distance-list__item--highlight .lm-distance-list__place,
.lm-infra-card__value,
.lm-zoning__phase-label,
.lm-zoning__phase-value,
.lm-zoning__area,
.lm-advantage-card__text,
.lm-project-chip,
.lm-form input[type='submit'],
.lm-form button[type='submit'] {
  font-family: var(--lm-font-bold);
}

/* uaf.css dat font cho p / a / li kem !important => phai !important moi de. */
.lm-heading__eyebrow,
.button.lm-btn,
a.lm-btn,
.lm-contact-meta__value {
  font-family: var(--lm-font-bold) !important;
}

/* --- Hieu ung xuat hien khi cuon ----------------------------------------- */

[data-lm-reveal] {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

[data-lm-reveal].is-revealed {
  opacity: 1;
  transform: none;
}

/* An toan: neu JS khong chay (loi script, tat JS) thi van hien noi dung. */
.no-js [data-lm-reveal] {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-lm-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .lm-infra-card:hover {
    transform: none;
  }
}

/* ==========================================================================
   BO SUNG (10.2026) - khoi giao dien cho noi dung theo file Word moi:
   gioi thieu, bang nganh nghe, the loi the, FAQ, ghi chu uu dai.
   Dan NGUYEN KHOI nay xuong CUOI file lemont-components.css.
   ========================================================================== */

/* --- Doan gioi thieu can giua --------------------------------------------- */

.lm-intro {
  margin: 0;
  font-size: 18px;
  line-height: 1.75;
  color: var(--lm-green-mid);
  text-align: center;
}

/* --- Chu thich bang + doan van xuoi duoi bang ------------------------------ */

.lm-table-caption {
  margin: 0 0 6px;
  font-family: var(--lm-font-bold);
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--lm-gold-dark);
}

.lm-prose {
  margin: 20px 0 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--lm-body);
}

/* --- Luoi ha tang 3 cot, the co tieu de + danh sach ------------------------ */

.lm-infra-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}

.lm-infra-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
  text-transform: none;
}

.lm-infra-card__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
  font-size: 14px;
  line-height: 1.7;
  color: var(--lm-sand);
}

/* --- Bang nganh nghe (2 cot: nhom nganh / chi tiet) ------------------------- */

.lm-industry-table {
  width: 100%;
  border-collapse: collapse;
}

.lm-industry-table th,
.lm-industry-table td {
  padding: 18px 20px;
  border-bottom: 1px solid var(--lm-line);
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
  vertical-align: top;
}

.lm-industry-table thead th {
  background: var(--lm-green);
  border-bottom: none;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
}

.lm-industry-table tbody th {
  width: 32%;
  color: var(--lm-green);
}

.lm-industry-table td {
  color: var(--lm-body);
}

/* --- The loi the canh tranh (tieu de + doan mo ta) -------------------------- */

.lm-benefit-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}

/* Bien the 4 the: luoi 2 x 2 */
.lm-benefit-grid--2 .lm-benefit-card {
  flex-basis: calc(50% - 12px);
}

.lm-benefit-card {
  flex: 0 1 calc(33.333% - 16px);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 30px 26px;
  background: #fff;
  border-top: 3px solid var(--lm-gold);
  border-radius: var(--lm-radius-card);
}

.lm-benefit-card__title {
  margin: 0;
  font-size: 17px;
  line-height: 1.35;
  color: var(--lm-green);
  text-transform: none;
}

.lm-benefit-card__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--lm-body);
}

/* --- The uu dai tren nen trang: the mau kem + ghi chu ---------------------- */

.lm-tax-grid--cream .lm-tax-card {
  background: var(--lm-cream);
}

.lm-note {
  margin: 28px 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--lm-muted);
}

.lm-note strong {
  font-family: var(--lm-font-bold);
  color: var(--lm-green);
}

/* --- FAQ (the <details> thuan, khong can JS) -------------------------------- */

.lm-faq {
  border-top: 1px solid var(--lm-line-strong);
}

.lm-faq__item {
  border-bottom: 1px solid var(--lm-line-strong);
}

.lm-faq__item summary {
  position: relative;
  padding: 22px 40px 22px 0;
  font-family: var(--lm-font-bold);
  font-size: 16px;
  line-height: 1.5;
  color: var(--lm-green);
  cursor: pointer;
  list-style: none;
}

.lm-faq__item summary::-webkit-details-marker {
  display: none;
}

.lm-faq__item summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  font-size: 24px;
  color: var(--lm-gold-dark);
}

.lm-faq__item[open] summary::after {
  content: "\2212";
}

.lm-faq__item p {
  margin: 0;
  padding: 0 40px 24px 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--lm-body);
}

/* --- Responsive cho cac khoi tren ------------------------------------------ */

@media (max-width: 1199px) {
  .lm-infra-grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .lm-benefit-card {
    flex-basis: calc(50% - 12px);
  }
}

@media (max-width: 549px) {
  .lm-intro {
    font-size: 16px;
  }

  .lm-infra-grid--3 {
    grid-template-columns: 1fr;
  }

  .lm-benefit-card {
    flex-basis: 100%;
  }

  .lm-industry-table thead {
    display: none;
  }

  .lm-industry-table tbody th,
  .lm-industry-table tbody td {
    display: block;
    width: auto;
    padding: 4px 0;
    border-bottom: none;
  }

  .lm-industry-table tbody th {
    padding-top: 16px;
  }

  .lm-industry-table tbody td {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--lm-line);
  }

  .lm-faq__item summary {
    font-size: 15px;
  }
}


/* --- Chong Flatsome de len: icon SVG, padding cot dau bang --------------------- */

/* Flatsome: th:first-child,td:first-child{padding-left:0} => chu sat le bang nganh nghe */
.lm-industry-table th:first-child,
.lm-industry-table td:first-child {
  padding-left: 20px;
}

.lm-industry-table th,
.lm-industry-table td {
  line-height: 1.6;
}

@media (max-width: 549px) {
  .lm-industry-table tbody th:first-child,
  .lm-industry-table tbody td:first-child {
    padding-left: 0;
  }
}

/* --- Icon ve bang CSS (WordPress xoa <svg> trong noi dung) -------------------- */
.lm-infra-card::before,
.lm-benefit-card::before {
  content: "";
  display: block;
  flex: none;
  -webkit-mask: var(--lm-icon) center / contain no-repeat;
  mask: var(--lm-icon) center / contain no-repeat;
}
.lm-infra-card::before {
  width: 44px;
  height: 44px;
  background-color: #fff;
}
.lm-benefit-card::before {
  width: 28px;
  height: 28px;
  background-color: var(--lm-gold);
}
.lm-infra-grid > .lm-infra-card:nth-child(1) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l6-16h4l6 16M6 15h12'/%3E%3C/svg%3E");
}
.lm-infra-grid > .lm-infra-card:nth-child(2) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E");
}
.lm-infra-grid > .lm-infra-card:nth-child(3) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2s7 8 7 13a7 7 0 0 1-14 0c0-5 7-13 7-13z'/%3E%3C/svg%3E");
}
.lm-infra-grid > .lm-infra-card:nth-child(4) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16M20 4L4 20'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");
}
.lm-infra-grid > .lm-infra-card:nth-child(5) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12a11 11 0 0 1 14 0M8 15.5a6.6 6.6 0 0 1 8 0M11 19a2 2 0 0 1 2 0'/%3E%3C/svg%3E");
}
.lm-infra-grid > .lm-infra-card:nth-child(6) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 5-3.5 8-7 9-3.5-1-7-4-7-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}
.lm-benefit-grid > .lm-benefit-card:nth-child(1) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E");
}
.lm-benefit-grid > .lm-benefit-card:nth-child(2) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E");
}
.lm-benefit-grid > .lm-benefit-card:nth-child(3) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22V8M12 8c0-4 4-6 8-6 0 4-2 8-8 6zM12 12c0-3-3-5-7-5 0 3 2 6 7 5z'/%3E%3C/svg%3E");
}
.lm-benefit-grid > .lm-benefit-card:nth-child(4) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12l2 2 4-4M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z'/%3E%3C/svg%3E");
}

/* Id neo gan tren khoi tieu de: bu chieu cao header co dinh */
.lm-heading[id] {
  scroll-margin-top: 90px;
}

/* Chu vang dong 2 cua tieu de hero (span co class de khong bi WordPress xoa) */
.lm-hero__accent {
  color: var(--lm-gold);
}

/* --- Icon bo sung (ve bang CSS mask): tong quan, nganh nghe, uu dai, lien he ---- */
.lm-info-list li::before,
.lm-industry-table tbody th::before {
  content: "";
  display: inline-block;
  flex: none;
  vertical-align: -5px;
  background-color: var(--lm-gold);
  -webkit-mask: var(--lm-icon) center / contain no-repeat;
  mask: var(--lm-icon) center / contain no-repeat;
}
.lm-info-list li::before {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.lm-industry-table tbody th::before {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  vertical-align: -7px;
}
.lm-i-name {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V7l7-4 7 4v14M9 9h2M13 9h2M9 13h2M13 13h2M10 21v-4h4v4'/%3E%3C/svg%3E");
}
.lm-i-dev {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h18v12H3zM8 8V5h8v3M3 13h18'/%3E%3C/svg%3E");
}
.lm-i-pin {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-11a7 7 0 0 0-14 0c0 4.8 7 11 7 11zM12 7.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E");
}
.lm-i-area {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E");
}
.lm-i-type {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V10l6 4V10l6 4V6h6v15zM7 21v-3M12 21v-3M17 21v-3'/%3E%3C/svg%3E");
}
.lm-i-land {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 13h7M9 17h7'/%3E%3C/svg%3E");
}
.lm-i-time {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 7v5l3 2'/%3E%3C/svg%3E");
}
.lm-i-lot {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z'/%3E%3C/svg%3E");
}
.lm-ind-tech th {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10H7zM10 10h4v4h-4zM9 3v4M15 3v4M9 17v4M15 17v4M3 9h4M3 15h4M17 9h4M17 15h4'/%3E%3C/svg%3E");
}
.lm-ind-support th {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1L7 17M17 7l2.1-2.1'/%3E%3C/svg%3E");
}
.lm-ind-make th {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.2L3 17.8 6.2 21l6.3-6.3a4 4 0 0 0 5.2-5.4l-2.5 2.5-2.4-.6-.6-2.4z'/%3E%3C/svg%3E");
}
.lm-ind-logistics th {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h11v10H2zM13 9h5l4 4v3h-9zM6 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM17 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E");
}
.lm-ind-warehouse th {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l9-5 9 5v10l-9 5-9-5zM3 8l9 5 9-5M12 13v10'/%3E%3C/svg%3E");
}
.lm-ind-other th {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.5 5.5L20 9l-4 4 1 6-5-3-5 3 1-6-4-4 5.5-.5z'/%3E%3C/svg%3E");
}
.lm-tax-card::before,
.lm-contact-meta > div::before {
  content: "";
  display: block;
  background-color: var(--lm-gold);
  -webkit-mask: var(--lm-icon) center / contain no-repeat;
  mask: var(--lm-icon) center / contain no-repeat;
}
.lm-tax-card::before {
  width: 32px;
  height: 32px;
  margin-bottom: 16px;
}
.lm-contact-meta > div::before {
  width: 22px;
  height: 22px;
  margin-bottom: 8px;
}
.lm-tax-grid > .lm-tax-card:nth-child(1) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 5L5 19M7.5 6a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM16.5 15a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E");
}
.lm-tax-grid > .lm-tax-card:nth-child(2) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M4 21h16'/%3E%3C/svg%3E");
}
.lm-tax-grid > .lm-tax-card:nth-child(3) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2zM9 8h6M9 12h6'/%3E%3C/svg%3E");
}
.lm-tax-grid > .lm-tax-card:nth-child(4) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h14l-3-3M20 16H6l3 3'/%3E%3C/svg%3E");
}
.lm-contact-meta > div:nth-child(1) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
}
.lm-contact-meta > div:nth-child(2) {
  --lm-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18v14H3zM3 7l9 6 9-6'/%3E%3C/svg%3E");
}