@font-face {
    font-family: "Google Sans";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Google Sans";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Google Sans";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Google Sans";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: "Prompt";
    src: url("/assets/fonts/Prompt/Prompt-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: "Lato";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Regular.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Bold.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

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

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

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

@font-face {
    font-family: "Sarabun";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sarabun";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sarabun";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sarabun";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Arial";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Arial";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Helvetica";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Helvetica";
    src: url("/assets/fonts/Google_Sans/static/GoogleSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --paims-font-body: "Google Sans", "Sarabun", Arial, sans-serif;
    --paims-font-heading: "Prompt", "Google Sans", Arial, sans-serif;
}

body,
input,
textarea,
select,
option,
.form-control,
.custom-select,
.dropdown-item,
.page-category,
.card-category,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th {
    font-family: var(--paims-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.page-title,
.card-title,
.font-primary,
.Prompt,
.f-prompt,
label,
.btn,
.nav-item a,
.nav-item a p,
.navbar .navbar-nav .nav-link,
.span-title span {
    font-family: var(--paims-font-heading);
}