/* ฟอนต์ Nunito - น้ำหนัก 400 */
@font-face {
    font-family: 'Nunito';
    src: url("../fonts/Nunito/static/Nunito-Regular.ttf") format('truetype'),
        url("../fonts/Nunito/static/Nunito-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* ฟอนต์ Nunito - น้ำหนัก 600 */
@font-face {
    font-family: 'Nunito';
    src: url("../fonts/Nunito/static/Nunito-SemiBold.ttf") format('truetype'),
        url("../fonts/Nunito/static/Nunito-SemiBold.ttf") format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* ฟอนต์ Nunito - น้ำหนัก 700 */
@font-face {
    font-family: 'Nunito';
    src: url("../fonts/Nunito/static/Nunito-Bold.ttf") format('truetype'),
        url("../fonts/Nunito/static/Nunito-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

.nunito-navbar {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
}

.nunito-navbar-button {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
}

.nunito-button-f-18 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
}

.nunito-w-400-f-20 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
}

.nunito-f-22 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 22px;

}

.nunito-w-500-f-28 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 28px;
}

.nunito-w-500-f-34 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 34px;
}

.nunito-f-18 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
}

.nunito-w-500-f-20 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
}

.nunito-w-500-f-14 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
}

.nunito-f-16 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
}

.nunito-w-600-f-18 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
}

.nunito-w-700-f-18 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
}

.nunito-w-700-f-16 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
}


.nunito-new-w-600-f-18 {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 18px;
    /* ใช้ค่าเริ่มต้นเป็น 38px */
    font-style: normal;
    font-variation-settings:
        "slnt"0,
        "wdth"100,
        "GRAD"0,
        "XOPQ"96,
        "XTRA"468,
        "YOPQ"79,
        "YTAS"750,
        "YTDE"-203,
        "YTFI"738,
        "YTLC"514,
        "YTUC"712;
}

.nunito-new-w-600-f-22 {
    font-family: "Roboto Flex", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 22px;
    /* ใช้ค่าเริ่มต้นเป็น 38px */
    font-style: normal;
    font-variation-settings:
        "slnt"0,
        "wdth"100,
        "GRAD"0,
        "XOPQ"96,
        "XTRA"468,
        "YOPQ"79,
        "YTAS"750,
        "YTDE"-203,
        "YTFI"738,
        "YTLC"514,
        "YTUC"712;
}