.text-1 {
    font-family: 'IBMPlexSansThaiLooped-Light', sans-serif;
}
.text-2 {
    font-family: 'IBMPlexSansThaiLooped-Thin', sans-serif;
}
.text-3 {
    font-family: 'IBMPlexSansThaiLooped-Regular', sans-serif;
}
.text-4 {
    font-family: 'IBMPlexSansThaiLooped-Medium', sans-serif;
}
.text-5 {
    font-family: 'IBMPlexSansThaiLooped-SemiBold', sans-serif;
}
.text-6 {
    font-family: 'IBMPlexSansThaiLooped-Bold', sans-serif;
}

@font-face {
    font-family: 'IBMPlexSansThaiLooped-Regular';
    src: url('IBMPlexSansThaiLooped-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'IBMPlexSansThaiLooped-Medium';
    src: url('IBMPlexSansThaiLooped-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'IBMPlexSansThaiLooped-Bold';
    src: url('IBMPlexSansThaiLooped-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBMPlexSansThaiLooped-SemiBold';
    src: url('IBMPlexSansThaiLooped-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'IBMPlexSansThaiLooped-Thin';
    src: url('IBMPlexSansThaiLooped-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'IBMPlexSansThaiLooped-Light';
    src: url('IBMPlexSansThaiLooped-Light.ttf') format('truetype');
}