@font-face {
    font-family: 'BeVietnamPro';
    src: url('../fonts/BeVietnamPro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BeVietnamPro';
    src: url('../fonts/BeVietnamPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BeVietnamPro';
    src: url('../fonts/BeVietnamPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --bs-font-sans-serif: 'BeVietnamPro', sans-serif;
    --bs-body-font-family: 'BeVietnamPro', sans-serif;
}

body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
button, input, select, textarea,
.btn, .form-control, .form-select,
.tooltip, .popover, .maplibregl-map,
.card .card-body {
    font-family: 'BeVietnamPro', sans-serif;
}

.text-sans-serif {
    font-family: 'BeVietnamPro', sans-serif !important;
}