@font-face {
    font-family: "Inter", sans-serif !important;
    src: url(../fonts/Inter-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Inter", sans-serif !important;
    src: url(../fonts/Inter-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Inter", sans-serif !important;
    src: url(../fonts/Inter-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Inter", sans-serif !important;
    src: url(../fonts/Inter-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

.tgl-h1-en {
    /* TGL/Heading 1/EN */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 30px !important;
    line-height: 48px !important;
    /* identical to box height, or 160% */
    color: #000 !important;
}

.tgl-body-mm {
    /* TGL/Body/MM */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    /* identical to box height, or 229% */
    color: #000 !important;
}

.tgl-body-en {
    /* TGL/Body/EN */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    /* identical to box height, or 171% */
    color: #000 !important;
}

.tgl-h3-en {
    /* TGL/Body/Heading 3/EN */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 30px !important;
    /* identical to box height, or 133% */
    color: #000 !important;
}

.tgl-h3-mm {
    /* TGL/Body/Heading 3/MM */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 30px !important;
    /* identical to box height, or 164% */
    color: #000 !important;
}

.tgl-menu-en {
    /* TGL/Menu/EN */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 32px !important;
    /* identical to box height, or 229% */
    color: #000 !important;
}

.tgl-menu-mm {
    /* TGL/Menu/MM */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 32px !important;
    /* identical to box height, or 229% */
    color: #000 !important;
}

.tgl-h2-en {
    /* TGL/Heading 2/EN */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 38px !important;
    /* identical to box height, or 133% */
    color: #000 !important;
}

.tgl-h2-mm {
    /* TGL/Heading 2/MM */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 38px !important;
    /* identical to box height, or 133% */
    color: #000 !important;
}

.tgl-h2-mega-menu {
    /* TGL/Heading 2/Mega Menu */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    /* identical to box height, or 133% */
    color: #000 !important;
}

.tgl-h2-mega-menu-mm {
    /* TGL/Heading 2/Mega Menu/Mobile */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    /* identical to box height, or 133% */
    color: #000 !important;
}

.tgl-post-mm {
    /* TGL/Post/MM */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    /* identical to box height, or 222% */
    color: #000 !important;
}

.tgl-post-en {
    /* TGL/Post/EN */
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    /* identical to box height, or 178% */
    color: #000 !important;
}

.tgl-footer {
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 32px !important;
    /* identical to box height, or 267% */
}

.tgl-footer-header {
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 32px !important;
    /* identical to box height, or 200% */
}

.tgl-library-header {
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    /* identical to box height, or 200% */
    color: #000 !important;
}

.tgl-library-description {
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    /* identical to box height, or 200% */
    color: #414244 !important;
}

.tgl-primary-purple {
    color: #6f51a1 !important;
}

.tgl-black {
    color: #000;
}

.tgl-bg-secondary-purple {
    background-color: #f9f5ff;
}

.tgl-gray {
    color: #686868;
}

.tgl-category-nav {
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 32px !important;
    text-align: center !important;
    color: #000 !important;
}

.tgl-white {
    color: #fff !important;
}

.tgl-font-18 {
    font-size: 18px !important;
}

.tgl-font-12 {
    font-size: 12px !important;
}

.tgl-font-14 {
    font-size: 14px !important;
}

.recipe-library-header-link {
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px;
    color: #000;
    display: block;
    text-align: left !important;
    text-decoration: none;
    line-height: 16px !important;
}

.mega-menu-header {
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #000 !important;
    line-height: 32px !important;
    text-align: left !important;
}

.nav-myanmar-text {
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 32px !important;
    color: #333 !important;
    padding: 0 !important;
}

.tgl-feature-header {
    font-family: "Inter", sans-serif !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 34px !important;
}

.tgl-category-title {
    font-family: "Inter", sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 34px !important;
}

.tgl-category-title:hover {
    color: #6f51a1 !important;
}