.elementor-kit-379{--e-global-color-primary:#FFA24C;--e-global-color-secondary:#000400;--e-global-color-text:#7F817F;--e-global-color-accent:#FFFFFF;--e-global-color-27ae7a7:#000400;--e-global-color-bd9693e:#FFFFFF;--e-global-color-626da5f:#FFFFF8;--e-global-color-d4bd2c1:#FEEFD8;--e-global-typography-primary-font-family:"Merriweather";--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:"Poppins";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.8em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Merriweather";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-f3fffac-font-size:80px;--e-global-typography-f3fffac-font-weight:900;--e-global-typography-f3fffac-text-transform:none;--e-global-typography-f3fffac-font-style:normal;--e-global-typography-f3fffac-text-decoration:none;--e-global-typography-f3fffac-line-height:1.3em;--e-global-typography-f3fffac-letter-spacing:0px;--e-global-typography-f3fffac-word-spacing:0px;--e-global-typography-6dce0f0-font-size:55px;--e-global-typography-6dce0f0-font-weight:900;--e-global-typography-6dce0f0-text-transform:none;--e-global-typography-6dce0f0-font-style:normal;--e-global-typography-6dce0f0-text-decoration:none;--e-global-typography-6dce0f0-line-height:1.5em;--e-global-typography-6dce0f0-letter-spacing:0px;--e-global-typography-6dce0f0-word-spacing:0px;--e-global-typography-8a27e41-font-size:24px;--e-global-typography-8a27e41-font-weight:900;--e-global-typography-8a27e41-text-transform:none;--e-global-typography-8a27e41-font-style:normal;--e-global-typography-8a27e41-text-decoration:none;--e-global-typography-8a27e41-line-height:1.7em;--e-global-typography-8a27e41-letter-spacing:0px;--e-global-typography-8a27e41-word-spacing:0px;--e-global-typography-3395c7e-font-family:"Poppins";--e-global-typography-3395c7e-font-size:18px;--e-global-typography-3395c7e-font-weight:600;--e-global-typography-3395c7e-text-transform:none;--e-global-typography-3395c7e-font-style:normal;--e-global-typography-3395c7e-text-decoration:none;--e-global-typography-3395c7e-line-height:1.3em;--e-global-typography-3395c7e-letter-spacing:0px;--e-global-typography-3395c7e-word-spacing:0px;--e-global-typography-2be512f-font-size:18px;--e-global-typography-2be512f-font-weight:700;--e-global-typography-2be512f-text-transform:none;--e-global-typography-2be512f-font-style:normal;--e-global-typography-2be512f-text-decoration:none;--e-global-typography-2be512f-line-height:1.8em;--e-global-typography-2be512f-letter-spacing:0px;--e-global-typography-2be512f-word-spacing:0px;--e-global-typography-a4d2d1b-font-family:"Poppins";--e-global-typography-a4d2d1b-font-size:18px;--e-global-typography-a4d2d1b-font-weight:500;--e-global-typography-a4d2d1b-line-height:1.3em;background-color:var( --e-global-color-bd9693e );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-379 e-page-transition{background-color:#FFBC7D;}.elementor-kit-379 a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-kit-379 h1{font-size:var( --e-global-typography-f3fffac-font-size );font-weight:var( --e-global-typography-f3fffac-font-weight );text-transform:var( --e-global-typography-f3fffac-text-transform );font-style:var( --e-global-typography-f3fffac-font-style );text-decoration:var( --e-global-typography-f3fffac-text-decoration );line-height:var( --e-global-typography-f3fffac-line-height );letter-spacing:var( --e-global-typography-f3fffac-letter-spacing );word-spacing:var( --e-global-typography-f3fffac-word-spacing );}.elementor-kit-379 h2{font-size:var( --e-global-typography-6dce0f0-font-size );font-weight:var( --e-global-typography-6dce0f0-font-weight );text-transform:var( --e-global-typography-6dce0f0-text-transform );font-style:var( --e-global-typography-6dce0f0-font-style );text-decoration:var( --e-global-typography-6dce0f0-text-decoration );line-height:var( --e-global-typography-6dce0f0-line-height );letter-spacing:var( --e-global-typography-6dce0f0-letter-spacing );word-spacing:var( --e-global-typography-6dce0f0-word-spacing );}.elementor-kit-379 h3{font-size:var( --e-global-typography-8a27e41-font-size );font-weight:var( --e-global-typography-8a27e41-font-weight );text-transform:var( --e-global-typography-8a27e41-text-transform );font-style:var( --e-global-typography-8a27e41-font-style );text-decoration:var( --e-global-typography-8a27e41-text-decoration );line-height:var( --e-global-typography-8a27e41-line-height );letter-spacing:var( --e-global-typography-8a27e41-letter-spacing );word-spacing:var( --e-global-typography-8a27e41-word-spacing );}.elementor-kit-379 h4{font-family:var( --e-global-typography-3395c7e-font-family ), Sans-serif;font-size:var( --e-global-typography-3395c7e-font-size );font-weight:var( --e-global-typography-3395c7e-font-weight );text-transform:var( --e-global-typography-3395c7e-text-transform );font-style:var( --e-global-typography-3395c7e-font-style );text-decoration:var( --e-global-typography-3395c7e-text-decoration );line-height:var( --e-global-typography-3395c7e-line-height );letter-spacing:var( --e-global-typography-3395c7e-letter-spacing );word-spacing:var( --e-global-typography-3395c7e-word-spacing );}.elementor-kit-379 h5{font-size:var( --e-global-typography-2be512f-font-size );font-weight:var( --e-global-typography-2be512f-font-weight );text-transform:var( --e-global-typography-2be512f-text-transform );font-style:var( --e-global-typography-2be512f-font-style );text-decoration:var( --e-global-typography-2be512f-text-decoration );line-height:var( --e-global-typography-2be512f-line-height );letter-spacing:var( --e-global-typography-2be512f-letter-spacing );word-spacing:var( --e-global-typography-2be512f-word-spacing );}.elementor-kit-379 button,.elementor-kit-379 input[type="button"],.elementor-kit-379 input[type="submit"],.elementor-kit-379 .elementor-button{font-family:var( --e-global-typography-a4d2d1b-font-family ), Sans-serif;font-size:var( --e-global-typography-a4d2d1b-font-size );font-weight:var( --e-global-typography-a4d2d1b-font-weight );line-height:var( --e-global-typography-a4d2d1b-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}@media(max-width:1024px){.elementor-kit-379{--e-global-typography-f3fffac-font-size:47px;--e-global-typography-6dce0f0-font-size:38px;--e-global-typography-8a27e41-font-size:20px;--e-global-typography-2be512f-font-size:14px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-379 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-kit-379 h1{font-size:var( --e-global-typography-f3fffac-font-size );line-height:var( --e-global-typography-f3fffac-line-height );letter-spacing:var( --e-global-typography-f3fffac-letter-spacing );word-spacing:var( --e-global-typography-f3fffac-word-spacing );}.elementor-kit-379 h2{font-size:var( --e-global-typography-6dce0f0-font-size );line-height:var( --e-global-typography-6dce0f0-line-height );letter-spacing:var( --e-global-typography-6dce0f0-letter-spacing );word-spacing:var( --e-global-typography-6dce0f0-word-spacing );}.elementor-kit-379 h3{font-size:var( --e-global-typography-8a27e41-font-size );line-height:var( --e-global-typography-8a27e41-line-height );letter-spacing:var( --e-global-typography-8a27e41-letter-spacing );word-spacing:var( --e-global-typography-8a27e41-word-spacing );}.elementor-kit-379 h4{font-size:var( --e-global-typography-3395c7e-font-size );line-height:var( --e-global-typography-3395c7e-line-height );letter-spacing:var( --e-global-typography-3395c7e-letter-spacing );word-spacing:var( --e-global-typography-3395c7e-word-spacing );}.elementor-kit-379 h5{font-size:var( --e-global-typography-2be512f-font-size );line-height:var( --e-global-typography-2be512f-line-height );letter-spacing:var( --e-global-typography-2be512f-letter-spacing );word-spacing:var( --e-global-typography-2be512f-word-spacing );}.elementor-kit-379 button,.elementor-kit-379 input[type="button"],.elementor-kit-379 input[type="submit"],.elementor-kit-379 .elementor-button{font-size:var( --e-global-typography-a4d2d1b-font-size );line-height:var( --e-global-typography-a4d2d1b-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-379{--e-global-typography-6dce0f0-font-size:26px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-379 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-kit-379 h1{font-size:var( --e-global-typography-f3fffac-font-size );line-height:var( --e-global-typography-f3fffac-line-height );letter-spacing:var( --e-global-typography-f3fffac-letter-spacing );word-spacing:var( --e-global-typography-f3fffac-word-spacing );}.elementor-kit-379 h2{font-size:var( --e-global-typography-6dce0f0-font-size );line-height:var( --e-global-typography-6dce0f0-line-height );letter-spacing:var( --e-global-typography-6dce0f0-letter-spacing );word-spacing:var( --e-global-typography-6dce0f0-word-spacing );}.elementor-kit-379 h3{font-size:var( --e-global-typography-8a27e41-font-size );line-height:var( --e-global-typography-8a27e41-line-height );letter-spacing:var( --e-global-typography-8a27e41-letter-spacing );word-spacing:var( --e-global-typography-8a27e41-word-spacing );}.elementor-kit-379 h4{font-size:var( --e-global-typography-3395c7e-font-size );line-height:var( --e-global-typography-3395c7e-line-height );letter-spacing:var( --e-global-typography-3395c7e-letter-spacing );word-spacing:var( --e-global-typography-3395c7e-word-spacing );}.elementor-kit-379 h5{font-size:var( --e-global-typography-2be512f-font-size );line-height:var( --e-global-typography-2be512f-line-height );letter-spacing:var( --e-global-typography-2be512f-letter-spacing );word-spacing:var( --e-global-typography-2be512f-word-spacing );}.elementor-kit-379 button,.elementor-kit-379 input[type="button"],.elementor-kit-379 input[type="submit"],.elementor-kit-379 .elementor-button{font-size:var( --e-global-typography-a4d2d1b-font-size );line-height:var( --e-global-typography-a4d2d1b-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =============================
   3 KHỐI LAYOUT TRẮNG + NHÃN XANH (UPDATED)
   ============================= */

.etopik-boxes-desktop {
  display: flex;
  gap: 28px;
  justify-content: center;
  margin-top: 28px;
}

/* Khối trắng – NGẮN HƠN */
.ebox-desktop {
  background: #ffffff;
  width: 330px;
  padding: 24px 26px;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  transition: 0.25s ease;
  display: flex;
  flex-direction: column;
  min-height: 310px;        /* ↓ NGẮN HƠN */
}

/* Hover */
.ebox-desktop:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 26px rgba(0,0,0,0.15);
}

