/*
Theme Name: Timogap
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 4.3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ===== TIMOGAP HEADER ===== */

/* 1. Ẩn top bar mặc định của Flatsome */
#top-bar { display: none !important; }

/* 2. Header nền trắng */
#header .header-main,
#header.has-sticky .stuck .header-main {
  background: #fff !important;
  border-bottom: 1px solid rgba(11, 19, 43, .08);
}
#header .header-inner { min-height: 88px; }
#header .header-inner > .flex-col { display: flex; align-items: center; }

/* 3. Logo */
#logo img { max-height: 46px !important; width: auto; }

/* 4. Menu canh phải, 1 hàng duy nhất, canh giữa dọc */
.header-nav-main {
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100%;
}
.header-nav-main > li { flex: 0 0 auto; }

/* 5. Ẩn icon search + divider mặc định */
.header-nav-main li.header-search,
.header-nav-main li.header-divider { display: none !important; }

/* 6. Chữ menu: bỏ viết hoa, màu navy, font Poppins */
.header-nav-main > li > a {
  color: #0b132b !important;
  text-transform: none !important;
  font-family: 'Poppins', 'Archivo', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  padding: 10px 16px !important;
  white-space: nowrap;
  transition: color .2s ease;
}

/* 7. Chỉ đổi màu khi hover (không tô xanh mục anchor bị WP đánh dấu active) */
.header-nav-main > li > a:hover { color: #28d61c !important; }
.header-nav-main > li.active > a,
.header-nav-main > li.current-menu-item > a { color: #0b132b !important; }
.header-nav-main > li.active > a:hover,
.header-nav-main > li.current-menu-item > a:hover { color: #28d61c !important; }

/* 8. Bỏ gạch chân hiệu ứng mặc định của Flatsome */
.header-nav-main > li > a:before { display: none !important; }

/* 9. Mũi tên dropdown */
.header-nav-main > li.has-dropdown > a i.icon-angle-down {
  font-size: 14px;
  margin-left: 6px;
  opacity: .9;
}

/* 10. Dropdown menu */
.nav-dropdown.nav-dropdown-default {
  background: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .08) !important;
  padding: 10px 0 !important;
  min-width: 232px;
}
.nav-dropdown li a {
  color: #0b132b !important;
  text-transform: none !important;
  font-family: 'Poppins', 'Archivo', sans-serif;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  padding: 9px 22px !important;
  border: none !important;
  transition: background .15s ease, color .15s ease;
}
.nav-dropdown li a:hover {
  background: #f4f7f9 !important;
  color: #28d61c !important;
}

/* 11. Nút CTA "Find Your Kameli" dạng pill */
.header-nav-main > li.nav-cta { margin-left: 16px; }
.header-nav-main > li.nav-cta > a,
.header-nav-main > li.nav-cta.active > a,
.header-nav-main > li.nav-cta.current-menu-item > a {
  background: #76FF03 !important;
  border: 2px solid #000 !important;
  border-radius: 9999px !important;
  color: #000 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1;
  padding: 13px 26px !important;
  transition: transform .15s ease, box-shadow .15s ease;
}
.header-nav-main > li.nav-cta > a:hover {
  color: #000 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(118, 255, 3, .45);
}


/* ===== HERO SECTION (trang chủ) ===== */
.tg-hero { background-color: #0b132b; }
.tg-hero .text-box-content { background: transparent !important; padding: 0 !important; }

.tg-hero-title {
  font-family: 'Archivo', 'Poppins', -apple-system, sans-serif;
  font-size: clamp(34px, 4.6vw, 76px);
  line-height: 1.03;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.5px;
  color: #fff;
  margin: 0 0 12px;
  text-shadow: 0 2px 20px rgba(0, 0, 0, .35);
}
.tg-hero-title span { color: #28d61c; }

.tg-hero-sub {
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(13px, 1.05vw, 17px);
  font-weight: 400;
  margin: 0 0 32px;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .5);
}

.tg-hero .tg-hero-cta.button {
  background: #28d61c !important;
  border: none !important;
  border-radius: 9999px !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: .6px;
  text-transform: uppercase;
  min-height: 54px;
  line-height: 54px;
  padding: 0 36px !important;
  margin: 0 0 14px;
  box-shadow: 0 8px 22px rgba(40, 214, 28, .35);
  transition: transform .15s ease, box-shadow .15s ease;
}
.tg-hero .tg-hero-cta.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(40, 214, 28, .5);
}

.tg-hero-note {
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .5);
}

/* Lớp phủ gradient giúp chữ luôn đọc được trên nền ảnh */
.tg-hero .banner-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(11, 19, 43, .88) 0%,
    rgba(11, 19, 43, .62) 34%,
    rgba(11, 19, 43, .18) 60%,
    rgba(11, 19, 43, 0) 78%);
}
@media (max-width: 849px) {
  .tg-hero .banner-bg::after {
    background: linear-gradient(180deg,
      rgba(11, 19, 43, .55) 0%,
      rgba(11, 19, 43, .82) 55%,
      rgba(11, 19, 43, .92) 100%);
  }
}

/* Hero tràn viền full-width + bỏ padding trang */
.page-id-7 .page-wrapper,
.page-id-94 .page-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; }
.page-id-7 .entry-content > .tg-hero,
.tg-hero,
.tg-feat,
.tg-stats,
.tg-trust,
.tg-dealer-hero,
.tg-why {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}

@media (max-width: 549px) {
  .tg-hero-title { font-size: 34px; }
  .tg-hero-sub { font-size: 14px; margin-bottom: 24px; }
  .tg-hero .tg-hero-cta.button { min-height: 48px; line-height: 48px; padding: 0 28px !important; }
}


/* ===== SECTION 2: FEATURE CARDS ===== */
/* Dựng bằng element Flatsome: [col] + [ux_text] + [divider]. Icon là CSS. */
.tg-feat { overflow: hidden; }
.tg-feat .row.row {
  align-items: stretch;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.tg-feat .section-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: rgba(5, 11, 26, .88);
}

