/** =================== Chakra Petch =================== **/

/** Chakra Petch Thin **/

/** Chakra Petch ExtraLight **/
@font-face {
    font-family: 'Chakra Petch';
    font-weight: 200;
    font-style: normal;
    src: url("ChakraPetch-ExtraLight.woff2") format("woff2"),
         url("ChakraPetch-ExtraLight.woff") format("woff");
}

/** Chakra Petch Light **/
@font-face {
    font-family: 'Chakra Petch';
    font-weight: 300;
    font-style: normal;
    src: url("ChakraPetch-Light.woff2") format("woff2"),
         url("ChakraPetch-Light.woff") format("woff");
}

/** Chakra Petch Regular **/
@font-face {
    font-family: 'Chakra Petch';
    font-weight: 400;
    font-style: normal;
    src: url("ChakraPetch-Regular.woff2") format("woff2"),
         url("ChakraPetch-Regular.woff") format("woff");
}


/** Chakra Petch Medium **/
@font-face {
    font-family: 'Chakra Petch';
    font-weight: 500;
    font-style: normal;
    src: url("ChakraPetch-Medium.woff2") format("woff2"),
         url("ChakraPetch-Medium.woff") format("woff");
}


/** Chakra Petch SemiBold **/
@font-face {
    font-family: 'Chakra Petch';
    font-weight: 600;
    font-style: normal;
    src: url("ChakraPetch-SemiBold.woff2") format("woff2"),
         url("ChakraPetch-SemiBold.woff") format("woff");
}

/** Chakra Petch Bold **/
@font-face {
    font-family: 'Chakra Petch';
    font-weight: 700;
    font-style: normal;
    src: url("ChakraPetch-Bold.woff2") format("woff2"),
         url("ChakraPetch-Bold.woff") format("woff");
}