body{margin:0}
:root {--mau-nhan: #A70E13;
  --mau-dam: #1E1F25;
  --mau-dam-2: #26272E;
  --nen: #F4F0EA;
  --nen-kem: #F4F0EA;
  --nen-nga: #FBF9F6;
  --trang: #FFFFFF;
  --chu-phu: #4A5560;
  --chu-mo: #5A6370;
  --chu-dam: #3A3D45;
  --chu: #222222;}
.trang-a a{text-decoration:none}
.a-o:hover{background:rgba(255,255,255,.16)}
.dau-trang-3 a,.chan-trang-1 a{text-decoration:none}
.dau-trang-3{position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 28px 24px 0;
  display: flex;
  flex-direction: column;
  gap: 28px;}
.dau-trang-4{display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;}
.dau-trang-5{display: block;}
.dau-trang-6{height: 52px;
  width: auto;
  display: block;}
.dau-trang-7{display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  color: var(--trang);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;}
.dau-trang-8{display: flex;
  align-items: center;
  gap: 8px;}
.dau-trang-9{background: var(--mau-nhan);
  color: var(--trang);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 16px;
  padding: 0 20px;}
.dau-trang-10{display: flex;
  flex-wrap: wrap;
  gap: 0 32px;
  font-size: 15px;
  font-weight: 500;}
.dau-trang-11{padding: 16px 0;}
.dau-trang-12{padding: 16px 0;
  font-weight: 700;
  padding-bottom: 13px;
  border-bottom: 3px solid var(--trang);}
.dau-trang-13{font-size: 15px;
  font-weight: 600;
  padding: 16px 0;
  display: flex;
  align-items: center;
  gap: 8px;}
@media (max-width: 1024px){.ga-nav{flex: 1 1 0;
    min-width: 0;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    white-space: nowrap;}}
@media (max-width: 760px){.ga-nav{flex: 1 1 100% !important; gap: 0 24px !important;}}
@media (max-width: 1024px){.ga-nav{flex-wrap: wrap !important; overflow-x: visible; white-space: normal; gap: 0 22px !important;}
.ga-nav .dau-trang-11, .ga-nav .dau-trang-12{padding-top: 12px; padding-bottom: 12px; white-space: nowrap;}
.ga-nav .dau-trang-12{padding-bottom: 9px;}}
.chan-trang-1{
  background: var(--nen-kem);
  color: var(--chu-phu);
  font-size: 15px;
  line-height: 1.6;
  border-top: 1px solid #E4DDD2; 
}
.chan-trang-2{
  max-width: 1200px;
  margin: 0 auto;
  padding: 72px 24px 0;
}
.chan-trang-3{
  height: 56px;
  width: auto;
  display: block;
  margin-bottom: 32px;
}
.chan-trang-4{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 48px 64px;
  padding-bottom: 56px;
}
.chan-trang-5{
  flex: 0 1 540px;
  min-width: 0;
}
.chan-trang-6{
  margin: 0 0 16px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--mau-dam);
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
.chan-trang-7{
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 10px 12px;
}
.chan-trang-8{
  font-weight: 700;
  color: var(--mau-dam);
}
.chan-trang-9{
  flex: none;
}
.chan-trang-10{
  margin: 0 0 16px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--mau-dam);
}
.chan-trang-11{
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: 10px 48px;
}
.chan-trang-12{
  color: var(--chu-phu);
}
.chan-trang-13{
  display: grid;
  grid-template-columns: repeat(2, 44px);
  gap: 12px;
}
.chan-trang-14{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--mau-nhan);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--trang);
}
.chan-trang-15{
  border-top: 1px solid #DCD4C9; 
  padding: 22px 0 28px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 24px;
  font-size: 15px;
  color: var(--chu-mo);
}
.chan-trang-16{
  margin: 0;
}
@media (max-width: 760px){.mxh{ grid-template-columns: repeat(4, 44px) !important; }}
.chan-trang-12:hover{color:var(--mau-nhan)}
.chan-trang-7 a{color:inherit}
.trang-a .dau-trang-3{width:100%;box-sizing:border-box}
.chan-trang-2{box-sizing:border-box}
.trang-a .dau-trang-11:hover,.trang-a .dau-trang-13:hover,.trang-a .dau-trang-8:hover{color:#FFFFFF;opacity:.85}

.trang-a .lo-o a{color:inherit}
.trang .chan-trang-1{border-top:0}
.trang-a .dau-trang-7,.trang-a .dau-trang-7 a{color:#3A3D45}.trang-a .dau-trang-7 a:hover{color:#A70E13;opacity:1}

html,body{margin:0;background:#F4F0EA}
body{font-family:'Be Vietnam Pro',Arial,sans-serif}
.trang-a{background:#F4F0EA;line-height:1.7}
.trang-a .dau-trang-9 a{color:#FFFFFF}
.trang{font-family:'Be Vietnam Pro',Arial,sans-serif;color:#222222;font-size:17px;line-height:1.7}
.ga-menu{display:none}
@media (max-width:760px){
 .trang-a .dau-trang-3{padding:16px 20px 0;gap:12px}
 .trang-a .dau-trang-4{flex-wrap:nowrap}
 .trang-a .dau-trang-6{height:40px}
 .trang-a .dau-trang-7{display:none}
 .ga-menu{display:flex;all:unset;cursor:pointer;width:44px;height:44px;border-radius:4px;background:#A70E13;color:#fff;display:flex;align-items:center;justify-content:center}
 .trang-a .dau-trang-9{display:none;flex-direction:column;align-items:stretch;padding:4px 20px}
 .trang-a.mo-menu .dau-trang-9{display:flex}
 .trang-a .ga-nav{flex-direction:column;gap:0 !important}
 .trang-a .ga-nav a{padding:12px 0 !important;border-bottom:1px solid rgba(255,255,255,.18)}
 .trang-a .dau-trang-12{border-bottom:1px solid rgba(255,255,255,.18) !important}
 .chan-trang-2{padding:48px 20px 0}
}