.tg-feat .tg-card {
  --c: #2f9bff;
  --glow: rgba(47, 155, 255, .55);
  --accent: #8fd41c;
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%232f9bff%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2219%22%2F%3E%3Cg%20stroke-width%3D%223.2%22%3E%3Cpath%20d%3D%22M32%205.5v7%22%2F%3E%3Cpath%20d%3D%22M32%2051.5v7%22%2F%3E%3Cpath%20d%3D%22M5.5%2032h7%22%2F%3E%3Cpath%20d%3D%22M51.5%2032h7%22%2F%3E%3Cpath%20d%3D%22M13.2%2013.2l4.9%204.9%22%2F%3E%3Cpath%20d%3D%22M45.9%2045.9l4.9%204.9%22%2F%3E%3Cpath%20d%3D%22M50.8%2013.2l-4.9%204.9%22%2F%3E%3Cpath%20d%3D%22M18.1%2045.9l-4.9%204.9%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M32%2021.5s-6.8%208-6.8%2012.1a6.8%206.8%200%200%200%2013.6%200c0-4.1-6.8-12.1-6.8-12.1z%22%2F%3E%3C%2Fsvg%3E");
  display: flex;
  padding-bottom: 24px;
}
.tg-feat .tg-card--blue { --c: #2f9bff; --glow: rgba(47, 155, 255, .55); --accent: #8fd41c; }
.tg-feat .tg-card--lime { --c: #a3e312; --glow: rgba(163, 227, 18, .5);  --accent: #a7e514; }
.tg-feat .tg-card--cyan { --c: #22d3ee; --glow: rgba(34, 211, 238, .5);  --accent: #8fd41c; }
.tg-feat .tg-card--gear  { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%232f9bff%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2219%22%2F%3E%3Cg%20stroke-width%3D%223.2%22%3E%3Cpath%20d%3D%22M32%205.5v7%22%2F%3E%3Cpath%20d%3D%22M32%2051.5v7%22%2F%3E%3Cpath%20d%3D%22M5.5%2032h7%22%2F%3E%3Cpath%20d%3D%22M51.5%2032h7%22%2F%3E%3Cpath%20d%3D%22M13.2%2013.2l4.9%204.9%22%2F%3E%3Cpath%20d%3D%22M45.9%2045.9l4.9%204.9%22%2F%3E%3Cpath%20d%3D%22M50.8%2013.2l-4.9%204.9%22%2F%3E%3Cpath%20d%3D%22M18.1%2045.9l-4.9%204.9%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M32%2021.5s-6.8%208-6.8%2012.1a6.8%206.8%200%200%200%2013.6%200c0-4.1-6.8-12.1-6.8-12.1z%22%2F%3E%3C%2Fsvg%3E"); }
.tg-feat .tg-card--flask { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%23a3e312%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M25%207h14%22%2F%3E%3Cpath%20d%3D%22M28%207.5v17L15.4%2046.2A5.2%205.2%200%200%200%2019.9%2054h24.2a5.2%205.2%200%200%200%204.5-7.8L36%2024.5v-17%22%2F%3E%3Cpath%20d%3D%22M21.6%2040.5h20.8%22%2F%3E%3Ccircle%20cx%3D%2228.5%22%20cy%3D%2246%22%20r%3D%222.3%22%20fill%3D%22%23a3e312%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2248.6%22%20r%3D%221.7%22%20fill%3D%22%23a3e312%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E"); }
.tg-feat .tg-card--map   { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%2322d3ee%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4.2%2040.4c.6-4.6%207-7.4%2014-8.9%206.6-1.4%2011.7-3.8%2017.4-6.1%205.8-2.3%2011.4-4.2%2016.6-3.9%204.3.2%207.5%202.4%207.7%205.3.2%203-2.9%205.5-7%207.4-6.3%202.9-10.5%207-16.7%2010-6.2%203-13.4%205-20.4%204.4-6.6-.6-12.4-3.5-11.6-8.2z%22%2F%3E%3Cellipse%20cx%3D%2210.8%22%20cy%3D%2227.6%22%20rx%3D%224.4%22%20ry%3D%222.9%22%20transform%3D%22rotate(-16%2010.8%2027.6)%22%2F%3E%3Cpath%20d%3D%22M34.5%2031.6s-4.4%205.3-4.4%207.8a4.4%204.4%200%200%200%208.8%200c0-2.5-4.4-7.8-4.4-7.8z%22%2F%3E%3C%2Fsvg%3E"); }

.tg-feat .tg-card > .col-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 46px 32px 42px;
  text-align: center;
  border: 1px solid var(--c);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(10, 18, 38, .58) 0%, rgba(6, 12, 28, .86) 100%);
  box-shadow: 0 0 26px -8px var(--glow), inset 0 0 46px -26px var(--glow);
  transition: transform .25s ease, box-shadow .25s ease;
}
.tg-feat .tg-card > .col-inner:hover {
  transform: translateY(-6px);
  box-shadow: 0 0 40px -8px var(--glow), inset 0 0 46px -20px var(--glow);
}
/* icon */
.tg-feat .tg-card > .col-inner::before {
  content: "";
  flex: 0 0 auto;
  width: 74px;
  height: 74px;
  margin-bottom: 26px;
  background: var(--icon) center / contain no-repeat;
  filter: drop-shadow(0 0 10px var(--glow));
}

.tg-card-title { margin: 0 0 18px !important; }
.tg-card-title p {
  font-family: 'Archivo', 'Poppins', sans-serif;
  font-size: 27px;
  line-height: 1.28;
  font-weight: 700;
  color: #fff;
  letter-spacing: -.2px;
  margin: 0;
}
.tg-card-title strong { font-weight: 700; }
.tg-card-title em { color: var(--accent); font-style: normal; font-weight: 700; }

.tg-feat .tg-card .is-divider {
  flex: 0 0 auto;
  width: 44px !important;
  max-width: 44px !important;
  height: 2px !important;
  margin: 0 auto 26px !important;
  background-color: var(--c) !important;
  box-shadow: 0 0 8px var(--glow);
}

.tg-card-text { margin: 0 !important; max-width: 300px; }
.tg-card-text p {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  line-height: 1.78;
  color: rgba(255, 255, 255, .76);
  margin: 0;
}

@media (max-width: 849px) {
  .tg-feat .tg-card > .col-inner { padding: 38px 26px 34px; }
  .tg-card-title p { font-size: 24px; }
  .tg-feat .tg-card > .col-inner::before { width: 64px; height: 64px; margin-bottom: 20px; }
}


/* ===== SECTION 3: PROVEN PERFORMANCE ===== */
.tg-stats { background-color: #fff; }
.tg-stats .section-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: rgba(255, 255, 255, .965);
}
.tg-stats .row.row {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.tg-stats-eyebrow { margin: 0 0 16px !important; }
.tg-stats-eyebrow p {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .2px;
  color: #0b132b;
  margin: 0;
}

.tg-stats-title { margin: 0 0 64px !important; }
.tg-stats-title p {
  font-family: 'Archivo', 'Poppins', sans-serif;
  font-size: clamp(34px, 5vw, 74px);
  line-height: 1.06;
  font-weight: 800;
  letter-spacing: -1.5px;
  color: #0b132b;
  margin: 0;
  max-width: 100% !important;
}

.tg-stats .tg-stat { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%2328d61c%22%20stroke%3D%22%2328d61c%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M32%204.5%2053%2013v15.6c0%2013.4-8.7%2025.8-21%2031.9-12.3-6.1-21-18.5-21-31.9V13z%22%2F%3E%3C%2Fsvg%3E"); }
.tg-stats .tg-stat--shield { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%2328d61c%22%20stroke%3D%22%2328d61c%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M32%204.5%2053%2013v15.6c0%2013.4-8.7%2025.8-21%2031.9-12.3-6.1-21-18.5-21-31.9V13z%22%2F%3E%3C%2Fsvg%3E"); }
.tg-stats .tg-stat--pulse  { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%2328d61c%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2032h11l6.5-18.5L32%2050l7.5-24%205.5%206H60%22%2F%3E%3C%2Fsvg%3E"); }
.tg-stats .tg-stat--pin    { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%2328d61c%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M32%2060s19-17.6%2019-30a19%2019%200%201%200-38%200c0%2012.4%2019%2030%2019%2030z%22%20fill%3D%22%2328d61c%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2229%22%20r%3D%227%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E"); }

.tg-stats .tg-stat > .col-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tg-stats .tg-stat > .col-inner::before {
  content: "";
  width: 34px;
  height: 34px;
  margin-bottom: 16px;
  background: var(--icon) center / contain no-repeat;
}

.tg-stat-num { margin: 0 0 22px !important; }
.tg-stat-num p {
  font-family: 'Archivo', 'Poppins', sans-serif;
  font-size: clamp(28px, 3.1vw, 48px);
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -1px;
  color: #0b132b;
  margin: 0;
}
@media (min-width: 850px) {
  .tg-stat-num p { white-space: nowrap; }
}

.tg-stat-label { margin: 0 !important; }
.tg-stat-label p {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #0b132b;
  margin: 0;
}

@media (max-width: 849px) {
  .tg-stats-title { margin-bottom: 44px !important; }
  .tg-stats-title p { letter-spacing: -.6px; }
  .tg-stats .tg-stat { margin-bottom: 34px; }
}


/* ===== SECTION 4: TRUSTED BY THE PROFESSIONALS ===== */
/* Dựng hoàn toàn bằng element Flatsome: [text] [ux_banner] [divider] [ux_image] */
.tg-trust { background-color: #040a18; }
.tg-trust .row.row {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.tg-trust .col > .col-inner > *:last-child { margin-bottom: 0; }

/* --- tiêu đề section --- */
.tg-trust-title p {
  font-family: 'Archivo', 'Poppins', sans-serif;
  font-size: clamp(34px, 4.4vw, 62px);
  line-height: 1.02;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: -.5px;
  color: #fff;
  margin: 0 0 14px;
}
.tg-trust-title span { color: #8dc63f; }

.tg-trust-kicker p {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(13px, 1.1vw, 17px);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  color: #fff;
  margin: 0 0 16px;
}
.tg-trust-sub p {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  color: rgba(255, 255, 255, .88);
  margin: 0 0 34px;
}
.tg-trust-sub span { color: #8dc63f; }

/* --- thẻ card = [col] --- */
.tg-trust .tg-tm { --c: #8dc63f; display: flex; padding-bottom: 26px; }
.tg-trust .tg-tm--green { --c: #8dc63f; }
.tg-trust .tg-tm--blue  { --c: #2f7fe0; }

.tg-trust .tg-tm > .col-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .1);
  border-bottom: 2px solid var(--c);
  border-radius: 10px;
  background: #08101f;
  overflow: hidden;
}

/* --- header: [text].tg-tm-cat, icon dựng bằng CSS --- */
.tg-tm-cat {
  position: relative;
  min-height: 74px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px 16px 14px 68px;
  margin: 0 !important;
  background: rgba(255, 255, 255, .04);
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.tg-tm-cat::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 9px;
  background-color: var(--c);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
}
.tg-tm--truck  .tg-tm-cat::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2306101d' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16h30v26H4z'/%3E%3Cpath d='M34 25h11l8 9v8H34z'/%3E%3Ccircle cx='17' cy='47' r='5'/%3E%3Ccircle cx='44' cy='47' r='5'/%3E%3C/svg%3E"); }
.tg-tm--wrench .tg-tm-cat::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2306101d' stroke-width='4.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M42.5 8.5a14 14 0 0 0-17.8 17.8L8 43l6.4 6.4 16.7-16.7A14 14 0 0 0 49 21.9l-8.6 3.4-5.6-5.6z'/%3E%3C/svg%3E"); }
.tg-tm--car    .tg-tm-cat::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2306101d' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 40v-7l5-13h38l5 13v7'/%3E%3Cpath d='M6 40h52v7H6z'/%3E%3Ccircle cx='18' cy='47' r='4.5'/%3E%3Ccircle cx='46' cy='47' r='4.5'/%3E%3C/svg%3E"); }

.tg-tm-cat p { margin: 0; }
.tg-tm-cat strong {
  display: block;
  font-family: 'Archivo', sans-serif;
  font-size: 14.5px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: .3px;
  color: #fff;
  line-height: 1.25;
}
.tg-tm-cat em {
  display: block;
  font-family: 'Archivo', sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: .3px;
  color: var(--c);
  line-height: 1.3;
}

/* --- ảnh chân dung: [ux_banner], click chọn ảnh trong UX Builder --- */
.tg-tm-photo { margin: 0 !important; }
.tg-tm-photo .banner { border-radius: 0 !important; }

/* --- trích dẫn --- */
.tg-tm-quote {
  padding: 24px 20px 0;
  margin: 0 0 auto !important;
}
.tg-tm-quote p {
  position: relative;
  font-family: 'Poppins', sans-serif;
  font-size: 14.5px;
  line-height: 1.72;
  color: rgba(255, 255, 255, .9);
  margin: 0;
  padding-left: 26px;
}
.tg-tm-quote p::before {
  content: "\201C";
  position: absolute;
  left: 0;
  top: -6px;
  font-family: Georgia, serif;
  font-size: 42px;
  line-height: 1;
  color: var(--c);
}

/* --- divider Flatsome --- */
.tg-trust .tg-tm .is-divider { margin: 22px 20px 16px !important; width: calc(100% - 40px) !important; }

/* --- tên / chức danh / nơi --- */
.tg-tm-person { padding: 0 20px; margin: 0 !important; }
.tg-tm-person p {
  font-family: 'Poppins', sans-serif;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(255, 255, 255, .82);
  margin: 0;
}
.tg-tm-person strong {
  display: block;
  font-family: 'Archivo', sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: var(--c);
  margin-bottom: 6px;
}
.tg-tm-person em { color: rgba(255, 255, 255, .7); }

/* --- ô chữ ký: [ux_text], chèn ảnh chữ ký vào đây trong UX Builder --- */
.tg-tm-sign {
  min-height: 66px;
  margin: 10px 20px 22px !important;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.tg-tm-sign p {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 11.5px;
  letter-spacing: .6px;
  color: rgba(255, 255, 255, .28);
  border: 1px dashed rgba(255, 255, 255, .16);
  border-radius: 6px;
  padding: 7px 18px;
}
.tg-tm-sign img {
  display: block;
  max-height: 58px;
  width: auto;
}
/* khi đã chèn ảnh thì bỏ khung nét đứt */
.tg-tm-sign p:has(img) {
  border: none;
  padding: 0;
}

/* --- dòng kết --- */
.tg-trust .tg-trust-foot { margin: 30px 0 0 !important; }
.tg-trust .tg-trust-foot p {
  font-family: 'Archivo', sans-serif;
  font-size: clamp(13px, 1.35vw, 19px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-align: center;
  max-width: 100% !important;
  margin: 0;
}
.tg-trust-foot .g { color: #8dc63f; }
.tg-trust-foot .b { color: #2f7fe0; }
.tg-trust-foot .w { color: #fff; }

@media (max-width: 849px) {
  .tg-trust-foot p { letter-spacing: 2px; }
}


/* ===== FOOTER (Flatsome Block "Footer", ID 89) ===== */
#footer { background: #fff; }
.tg-footer { background: #fff; }
.tg-footer .row.row {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* logo */
.tg-foot-logo #logo img,
.tg-foot-logo img { max-height: 46px !important; width: auto; }

/* tiêu đề cột */
.tg-foot-menu .ux-menu-title,
.tg-foot-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: none !important;
  color: #3b72c9 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: none !important;
  opacity: 1 !important;
}
.tg-foot-title--green { color: #2f8a34 !important; }
.tg-foot-title p { margin: 0; font: inherit; color: inherit; letter-spacing: inherit; }

/* menu sitemap */
.tg-foot-menu .ux-menu-link { margin: 0 !important; }
.tg-foot-menu .ux-menu-link__link {
  padding: 5px 0 !important;
  border: none !important;
}
.tg-foot-menu .ux-menu-link__text {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .3px;
  color: #1b2436;
  transition: color .18s ease;
}
.tg-foot-menu .ux-menu-link__link:hover .ux-menu-link__text { color: #2f8a34; }

/* thông tin liên hệ */
.tg-foot-info { margin: 0 !important; }
.tg-foot-info p {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.95;
  color: #1b2436;
  margin: 0;
}
.tg-foot-info a { color: #1b2436; text-decoration: none; }
.tg-foot-info a:hover { color: #2f8a34; }

/* icon mạng xã hội — Flatsome sinh font-size sai đơn vị từ tham số scale */
.tg-foot-social .social-icons { font-size: 1em !important; }
.tg-foot-social .social-icons a {
  background: none !important;
  border: none !important;
  color: #0b1220 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 16px 0 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  transition: opacity .18s ease;
}
.tg-foot-social .social-icons a:hover { opacity: .6; }
.tg-foot-social .social-icons a i { font-size: 27px !important; line-height: 1 !important; }

/* thanh copyright dưới cùng */
.absolute-footer {
  background: #fff !important;
  border-top: 1px solid #e0e4ea;
  padding: 18px 0 !important;
}
.absolute-footer,
.absolute-footer a,
.absolute-footer .copyright-footer {
  color: #5a6474 !important;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
}
.absolute-footer.dark { background: #fff !important; }

@media (max-width: 849px) {
  .tg-foot-logo { margin-bottom: 26px; }
  .tg-footer .col { padding-bottom: 22px; }
}


/* ===== BECOME A DEALER — SECTION 1 ===== */
.tg-dealer-hero { background-color: #061430; }
.tg-dealer-hero .text-box-content { background: transparent !important; padding: 0 !important; }

/* lớp phủ giúp chữ đọc rõ trên nền ảnh */
.tg-dealer-hero .banner-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(6, 20, 48, .95) 0%,
    rgba(6, 20, 48, .82) 32%,
    rgba(6, 20, 48, .35) 56%,
    rgba(6, 20, 48, 0) 76%);
}
@media (max-width: 849px) {
  .tg-dealer-hero .banner-bg::after {
    background: linear-gradient(180deg,
      rgba(6, 20, 48, .78) 0%,
      rgba(6, 20, 48, .9) 60%,
      rgba(6, 20, 48, .95) 100%);
  }
}

.tg-dealer-title { margin: 0 0 20px !important; }
.tg-dealer-title p {
  font-family: 'Archivo', 'Poppins', sans-serif;
  font-size: clamp(34px, 4.4vw, 66px);
  line-height: 1.04;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #fff;
  margin: 0;
  max-width: 100% !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
}
.tg-dealer-title span { color: #6ec81f; }

.tg-dealer-sub { margin: 0 0 22px !important; }
.tg-dealer-sub p {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(19px, 2.05vw, 31px);
  line-height: 1.32;
  font-weight: 600;
  color: #6ec81f;
  margin: 0;
  max-width: 560px;
}

.tg-dealer-body { margin: 0 0 36px !important; }
.tg-dealer-body p {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.68;
  color: rgba(255, 255, 255, .94);
  margin: 0;
  max-width: 520px;
}

/* nút CTA */
.tg-dealer-hero .tg-dealer-cta.button {
  background: #4aa32a !important;
  border: 2px solid #7fd44a !important;
  border-radius: 6px !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 700 !important;
  font-size: 17px !important;
  letter-spacing: .8px;
  text-transform: uppercase;
  min-height: 62px;
  line-height: 58px;
  padding: 0 42px !important;
  margin: 0;
  transition: background .18s ease, transform .18s ease;
}
.tg-dealer-hero .tg-dealer-cta.button span::after {
  content: "›";
  margin-left: 18px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}
.tg-dealer-hero .tg-dealer-cta.button:hover {
  background: #56b832 !important;
  transform: translateY(-2px);
}

@media (max-width: 549px) {
  .tg-dealer-title p { font-size: 34px; }
  .tg-dealer-sub p { font-size: 19px; }
  .tg-dealer-hero .tg-dealer-cta.button {
    min-height: 54px; line-height: 50px; padding: 0 30px !important; font-size: 15px !important;
  }
}


/* ===== BECOME A DEALER — SECTION 2: WHY PARTNER ===== */
.tg-why {
  position: relative;
  overflow: hidden;
  background-color: #f7f9fc;
}
.tg-why::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 74px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%2090%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2044C240%206%20420%2078%20690%2052%20900%2032%201050%2058%201200%2040V90H0Z%22%20fill%3D%22%23e9f0f9%22%2F%3E%3C%2Fsvg%3E") bottom / 100% 100% no-repeat;
}
.tg-why .row.row {
  position: relative;
  z-index: 1;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.tg-why-head { margin: 0 0 44px !important; }
.tg-why-head p {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(17px, 1.7vw, 23px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .6px;
  color: #14509b;
  margin: 0;
  max-width: 100% !important;
}

/* 5 cột đều nhau (Flatsome grid 12 cột không chia hết cho 5) */
.tg-why-row { display: flex; flex-wrap: wrap; }
.tg-why .tg-why-col {
  position: relative;
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 40px;
}
/* vạch phân cách xanh lá */
.tg-why .tg-why-col + .tg-why-col::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14%;
  height: 72%;
  border-left: 1px solid #4a9c2d;
}

.tg-why .tg-why-col > .col-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* icon tròn */
.tg-why .tg-why-col > .col-inner::before {
  content: "";
  width: 92px;
  height: 92px;
  margin-bottom: 22px;
  border: 2px solid #1560bd;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 46px 46px;
}
.tg-why--handshake > .col-inner::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%231560bd%22%3E%3Crect%20x%3D%221%22%20y%3D%2225%22%20width%3D%2212%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2251%22%20y%3D%2225%22%20width%3D%2212%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M13%2026h9l6.2-4.2a3.2%203.2%200%200%201%203.6%200L38%2026h13v13.5l-6.4%205.1-4.3-3.2-3.9%203-4.2-2.6-4.1%202.4-6.6-4.3L13%2036z%22%2F%3E%3C%2Fsvg%3E"); }
.tg-why--growth    > .col-inner::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%231560bd%22%3E%3Crect%20x%3D%228%22%20y%3D%2238%22%20width%3D%2210%22%20height%3D%2217%22%20rx%3D%221.6%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2230%22%20width%3D%2210%22%20height%3D%2225%22%20rx%3D%221.6%22%2F%3E%3Crect%20x%3D%2238%22%20y%3D%2221%22%20width%3D%2210%22%20height%3D%2234%22%20rx%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M10%2027.5%2024%2015l7.5%206L45.5%208%22%20fill%3D%22none%22%20stroke%3D%22%231560bd%22%20stroke-width%3D%224.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M37%207h10v10%22%20fill%3D%22none%22%20stroke%3D%22%231560bd%22%20stroke-width%3D%224.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.tg-why--shield    > .col-inner::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%231560bd%22%3E%3Cpath%20d%3D%22M32%204%2055%2013v16.5C55%2044%2045.4%2056.6%2032%2061%2018.6%2056.6%209%2044%209%2029.5V13z%22%2F%3E%3Cpath%20d%3D%22M21.5%2031.5%2029%2039l14-14.5%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.tg-why--truck     > .col-inner::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%231560bd%22%3E%3Crect%20x%3D%223%22%20y%3D%2216%22%20width%3D%2231%22%20height%3D%2223%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M34%2023h11.5l8.5%209.5V39H34z%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2245%22%20r%3D%225.5%22%2F%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%2245%22%20r%3D%225.5%22%2F%3E%3C%2Fsvg%3E"); }
.tg-why--team      > .col-inner::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22%231560bd%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2220%22%20r%3D%228.5%22%2F%3E%3Cpath%20d%3D%22M17.5%2047c0-8.2%206.5-13.5%2014.5-13.5S46.5%2038.8%2046.5%2047z%22%2F%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2226%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22M1%2046c0-6.4%205.2-10.8%2011.5-10.8%201.3%200%202.5.2%203.6.5A20%2020%200%200%200%2012%2046z%22%2F%3E%3Ccircle%20cx%3D%2251.5%22%20cy%3D%2226%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22M63%2046c0-6.4-5.2-10.8-11.5-10.8-1.3%200-2.5.2-3.6.5A20%2020%200%200%201%2052%2046z%22%2F%3E%3C%2Fsvg%3E"); }

.tg-why-title { margin: 0 0 12px !important; }
.tg-why-title p {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: 1.35;
  color: #1560bd;
  margin: 0;
}

.tg-why-text { margin: 0 !important; max-width: 230px; }
.tg-why-text p {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  line-height: 1.62;
  color: #2b3a4f;
  margin: 0;
}

@media (max-width: 1024px) {
  .tg-why .tg-why-col { flex: 0 0 33.333%; max-width: 33.333%; padding-bottom: 38px; }
  .tg-why .tg-why-col + .tg-why-col::before { display: none; }
}
@media (max-width: 649px) {
  .tg-why .tg-why-col { flex: 0 0 50%; max-width: 50%; padding: 0 12px 32px; }
  .tg-why .tg-why-col > .col-inner::before { width: 76px; height: 76px; background-size: 38px 38px; }
  .tg-why-text p { font-size: 14px; }
}


/* ===== BECOME A DEALER — SECTION 3: WHO / WHAT ===== */
/* Mỗi panel là 1 [ux_banner] có ảnh nền, chữ đặt đè bằng [text_box] */
.tg-dealer-who { background: #fff; }
.tg-dealer-who .row.row {
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.tg-dealer-who .tg-panel { display: flex; padding-bottom: 26px; }
.tg-dealer-who .tg-panel > .col-inner { width: 100%; display: flex; }

.tg-panel-img {
  width: 100%;
  margin: 0 !important;
  border-radius: 14px;
  overflow: hidden;
}
.tg-panel--white .tg-panel-img { box-shadow: 0 2px 18px rgba(20, 40, 80, .08); }

/* khối chữ đè lên ảnh */
.tg-panel-box .text-box-content {
  background: transparent !important;
  padding: 0 !important;
}
/* lớp phủ nhẹ phía trái để chữ luôn đọc được nếu ảnh bị đổi */
.tg-panel-img .banner-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.tg-panel--green .banner-bg::after {
  background: linear-gradient(90deg,
    rgba(238,244,231,.96) 0%,
    rgba(238,244,231,.9) 32%,
    rgba(238,244,231,.5) 46%,
    rgba(238,244,231,0) 62%);
}
.tg-panel--white .banner-bg::after {
  background: linear-gradient(90deg,
    rgba(255,255,255,.96) 0%,
    rgba(255,255,255,.9) 32%,
    rgba(255,255,255,.5) 46%,
    rgba(255,255,255,0) 62%);
}

/* tiêu đề panel */
.tg-panel-head { margin: 0 0 22px !important; }
.tg-panel-head p {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(17px, 1.5vw, 21px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #14509b;
  margin: 0;
  max-width: 100% !important;
}

/* danh sách tick */
.tg-who-list { margin: 0 !important; }
.tg-who-list ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.tg-who-list li {
  position: relative;
  list-style: none;
  padding: 0 0 0 36px;
  margin: 0 0 16px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #2b3a4f;
}
.tg-who-list li:last-child { margin-bottom: 0; }
.tg-who-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 21px;
  height: 21px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%234a9c2d%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2214%22%2F%3E%3Cpath%20d%3D%22M9.5%2016.5%2014%2021l9-9.5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

/* 4 quyền lợi */
.tg-get-item {
  position: relative;
  margin: 0 0 18px !important;
  padding-left: 52px;
  min-height: 40px;
}
.tg-get-item:last-child { margin-bottom: 0 !important; }
.tg-get-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 38px;
  height: 38px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.tg-get--store::before     { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%233f9c35%22%20stroke-width%3D%223.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2024h48v30H8z%22%2F%3E%3Cpath%20d%3D%22M6%2024l5-14h42l5%2014%22%2F%3E%3Cpath%20d%3D%22M8%2024a7%207%200%200%200%2012%200%207%207%200%200%200%2012%200%207%207%200%200%200%2012%200%207%207%200%200%200%2012%200%22%2F%3E%3Cpath%20d%3D%22M25%2054V38h14v16%22%2F%3E%3C%2Fsvg%3E"); }
.tg-get--marketing::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%233f9c35%22%20stroke-width%3D%223.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%2210%22%20width%3D%2246%22%20height%3D%2244%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M9%2022h46%22%2F%3E%3Cpath%20d%3D%22M32%2022v32%22%2F%3E%3Cpath%20d%3D%22M17%2032h8%22%2F%3E%3Cpath%20d%3D%22M17%2042h8%22%2F%3E%3Cpath%20d%3D%22M39%2032h8%22%2F%3E%3Cpath%20d%3D%22M39%2042h8%22%2F%3E%3C%2Fsvg%3E"); }
.tg-get--training::before  { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%233f9c35%22%20stroke-width%3D%223.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%2212%22%20width%3D%2242%22%20height%3D%2228%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M14%2022h18%22%2F%3E%3Cpath%20d%3D%22M14%2030h12%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2234%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M38%2056c0-7%205.4-11%2012-11s12%204%2012%2011%22%2F%3E%3C%2Fsvg%3E"); }
.tg-get--support::before   { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%233f9c35%22%20stroke-width%3D%223.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2038v-6a20%2020%200%200%201%2040%200v6%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2234%22%20width%3D%2212%22%20height%3D%2218%22%20rx%3D%225%22%2F%3E%3Crect%20x%3D%2247%22%20y%3D%2234%22%20width%3D%2212%22%20height%3D%2218%22%20rx%3D%225%22%2F%3E%3Cpath%20d%3D%22M52%2052v2a7%207%200%200%201-7%207h-9%22%2F%3E%3C%2Fsvg%3E"); }

.tg-get-item p {
  font-family: 'Poppins', sans-serif;
  font-size: 14.5px;
  line-height: 1.5;
  color: #2b3a4f;
  margin: 0;
}
.tg-get-item strong {
  display: block;
  font-size: 14.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #3f9c35;
  margin-bottom: 2px;
}

@media (max-width: 849px) {
  /* mobile: phủ toàn bộ ảnh để chữ nổi rõ */
  .tg-panel--green .banner-bg::after { background: rgba(238, 244, 231, .93); }
  .tg-panel--white .banner-bg::after { background: rgba(255, 255, 255, .94); }
  .tg-who-list li { font-size: 14px; }
}


/* ===== BECOME A DEALER — SECTION 4: REQUIREMENTS / STEPS ===== */
.tg-dealer-req { background: #fff; padding-bottom: 40px !important; }
.tg-dealer-req .row.row {
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.tg-dealer-req .tg-req { display: flex; padding-bottom: 26px; }
.tg-dealer-req .tg-req > .col-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  overflow: hidden;
  padding: 34px 28px;
}
/* panel trái giờ là [ux_banner] có ảnh nền -> banner tự lo padding */
.tg-req--dark > .col-inner { padding: 0 !important; }
.tg-req-img {
  width: 100%;
  margin: 0 !important;
}
.tg-req-img .banner,
.tg-req-img .banner-inner {
  height: 100% !important;
  min-height: 100% !important;
}
/* lớp phủ tối: giữ chữ trắng đọc được trên bất kỳ ảnh nào */
.tg-req-img .banner-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(13, 43, 82, .93) 0%,
    rgba(13, 43, 82, .88) 46%,
    rgba(13, 43, 82, .62) 68%,
    rgba(13, 43, 82, .45) 100%);
}
.tg-req-box .text-box-content {
  background: transparent !important;
  padding: 0 !important;
}
.tg-req--light > .col-inner { background: #eaf2fb; }

.tg-req-head {
  margin: 0 0 26px !important;
  position: relative;
  z-index: 1;
  width: 100%;
  flex: 0 0 auto;
}
.tg-req-head p {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(17px, 1.5vw, 21px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #fff;
  margin: 0;
  max-width: 100% !important;
}
.tg-req-head--blue p { color: #14509b; }

/* danh sách yêu cầu */
.tg-req-list { margin: 0 !important; position: relative; z-index: 1; }
.tg-req-list ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.tg-req-list li {
  position: relative;
  list-style: none;
  padding: 0 0 0 34px;
  margin: 0 0 17px;
  font-family: 'Poppins', sans-serif;
  font-size: 14.5px;
  line-height: 1.5;
  color: rgba(255, 255, 255, .93);
}
.tg-req-list li:last-child { margin-bottom: 0; }
.tg-req-list li::before {
  content: "";
  position: absolute;
  left: 0; top: 0;
  width: 20px; height: 20px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%236ec81f%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2214%22%2F%3E%3Cpath%20d%3D%22M9.5%2016.5%2014%2021l9-9.5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

/* biến icon cho khối 4 bước */
.tg-req--light {
  --ic-apply: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%231560bd%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%2212%22%20y%3D%228%22%20width%3D%2234%22%20height%3D%2246%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M20%2020h18%22%2F%3E%3Cpath%20d%3D%22M20%2029h18%22%2F%3E%3Cpath%20d%3D%22M20%2038h10%22%2F%3E%3Cpath%20d%3D%22M44%2040l10-10%206%206-10%2010-7%201z%22%2F%3E%3C%2Fsvg%3E");
  --ic-discuss: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%231560bd%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M8%2048c0-8.5%207-14%2016-14s16%205.5%2016%2014%22%2F%3E%3Cpath%20d%3D%22M38%2010h20v14H48l-6%205v-5h-4z%22%2F%3E%3C%2Fsvg%3E");
  --ic-approval: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%231560bd%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2026h48v28H8z%22%2F%3E%3Cpath%20d%3D%22M6%2026l5-14h42l5%2014%22%2F%3E%3Cpath%20d%3D%22M25%2054V40h14v14%22%2F%3E%3C%2Fsvg%3E");
  --ic-selling: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%231560bd%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M32%206%2056%2018v28L32%2058%208%2046V18z%22%2F%3E%3Cpath%20d%3D%22M8%2018l24%2012%2024-12%22%2F%3E%3Cpath%20d%3D%22M32%2030v28%22%2F%3E%3C%2Fsvg%3E");
  --ic-arrow: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2024%22%20fill%3D%22none%22%20stroke%3D%22%2314509b%22%20stroke-width%3D%223.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h27%22%2F%3E%3Cpath%20d%3D%22M22%204l9%208-9%208%22%2F%3E%3C%2Fsvg%3E");
}

/* 4 bước */
.tg-steps-row { margin: 0 !important; width: 100%; }
.tg-req--light .tg-step { position: relative; padding: 0 4px !important; }
.tg-req--light .tg-step > .col-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
/* vòng tròn icon */
.tg-req--light .tg-step > .col-inner::before {
  content: "";
  width: 82px; height: 82px;
  margin-bottom: 16px;
  border: 2px solid #1560bd;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 42px 42px;
  background-color: #fff;
}
.tg-step--apply    > .col-inner::before { background-image: var(--ic-apply); }
.tg-step--discuss  > .col-inner::before { background-image: var(--ic-discuss); }
.tg-step--approval > .col-inner::before { background-image: var(--ic-approval); }
.tg-step--selling  > .col-inner::before { background-image: var(--ic-selling); }

/* badge số xanh lá, đè lên góc trên-trái vòng tròn */
.tg-req--light .tg-step > .col-inner::after {
  position: absolute;
  top: -3px;
  left: calc(50% - 45px);
  width: 27px; height: 27px;
  border-radius: 50%;
  background: #4a9c2d;
  border: 2px solid #eaf2fb;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 23px;
  text-align: center;
}
.tg-step--n1 > .col-inner::after { content: "1"; }
.tg-step--n2 > .col-inner::after { content: "2"; }
.tg-step--n3 > .col-inner::after { content: "3"; }
.tg-step--n4 > .col-inner::after { content: "4"; }

/* mũi tên giữa các bước, canh giữa vòng tròn */
.tg-req--light .tg-step + .tg-step::before {
  content: "";
  position: absolute;
  left: -9px;
  top: 34px;
  width: 18px;
  height: 14px;
  background: var(--ic-arrow) center / contain no-repeat;
}

.tg-step-title { margin: 0 0 8px !important; }
.tg-step-title p {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
  color: #14509b;
  margin: 0;
}
.tg-step-text { margin: 0 !important; }
.tg-step-text p {
  font-family: 'Poppins', sans-serif;
  font-size: 13.5px;
  line-height: 1.5;
  color: #23405f;
  margin: 0;
}

/* ===== BECOME A DEALER — SECTION 6: STRIP ===== */
.tg-dealer-strip { background: #0d2b52 !important; }
.tg-dealer-strip .section-bg { background-color: #0d2b52 !important; }
/* logo bản tối -> đổi thành trắng cho hợp nền navy (thay bằng logo sáng khi có) */
.tg-strip-logo img { filter: brightness(0) invert(1); }
.tg-dealer-strip .row.row {
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.tg-dealer-strip .col { padding-bottom: 0 !important; }
.tg-strip-item { position: relative; }
.tg-strip-item + .tg-strip-item::before,
.tg-strip-logo::before {
  content: "";
  position: absolute;
  left: 0; top: 12%;
  height: 76%;
  border-left: 1px solid rgba(255, 255, 255, .18);
}
.tg-strip-item > .col-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-left: 18px;
}
.tg-strip-item > .col-inner::before {
  content: "";
  flex: 0 0 auto;
  width: 54px; height: 54px;
  border: 2px solid rgba(255, 255, 255, .8);
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 27px 27px;
}
.tg-strip--gear   > .col-inner::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2214%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%225%22%2F%3E%3Cg%20stroke-width%3D%223.4%22%3E%3Cpath%20d%3D%22M32%2012v-6%22%2F%3E%3Cpath%20d%3D%22M32%2052v6%22%2F%3E%3Cpath%20d%3D%22M12%2032H6%22%2F%3E%3Cpath%20d%3D%22M52%2032h6%22%2F%3E%3Cpath%20d%3D%22M18%2018l-4-4%22%2F%3E%3Cpath%20d%3D%22M46%2046l4%204%22%2F%3E%3Cpath%20d%3D%22M46%2018l4-4%22%2F%3E%3Cpath%20d%3D%22M18%2046l-4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.tg-strip--micro  > .col-inner::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M26%2010l10%206-12%2021-10-6z%22%2F%3E%3Cpath%20d%3D%22M22%2031c-6%204-8%2012-4%2018h32%22%2F%3E%3Cpath%20d%3D%22M36%2033c4%204%205%2010%203%2016%22%2F%3E%3Cpath%20d%3D%22M12%2055h40%22%2F%3E%3C%2Fsvg%3E"); }
.tg-strip--shield > .col-inner::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M32%205%2055%2014v16.5C55%2045%2045.4%2057.6%2032%2062%2018.6%2057.6%209%2045%209%2030.5V14z%22%2F%3E%3C%2Fsvg%3E"); }

.tg-strip-text { margin: 0 !important; }
.tg-strip-text p {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}
.tg-strip-logo > .col-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 18px;
}
.tg-strip-logo img { max-height: 54px !important; width: auto; }

@media (max-width: 849px) {
  .tg-req-img .banner-bg::after {
    background: rgba(13, 43, 82, .9);
  }
  .tg-req--light .tg-step { padding-bottom: 28px !important; }
  .tg-req--light .tg-step + .tg-step::before { display: none; }
  .tg-strip-item, .tg-strip-logo { padding-bottom: 22px !important; }
  .tg-strip-item + .tg-strip-item::before, .tg-strip-logo::before { display: none; }
}


/* ===== BECOME A DEALER — SECTION 5: APPLY FORM ===== */
.tg-dealer-apply { background: #fff; }
.tg-dealer-apply .row.row {
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.tg-apply-head { margin: 0 0 16px !important; }
.tg-apply-head p {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(20px, 1.9vw, 27px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
  color: #14509b;
  margin: 0;
  max-width: 100% !important;
}
.tg-apply-lead { margin: 0 0 30px !important; }
.tg-apply-lead p {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #2b3a4f;
  margin: 0;
}

.tg-apply-contact {
  position: relative;
  margin: 0 0 16px !important;
  padding-left: 40px;
  min-height: 26px;
}
.tg-apply-contact::before {
  content: "";
  position: absolute;
  left: 0; top: 0;
  width: 24px; height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.tg-apply--phone::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%231560bd%22%20stroke-width%3D%223.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%208h12l5%2013-7%204a28%2028%200%200%200%2015%2015l4-7%2013%205v12c0%202.2-1.8%204-4%204C29%2054%2010%2035%2010%2012c0-2.2%201.8-4%204-4z%22%2F%3E%3C%2Fsvg%3E"); }
.tg-apply--mail::before  { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%231560bd%22%20stroke-width%3D%223.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%2214%22%20width%3D%2252%22%20height%3D%2236%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M7%2017l25%2018%2025-18%22%2F%3E%3C%2Fsvg%3E"); }
.tg-apply--pin::before   { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%231560bd%22%20stroke-width%3D%223.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M32%2058s19-17.6%2019-30a19%2019%200%201%200-38%200c0%2012.4%2019%2030%2019%2030z%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2228%22%20r%3D%227%22%2F%3E%3C%2Fsvg%3E"); }
.tg-apply-contact p {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #1b2436;
  margin: 0;
}

/* --- form Contact Form 7 --- */
.tg-form { display: flex; gap: 26px; align-items: stretch; }
.tg-form-grid {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
  align-content: start;
}
.tg-f { margin: 0 !important; }
.tg-f--full { grid-column: 1 / -1; }
.tg-f label {
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #2b3a4f;
  margin-bottom: 6px;
}
.tg-form input[type=text],
.tg-form input[type=tel],
.tg-form input[type=email],
.tg-form select,
.tg-form textarea {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #d3dae4;
  border-radius: 5px;
  background: #fff;
  box-shadow: none;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color: #1b2436;
  margin: 0;
}
.tg-form textarea { height: 116px; padding: 12px 14px; resize: vertical; }
.tg-form input::placeholder,
.tg-form textarea::placeholder { color: #9aa6b6; }
.tg-form input:focus,
.tg-form select:focus,
.tg-form textarea:focus { border-color: #1560bd; outline: none; }
.tg-form .wpcf7-form-control-wrap { display: block; }

/* --- thẻ CTA tối bên phải --- */
.tg-form-cta {
  flex: 0 0 270px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #0d2b52;
  border-radius: 10px;
  padding: 34px 26px;
}
.tg-cta-title {
  font-family: 'Archivo', 'Poppins', sans-serif;
  font-size: 25px;
  line-height: 1.22;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 14px;
}
.tg-cta-title span { color: #6ec81f; }
.tg-cta-sub {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, .86);
  margin-bottom: 26px;
}
.tg-form .tg-cta-btn,
.tg-form input[type=submit].tg-cta-btn {
  width: 100%;
  height: 54px;
  border: none;
  border-radius: 6px;
  background: #4aa32a;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
}
.tg-form input[type=submit].tg-cta-btn:hover {
  background: #56b832;
  transform: translateY(-2px);
}

/* thông báo của CF7 */
.tg-dealer-apply .wpcf7-response-output {
  margin: 18px 0 0 !important;
  border-radius: 6px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
}
.tg-dealer-apply .wpcf7-not-valid-tip {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  margin-top: 4px;
}

@media (max-width: 1024px) {
  .tg-form { flex-direction: column; }
  .tg-form-cta { flex: 0 0 auto; }
}
@media (max-width: 649px) {
  .tg-form-grid { grid-template-columns: 1fr; }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

  #header .header-inner { min-height: 64px; }
  #logo img { max-height: 34px !important; }

}