/* Requires: normalize.css */
@font-face { font-family: Prompt-Bold; src: url('../TakraOnlineWebsite/fonts/Prompt-Bold.eot'); src: url('../TakraOnlineWebsite/fonts/Prompt-Bold.eot?#iefix') format('embedded-opentype'), url('../TakraOnlineWebsite/fonts/Prompt-Bold.woff') format('woff'), url('../TakraOnlineWebsite/fonts/Prompt-Bold.ttf') format('truetype'), url('../TakraOnlineWebsite/fonts/Prompt-Bold.svg#Prompt-Bold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: Prompt-Medium; src: url('../TakraOnlineWebsite/fonts/Prompt-Medium.eot'); src: url('../TakraOnlineWebsite/fonts/Prompt-Medium.eot?#iefix') format('embedded-opentype'), url('../TakraOnlineWebsite/fonts/Prompt-Medium.woff') format('woff'), url('../TakraOnlineWebsite/fonts/Prompt-Medium.ttf') format('truetype'), url('fonts/Prompt-Medium.svg#Prompt-Medium') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: Prompt-Regular; src: url('../TakraOnlineWebsite/fonts/Prompt-Regular.eot'); src: url('../TakraOnlineWebsite/fonts/Prompt-Regular.eot?#iefix') format('embedded-opentype'), url('../TakraOnlineWebsite/fonts/Prompt-Regular.woff') format('woff'), url('../TakraOnlineWebsite/fonts/Prompt-Regular.ttf') format('truetype'), url('../TakraOnlineWebsite/fonts/Prompt-Regular.svg#Prompt-Bold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: Prompt-Light; src: url('../TakraOnlineWebsite/fonts/Prompt-Light.eot'); src: url('../TakraOnlineWebsite/fonts/Prompt-Light.eot?#iefix') format('embedded-opentype'), url('../TakraOnlineWebsite/fonts/Prompt-Light.woff') format('woff'), url('../TakraOnlineWebsite/fonts/Prompt-Light.ttf') format('truetype'), url('../TakraOnlineWebsite/fonts/Prompt-Light.svg#Prompt-Light') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: ThaiSansNeue; src: url('../TakraOnlineWebsite/fonts/ThaiSansNeue.eot'); src: url('../TakraOnlineWebsite/fonts/ThaiSansNeue.eot?#iefix') format('embedded-opentype'), url('../TakraOnlineWebsite/fonts/ThaiSansNeue.woff') format('woff'), url('../TakraOnlineWebsite/fonts/ThaiSansNeue.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: ThaiSansNeueBold; src: url('../TakraOnlineWebsite/fonts/thaisansneue-bold.eot'); src: url('../TakraOnlineWebsite/fonts/thaisansneue-bold.eot?#iefix') format('embedded-opentype'), url('../TakraOnlineWebsite/fonts/thaisansneue-bold.woff') format('woff'), url('../TakraOnlineWebsite/fonts/thaisansneue-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: ThaiSansNeueBlack; src: url('../TakraOnlineWebsite/fonts/ThaiSansNeue-Black_2.eot'); src: url('../TakraOnlineWebsite/fonts/ThaiSansNeue-Black_2.eot?#iefix') format('embedded-opentype'), url('../TakraOnlineWebsite/fonts/ThaiSansNeue-Black_2.woff') format('woff'), url('../TakraOnlineWebsite/fonts/tThaiSansNeue-Black_2.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }

ul[data-list-img] { float: left; width: auto; clear: both; margin: 0; list-style: none; padding: 0; }
    ul[data-list-img] li { position: relative; padding-left: 30px; }
        ul[data-list-img] li::before { content: ''; position: absolute; left: 0; width: 20px; height: 20px; }

[data-list-content] { list-style: none; margin: 0px; padding: 0px; }
    [data-list-content] li { position: relative; padding-left: 20px; }
        [data-list-content] li::before { position: absolute; top: 0; left: 0; }

br.newline { display: none; }
    br.newline.newline-desktop { display: inline; }

@media screen and (max-width: 39.9375em) {
    ul[data-list-img] li { padding-left: 30px; }
        ul[data-list-img] li::before { width: 16px; height: 16px; }
}

i[class*="icon"] { display: inline-block; width: 30px; height: 30px; margin-left: 10px; position: relative; }
i.icon-phone-white { background: url(../TakraOnlineWebsite/Images/web2019/icon/Icon-Phone-white.svg) no-repeat center left; background-size: contain; }


i.icon-arrow-right { all: unset; background-image: url(../TakraOnlineWebsite/Images/web2017/bullet/arrow-right.png); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 16px; height: 16px; display: inline-block; position: relative; top: 2px; left: 13px; }
.button:hover i.icon-arrow-right, .button:focus i.icon-arrow-right { background-image: url(../TakraOnlineWebsite/Images/web2017/bullet/arrow-right-white.png); }
i.icon-arrow-right.icon-white { background-image: url(../TakraOnlineWebsite/Images/web2017/bullet/arrow-right-white.png); }

[data-list-content="-"] li::before { content: "-"; }

ul[data-list-img="arrow-blue"] li::before { background: url(../TakraOnlineWebsite/Images/web2019/bullet/arrow-blue.svg) no-repeat; background-size: contain; background-position: center; top: 5px; }
ul[data-list-img="arrow-black"] li::before { background: url(../TakraOnlineWebsite/Images/web2019/bullet/arrow-black.svg) no-repeat; background-size: contain; background-position: center; top: 5px; }
ul[data-list-img="arrow-white"] li::before { background: url(../TakraOnlineWebsite/Images/web2019/bullet/arrow-white.svg) no-repeat; background-size: contain; background-position: center; top: 5px; }
ul[data-list-img="check-mark-green"] li::before { background: url(../TakraOnlineWebsite/Images/web2019/bullet/check-mark-green.svg) no-repeat; background-size: contain; background-position: center; }
ul[data-list-img="check-mark-white"] li::before { background: url(../TakraOnlineWebsite/Images/web2019/bullet/check-mark-white.svg) no-repeat; background-size: contain; background-position: center; }
ul[data-list-img="check-mark-yellow"] li::before { background: url(../TakraOnlineWebsite/Images/web2019/bullet/check-mark-yellow.svg) no-repeat; background-size: contain; background-position: center; }
ul[data-list-img="check-mark-blue"] li::before { background: url(../TakraOnlineWebsite/Images/web2019/bullet/check-mark-blue.svg) no-repeat; background-size: contain; background-position: center; }
ul[data-list-img="check-mark-pink"] li::before { background: url(../TakraOnlineWebsite/Images/web2019/bullet/check-mark-pink.svg) no-repeat; background-size: contain; background-position: center; }
ul[data-list-img="check-mark-orange"] li::before { background: url(../TakraOnlineWebsite/Images/web2019/bullet/check-mark-orange.svg) no-repeat; background-size: contain; background-position: center; }
ul[data-list-img="check-mark-hardpink"] li::before { background: url(../TakraOnlineWebsite/Images/web2019/bullet/check-mark-hardpink.svg) no-repeat; background-size: contain; background-position: center; }
ul[data-list-img="check-mark-red"] li::before { background: url(../TakraOnlineWebsite/Images/web2019/bullet/check-mark-red.svg) no-repeat; background-size: contain; background-position: center; }
ul[data-list-img="check-mark-navy"] li::before { background: url(../TakraOnlineWebsite/Images/web2019/bullet/check-mark-navy.svg) no-repeat; background-size: contain; background-position: center; }
ul[data-list-img="bullet-blue"] li::before { content: "\2022"; color: #254AC3; font-weight: bold; font-size: 30px; line-height: 1; }
/* Small only */
/* Below 400 px */

/* Medium and Down */
@media screen and (max-width: 63.9375em) {
    br.newline.newline-medium-less { display: inline; }
}

@media screen and (max-width: 39.9375em) {
    /* Line Spacing Top*/
    [data-line-spacing-top='1'] { margin-top: 100px; }
    [data-line-spacing-top='2'] { margin-top: 70px; }
    [data-line-spacing-top='3'] { margin-top: 32px; }
    [data-line-spacing-top='4'] { margin-top: 26px; }
    [data-line-spacing-top='5'] { margin-top: 18px; }
    [data-line-spacing-top='6'] { margin-top: 7px; }

    /* Line Spacing Bottom*/
    [data-line-spacing-bottom='1'] { margin-bottom: 100px; }
    [data-line-spacing-bottom='2'] { margin-bottom: 70px; }
    [data-line-spacing-bottom='3'] { margin-bottom: 32px; }
    [data-line-spacing-bottom='4'] { margin-bottom: 26px; }
    [data-line-spacing-bottom='5'] { margin-bottom: 18px; }
    [data-line-spacing-bottom='6'] { margin-bottom: 7px; }
    ul[data-list-img] li { padding-left: 30px; }
    ul[data-list-img*="arrow"] li::before { width: 16px; height: 16px; top: 5px; }
    ul[data-list-img*="check-mark"] li::before { width: 22px; height: 22px; top: 3px; }

    ul[data-list-size="sm"] li::before { width: 15px; height: 15px; top: 4px; }


    ul.h4[data-list-img*="check-mark"] li::before { width: 20px; height: 20px; top: 9px; }

    ul.h7[data-list-img] li { padding-left: 24px; }
    ul.h7[data-list-img*="check-mark"] li::before { width: 16px; height: 16px; top: 3px; }

    br.newline.newline-small { display: inline; }
    br.newline.newline-desktop { display: none; }
}
/* Medium and up */
@media screen and (min-width: 40em) {
    /* Line Spacing Top*/
    [data-line-spacing-top='1'] { margin-top: 110px; }
    [data-line-spacing-top='2'] { margin-top: 75px; }
    [data-line-spacing-top='3'] { margin-top: 35px; }
    [data-line-spacing-top='4'] { margin-top: 30px; }
    [data-line-spacing-top='5'] { margin-top: 20px; }
    [data-line-spacing-top='6'] { margin-top: 10px; }

    /* Line Spacing Bottom*/
    [data-line-spacing-bottom='1'] { margin-bottom: 110px; }
    [data-line-spacing-bottom='2'] { margin-bottom: 75px; }
    [data-line-spacing-bottom='3'] { margin-bottom: 35px; }
    [data-line-spacing-bottom='4'] { margin-bottom: 30px; }
    [data-line-spacing-bottom='5'] { margin-bottom: 20px; }
    [data-line-spacing-bottom='6'] { margin-bottom: 10px; }

    br.newline.newline-medium { display: inline; }

    ul.h5[data-list-img] li { padding-left: 38px; }
    ul.h5[data-list-img*="check-mark"] li::before { width: 27px; height: 27px; top: 2px; }
    ul.h7[data-list-img*="check-mark"] li::before { width: 22px; height: 22px; top: 3px; }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    ul[data-list-img*="arrow"] li { padding-left: 20px; }
        ul[data-list-img*="arrow"] li::before { width: 12px; top: 3px; }
    ul[data-list-img*="check-mark"] li::before { width: 22px; height: 22px; top: 5px; }

    ul.h4[data-list-img*="check-mark"] li::before { width: 22px; height: 22px; top: 11px; }
    ul.h5[data-list-img] li { padding-left: 32px; }
    ul.h5[data-list-img*="check-mark"] li::before { width: 24px; height: 24px; top: 0px; }
}

/* Large and up */
@media screen and (min-width: 64em) {
    /* Line Spacing Top*/
    [data-line-spacing-top='1'] { margin-top: 120px; }
    [data-line-spacing-top='2'] { margin-top: 80px; }
    [data-line-spacing-top='3'] { margin-top: 40px; }
    [data-line-spacing-top='4'] { margin-top: 30px; }
    [data-line-spacing-top='5'] { margin-top: 20px; }
    [data-line-spacing-top='6'] { margin-top: 10px; }

    /* Line Spacing Bottom*/
    [data-line-spacing-bottom='1'] { margin-bottom: 120px; }
    [data-line-spacing-bottom='2'] { margin-bottom: 80px; }
    [data-line-spacing-bottom='3'] { margin-bottom: 40px; }
    [data-line-spacing-bottom='4'] { margin-bottom: 30px; }
    [data-line-spacing-bottom='5'] { margin-bottom: 20px; }
    [data-line-spacing-bottom='6'] { margin-bottom: 10px; }

    ul[data-list-img*="check-mark"] li { padding-left: 35px; }
        ul[data-list-img*="check-mark"] li::before { width: 30px; height: 30px; }
    ul[data-list-size="sm"] li::before { width: 18px; height: 18px; top: 5px; }
    br.newline.newline-large { display: inline; }

    ul.h4[data-list-img*="check-mark"] li::before { top: 12px; }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
}