@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap&subset=vietnamese");

:root {
  --vi-font: "Be Vietnam Pro", "Noto Sans", "Segoe UI", Arial, sans-serif;
}

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
label,
blockquote,
figcaption,
.site-alert,
.menu,
.nav,
.main-menu,
.cta-link,
.btn,
.text,
.title,
.heading,
.home-page,
.interior-page {
  font-family: var(--vi-font) !important;
}

.fa,
.fas,
.far,
.fal,
.fab,
[class^="fa-"],
[class*=" fa-"],
.slick-arrow::before {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome", sans-serif !important;
}

body {
  font-variant-ligatures: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0;
}