:root {
    --font-inter: "Noto Sans Thai", sans-serif;
    --font-mulish: "Noto Sans Thai", sans-serif;
    --font-exo2: "Noto Sans Thai", sans-serif;
    --font-work-sans: "Noto Sans Thai", sans-serif;
}

html,
body,
body :where(a, abbr, address, article, aside, b, blockquote, button, caption, cite, code, dd, details, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, input, label, legend, li, main, mark, menu, nav, ol, optgroup, option, p, pre, section, select, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, tr, ul),
body :where(.nice-select, .nice-select *, .select2-container, .select2-container *, .toastr, .toastr *, .modal, .modal *, .dropdown-menu, .dropdown-menu *) {
    font-family: "Noto Sans Thai", sans-serif !important;
}

body :where(i, .fa, .fas, .far, .fal, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"], .bi, [class^="bi-"], [class*=" bi-"], .bx, [class^="bx-"], [class*=" bx-"]) {
    font-family: inherit;
}

body :where(i, .fa, .fas, .far, .fal, .fab, .fa-solid, .fa-regular, .fa-brands, [class^=fa-], [class*= fa-]) {
    font-family: Font Awesome 6 Free, Font Awesome 6 Brands, Font Awesome 5 Free, Font Awesome 5 Brands !important;
}

body :where(.bi, [class^=bi-], [class*= bi-]) {
    font-family: bootstrap-icons !important;
}

body :where(.bx, [class^=bx-], [class*= bx-]) {
    font-family: boxicons !important;
}


.language-select img,
.language-select .dropdown-menu img,
#change-lang img,
.dropdown-menu .languageTranslate img {
    width: 20px !important;
    height: 14px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    object-fit: cover !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}