/* Nhãn xanh */
.title-box {
  background: #0b8bbb;
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 22px;
  font-weight: 800;
  width: fit-content;
  margin: 0 auto 14px auto;
  white-space: nowrap;
}

/* Mô tả – căn giữa + gọn lại */
.ebox-desktop .desc {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  color: #222;
  margin-bottom: 10px;       /* ↓ Rút ngắn khoảng mô tả */
  text-align: center;        /* CĂN GIỮA */
}

/* Nút CTA – đẩy lên cao hơn */
.btn-cta {
  margin-top: 8px;           /* ↓ ĐẨY LÊN CAO */
  display: inline-block;
  background: #ffbd59;
  color: #141413;
  padding: 10px 20px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
  transition: 0.2s ease;
  text-align: center;
}

.btn-cta:hover {
  background: #e5a644;
}
/* Chiều cao mô tả — để nút 3 ô thẳng hàng */
.ebox-desktop .desc {
  min-height: 120px; /* Nếu vẫn lệch thì tăng lên 130–150px */
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

/* =============================
   TITILE HERO – CHỈ ANIMATE 1 LẦN
   ============================= */

/* Style chung */
.hero-title {
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  line-height: 1.1;
  color: #3A7BD5;

  /* Hiệu ứng xuất hiện 1 lần */
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUpOnce 1s ease-out forwards;

  /* Không chạy gradient nữa để chữ đứng im */
  -webkit-text-fill-color: initial;
  background: none;
}

/* Chữ AI có hiệu ứng blink */
.hero-title .ai-text {
  background: linear-gradient(90deg, #6A91FF, #C08CFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;

  animation: glowAI 2s ease-in-out infinite;
}


/* ===== KEYFRAMES ===== */

/* fade lên 1 lần */
@keyframes fadeUpOnce {
  0% {
    opacity: 0;
    transform: translateY(25px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* blink chữ AI */
@keyframes glowAI {
  0%   { text-shadow: 0 0 0px rgba(150,100,255,0.2); }
  50%  { text-shadow: 0 0 14px rgba(150,100,255,0.7); }
  100% { text-shadow: 0 0 0px rgba(150,100,255,0.2); }
}


/* ===== RESPONSIVE ===== */

/* Desktop */
@media (min-width: 1025px) {
  .hero-title {
    font-size: 58px;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .hero-title {
    font-size: 44px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .hero-title {
    font-size: 32px;
  }
}

/* IMPORT GOOGLE FONTS CHUẨN TIẾNG VIỆT */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800;900&display=swap');
/* ÉP ROBOTO CHO MỌI THIẾT BỊ – KHẮC PHỤC NÁT FONT */
body, p, .desc, .ebox-desktop, .title-box, .btn-cta, .hero-title {
    font-family: "Roboto", "Be Vietnam Pro", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
/* FIX XIAOMI / ANDROID FONT SPACING BUG */
* {
  letter-spacing: 0 !important;
}
h1.entry-title {
    display: none !important;
}/* End custom CSS */