/* Homepage visual refresh — scoped to avoid changing internal pages. */
.home-page {
  --home-navy: #26368d;
  --home-navy-dark: #18245f;
  --home-gold: #e7b72e;
  --home-ink: #172033;
  --home-muted: #687086;
  --home-cream: #fffaf0;
  --home-line: #e9e8e2;
  background: #fff;
  color: var(--home-ink);
}

.home-page .pagewrap { max-width: 1200px; }
.home-page .header_top { background: #fff; border-color: var(--home-line); }
.home-page .header { background: linear-gradient(135deg, #fffdf5 0%, #fff 72%); }
.home-page .logo_top img { height: 88px; }
.home-page .timkiem_top {
  overflow: hidden;
  border: 1px solid #dfe2ec;
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(38, 54, 141, .08);
}
.home-page .input_search { border-radius: 999px 0 0 999px; }
.home-page .box_menu { box-shadow: 0 8px 24px rgba(25, 35, 90, .16); }
.home-page .menu > li > a { padding-inline: 15px; font-weight: 600; }

.home-page .box_banner {
  padding: 26px 0 20px;
  background: linear-gradient(180deg, #f6f7fb 0%, #fff 100%);
}
.home-page .bannerMain,
.home-page .banner li,
.home-page .bannerInside { border-radius: 16px; }
.home-page .bannerMain { box-shadow: 0 18px 44px rgba(29, 40, 95, .14); }

.home-page .box_thuonghieu { padding: 18px 0 28px; }
.home-page .box_thuonghieu a {
  padding: 20px 28px;
  border: 1px solid rgba(231, 183, 46, .45);
  border-radius: 16px;
  background: linear-gradient(135deg, #fff9df, #fff);
  box-shadow: 0 10px 30px rgba(108, 82, 12, .08);
  font-size: 22px;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.home-page .box_thuonghieu a:hover {
  transform: translateY(-3px);
  background: var(--home-navy);
  box-shadow: 0 16px 32px rgba(38, 54, 141, .2);
}

.home-page .gioithieu_home,
.home-page .box_1_home,
.home-page .box_2_home,
.home-page .tintuc_home_box_2 { padding: 58px 0; }
.home-page .gioithieu_home { background: var(--home-cream); }
.home-page .box_1_home { background: #f7f8fc; }
.home-page .box_1_home + .box_2_home { padding: 22px 0; background: #fff; }
.home-page .box_2_home + .box_1_home { background: #fff; }

.home-page .titBox { margin-bottom: 34px; }
.home-page .titBox .tit_2 {
  color: var(--home-ink);
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -.3px;
  text-transform: none;
}
.home-page .titBox .sub_2 {
  margin-top: 8px;
  color: var(--home-muted);
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .08em;
}
.home-page .titBox:after {
  width: 58px;
  height: 4px;
  margin-top: 12px;
  border-radius: 10px;
  background: var(--home-gold);
}

.home-page .gioithieu_home li {
  overflow: hidden;
  width: calc(50% - 24px);
  margin: 0 24px 0 0;
  padding: 0;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(35, 39, 54, .14);
}
.home-page .gioithieu_home .lite-yt { border-radius: 18px !important; }
.home-page .gioithieu_home ul {
  width: 50%;
  margin: 0;
  color: #4e566b;
  font-size: 16px;
  line-height: 1.85;
  text-align: left;
}
.home-page .gioithieu_home ul p { margin-bottom: 14px; }
.home-page .gioithieu_home ul h4 a,
.home-page .more_pro h3 a {
  border-radius: 999px;
  background: var(--home-navy);
  box-shadow: 0 8px 20px rgba(38, 54, 141, .18);
}
.home-page .gioithieu_home ul h4 a:hover,
.home-page .more_pro h3 a:hover { background: var(--home-navy-dark); }

.home-page .pro_home_id ul {
  overflow: hidden;
  min-height: 390px;
  padding: 12px 12px 18px;
  border: 1px solid #eceef4;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(33, 43, 88, .07);
  transition: transform .25s ease, box-shadow .25s ease;
}
.home-page .pro_home_id.pro_home_slide ul { margin: 0 7px; width: calc(100% - 14px); }
.home-page .pro_home_id ul:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 38px rgba(33, 43, 88, .14);
}
.home-page .pro_home_id ul li {
  overflow: hidden;
  border-radius: 12px;
  background: #f6f6f3;
  aspect-ratio: 1 / 1;
}
.home-page .pro_home_id ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}
.home-page .pro_home_id ul li img:hover { transform: scale(1.055); }
.home-page .pro_home_id ul h3 {
  height: 68px;
  padding: 14px 3px 5px;
  color: var(--home-ink);
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
}
.home-page .pro_home_id ul p { padding-inline: 3px; color: var(--home-muted); font-size: 14px; }
.home-page .pro_home_id ul h4 { padding-inline: 3px; color: #dc4f2d; font-size: 20px; font-weight: 700; }
.home-page .sp_new { top: 16px; left: 16px; }
.home-page .owl-nav .placeNav,
.home-page .owl-nav .placeNav_2,
.home-page .owl-nav .placeNav_3 {
  color: #fff;
  background: rgba(38, 54, 141, .82);
  box-shadow: 0 5px 14px rgba(20, 30, 80, .2);
}

.home-page .tintuc_home_box_2 { background: var(--home-cream); }
.home-page .tintuc_home_id ul {
  overflow: hidden;
  padding: 0 0 20px;
  border: 1px solid var(--home-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(45, 42, 29, .07);
}
.home-page .tintuc_home_id.tintuc_home_slide ul { margin-inline: 7px; width: calc(100% - 14px); }
.home-page .tintuc_home_id ul li { overflow: hidden; border-radius: 16px 16px 0 0; }
.home-page .tintuc_home_id ul li img { width: 100%; height: 225px; object-fit: cover; }
.home-page .tintuc_home_id ul h4,
.home-page .tintuc_home_id ul h3,
.home-page .tintuc_home_id ul .desc { margin-inline: 20px; }
.home-page .tintuc_home_id ul h4 { margin-top: 16px; color: #8a8f9e; font-size: 13px; }
.home-page .tintuc_home_id ul h3 { height: auto; min-height: 58px; margin-top: 8px; line-height: 1.45; }
.home-page .tintuc_home_id ul h3 a { color: var(--home-ink); font-weight: 600; }
.home-page .tintuc_home_id ul .desc { color: var(--home-muted); font-size: 15px; line-height: 1.65; }

.home-page .newsletter_home {
  padding: 48px 0 !important;
  background: linear-gradient(135deg, var(--home-navy-dark), var(--home-navy) 60%, #3448aa) !important;
}
.home-page .newsletter_home h3 { padding-bottom: 4px; color: #fff; font-size: 30px; font-weight: 700; }
.home-page .newsletter_home p { color: #dfe3ff; font-size: 15px; letter-spacing: .05em; }
.home-page .newsletter_home ul { width: 86%; margin: 24px auto 0; }
.home-page .newsletter_home .form-control {
  height: 50px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 10px;
  box-shadow: none;
}
.home-page .newsletter_home ul h2 a {
  padding: 10px 30px;
  border-radius: 10px;
  background: var(--home-gold);
  color: #202641;
  font-weight: 700;
}

.home-page .footer_bottom { background: #f5f6f9; }

@media (max-width: 1024px) {
  .home-page .pagewrap { padding-inline: 18px; }
  .home-page .gioithieu_home li { width: calc(46% - 20px); margin-right: 20px; }
  .home-page .gioithieu_home ul { width: 54%; }
}

@media (max-width: 768px) {
  .home-page .pagewrap { padding-inline: 14px; }
  .home-page .header .pagewrap { display: flex; align-items: center; justify-content: center; }
  .home-page .logo_top { width: auto; }
  .home-page .logo_top img { height: 66px; }
  .home-page .box_banner { padding: 14px 0 8px; }
  .home-page .bannerMain, .home-page .banner li, .home-page .bannerInside { border-radius: 10px; }
  .home-page .box_thuonghieu { padding: 12px 0 22px; }
  .home-page .box_thuonghieu a { padding: 16px; border-width: 1px; font-size: 17px; line-height: 1.45; }
  .home-page .gioithieu_home,
  .home-page .box_1_home,
  .home-page .box_2_home,
  .home-page .tintuc_home_box_2 { padding: 40px 0; }
  .home-page .titBox { margin-bottom: 24px; }
  .home-page .titBox .tit_2 { font-size: 28px; }
  .home-page .titBox .sub_2 { font-size: 13px; }
  .home-page .gioithieu_home li,
  .home-page .gioithieu_home ul { width: 100%; margin: 0; }
  .home-page .gioithieu_home li { margin-bottom: 24px; }
  .home-page .gioithieu_home ul { padding: 0; font-size: 15px; line-height: 1.75; }
  .home-page .pro_home_id.pro_home_slide ul { min-height: 360px; }
  .home-page .newsletter_home { padding: 38px 0 !important; }
  .home-page .newsletter_home h3 { font-size: 25px; }
  .home-page .newsletter_home p { font-size: 14px; line-height: 1.6; }
  .home-page .newsletter_home ul { width: 100%; }
  .home-page .newsletter_home .col-md-7 { width: 100%; margin: 0 0 10px; }
  .home-page .newsletter_home ul h2 a { float: none; width: 100%; box-sizing: border-box; text-align: center; }
}

@media (max-width: 480px) {
  .home-page .pagewrap { padding-inline: 12px; }
  .home-page .titBox .tit_2 { font-size: 25px; }
  .home-page .pro_home_id ul { min-height: 330px; }
  .home-page .pro_home_id ul h3 { height: 64px; font-size: 15px; line-height: 22px; }
  .home-page .pro_home_id ul h4 { font-size: 17px; }
  .home-page .tintuc_home_id ul li img { height: 210px; }
}