@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

/* ép cả SP Page Builder */
html body .sppb-addon *,
html body .sppb-addon p,
html body .sppb-addon span,
html body .sppb-addon li,
html body .sppb-addon a,
html body .sppb-addon div,
html body .sppb-addon-text,
html body .sppb-btn,
html body .sppb-form-control,
html body input,
html body textarea,
html body select,
html body button {
    font-family: 'Poppins', sans-serif !important;
}

/* ép title */
html body .sppb-addon h1,
html body .sppb-addon h2,
html body .sppb-addon h3,
html body .sppb-addon h4,
html body .sppb-addon h5,
html body .sppb-addon h6,
html body .sppb-addon-title,
html body .sppb-panel-title,
html body .sppb-nav-title {
    font-family: 'Poppins', sans-serif !important;
}
html body [style*="font-family"] {
    font-family: 'Poppins', sans-serif !important;
}
html body div[style*="font-family"] h1,
html body div[style*="font-family"] h2,
html body div[style*="font-family"] h3,
html body div[style*="font-family"] h4,
html body div[style*="font-family"] h5,
html body div[style*="font-family"] h6 {
    font-family: 'Poppins', sans-serif !important;
}

html body div[style*="font-family"],
html body span[style*="font-family"],
html body p[style*="font-family"],
html body a[style*="font-family"] {
    font-family: 'Poppins', sans-serif !important;
}
html body .sppb-addon-text-block div h1,
html body .sppb-addon-text-block div h2,
html body .sppb-addon-text-block div h3,
html body .sppb-addon-text-block div h4,
html body .sppb-addon-text-block div h5,
html body .sppb-addon-text-block div h6 {
    font-family: 'Poppins', sans-serif !important;
}
/* FIX SP PAGE BUILDER TITLE */
html body .sppb-addon-title {
    font-family: 'Poppins', sans-serif !important;
}
html body .sppb-addon-title[style] {
    font-family: 'Poppins', sans-serif !important;
}

/* title bình thường */
.sppb-item .sppb-carousel-text h2 {
  opacity: 1;
}

/* khi slide active → chạy animation */
.sppb-item.active .sppb-carousel-text h2 {
  animation: heroTitleUp 0.9s ease !important;;
}

/* animation */
@keyframes heroTitleUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}