/* Keep artwork proportional and information inside the first desktop screen. */
html, body { background-color: #034b35; background-image: url('../../images/kv_chuong_trinh/PC/bg_18_PC.jpg'); background-size: cover; background-attachment: fixed; }
#home-section.site-blocks-cover { position: relative; width: 100%; height: auto !important; min-height: 0 !important; background: #034b35 !important; padding: 0; }
#home-section .campaign-hero { display: block; width: 100%; }
#home-section .campaign-hero img { display: block; width: 100%; height: auto; max-width: none; }
#home-section .campaign-info { position: absolute; bottom: 1.6%; z-index: 2; color: #fff; font-family: inherit; font-size: clamp(9px, .68vw, 13px); font-weight: 400; line-height: 1.5; text-align: left; overflow-wrap: anywhere; }
#home-section .campaign-info-contact { left: 2.2%; width: 31%; }
#home-section .campaign-info-terms { right: 2.2%; width: 21%; }
#home-section .campaign-info p { margin: 0; color: inherit; font-size: inherit; line-height: inherit; }
#home-section .campaign-contact-links { display: flex; flex-wrap: wrap; gap: 3px 16px; margin-bottom: 4px; }
#home-section .campaign-info a { color: #fff; text-decoration: none; font-size: inherit; }
#home-section .campaign-info a:hover { text-decoration: underline; }
.campaign-scroll { display: flex; justify-content: center; align-items: center; gap: 12px; padding: 12px 16px; background: #034b35; color: #e5cd90; font-size: 13px; }
.campaign-scroll:hover { color: #fff; }
@media (max-width: 1099px) {
 #home-section.site-blocks-cover { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
 #home-section .campaign-hero { grid-column: 1 / -1; }
 #home-section .campaign-info { position: static; width: auto; padding: 16px 20px; font-size: 12px; }
 #home-section .campaign-contact-links { flex-direction: column; gap: 5px; }
}
@media (max-width: 767px) {
 html, body { background-image: url('../../images/kv_chuong_trinh/Mobile/bg_18_mobile.jpg'); }
 body::after { background-image: url('../../images/kv_chuong_trinh/Mobile/bg_18_mobile.jpg'); }
 #home-section.site-blocks-cover { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); align-items: start; }
 #home-section .campaign-info { min-width: 0; padding: 14px 12px; font-size: 11px; line-height: 1.65; }
 #home-section .campaign-info-contact { grid-column: 1; grid-row: 2; padding-right: 6px; }
 #home-section .campaign-info-terms { grid-column: 2; grid-row: 2; padding-left: 8px; }
 #home-section .campaign-contact-links { gap: 6px; margin: 0; }
}

@media (min-width: 1100px) {
 #home-section.site-blocks-cover {
  width: 100%;
  height: 100vh !important;
  height: 100svh !important;
  margin: 0;
 }
 #home-section .campaign-hero { height: 100%; }
 #home-section .campaign-hero img { height: 100%; object-fit: fill; }
 #home-section .campaign-info { bottom: 12px; font-size: clamp(10px, .7vw, 13px); }
 #home-section .campaign-info-contact { width: 32%; }
 #home-section .campaign-info-terms { width: 25%; }
 #home-section .campaign-info-terms p:first-child { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,.35);
 }
}
.site-nav .site-navigation .site-menu .nav-link,
.site-nav .site-navigation .site-menu .active .nav-link,
.site-nav .site-navigation .site-menu .nav-link:hover,
.site-nav.scrolled .site-navigation .site-menu .nav-link { color: #fff !important; }
#home-section .campaign-contact-links a { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
#home-section .campaign-zalo-icon { width: 16px; height: 16px; display: inline-block; object-fit: contain; }
@media (max-width: 767px) {
 #home-section.site-blocks-cover { grid-template-columns: minmax(0, 1fr); }
 #home-section .campaign-info-contact {
  grid-column: 1; grid-row: 2; width: calc(100% - 32px); margin: -22vw 16px 0;
  padding: 12px 0 10px; align-self: start;
 }
 #home-section .campaign-contact-links { flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 14px; }
 #home-section .campaign-contact-links a { font-size: clamp(10px, 2.85vw, 12px); gap: 5px; }
 #home-section .campaign-contact-links .icon-phone-square,
 #home-section .campaign-contact-links .icon-facebook-square { font-size: 15px; }
 #home-section .campaign-info-terms {
  grid-column: 1; grid-row: 3; width: calc(100% - 32px); margin: -28px 16px 0;
  padding: 6px 0 14px; border-top: 0; font-size: 11px; line-height: 1.8;
 }
 #home-section .campaign-info-terms p:first-child { margin-bottom: 4px; padding-bottom: 0; border-bottom: 0; }
 #home-section.site-blocks-cover { background: transparent !important; }
 #home-section .campaign-info { background: transparent; }
 .campaign-scroll { padding-top: 0; padding-bottom: 16px; background: transparent; }
}

.campaign-info-panel { display: contents; }
@media (max-width: 767px) {
 #home-section.site-blocks-cover { background: #003b2b !important; }
 #home-section .campaign-info-panel {
  display: block; grid-column: 1; grid-row: 2; position: relative; z-index: 2;
  margin-top: -18vw; padding: 10px 12px 12px; background: #003b2b;
 }
 #home-section .campaign-info-panel .campaign-info { width: 100%; margin: 0; padding: 0; text-align: center; }
 #home-section .campaign-info-panel .campaign-info-contact { margin-bottom: 8px; }
 #home-section .campaign-info-panel .campaign-info-terms { font-size: 11px; line-height: 1.65; }
 #home-section .campaign-info-panel .campaign-info-terms p { text-align: center; }
 #home-section .campaign-info-panel .campaign-info-terms p:first-child { margin-bottom: 3px; }
 #home-section .campaign-contact-links { gap: 12px; }
 .campaign-scroll { background: #003b2b; padding-top: 0; padding-bottom: 14px; }
}
.site-footer,
.site-footer :is(center, p, span, a, h3, h4, small) { color: #fff !important; }