.elementor-kit-7{--e-global-color-primary:#EBE2FD;--e-global-color-secondary:#A26FE9;--e-global-color-text:#4C4B4B;--e-global-color-accent:#6F27B0;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.page-header{
    display: none;
}
/* Vùng chứa hero: làm mốc, chặn mọi phần tử con tràn ra ngoài */
.hero-wrap{
  position: relative;
  overflow: hidden;         /* quan trọng: cắt mọi phần tràn */
}

/* Đảm bảo hộp HTML co giãn trong khung */
.hero-wrap .pkc-count{
  max-width: 100%;
  box-sizing: border-box;
}
/* Section 16:9 toàn chiều ngang */
.hero-16x9{
  width:100%;
  aspect-ratio: 16 / 9;         /* giữ đúng tỉ lệ 16:9 */
  background-size: cover;       /* ảnh nền luôn phủ */
  background-position: center;  /* canh giữa */
  position: relative;           /* để đặt nút chồng lên */
  overflow: hidden;             /* tránh tràn */
}

/* Nếu bạn dùng <img> bên trong thay vì background */
.hero-16x9 img{
  width:100%;
  height:100%;
  object-fit: cover;             /* không méo ảnh */
  object-position: center;
  display:block;
}

/* Ví dụ nút overlay đặt ở đáy giữa */
.hero-16x9 .cta-wrap{
  position:absolute;
  left:50%; bottom: clamp(12px, 3vw, 28px);
  transform: translateX(-50%);
  display:flex; gap: clamp(8px, 2vw, 16px);
}

/* Nút co giãn theo khung */
.hero-16x9 .cta{
  padding: clamp(10px, 1.2vw, 14px) clamp(14px, 1.8vw, 20px);
  font-size: clamp(14px, 1.2vw, 18px);
  border-radius: 12px;
}/* End custom CSS */