/* 300 */
@font-face{
    font-family:'Chakra Petch';
    src:
            url('../fonts/ChakraPetch-Light.woff2') format('woff2'),
            url('../fonts/ChakraPetch-Light.ttf') format('truetype');
    font-weight:300;
    font-style:normal;
    font-display:swap;
}
/* 300 italic */
@font-face{
    font-family:'Chakra Petch';
    src:
            url('../fonts/ChakraPetch-LightItalic.woff2') format('woff2'),
            url('../fonts/ChakraPetch-LightItalic.ttf') format('truetype');
    font-weight:300;
    font-style:italic;
    font-display:swap;
}

/* 400 */
@font-face{
    font-family:'Chakra Petch';
    src:
            url('../fonts/ChakraPetch-Regular.woff2') format('woff2'),
            url('../fonts/ChakraPetch-Regular.ttf') format('truetype');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
/* 400 italic */
@font-face{
    font-family:'Chakra Petch';
    src:
            url('../fonts/ChakraPetch-Italic.woff2') format('woff2'),
            url('../fonts/ChakraPetch-Italic.ttf') format('truetype');
    font-weight:400;
    font-style:italic;
    font-display:swap;
}

/* 500 */
@font-face{
    font-family:'Chakra Petch';
    src:
            url('../fonts/ChakraPetch-Medium.woff2') format('woff2'),
            url('../fonts/ChakraPetch-Medium.ttf') format('truetype');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}
/* 500 italic */
@font-face{
    font-family:'Chakra Petch';
    src:
            url('../fonts/ChakraPetch-MediumItalic.woff2') format('woff2'),
            url('../fonts/ChakraPetch-MediumItalic.ttf') format('truetype');
    font-weight:500;
    font-style:italic;
    font-display:swap;
}

/* 600 */
@font-face{
    font-family:'Chakra Petch';
    src:
            url('../fonts/ChakraPetch-SemiBold.woff2') format('woff2'),
            url('../fonts/ChakraPetch-SemiBold.ttf') format('truetype');
    font-weight:600;
    font-style:normal;
    font-display:swap;
}
/* 600 italic */
@font-face{
    font-family:'Chakra Petch';
    src:
            url('../fonts/ChakraPetch-SemiBoldItalic.woff2') format('woff2'),
            url('../fonts/ChakraPetch-SemiBoldItalic.ttf') format('truetype');
    font-weight:600;
    font-style:italic;
    font-display:swap;
}

/* 700 */
@font-face{
    font-family:'Chakra Petch';
    src:
            url('../fonts/ChakraPetch-Bold.woff2') format('woff2'),
            url('../fonts/ChakraPetch-Bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}
/* 700 italic */
@font-face{
    font-family:'Chakra Petch';
    src:
            url('../fonts/ChakraPetch-BoldItalic.woff2') format('woff2'),
            url('../fonts/ChakraPetch-BoldItalic.ttf') format('truetype');
    font-weight:700;
    font-style:italic;
    font-display:swap;
}